.headerWpr { height: 84px; position: relative; z-index: 10; top: 20px; left: 0; width: 100%; transition: all 0.5s ease-in-out; }
.header { width: 100%; background: #fff; left: 0; top: 0; position: fixed; z-index: 20; padding: 0 3.9vw; box-shadow: 0 3px 5px rgba(0,0,0,0.06); }
.logo { float: left; margin-top: 32px; position: relative; margin-right: 90px; }
.logo svg { fill: #000; height: 20px; width: auto; }
.headRx { float: right; }
.nav { float: left; }
.nav li { float: left; margin-right: 52px; }
.nav_a { font-size: 18px; letter-spacing: 1px; line-height: 84px; display: inline-block; position: relative; }
.nav_a i { background: url(../images/mdar.svg) no-repeat center center; height: 7px; width: 11px; display: inline-block; margin-left: 6px; position: relative; top: -2px; }
.nav_a:hover i, .nav_a.on i { background: url(../images/mdar_h.svg) no-repeat center center; }
.nav_a:hover, .nav_a.on { color: #5a32d1; }
.head_lan { font-size: 16px; line-height: 84px; float: left; letter-spacing: 1px; }
.head_lan svg, .head_lan text { vertical-align: middle; }
.head_lan svg { margin-right: 10px; position: relative; top: -1px; }
.head_lan:hover svg path { transition: all 0.5s ease-in-out; }
.head_lan:hover svg path { fill: #5a32d1 }
.headBtn { float: left; width: 116px; margin: 19px 0px 0px 38px; font-size: 16px; color: #FFF; background: #000000; line-height: 46px; text-align: center; }
.headBtn:hover { background: #333; color: #fff; }
.nav li:hover .subMenu, .nav li:hover .proMenuWpr { opacity: 1; visibility: visible; transform: scale(1); }
.pc_serBtn { background: url(../images/top_ser.png) no-repeat right center; float: left; height: 18px; margin-top: 43px; border-left: 1px solid rgba(255,255,255,0.3); width: 46px; margin-left: 20px; transition: all 0.5s ease-in-out; }
.subMenu { position: absolute; left: 0%; width: 100%; top: 84px; background: #EAEDF2; opacity: 0; visibility: hidden; transition: all 0.5s ease; transform: scaleY(0); transform-origin: center top; padding: 50px 0 72px 0 }
.subMenu dl { float: left; margin-right: 5.2vw; width: 225px; }
.subMenu dl:last-child { margin-right: 0; }
.subMenu dl dt { font-size: 20px; line-height: 70px; border-bottom: 1px solid #BCBEC2; margin-bottom: 20px; }
.subMenu dl dd { overflow: hidden; }
.subMenu_a1 { }
.subMenu_a2 { color: #666666; width: 125px; float: left; line-height: 46px; font-size: 16px; }
.subMenu dl dd .subMenu_a2:nth-child(2n) { width: 100px; }
.header-lang{float:left;width: auto;overflow: hidden;line-height:84px;font-size:18px }
.header-lang a{color:#333;padding:0px 20px;position:relative}
.header-lang a:before{width:1px;height:70%;content:"";position:absolute;right:0px;top:15%;background:#777 }
.header-lang a:last-child:before{display:none}
.header-lang a:last-child{padding-right:0px }
.header-lang a:hover{color:#5a32d1 }
 @media (max-width:1799px) {
.nav_a { font-size: 17px; }
.subMenu { padding: 20px 0 40px 0; }
.subMenu dl dt { font-size: 18px; line-height: 60px; }
.subMenu_a2 { font-size: 15px; line-height: 40px; }
.logo { margin-right: 50px; }
.header-lang{font-size:17px }
.header-lang a{padding:0px 18px}

}
 @media (max-width:1379px) {
}
@media (max-width:1240px) {
.nav li{margin-right:40px }
.header-lang a{padding:0px 15px}
}
 @media (max-width:1199px) {
.header-lang{float:none;width:100%;overflow: hidden;line-height:24px;font-size:15px;margin-top:20px }
.header-lang a{color:#fff;padding:0px 15px;}
.header-lang a:before{background:#fff }
.header-lang a:first-child{padding-left:0px}
.header-lang a:hover{color:#fff;opacity:0.8  }
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
}
.hmFocusWpr { position: relative; }
.hmFocus { height: calc(100vh - 84px); background: #000; }
.hmFocus_item { height: calc(100vh - 84px); position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: scale(1.12); transform: scale(1.12); }
.hmFocus_item video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }

.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }*/

.active .hmFs_bg { visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards; }
.hmFocus .slick-prev { background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform: rotate(180deg); transition: all 0.5s ease-in-out; opacity: 0.3; }
.hmFocus .slick-next { background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition: all 0.5s ease-in-out; opacity: 0.3; }
.hmFocus .slick-prev:hover, .hmFocus .slick-next:hover { background-image: url(../images/fsBtn.png); opacity: 1 }
.hmFocus_doc { width: 100%; position: absolute; left: 0px; bottom: 4.6vw; z-index: 5; }
.hmFocus_doc ul { text-align: left }
.hmFocus_doc ul li { cursor: pointer; margin: 0 8px 0 0; width: 60px; display: inline-block; }
.hmFs_docx { height: 4px; background: rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; opacity: 1; position: relative; }
.hmFs_docx.on { opacity: 1; }
.hmFs_docx i { width: 0; height: 4px; background: #fff; position: absolute; left: 0; top: 0px; transition: all 0.5s ease-in-out; }
.hmFs_docx.on i { width: 100%; transition: all 5.5s linear; }
.hmFocus_doc ul li:first-child .hmFs_docx.on i { transition: all 37s linear; }
.hmBan_txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; text-shadow: 0 2px 8px rgba(0,0,0,0.3); padding: 0 }
.hmBan_txt strong { letter-spacing: 1px; display: block; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font: 44px/78px fzlt; }
.hmBan_txt p { font-size: 26px; line-height: 36px; margin-top: 16px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 1px; }
.hmBan_txt strong span { font-size: 18px; margin: 0 5px; }
.hmban_m { font-size: 16px; line-height: 52px; background: #DCDEDF; letter-spacing: 1px; text-align: center; display: block; height: 52px; width: 160px; text-shadow: none; }
.hmBan_btn { transition: all 0.8s ease; transform: translateY(40px); opacity: 0; margin-top: 30px; }
.hmBan_btn2 { margin-top: 22px; }
.active .hmBan_txt strong { opacity: 1; transform: translateY(0); }
.active .hmBan_txt p { opacity: 1; transform: translateY(0); transition-delay: 0.2s }
.active .hmFs_ban2a { right: 4vw; bottom: 5vw; transform: scale(1); }
.active .hmBan_btn { opacity: 1; transform: translateY(0); transition-delay: 0.4s }
 @media (max-width:1799px) {
.hmBan_txt strong { font-size: 38px; line-height: 66px; }
.hmBan_txt p { font-size: 24px; line-height: 32px; margin-top: 12px; }
.hmban_m { font-size: 15px; line-height: 50px; height: 50px; width: 150px; }
.hmFs_docx { height: 3px; }
.hmFs_docx i { height: 3px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.hmFocus_item, .hmFocus { height: calc(100vh); }
.hmFocus_doc { bottom: 55px; }
.hmBan_txt strong { font-size: 32px; line-height: 52px; }
}
 @media (max-width:993px) {
.hmFocus_item, .hmFocus { height: 600px; }
}
 @media (max-width:767px) {
.hmFs_docx { height: 2px; }
.hmFs_docx i { height: 2px; }
.hmBan_txt strong { font-size: 22px; line-height: 32px; }
.hmBan_txt p { font-size: 17px; line-height: 26px; margin-top: 6px; }
* { letter-spacing: 0; }
.hmFocus_item, .hmFocus { height: 400px; }
.hmFocus_doc { bottom: 35px; }
.hmban_m { font-size: 14px; width: 142px; line-height: 46px; height: 46px; }
.hmFocus_doc ul li { width: 30px; }
}
.proLayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 80; overflow-y: auto; background: rgba(0,0,0,0.7); }
.layer_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.proForm, .proSubmitBox { margin: 60px auto; padding: 45px 45px; width: 100%; max-width: 685px; background: #fff; position: relative; }
.proSubmitBox { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; padding: 85px 45px; }
.pro_close { display: inline-block; height: 34px; width: 34px; position: absolute; top: 26px; right: 26px; cursor: pointer; transition: all 0.5s ease-in-out; }
.pro_close path { transition: all 0.5s ease-in-out; }
.pro_close:hover path { fill: #5a32d1; }
.pro_close:hover { transform: rotate(180deg); }
.proTnm { }
.proTnm strong { font: 34px/54px fzlt; display: block; }
.proTnm p { font-size: 18px; color: #999999; line-height: 26px; }
.proTt { line-height: 30px; overflow: hidden; margin: 32px 0px 12px; font-size: 16px; color: #999999; }
.proTt span:nth-child(1) { float: left; }
.proTt span:nth-child(2) { float: right; color: #ee5046 }
.proInx { position: relative; }
.proInx input { line-height: 56px; height: 58px; border: 1px solid #F4F4F4; font-size: 18px; color: #666; padding: 0px 25px; width: 100%; background: #F4F4F4; }
.proInx input.error, .proInx textarea.error { background: #FFF; border: 1px solid #FF0000; }
.proInx textarea { line-height: 30px; height: 100px; border: 1px solid #F4F4F4; font-size: 18px; color: #666; padding: 15px 25px; width: 100%; background: #F4F4F4; }
.pro_submit { line-height: 60px; background: #000000; height: 60px; text-align: center; display: block; cursor: pointer; font-size: 20px; color: #FFF; width: 100%; margin-top: 32px; transition: all 0.5s ease-in-out; }
.pro_submit:hover { background: #5a32d1; color: #fff; }
.proCks { height: 26px; line-height: 26px; margin-top: 6px; overflow: hidden; }
.proCks label { float: left; margin-right: 25px; font-size: 18px; color: #999999; }
input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; margin-right: 6px; position: relative; top: 1px; border: 2px solid #333; box-shadow: inset 0 0 0 3px #fff; background: #fff; box-sizing: border-box; }
input[type="checkbox"]:checked, input[type="radio"]:checked { border: 2px solid #5a32d2; box-shadow: inset 0 0 0 3px #fff; background: #5a32d2; box-sizing: border-box; }
input[type="radio"], input[type="radio"]:checked { border-radius: 50%; }
.proSico path { fill: #5a32d1; }
.proSubmitBox strong { font: 34px/60px fzlt; letter-spacing: 2px; display: block; margin-top: 14px; }
.proSubmitBox p { font-size: 18px; line-height: 30px; color: #999999; }
 @media (max-width:1799px) {
.proTnm strong { font-size: 26px; line-height: 52px; }
.proTnm p { font-size: 16px; }
.proTt { margin: 18px 0px 8px; }
.proTt { font-size: 15px; }
.proInx input { line-height: 50px; height: 52px; font-size: 16px; padding: 0px 15px; }
.proInx textarea { line-height: 26px; height: 90px; font-size: 16px; padding: 10px 15px; }
.pro_submit { line-height: 54px; height: 54px; font-size: 18px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
.proForm, .proSubmitBox { max-width: 94%; margin: 30px auto; }
.pro_close { top: 12px; right: 12px; }
.proForm, .proSubmitBox { padding: 25px 20px 35px; }
.proTnm strong { font-size: 22px; line-height: 46px; }
.proTnm p { font-size: 14px; line-height: 26px; }
.proTt { margin-top: 10px; font-size: 14px; }
.proInx input { line-height: 46px; height: 48px; }
.proCks label { font-size: 14px; line-height: 26px; }
.proInx input, .proInx textarea { font-size: 14px; }
.pro_submit { margin-top: 15px; font-size: 16px; line-height: 50px; height: 50px; }
}
.hmCon1 { padding: 5.2vw 0px; }
.hmPt { text-align: center; position: relative; }
.hmPt .m2pubMbtn { position: absolute; right: 0; top: 1px }
.hmPt_l { text-align: left; }
.hmPt strong { font: 44px/50px fzlt; letter-spacing: 2px; display: block; font-weight: normal; }
.hmPt p { font-size: 18px; line-height: 28px; color: #666666; margin-top: 15px; }
.hmPt strong img, .hmPt strong text { vertical-align: middle; }
.hmPt img { margin-right: 10px; position: relative; top: -5px; }
.hmc1nums { margin-top: 3.64vw; overflow: hidden; margin-left: 205px; }
.hmc1nums li { width: 300px; float: left; margin-bottom: 2.6vw; color: #555555; transition: all 0.5s ease; cursor: default }
.hmc1nums li:hover { color: #5a32d1; }
.hmc1nums strong { font-size: 50px; line-height: 50px; display: block; }
.hmc1nums strong i { font-size: 24px; display: inline-block; font-style: normal; margin-left: 5px; transform: translateY(-24px); font-weight: normal; }
.hmc1nums p { font-size: 17px; line-height: 26px; letter-spacing: 1px; }
.hmc1img { text-align: center; }
.hmc1img video { width: 100%; height: auto; }
 @media (max-width:1799px) {
.hmPt img { height: 32px; width: auto; top: -4px; }
.hmPt strong { font-size: 38px; line-height: 42px; }
.hmc1nums { margin-left: 80px; }
.hmc1nums li { width: 262px; }
.hmc1nums strong { font-size: 30px; line-height: 40px; }
.hmc1nums strong i { font-size: 20px; transform: translateY(-14px); }
.hmc1nums p { font-size: 16px; }
}
 @media (max-width:1379px) {
.hmPt strong { font-size: 30px; }
.hmPt img { height: 28px; top: -3px; }
}
 @media (max-width:1199px) {
.hmc1nums li { width: 212px; }
.hmc1nums p { font-size: 14px; }
.hmPt strong { font-size: 28px; }
}
 @media (max-width:993px) {
.hmPt strong { font-size: 24px; }
.hmPt img { height: 24px; }
.hmPt p { font-size: 15px; }
}
 @media (max-width:767px) {
.hmCon1 { padding: 50px 0; }
.hmPt strong { font-size: 22px; line-height: 36px; }
.hmPt img { height: 21px; margin-right: 3px; }
.hmc1nums strong { font-size: 22px; line-height: 30px; }
.hmc1nums strong i { font-size: 14px; transform: translateY(-8px); }
.hmc1nums { margin-left: 0; text-align: center; }
.hmc1nums li { width: 170px; text-align: left; display: inline-block; float: none }
.hmc1nums li:nth-child(2n) { width: 120px; }
.hmPt p { font-size: 14px; line-height: 26px; margin-top: 5px; }
}
.pubSwiper .slick-prev { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 80px; width: 80px; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #ddd; background-size: 36px auto; transition: all 0.5s ease; transform: rotate(180deg); cursor: pointer; border: none!important; }
.pubSwiper .slick-next { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 80px; width: 80px; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #ddd; background-size: 36px auto; transition: all 0.5s ease; cursor: pointer; border: none!important; }
.pubSwiper .slick-prev:hover, .pubSwiper .slick-next:hover { background-image: url(../images/btn_arr_a.svg); }
 @media (max-width:1799px) {
.pubSwiper .slick-prev { width: 66px; height: 66px; }
.pubSwiper .slick-next { width: 66px; height: 66px; }
}
 @media (max-width:1379px) {
.pubSwiper .slick-prev { width: 60px; height: 60px; }
.pubSwiper .slick-next { width: 60px; height: 60px; }
}
 @media (max-width:767px) {
.pubSwiper .slick-dots { bottom: -10px; text-align: center }
.pubSwiper .slick-dots li button { display: none; }
.pubSwiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 2px; width: 20px; margin-right: 5px; position: relative; border-radius: 0%; vertical-align: middle }
.pubSwiper .slick-dots li.slick-active { background: #000; }
.pubSwiper .slick-prev, .pubSwiper .slick-next { background-size: 28px auto; height: 26px; margin-top: -13px!important }
}
.hmCon2Wpr { position: relative; background: #eff2f7; }
.hmc2itemEx { height: 100vh; }
.hmc2SwiperWpr { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; }
.hmc2SwiperWprFixed { position: fixed; }
.hmc2SwiperWprBom { position: absolute; top: auto; bottom: 0; }
.hmc2Swiper { }
.hmc2item { height: 100vh!important; display: flex!important; flex-direction: column; justify-content: center; }
.hmc2item strong { font: 44px/50px fzlt; letter-spacing: 2px; display: block; font-weight: normal; transition: all 0.3s ease; opacity: 0; transform: translateY(35px); }
.hmc2item p { font-size: 18px; line-height: 36px; color: #969696; min-height: 72px; margin-top: 1.45vw; margin-bottom: 2.08vw; max-width: 615px; transition: all 0.3s ease; opacity: 0; transform: translateY(35px); }
.hmc2tag { overflow: hidden; transition: all 0.3s ease; opacity: 0; transform: translateY(35px); }
.hmc2tag a { background: url(../images/hmc1_g7.png) no-repeat left 5px; float: left; margin-right: 25px; font-size: 16px; color: #000; line-height: 30px; letter-spacing: 1px; padding-left: 20px; background-size: 30px auto; }
.hmc2tag a.no_g7 { background: none; padding-left: 0; }
.hmc2Video { position: absolute; height: 0; position: absolute; left: 0; width: 100%; top: 50%; }
.hmc2Video .container { position: relative; }
.hmc2Video video, .hmc2Video img { width: 100%; max-width: 700px; height: auto; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.hmc2item.on strong { opacity: 1; transform: translateY(0); }
.hmc2item.on p { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.on .hmc2tag { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.hmc2Swiper .slick-dots { bottom: auto; left: calc((100vw - 1500px) /2 - 100px); width: 8px; top: 50%; transform: translateY(-50%); }
.hmc2Swiper .slick-dots li button { display: none; }
.hmc2Swiper .slick-dots li { background: rgba(0,0,0,0.1); display: inline-block; height: 8px; width: 8px; margin: 14px 0px; position: relative; border-radius: 50%; }
.hmc2Swiper .slick-dots li.slick-active { background: #5a32d1; }
.hmc2Swiper .slick-dots li.slick-active:after { content: ""; width: 24px; height: 24px; border: 8px solid rgba(90,50,209,0.1); border-radius: 50%; left: -8px; top: -8px; position: absolute }
.hmc2tag a.no_g7 { display: block; float: none; margin-right: 0 }
 @media (max-width:1799px) {
.hmc2item strong { font-size: 38px; line-height: 46px; }
.hmc2Video video, .hmc2Video img { max-width: 580px; }
.hmc2item p { max-width: 500px; font-size: 16px; line-height: 32px; }
.hmc2tag a { margin-right: 20px; }
.hmc2Swiper .slick-dots { left: calc((100vw - 1170px) /2 - 40px); }
}
 @media (max-width:1379px) {
.hmc2Swiper .slick-dots { left: calc((100vw - 1170px) /2 - 20px); }
.hmc2item strong { font-size: 32px; line-height: 42px; }
}
 @media (max-width:1199px) {
.hmc2Video video, .hmc2Video img { max-width: 400px; }
.hmc2item p { font-size: 14px; line-height: 28px; }
}
 @media (max-width:993px) {
.hmc2Video { position: relative; right: auto; top: auto; transform: translateY(0); }
.hmc2item { height: 300px!important; }
.hmc2Swiper { position: relative; left: auto; top: auto; }
.hmc2SwiperWpr { display: flex; flex-direction: column; justify-content: center; }
.hmc2Video video, .hmc2Video img { max-width: 600px; position: relative; top: auto; left: 50%; transform: translateX(-50%); }
.hmc2Video { height: auto; }
.hmc2item p { max-width: 100%; }
.hmc2item strong { font-size: 30px; }
}
 @media (max-width:767px) {
.hmc2item strong { font-size: 22px; line-height: 32px; }
.hmc2item p { line-height: 26px; }
.hmc2Video video, .hmc2Video img { max-width: 100%; }
.hmc2tag a { font-size: 15px; background-size: 26px auto; padding-left: 30px; line-height: 24px; margin-bottom: 8px; margin-right: 15px; }
.hmc2item { height: 210px!important; }
.hmc2SwiperWpr { padding-top: 30px; }
}
.video-prop { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.video-prop:before { height: 100%; content: ""; display: inline-block; vertical-align: middle; }
.video-center { width: 65%; vertical-align: middle; display: inline-block; position: relative; }
.video-center video { width: 100%; height: auto; display: block }
.video-close { width: 36px; height: 36px; overflow: hidden; position: absolute; right: -18px; top: -18px; z-index: 12; border-radius: 50%; background: #fafafa; text-align: center; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.video-close:before { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(45deg) }
.video-close:after { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(-45deg) }
.video-close:hover { transform: rotate(180deg); }
.video-active { opacity: 1; visibility: visible; }
 @media screen and (max-width:768px) {
.video-center { width: 90%; }
.video-close { width: 32px; height: 32px; right: -16px; top: -16px; }
}
.hmCon3 { padding: 5.2vw 0px 7vw; }
.hmc3Swiper { margin: 1.3vw -58px 0; }
.hmc3item { padding-left: 58px; }
.hmc3vimg { float: right; position: relative; cursor: pointer; max-width: 887px; }
.hmc3vimg:after { content: ""; height: 94px; width: 94px; position: absolute; left: 22px; bottom: 22px; background: rgba(255,255,255,0.9) url(../images/play.svg) no-repeat center center; background-size: 30px auto; transition: all 0.5s ease }
.hmc3vimg:hover:after { box-shadow: 0 5px 25px rgba(0,0,0,0.3); transform: translateY(-5px) }
.hmc3txt { float: left; margin-top: 80px; height: 485px; display: flex; flex-direction: column; justify-content: center; width: 600px; }
.hmc3_timg { margin-bottom: 1.82vw; }
.hmc3txt strong { font-size: 36px; line-height: 60px; font-weight: normal; letter-spacing: 1px; display: block; }
.hmc3txt p { font-size: 21px; line-height: 32px; margin: 12px 0px 0px; }
.hmc3btn { margin-top: 24px; }
.pub_mbtn { color: #FFF; background: none; width: 160px; font-size: 16px; line-height: 52px; text-align: center; display: block; cursor: pointer; font-style: normal; transition: all 0.5s ease-in-out; border: 2px solid #000; color: #000 }
.pub_mbtn:hover, .pub_mbtnWpr:hover .pub_mbtn { opacity: 0.7; color: #000 }
.hmCon4 { padding-bottom: 5.2vw; }
.hmc4ul { margin-top: 3.12vw; display: flex; justify-content: space-between; flex-wrap: wrap; }
.hmc4ul li { margin-bottom: 20px; }
.hmc4ul li a { display: inline-block; box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.hmc3Swiper .slick-prev { left: -70px; margin-top: -20px; border: 1px solid #eee; }
.hmc3Swiper .slick-next { right: -70px; margin-top: -20px; border: 1px solid #eee; }
.hmc4ul li img { height: 82px; width: auto; }
.hmc3vimg .bgImg { position: absolute; left: 0; bottom: 0; width: 92.53%; height: 85.06%; }
.hmc3rlay { position: absolute; width: 346px; min-height: 118px; padding: 20px 20px 20px 28px; display: flex; flex-direction: column; justify-content: center; right: 30px; top: 30px; box-shadow: 0 3px 20px rgba(0,0,0,0.2); border-radius: 0.6em; background: #fff; }
.hmc3rlay p { font-size: 18px; line-height: 36px; padding-left: 28px; position: relative; }
.hmc3rlay p img { position: absolute; left: 0; top: 6px; width: 22px; height: 22px; }
.hmc4dl { margin: 2.8vw -10px; }
.hmc4dl dd { padding: 7px 10px; }
.hmc4dl dd a { display: block; height: 86px; box-shadow: 0 0 8px rgba(0,0,0,0.1); position: relative }
.hmc4dl dd a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: auto; height: auto; }
.hmc4dl .slick-prev { left: -110px; margin-top: -40px; border: 1px solid #eee; }
.hmc4dl .slick-next { right: -110px; margin-top: -40px; border: 1px solid #eee; }
 @media (max-width:1799px) {
.hmc3vimg { max-width: 720px; }
.hmc3txt { width: 460px; }
.hmc3vimg:after { width: 70px; height: 70px; background-size: 30px auto; }
.hmc3_timg img { max-height: 50px; width: auto; }
.hmc3txt strong { font-size: 26px; line-height: 42px; }
.hmc3txt { margin-top: 10px; }
.pub_mbtn { line-height: 50px; height: 50px; font-size: 15px; width: 150px; }
.hmc3Swiper .slick-prev { left: -30px; width: 66px; height: 66px; margin-top: -40px; }
.hmc3Swiper .slick-next { right: -30px; width: 66px; height: 66px; margin-top: -40px; }
.hmc3txt p { font-size: 18px; line-height: 28px; }
.hmc4ul li img { height: 61px; width: auto; }
.hmc4ul li { margin-bottom: 15px; }
.hmCon4 .hmPt strong { font-size: 34px; }
.hmc3rlay { transform: scale(0.8); right: -8px; top: 6px; }
.hmc4dl .slick-prev { left: -75px; }
.hmc4dl .slick-next { right: -75px; }
.hmc4dl dd a { height: 62px; }
}
 @media (max-width:1379px) {
.hmc3Swiper { margin-left: 0; margin-right: 0; }
.hmc3vimg { max-width: 630px; }
.hmc3txt { width: 420px; margin-top: 0 }
.hmc3Swiper .slick-prev { left: -30px; width: 60px; height: 60px; }
.hmc3Swiper .slick-next { right: -30px; width: 60px; height: 60px; }
.hmc3txt strong { font-size: 22px; line-height: 36px; }
.hmc3txt p { font-size: 17px; line-height: 26px; }
.hmCon4 .hmPt strong { font-size: 30px; }
.hmc4dl { margin-left: 50px; margin-right: 50px; }
}
 @media (max-width:1199px) {
.hmc3txt { width: 360px; height: 345px; }
.hmc3vimg { max-width: 500px; }
.hmc3item { padding-left: 35px; }
.hmc4ul li img { height: 50px; }
.hmc3txt strong { font-size: 20px; line-height: 34px; }
.hmc3txt p { font-size: 15px; }
.pub_mbtn { line-height: 46px; height: 48px; font-size: 15px; width: 142px; }
}
 @media (max-width:993px) {
.hmc3vimg { max-width: 666px; }
.hmc3txt { width: 100%; padding: 50px 0; display: block; height: auto; }
.hmc4ul li img { height: 38px; }
}
 @media (max-width:767px) {
.hmCon3 { padding: 50px 0; }
.hmc3item { padding-left: 0; }
.hmc3vimg .bgImg { width: 100%; height: 100%; }
.hmc3vimg:after { width: 50px; height: 50px; left: 10px; bottom: 10px; background-size: 20px auto; }
.hmc3Swiper { margin-top: 25px; }
.hmc3rlay { transform: scale(0.6); padding: 10px 15px 10px 18px; min-height: 10px; }
.hmc3rlay { top: -8px; right: -58px; }
.hmc3txt { padding: 30px 0; }
.hmc3_timg img { max-height: 38px; }
.hmc3txt strong { font-size: 18px; line-height: 30px; }
.hmc3txt p { font-size: 14px; margin-top: 8px; }
.pub_mbtn { line-height: 42px; height: 44px; width: 120px; font-size: 14px; }
.hmc4dl { margin-left: 0; margin-right: 0; }
.hmc4dl dd a { height: 40px; }
.hmc4dl { margin-left: -8px; margin-right: -8px; }
.hmc4dl dd { padding: 5px 8px; }
.hmc4dl .slick-dots li {/* width:5px;*/ }
.hmc4dl { padding-bottom: 15px; }
}
.hmCon5 { padding: 5.2vw 0; background: #eff2f7; }
.hmCon5 .hmPt { text-align: left; }
.hmc5swiper { margin: 2.2vw -11px 0; }
.hmc5swiper .slick-prev { left: -117px; margin-top: -70px; }
.hmc5swiper .slick-next { right: -117px; margin-top: -70px; }
.hmc5item { padding: 20px 11px; }
.m2naBox { display: block; background: #fff; }
.m2naBox:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.m2naBox .overflowHide { height: 358px; }
.m2naBox .overflowHide:after { content: ""; background: rgba(0,0,0,0.6) url(../images/link.svg) no-repeat center center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 48px auto; transition: all 0.5s ease; opacity: 0 }
.m2naBox:hover .overflowHide:after { opacity: 1; }
.m2nbom { padding: 30px 35px; }
.m2naBox strong { font-size: 18px; line-height: 26px; font-weight: normal; display: block; height: 78px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #333; }
.m2naBox p { line-height: 26px; background: url(../images/m2nti.png) no-repeat left center; padding-left: 24px; font-size: 14px; color: #cccccc; margin-top: 15px; }
 @media (max-width:1799px) {
.hmc5swiper { margin-top: 1.5vw; }
.m2naBox .overflowHide { height: 252px; }
.m2nbom { padding: 25px 20px; }
.m2naBox strong { font-size: 17px; }
.m2naBox p { margin-top: 10px; }
.hmc5swiper .slick-prev { left: -77px; margin-top: -60px; }
.hmc5swiper .slick-next { right: -77px; margin-top: -60px; }
}
 @media (max-width:1379px) {
.hmc5swiper { margin-left: 47px; margin-right: 47px; }
.m2naBox .overflowHide { height: 240px; }
}
 @media (max-width:1199px) {
.m2naBox strong { font-size: 14px; }
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
.hmCon4 .hmPt strong { font-size: 20px; line-height: 32px; }
.hmc4ul { margin-top: 25px; }
.hmc4ul li img { height: 28px; }
.hmc4ul li { margin-bottom: 8px; }
.hmCon4 { padding-bottom: 50px; }
.hmCon5 { padding: 40px 0 50px; }
.hmc5swiper .slick-prev { left: -42px; }
.hmc5swiper .slick-next { right: -42px; }
.hmc5swiper { margin-left: 20px; margin-right: 20px; }
.m2nbom { padding: 15px 15px 25px; }
.m2naBox strong { height: auto; max-height: 78px; }
.hmc5swiper { margin-top: 25px; }
}
 @media (max-width:390px) {
.hmc4ul li img { height: 30px; }
}
.webBom { text-align: center; padding: 5.72vw 0px; }
.webBom .container { display: flex; justify-content: space-around; padding: 0 10vw; }
.webBom strong { display: block; letter-spacing: 1px; font: 36px/46px fzlt; }
.webBom p { margin-top: -5px; }
.webBm_btn { line-height: 50px; color: #000; text-align: center; height: 54px; width: 220px; font-size: 18px; display: inline-block; border: 2px solid #000; background: #000000; color: #fff }
.webBm_btn:hover { color: #FFF; background: #333; border: 2px solid #333; }
 @media (max-width:1799px) {
.webBom strong { font-size: 32px; line-height: 42px; }
.webBm_btn { line-height: 46px; height: 50px; width: 190px; font-size: 17px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.webBom strong { font-size: 26px; }
}
 @media (max-width:993px) {
.webBom strong { font-size: 20px; }
.webBm_btn { width: 140px; }
}
 @media (max-width:767px) {
.webBom .container { display: block; }
.webBom strong { font-size: 18px; margin-bottom: 15px; }
.webBom .container { padding: 0 15px; }
.webBom { padding: 30px 0 50px; }
.webBm_btn { width: 120px; line-height: 42px; height: 46px; }
}
.footer { background: #0a0a0a; color: #fff; padding: 4.48vw 0px 5.2vw; letter-spacing: 1px; }
.foot_logo { float: left; padding-top: 5px; }
.footMenu { float: left; padding-left: 128px; }
.footMenu dl { width: 168px; float: left; }
.footer dl dt { line-height: 30px; margin-bottom: 1.56vw; font-size: 16px; color: #828182; }
.foot_a1 { color: #828182; }
.foot_a1:hover { color: #fff; }
.foot_menu { }
.foot_a2 { display: block; color: #FFF; margin-bottom: 18px; font: 14px/30px ind_m, sy_l; }
.foot_a2:hover { color: rgba(255,255,255,0.8); }
.footLx { width: 315px; float: left }
.footLx dd strong { line-height: 30px; display: block; color: #FFF; font-size: 16px; font-weight: normal; }
.footLx dd strong a { color: #fff; }
.footer * { font-family: sy_l!important; }
.footLx dd strong a:hover { color: rgba(255,255,255,0.8); }
.footLx dd p { font-size: 14px; line-height: 28px; color: #828182; margin-bottom: 25px; }
.footGz { float: left; text-align: center; }
.footGz dd { padding-top: 6px; }
.footGz dd strong { }
.footGz dd p { font-size: 14px; line-height: 38px; letter-spacing: 5px; margin-bottom: 18px; padding-left: 8px; }
.footLan { float: right; }
.foot_ls { font-size: 14px; line-height: 30px; }
.foot_ls a { color: #fff; display: block; margin-bottom: 18px; }
.foot_ls a:hover { color: rgba(255,255,255,0.8); }
.foot_copy { padding-top: 38px; font-size: 14px; line-height: 36px; }
.foot_copy a { color: #fff; }
.foot_copy span { color: #828182; }
.footGzItms div { transition: all 0.5s ease-in-out; }
.footGzItms:hover div { opacity: 0.1; }
.footGzItms:hover div:hover { opacity: 1; }
 @media (max-width:1799px) {
.foot_a2 { line-height: 28px; margin-bottom: 12px; }
.footer dl dt { margin-bottom: 1.2vw; }
.footMenu dl { width: 136px; }
.footMenu { padding-left: 65px; }
.footLx { width: 218px; }
.foot_copy { padding-top: 28px; line-height: 34px; font-size: 14px; }
.foot_ls { font-size: 14px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.foot_logo { display: none; }
.footMenu { padding-left: 0 }
.footMenu dl { width: 112px; }
}
 @media (max-width:993px) {
.footMenu { width: 100%; float: none; overflow: hidden }
.footMenu dl { width: 100%; margin-bottom: 15px; overflow: hidden; }
.footMenu dl dt { width: 100%; }
.foot_menu { overflow: hidden; }
.foot_menu a { float: left; margin-right: 20px; }
.footLx { width: 278px; }
}
 @media (max-width:767px) {
.footer { padding: 40px 0 30px; }
.foot_menu a { margin-right: 15px; margin-bottom: 3px; }
.footLx { width: 100%; }
.footLan { width: 195px; }
.footGz dd p { margin-bottom: 10px; }
.footLx dd p { margin-bottom: 15px; }
.footer dl dt { text-align: left; }
}
.m2errPage { background: #0a0a0a url(../images/m2errbg.png) no-repeat center 3vw; padding: 7.2vw 0px 2vw; color: #fff; text-align: center }
.m2err_num { font: bold 12vw/12vw fzlt; }
.m2err_tip { font: 3.25vw/4.2vw fzlt; margin-top: 1.97vw }
.m2err_sel { font-size: 24px; line-height: 40px; font-weight: normal; letter-spacing: 1px; margin: 2.6vw 0px 1.56vw; }
.m2errBtns { }
.m2errBtn { height: 50px; width: 165px; display: inline-block; margin: 0px 9px; border-radius: 2em; background: #5a32d1; font-size: 16px; line-height: 50px; letter-spacing: 1px; }
.m2errBtn span { color: #fff; display: inline-block; transform: translateY(1px); }
.m2errBtn span text, .m2errBtn span i { vertical-align: middle; }
.m2errBtn i { background: #FFF; display: inline-block; height: 26px; width: 26px; margin-left: 8px; position: relative; border-radius: 50%; }
.m2errBtn i img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.m2errBtn:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(90,50,209,0.5); }
.m2errBody .footer { opacity: 1!important; }
 @media (max-width:1799px) {
.m2err_sel { font-size: 22px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2errPage { padding: 120px 0 30px }
.m2err_tip { font: 2.85vw/3.8vw fzlt; }
.m2err_sel { font-size: 20px; }
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
.m2err_num { font-size: 80px; line-height: 80px; }
.m2err_tip { font-size: 20px; line-height: 60px; }
.m2err_sel { font-size: 16px; }
.m2errBtn { line-height: 46px; height: 46px; font-size: 15px; width: 142px; margin: 0 5px; }
}
.m2gsBanner { position: relative; }
.m2gsBanner .bgImg { height: 360px; }
.m2gsBtnTxt { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.m2gsBtnTxt strong { font: normal 44px/66px fzlt; letter-spacing: 1px; display: block; }
.m2gsPage { padding-bottom: 5.2vw; }
.m2gsul { margin-bottom: 3.64vw }
.m2gsul li { padding: 3.12vw 0px; border-bottom: 1px solid #EAEAEA; }
.m2gsaBox { display: block; }
.m2gsaBox .overflowHide { float: left; height: 300px; width: 300px; transition: all 0.5s ease; }
.m2gsaBox:hover .overflowHide { box-shadow: 0 10px 20px rgba(0,0,0,0.2); transform: translateY(-8px) }
.m2gsRx { margin-left: 360px; height: 300px; display: flex; flex-direction: column; justify-content: center; }
.m2gsRx span { color: #999999; font: 100 16px/22px Arial; }
.m2gsRx strong { font-size: 28px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 40px; height: 40px; margin: 1.04vw 0px; }
.m2gsRx p { font-size: 18px; line-height: 36px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 144px; overflow: hidden; }
.m2moreWpr { text-align: center; }
.m2moreBtn { font-size: 18px; line-height: 36px; color: #999999; display: inline-block; }
 @media (max-width:1799px) {
.m2gsBanner .bgImg { height: 300px; }
.m2gsBtnTxt strong { font-size: 38px; line-height: 56px; }
.m2gsRx strong { font-size: 24px; line-height: 32px; height: 32px; }
.m2gsRx p { font-size: 16px; line-height: 32px; max-height: 128px; }
.m2gsaBox .overflowHide { width: 260px; height: 260px; }
.m2gsRx { margin-left: 300px; height: 260px; }
.m2moreBtn { font-size: 16px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2gsRx strong { font-size: 22px; line-height: 30px; }
.m2gsRx p { font-size: 14px; line-height: 28px; max-height: 112px; }
.m2gsBtnTxt { padding-top: 40px; }
}
 @media (max-width:993px) {
.m2gsBtnTxt strong { font-size: 28px; }
.m2gsRx strong { font-size: 20px; }
}
 @media (max-width:767px) {
.m2gsBtnTxt strong { font-size: 24px; line-height: 36px; }
.m2gsBanner .bgImg { height: 250px; }
.m2gsBtnTxt { padding-top: 46px; }
.m2gsul { margin-top: 35px; }
.m2gsaBox .overflowHide { float: none; }
.m2gsul li { padding: 25px 0; }
.m2gsRx { margin-left: 0; display: block; height: auto; margin: 20px 0 0 }
.m2gsRx strong { font-size: 18px; }
.m2gsPage { padding-bottom: 50px; }
.m2moreBtn { font-size: 14px; }
}
.m2banner { position: relative; background: #efefef; }
.m2banner .bgImg { height: 37.08vw; }
.m2banTxt { position: absolute; left: 0; width: 100%; text-align: center; color: #fff; z-index: 2; top: 50%; transform: translateY(-50%); padding-bottom: 50px; }
.m2banTxt_l { text-align: left; }
.m2banTxt_b { color: #000; }
.m2banLogo { }
.m2banLogo svg { width: 62px; height: auto; }
.m2banLogo path { fill: #fff; }
.m2banTxt strong { display: block; font: 52px/60px fzlt; letter-spacing: 1px; margin-top: 25px; }
.m2banTxt p { font-size: 36px; line-height: 42px; margin-top: 12px; font-weight: bold; }
.m2menuWpr { position: relative; z-index: 2; margin-top: -50px; }
.m2menu { background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.06); padding: 0 1.56vw; }
.m2menu_a { line-height: 100px; margin: 0 1.56vw; font-size: 20px; position: relative; display: inline-block; }
.m2menu_a.on, .m2menu_a:hover { color: #5a32d1; }
.m2menu_a:after { content: ""; height: 4px; background: #5a32d1; position: absolute; left: 50%; width: 0%; bottom: 0; transition: all 0.5s ease }
.m2menu_a.on:after, .m2menu_a:hover:after { width: 100%; left: 0 }
.m2abtCon1 { margin: 5.2vw 0; position: relative; display: flex; justify-content: space-between; }
.m2abt_c1Lx { width: 50.5%; display: flex; flex-direction: column; justify-content: center; }
.m2abtCon1 .hmPt { text-align: left; }
.m2abt_c1des { font-size: 20px; line-height: 42px; color: #666666; margin-top: 1.45vw; text-align: justify; }
.m2abt_c1Rx { position: relative; width: 44.46%; height: 461px; overflow: hidden }
.m2abtCon2Wpr { background: #211f22; }
.m2abtCon2 { position: relative; min-height: 812px; padding-right: 54%; display: flex; flex-direction: column; justify-content: center; }
.m2abtCon2 .hmPt { text-align: left; color: #fff; }
.hmc2des { font-size: 18px; line-height: 42px; color: #908f91; margin: 1.45vw 0px 2.08vw; position: relative; z-index: 1; }
.m2abt2btn { }
.m2abt2btn a { width: 160px; font-size: 16px; line-height: 52px; letter-spacing: 1px; text-align: center; display: inline-block; background: none; border: 2px solid #fff; color: #fff; }
.m2abt2btn a:hover { color: #FFF; opacity: 0.7 }
.m2abt_pimg { position: absolute; right: 0; bottom: 0 }
.m2abtCon3 { padding: 5.72vw 0px 3.8vw; }
.m2abtYrs { padding: 0px 12.25vw; height: 85px; margin-top: 4.16vw; position: relative; margin-bottom: 1.82vw; }
.m2abtYrs:before { content: ""; background: #EBEBEB; height: 1px; position: absolute; left: 50px; top: 64px; right: 50px; }
.m2abt_yr { text-align: center; padding-top: 5px; font-size: 18px; line-height: 38px; font-weight: bold; display: inline-block; transition: all 0.5s ease; }
.m2abtlcSwiper { position: relative; height: 425px; position: relative; margin-left: 0px; margin-right: 0px; }
.m2abtlcSwiper:before { content: ""; width: 33.33%; height: 336px; position: absolute; left: 50%; top: 26px; transform: translateX(-50%); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.m2abtlcSwiper:after { content: ""; left: 50px; right: 50px; height: 1px; border-bottom: 1px dashed #BAC0CA; top: 138px; position: absolute; }
.slick-current.m2abt_yr { padding-top: 0; font-size: 26px; }
.m2abtYrs .slick-prev { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; left: 0px; top: 46px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; background-size: 36px auto; transform: rotate(180deg); }
.m2abtYrs .slick-next { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 36px; width: 36px; position: absolute; right: 0px; top: 46px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; background-size: 36px auto; }
.m2abtYrs .slick-prev:hover, .m2abtYrs .slick-next:hover { background-image: url(../images/btn_arr_a.svg); background-size: 36px auto; }
.m2abtlc_item { padding: 80px 50px 0; position: relative; }
.m2abtlcSwiper .slick-list { position: relative; z-index: 2; }
.m2lcTxt { }
.m2lcTxt strong { display: block; height: 90px; font-size: 26px; color: #555555; line-height: 32px; transition: all 0.5s ease-in-out; position: relative; }
.m2lcTxt strong:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #B2BDCD; position: absolute; left: 0px; top: 56px; transition: all 0.5s ease-in-out; }
.slick-current .m2lcTxt strong:before { background: #5a32d1; left: 7px; }
.m2lcTxt strong:after { content: ""; height: 19px; width: 19px; border: 3px solid #5a32d1; position: absolute; left: 0px; top: 49px; border-radius: 50%; transition: all 0.5s ease-in-out; opacity: 0 }
.slick-current .m2lcTxt strong:after { opacity: 1; transition-delay: 0.2s }
.m2abtCon4Wpr { background: #eff2f7; padding: 5.72vw 0px; }
.m2lcDes { font-size: 18px; line-height: 30px; color: #555555; max-height: 150px; overflow-y: auto; }
.m2lcDes li { position: relative; padding-left: 12px; }
.m2lcDes li:after { content: ""; width: 4px; height: 4px; background: #666; position: absolute; left: 0; top: 13px; }
.m2abtCon4 { margin-top: 3.64vw; position: relative; min-height: 668px; }
.m2abt_c4Lx { float: left; width: calc(100% - 854px); position: relative; z-index: 1; max-height: 620px; overflow-y: auto; padding-right: 15px; }
.m2abt_c4Lx li { padding: 25px 50px 30px; border-radius: 0.5em; font-size: 18px; line-height: 30px; cursor: pointer; transition: all 0.5s ease }
.m2abt_c4Lx li.on { background: #FFF; }
.m2abt_c4Lx li strong { font-size: 24px; letter-spacing: 2px; display: block; line-height: 36px; margin-bottom: 10px; color: #333; }
.m2abt_c4Lx li p span { color: #969696; }
.m2abt_pt { width: 0; height: 0; position: absolute; }
.m2abt_pt1 { left: 68.14%; top: 27.88%; }
.m2abt_pt2 { left: 70.22%; top: 42.02%; }
.m2abt_pt3 { left: 62.22%; top: 36.92%; }
.m2abt_pt4 { left: 70.99%; top: 39.58%; }
.m2abt_pt5 { left: 72.6%; top: 35.9%; }
.m2abt_pt6 { left: 63.22%; top: 33.02%; }
.m2abt_pt7 { left: 70.14%; top: 30.88%; }
.m2abt_pt i { background: #FFF; height: 17px; width: 17px; border: 5px solid #D2DDEB; position: absolute; left: 50%; top: 50%; border-radius: 50%; }
.m2abt_pt.on i { border: 5px solid #000; }
.m2abt_pt i:before, .m2abt_pt i:after { content: ""; }
.m2abt_pt i:after { }
.m2abt_c4Rx { width: 854px; top: 55px; position: absolute; right: 0; }
.m2abt_mpImg { height: 220px; width: 391px; border: 3px solid #000; position: absolute; right: -137px; bottom: 18px; border-radius: 0.4em; transition: all 0.5s ease; transform-origin: center bottom; transform: scale(0); opacity: 0; background: #000; }
.m2abt_mpImg img { border-radius: 0.3em; overflow: hidden; }
.m2abt_mpImg:after { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000; position: absolute; right: 115px; bottom: -12px; }
.m2abt_pt span { font-size: 18px; letter-spacing: 1px; white-space: nowrap; display: inline-block; position: absolute; left: 24px; top: 50%; line-height: 18px; color: #000 }
.m2abt_pt2 span { left: auto; right: 10px; }
.m2abt_pt.on .m2abt_mpImg { opacity: 1; transform: scale(1); }
 @media (max-width:1799px) {
.m2banTxt strong { font-size: 40px; line-height: 52px; margin-top: 20px; }
.m2menu_a { font-size: 18px; line-height: 80px; }
.m2menuWpr { margin-top: -40px; }
.m2abt_c1Rx { height: 350px; }
.m2abt_c1des { font-size: 16px; line-height: 32px; }
.m2abt_pimg { width: 520px; height: auto; }
.m2abtCon2 { padding-right: 500px; }
.hmc2des { font-size: 16px; line-height: 32px; }
.m2abtCon2 { min-height: 605px; }
.m2abtlc_item { padding-left: 40px; padding-right: 40px; padding-top: 70px; }
.m2lcDes { font-size: 15px; line-height: 26px; max-height: 156px; }
.m2abtYrs { margin-top: 3.2vw; }
.m2abtlcSwiper:after { top: 128px; }
.m2abt_c4Rx { transform: scale(0.8); transform-origin: right top; }
.m2abt_c4Lx { width: calc(100% - 550px); }
.m2abt_c4Lx li { padding: 20px 35px 20px; font-size: 16px; line-height: 28px; }
.m2abt_c4Lx li strong { font-size: 20px; line-height: 30px; }
.m2abt_c4Rx { top: 65px; }
.m2abtCon4 { min-height: 572px; }
.m2banner .bgImg { height: 35vw; }
.m2banTxt p { font-size: 28px; line-height: 38px; }
.m2lcDes li:after { top: 10px; }
.m2abt_c4Lx { max-height: 490px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2banner .bgImg { height: 380px; }
.m2banTxt { padding-top: 56px; }
.m2banLogo svg { width: 50px; }
.m2banTxt strong { font-size: 32px; line-height: 46px; margin-top: 10px; }
.m2abt_c4Lx { width: calc(100% - 470px); }
.m2banTxt p { font-size: 22px; line-height: 34px; margin-top: 8px; }
.m2abt_c1des { font-size: 14px; line-height: 28px; }
.hmc2des { font-size: 14px; line-height: 28px; }
.m2abt2btn a { width: 150px; line-height: 46px; font-size: 15px; }
.m2lcDes { font-size: 14px; }
.m2abt_c4Lx li { font-size: 13px; }
.m2menu_a { font-size: 16px; }
}
 @media (max-width:993px) {
.m2abt_pimg { width: 350px; }
.m2abtCon2 { padding-right: 260px; }
.m2abtlcSwiper:before { display: none; }
.m2abt_c4Rx { display: none; }
.m2abt_c4Lx { width: 100%; }
.m2abtCon4Wpr { background: #eff2f7 url(../images/m2abt_map.png) no-repeat center center; }
.m2banTxt strong { font-size: 28px; }
.m2banTxt p { font-size: 20px; }
}
 @media (max-width:767px) {
.m2abtCon1 { margin: 40px 0 60px; display: block; }
.m2abt_c1Lx { width: 100%; margin-bottom: 20px; }
.m2abt_c1Rx { width: 100%; height: 250px; }
.m2abt_c1des { line-height: 26px; }
.m2banLogo svg { width: 36px; height: auto; }
.m2banTxt strong { font-size: 22px; line-height: 36px; }
.m2banTxt { padding: 0 }
.m2banner .bgImg { height: 350px; }
.m2abtCon2 { display: block; padding: 50px 0 0; }
.hmc2des { line-height: 26px; }
.m2abt_pimg { position: static; }
.m2abt2btn { margin-top: 25px; margin-bottom: 20px; }
.m2abt2btn a { width: 130px; }
.m2abtCon3 { padding: 50px 0; }
.m2abtYrs { display: none; }
.m2abtlcSwiper .slick-dots { bottom: 0; }
.m2abtlcSwiper .slick-dots li button { display: none; }
.m2abtlcSwiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 5px; position: relative; border-radius: 50%; vertical-align: middle }
.m2abtlcSwiper .slick-dots li.slick-active { background: #5a32d1; }
.m2abtlc_item { padding: 20px 0px 20px }
.m2abtlcSwiper:after { top: 78px; }
.m2abtlcSwiper { height: 310px; }
.m2abtCon4Wpr { padding: 50px 0 60px; }
.m2abt_c4Lx li { padding-left: 15px; padding-right: 15px; }
.m2banTxt p { font-size: 16px; line-height: 28px; }
.m2abt_c4Lx { max-height: none; padding-right: 0; }
}
.m2mtCon1 { padding: calc(5.2vw + 50px) 0 5.2vw; background: #eff2f7; margin-top: -50px; }
.m2mtCon2 { padding: 5.2vw 0; }
.m2mt_bnav { margin-top: 3.12vw; line-height: 76px; background: #f1f1f1; font-size: 18px; }
.m2mt_bnav a { margin-left: 55px; }
.m2mt_bnav a.on { color: #5a32d1; }
.m2mtSwiperWpr { margin: 2.2vw -11px 0; position: relative; }
.m2mtSwiper { position: absolute; left: 0; right: 0; top: 0; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.m2mtSwiperWpr .m2mtSwiper:nth-child(1) { position: relative; }
.m2mtSwiper.on { visibility: visible; opacity: 1; z-index: 1; }
.m2mt_item { padding: 20px 11px 30px; }
.m2mt_aBox { display: block; background: #fff; box-shadow: 0 10px 15px rgba(50,88,163,0.1); }
.m2mt_aBox:hover { transform: translateY(-10px); }
.m2mt_aBox .overflowHide { height: 358px; }
.m2mtNm { line-height: 32px; height: 116px; font-size: 20px; padding: 0px 60px 0px 25px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; }
.m2mtNm i { width: 42px; height: 42px; position: absolute; right: 25px; top: 50%; margin-top: -21px; background: url(../images/m2mt_dw.png) no-repeat center center; }
.m2mtNm i:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #C8C8C8; border-radius: 50%; transition: all 0.3s ease; opacity: 0; }
.m2mtNm i:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-left: 1px solid #333; border-radius: 50%; animation: radiusRotate 1s linear infinite; transition: all 0.3s ease; opacity: 0; }
.m2mt_aBox:hover .m2mtNm i:before { opacity: 1; }
.m2mt_aBox:hover .m2mtNm i:after { opacity: 1; }
.m2mtSwiper .slick-prev { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 80px; width: 80px; position: absolute; left: -117px; margin-top: -70px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #ddd; background-size: 36px auto; transition: all 0.5s ease; transform: rotate(180deg); cursor: pointer }
.m2mtSwiper .slick-next { background: url(../images/btn_arr.svg) no-repeat center center; display: inline-block; height: 80px; width: 80px; position: absolute; right: -117px; margin-top: -70px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #ddd; background-size: 36px auto; transition: all 0.5s ease; cursor: pointer }
.m2mtSwiper .slick-prev:hover, .m2mtSwiper .slick-next:hover { background-image: url(../images/btn_arr_a.svg); }
 @media (max-width:1799px) {
.m2mt_bnav { line-height: 66px; }
.m2mt_aBox .overflowHide { height: 272px; }
.m2mtNm { font-size: 17px; line-height: 28px; height: 96px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
}
 @media (max-width:993px) {
.m2mtSwiperWpr { margin-bottom: 50px; }
.m2mtSwiperWpr .slick-dots { bottom: -20px; }
.m2mtSwiperWpr .slick-dots li button { display: none; }
.m2mtSwiperWpr .slick-dots li { background: #D6D6D6; display: inline-block; height: 4px; width: 26px; margin: 0px 6px; position: relative; border-radius: 0%; vertical-align: middle }
.m2mtSwiperWpr .slick-dots li.slick-active { background: #5a32d1; }
}
 @media (max-width:767px) {
.m2mtCon1 { padding-top: 100px; }
.m2mtCon2 { padding: 50px 0; }
.m2mt_bnav { margin-top: 25px; line-height: 56px; text-align: center }
.m2mt_bnav a { margin: 0 10px; }
}
.m2menuMore { padding: 30px 20px 20px 30px; position: relative; }
.m2menuDown { padding: 0px 20px 0px 20px; font-size: 16px; border: 1px solid #555; display: inline-block; line-height: 38px; position: absolute; right: 30px; top: 30px; transition: all 0.2s ease; }
.m2menuDown:hover, .m2menuUp:hover { border: 1px solid #5a32d1; }
.m2menuDown:hover i, .m2menuUp:hover i { background: url(../images/mdar_h.svg) no-repeat center center; }
.m2menus { max-height: 50px; overflow: hidden; transition: all 0.5s linear; }
.m2menuMore .m2menu_a { line-height: 40px; white-space: nowrap; margin-bottom: 10px; }
.m2menuMore .m2menu_a:after { display: none; }
.m2menuUp text, .m2menuUp i, .m2menuDown text, .m2menuDown i { vertical-align: middle; }
.m2menuDown i, .m2menuUp i { margin-left: 6px; background: url(../images/mdar.svg) no-repeat center center; width: 11px; height: 7px; display: inline-block; }
.m2menuMore.open { padding-right: 30px; }
.m2menuMore.open .m2menuDown { visibility: hidden; opacity: 0 }
.m2menuMore.open .m2menus { max-height: 200px; }
.m2menuUp { padding: 0px 20px 0px 20px; font-size: 16px; border: 1px solid #555; display: inline-block; line-height: 38px; visibility: hidden; transition: all 0.2s ease; opacity: 0 }
.m2menuUp i { transform: rotate(180deg); }
.m2menuMore.open .m2menuUp { visibility: visible; opacity: 1; }
.m2nPage { padding: 5.2vw 0; }
.m2nFir_aBox { display: block; background: #eff2f7; overflow: hidden }
.m2nFir_aBox .overflowHide { width: 50%; height: 530px; float: right; }
.m2nFrtxt { width: 50%; float: left; padding: 0 65px; display: flex; flex-direction: column; justify-content: center; height: 530px; }
.m2nFrtxt span { font-size: 18px; color: #999999; background: url(../images/tmico.svg) no-repeat left center; line-height: 28px; padding-left: 25px; background-size: 20px auto; }
.m2nFrtxt strong { font-size: 34px; line-height: 48px; max-height: 96px; overflow: hidden; margin: 1.82vw 0px 1.36vw; display: block; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.m2nFrtxt p { font-size: 18px; line-height: 30px; color: #969696; max-height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 1.36vw; overflow: hidden }
.m2nul { margin: 5.2vw -12px 2.6vw; }
.m2nul li { width: 25%; float: left; padding: 0 12px; margin-bottom: 24px; }
.m2nul .m2naBox { box-shadow: 0 10px 20px rgba(0,0,0,0.1) }
.page { text-align: center; }
.pagination { }
.pagination li { display: inline-block; }
.pagination li a { display: inline-block; margin: 0 2px; min-width: 38px; border-radius: 50%; text-align: center; font: 16px/38px Arial; font-weight: bold; padding: 0 10px; }
.pagination li.active a, .pagination li a:hover { background: #000; color: #fff; }
.pagination li:first-child { margin-right: 20px; }
.pagination li:last-child { margin-left: 20px; }
.pagination li:first-child a, .pagination li:last-child a { border-radius: 0.6em; padding: 0 15px; }
 @media (max-width:1799px) {
.m2nFir_aBox .overflowHide, .m2nFrtxt { height: 410px; }
.m2nFrtxt strong { font-size: 25px; line-height: 40px; max-height: 80px; margin: 1.22vw 0px 1.06vw }
.m2nFrtxt p { font-size: 15px; line-height: 28px; max-height: 84px; }
.m2menuMore { padding: 20px 175px 10px 30px; }
.m2menuDown { top: 20px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2nFrtxt { padding: 0 35px; }
.m2nFrtxt strong { font-size: 22px; line-height: 38px; max-height: 76px; }
.m2nFrtxt p { font-size: 14px; }
}
 @media (max-width:993px) {
.m2nul li { width: 50%; }
}
 @media (max-width:767px) {
.m2menuMore { padding: 10px 5px 5px 10px; }
.m2menuDown { padding: 0px 10px 0px 12px; font-size: 14px; line-height: 38px; right: 15px; top: 10px; }
.m2menu_a { font-size: 13px; }
.m2menus { max-height: 44px; }
.m2menu_a { line-height: 60px; }
.m2menuMore .m2menu_a { line-height: 40px; margin-bottom: 5px; }
.m2menuMore.open .m2menus { max-height: 280px; }
.m2menuWpr { margin-top: -30px; }
.m2nul li { width: 100%; }
.m2nul { margin-top: 45px; }
.m2nFir_aBox .overflowHide { width: 100%; float: none; height: 220px; }
.m2nPage { padding: 50px 0; }
.m2nFrtxt { width: 100%; float: none; display: block; height: auto; padding: 20px 15px 45px; }
.m2nFrtxt span { font-size: 15px; }
.m2nFrtxt strong { font-size: 18px; line-height: 30px; max-height: 60px; }
.m2nFrtxt p { line-height: 26px; max-height: 78px; margin-bottom: 15px; }
}
.max1000 { max-width: 1030px }
.m3nTop { background: #EFF4F4; padding: 52px 0px 60px; }
.m3nBkwpr { }
.m3nback { font-size: 18px; line-height: 30px; letter-spacing: 1px; display: inline-block; background-size: 24px auto }
.m3nback * { vertical-align: middle; }
.m3nback path { transition: all 0.5s ease-in-out; fill: #333; }
.m3nback svg { position: relative; top: -3px; margin-right: 5px; }
.m3nback:hover path { fill: #5a32d1; }
.m3nt { font: normal 44px/56px fzlt; margin: 32px 0px 36px; }
.m3nInfo { line-height: 24px; overflow: hidden; }
.m3nInfo span { font-size: 16px; color: #999999; float: left; }
.m3ntg { font-size: 14px; color: #666666; background: #EBEBEB; padding: 0px 16px; float: left; margin-left: 15px; border-radius: 2em; }
.m3ntg:hover { color: #FFF; background: #565656; }
.m3nPage { }
.m3nContent { padding: 3.9vw 0px; font-size: 18px; line-height: 36px; color: #666666; }
.m3nContent video { max-width: 100%; height: auto; }
/*.m3nContent video,.m3nContent img{display:block; margin-left:auto; margin-right:auto;}*/



.m3csContent { padding-top: 5vw; }
.m3nNr { padding-bottom: 3.9vw; overflow: hidden; }
.m3nNr strong { line-height: 36px; float: left; font-size: 20px; font-weight: normal; margin-right: 15px; }
.m3nNr_a { font-size: 15px; color: #666666; background: #EBEBEB; padding: 0px 22px; float: left; margin-right: 17px; border-radius: 2em; line-height: 36px; }
.m3nNr_a:hover { color: #FFF; background: #565656; }
.m3nBom { padding-top: 2.34vw; border-top: 1px solid #EEEEEE; }
.m3nBst { font-size: 26px; line-height: 80px; margin-bottom: 5px; }
.m3nBst_c { text-align: center; }
.m3nbmul { padding-bottom: 5.2vw; }
.m3nbmul li { margin-bottom: 30px; }
.m3nbm_aBox { display: block; background: #eeeeee; overflow: hidden; }
.m3nbm_aBox:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1) }
.m3nbm_aBox .overflowHide { width: 250px; height: 250px; float: left; }
.m3nbmRx { margin-left: 250px; height: 250px; padding: 0 100px; display: flex; flex-direction: column; justify-content: center; }
.m3nbmRx strong { font-size: 30px; line-height: 48px; font-weight: normal; letter-spacing: 1px; display: block; max-height: 144px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #333; }
.m3nContent h5 { letter-spacing: 1px; color: #000000; margin-top: 36px; display: block; margin-bottom: 22px; font: 28px/36px fzlt; }
.m2pos { font-size: 16px; line-height: 24px; color: #666666; }
.m2pos a { display: inline-block; position: relative; }
.m2pos a:after { content: ""; height: 1px; background: #333; position: absolute; left: 0; bottom: 0; width: 100%; transition: all 0.5s ease-in-out; }
.m2pos a:hover:after { background: #5a32d1; }
.m3nBom .hmc5swiper { margin-top: -0.4vw; margin-bottom: 5.2vw; }
.m3nBom .m2naBox { box-shadow: 0 6px 15px rgba(0,0,0,0.1) }
 @media (max-width:1799px) {
.m3nt { font: normal 34px/50px fzlt; margin: 25px 0px 22px; }
.m3nContent { font-size: 16px; line-height: 32px; }
.m3nNr strong { font-size: 18px; }
.m3nNr_a { font-size: 14px; }
.m3nBst { font-size: 22px; line-height: 70px; }
.m3nbm_aBox .overflowHide { width: 220px; height: 220px; }
.m3nbmRx { margin-left: 220px; height: 220px; padding: 0 60px; }
.m3nbmRx strong { font-size: 22px; line-height: 38px; }
.m3nContent h5 { font-size: 24px; line-height: 30px; margin-top: 30px; margin-bottom: 16px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m3nTop { padding-top: 100px; }
.m3nt { font: normal 30px/46px fzlt; }
.m3nContent h5 { font-size: 22px; }
.m3nContent { font-size: 14px; line-height: 28px; }
.m3nbmRx strong { font-size: 18px; line-height: 36px; }
}
 @media (max-width:993px) {
.m3nt { font-size: 24px; }
}
 @media (max-width:767px) {
.m3nt { font-size: 20px; line-height: 32px; }
.m2pos { font-size: 14px; }
.m3nInfo span { font-size: 14px; }
.m3ntg { font-size: 13px; }
.m3nBom { padding-top: 50px; }
.m3nBst { font-size: 20px; line-height: 36px; }
.m3nBom .hmc5swiper { margin-bottom: 40px; }
.m3nBst { margin-bottom: 15px; }
.m3nbm_aBox .overflowHide { float: none; margin-left: auto; margin-right: auto; }
.m3nbmRx { margin-left: 0; padding: 20px 15px; height: auto; display: block; }
.m3nbmRx strong { font-size: 15px; line-height: 28px; }
.m3nbm_aBox { padding-top: 35px; }
.m3nbmul li { margin-bottom: 20px; }
.m3nbmul { padding-bottom: 40px; }
.m3nContent { padding-top: 40px; }
.m3nNr strong { font-size: 16px; display: block; width: 100%; margin-right: 0 }
.m3nNr_a { font-size: 13px; margin-right: 15px; margin-bottom: 15px; }
.m3nNr { padding-bottom: 25px; }
}
.m2hsBgs { background: #eff2f7; }
.m2csPage { padding-bottom: 5.2vw; }
.m2csPage .m2nbom { padding: 20px 35px 30px }
.m2cs_slg { height: 52px; position: relative; top: -5px; }
.m2cs_slg img { max-height: 52px; width: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%)!important; }
.m2cs_bm { margin-top: 10px; height: 25px; line-height: 25px; }
.m2cs_bm span:nth-child(1) { color: #999999; padding: 0 15px; float: left; border-radius: 2em; font-size: 14px; background: #EBEBEB; transition: all 0.5s ease-in-out; }
.m2cs_bm span:nth-child(2) { float: right; font-size: 16px; letter-spacing: 1px; color: #999; transition: all 0.5s ease-in-out; }
.m2naBox:hover .m2cs_bm span:nth-child(1) { background: #565656; color: #fff; }
.m2naBox:hover .m2cs_bm span:nth-child(2) { color: #5a32d1; }
 @media (max-width:1799px) {
.m2csPage .m2nbom { padding: 20px 20px 30px; }
.m2cs_bm span:nth-child(2) { font-size: 15px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2csPage .m2nbom { padding-left: 15px; padding-right: 15px; }
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
.m2csPage { padding-bottom: 40px; }
.m2cs_bm span:nth-child(2) { font-size: 14px; }
}
.m2csBom { padding: 5.2vw 0; }
.m2csSwiper { margin: 2.08vw -21px 0; }
.m2csSitem { padding: 21px; }
.m2csb_aBox { display: block; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.m2csb_aBox:hover { transform: translateY(-10px); }
.m2csbRdes { width: calc(100% - 365px); height: 366px; float: right; padding: 35px 30px 0; }
.m2csbRdes p { font-size: 18px; line-height: 26px; height: 104px; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.m2csbRdes strong { font-size: 18px; line-height: 26px; display: block; font-weight: normal; color: #999999; height: 78px; overflow: hidden; margin: 30px 0px 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.m2csbRdes strong span { display: inline-block; margin-right: 8px; }
.m2csb_aBox .overflowHide { width: 365px; height: 366px; float: left; }
.m2csblg { height: 42px; position: relative; display: block }
.m2csblg img { max-height: 42px; width: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%)!important; }
.m2csb_aBox .overflowHide:after { content: ""; height: 62px; width: 62px; position: absolute; left: 14px; bottom: 14px; background: rgba(255,255,255,0.9) url(../images/play.svg) no-repeat center center; background-size: 22px auto; transition: all 0.5s ease; }
.m2csSwiper .slick-prev { left: -107px; margin-top: -70px; border: 1px solid #eee; }
.m2csSwiper .slick-next { right: -107px; margin-top: -70px; border: 1px solid #eee; }
 @media (max-width:1799px) {
.m2csb_aBox .overflowHide { width: 285px; height: 285px; }
.m2csbRdes { width: calc(100% - 285px); height: 285px; padding: 30px 20px 0 }
.m2csbRdes p { font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 24px; height: 72px; }
.m2csbRdes strong { font-size: 16px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 20px 0px 32px; }
.m2csSwiper { margin-left: 15px; margin-right: -15px; }
.m2csSitem { padding: 15px; }
.m2csb_aBox { box-shadow: 0 6px 12px rgba(0,0,0,0.1); }
.m2csSwiper .slick-prev { left: -90px; }
.m2csSwiper .slick-next { right: -90px; }
}
 @media (max-width:1379px) {
.m2csSwiper { margin-left: 47px; margin-right: 47px; }
.m2csSwiper .slick-prev { left: -75px; }
.m2csSwiper .slick-next { right: -75px; }
.m2csb_aBox .overflowHide:after { width: 56px; height: 56px; }
}
 @media (max-width:1199px) {
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
.m2csBom { padding: 50px 0; }
.m2csBom .hmPt strong { text-align: center; }
.m2csSwiper { margin-left: 20px; margin-right: 20px; }
.m2csSwiper .slick-prev { left: -42px; }
.m2csSwiper .slick-next { right: -42px; }
.m2csb_aBox .overflowHide { height: 245px; width: 100%; float: none; }
.m2csbRdes { width: 100%; padding: 20px 15px 0; height: 240px }
.m2csbRdes p { font-size: 15px; }
.m2csbRdes strong { font-size: 14px; margin: 15px 0 }
}
.fixedBody .wrapper { overflow: visible; }
.m3khPage { padding-top: 4.16vw; }
.m3khContent { position: relative; }
.m3khContent .m3nContent { padding-top: 0; }
.m3khPinfo { display: none; }
.m3khContent_full .m3nContent { width: 1068px; float: right; }
.m3khContent_full .m3khPinfo { width: 366px; float: left; position: -webkit-sticky; position: sticky; top: 150px; display: block; transition: all 0.3s ease; }
.m3khContent_full .m3khPinfo.out { opacity: 0; }
.m3khPx1 { background: #FFF; padding: 28px 25px; border-radius: 0.6em; box-shadow: 0 8px 28px rgba(50,88,163,0.2); margin-bottom: 20px; }
.m3khPx2 { background: #FFF; padding: 7px 20px 7px 120px; border-radius: 0.6em; box-shadow: 0 8px 28px rgba(50,88,163,0.2); margin-bottom: 20px; height: 106px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.m3khTp { height: 108px; border-bottom: 1px solid #EFF4F4; position: relative; padding: 0px 0px 23px 102px; display: flex; flex-direction: column; justify-content: center; }
.m3khTp .bgImg { height: 84px; width: 84px; position: absolute; left: 0px; top: 0px; border-radius: 50%; overflow: hidden; }
.m3khTp strong { font-size: 22px; line-height: 28px; letter-spacing: 2px; display: block; }
.m3khTp p { font-size: 16px; line-height: 28px; color: #666666; margin-top: 6px; }
.m3khdes { font-size: 16px; line-height: 28px; margin-top: 20px; color: #5e5d5d; }
.m3khPx2 .bgImg { height: 93px; width: 93px; position: absolute; left: 7px; top: 7px; }
.m3khPx2 strong { font-size: 20px; line-height: 28px; font-weight: normal; display: block; margin-bottom: 10px; }
.m3kh_dw { font-size: 12px; line-height: 28px; color: #FFF; background: url(../images/m3mdw.png) no-repeat 13px center; display: inline-block; width: 94px; padding-left: 31px; background: #000 url(../images/m3mdw.png) no-repeat 13px center; border-radius: 0.3em; }
.m3kh_dw:hover { background: #5a32d1 url(../images/m3mdw.png) no-repeat 13px center; color: #fff; }
 @media (max-width:1799px) {
.m3khTp p { font-size: 15px; line-height: 26px; }
.m3khdes { font-size: 15px; }
.m3khPx2 strong { font-size: 18px; }
.m3khContent_full .m3khPinfo { width: 305px; }
.m3khContent_full .m3nContent { width: 800px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m3khContent_full .m3khPinfo { width: 300px; top: 80px; }
.m3khContent_full .m3nContent { width: 605px; }
.m3khdes { font-size: 14px; }
}
 @media (max-width:993px) {
.m3khContent_full .m3nContent { width: 100% }
.m3khContent_full .m3khPinfo { width: 100%; opacity: 1!important }
}
 @media (max-width:767px) {
.m3khPage { padding-top: 50px; }
.m3nContent h5 { font-size: 18px; line-height: 28px; margin: 15px 0 10px 0 }
.m3nContent { line-height: 26px; }
.m3khPx2 strong { font-size: 16px; }
}
.m2jnCon1 { margin-top: 4.42vw; position: relative; }
.m2jnCon1 .bgImg { height: 500px; }
.m2jnc1txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0px 6.25vw; display: flex; flex-direction: column; justify-content: center; padding-top: 50px; }
.m2jnc1txt strong { font: normal 44px/52px fzlt; display: block; color: #FFF; margin-bottom: 24px; }
.m2jnul { }
.m2jnul li { padding: 5.72vw 0px; overflow: hidden; border-bottom: 1px solid #EAEAEA; }
.m2jnul li h4 { font-size: 22px; color: #555555; float: left; font-weight: normal; line-height: 46px; }
.m2jnrx { margin-left: 240px; }
.m2jnrx strong { font: 32px/46px fzlt; display: block; }
.m2jndes { font-size: 20px; color: #777777; line-height: 36px; margin-top: 14px; margin-bottom: 3.54vw; }
.m2jnrx .m2jndes:last-child { margin-bottom: 0; }
.m2jnul li:last-child { border: none; }
.m2jnc1txt .pub_mbtn, .m2jnc1txt .pub_mbtn:hover { border-color: #fff; color: #fff; }
 @media (max-width:1799px) {
.m2jnc1txt strong { font-size: 40px; line-height: 50px; }
.m2jnul li h4 { font-size: 20px; line-height: 40px; }
.m2jnrx { margin-left: 200px }
.m2jnrx strong { font-size: 26px; line-height: 40px; }
.m2jndes { font-size: 17px; line-height: 32px; }
.m2jnCon1 .bgImg { height: 380px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2jnc1txt strong { font-size: 36px; }
.m2jnrx { margin-left: 150px; }
.m2jnrx strong { font-size: 24px; }
.m2jndes { font-size: 14px; line-height: 28px; }
}
 @media (max-width:993px) {
.m2jnul li h4 { font-size: 18px; }
.m2jnrx strong { font-size: 22px; }
}
 @media (max-width:767px) {
.m2jnCon1 .bgImg { height: 220px; }
.m2jnc1txt strong { font-size: 22px; line-height: 32px; margin-bottom: 12px; }
.m2jnul li h4 { display: block; float: none; width: 100%; margin-bottom: 12px; }
.m2jnrx { margin-left: 0; }
.m2jnrx strong { font-size: 20px; line-height: 32px; }
.m2jnCon1 { margin-top: 50px; }
.m2jnul { margin-bottom: 30px; }
}
.m3csBanTxt p { margin: 35px 0px 45px; font: normal 24px/40px sy_n; }
.m3csBanTxt .pub_mbtn { line-height: 60px; }
.m3csCon1 { margin-top: 5.2vw; height: 560px; background: #eff2f7; }
.m3csCon1 .bgImg { width: 50%; height: 560px; float: left; }
.m3csc1txt { width: 50%; height: 560px; float: right; display: flex; flex-direction: column; justify-content: center; padding: 0 65px; }
.m3csc1des { font-size: 20px; line-height: 38px; color: #777777; margin-top: 25px; max-height: 342px; overflow-y: auto; }
.m3csCon2 { margin-top: 5.2vw; }
.m3csc2ul { margin: 3.12vw -16px 6.2vw; }
.m3csc2ul li { width: 25%; float: left; padding: 0 16px; }
.m3cs_c2a { display: block; padding: 35px 25px 48px; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.1); cursor: default; }
.m3cs_cico { display: inline-block; }
.m3cs_c2a strong { display: block; font: 24px/36px fzlt; margin: 13px 0px 16px; color: #333; }
.m3cs_c2a p { font-size: 16px; line-height: 26px; color: #777777; }
.m3cs_c2a:hover { transform: translateY(-10px); }
.m3csCon3 { padding-bottom: 6.25vw; }
.m3cs_c3des { font-size: 20px; line-height: 32px; color: #777777; margin-bottom: 2.08vw; margin-top: 1.56vw }
.m3csc3btns { font-size: 20px; line-height: 36px; text-align: center; margin-top: 2.08vw; }
.m3csc3btns em { display: inline-block; margin: 0 18px; font-style: normal; position: relative; top: 6px; }
.m3csc3b1 { color: #333!important; }
.m3csc3b1 text, .m3csc3b1 span { vertical-align: middle; }
.m3csc3b1 span { margin-left: 10px; display: inline-block }
 @keyframes iarr {  0% {
 opacity:0.3;
}
 100% {
 opacity:1;
}
}
.m3csc3b1 span i { background: url(../images/m3cs_ar.png) no-repeat center center; display: inline-block; height: 18px; width: 11px; margin-left: 4px; animation: iarr 0.6s linear infinite; }
.m3csc3b1 span i:nth-child(2) { animation-delay: 0.2s; }
.m3csc3b1 span i:nth-child(3) { animation-delay: 0.4s; }
.m3csc3b1a { display: inline-block!important; opacity: 0.3; }
.m3csc3b1b { display: inline-block!important; opacity: 0.3; }
.m3csc3b1a.on, .m3csc3b1b.on { opacity: 1; }
.m3csc3b1b span { transform: rotateY(180deg); margin-left: 0; margin-right: 10px; }
.m3csCon4 { background: #eff2f7; padding: 6.25vw 0px 7vw; }
.m3csc4ul { margin: 3.12vw 0 0; }
.m3csc4ul li { width: 33.33%; float: left; text-align: center; padding: 0 65px; }
.m3sc4_item { cursor: default; transition: all 0.5s ease; }
.m3sc4_item:hover { transform: translateY(-10px); }
.m3sc4_item strong { font: 24px/56px fzlt; display: block; margin-top: 20px; }
.m3sc4_item p { font-size: 18px; line-height: 30px; color: #777777; }
.m3csc4ico { display: inline-block; width: 170px; height: 170px; position: relative }
.m3csc4ico img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.m3csc4ico:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px dashed #464646; border-radius: 50%; }
.m3sc4_item:hover .m3csc4ico:before { animation: radiusRotate 16s linear infinite; }
.m3csCon5 { padding: 5.2vw 0 }
.m3csc5ul { margin: 3.12vw -11px 0px; }
.m3csc5ul li { width: 50%; float: left; padding: 0 11px; margin-bottom: 22px; }
.m3csc5a { display: block; padding: 0px 52px 0px 132px; height: 178px; position: relative; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 0 12px rgba(0,0,0,0.1); }
.m3csc5a strong { font: normal 24px/34px fzlt; display: block; color: #333; }
.m3csc5a p { font-size: 18px; color: #777777; line-height: 30px; }
.m3csc5ico { display: inline-block; position: absolute; left: 35px; top: 50%; transform: translateY(-50%); }
.m3csCon6 { background: #eff2f7; padding: 6.25vw 0px 7vw; }
.m3csc6box { margin-top: 3.12vw; height: 484px; background: #fff; overflow: hidden; }
.m3csc6box .bgImg { width: 50%; height: 484px; float: right; }
.m3csc6txt { width: 50%; height: 484px; float: left; display: flex; flex-direction: column; justify-content: center; padding: 0 55px; }
.m3csc6txt h4 { display: block; font: normal 32px/50px fzlt; }
.m3csc6des { font-size: 20px; line-height: 38px; color: #777777; margin: 10px 0px 25px; max-height: 228px; overflow-y: auto; }
 @media (max-width:1799px) {
.m3csBanTxt p { margin: 18px 0px 30px; font-size: 22px; line-height: 38px; }
.m3csBanTxt .pub_mbtn { line-height: 50px; }
.m3csCon1 .bgImg, .m3csc1txt, .m3csCon1 { height: 430px; }
.m3csc1des { margin-top: 22px; }
.m3csc1txt { padding: 0 40px; }
.m3csc1des { font-size: 16px; line-height: 32px; max-height: 288px; }
.m3cs_c2a strong { font-size: 22px; line-height: 32px; margin: 10px 0px 12px }
.m3cs_cico { width: 66px; height: 66px; }
.m3cs_c2a { padding: 30px 20px 38px; }
.m3cs_c3des { font-size: 17px; line-height: 30px; }
.m3csc4ico { width: 150px; height: 150px; }
.m3csc4ico img { width: 70px; height: 70px; }
.m3sc4_item strong { font-size: 22px; line-height: 50px; }
.m3sc4_item p { font-size: 16px; line-height: 28px; }
.m3csc5a { height: 160px; }
.m3csc5a strong { font-size: 22px; }
.m3csc5a p { font-size: 16px; line-height: 28px; }
.m3csc6box .bgImg, .m3csc6txt, .m3csc6box { height: 450px; }
.m3csc6des { font-size: 16px; line-height: 30px; max-height: 210px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m3csBanTxt p { font-size: 18px; line-height: 30px; margin: 12px 0px 22px; }
.m3csc4ul li { padding: 0 25px; }
.m3csc6txt h4 { font-size: 26px; }
.m3csc6des { font-size: 14px; }
.m3csc1des { font-size: 14px; line-height: 28px; }
.m3cs_c2a { padding-left: 15px; padding-right: 15px; }
.m3csc2ul { margin-left: -10px; margin-right: -10px; }
.m3csc2ul li { padding: 0 10px; }
.m3cs_c2a p { font-size: 14px; }
.m3cs_c2a strong { font-size: 20px; }
.m3cs_c3des { font-size: 14px; line-height: 28px; }
.m3sc4_item strong { font-size: 20px; }
.m3sc4_item p { font-size: 14px; }
.m3csc5a strong { font-size: 20px; }
.m3csc5a p { font-size: 14px; }
.m3csBanTxt .pub_mbtn { line-height: 44px; }
}
 @media (max-width:993px) {
.m3csc2ul li { width: 50%; margin-bottom: 20px }
.m3csc6txt h4 { font-size: 20px; line-height: 36px; }
.m3csc6txt { padding: 0 20px; }
}
 @media (max-width:767px) {
.m3csBanTxt p { font-size: 15px; line-height: 28px; }
.m3csCon1 { margin-top: 50px; height: auto; }
.m3csCon1 .bgImg { width: 100%; float: none; height: 220px; }
.m3csc1txt { width: 100%; float: none; height: auto; padding: 25px 15px 30px }
.m3csc1des { max-height: none; margin-top: 8px; }
.m3csCon2 { margin-top: 50px; }
.m3csc2ul { margin-top: 25px; }
.m3csc2ul li { width: 100%; }
.m3cs_c3des { margin: 10px 0 30px; }
.m3csc3btns { font-size: 18px; }
.m3csc3btns em { margin: 0 12px; }
.m3csCon3 { padding-bottom: 40px; }
.m3csCon4 { padding: 50px 0 30px; }
.m3csc4ul li { width: 100%; padding: 0 20px; margin-bottom: 25px; }
.m3csc4ul { margin-top: 25px; }
.m3csc4ico { width: 100px; height: 100px; }
.m3csc4ico img { width: 52px; height: 52px; }
.m3sc4_item strong { line-height: 40px; margin-top: 5px; font-size: 18px; }
.m3csCon5 { padding: 50px 0; }
.m3csc5ul li { width: 100%; }
.m3csc5ul { margin-top: 25px; }
.m3csCon6 { padding: 50px 0 68px; }
.m3csc6box { margin-top: 25px; height: auto; display: block; overflow: hidden; }
.m3csc6box .bgImg { width: 100%; float: none; height: 220px; }
.m3csc6txt { width: 100%; float: none; height: auto; padding: 20px 15px 50px; display: block; }
.m3csc6des { max-height: none; line-height: 26px; margin-top: 5px; }
}
.m2abtLayerWpr { position: fixed; z-index: 30; left: 0; top: 0; right: 0; bottom: 0; padding: 5.2vw; overflow-y: auto; display: none; }
.m2abtLayer { width: 90%; max-width: 1500px; background: #fff; position: relative; margin-left: auto; margin-right: auto; padding: 3.38vw }
.m2abtLayer h4 { font: 44px/58px fzlt; display: block; }
.m2abtLay_des { font-size: 16px; line-height: 28px; color: #666666; margin: 1.56vw 0px; }
.m2abtLnm { text-align: right; }
.m2abtLnm strong { font-size: 24px; font-weight: normal; display: block; line-height: 38px; }
.m2abtLnm p { font-size: 18px; line-height: 26px; margin-top: 10px; }
 @media (max-width:1799px) {
.m2abtLayer h4 { font: 38px/48px fzlt; }
}
 @media (max-width:1199px) {
}
 @media (max-width:993px) {
}
 @media (max-width:767px) {
}
.m2tmCon { padding: 5.2vw 0px 6.25vw; }
.m2tmul { margin: 2.34vw -25px 0px; }
.m2tmul li { padding: 0px 25px; float: left; width: 25%; }
.m2tm_aBox { display: block; background: #EFF2F7; }
.m2tm_aBox .overflowHide { height: 390px; }
.m2tm_bm { text-align: center; padding: 2.18vw 40px; position: relative; }
.m2tm_bm:after { content: ""; transition: all 0.5s ease-in-out; left: 0; bottom: 0; width: 0%; height: 6px; background: #111111; position: absolute }
.m2tm_aBox:hover .m2tm_bm:after { width: 100%; }
.m2tm_bm strong { font-size: 22px; line-height: 32px; display: block; font-weight: normal; letter-spacing: 1px; color: #333; }
.m2tm_bm p { font-size: 18px; color: #969696; line-height: 28px; }
.m2tm_aBox:hover { background: #fff; }
.m2tmLaybg { background: rgba(0,0,0,0.7); position: fixed; z-index: 30; left: 0; top: 0; right: 0; bottom: 0; }
.m2tmLayer { width: 90%; max-width: 1500px; background: #fff; height: 533px; z-index: 32; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.m2tm_close, .m2abt_close { display: inline-block; height: 34px; width: 34px; position: absolute; top: 36px; right: 40px; cursor: pointer; transition: all 0.5s ease-in-out; }
.m2tm_close path, .m2abt_close path { transition: all 0.5s ease-in-out; }
.m2tm_close:hover path, .m2abt_close:hover path { fill: #5a32d1; }
.m2tm_close:hover, .m2abt_close:hover { transform: rotate(180deg); }
.m2tmLayer .bgImg { float: left; height: 533px; width: 450px; }
.m2tmLrx { margin-left: 450px; height: 533px; display: flex; flex-direction: column; justify-content: center; padding: 0 65px }
.m2tmLrtx { border-bottom: 1px solid #E9ECF0; margin-bottom: 1.04vw; padding-bottom: 1.3vw; }
.m2tmLrtx strong { font-size: 36px; line-height: 46px; font-weight: normal; letter-spacing: 1px; display: block; }
.m2tmLrtx p { font-size: 24px; font-weight: normal; line-height: 40px; margin-top: 6px; }
.m2tmLdes { font-size: 18px; line-height: 38px; color: #666666; max-height: 228px; overflow-y: auto; }
 @media (max-width:1799px) {
.m2tmul { margin: 2.34vw -15px 0px; }
.m2tmul li { padding: 0px 15px; }
.m2tm_aBox .overflowHide { height: 310px; }
.m2tm_bm strong { font-size: 21px; line-height: 30px; }
.m2tm_bm p { font-size: 16px; line-height: 26px; }
.m2tmLayer { width: 90%; max-width: 1170px; height: 450px; }
.m2tmLayer .bgImg { height: 450px; width: 360px; }
.m2tmLrx { margin-left: 360px; height: 450px; padding: 0 35px }
.m2tmLrtx strong { font-size: 30px; line-height: 36px; }
.m2tmLrtx p { font-size: 21px; line-height: 32px; margin-top: 5px; }
.m2tmLdes { font-size: 16px; line-height: 30px; max-height: 210px; }
.m2tm_close { right: 26px; top: 26px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2tm_aBox .overflowHide { height: 260px; }
.m2tm_bm p { font-size: 15px; }
}
 @media (max-width:993px) {
.m2tm_bm { padding-left: 20px; padding-right: 20px; }
.m2tmLayer .bgImg { width: 280px; }
.m2tmLrx { margin-left: 280px; padding: 0 25px; }
.m2tmLdes { font-size: 14px; line-height: 28px; }
.m2tmLrtx strong { font-size: 26px; }
.m2tmLrtx p { font-size: 18px; line-height: 30px; }
}
 @media (max-width:767px) {
.m2tmCon { padding: 40px 0 60px; }
.m2tmul { margin-top: 25px; }
.m2tmul li { width: 100%; margin-bottom: 15px; }
.m2tm_aBox .overflowHide { max-width: 414px; height: 400px; margin: 0 auto; }
.m2tm_bm { padding: 20px 15px; }
}
 @keyframes arrow_ani {  0% {
 transform:translateY(-20px);
 opacity:0
}
 30% {
 opacity:1;
}
 100% {
 transform:translateY(0px);
 opacity:1;
}
}
.m2fullBan { position: relative; height: calc(100vh - 84px); background: #eff2f7; overflow: hidden; }
.m2banPimg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m2lotBanImgs img:nth-child(1) { width: 50vw; height: auto; position: absolute; right: 0; top: 4.16vw; }
.m2lotBanImgs img:nth-child(2) { width: 39.58vw; height: auto; position: absolute; right: 0; top: 13.54vw; }
.m2lotBanImgs img:nth-child(3) { width: 28.64vw; height: auto; position: absolute; right: 0; top: 24.52vw; }
.m2gxBanImgs img { width: 59.89vw; height: auto; position: absolute; right: 0; top: 50%; transform: translateY(-46%); }
.m2fullBanTxtWpr { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m2fullBanTxt { height: calc(100vh - 84px); position: relative; display: flex; flex-direction: column; justify-content: center; }
.m2fullBan_arr { position: absolute; left: 0; bottom: 2.82vw; animation: arrow_ani 1s linear infinite; }
.m2fullBan_arr path { fill: #000; }
.m2fullBanTxt strong { font: 44px/68px fzlt; display: block; color: #000; }
.m2fullBanTxt h5 { font-size: 34px; font-weight: bold; display: block; line-height: 46px; margin-bottom: 8px; }
.m2fullBanTxt h5 svg { width: auto; height: 30px; position: relative; top: 3px; margin-right: 6px; }
.m2fullBanTxt strong svg { margin-left: -10px!important; }
.m2fullBanTxt strong svg + span { margin-left: -10px; }
.m2fullBanTxt path { fill: #000; }
.m2fullBanTxt strong svg { width: 76px; height: auto; position: relative; top: 4px; margin: 0 8px; }
.m2fullBanTxt strong span { font-weight: normal; font-family: sy_n; }
.m2fullBan_btn { margin-top: 2.18vw; }
.m2pubMbtn { line-height: 42px; text-align: center; padding: 0px 25px; width: 130px; border: 2px solid #000; display: inline-block; font-size: 16px; font-weight: bold; color: #000; height: 48px; padding-top: 2px; }
.m2pubMbtn:hover { color: #000; }
.m2pubMbtn_w { border: 2px solid #fff; }
.m2pubMbtn:hover {/* color: #FFF; background: #5a32d1; border: 2px solid #5a32d1;*/ opacity: 0.7 }
.m2pubMbtn_w:hover { color: #fff; }
.m2maoMenuWpr { margin: 6.25vw 0px 8vw; position: relative; }
.m2maoMenu { width: 100%; text-align: center; }
.m2mao_a { display: inline-block; margin: 0 3.12vw; }
.m2mao_a span { display: inline-block; width: 90px; height: 90px; }
.m2mao_a p { font-size: 20px; font-weight: normal; line-height: 36px; letter-spacing: 1px; position: relative; color: #333; }
.m2mao_a p:after { content: ""; background: url(../images/m2lt_ar.png) no-repeat center center; height: 7px; width: 11px; position: absolute; left: 50%; bottom: -17px; margin-left: -5px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateY(-8px); }
.m2mao_a:hover p:after { opacity: 1; transform: translateY(0); }
.m2lotList { }
.m2lot_item { margin-bottom: 12vw; display: flex; justify-content: space-between; flex-direction: row-reverse; }
.m2lotImg { width: 53.33%; height: 522px; }
.m2lotImg video { width: 100%; height: auto; }
.m2lot_txts { min-height: 522px; width: 40%; display: flex; flex-direction: column; justify-content: center; }
.m2lot_sst { font-size: 26px; font-weight: normal; background: url(../images/hmc1_g7.png) no-repeat left 3px; padding-left: 30px; background-size: 43px auto; letter-spacing: 1px; line-height: 32px; font-weight: bold; }
.m2lot_txts strong { font: 34px/50px fzlt; display: block; margin: 0.93vw 0px 1.25vw; letter-spacing: 1px; }
.m2lot_dl { }
.m2lot_dl dd { font-size: 18px; line-height: 34px; color: #777777; position: relative; padding-left: 20px; }
.m2lot_dl dd:before { content: ""; background: #777777; height: 4px; width: 4px; position: absolute; left: 0px; top: 14px; }
.m2lot_lgdes { margin: 1.25vw 0px 1.65vw; max-width: 380px; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 0.3em; padding: 14px 20px; }
.m2lot_lgdes span { height: 38px; margin-bottom: 5px; position: relative; display: block }
.m2lot_lgdes span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-height: 38px; }
.m2lot_lgdes p { font-size: 16px; line-height: 26px; color: #555555; }
.m2lotList .container .m2lotItemWpr:nth-child(2n) .m2lot_item { flex-direction: row; }
.maoLink { display: block; height: 0; overflow: hidden; position: relative; top: -178px; }
.aboutLink { display: block; height: 0; overflow: hidden; position: relative; top: -220px; }
.m2lotList .maoLink { top: -16.58vw; }
.m2lotBom { background: #eff2f7; padding: 5.2vw 0px; }
.m2lotSwiper { margin: 2.6vw 0px; background: #fff; }
.m2lotSwiper .slick-prev { left: -130px; margin-top: -40px; }
.m2lotSwiper .slick-next { right: -130px; margin-top: -40px; }
.m2lot_sitem { height: 485px; padding: 0 68px; display: flex!important; justify-content: space-between; }
.m2lot_logo { width: 33.33%; height: 485px; position: relative; }
.m2lot_logo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 72%; max-width: 72%; width: auto; height: auto; }

.m2lot_bmDes { width: 46%; height: 485px; display: flex; flex-direction: column; justify-content: center; }
.m2lot_bmDes div { display: block; position: relative; font-size: 28px; line-height: 56px; letter-spacing: 1px; }
.m2lot_bmDes div:before { content: ""; background: url(../images/m2lt_fh.png) no-repeat center center; height: 64px; width: 69px; position: absolute; left: -90px; top: -70px; }
.m2lot_bmDes div:after { content: ""; background: url(../images/m2lt_fh.png) no-repeat; height: 64px; width: 69px; position: absolute; right: 0px; bottom: -70px; transform: rotate(180deg) }
.m2lot_bmDes div p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 224px; overflow: hidden; }
.m2lot_dot { text-align: center; height: 160px; }
.m2lot_dot li { display: inline-block; text-align: center; vertical-align: middle; position: relative; cursor: pointer }
.m2lot_dot li.on { }
.m2lot_dot li span { display: inline-block; height: 66px; width: 66px; background: #fff; border-radius: 50%; position: relative; margin: 0 17px; transition: all 0.5s ease-in-out; }
.m2lot_dot li span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 56%; max-height: 56%; width: auto; height: auto; }
.m2lot_dot li.on span { width: 100px; height: 100px; }
.m2lot_dot li p { font-size: 20px; line-height: 38px; letter-spacing: 1px; white-space: nowrap; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%) scale(0); transition: all 0.5s ease-in-out; }
.m2lot_dot li.on p { transform: translateX(-50%) scale(1); }
 @media (max-width:1799px) {
.m2fullBanTxt strong { font: 38px/56px fzlt; }
.m2fullBanTxt strong svg { width: 66px; }
.m2lotBanImgs img:nth-child(1) { width: 47vw; top: 4vw; }
.m2lotBanImgs img:nth-child(2) { width: 37vw; top: 11.8vw; }
.m2lotBanImgs img:nth-child(3) { width: 26vw; top: 21.5vw; }
.m2mao_a p { font-size: 18px; line-height: 32px; }
.m2lotImg { height: 400px; }
.m2lot_sst { background-size: 36px auto; padding-left: 27px; font-size: 22px; line-height: 30px; background-position: left 4px; }
.m2lot_txts strong { font-size: 26px; line-height: 38px; margin-bottom: 1vw; }
.m2lot_dl dd { font-size: 16px; line-height: 30px; padding-left: 17px; }
.m2lot_dl dd:before { top: 10px; }
.m2lot_txts { min-height: 400px; }
.m2lotSwiper .slick-prev { left: -100px; }
.m2lotSwiper .slick-next { right: -100px; }
.m2lot_bmDes div:before { width: 52px; height: 52px; background-size: 52px auto; top: -60px; }
.m2lot_bmDes div:after { width: 52px; height: 52px; background-size: 52px auto; bottom: -50px; }
.m2lot_sitem { padding: 0 50px; height: 400px; }
.m2lot_bmDes div { font-size: 26px; line-height: 50px; }
.m2lot_bmDes { width: 58%; height: 400px; }
.m2lot_bmDes div p { max-height: 200px; }
.m2lot_logo { height: 400px; }
.m2lot_dot li p { font-size: 18px; line-height: 30px; bottom: -42px }
.m2fullBanTxt h5 { font-size: 26px; }
.m2fullBanTxt h5 svg { height: 23px; top: 2px; }
}
 @media (max-width:1379px) {
.m2lotSwiper { margin-left: 50px; margin-right: 50px; }
.m2lotSwiper .slick-prev { left: -80px; }
.m2lotSwiper .slick-next { right: -80px; }
.m2lot_sitem { padding: 0 30px; height: 350px; }
.m2lot_bmDes div { font-size: 22px; line-height: 42px; }
.m2lot_bmDes { height: 350px; }
.m2lot_bmDes div p { max-height: 168px; }
.m2lot_logo { height: 350px; }
}
 @media (max-width:1199px) {
.m2fullBanTxt h5 svg { width: 20px; }
.m2fullBanTxt h5 { font-size: 20px; }
.m2fullBan { height: 100vh; }
.m2fullBanTxt { height: 100vh; }
.m2banPimg { top: 56px; }
.m2fullBanTxt strong { font: 30px/48px fzlt; }
.m2fullBanTxt strong svg { width: 55px; height: auto; }
.m2lotBanImgs { transform: translateY(40px); }
.m2lot_txts strong { font-size: 22px; line-height: 36px; }
.m2lot_dl dd { font-size: 14px; }
.m2lot_lgdes p { font-size: 14px; }
.m2lotImg { height: 320px; }
.m2lot_txts { min-height: 320px; }
.m2gxBanImgs { top: 20px; }
}
 @media (max-width:993px) {
.m2fullBanTxt, .m2fullBan { height: 500px; }
.m2fullBanTxt strong { font-size: 24px; line-height: 38px; }
.m2fullBanTxt strong svg { width: 43px; }
.m2lot_item { display: block; }
.autoVideo { width: 100%; float: none; height: auto; }
.m2lot_txts { width: 100%; display: block; padding: 30px 0 0; height: auto; }
}
 @media (max-width:767px) {
.m2fullBanTxt { display: block; padding-top: 90px; }
.m2fullBanTxt h5 { font-size: 18px; }
.m2fullBanTxt h5 svg { width: 20px; }
.m2cyt_banx span:nth-child(1) { font-size: 24px; line-height: 26px; }
.m2cyt_banx span:nth-child(2) { font-size: 18px; }
.m2lotBom { padding-top: 50px; padding-bottom: 35px; }
.m2lotSwiper { margin: 25px 25px; }
.m2lotSwiper .slick-prev { left: -50px; }
.m2lotSwiper .slick-next { right: -50px; }
.m2lot_sitem { padding: 20px 15px 40px; display: block!important; height: 380px }
.m2lot_logo { width: 100%; height: 100px; float: none; }
.m2lot_bmDes { width: 100%; float: none; }
.m2lot_bmDes { height: 240px; }
.m2lot_bmDes div:before { left: 0; background-size: 30px auto; background-position: left center; width: 30px; }
.m2lot_bmDes div:after { right: 0; background-size: 30px auto; background-position: right center; width: 30px; }
.m2lot_dot { display: none; }
.m2pubMbtn { line-height: 38px; height: 42px; font-size: 15px; padding: 0 20px; width: auto; }
.m2lotBanImgs + .m2fullBanTxtWpr .m2fullBan_btn { margin-top: 25px; }
.m2lotBanImgs img:nth-child(1) { width: 77vw; max-width: 280px; top: -6vw; }
.m2lotBanImgs img:nth-child(2) { width: 60vw; max-width: 218px; top: 7.8vw; }
.m2lotBanImgs img:nth-child(3) { width: 46vw; max-width: 168px; top: 21.5vw; }
.m2gxBanImgs img { width: 86vw; max-width: 310px; height: auto; }
.m2lot_txts { padding-top: 20px; }
.m2szCon3Wpr { margin-top: 50px; }
.m2szc3s p { font-size: 13px; }
}
.m2gxCon1 { padding: 5.2vw 0px; }
.m2gxc1ul { margin: 3.02vw -15px 0px; }
.m2gxc1ul li { padding: 0px 15px; float: left; width: 25%; }
.m2gx_c1a { display: block; padding: 39px 25px 0px; height: 258px; border-radius: 0.3em; box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center }
.m2gx_c1a:hover { transform: translateY(-10px); }
.m2gx_c1a span { display: inline-block; width: 100px; height: 100px; }
.m2gx_c1a p { font-size: 22px; line-height: 36px; margin-top: 6px; color: #333; }
.m2pubVbox { padding: 6.25vw 0px 5.2vw; position: relative; }
.m2pub_vbg { width: 50%; position: absolute; right: 0; top: 0; bottom: 0; background: #EAEAEA }
.m2pubVbox .container { position: relative; z-index: 1; }
.m2pubVmv { margin: 3.02vw auto 0; position: relative; max-width: 864px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); cursor: pointer }
.m2pubVmv img { width: 100%; height: auto; display: block }
.m2pubVmv:after { content: ""; height: 94px; width: 94px; position: absolute; right: 0px; bottom: 0px; background: rgba(255,255,255,0.9) url(../images/play.svg) no-repeat center center; background-size: 30px auto; transition: all 0.5s ease }
.m2gxCon2 { margin-top: 6.25vw; padding-bottom: 6.25vw; }
.m2gxc2img { margin-top: 3.02vw; background: no-repeat fixed center center; height: 36.45vw; background-size: cover; }
.m2gxc2ul { }
.m2gxc2ul li { width: 35%; float: left; margin-top: 3.54vw; height: 75px; position: relative; padding: 3px 0px 0px 78px; }
.m2gxc2ul li:nth-child(3n) { width: 30%; }
.m2gxc2ul li span { display: inline-block; height: 60px; width: 60px; position: absolute; left: 0px; top: 0px; }
.m2gxc2ul li strong { display: block; font: 22px/30px fzlt; color: #333; }
.m2gxc2ul li p { font-size: 18px; line-height: 28px; color: #777777; }
.m2gxCon3 { background: #eaeaea; padding: 5.2vw 0px 6.25vw; }
.m2gxc3ul { margin: 3.12vw -19px 0px; }
.m2gxc3ul li { padding: 0px 19px; float: left; width: 33.33%; }
.m2gx_c3a { display: block; background: #fff; border-radius: 0.6em; box-shadow: 0 3px 20px rgba(0,0,0,0.1); padding: 70px 30px 0px; height: 330px; text-align: center; }
.m2gx_c3a:hover { transform: translateY(-10px); }
.m2gx_c3a span { display: inline-block; height: 60px; width: 60px; }
.m2gx_c3a strong { font: 24px/50px fzlt; color: #333; display: block; margin-top: 15px; letter-spacing: 1px; }
.m2gx_c3a p { font-size: 18px; line-height: 30px; color: #777777; max-width: 340px; margin: 0 auto; }
.m2gxCon4 { padding: 6.25vw 0px; text-align: center; }
.m2gxc4des { display: inline-block; white-space: normal; height: 176px; position: relative; text-align: left; padding: 32px 0px 0px 225px; }
.m2gxc4des img { position: absolute; left: 0; top: 0; }
.m2gxc4des strong { white-space: nowrap; font: 44px/64px fzlt; display: block; }
.m2gxc4des p { white-space: nowrap; font-size: 22px; line-height: 34px; margin-top: 3px; }
 @media (max-width:1799px) {
.m2gx_c1a span { width: 80px; height: 80px; }
.m2gx_c1a { padding: 25px 20px 0px; height: 225px; }
.m2gx_c1a p { font-size: 18px; line-height: 32px; }
.m2gxc2ul li strong { font-size: 20px; }
.m2gxc2ul li p { font-size: 16px; }
.m2gxc3ul { margin-left: -15px; margin-right: -15px; }
.m2gxc3ul li { padding: 0 15px; }
.m2gx_c3a { padding: 38px 30px 0px; height: 280px; }
.m2gx_c3a strong { font-size: 22px; }
.m2gx_c3a p { font-size: 16px; }
.m2gxc4des img { width: 150px; height: 150px; }
.m2gxc4des { height: 150px; padding: 20px 0px 0px 195px }
.m2gxc4des strong { font-size: 36px; }
.m2gxc4des p { font-size: 21px; line-height: 30px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2gx_c3a { padding: 36px 20px 0px; height: 270px; }
.m2gx_c3a span { width: 42px; height: 42px; }
.m2gx_c3a strong { font-size: 20px; margin-top: 6px; }
.m2gx_c3a p { font-size: 14px; line-height: 28px; }
.m2gx_c1a p { font-size: 16px; line-height: 30px; }
.m2gx_c1a { padding-left: 15px; padding-right: 15px; }
.m2gxc2ul li p { font-size: 14px; }
.m2gxc4des strong { font-size: 26px; }
.m2gxc4des p { font-size: 18px; margin-top: 0 }
}
 @media (max-width:993px) {
.m2gx_c3a p { font-size: 12px; line-height: 26px; }
.m2gxc2ul li { width: 50%!important; }
}
 @media (max-width:767px) {
.m2gxCon1 { padding: 40px 0 0px; }
.m2gxc1ul { margin-top: 25px; margin-left: -10px; margin-right: -10px }
.m2gxc1ul li { width: 50%; margin-bottom: 20px; padding: 0 10px; }
.m2gx_c1a span { width: 66px; height: 66px; }
.m2gx_c1a { padding: 20px 15px 0px; height: 200px; }
.m2gx_c1a p { font-size: 14px; line-height: 26px; }
* { background-attachment: scroll!important; }
.m2gxc2ul li { width: 100%!important; height: 58px; padding-left: 60px; }
.m2gxc2ul li strong { font-size: 18px; }
.m2gxc2ul li span { width: 50px; height: 50px; top: 4px; }
.m2gxc2ul { margin-top: 10px; margin-bottom: 25px }
.m2gxc2img { margin-top: 20px; }
.m2gxCon3 { padding: 50px 0 40px; }
.m2gxCon3 .m2gx_c3a { height: auto!important; }
.m2gxc4des img { width: 120px; height: 120px; }
.m2gxCon4 { padding: 40px 0; }
.m2gxc4des { height: 120px; padding: 14px 0px 0px 138px; }
.m2gxc4des strong { font-size: 22px; line-height: 36px; }
.m2gxc4des p { font-size: 15px; line-height: 26px; max-width: 160px; white-space: normal }
}
.m2cytBanImgs img { width: 42vw; position: absolute; right: 3.38vw; top: 50%; transform: translateY(-50%); }
.m2cyt_banx { padding-top: 10px; }
.m2cyt_banx span:nth-child(1) { display: block; font: 50px/70px fzlt; margin-bottom: 10px; }
.m2cyt_banx span:nth-child(2) { font: 36px/52px fzlt; display: block; }
.m2cytBan { background-color: #f2f0e3; }
.m2cytCon1Wpr { margin: 6.25vw 0; }
.m2cytCon1 { position: relative; background: #EEF1F4; overflow: hidden; }
.m2cytCon1 video { display: block; width: 100%; height: auto; position: relative; left: 300px; }
.m2cyt_c1txt { position: absolute; z-index: 1; left: 0; padding: 0 4.68vw; top: 0px; right: 0; bottom: 0px; display: flex; flex-direction: column; justify-content: center; background-image: linear-gradient(90deg, rgba(238,241,244,1) 20%, rgba(238,241,244,0) 50%); }
.m2cyt_des strong { font: 44px/62px fzlt; letter-spacing: 1px; display: block; margin-bottom: 24px; }
.m2cyt_des p { font-size: 18px; color: #777777; line-height: 32px; padding-left: 18px; position: relative; }
.m2cyt_des p:before { content: ""; background: #333333; height: 4px; width: 4px; top: 12px; left: 0px; position: absolute; }
.m2cytCon2, .m2cytCon3 { margin-bottom: 6.25vw; }
.m2cytCon2 .container { display: flex; justify-content: space-between; }
.m2cyt_c2imgs { width: 42.53%; position: relative; }
.m2cyt_c2imgs img:nth-child(1) { width: 100%; height: auto; }
.m2cyt_c2info { width: 72%; max-width: 457px; height: auto; position: absolute; left: 18.12%; top: 14.95%; z-index: 1; opacity: 0; transform: translateY(-30px); transition: all 1s ease; }
.m2cyt_c2info.in { opacity: 1; transform: translateY(0); }
.m2cyt_c2txt { width: 50.66%; display: flex; flex-direction: column; justify-content: center; }
.m2cytCon3 .container { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.m2cyt_c3imgs { width: 63.26%; position: relative; }
.m2cyt_c2imgs img:nth-child(1) { width: 100%; height: auto; }
.m2cyt_c3txt { width: 34%; display: flex; flex-direction: column; justify-content: center; }
 @media (max-width:1799px) {
.m2cyt_banx { padding-top: 5px; }
.m2cyt_des strong { font: 36px/52px fzlt; margin-bottom: 15px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2cyt_des strong { font-size: 30px; line-height: 42px; }
.m2cyt_des p { font-size: 14px; }
.m2lot_bmDes div { font-size: 20px; line-height: 36px; }
}
 @media (max-width:993px) {
.m2cyt_des strong { font-size: 22px; line-height: 34px; }
}
 @media (max-width:767px) {
.m2banPimg { top: 275px; }
.m2fullBanTxt, .m2fullBan { height: 580px; }
.m2cytBanImgs img { width: 250px; }
.m2fullBan_btn { margin-top: 12px; }
.m2cyt_c1txt { position: relative; left: auto; top: auto; right: auto; bottom: auto; padding: 25px 15px; }
.m2cytCon1 video { left: 0; }
.m2cyt_des strong { margin-bottom: 10px; }
.m2cytCon1Wpr { margin: 50px 0; }
.m2cyt_des p { line-height: 28px; }
.m2cyt_des p:before { top: 11px; }
.m2cyt_c2imgs { width: 100%; }
.m2cytCon2 .container { display: block; }
.m2cyt_c2txt { width: 100%; display: block; margin: 20px; height: auto; margin-left: 0 }
.m2cytCon2, .m2cytCon3 { margin-bottom: 80px; }
.m2cytCon3 .container { display: block; }
.m2cyt_c3imgs { width: 100%; }
.m2cyt_c3txt { width: 100%; display: block; margin: 20px; height: auto; margin-left: 0 }
}
.autoVideo { }
.m2agVideo video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; max-width: 110%; height: auto; }
.m2agBan .m2fullBanTxt path { fill: #fff; }
.m2agBan * { color: #fff!important; }
.m2agVideo:after { content: ""; background: linear-gradient(90deg, rgba(0,0,0,.32), transparent); top: 0; right: 50vw; bottom: 0; left: 0; position: absolute; }
.m2banVbtn { height: 94px; width: 94px; position: absolute; left: 50%; top: 50%; background: rgba(255,255,255,0.7) url(../images/play.svg) no-repeat center center; background-size: auto; background-size: 30px auto; transition: all 0.5s ease; transform: translate(-50%, -50%); box-shadow: 0 6px 25px rgba(0,0,0,0.15) }
.m2banVbtn:hover { opacity: 0.8 }
.m2maoMenuWpr .hmPt { margin-bottom: 3.64vw; }
.m2aqCon1 { background: #eff2f7; padding: 6.25vw 0px; overflow: hidden; }
.m2aqCon1 .hmPt { position: relative; z-index: 1; }
.m2agc1box { margin-top: 5.72vw; position: relative; }
.m2agc1Items { width: 40.66%; float: right; }
.m2agc1Items dt { line-height: 48px; position: relative; padding-left: 56px; font-size: 22px; letter-spacing: 1px; display: block; color: #000; cursor: pointer; }
.m2agc1Items dt i { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #000; position: absolute; left: 0; top: 10px; }
.m2agc1Items dt i:before { content: ""; height: 2px; width: 8px; position: absolute; background: #000; left: 6px; top: 9px; }
.m2agc1Items dt i:after { content: ""; width: 2px; height: 8px; position: absolute; background: #000; top: 6px; left: 9px; }
.m2agc1Items dt.on i:after { display: none; }
.m2agc1Items dd { font-size: 18px; line-height: 36px; color: #969696; margin: 12px 0px; padding: 15px 0px 15px 56px; border-top: 1px solid #E3E6EA; border-bottom: 1px solid #e1e1e1; display: none; }
.m2agc1Vx { width: 45%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.m2agc1Vx video { width: 100%; height: auto; }
.m2aqCon2 { padding: 5.2vw 0px; }
.m2aqc2img { margin-top: 3.12vw; position: relative; }
.m2aqc2ul { margin: 2.86vw -40px 0; }
.m2aqc2ul li { padding: 0 110px 0 40px; width: 50%; float: left; }
.m2aq_c2i { display: block; height: 60px; width: 60px; }
.m2aqc2ul strong { font-size: 24px; font-weight: normal; display: block; margin-top: 20px; line-height: 42px; }
.m2aqc2ul p { font-size: 18px; line-height: 34px; color: #777777; margin-top: 10px; }
.m2aqCon3 { height: calc(100vh - 54px); background: #eff2f7; position: relative; }
.m2aqC3txt { width: 550px; height: calc(100vh - 54px); display: flex; flex-direction: column; justify-content: center; }
.m2aqC3txt .hmPt strong { line-height: 62px; }
.m2aqc3dl { margin-top: 30px; }
.m2aqc3dl dt { line-height: 32px; display: block; font-size: 22px; font-weight: normal; }
.m2aqc3dl dd { font-size: 18px; color: #969696; line-height: 32px; margin-top: 12px; }
.m2aqc3imgs { position: absolute; width: 52.08vw; right: 0; top: 5.7vw; }
.m2aqc3imgs img { position: absolute; left: 0; top: 0; transition: all 0.8s ease-in-out; transform: translateY(50px); opacity: 0 }
.m2aqc3imgs img:nth-child(1) { position: static; transform: translateY(0); opacity: 1; }
.m2aqc3imgs.on img:nth-child(2) { transform: translateY(0); transition-delay: 0.1s; opacity: 1; }
.m2aqc3imgs.on img:nth-child(3) { transform: translateY(0); transition-delay: 0.5s; opacity: 1; }
.m2aqCon4 { padding: 5.2vw 0px 6.25vw; }
.m2aqc4ul { margin: 3.12vw -17px 0px; }
.m2aqc4ul li { padding: 0px 17px; float: left; width: 25%; }
.m2ag_c3a { display: block; background: #fff; border-radius: 0.6em; box-shadow: 0 3px 20px rgba(0,0,0,0.1); padding: 55px 40px 0px; height: 356px; text-align: center; letter-spacing: 1px; }
.m2ag_c3a span { display: inline-block; height: 90px; width: 90px; }
.m2ag_c3a strong { font: 24px/50px fzlt; color: #333; display: block; margin-top: 10px; }
.m2ag_c3a p { font-size: 16px; line-height: 30px; color: #777777; max-width: 340px; margin: 0 auto; }
.m2ag_c3a:hover { transform: translateY(-10px); }
.m2aqCon5 + .webBom { background-color: #eff2f7; }
.m2aqCon5 { padding-bottom: 6.25vw; }
.m2aq_c5t { font: 22px/40px fzlt; text-align: center; display: block; letter-spacing: 2px; }
.m2aq_c5ul { margin-top: 2.12vw; max-width: 1380px; margin-left: auto; margin-right: auto; text-align: center; }
.m2aq_c5ul li { display: inline-block; margin: 0 20px; height: 76px; position: relative; vertical-align: middle }
.m2aq_c5ul li img { position: relative; top: 50%; transform: translateY(-50%); max-width: 96%; max-height: 42%; }
 @media (max-width:1799px) {
.m2banVbtn { width: 80px; height: 80px; background-size: 24px auto; }
.m2agc1Items dt { font-size: 21px; }
.m2agc1Items dd { font-size: 16px; line-height: 32px; }
.m2aqc2ul strong { margin-top: 10px; font-size: 22px; line-height: 32px; }
.m2aqc2ul p { font-size: 16px; line-height: 32px; }
.m2aqC3txt .hmPt strong { line-height: 52px; font-size: 34px; }
.m2aqc3dl { margin-top: 20px; }
.m2aqc3dl dt { font-size: 21px; line-height: 30px; }
.m2aqc3dl dd { font-size: 17px; line-height: 30px; }
.m2ag_c3a span { width: 80px; height: 80px; }
.m2ag_c3a { padding: 36px 20px 0px; }
.m2ag_c3a strong { font-size: 20px; line-height: 40px; margin-top: 5px; margin-bottom: 4px; }
.m2ag_c3a p { font-size: 15px; line-height: 28px; }
.m2ag_c3a { height: 310px; }
.m2aq_c5ul li { margin: 0 12px; }
}
 @media (max-width:1379px) {
.m2aqC3txt .hmPt strong { font-size: 30px; line-height: 48px; }
}
 @media (max-width:1199px) {
.m2agc1Items dd { font-size: 14px; line-height: 28px; }
.m2agc1Items dt { font-size: 20px; }
.m2aqc2ul strong { font-size: 20px; }
.m2aqc2ul p { font-size: 14px; line-height: 28px; }
.m2aqC3txt .hmPt strong { font-size: 28px; line-height: 40px; }
.m2aqc3dl dt { font-size: 20px; }
.m2aqc3dl dd { font-size: 14px; line-height: 28px; }
.m2aqc4ul { margin-left: -10px; margin-right: -10px; }
.m2aqc4ul li { padding: 0 10px; }
.m2ag_c3a p { font-size: 14px; }
}
 @media (max-width:993px) {
.m2lot_bmDes div { font-size: 16px; line-height: 30px; }
.m2aqCon2 .hmPt strong { font-size: 22px; }
.m2aqc2ul li { padding-right: 40px; }
.m2aqCon3 { height: auto; }
.m2aqC3txt { height: auto; padding: 60px 0; display: block }
.m2aqC3txt .hmPt strong { font-size: 22px; line-height: 36px; }
.m2aqc4ul li { width: 50%; margin-bottom: 20px; }
.m2aq_c5ul li { height: 42px; margin-bottom: 18px; }
}
 @media (max-width:767px) {
.m2lot_bmDes div { font-size: 14px; line-height: 28px; max-height: 112px; }
.m2maoMenuWpr { margin: 50px 0 40px; }
.m2mao_a span { width: 50px; height: 50px; }
.m2mao_a { margin: 0 5px; }
.m2maoMenu { margin: 0 -5px; }
.m2mao_a p { font-size: 15px; line-height: 28px; }
.m2lot_sst { font-size: 20px; background-size: 32px auto; line-height: 26px; padding-left: 23px; background-position: left 3px; }
.m2lot_txts strong { font-size: 20px; line-height: 32px; }
.m2lot_lgdes { margin: 15px 0 25px; }
.m2lot_item { margin-bottom: 80px; }
.m2agVideo video { width: 450%; max-width: none; height: auto; }
.m2banVbtn { width: 50px; height: 50px; background-size: 20px auto; top: 66%; }
.m2aqCon1 { padding: 40px 0 50px; }
.m2agc1Items { width: 100%; float: none; }
.m2agc1Vx { position: static; width: 100%; transform: translateY(0) }
.m2agc1Items dd { line-height: 26px; padding: 10px 0px 10px 40px }
.m2agc1Items dt { padding-left: 40px; line-height: 40px; font-size: 18px; }
.m2agc1Items dt i { top: 6px; }
.m2aqCon2 { padding: 50px 0 30px; }
.m2aqCon2 .hmPt strong { font-size: 20px; line-height: 32px; }
.m2aqc2img { margin-top: 20px; }
.m2aqc2ul li { padding: 0; margin-bottom: 25px; width: 100%; }
.m2aqc2ul { margin: 20px 0 0; }
.m2aqc3imgs { width: auto; margin-left: 15px; margin-right: 15px; position: relative; right: auto; top: auto; }
.m2aqC3txt { padding-top: 50px; padding-bottom: 20px; }
.m2aqCon3 { padding-bottom: 45px; }
.m2aqCon4 { padding: 40px 0; }
.m2aqc4ul { margin-top: 25px; }
.m2aqc4ul li { width: 100%; }
.m2ag_c3a { padding: 35px 20px 45px; height: auto; }
.m2aqCon5 { padding-bottom: 40px; }
}
.m2wlBan { background-color: #eaeff0; }
.m2wlBanImgs img { position: absolute; width: 62vw; right: 0; top: 50%; transform: translateY(-50%); }
.m2wlCon4 { padding-top: 5.7vw; }
.m2wlCon1 { position: relative }
.m2wl_pt { text-align: center; font: 36px/58px fzlt; }
.m2wlCon1 .m2wl_pt { position: absolute; left: 0; width: 100%; top: 4.16vw; color: #fff; }
.m2wl_c1v { display: block; }
.m2wl_c1v video, .m2wl_c1v img { display: block; width: 100%; height: auto; }
.m2wlCon2 { padding: 5.2vw 0px 6.25vw; }
.m2wlCon2 .m2gx_c3a { padding-top: 60px; }
.m2wlCon2 .m2gx_c3a p { max-width: 400px; }
.m2wlCon3 { background: #eff2f7; padding: 5.7vw 0px 6.25vw; }
.m2wlc3box { margin-top: 4.16vw; width: 35.41vw; height: 35.41vw; max-width: 680px; max-height: 680px; margin-left: auto; margin-right: auto; position: relative; }
.m2wlc3ani { width: 85.29%; height: 85.29%; position: absolute; left: 8%; top: 6%; }
.m2wlc3ani img { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.m2wlc3ani img:nth-child(1) { animation: radiusRotate 20s linear infinite; }
.m2wlc3ani img:nth-child(2) { animation: radiusRotate 20s linear infinite; }
.m2wlc3ani img:nth-child(3) { animation: radiusRotate 20s linear infinite; }
.m2wlc3info { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m2wlc3a { display: block; width: 4px; height: 4px; position: absolute; }
.m2wlc3a1 { left: 16.76%; bottom: 33.52%; }
.m2wlc3a2 { left: 50%; top: 10.5%; }
.m2wlc3a3 { right: 16.76%; bottom: 33.52%; }
.m2wl_c3ico { display: inline-block; transition: 0.5s ease-in-out; width: 90px; height: 90px; background: #fff; border-radius: 50%; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-top: 17px; }
.m2wl_c3ico p { font-size: 16px; line-height: 16px; display: block; font-weight: bold; }
.m2wl_c3ico span { display: inline-block; position: relative; width: 40px; height: 40px; }
.m2wl_c3ico span img { position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; }
.m2wl_c3ico span img:nth-child(2) { opacity: 0; }
.m2wlc3a:hover .m2wl_c3ico { background: #50BA86; color: #fff; }
.m2wlc3a:hover span img { opacity: 0; }
.m2wlc3a:hover span img:nth-child(2) { opacity: 1; }
.m2wlc3layer { background: #FFF; padding: 20px 25px; width: 328px; position: absolute; top: 50%; right: 105px; border-radius: 0.4em; box-shadow: 0 3px 8px rgba(0,0,0,0.1); transform: translateY(-50%); transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden; }
.m2wlc3layer:after { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; right: -8px; top: 50%; margin-top: -8px; }
.m2wlc3layer strong { font-size: 22px; line-height: 30px; display: block; color: #333; }
.m2wlc3layer p { font-size: 18px; line-height: 24px; color: #555555; margin-top: 8px; transition: all 0.5s ease-in-out; }
.m2wlc3a:hover .m2wlc3layer p { color: #555555; }
.m2wlc3a2 .m2wlc3layer { right: auto; left: 90px; top: -40px; }
.m2wlc3a2 .m2wlc3layer:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #fff; left: -8px; margin: 0; bottom: 20px; top: auto; right: auto; border-left: none; }
.m2wlc3a3 .m2wlc3layer { right: auto; left: 105px; }
.m2wlc3a3 .m2wlc3layer:after { right: auto; left: -8px; border-left: none; border-right: 8px solid #fff; }
.m2wlc3a:hover .m2wlc3layer { opacity: 1; visibility: visible; }
.maoLink2 { height: 0; overflow: hidden; display: block; position: relative; top: -50px; }
 @media (max-width:1799px) {
.m2wlCon2 .m2gx_c3a { padding-top: 33px; }
.m2wlc3layer p { font-size: 16px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2wl_pt { font-size: 30px; line-height: 50px; }
.m2wlc3layer { right: 75px; transform: scale(0.8) translateY(-50%); transform-origin: right center; }
.m2wlc3a3 .m2wlc3layer { right: auto; left: 75px; transform: scale(0.8) translateY(-50%); transform-origin: left center; }
.m2wlc3a2 .m2wlc3layer { left: 20px; }
.m2gxCon3 .m2gx_c3a { height: 240px; }
}
 @media (max-width:993px) {
.m2wl_pt { font-size: 24px; line-height: 38px; }
.m2wlc3a { transform: scale(0.9); }
}
 @media (max-width:767px) {
.m2wlBanImgs img { width: 100%; max-width: 414px; }
.m2wlCon1 { background: #000; padding-top: 40px; padding-bottom: 50px; }
.m2wlCon1 .m2wl_pt { position: relative; font-size: 18px; line-height: 34px; }
.m2wlCon2 { padding: 50px 0; }
.m2wlCon2 .m2wl_pt { font-size: 20px; line-height: 34px; }
.m2gxc3ul { margin-top: 25px; }
.m2gxc3ul li { width: 100%; margin-bottom: 15px; }
.m2gx_c3a { height: auto; padding: 35px 25px; }
.m2wlCon3 { padding: 50px 0 390px; }
.m2wlCon3 .m2wl_pt { font-size: 19px; line-height: 34px; }
.m2wlc3box { margin-top: 5px; }
.m2wlCon4 { padding: 50px 0; }
.m2wlCon4 .m2aq_c5t { font-size: 19px; line-height: 34px; }
.m2aq_c5ul { margin-top: 25px; }
.m2aq_c5ul li { height: 28px; margin-bottom: 12px; }
.m2wlc3a { position: static!important; width: 100%; height: auto; display: block; transform: scale(1); margin-bottom: 12px; }
.m2wlc3box { width: 90vw; height: 90vw; }
.m2wlc3info { position: relative }
.m2wl_c3ico { display: none; }
.m2wlc3layer { opacity: 1; visibility: visible; position: static!important; display: block; transform: scale(1)!important; padding: 15px 20px; width: 100%; }
.m2wlc3layer:after { display: none; }
.m2wlc3info { margin-bottom: 20px; }
.m2wlc3layer p { font-size: 14px; }
.m2wlc3layer strong { font-size: 18px; }
}
.m2szBan { background: #f2f0e3; }
.m2szBanImgs img { width: 57.29vw; height: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.m2szBan .m2cyt_banx span:nth-child(2) { color: #7a7a7a; max-width: 515px; font: 24px/40px sy_n; }
.m2szCon1 { margin-top: 6.25vw; }
.m2szCon1 .m2pub_vbg { background: #f2f0e3; }
.m2szCon3 { margin: 6.25vw 0; position: relative; }
.m2szCon3Wpr + .webBom { background: #f2f0e3; }
.m2szCon3 video { width: 100%; height: auto; display: block; }
.m2szCon3Wpr .m2cyt_des strong { font-size: 34px; line-height: 56px; }
.m2szCon3Wpr .m2cyt_des h4 { font-size: 26px; background: url(../images/hmc1_g7.png) no-repeat left 9px; padding-left: 30px; line-height: 46px; margin-bottom: 10px; display: block; background-size: 43px auto; height: 44px; font-weight: bold; }
.m2szCon3Wpr .m2cyt_c1txt { background: none; }
.m2szCon2Wpr { margin-top: 10.29vw; position: relative; }
.m2szCon2Wpr .container { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.m2szCon3Wpr { margin-top: 11vw; position: relative; }
.m2szc2Imgs { width: 58.93%; position: relative }
.m2szc2Bg { display: block; }
.m2szc2swiper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m2szc2wx { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m2szc2Nav { height: 73px; line-height: 72px; left: 35px; position: absolute; top: 48px; right: 35px; background: #fff; border-bottom: 1px solid #F1F2F7; }
.m2szc2Nav a { font-size: 20px; letter-spacing: 1px; display: inline-block; padding: 0px 20px; color: #555555; position: relative; }
.m2szc2Nav a.on { font-weight: bold; color: #000; }
.m2szc2Nav a:after { content: ""; background: #000; width: 0%; position: absolute; left: 50%; bottom: -1px; height: 2px; transition: all 0.5s ease-in-out; }
.m2szc2Nav a.on:after { width: 100%; left: 0; }
.m2szc2txt { width: 38.66%; }
.m2sz_c2lgs { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 386px; margin-top: 1.65vw; }
.m2sz_c2lgs li { margin-bottom: 12px; }
.m2sz_c2lgs li img { box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: all 0.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; }
.m2sz_c2lgs li:hover img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.m2szCon3Wpr .container { display: flex; justify-content: space-between; }
.m2szc3txt { width: 36.66%; }
.m2szc3txt .m2lot_btns { margin-top: 2.08vw; }
.m2szc3Lx { width: 58%; }
.m2szc3Is { display: flex; justify-content: space-between; margin-top: 18px; }
.m2szc3s { display: block; width: 82px; height: 75px; border-radius: 0.4em; box-shadow: 0 0 12px rgba(0,0,0,0.1); text-align: center; padding: 11px 5px; position: relative; transition: all 0.5s ease-in-out; cursor: default; }
.m2szc3s span { display: inline-block; position: relative; width: 32px; height: 32px; }
.m2szc3s:after { content: ""; background: url(../images/m2sz_c2ar.png) no-repeat center center; height: 12px; width: 14px; position: absolute; top: 50%; right: -22px; margin-top: -6px; transition: all 0.5s ease-in-out; opacity: 0.6 }
.m2szc3s:hover:after { opacity: 1; }
.m2szc3Is .m2szc3s:last-child:after { content: ""; display: none; }
.m2szc3s p { display: block; font-size: 14px; line-height: 20px; cursor: default; }
.m2szc3s span img { position: absolute; left: 0; transition: all 0.5s ease-in-out; top: 0; }
.m2szc3s span img:nth-child(2) { opacity: 0; }
.m2szc3s.on { background: #000000; color: #fff; }
.m2szc3s.on span img { opacity: 0; }
.m2szc3s.on span img:nth-child(2) { opacity: 1; }
 @media (max-width:1799px) {
.m2cyt_banx span:nth-child(1) { font-size: 38px; line-height: 52px; }
.m2szBan .m2cyt_banx span:nth-child(2) { font-size: 17px; line-height: 32px; }
.m2pubVmv { max-width: 750px; }
.m2pubVmv:after { width: 80px; height: 80px; background-size: 26px auto; }
.m2szc2Nav a { font-size: 18px; }
.m2szc2Nav { line-height: 50px; height: 51px; top: 41px; }
.m2szc3s { width: 62px; }
.m2szc3s:after { right: -19px; background-size: 10px auto; }
.m2szCon3Wpr .m2cyt_des h4 { font-size: 22px; background-size: 36px auto; padding-left: 27px; background-position: left 12px }
.m2szCon3Wpr .m2cyt_des strong { font-size: 26px; line-height: 42px; }
.m2cyt_des p { font-size: 16px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2cyt_banx span:nth-child(1) { font-size: 32px; line-height: 40px; }
.m2cyt_banx span:nth-child(2) { font: 28px/48px fzlt; }
.m2szBan .m2cyt_banx span:nth-child(2) { font-size: 15px; }
.m2sz_c2lgs li img { height: 53px; }
.m2szc2Nav { top: 25px; }
.m2szCon3Wpr .m2cyt_des strong { font-size: 22px; line-height: 36px; }
.m2cyt_des p { font-size: 14px; }
}
 @media (max-width:993px) {
.m2cyt_banx span:nth-child(1) { font-size: 28px; line-height: 30px; }
.m2cyt_banx span:nth-child(2) { font: 22px/42px fzlt }
.m2szBan .m2cyt_banx span:nth-child(2) { max-width: 350px; }
.m2szc2txt { padding-left: 0; width: 100%; }
.m2szCon2Wpr .container { display: block; }
.m2szc2Imgs { width: 100%; }
.m2szCon3Wpr .container { display: block; }
.m2szc3Lx { width: 100%; }
.m2szc3txt { width: 100%; }
}
 @media (max-width:767px) {
.m2szBanImgs img { width: 82vw; max-width: 300px; }
.m2pubVbox { margin: 50px 0; }
.m2pubVmv::after { width: 50px; height: 50px; background-size: 20px auto; }
.m2szc2Nav a { font-size: 12px; padding: 0 5px; }
.m2szc2Nav { line-height: 32px; height: 32px; top: 12px; left: 15px; right: 15px; }
.m2szCon3Wpr .m2cyt_des h4 { font-size: 20px; background-size: 32px auto; background-position: left 15px; padding-left: 23px; height: 46px; padding-top: 2px; }
.m2szCon3Wpr .m2cyt_des strong { font-size: 20px; line-height: 32px; }
}
.m2hcBan { background: #eaeaea; }
.m2hcBanImgs img { position: absolute; width: 57.29vw; height: auto; right: 0; top: 50%; transform: translateY(-50%); }
.m2banSwiper { position: relative; }
.m2banSwiper .slick-dots { bottom: 5.7vw; text-align: left; padding: 0 calc((100vw - 1520px)/2); }
.m2banSwiper .slick-dots li button { display: none; }
.m2banSwiper .slick-dots li { background: #BBBBBB; display: inline-block; height: 4px; width: 58px; position: relative; vertical-align: middle; margin-right: 8px; }
.m2banSwiper .slick-dots li.slick-active { background: #000; }
.m2hcCon1 { padding-top: 5.2vw; }
.m2hcCon4 .m2aq_c5ul { max-width: 800px; }
.m2hcVideo { max-width: 1700px; margin: 0 auto; }
.m2hcVideo video { width: 100%; height: auto; }
.m2hcc1Itms { background: #F4F4F4; display: flex; justify-content: space-between; padding-left: 1px; }
.m2hcc1_btn { display: block; width: 100%; padding: 34px 45px 0px; border-right: 1px solid #EAEAEA; margin-left: -1px; border-left: 1px solid #EAEAEA; height: 207px; position: relative; }
.m2hcc1Itms .m2hcc1_btn:first-child { border-left: none; }
.m2hcc1Itms .m2hcc1_btn:last-child { border-right: none; }
.m2hcc1_btn strong { font: normal 21px/52px fzlt; color: #333; letter-spacing: 1px; display: block; }
.m2hcc1_btn p { font-size: 16px; line-height: 26px; max-height: 78px; overflow: hidden; color: #848484; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.m2hcc1_btn:after { content: ""; background: #000; position: absolute; height: 8px; width: 100%; left: 0px; right: 0px; bottom: 0px; transition: all 0.5s ease; height: 0; }
.m2hcc1_btn.on { background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.m2hcc1_btn.on:after { height: 8px; }
.m2hcCon2 { margin: 6.25vw 0 8vw; }
.m2hcCon2 .container { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.m2hc2Img { width: 49.8%; height: 657px; background: #eaeaea; position: relative; display: flex; flex-direction: column; justify-content: center; }
.m2hc2Img img { width: 97.72%; position: relative; right: 16.86%; }
.m2hc2txt { display: flex; flex-direction: column; justify-content: center; width: 360px; }
.m2hcCon3 { }
.m2hc3img { height: 39.06vw; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.m2hc3bm { margin: 3.38vw 0px; }
.m2hc3bm .hmPt { float: left; margin-top: 20px; }
.m2hc3ul { margin-left: 485px; }
.m2hc3ul li { width: 50%; padding: 0 60px; float: left; }
.m2hc3ul li span { display: block; }
.m2hc3ul li strong { font-size: 24px; line-height: 42px; display: block; margin-top: 8px; margin-bottom: 5px; }
.m2hc3ul li p { font-size: 18px; line-height: 30px; color: #777777; }
.m2hcCon4 { position: relative; padding-top: 6.25vw; padding-bottom: 5vw; }
.m2hcCon4:before { content: ""; background: url(../images/m2hc_pt.png) no-repeat; height: 196px; width: 256px; position: absolute; left: 0px; top: 0px; }
.m2hcCon4:after { content: ""; background: url(../images/m2hc_pt.png) no-repeat; height: 196px; width: 256px; position: absolute; right: 0px; bottom: 0px; }
.m2hcCon4 .container { position: relative; z-index: 1; }
.m2hc4ul { margin: 3.12vw -40px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.m2hc4ul li { padding: 0px 40px; float: left; width: 33.33%; text-align: center; margin-bottom: 3.64vw; }
.m2hc4ul li span { display: inline-block; width: 80px; height: 80px; }
.m2hc4ul li strong { font-size: 22px; line-height: 40px; display: block; }
.m2hc4ul li p { font-size: 18px; line-height: 30px; color: #777777; max-width: 300px; margin: 0 auto; }
.m2hcCon5 { padding-top: 3vw; }
.m2hc5Layer { margin-bottom: 7.25vw; }
.m2hcCon5 { }
.m2hc5Imgs { margin-top: 7.68vw; display: flex; justify-content: space-between; padding-bottom: 9vw; margin-left: 2vw; margin-right: 2vw; }
.m2hc5Imgs li { position: relative; cursor: pointer; transition: all 0.5s ease-in-out; }
.m2hc5Imgs li:nth-child(1) { z-index: 2; }
.m2hc5Imgs li:nth-child(2) { z-index: 1; }
.m2hc5Imgs li img { transform: scale(1.4); }
.m2hc5Imgs li.default { opacity: 0.1; }
.m2hc5Imgs li.on { opacity: 1; }
.m2hc5btn { position: absolute; left: 50%; bottom: -5vw; transform: translateX(-50%); z-index: 3; font-size: 20px; line-height: 34px; height: 34px; letter-spacing: 1px; }
.m2hc5btn text, .m2hc5btn i { vertical-align: middle; }
.m2hc5btn span { cursor: pointer; white-space: nowrap }
.m2hc5btn span i { display: inline-block; height: 34px; width: 34px; margin-left: 14px; border: 2px solid #000000; position: relative; border-radius: 50%; top: -2px; transition: all 0.5s ease-in-out; }
.m2hc5Imgs li.on .m2hc5btn span i { transform: rotate(45deg); }
.m2hc5btn span i:before { content: ""; width: 12px; height: 2px; background: #1E1E1E; position: absolute; left: 9px; top: 14px; }
.m2hc5btn span i:after { content: ""; height: 12px; width: 2px; background: #1E1E1E; position: absolute; top: 9px; left: 14px; }
.m2hc5Layer { }
.m2hc5Lay_item { display: none; }
.m2hc5Lay_item.on { display: block; }
.m2hc5bmDls { display: flex; justify-content: space-between; }
.m2hc5bmDls { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
.m2hc5bmDls dl { width: 100%; position: relative; padding: 25px 35px 50px; transition: all 0.5s ease-in-out; }
.m2hc5bmDls dl:after { content: ""; transition: all 0.5s ease-in-out; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: #000; }
.m2hc5bmDls dl:hover:after { height: 8px; }
.m2hc5bmDls dl:hover { z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.m2hc5bmDls dl dt { font: 18px/32px fzlt; height: 96px; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; margin-left: -20px; margin-right: -20px; margin-bottom: 16px; }
.m2hc5bmDls dl dt:after { content: ""; transition: all 0.5s ease-in-out; width: 0%; height: 1px; background: #E6E6E6; position: absolute; left: 50%; bottom: 0; }
.m2hc5bmDls dl:hover dt:after { width: 100%; left: 0; }
.m2hc5bmDls dl dd { height: 50px; overflow: hidden; line-height: 50px; font-size: 16px; display: flex; justify-content: space-between; }
.m2hc5bmDls dl dd span:nth-child(1) { color: #848484; }
.m2hc5bmDls dl dd span:nth-child(2) { color: #444; }
.m2hc5Layer .m2hc5Lay_item:nth-child(3) .container { flex-direction: row-reverse; display: flex; }
.m2hc5Layer .m2hc5Lay_item:nth-child(3) .m2hc5bmDls { width: 25%; }
 @media (max-width:1799px) {
.m2banSwiper .slick-dots { padding: 0 calc((100vw - 1150px)/2); bottom: 4.5vw; }
.m2hcVideo { max-width: 1100px; margin: 0 auto; }
.m2hcVideo + .container { margin-top: -2vw; position: relative; z-index: 2; }
.m2hcc1_btn { padding: 20px 30px 0px; height: 190px; }
.m2hcc1_btn p { font-size: 15px; }
.m2hc2Img { height: 500px; }
.m2hc3ul { margin-left: 285px; }
.m2hc3ul li strong { font-size: 22px; line-height: 32px; }
.m2hc3ul li p { font-size: 16px; line-height: 28px; }
.m2hcCon4:before { width: 160px; height: 150px; background-size: 100% auto; }
.m2hcCon4:after { width: 160px; height: 150px; background-size: 100% auto; }
.m2hc4ul li span { width: 70px; height: 70px; }
.m2hc4ul li strong { font-size: 21px; }
.m2hc4ul li p { font-size: 16px; line-height: 28px; max-width: 250px; }
.m2hc4ul { margin-left: -15px; margin-right: -15px; }
.m2hc4ul li { padding: 0 15px; }
.m2hc5bmDls dl dt { font-size: 17px; line-height: 30px; height: 80px; margin-left: -5px; margin-right: -5px; margin-bottom: 8px; }
.m2hc5bmDls dl { padding: 25px 20px 35px; }
.m2hc5bmDls dl dd { font-size: 14px; line-height: 40px; height: 40px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.m2hcc1_btn p { font-size: 13px; }
.m2hcc1_btn { padding: 20px 15px 0px; }
.m2hc2Img { height: 400px; }
.m2hc3ul li strong { font-size: 20px; }
.m2hc3ul li p { font-size: 14px; }
.m2hc4ul li p { font-size: 14px; }
.m2hc4ul li strong { font-size: 18px; }
.m2hc5btn { font-size: 18px; }
.mLogo svg { width: auto!important; height: 20px!important; }
.mLogo { margin-top: 18px!important; }
}
 @media (max-width:993px) {
.m2hcc1_btn p { line-height: 22px; max-height: 88px; -webkit-line-clamp: 4; }
.m2hc3ul li { padding: 0 20px; }
.m2hc3ul { margin-left: 142px; }
.m2hc5Lay_item .container { width: 100%; overflow-x: auto; }
.m2hc5bmDls { width: 1200px; }
.m2hc5Layer .m2hc5Lay_item:nth-child(3) .m2hc5bmDls { width: 40%; }
.m2hc5bmDls dl { border-right: 1px solid #ddd; }
.m2hc5bmDls dl:last-child { border: none; }
.m2hc5bmDls { box-shadow: none; }
.m2hc5btn { transform: scale(0.8) translateX(-50%); }
}
 @media (max-width:767px) {
.m2banSwiper .slick-dots { bottom: 30px; text-align: center }
.m2hcBanImgs img { width: 77vw; max-width: 276px; }
.m2banSwiper .slick-dots li { width: 30px; height: 3px; }
.m2hcCon1 { padding-top: 50px; }
.m2hcc1Itms { display: block; }
.m2hcc1_btn { height: auto; padding-bottom: 15px; padding-top: 10px; }
.m2hcc1_btn:after { background: #777; height: 4px; }
.m2hcc1_btn.on:after { height: 4px; background: #000 }
.m2hcc1_btn strong { font-size: 18px; line-height: 36px; }
.m2hcCon2 .container { display: block; }
.m2hc2Img { width: 90%; height: 240px; margin-left: 10%; max-width: 400px; }
.m2hcCon2 { margin-top: 100px; }
.m2hc2txt { width: 100%; display: block; margin-top: 20px; }
.m2hcCon3 { margin-top: 100px; }
.m2hcCon2 .hmPt_l { text-align: center; }
.m2hc3bm .hmPt { text-align: center; float: none; }
.m2hc3ul { margin-left: 0; overflow: hidden; margin-top: 25px; }
.m2hc3ul li { width: 100%; padding: 0; text-align: center; margin-bottom: 25px; }
.m2hc3ul li p { line-height: 26px; }
.m2hcCon4 { padding-top: 80px; }
.m2hcCon4:before { top: 40px; }
.m2hc4ul li { width: 100%; }
.m2hcCon4 { padding-bottom: 80px; }
.m2hc5btn { font-size: 16px; }
.m2hc5Imgs li { padding-bottom: 30px; }
.m2hc5btn span i { transform: scale(0.8); margin-left: 2px; }
.m2hc5bmDls dl dt { font-size: 15px; }
.m2hc5Imgs li.on .m2hc5btn span i { transform: scale(0.8) rotate(45deg); }
.m2hc5Layer .m2hc5Lay_item:nth-child(3) .m2hc5bmDls { width: 100%; }
.m2hc5bmDls dl dt { height: 30px; }
.m2hc5bmDls dl dt:after { display: none; }
}
.wrapper > a:nth-child(1) { display: none; }







/*2023-07-25 CSS*/

@keyframes n725rani {  from {
 opacity: 1;
 transform: scale(1);
}
to { opacity: 0; transform: scale(2.4); }
}
.n725Con { padding-bottom: 5.2vw; }
.n728box { margin-top: 4vw; display: flex; justify-content: space-between; padding-left: 0px; }
.n725anix { max-width: 800px; position: relative }
.n725bgimg { display: block; }
.n725ax { width: 0; height: 0; position: absolute; }
.n725ax:before { content: ""; width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.n725ax1 { left: 50.05%; top: 12.03%; }
.n725ax2 { left: 13.96%; top: 66.4%; }
.n725ax3 { left: 85.35%; top: 66.4%; }
.n725ico { width: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; transition: all 0.5s ease; }
.n725lay { height: 100px; width: 320px; position: absolute; top: -28px; right: 125px; border-radius: 0.4em; box-shadow: 0 5px 25px rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: center; padding: 0 28px; letter-spacing: 1px; background: #fff; transition: all 0.8s ease; opacity: 0; transform: translateX(-50px); opacity: 0; visibility: hidden; }
.n725lay strong { font-size: 22px; line-height: 30px; font-weight: bold; display: block; }
.n725lay p { font-size: 18px; line-height: 24px; color: #555555; margin-top: 6px; }
.n725lay:after { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; right: -8px; top: 50%; margin-top: -8px; }
.n725ax3 .n725lay { right: auto; left: 125px; transform: translateX(50px) }
.n725ax3 .n725lay:after { border-left: none; border-right: 8px solid #fff; right: auto; left: -8px; }
.n725ax:hover .n725ico { transform: rotateY(180deg) translateY(-8px); }
.n725ax:hover .n725lay { opacity: 1; visibility: visible; transform: translateX(0)!important; }
.n725rndx { width: 146px; height: 146px; position: absolute; left: 50%; top: 50%; margin-left: -73px; margin-top: -73px; }
.n725rndx:before, .n725rndx:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: rgba(181,133,247,0.3); animation: n725rani 3s linear infinite; }
.n725rndx:after { animation-delay: 1.5s; }
.n725rndx span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #B585F7; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; z-index: 2; border-radius: 50% }
.n725lay { height: 80px; width: 240px; top: -25px; right: 90px; padding: 0 20px; }
.n725lay strong { font-size: 20px; line-height: 26px; }
.n725lay p { font-size: 14px; line-height: 20px; margin-top: 5px; }
.n725ax3 .n725lay { right: auto; left: 90px; }
 @media (max-width:1799px) {
.n725anix { max-width: 500px; }
.n725rndx { transform: scale(0.8); }
.n725lay { width: 200px; }
.n725lay strong { font-size: 18px; line-height: 24px; }
.n725lay p { font-size: 12px; }
.n725ico { width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; }
}
 @media (max-width:1379px) {
.n725lay { right: 34px; }
.n725ax3 .n725lay { right: auto; left: 34px; }
}
 @media (max-width:1199px) {
}
 @media (max-width:993px) {
.n725lay { transform: translateX(0)!important; z-index: 5; }
.n725ax1 .n725lay { top: 85px; right: auto; left: 50%; margin-left: -100px; }
.n725ax1 .n725lay::after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; right: auto; left: 50%; top: -6px; margin-left: -8px; }
.n725ax2 .n725lay { left: 80px; right: auto; }
.n725ax2 .n725lay::after { border-left: none; border-right: 8px solid #fff; right: auto; left: -8px; }
.n725ax3 .n725lay { left: auto; right: 80px; }
.n725ax3 .n725lay::after { border-right: none; border-left: 8px solid #fff; left: auto; right: -8px; }
}
 @media (max-width:767px) {
.n725ico { width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; }
.n725rndx { transform: scale(0.5); }
.n725lay { height: 60px; width: 170px; top: -20px; right: 50px; padding: 0 15px; }
.n725lay strong { font-size: 14px; line-height: 20px; }
.n725lay p { font-size: 12px; margin-top: 5px; }
.n725ax1 .n725lay { top: 55px; margin-left: -85px; }
.n725ax2 .n725lay { left: 50px; }
.n725ax3 .n725lay { right: 50px; }
.n725anix + .nc725_ptxt { margin-top: -35px; }
.n725Con { padding-bottom: 12vw; }
}
.m2szBan + .m2szCon1 .m2pub_vbg { background: #eef1f4; }
.nc725Box1 { background: #fff; padding-top: 0; padding-bottom: 5.2vw; margin-top: 6vw; overflow: hidden; }
.nc725con1 { display: flex; justify-content: space-between; }
.nc725_c1img { width: 65%; text-align: center; font-size: 0 }

.nc725_c1txt { display: flex; flex-direction: column; justify-content: center; width: 35%; }
.nc725_ptxt { }
.nc725_ptxt h3 { letter-spacing: 2px; display: block; font: 34px/56px fzlt; }
.nc725_ptxt dl { margin-top: 25px; }
.nc725_ptxt dl dt { font-size: 22px; line-height: 40px; letter-spacing: 1px; }
.nc725_ptxt dl dt strong { font-size: 28px; }
.nc725_ptxt dl dd { font-size: 18px; line-height: 30px; color: #777; padding-left: 18px; position: relative }
.nc725_ptxt dl dd:before { content: ""; height: 4px; width: 4px; position: absolute; left: 0px; top: 13px; background: #666; }
.nc725list { }
.nc725list + .m2szCon3Wpr_full .m2szCon3Wpr{margin-top:0!important;} 
.nc725list + .m2szCon3Wpr_full .m2szCon3{margin-top:0!important;}
.nc725list li {background:#eef1f4; padding:6vw 0;}
.nc725list li:nth-child(2n){ background:#fff;}
.nc725item { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.nc725_img { width: 65%; display: flex; flex-direction: column; justify-content: center; }
.nc725_txt { width: 35%; display: flex; flex-direction: column; justify-content: center; padding: 0 50px }
.nc725list li:nth-child(2n) .nc725item { flex-direction: row; }
.m2szCon3Wpr_full { position: relative; }
.m2szCon3Wpr_full:before { content: ""; background: #EEF0F0; left: 0; bottom: 0; right: 0; top: 38px; position: absolute }
.m2szCon3Wpr_full .m2szCon3Wpr { position: relative; }
.m2szCon3Wpr_full .m2szCon3Wpr { margin-top: 7vw; }
.m2szCon3Wpr_full + .m2szCon1 .m2pub_vbg { background: #eef1f4; margin-bottom: 7vw; }
.nc725item video, .nc725_c1img video { max-width: 100%; height: auto }
.nc725list li:nth-child(2) .nc725_img{width:62%;}
 @media (max-width:1799px) {
.nc725_c1img img { max-width: 380px; }
.nc725_ptxt dl dd { font-size: 15px; line-height: 28px; }
.nc725_ptxt dl dd:before { top: 11px; }
.nc725_ptxt dl dt { font-size: 20px; line-height: 38px; }
.nc725_ptxt dl dt strong { font-size: 24px; }
.nc725_ptxt h3 { font-size: 30px; line-height: 40px; }
.nc725_ptxt dl { margin-top: 12px; }
}
 @media (max-width:1379px) {
.nc725_ptxt dl dt { font-size: 18px; }
}
 @media (max-width:1199px) {
.n728box { display: block; padding-left: 0; }
.n725anix { margin-left: auto; margin-right: auto; }
}
 @media (max-width:993px) {
.nc725_c1img img { max-width: 290px; }
}
 @media (max-width:767px) {
.nc725con1 { display: block; }
.nc725Box1 { padding: 14vw 0 12vw; }
.nc725list li { margin-top: 13vw; }
.nc725_c1img img { max-width: 200px; margin-left: auto; margin-right: auto; }
.nc725_c1img div { width: 100%; text-align: center; }
.nc725_c1img { width: 100%; margin-bottom: 35px; }
.nc725_c1txt { width: 100%; }
.nc725_ptxt h3 { font-size: 24px; line-height: 30px; }
.nc725item { display: block; }
.nc725_txt { width: 100%; padding: 0; }
.nc725_img { width: 100%; margin-bottom: 25px; }
.nc725_ptxt dl dt { line-height: 28px; font-size: 16px; }
.nc725_ptxt dl dt strong { font-size: 20px; }
.nc725_ptxt dl dd { font-size: 14px; line-height: 26px; padding-left: 12px; }
.nc725_ptxt dl dd::before { top: 10px; }
}


/*2023-08-01 CSS*/
.m2aqCon1{background:#fff;}
.m2aqCon2{background:#eff2f7;}
.n725Con{padding-top:5.2vw;}
.m2agc1Items{min-height:420px;display:flex; flex-direction:column; justify-content:center;}
.m2agc1Vx img{position:absolute; left:0; top:50%; transform:translateY(-50%); transition:all 0.5s ease; visibility:hidden;}
.m2agc1Vx img.on{opacity:1; visibility:visible;}
.n725anix + .nc725_ptxt{display:flex; flex-direction:column; justify-content:center; padding-bottom:3vw;}
.n728box .nc725_ptxt dl dt strong{font-size:22px; font-weight:normal;}
@media (max-width:1799px){
.m2agc1Vx{width:52%;}
.n725anix{max-width:600px;}
.nc725_ptxt dl dd{font-size:16px;}
.n728box .nc725_ptxt dl dt strong{font-size:21px;}
.n728box .nc725_ptxt dl dd{font-size:17px;}
.n728box .nc725_ptxt dl{margin-top:20px;}
.n728box{ margin-top:2vw;}
.n725Con{padding-bottom:4.5vw;}
.nc725_ptxt h3{font-size:26px;}
.m2szCon3Wpr_full:before{top:30px;}
.hmc3txt{height:465px;}
.m2aqc2ul strong{font-size:21px;}
}
@media (max-width:1379px){
.hmc3txt{height:425px;}
.hmc3Swiper{margin-top:0;}
.n725anix{max-width:520px;}
.n725anix + .nc725_ptxt{width:500px;}
}
@media (max-width:1199px){
.n728box .nc725_ptxt dl dt strong{font-size:20px;}
.n728box .nc725_ptxt dl dd{font-size:14px;}
.n725anix + .nc725_ptxt{width:auto;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2agc1Items{min-height:0; margin-bottom:25px;}
.m2agc1Vx{width:100%;}
.n725Con{padding-bottom:50px; padding-top:50px;}
.m2agc1Vx img:nth-child(1){position:relative; top:0; transform:translateY(0);}
.m2szCon3Wpr_full:before{top:8px;}
.nc725_ptxt h3{font-size:20px;}
.nc725_ptxt dl dd{font-size:14px;}
.n728box .nc725_ptxt dl dt strong{font-size:18px;}
.m2aqc3dl dt{font-size:18px;}
.m2aqc2ul strong{font-size:18px;}
.n725anix + .nc725_ptxt{padding-bottom:0;}
.nc725Box1{padding-top:0;}
.nc725list li:nth-child(2) .nc725_img{width:100%;}
}