Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
@charset "UTF-8";
/*.headerWpr {display:none;}*/
.bgImg{position:relative;}
.bgImg img{display:block!important; width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0}
.hmPage1{position:relative;}
.hmFocusWpr{height:100vh; position:relative; z-index:2}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.hmFs_logo{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; position:absolute; left:0; top:0; right:0; bottom:0}
/*.hmFocus_img:after{ content: ""; background: url(../images/banBg.png) no-repeat center top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; }*/
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 16s infinite; animation: scaleBg 16s linear; }
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center}
.hmFocus_txt h5{ font-size: 68px; line-height: 78px; display: block; transition: all 0.8s ease-in-out; transform: translate(0px,80px); opacity: 0; letter-spacing: 3px; font-weight:normal }
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(0px,80px); opacity: 0; font-size: 24px; line-height: 30px; letter-spacing:1px; font-weight:100}
.on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ position:absolute; left:50%; transform:translateX(-50%); text-align:center; z-index:3; bottom:50px;}
.hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 20px;}
.hmFocus_dot span:before{content:""; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:11px; top:11px;}
.hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;}
.hmFocus_dot span:after{content:""; width:32px; height:32px; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 16s linear forwards}
.hmFocus_dot span.on:after{opacity:1;}
.hmNext_btn { height: 38px; width: 24px; border: 2px solid #fff; display: inline-block; position: absolute; left: 50%; bottom: 5.74vh; border-radius: 1.6em; z-index:3; transform:translateX(-50%); }
.hmNext_btn:after { content: ""; background: #fff; height: 4px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.0em; }
.hmFocus_icon{ display: inline-block; width: 60px; height: 60px; margin-top: 32px; transition: all 0.5s ease-in-out; transform: translate(0px,30px); opacity: 0; cursor: pointer; border-radius: 50%; border: 1px solid #fff; position: relative; background: url(../images/hmfar.png) no-repeat center center; }
.hmFocus_icon img{display:none;}
.hmFocus_icon:after{ content: ""; width: 60px; height: 60px; position: absolute; left: -1px; top: -1px; border-radius: 50%; border-top: 1px solid #f39800; border-left: 1px solid #f39800; animation:radiusRotate 0.5s linear infinite}
.on .hmFocus_icon{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_a{ transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; margin-top:8.33vh;}
.on .hmFocus_a{opacity:1; transform:translate(0px,0px); transition-delay:0.65s;}
.hmFs_m{ line-height: 60px; height: 60px; width: 240px; background: #ad2025 url(../images/more_i.png) no-repeat 196px center; font-size: 16px; color: #FFF; padding-left: 40px; display: inline-block;}
.hmFs_m:hover{ color:#fff; transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.3);}
.hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmVdoBox:after{ content: ""; background: url(../images/ban_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmVdoBox video{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc1Scroll{ font-size:16px; color: #fff; line-height: 28px; display: inline-block; z-index: 8; position: absolute; left: 90px; transform:rotate(270deg); font-weight: 100; text-transform: uppercase; bottom:150px; letter-spacing:1px;}
.hmc1Scroll i{ height: 110px; width: 1px; position: absolute; left: -75px; top: -42px; transform: rotate(90deg); overflow: hidden; }
.hmc1Scroll i:after{content:""; background: #fff; height:110px; width:1px; position:absolute; left:0; top:0; animation:hmc1ScrollAni 3.5s ease-out infinite;}
@keyframes hmc1ScrollAni {
0% {
transform:translateY(-100%);
}
50% {
transform:translateY(200%);
}
100% {
transform:translateY(200%);
}
}
@media (max-width:1799px){
.hmFocus_txt h5{ font-size: 58px; line-height: 70px; }
.hmFocus_txt p{ font-size: 21px;}
}
@media (max-width:1379px){
.hmFocus_txt h5{ font-size: 50px; line-height: 66px; }
.hmFocus_txt p{ font-size: 20px;}
}
@media (max-width:1199px){
.hmFocusWpr,.hmFocus_item{height:600px;}
.hmc1Scroll{display:none;}
}
@media (max-width:767px){
.hmFocusWpr,.hmFocus_item{height:360px;}
.hmFocus_txt h5{ font-size: 26px; line-height: 36px; letter-spacing:2px; }
.hmFocus_txt p{ font-size: 15px; line-height:28px; margin-top:8px;}
.hmFocus_dot{transform:scale(0.8) translateX(-50%); transform-origin:left; margin-left:-8px; bottom:22px;}
.hmFocus_txt{padding-top:28px;}
}
.max1440{ width:100%; max-width:1470px; padding:0 15px; margin-left:auto; margin-right:auto;}
.hmPage2{ background: url(../images/hmc2bg.png) no-repeat center center; background-size:cover;}
.hmc2Tag{ text-align: center; font-size:0; margin-top:80px; }
.hmc2Tag a{ font-size: 26px; line-height: 52px; text-align: center; display: inline-block; height: 54px; width: 188px; border: 1px solid #AFAFAF; position:relative; }
.hmc2Tag a.on{ border:none; line-height:54px; background-color:#1C36BD;background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%); color:#fff;}
.hmc2Tag a:nth-child(1){border-radius:1.8em 0 0 1.8em;}
.hmc2Tag a:nth-child(2){border-radius:0 1.8em 1.8em 0;}
.hmc2des{ font-size: 18px; line-height: 32px; color: #888; letter-spacing: 1px; text-align: center; max-width: 990px; margin-left:auto; margin-right:auto; }
.hmc2ul{display: flex; justify-content: space-around; margin-top:3.12vw}
.hmc2ul li{ width:100%; padding:0 1.5vw}
.hmc2aBox{ display:block; text-align:center}
.hmc2aBox:hover{transform:translateY(-18px);}
.hmc2aBox strong{ font-size: 30px; line-height: 46px; letter-spacing: 1px; margin-bottom: 20px; font-weight: normal; display: block; }
.hmc2Icon{ display:inline-block; position:relative; width:143px; height:162px; transition:all 0.5s ease-in-out;}
.hmc2aBox:hover .hmc2Icon{transform:rotateY(360deg);}
.hmc2Icon img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmc2aBox:hover .hmc2Icon img{ opacity:0}
.hmc2aBox:hover .hmc2Icon img.iOpacity{ opacity:1}
.hmc2aBox p{ font-size: 14px; line-height: 24px; color: #888888; margin-top: 32px; }
.hmc2m{ display: inline-block; width: 135px; font-size: 14px; line-height: 38px; text-align: center; height: 40px; border: 1px solid #D8D8D8; position: relative; margin-top: 45px; border-radius: 1.8em; text-transform: uppercase; color: #888888; overflow:hidden;}
.hmc2aBox:hover .hmc2m{box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.hmc2aBox:hover span{color:#fff; line-height:40px; border:none;}
.hmc2m span{ display:inline-block; position:relative; z-index:1; transition:all 0.5s ease-in-out;}
.hmc2m:before{content:""; background-color:#1C36BD;background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%); position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease-in-out; border-radius:1.8em; overflow:hidden;}
.hmc2aBox:hover .hmc2m:before{ opacity:1}
.hmc2itemWprs{position:relative; margin: 2.34vw auto 0px;}
.hmc2item{ opacity:0; visibility:hidden; transform:translateY(30px)}
.hmc2item.on{opacity:1; visibility:visible; transform:translateY(0); transition:all 0.5s ease-in-out;}
.hmc2itemWprs .hmc2item:nth-child(2){ position:absolute; left:0; top:0; width:100%;}
@media (max-width:1799px){
.hmc2Tag{ margin-top:50px;}
.hmc2Tag a{ font-size: 21px; line-height: 45px; height: 47px; width: 158px; }
.hmc2Tag a.on{line-height:47px;}
.hmc2des{ font-size: 16px; line-height: 28px; }
.hmc2itemWprs{margin-top:2vw;}
.max1440{max-width:1230px;}
.hmc2ul{margin-top:2vw;}
.hmc2aBox strong{font-size:24px; line-height:40px; height:40px}
.hmc2Icon{width:120px; height:122px;}
.hmc2m{margin-top:25px;}
}
@media (max-width:1379px){
.hmc2Tag a{ font-size:18px; line-height: 40px; height: 42px; width: 138px; }
.hmc2Tag a.on{line-height:42px;}
.hmc2des{ font-size: 14px; line-height: 24px; }
.hmc2itemWprs{margin-top:2vw;}
.max1440{max-width:1230px;}
.hmc2ul{margin-top:2vw;}
.hmc2aBox strong{font-size:20px; line-height:30px; height:30px}
.hmc2Icon{width:90px; height:92px;}
.hmc2m{margin-top:15px;}
.hmc2aBox p{margin-top:5px;}
.hmc2Icon{width:60px; height:60px;}
}
@media (max-width:1299px){
.max1440{max-width:1120px;}
}
@media (max-width:1199px){
.hmc2ul{ flex-wrap:wrap;}
.hmc2Tag{margin-top:0;}
.hmPage2{padding:70px 0;}
.hmc2ul li{width:calc(25% - 30px);}
.hmc2itemWprs{margin-top:25px;}
.hmc2ul{margin-top:25px;}
}
@media (max-width:767px){
.hmPage2{padding:60px 0 30px;}
.hmc2Tag a{width:120px; font-size:16px;}
.hmc2ul li{width:100%; margin-bottom:35px;}
.hmc2aBox strong{font-size:16px; font-weight:bold; margin-bottom:10px;}
.hmc2aBox p{margin-top:8px; font-size:14px; line-height:22px; height:auto!important}
}
.hmPage3{ position:relative; overflow:hidden; z-index:1;}
.hmc3imgsBg{ height:100vh; position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmc3bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease-in-out;}
.hmc3bgImg.on{ opacity:1;}
.hmc3bgImg .bgImg{ transition:all 5s ease-in-out; position:absolute; left:0; top:0; right:0; bottom:0; }
.hmc3bgImg.on .bgImg{ transform:scale(1.2);}
.hmCon3{ position:relative; color:#fff; margin-top:80px;}
.hmCon3 .hmc3item:nth-child(2){float:right;}
.hmc3item{ width:48%; float:left; position:relative}
.hmc3Ditem{ position:absolute; left:0; top:50%; transform:translateY(-40%); text-align:center; color:#fff; z-index:0; transition:all 0.5s ease-in-out; margin-top:-30px;}
.hmCon3 .hmc3item:nth-child(2) .hmc3Ditem{left:auto; right:0;}
.hmc3Ditem span{ display:inline-block; width:174px; height:174px; border:1px solid #fff; border-radius:50%; position:relative}
.hmc3Ditem span img{position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}
.hmc3Ditem p{ font-size: 30px; line-height: 96px; letter-spacing: 1px; }
.hmc3Top strong{ line-height: 50px; font-size: 35px; font-weight: normal; display: block; letter-spacing: 1px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(35px); }
.hmc3Top p{ font-size: 17px; line-height: 26px; margin-top: 20px; letter-spacing:1px; color:rgba(255,255,255,0.8); transition:all 0.5s ease-in-out; opacity:0; transform:translateY(35px);}
.hmc3ul{ margin:0 -60px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(35px);}
.hmc3ul li{ margin-top:35px; width:33.33%; padding:0 60px; float:left; text-align:center}
.hmc3_sa{ display:block}
.hmc3icon{ display: inline-block; height: 100px; width: 100px; border: 1px solid #fff; border-radius:50%; position:relative}
.hmc3icon:before{content:""; border: 1px solid #fff; position: absolute; left: -8px; top: -8px; right:-8px; bottom:-8px; border-radius:50%;transition:all 0.5s ease-in-out; opacity:0}
.hmc3icon:after{ content: ""; border: 7px solid #0749CF; position: absolute; left: -7px; top: -7px; right:-7px; bottom:-7px; border-radius:50%; transition:all 0.5s ease-in-out; opacity:0}
.hmc3icon img{ position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; transition:all 0.5s ease-in-out;}
.hmc3_sa p{ font-size: 22px; line-height: 56px; color: #FFF; letter-spacing: 1px; display: block; white-space:nowrap}
@media (min-width:767px){
.hmc3item.on .hmc3Top strong{ opacity:1; transform:translateY(0); transition-delay:0.1s;}
.hmc3item.on .hmc3Top p{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.hmc3item.on .hmc3ul{ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.hmc3item.on .hmc3Ditem{opacity:0; transform:translateY(-50%);}
.hmc3line{width:1px; background:rgba(255,255,255,0.2); position:absolute; top:100px; bottom:0; left:64%; z-index:1}
.hmc3line2{left:auto; right:64%;}
.hmc3_sa:hover .hmc3icon{background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%); border:1px solid rgba(255,255,255,0);}
.hmc3_sa:hover .hmc3icon:after,.hmc3_sa:hover .hmc3icon:before{opacity:0.3;}
.hmc3_sa:hover .hmc3icon img{ transform:rotateY(180deg)}
.hmc3ul li:hover .hmc3_sa{transform:translateY(-15px);}
}
@media (max-width:1799px){
.hmc3Top strong{font-size:28px; line-height:42px;}
.hmc3Top p{font-size:15px; margin-top:12px;}
.hmc3ul li{margin-top:20px;}
.hmc3_sa p{font-size:18px; line-height:50px; margin-top:3px;}
.hmc3Ditem p{font-size:24px; line-height:80px;}
.hmc3line{top:80px;}
}
@media (max-width:1379px){
.hmc3Top strong{font-size:22px; line-height:30px;}
.hmc3Top p{font-size:14px; margin-top:10px; line-height:24px;}
.hmc3_sa p{font-size:16px; line-height:40px;}
.hmc3Ditem p{font-size:20px; line-height:60px;}
}
@media (max-width:1199px){
.hmCon3{margin-top:0;}
.hmPage3{padding:80px 0;}
.hmc3ul li{padding:0;}
.hmCon3 {padding-left:25px; padding-right:25px;}
.hmc3line{top:0px;}
.hmc3ul{margin:0 -20px;}
}
@media (max-width:767px){
.hmCon3{padding:0;}
.hmc3Top strong{ opacity:1; transform:translateY(0);}
.hmc3Top p{ opacity:1; transform:translateY(0);}
.hmc3ul{ opacity:1; transform:translateY(0);}
.hmc3Ditem{ display:none;}
.hmc3item{width:100%; float:none; margin-bottom:35px;}
.hmc3imgsBg{height:100%;}
.hmc3ul{margin:0 -15px;}
.hmPage3{padding:60px 0 30px;}
.hmc3Top strong{font-size:21px;}
.hmc3Top{text-align:center;}
.hmc3icon{ width:70px; height:70px;}
.hmc3icon img{width:50px; height:auto; margin-left:-25px; margin-top:-25px;}
.hmc3ul{text-align:center; font-size:0;}
.hmc3ul li{display:inline-block; float:none}
.hmc3_sa p{font-size:15px; line-height:32px;}
.hmCon3 .hmc3item:nth-child(2) .hmc3Top{ transform:translateY(50px)!important;}
.hmCon3 .hmc3item:nth-child(2){/* border-top:2px solid #fff;*/}
.hmc3imgsBg{}
.hmc3bgImg{opacity:1!important;}
.hmc3imgsBg .hmc3bgImg:nth-child(1){ height:50%!important; bottom:auto!important;}
.hmc3imgsBg .hmc3bgImg:nth-child(2){ height:50%!important; top:auto!important; bottom:0!important;}
}
@media (min-width:2199px){
.hmc3line{display:none!important;}
}
.hmPage4{ background: url(../images/hmc4bg.jpg) no-repeat center center; background-size:cover;}
.hmc4t{ font-size: 36px; letter-spacing: 1px; line-height: 50px; text-align: center; margin-top:80px; }
.hmc4Con{ margin-top:2.6vw;}
.hmc4Lx{ width:50%; float:left; padding-right:26px;}
.hmc4item{}
.hmc4aBox{ display:block; position:relative;}
.hmc4aBox .overflowHide{ height:481px;}
.hmc4aBox .ellipsis{ line-height: 70px; height: 70px; width: 100%; position: absolute; left: 0px; bottom: 0px; padding: 0px 120px 0px 24px; background: rgba(0,0,0,0.4); color: #fff; font-size: 18px; font-weight: normal; }
.hmc4Lx .slick-dots{bottom:29px; text-align:right; padding-right:12px; width:auto; right:26px;}
.hmc4Lx .slick-dots li button{display:none;}
.hmc4Lx .slick-dots li { display: inline-block; height: 11px; width: 11px; margin: 0px 12px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #FFF; }
.hmc4Lx .slick-dots li.slick-active{ background: #FFFFFF; }
.hmc4Rx{ width:50%; float:right; padding-left:26px;}
.hmc4ra{ display: block; padding: 18px 0px 25px; border-bottom: 1px solid #AEAEAE; }
.hmc4Rx .hmc4ra:last-child{border:none;}
.hmc4tm{ font-size: 20px; color: #999999; line-height: 36px; display: block; font-weight: 100; }
.hmc4rt{ font-size: 20px; line-height: 40px; display: block; height: 40px; padding-right: 95px; position:relative; }
.hmc4rt span{ background: url(../images/hmc4ar.png) no-repeat right center; display: inline-block; font-size: 14px; color:#2469f9; padding-right: 18px; position: absolute; top: 0px; right: 0px; }
.hmc4ra p{ font-size: 14px; line-height: 24px; color: #777777; height: 48px; overflow: hidden; }
.hmc3m{ text-align: center; margin-top: 2.2vw;}
.hmc3mbtn{ line-height: 40px; height: 40px; width: 154px; display: inline-block; border-radius:1.8em; overflow:hidden; position:relative; background-color:#1B31BB; background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%) }
.hmc3mbtn span{ display: inline-block; position: relative; font-size: 14px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#1C34BD), to(#58D8FD));-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 15px 15px rgba(77,15,15,0.15); transition:all 0.5s ease-in-out; }
.hmc3mbtn:before{content:""; background:#fff; position:absolute; left:1px; top:1px; right:1px; bottom:1px; border-radius:1.8em; transition:all 0.5s ease-in-out;}
.hmc3mbtn:hover{transform:translateY(-8px); box-shadow:0 3px 8px rgba(0,0,0,0.1);}
.hmc3mbtn:hover span{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fff)); color:#fff;}
.hmc3mbtn:hover:before{opacity:0;}
@media (max-width:1799px){
.hmc4t{font-size:28px; line-height:40px;}
.hmc4Con{margin-top:2vw;}
.hmc4aBox .overflowHide{height:395px;}
.hmc4tm{font-size:16px; line-height:26px;}
.hmc4rt{font-size:18px; line-height:36px; height:36px}
.hmc4ra{padding:12px 0px 13px;}
.hmc3m{margin-top:2vw;}
}
@media (max-width:1379px){
.hmc4aBox .overflowHide{height:365px;}
.hmc4tm{font-size:14px; line-height:22px;}
.hmc4rt{font-size:17px; line-height:32px; height:32px}
.hmc4ra p{font-size:12px; line-height:22px; height:44px;}
}
@media (max-width:1199px){
.hmc4Lx{padding-right:0;}
.hmc4t{margin-top:0;}
.hmPage4{padding:70px 0; background-size:cover;}
.hmc4Con{margin-top:25px;}
.hmc3m{margin-top:25px;}
}
@media (max-width:993px){
.hmc4Lx{width:100%; float:none; margin-bottom:35px;}
.hmc4aBox .overflowHide{height:445px;}
.hmc4Rx{width:100%; padding-left:0;}
}
@media (max-width:767px){
.hmPage4{padding:50px 0;}
.hmc4t{font-size:26px; line-height:36px;}
.hmc4aBox .overflowHide{height:230px;}
.hmc4aBox .ellipsis{line-height:52px; height:52px; padding:0px 70px 0px 12px; font-size:14px;}
.hmc4Lx .slick-dots{bottom:19px; padding-right:5px; right:0px;}
.hmc4Lx .slick-dots li { display: inline-block; height: 8px; width: 8px; margin: 0px 6px 0px 0px;}
.hmc4Lx{margin-bottom:15px;}
.hmc3m{margin-top:15px;}
}
.hmPage5{ position:relative}
.hmp5Logos{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc5logos.jpg) repeat-x center center; background-size:cover; -webkit-animation: animate-cloud 30s linear infinite; animation: animate-cloud 30s linear infinite; }
.hmp5Logos:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/hmc5bg.png) no-repeat center center; background-size:cover;}
.hmc5Top{ text-align: center; font-size: 20px; line-height: 36px; letter-spacing: 1px; margin-bottom:3vw; margin-top:80px; }
.hmc5Top img{ margin-bottom:1.45vw}
.hmc5ul{display: flex; justify-content: space-between; flex-wrap:wrap; padding-bottom:2vw;}
.hmc5ul li{ text-align:center; color:#3665ff;background-image: -webkit-gradient(linear, left 0, right 0, from(#1B31BC), to(#58D8FD));-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 15px 15px rgba(77,15,15,0.15); }
.hmc5ul li strong{ font-size: 80px; line-height: 88px; display: block; }
.hmc5ul p{ font-size: 20px; line-height: 34px; margin-top: 12px; }
.hmc5ul li strong span{}
.hmPage5 .max1440{position:relative; z-index:2;}
@media (max-width:1799px){
.hmc5Top{ font-size: 18px; line-height: 32px; margin-bottom:2vw; margin-top:50px; }
.hmc5Top img{height:120px; width:auto}
}
@media (max-width:1379px){
.hmc5Top{ font-size: 16px; line-height: 28px; }
.hmc5Top img{height:100px; width:auto}
}
@media (max-width:1199px){
.hmc5Top{margin-top:0;}
.hmPage5{padding:70px 0;}
}
@media (max-width:993px){
.hmc5ul li strong{font-size:52px; line-height:66px; margin-top:15px;}
}
@media (max-width:767px){
.hmPage5{padding:60px 0;}
.hmc5Top img{height:80px; width:auto; margin-bottom:20px;}
.hmc5Top{font-size:14px; line-height:26px;}
.hmc5ul li strong{font-size:30px; line-height:40px;}
.hmc5ul li{width:50%;}
.hmc5ul p{font-size:16px; line-height:26px; margin-top:2px;}
}
@media (min-width:1199px){
.hmc2Tag{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2Tag{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc2itemWprs{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc2itemWprs{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmCon3 .hmc3item:nth-child(1){transition:all 0.8s ease-in-out; transform:translate(-100px,0px); opacity:0; }
.active .hmCon3 .hmc3item:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmCon3 .hmc3item:nth-child(2){transition:all 0.8s ease-in-out; transform:translate(100px,0px); opacity:0; }
.active .hmCon3 .hmc3item:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc4t{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc4t{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc4Con{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc4Con{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc3m{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc3m,.active2 .hmc3m{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmc5Top{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc5Top,.active2 .hmc5Top{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc5ul{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.active .hmc5ul,.active2 .hmc5ul{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
}
.footer{ background: url(../images/foot_bg.jpg) no-repeat center center; padding: 3.02vw 0px 32px; background-size:cover; color:rgba(255,255,255,0.3);}
.footer a{ color:rgba(255,255,255,0.3);}
.footer a:hover{ color:rgba(255,255,255,0.5);}
.footerTop{ padding-bottom:55px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3);}
.foolLlx{ float: left; width: 585px; font-size: 18px; line-height: 38px; }
.fooot_st{ font-size: 20px; color: #FFF; line-height: 50px; font-weight: normal; display: block; }
.foolLmx{ width:565px; float:left;}
.footTag{ padding: 12px 0px 8px; }
.footTag a{ font-size: 16px; color: #FFF; text-align: center; line-height: 40px; height: 40px; width: 128px; display: inline-block; margin-right: 10px; background:rgba(255,255,255,0.3); border-radius:0.3em; margin-bottom:12px; }
.footTag a.on{background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%)}
.footChgs{ position:relative;}
.footChgs p{ font-size: 16px; line-height: 30px; padding-left: 32px; background: url(../images/foot_i.png) no-repeat left 3px; position:absolute; left:0; top:0; width:100%; opacity:0; transition:all 0.5s ease-in-out; }
.footChgs p.on{ opacity:1}
.foolRx{float:right;}
.foolRx img{margin-top:6px;}
.copyRight{ font-size: 16px; line-height: 28px; text-align: center; padding-top: 32px; }
.footTag a span{color:#fff;}
@media (max-width:1799px){
.foolLlx{font-size:16px; line-height:36px; width:450px;}
.fooot_st{font-size:18px; line-height:42px;}
.footTag a{width:118px; font-size:15px;}
.footChgs p{font-size:15px;}
.copyRight{font-size:15px;}
}
@media (max-width:1299px){
.foolLmx{width:500px;}
}
@media (max-width:1199px){
.foolLmx{width:410px;}
}
@media (max-width:767px){
.footer{padding:30px 0;}
.foolLlx{width:100%; float:none; font-size:13px; line-height:26px; margin-bottom:10px}
.fooot_st{font-size:16px; line-height:36px;}
.foolLmx{width:100%; float:none;}
.footTag a{width:auto; padding:0 20px; font-size:14px;}
.footChgs{height:60px;}
.footChgs p{font-size:14px; line-height:28px;}
.foolRx{width:120px; float:none; margin:0 auto; text-align:center; margin-top:-10px;}
.footerTop{padding-bottom:25px}
.copyRight{font-size:13px; padding-top:20px; line-height:26px;}
}
.rMenu{ width:58px; position:fixed; z-index:8; top:50%; right:0; margin-top:-103px;}
.rMenu_a{ display:block; height:58px; background-color:#2469f9; background: linear-gradient(to right, #2469f9 0%,#55CDF7 100%); border-radius:0.3em 0 0 0.3em; position:relative; margin-bottom:8px;}
.rMenu_aTel:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../images/ri1.png);}
.rMenu_aWx:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../images/ri2.png);}
.backTop:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../images/ri3.png);}
.rMenu_aTel span{ white-space:nowrap; line-height:58px; padding:0 25px;background-color:#2469f9; color:#fff; position:absolute; right:52px; top:0; border-radius:0.3em; font-size:20px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-18px);}
.rMenu_aTel:hover span{opacity:1; visibility:visible; transform:translateX(0);}
.rMenu_aWx span{ position:absolute; right:78px; top:50%; margin-top:-60px; display:block; width:120px; height:120px; box-shadow:0 5px 8px rgba(0,0,0,0.1); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-18px);}
.rMenu_aWx:hover span{opacity:1; visibility:visible; transform:translateX(0);}
.rMenu_aWx span:after{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; top:50%; margin-top:-6px;}
.rMenu_aWx span img{ width:120px; height:120px;}
@media (max-width:767px){
.rMenu{display:none;}
}
.m2banner{ position:relative;}
.m2banner .bgImg{ height:556px;}
.m2banTxt{ text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; width:100%; padding:0 15px;}
.m2banTxt strong{ display:block; font-size:60px; font-weight:normal; letter-spacing:3px; padding-top:35px;}
.m2banTxt p{ font-size:16px; line-height:30px; letter-spacing:1px; margin-top:1.6vw; max-width:1000px; margin-left:auto; margin-right:auto}
@keyframes jump {
0% {
transform: translateY(0)
}
50% {
transform: translateY(20%)
}
to {
transform: translateY(0)
}
}
.m2ban_en{font-size: 28px;line-height: 80px; letter-spacing:2px;}
.click_down {
position: absolute;
z-index: 9;
width: 30px;
height: 30px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
left: 50%;
bottom: 40px;
transform: translateX(-50%);
}
.click_down img {
width: 18px;
animation: jump 1s infinite;
}
.click_down:after {
content: "";
display: block;
position: relative;
height: 36px;
border-left: 1px dashed #fff;
top: 17px;
left: 50%;
}
.m2menuWpr{ height:76px; line-height:76px; background:#F5F5F5; position:relative; text-align:center}
.m2menu_a{ padding: 0 60px; margin: 0 15px; font-size: 18px; letter-spacing: 1px; display:inline-block; position:relative; }
.m2menu_a:hover,.m2menu_a.on{ color:#2469f9}
.m2menu_a:after{content:""; height:3px; position:absolute; left:50%; width:0%; bottom:0; transition:all 0.5s ease-in-out;}
.m2menu_a:hover:after,.m2menu_a.on:after{ left:0; width:100%; background:#1C34BD; background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%)}
.m2abtCon1{ padding: 4.68vw 0px; text-align:center}
.m2abtCon1 h4{ font-size: 24px; font-weight: normal; letter-spacing: 1px; display: block; margin: 30px 0px 20px; }
.m2abt_c1des{ font-size: 16px; line-height: 30px }
.m2abtCon2{ background: url(../images/m2abt_bg1.jpg) no-repeat center center; padding: 5.83vw 0px 6.35vw; color: #FFF; text-align: center; }
.m2abt_c2t{ position: relative; z-index: 3; font-size: 40px; line-height: 50px; font-weight: normal; text-align: center; display: block; letter-spacing:1px;}
.m2abt_c2top{ height:275px; position:relative; margin-top:-50px;}
.m2abt_item{ height:275px; position:relative; }
.m2abt_c2bom{ height:125px; position:relative;}
.m2abt_c2bom:before{ content: ""; background: #FFF; height: 3px; width: 100%; position: absolute; left: 0px; top: 20px; }
.m2abt_item span{ display: block; color: rgba(255,255,255,0.2); font: bold 205px/205px din_b; position:absolute; left:0; width:100%; top:0 }
.m2abt_item p{ font-size: 24px; line-height: 36px; letter-spacing: 1px; text-align: center; padding: 95px 0px 26px; position: relative; }
.m2abt_item p:after{ content: ""; background: #FFF; height: 3px; width: 40px; margin-left: -20px; position: absolute; left: 50%; bottom: 0px; }
.m2abt_yr{ position: relative; z-index: 3; font-size: 20px; line-height: 74px; font-weight: 100; padding-top: 48px; }
.m2abt_yr i{ content: ""; background: #FFF; height: 13px; width: 13px; position: absolute; left: 50%; margin-left: -6px; top: 15px; border-radius:50%;}
.slick-current.m2abt_yr i{ width:21px; height:21px; top:10px; margin-left:-10px;}
.slick-current.m2abt_yr:before,.slick-current.m2abt_yr:after{content:""; width:31px; height:31px; border:1px solid #fff; border-radius:50%; top:5px; left:50%; margin-left:-15px; position:absolute; animation:csRandani 3s linear infinite;}
.slick-current.m2abt_yr:after{ animation-delay:1.5s;}
.maoLink{display:block; height:0; position:relative; top:-100px;}
#ChinaMap{margin-left:auto; margin-right:auto;}
.m2abtMpas .dsPc{position:relative; padding-top:50px;}
.m2abtMpas .dsPc:after{ content: ""; background: url(../images/map_sub.png) no-repeat; height: 184px; width: 142px; position: absolute; right: 0px; bottom: 0px; }
.m2abtMpas .dsPc:before{content:""; background: url(../images/map_flag.png) no-repeat; width:593px; height:27px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
@keyframes csRandani {
0% {
opacity: 0;
}
2% {
opacity: 1;
transform: scale(0.6);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
transform: scale(1.3);
}
}
.m2abt_c2bom .slick-prev{ background: url(../images/m2abt_ar.png) no-repeat center center; display: inline-block; height: 19px; width: 18px; position: absolute; left: -62px; top: 13px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.m2abt_c2bom .slick-next{ background: url(../images/m2abt_ar.png) no-repeat center center; display: inline-block; height: 19px; width: 18px; position: absolute; right: -62px; top: 13px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer ; transform:rotate(180deg);}
.m2abtCon3{ padding: 4.68vw 0px 5.2vw; }
.m2pubTobx{ text-align:center; max-width:1260px; margin:0 auto}
.m2pubTobx strong{ font-size: 40px; line-height: 50px; letter-spacing: 2px; display: block; font-weight: normal; }
.m2pubTobx p{ font-size: 16px; line-height: 30px; letter-spacing: 1px; margin-top: 24px; }
.m2abt_c2ul{ margin:2vw -25px 0;display: flex; justify-content: space-between; flex-wrap:wrap;}
.m2abt_c2ul li{ width:33.33%; float:left; padding:55px 25px 0}
.m2abt_c2imgs{ position:relative; transition:all 0.5s ease-in-out;}
.m2abt_c2ul li p{ transition:all 0.5s ease-in-out;}
.m2abt_c2ul li:hover .m2abt_c2imgs,.m2abt_c2ul li:hover p{transform:translateY(-15px);}
.m2abt_c2imgs img{ position:absolute; left:0; top:0; border:1px solid #C9C9C9;}
.m2abt_c2imgs img:nth-child(1){ position:relative; z-index:6;}
.m2abt_c2imgs img:nth-child(2){ left:16px; top:-8px; opacity:0.6;}
.m2abt_c2imgs img:nth-child(3){ left:32px; top:-16px; opacity:0.5;}
.m2abt_c2imgs img:nth-child(4){ left:48px; top:-24px; opacity:0.4;}
.m2abt_c2imgs img:nth-child(5){ left:60px; top:-32px; opacity:0.3;}
.m2abt_c2imgs img:nth-child(6){ left:72px; top:-40px; opacity:0.2;}
.m2abt_c2ul li p{ font-size: 16px; line-height: 28px; margin-top: 10px; text-align:center; max-width:270px;}
.m2abtCon4{ padding: 4.68vw 0px 5.2vw; background:#F5F5F5}
.m2abtMpas{ margin-top:2.6vw; position:relative; text-align:center}
.m2abtMpas:before{ content: ""; background: url(../images/m2abt_map_quan.png) no-repeat center center; height: 891px; width: 891px; position: absolute; left: 50%; top: 50%; animation:radiusRotate 20s linear infinite;}
.m2abtMpas img{ position:relative; z-index:2;}
.m2abtCon5{ padding: 4.68vw 0px 5.2vw; background: url(../images/m2abt_lineBg.png) no-repeat center -360px}
.m2abtCon5 .container{max-width:1200px;}
.m2abt_c5slick{ margin-top:2.6vw}
.m2abt_c5item{ overflow:hidden;}
.m2abt_c5item img{ float:left; width:638px;}
.m2abt_c5item ul{ float:right; width:478px; margin-top:38px; max-height:352px; overflow-y:auto;}
.m2abt_c5item ul li{ position: relative; line-height: 44px; height: 44px; padding-left: 18px; font-size: 16px; overflow:hidden }
.m2abt_c5item ul li:before{content:""; width:4px; height:4px; background:#363636; border-radius:50%; top:20px; left:0; position:absolute}
.m2abt_c5slick .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -88px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.m2abt_c5slick .slick-next{background: url(../images/m2abt_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -88px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;}
@media (max-width:1799px){
.m2banner .bgImg{height:425px;}
.m2banTxt strong{ font-size:44px; padding-top:25px;}
.m2menu_a{ padding: 0 40px; font-size: 16px;}
.m2menuWpr{line-height:70px; height:70px;}
.m2abtCon1 img{height:120px; width:auto;}
.m2abtCon1 h4{font-size:22px;}
.m2abt_c1des{font-size:15px;}
.m2abt_c2t{font-size:30px; line-height:42px;}
.m2abt_item p{font-size:21px;}
.m2pubTobx strong{font-size:30px; line-height:40px;}
.m2pubTobx p{font-size:15px; line-height:28px;}
.m2abt_c5item img{width:588px; height:auto;}
.maoLink{top:-80px;}
.m2abtMpas .dsPc:after{ transform:scale(0.9)}
.m2ban_en{font-size:22px; line-height:70px;}
}
@media (max-width:1379px){
.m2banner .bgImg{height:385px;}
.m2banTxt strong{ font-size:38px; padding-top:15px;}
}
@media (max-width:1199px){
.m2menu_a{padding:0 15px;}
.m2abt_c2bom{margin-left:70px; margin-right:70px;}
.m2abtMpas:before{height: 660px; width: 660px; background-size:cover;}
.m2abt_c5item img{width:480px;}
.m2abt_c5item ul{width:420px;}
.m2abt_c5item ul li{font-size:14px; line-height:36px; height:36px;}
.m2abt_c5slick{padding-bottom:35px;}
.m2abt_c5slick .slick-dots{bottom:0;}
.m2abt_c5slick .slick-dots li button{display:none;}
.m2abt_c5slick .slick-dots li { background: #ccc; display: inline-block; height: 9px; width: 9px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2abt_c5slick .slick-dots li.slick-active{ background: #2469f9; }
.m2abtMpas .dsPc:after{ transform:scale(0.7)}
}
@media (max-width:993px){
.m2menu_a{margin:0 15px; padding:0;}
.m2abtMpas:before{height: 500px; width: 500px;}
.m2abt_c5item img{display:block; margin:0 auto; float:none;}
.m2abt_c5item ul{width:100%; float:none;}
.maoLink{top:-56px;}
}
@media (max-width:767px){
.m2banTxt strong{font-size:30px; line-height:38px;}
.m2banner .bgImg{height:235px;}
.m2banTxt strong{padding-top:35px;}
.m2menuWpr{height:auto; overflow:hidden; line-height:46px; text-align:center; padding-top:10px; padding-bottom:5px;}
.m2menu_a{margin-bottom:5px; margin-left:10px; margin-right:10px; letter-spacing:0}
.m2menu_a:after{height:2px;}
.m2abtCon1{padding:50px 0;}
.m2abtCon1 img{height:90px;}
.m2abtCon1 h4{font-size:18px; line-height:32px; margin:20px 0 12px;}
.m2abt_c1des{font-size:14px; line-height:28px;}
.m2abtCon2{padding:50px 0;}
.m2abt_c2t{font-size:26px; line-height:36px;}
.m2abt_item span{font-size:120px; line-height:120x;}
.m2abt_item p{font-size:16px; line-height:30px; letter-spacing:0px}
.m2abt_c2top{height:auto; margin-bottom:35px;}
.m2abt_item{height:auto;}
.m2abt_yr{font-size:19px; line-height:44px;}
.m2abtCon3{padding:50px 0;}
.m2pubTobx p{font-size:14px; line-height:26px; margin-top:10px;}
.m2abt_c2ul li{width:100%; margin-bottom:15px;}
.m2pubTobx strong{font-size:26px; line-height:36px;}
.m2abtCon4{padding:50px 0 70px;}
.m2abtMpas:before{height: 300px; width: 300px;}
.m2abtCon5{padding:50px 0;}
.m2abt_c5item ul{margin-top:25px;}
.m2abt_c5item ul li:before{top:16px;}
.m2banTxt p{font-size:15px; line-height:26px; margin-top:12px;}
.m2lxBanner .bgImg{ height:355px!important;}
.click_down{display:none;}
.m2lxBan_btn{width:28px; height:28px; background-size:cover; margin-top:15px;}
.m2banVideo{display:none;}
}
.m2banner2 .bgImg{ height:44.37vw}
.m2banner2 .bgImg:after{content:"";background: url(../images/m2pro_banLine.png) repeat-x left top;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;}
.m2csCon1{ padding: 4.68vw 0px 6.25vw; }
.m2cs_put{ line-height: 40px; font-size: 30px; letter-spacing: 1px; display: block; text-align:center}
.m2csc1ul{display: flex; justify-content: space-around; margin-top:1.5vw;}
.m2csc1ul li{ width:100%; padding:0 1.8vw; text-align:center; transition:all 0.5s ease-in-out;}
.m2csc1ul strong{ font-size: 24px; line-height: 46px; font-weight: normal; letter-spacing: 1px; display: block; margin: 6px 0px 12px; }
.m2csc1ul p{ font-size: 16px; line-height: 26px; color: #888888; }
.m2cs_icon{ display:inline-block; transition:all 0.5s ease-in-out;}
.m2csc1ul li:hover .m2cs_icon{transform:rotateY(180deg);}
.m2csc1ul li:hover{transform:translateY(-15px);}
.m2csCon2{ background: #F5F5F5; padding: 5.2vw 0px 1.5vw; }
.m2csc2ul{ margin-top:2.2vw;display: flex; justify-content: space-between; flex-wrap:wrap;}
.m2csc2ul li{ width: 50%; padding: 30px 58px 35px 120px; margin-bottom:3.12vw; position:relative; }
.m2csc2ul li:before{content:""; background: url(../images/m2cs_tbg.png) no-repeat left center; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0; background-size:cover;}
.m2csc2ul li:hover:before{ opacity:1;}
.m2csc2txt{ position:relative;}
.m2csc2txt span{ display: inline-block; height: 60px; width: 60px; position: absolute; left: -80px; top: 3px; }
.m2csc2txt strong{ font-size: 24px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 46px; }
.m2csc2txt p{ font-size: 16px; line-height: 26px; color: #888888;}
.m2csCon3{ padding: 4.68vw 0px 5.2vw; position: relative;}
.m2csc3Swiper{ margin-top:2.2vw; position:relative}
.m2csc3_item{}
.m2csc3_item strong{ font-size: 24px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 42px; margin: 25px 0px 10px; height: 42px; overflow: hidden; }
.m2csc3_item p{ font-size: 16px; line-height: 26px; color: #888888; }
.m2csc3Swiper .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -68px; top: 150px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.m2csc3Swiper .slick-next{background: url(../images/m2abt_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -68px; top: 150px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;}
@media (max-width:1799px){
.m2banner2 .bgImg{height:38.5vw;}
.m2csc1ul strong{font-size:21px; line-height:38px}
.m2csc1ul p{font-size:14px;}
.m2csc2txt strong{font-size:21px;}
.m2csc2txt p{font-size:14px;}
.m2csc2ul li{margin-bottom:1.8vw;}
.m2csc3_item strong{font-size:21px;}
.m2csc3_item p{font-size:15px;}
}
@media (max-width:1399px){
.m2csc3Swiper .slick-prev,.m2csc3Swiper .slick-next{top:130px;}
}
@media (max-width:1199px){
.m2csc3Swiper{margin-left:70px; margin-right:70px;}
}
@media (max-width:993px){
.m2banner2 .bgImg{height:400px;}
.m2csc1ul li{width:calc(50% - 30px);}
.m2csc2ul li{width:100%;}
}
@media (max-width:767px){
.m2csCon1{padding:50px 0;}
.m2cs_put{font-size:26px; line-height:30px;}
.m2csc1ul{ flex-wrap:wrap;}
.m2csc1ul li{width:100%;}
.m2cs_icon{width:100px; height:100px;}
.m2csc1ul strong{font-size:18px; line-height:32px; margin-bottom:6px;}
.m2csCon2{padding:50px 0;}
.m2csc2ul li{padding:20px 10px 5px 70px;}
.m2csc2txt span{top:-9px; left:-69px;}
.m2csCon3{padding:50px 0;}
.m2csc3Swiper{margin-left:0px; margin-right:0px; margin-top:25px; padding-bottom:35px;}
.m2csc3Swiper .slick-dots{bottom:0;}
.m2csc3Swiper .slick-dots li button{display:none;}
.m2csc3Swiper .slick-dots li { background: #ccc; display: inline-block; height: 9px; width: 9px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2csc3Swiper .slick-dots li.slick-active{ background: #2469f9; }
.m2csc3_item strong{font-size:16px; font-weight:bold; line-height:32px; height:32px; margin:18px 0 5px;}
.m2csc3_item p{font-size:14px; line-height:26px;}
}
.m2jnCon1{ padding: 6.25vw 0px 5.2vw; }
.m2jn_c1ul{ margin: 3.12vw -11px 0px; overflow:hidden }
.m2jn_c1ul li{ width:33.33%; float:left; padding:0 11px;}
.m2jn_c1ul li .overflowHide{ height:262px;}
.m2jnCon2{ background:#f5f5f5; padding-top:5.2vw; padding-bottom:6.25vw}
.m2jnc2x1{ color: #FFF; padding: 5.72vw; background: url(../images/m2jn_imgBg.jpg) no-repeat center center; background-size: cover; margin-top: 2.2vw; font-size: 18px; line-height: 34px; letter-spacing: 1px; margin-bottom:3.64vw; }
.m2jnc2x1 strong{ font-size: 30px; line-height: 50px; font-weight: normal; letter-spacing: 1px; display: block; margin-bottom:24px; }
.m2jn_mx{ margin-top:42px; font-size:16px;}
.m2jn_mx a,.m2jn_mx a:hover{ color:#fff; background:#385CD4; background-image: linear-gradient(148deg, #1C34BD 10%,#58D8FD 100%); width:150px; height:38px; line-height:38px; border-radius:1.8em; display:inline-block; text-align:center}
.m2jn_mx a:hover{transform:translateY(-8px); box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.m2jnc2_u2{ margin-top: 2.2vw; overflow:hidden}
.m2jnc2_u2 li{ padding:0 1px 1px 0; width:20%; float:left;}
.m2jnc2_u2 li .overflowHide{ height:189px;}
.m2jnc2_u2 li .overflowHide:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0}
.m2jnc2_u2 li p{ font-size:24px; position:absolute; left:0; width:100%; padding:0 15px; line-height:32px; top:50%; transform:translateY(-50%); color:#fff; text-align:center; z-index:2;}
.m2jnCon3{ padding-top:5.2vw;}
.m2jnzws{ margin-top:2.2vw;}
.m2jnzws li{ padding: 22px 0px 12px; overflow:hidden; border-bottom:1px solid #CDCDCD;}
.m2jnzws li:last-child{border-bottom:none;}
.m2jnzws li strong{ float:left; line-height:32px; font-size:20px; font-weight:normal}
.m2jnzws li strong img{ float:left; margin-right:5px;}
.m2jn_zitem{ margin-left:136px;}
.m2jnzw_a{ line-height:32px; height:32px; display:inline-block; padding:0 12px; margin:0 3px; white-space:nowrap; margin-bottom:10px; border-radius:0.3em; font-size:20px;}
.m2jnzw_a.on{ background:#000; color:#fff;}
.m2jn_th{ line-height:70px; height:70px; background:#F5F5F5; font-size:18px;}
.m2jn_w1{ width:35%; height:70px; overflow:hidden; float:left; padding-left:50px; padding-right:20px;}
.m2jn_w2{ width:20.5%; height:70px; overflow:hidden; float:left;}
.m2jnCon4{ padding-bottom:6.25vw; padding-top:15px;}
.m2jnCon4 dl{ border-bottom:1px solid #eee;}
.m2jnCon4 dl dt{ height:70px; line-height:70px; position:relative; font-size:17px; cursor:pointer}
.m2jnCon4 dl dt:after{ content: ""; background: url(../images/m2lx_ar.png) no-repeat center center; display: inline-block; height: 11px; width: 18px; position: absolute; top: 50%; right: 50px; margin-top: -5px; transition:all 0.5s ease-in-out; transform:rotate(90deg);}
.m2jnCon4 dl.on dt:after{ transform:rotate(0deg);}
.m2jnCon4 dl dd{ font-size:16px; line-height:30px; color:#888; padding:20px 50px 30px; border-top:1px solid #eee; display:none;}
.m2jnCon4 dl dd h5{ display:block; font-weight:normal; font-size:16px;}
.m2jnCon4 dl dd strong{ display:block; margin-top:24px;}
.m2jnCon4 dl dd a{ display:inline-block; white-space:nowrap; margin-top:20px; padding:0 36px; background:#000000; color:#fff; border-radius:1.8em;}
.m2jnCon4 dl dd a:hover{ color:#fff; transform:translateY(-5px); box-shadow:0 3px 8px rgba(0,0,0,0.1);}
@media (max-width:1799px){
.m2jn_c1ul li .overflowHide{height:220px;}
.m2jnc2x1 strong{font-size:26px; line-height:44px;}
.m2jnc2x1{font-size:16px; line-height:32px;}
.m2jnc2_u2 li p{font-size:21px;}
.m2jnc2_u2 li .overflowHide{height:160px;}
.m2jnzws li strong{font-size:16px;}
.m2jn_zitem{margin-left:116px;}
.m2jnzw_a{font-size:16px;}
.m2jn_w1{padding-left:30px;}
.m2jn_th{font-size:17px; line-height:62px; height:62px;}
.m2jnCon4 dl dt{font-size:16px; line-height:62px; height:62px;}
.m2jn_w1{ height:62px;}
.m2jn_w2{ height:62px;}
.m2jnCon4 dl dd{font-size:15px; line-height:28px; padding-left:30px; padding-right:30px;}
}
@media (max-width:767px){
.m2jnCon1{padding:40px 0 50px;}
.m2jn_c1ul{margin-top:25px;}
.m2jn_c1ul li{width:100%; margin-bottom:10px}
.m2jnCon2{padding:40px 0 60px;}
.m2jnc2x1{margin-top:20px; padding:35px 20px 45px; margin-bottom:35px; font-size:15px; line-height:28px;}
.m2jnc2x1 strong{font-size:21px; line-height:36px;}
.m2jnc2_u2{margin-top:25px;}
.m2jnc2_u2 li{width:50%;}
.m2jnc2_u2 li p{font-size:18px;}
.m2jnCon3{padding-top:50px;}
.m2jnzws li strong{width:100%; display:block; float:none}
.m2jn_zitem{margin-left:0; margin-top:15px;}
.m2jnzw_a{font-size:15px;}
.m2jn_w2{display:none;}
.m2jn_w1{width:100%; padding-left:15px;}
.m2jnCon4 dl dt:after{right:15px;}
.m2jnCon4 dl dd{padding-left:15px; padding-right:15px; font-size:14px; line-height:26px;}
}
.m2lxCon1{padding: 5.2vw 0px 3.64vw; display: flex; justify-content: space-between; flex-wrap:wrap;}
.m2lxCon1 li{width:calc(25% - 26px); padding:19px 35px 20px; text-align:center; background:#F9F9F9; border:1px solid #CECECE; border-radius:0.6em; transition:all 0.5s ease-in-out; }
.m2lxCon1 li:hover{transform:translateY(-8px); box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.m2lx_icon{ display:block;}
.m2lxCon1 li strong{ font-size: 20px; line-height: 32px; margin-bottom: 5px; letter-spacing: 1px; display: block; }
.m2lxCon1 li p{ font-size: 16px; line-height: 30px; color: #888888; }
.m2lxMapWpr{ overflow:hidden; border-radius:0.6em; position:relative; z-index:0}
.m2lxFm{ background-size: cover; width: 349px; float: right; height: 479px; background: url(../images/m2lx_rbg.jpg) no-repeat center center; padding: 32px 45px 0px; background-size:cover; }
.m2lx_fmt{ font-size: 24px; line-height: 42px; color: #FFF; letter-spacing: 1px; display: block; margin-bottom: 10px; }
.m2lxFm ul{ margin-bottom:20px;}
.m2lxFm ul li{ margin-bottom:15px; min-height:40px; position:relative;}
.m2lxFm ul li img{ position:absolute; left:7px; top:10px;}
.m2lxFm ul li input{ width: 100%; line-height: 38px; height: 40px; background: #fff; border-radius: 0.3em; padding: 0 15px 0 36px; border: 1px solid #E8E8E8; font-size: 14px; color: #666; }
.m2lxFm ul li textarea{ padding: 5px 15px 5px 36px; height: 120px; width: 100%; border: 1px solid #e8e8e8; background: #fff; border-radius: 0.3em; font-size: 14px; line-height: 28px; color: #666; }
.m2lxFm ul li input:focus,.m2lxFm ul li textarea:focus{ border: 1px solid #2469f9; }
.m2lx_submit{ font-size: 16px; line-height: 44px; color: #2469f9; background: #FFF; text-align: center; display: block; border-radius: 0.3em; }
.m2lx_submit:hover{ color: #FFF; background: #2469f9; }
.m2lxBom{ margin-top:4.16vw; padding:4.16vw 0; background:#F4F5F6}
.m2lxbul{ overflow:hidden; margin-top:1.2vw;display: flex; justify-content: space-between; flex-wrap:wrap;}
.m2lxbul li{ width: 50%; position: relative; padding: 45px 40px; border-bottom: 1px solid #DFE0E0; font-size: 16px; line-height: 30px; color: #888888; }
.m2lxbul li:before{content:""; background:#3564FA; width:4px; height:64px; position:absolute; left:0; top:50%; margin-top:-32px;}
.m2lxbul li strong{ font-size: 24px; line-height: 30px; display: block; margin-bottom: 6px; font-weight: normal; color: #333; letter-spacing: 1px; }
.m2lxMap{width:calc(100% - 349px); height:479px; float:left;}
.amap-info-content{background:none;}
.bottom-center .amap-info-sharp{display:none;}
.amap-info-outer, .amap-menu-outer{box-shadow:none!important;}
.amap-info-close{right:40px!important; top:28px!important}
@media (max-width:1799px){
.m2lxCon1 li strong{font-size:16px;}
.m2lxCon1 li p{font-size:15px; line-height:28px;}
.m2lxbul li strong{font-size:21px;}
.m2lxbul li{font-size:15px;}
}
@media (max-width:993px){
.m2lxCon1 li{width:calc(50% - 15px); margin-bottom:30px;}
.m2lxCon1{padding-top:70px;}
.m2lxbul li{width:100%;}
}
@media (max-width:767px){
.m2lxCon1 li{width:100%; margin-bottom:20px;}
.m2lxCon1{padding-top:60px; padding-bottom:36px;}
.m2lxMap{width:100%; float:none; height:400px;}
.m2lxFm{width:100%; float:none; padding-left:20px; padding-right:20px;}
.m2lx_fmt{font-size:22px;}
.m2lxBom{margin-top:60px; padding-top:50px;}
.m2lxbul li strong{font-size:19px;}
.m2lxbul li{padding:25px 20px; font-size:14px; line-height:26px;}
.m2lxbul li{ border-bottom: 1px solid #DFE0E0!important;}
.m2lxbul li:last-child{border:none!important;}
.m2lxBom{padding-bottom:35px;}
}
.m2nTop{ display:block; margin-top:4.42vw; overflow:hidden; margin-bottom:10px; background:#F0F0F0;}
.m2nTop .overflowHide{ width:666px; height:434px; float:left}
.m2nTrx{ margin: 0px 60px 0px 722px; padding-top: 58px; }
.m2nTrx strong{ display: block; font-size: 30px; line-height: 42px; font-weight: normal; letter-spacing: 2px; height: 42px; }
.m2nTtm{ font-size: 18px; line-height: 30px; color: #2469f9; display: block; margin: 10px 0px 0px; }
.m2nTrx p{ font-size: 16px; line-height: 28px; color: #888888; height: 112px; overflow: hidden; margin: 26px 0px 40px; }
.m2nTrx span{ font-size: 16px; color: #888; line-height: 30px; background: url(../images/m2cs_ar.png) no-repeat right center; display: inline-block; padding-right: 26px; }
.m2nlist{ margin-bottom:40px;}
.m2nlist li{ padding: 45px 0px; border-bottom: 1px solid #C4C5C4; }
.m2n_aBox{ display:block; overflow:hidden;}
.m2n_aBox .overflowHide{ width:377px; height:244px; float:left;}
.m2n_srx{ margin-left:422px; padding-top:13px;}
.m2n_srx strong{ font-size: 26px; line-height: 40px; font-weight: normal; display: block; height:40px; overflow:hidden;}
.m2n_stm{ font-size: 18px; line-height: 30px; color: #888; display: block; margin: 0px 0px 22px; }
.m2n_srx p{ font-size: 16px; line-height: 28px; height:56px; overflow:hidden; color: #888888;}
.m2n_srx span{ font-size: 16px; color: #888; line-height: 30px; background: url(../images/m2cs_ar.png) no-repeat right center; display: inline-block; padding-right: 26px; margin-top:20px;}
.page{ padding-bottom:5.2vw; text-align:center;}
.page_a{ line-height:40px; height:42px; min-width:42px; border:1px solid #eee; text-align:center; padding:0 15px; margin:0 6px; display:inline-block; font-size:16px;}
.page_a:hover,.page_a.on{ color: #FFF; background: #2469f9; border: 1px solid #2469f9; }
.page a,.page span{vertical-align:middle;}
@media (max-width:1799px){
.m2nTop .overflowHide{ width:606px; height:385px;}
.m2nTrx{ margin: 0px 35px 0px 646px; padding-top: 45px; }
.m2nTrx strong{ font-size: 26px; line-height: 38px; height: 38px; }
.m2nTtm{ font-size: 15px;}
.m2nTrx p{ font-size: 15px; margin: 22px 0px 30px; }
.m2nTrx span{ font-size: 15px; }
.m2nlist li{ padding: 35px 0px; }
.m2n_aBox .overflowHide{ width:350px; height:240px;}
.m2n_srx{ margin-left:380px; padding-top:12px;}
.m2n_srx strong{ font-size: 21px; line-height: 36px; height:36px;}
.m2n_stm{ font-size: 15px; margin: 5px 0px 20px; }
.m2n_srx p{ font-size: 15px;}
.m2n_srx span{ font-size: 15px;}
}
@media (max-width:1199px){
.m2nTop .overflowHide{width:525px;}
.m2nTrx{margin-left:555px;}
}
@media (max-width:993px){
.m2nTop .overflowHide{width:100%; float:none; height:445px;}
.m2nTrx{margin-left:0; margin-right:0; padding:35px 25px;}
.m2n_aBox .overflowHide{width:300px;}
.m2n_srx{margin-left:332px;}
.page{padding-bottom:9vw;}
.m2nTop{margin-top:50px;}
}
@media (max-width:767px){
.m2nTop .overflowHide{height:205px;}
.m2nTrx{padding:25px 15px;}
.m2nTrx strong{font-size:18px; line-height:32px; height:32px; letter-spacing:1px;}
.m2nTtm{margin-top:5px;}
.m2nTrx p{font-size:14px; line-height:26px; height:auto; margin:12px 0px 17px}
.m2n_aBox .overflowHide{width:100%; float:none; height:215px;}
.m2n_srx{margin-left:0; margin-top:8px;}
.m2n_srx strong{font-size:17px;}
.m2n_stm{margin:2px 0px 10px;}
.m2n_srx p{font-size:14px; line-height:26px; height:auto;}
.page{ padding-bottom:60px; margin-left:-8px; margin-right:-8px;}
.page_a{ line-height:30px; height:32px; min-width:32px; padding:0 10px; margin:0 4px 8px; font-size:14px;}
.m2nlist li{padding:25px 0;}
.m2nlist{margin-bottom:25px;}
}
.m3nt{ line-height: 36px; text-align: center; padding-top: 4.16vw; letter-spacing: 1px; font-size: 26px; }
.m3ninfo{ font-size: 18px; line-height: 32px; color: #888; text-align: center; margin: 24px 0px 50px; font-family: "微软雅黑"; }
.m3ninfo span{ display:inline-block; white-space:nowrap; margin:0 17px;}
.m3ninfo *{vertical-align:middle;}
.m3n_sha1{ display: inline-block; background: url(../images/m3n_si1.png) no-repeat center center; height: 32px; width: 32px; margin: 0px 1px; }
.m3n_sha2{ display: inline-block; background: url(../images/m3n_si2.png) no-repeat center center; height: 32px; width: 32px; margin: 0px 1px; }
.m3n_sha3{ display: inline-block; background: url(../images/m3n_si3.png) no-repeat center center; height: 32px; width: 32px; margin: 0px 1px; }
.m3n_sha4{ display: inline-block; background: url(../images/m3n_si4.png) no-repeat center center; height: 32px; width: 32px; margin: 0px 1px; }
.m3nContent{ font-size: 16px; line-height: 28px; color: #888888; padding: 48px 0px; border-top: 1px solid #C4C5C4; }
.m3n_cbt{ font-size: 24px; line-height: 36px; font-weight: normal; color: #2469f9; display: block; }
.m3page{ border-top: 1px solid #C4C5C4; overflow:hidden; padding-top:35px; padding-bottom:4.2vw}
.m3page li{ width:48%; float:left; color:#888; font-size: 16px; line-height: 28px; color: #888888; }
.m3page li:nth-child(2){ float:right; text-align:right;}
@media (max-width:1799px){
.m3n_cbt{ font-size: 21px; line-height: 34px;}
}
@media (max-width:993px){
.m3nt{margin-top:30px;}
}
@media (max-width:767px){
.m3nt{font-size:20px; line-height:32px;}
.m3ninfo{font-size:14px; margin-top:8px; margin-bottom:20px;}
.m3ninfo span{margin:0 5px;}
.m3nContent{padding-top:20px; font-size:15px; padding-bottom:30px;}
.m3n_cbt{font-size:18px;}
.m3page{padding-top:15px; padding-bottom:25px;}
.m3page li{font-size:14px; width:100%; text-align:left!important;}
}
/*2021-06-30 CSS*/
.m2proBanner { position:relative;}
.m2proBanner .bgImg{ height:852px;}
.m2proBanner .bgImg:after{ content: ""; background: url(../images/m2pro_banLine.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2proBanTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; letter-spacing:1px;}
.m2proBanTxt strong{ display: block; font-size: 60px; line-height: 80px; font-weight: normal; }
.m2proBanTxt p{ font-size: 18px; line-height: 30px; margin-top: 30px; max-width:750px;}
.m2proCon1{ padding: 4.06vw 0px 3.12vw; }
.m2pro_t{ line-height: 50px; font-size: 30px; letter-spacing: 2px; text-align: center; display: block; font-weight: bold; }
.m2prou1{display: flex;/* justify-content: space-between;*/ flex-wrap:wrap; margin-top:3.64vw;}
.m2prou1 li{ padding: 0px 3vw; width: 33.33%; margin-bottom:4.16vw }
.m2pro_aBox1{ display:block; text-align:center;}
.m2pro_icon1{ display:inline-block; width:150px; transition:all 0.5s ease-in-out;}
.m2pro_aBox1 strong{ font-size: 24px; line-height: 38px; font-weight: normal; display: block; margin: 20px 0px 14px; letter-spacing:1px; }
.m2pro_aBox1 p{ font-size: 16px; line-height: 26px; color: #888888; }
.m2pro_aBox1:hover{ transform:translateY(-18px);}
.m2pro_aBox1:hover .m2pro_icon1{transform:rotateY(180deg);}
.m2proCon2{ background: #f5f5f5; padding: 3.9vw 0px 4.68vw; }
.m2pro_ul2{ margin-top: 2.08vw;display: flex;/* justify-content: space-between; */ flex-wrap:wrap; }
.m2pro_ul2 li{width: 50%; position:relative; }
.m2pro_ul2 li:before{ content: ""; background: url(../images/m2pro_bg.png) no-repeat left center; border-radius:0.4em; position:absolute; left:0; top:0; bottom:0;width:0%; }
.m2pro_ul2 li:hover:before{ width:100%; transition:all 0.5s ease-in-out;}
.m2pro_aBox2{ display: block; padding: 40px 56px 50px 132px; position: relative; min-height:178px; }
.m2pro_c2ico{ display: inline-block; height: 80px; width: 80px; position: absolute; left: 32px; top: 48px; transition:all 0.5s ease-in-out;}
.m2pro_aBox2:hover .m2pro_c2ico{transform:rotateY(180deg);}
.m2pro_aBox2 strong{ font-size: 24px; line-height: 50px; letter-spacing: 1px; display: block; font-weight: normal; }
.m2pro_aBox2 p{ font-size: 16px; line-height: 26px; color: #888888; }
.m2proCon3{ padding: 4.06vw 0px 4.94vw; }
.m2proc3Swiper{ margin: 2.34vw -17px 0px; }
.m2proc3Item{ padding: 0px 17px; }
.m2pro_c3a{ display:block;}
.m2pro_c3a .overflowHide{ height:240px;}
.m2pro_c3a strong{ font-size: 24px; line-height: 38px; font-weight: normal; display: block; margin-top: 25px; text-align:center}
.m2proc3Swiper .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -60px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.m2proc3Swiper .slick-next{background: url(../images/m2abt_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -60px; top: 50%; margin-top:-25px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:}
@media (max-width:1799px){
.m2proBanner .bgImg{ height:600px;}
.m2proBanTxt strong{font-size: 44px; line-height: 60px; }
.m2proBanTxt p{ font-size: 16px; margin-top: 20px;}
.m2prou1{margin-top:3vw;}
.m2prou1 li{ padding: 0px 2vw; margin-bottom:3.16vw }
.m2pro_icon1{ width:120px;}
.m2pro_aBox1 strong{ font-size: 21px; line-height: 30px; margin: 16px 0px 10px; }
.m2pro_aBox1 p{ font-size: 15px;}
.m2pro_t{ line-height: 46px; }
.m2pro_aBox2{ padding: 30px 46px 40px 120px; min-height:158px; }
.m2pro_c2ico{ height: 70px; width: 70px; left: 25px; top: 34px;}
.m2pro_aBox2 strong{ font-size: 21px; line-height: 46px; }
.m2pro_aBox2 p{ font-size: 15px;}
.m2pro_ul2{ margin-top: 1.88vw; }
.m2proc3Swiper{ margin: 2vw -12px 0px; }
.m2proc3Item{ padding: 0px 12px; }
.m2pro_c3a .overflowHide{ height:190px;}
.m2pro_c3a strong{ font-size: 17px; line-height: 36px; margin-top: 22px;}
.m2proc3Swiper .slick-prev{left:-65px;}
.m2proc3Swiper .slick-next{right:-65px;}
}
@media (max-width:1379px){
.m2proBanner .bgImg{ height:500px;}
.m2proBanTxt{padding-top:30px;}
}
@media (max-width:1199px){
.m2proc3Swiper{padding-bottom:35px;}
.m2proc3Swiper .slick-dots{bottom:0;}
.m2proc3Swiper .slick-dots li button{display:none;}
.m2proc3Swiper .slick-dots li { background: #ccc; display: inline-block; height: 9px; width: 9px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2proc3Swiper .slick-dots li.slick-active{ background: #2469f9; }
}
@media (max-width:993px){
.m2prou1 li{width:100%;}
.m2pro_ul2 li{width:100%;}
}
@media (max-width:767px){
.m2proBanner .bgImg{ height:235px;}
.m2proBanTxt strong{font-size: 28px; line-height: 36px; text-align:center }
.m2proBanTxt p{ font-size: 12px; line-height:22px; margin-top: 15px; display:none}
.m2proBanTxt{padding-top:50px;}
.m2proCon1{padding:40px 0 30px;}
.m2pro_t{font-size:26px; line-height:36px; font-weight:normal}
.m2prou1{margin-top:30px;}
.m2pro_icon1{ width:100px;}
.m2pro_aBox1 strong{ font-size: 18px; }
.m2pro_aBox1 p{ font-size: 14px;}
.m2prou1 li{margin-bottom:35px;}
.m2proCon2{padding:40px 0 30px;}
.m2pro_aBox2{ padding: 20px 15px 20px 85px; }
.m2pro_c2ico{ height: 50px; width: 50px; left: 15px; top: 24px;}
.m2pro_aBox2 strong{ font-size: 18px; line-height: 40px; }
.m2pro_aBox2 p{ font-size: 14px;}
.m2proCon3{padding:40px 0 50px;}
.m2proc3Swiper{margin-top:25px;}
}
.m2proLayerBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:900;}
.m2proLayer{ width:1100px; max-width:100%; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:910; background:#fff; border-radius:0.5em; padding:25px 20px 40px 25px}
.m2pro_close{ width: 44px; height: 44px; position: absolute; right: -18px; top: -18px; border-radius: 50%; background: #fff url(../images/close-2.png) no-repeat center center; cursor: pointer }
.m2pro_close:before{content:"";}
.m2pro_close:after{content:"";}
.m2proContent{ max-height:calc(92vh - 60px); overflow-y:auto; padding-right:5px}
.m2proLayer_img{}
.m2pro_layer_t{ font-size: 24px; line-height: 38px; display: block; margin: 25px 0px 10px; }
.m2pro_layer_des{ font-size: 16px; line-height: 26px; color: #888888; }
@media (max-width:1799px){
.m2proLayer{ width:1000px;}
.m2pro_layer_t{ font-size: 21px; line-height: 32px; margin: 20px 0px 6px; }
.m2pro_layer_des{ font-size: 15px; line-height: 25px; }
}
@media (max-width:1199px){
.m2proLayer{ width:900px;}
}
@media (max-width:993px){
.m2proLayer{width:auto; left:25px; right:25px; transform:translateY(-50%);}
}
@media (max-width:767px){
.m2proLayer{left:15px; right:15px; padding:18px 10px 30px 15px}
.m2pro_layer_des{ font-size: 14px; line-height: 24px; }
.m2pro_layer_t{ font-size: 18px; line-height:26px; margin: 18px 0px 4px; }
.m2pro_close{ width: 32px; height: 32px; right: -12px; top: -12px; background-size:12px auto;}
}
.m2banVideo{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.m2banVideo video{width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2banVideo:after{content:""; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; right:0; bottom:0;}
.m2lxBanner .bgImg{height:100vh;}
.m2lxBan_btn{ width:56px; height:56px; display:block; margin:30px auto 0; background: url(../images/play.png) no-repeat center center; background-size:cover;}
.m2videoBan .m2banTxt{ top:auto; bottom:60px; transform:translate(-50%,0)}
.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}
.m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:65;}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
.m2videoBan .m2banTxt{display:none;}
}