.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;/*-webkit-transform:scale(1.12); transform:scale(1.12);*/}
.on .hmFocus_img{ visibility: visible;/* -webkit-animation: scaleBg 5.5s infinite; animation: scaleBg 5.5s 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}
.hmFocus_txt strong{ font-size: 4.68vw; line-height: 5.72vw; display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 0.8vw; } 
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size:2.85vw; line-height: 4.6vw; max-width: 950px; letter-spacing:0.2vw; font-weight:600; max-width:40.45vw }
.on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.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:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFocus_dot{ position:absolute; left:0%; transform:translateX(0%); width:100%; text-align:center; z-index:3; bottom:2.72vw; display:none;}
.hmFocus_dot:before{content:""; height:1px; background:rgba(255,255,255,0.1); width:100%; position:absolute; left:0; top:16px;}
.hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 18px; transform:scale(0.8)}
.hmFocus_dot span:before{content:""; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:10px; top:10px;}
.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}
/*.hmFocusWpr .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; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg); opacity:0.5; }
.hmFocusWpr .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; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; opacity:0.5;}
.hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;}*/
.hmFsFunWpr{ width:1600px; position:absolute; left:50%; transform:translateX(-50%); bottom:5.2vw;}
.hmFsFun{ width:182px; height:12px; position:relative; text-align:center;}
.hmFsFun *{vertical-align:middle;}
.hmFsFun .prev{ background: url(banner_ar2.png) no-repeat center center; height: 12px; width: 17px; position: absolute; left: 0px; top: 0px; cursor:pointer;}
.hmFsFun .next{ background: url(banner_ar2.png) no-repeat center center; height: 12px; width: 17px; position: absolute; right: 0px; top: 0px; cursor:pointer; transform:rotate(180deg);}
.hmFsFun i{ display: inline-block; height: 7px; width: 7px; margin:0px 8px; border-radius:50%; background:rgba(255,255,255,0.3); cursor:pointer; transform:translateY(-4px);}
.hmFsFun i.on{ background:rgba(255,255,255,1);}
.hmFocus_dot span.on:before{ background:#fff}
.hmFocus_dot span.on:after{opacity:1;}
@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 5s linear forwards}
@media (max-width:1799px){
.hmFocusWpr .slick-prev{width:42px; height:42px; background-size:8px auto;}
.hmFocusWpr .slick-next{width:42px; height:42px; background-size:8px auto;}
.hmFocus_dot{bottom:3vw;}
.hmFsFunWpr{ width:1140px; bottom:4.2vw;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmFsFunWpr{width:940px;}
}
@media (max-width:993px){
.hmFocusWpr,.hmFocus_item{height:500px;}
.wrapper{padding-top:56px;}
.hmFocusWpr .slick-prev{left:25px;}
.hmFocusWpr .slick-next{right:25px;}
.hmFsFunWpr{width:720px;bottom:50px;}
.hmFsFun{margin:0 auto;}
.hmFocus_txt strong{font-size:38px; line-height:52px;}
.hmFocus_txt p{margin-top:20px; font-size:24px; line-height:38px;}
}
@media (max-width:767px){
.hmFocusWpr,.hmFocus_item{height:300px;}
.hmFsFun .prev,.hmFsFun .next{display:none!important;}
.hmFsFunWpr{bottom:30px;}
.hmFocus_txt strong{font-size:26px; line-height:36px;}
.hmFocus_txt p{font-size:16px; line-height:26px; margin-top:12px; max-width:50%}
}


.page { text-align: center; margin-bottom:2.6vw }
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 46px; min-width: 46px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #CCD7E2; color: #333; border-radius: 50%; font-size: 16px; line-height: 44px; }
.page .pagination li.active a, .page .pagination li a:hover { color: #004b9f; border: 1px solid #004b9f; }
.m2banner{ position:relative;}
.m2banner .bgImg{ height:34.63vw;}
.m2banTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; text-align:center; padding-bottom:30px}
.m2banTxt strong{ font-size: 50px; line-height: 70px; display: block; letter-spacing: 3px; }
.m2banTxt p{ font-size: 50px; line-height: 70px; letter-spacing: 1px; display: block; margin-top: 16px; font-weight: 100; }
.m2banArr{ background: url(banner_ar.png) no-repeat center center; display: inline-block; height: 58px; width: 58px; border: 1px dashed #FFF; margin-top: 28px; border-radius:50%;}
.m2posWpr{ line-height: 66px; background:rgba(0,75,159,0.8); height: 66px; position:relative; margin-top:-66px; z-index:1; color:#fff; }
.m2pos{ float:left;}
.m2pos_home{ background: url(m2pos_ico.png) no-repeat center center; float: left; height: 66px; width: 14px; margin-right:12px; }
.m2pos i{ background: url(m2pos_ar.png) no-repeat center center; float: left; height: 66px; width: 28px; }
.m2pos_a{float:left; font-size:16px; color:#fff;}
.m2pos_a:hover{color:#fff;}
.m2pos span{ font-size: 16px; float:left;}
.m2menu{ float:right;}
.m2menu_dv{display:inline-block;}
.m2menu_a{ display: inline-block; line-height: 66px; position: relative; font-size: 16px; letter-spacing: 1px; margin-left:35px; color:rgba(255,255,255,1);font-weight:400;  }
.m2menu_a.on,.m2menu_a:hover{ color: #4595e6; }
.m2menu_a:before{content:""; width:1px; height:14px; background:rgba(255,255,255,0.3); position:absolute; left:-25px; top:26px;}
.m2menu a:first-child:before{display:none;}
.m2menuSlider{ width:1000px;}
.m2menuSlider .m2menu_a{margin-left:0;}
.m2menuSlider .m2menu_dv{margin-left:0; position:relative; text-align:center;}
.m2menuSlider .m2menu_dv:before{content:"";width: 1px;height: 14px;background: rgba(255,255,255,0.3);position: absolute;left: 0px;top: 26px;}
.m2menuSlider .slick-prev{ background: url(../images/m2mbr_ar.png) no-repeat center center; display: inline-block; height: 25px; width: 23px; position: absolute; left: 0px; top: 95px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; display:none!important;}
.m2menuSlider .slick-next{ background: url(../images/hmc4Btn.png) no-repeat center center; display: inline-block; height: 23px; width: 16px; position: absolute; right: -50px; top: 50%; margin-top:-11px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; transform:rotate(180deg); opacity:0.6; transition:all 0.5s ease;}
.m2menuSlider .slick-next:hover{opacity:1;}
.m2menuSlider .slick-track{margin-left:-1px;}
@media (max-width:1799px){
.m2banTxt strong{ font-size: 36px; line-height: 48px;}
.m2banTxt p{ font-size: 30px; line-height: 48px; margin-top: 6px;}
.m2banArr{  height: 50px; width: 50px; margin-top: 20px; background-size:12px auto;}
.m2pos_a{font-size:14px;}
.m2pos span{font-size:14px;}
.m2menu_a{font-size:16px; margin-left:18px; line-height:65px;}
.m2menu_a:before{left:-15px;}
.m2posWpr{line-height:60px; height:60px; margin-top:-60px;}
.m2pos_home{height:60px;}
.page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; }
.m2pos i{height:60px;}
.m2menuSlider{margin-right:30px;}
}
@media (max-width:1379px){
.m2menuSlider{margin-right:60px;}
}
@media (max-width:1199px){
.m2banTxt strong{font-size:30px; line-height:36px;}
.m2banTxt p{font-size:24px; line-height:30px;}
.m2banArr{width:42px; height:42px; margin-top:10px;}
.m2menu_a{margin-left:15px;}
.m2menu_a:before{display:none;}
}
@media (max-width:993px){
.m2banner .bgImg{height:360px;}
.m2pos{display:none;}
.m2menu{float:none; text-align:center;}
.m2menu_a{margin:0 5px;}
.m2banTxt strong{font-size:26px;}
.m2menuSlider{width:660px;}
}
@media (max-width:767px){
.m2menu_dv{margin-left:15px;}
.m2banTxt strong{font-size:24px; line-height:30px;}
.m2banTxt p{font-size:18px; line-height:22px;}
.m2banner .bgImg{height:300px;}
.m2menuSlider{width:auto; margin-right:0}
.m2posWpr .container{ overflow-x:auto; text-align:center}
.m2menu{display:inline-block; white-space:nowrap;}
.page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; }
}


.webRmenu{ width:46px; position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:10;}
.webRmenu li{ margin-bottom: 8px; position:relative; }
.webRmenu_a{ text-align: center; display: block; padding: 12px 5px 16px; letter-spacing:1px; color: #FFF; background: #004b9f; border-radius:0.6em 0 0 0.6em;}
.webRmenu_a:hover,.webRmenu_a2:hover{ background:#3399FE; color:#fff;}
.webRmenu_a span{}
.webRmenu_a p{ font-size: 14px; line-height: 16px; }
.webRmenu_a2{text-align: center; display: block; padding: 10px; color: #FFF; background: #004b9f; border-radius:0.6em 0 0 0.6em; letter-spacing:1px;}
.webMlayer{ height: 93px; width: 168px; color: #FFF; background: #3399FE; text-align: center; padding-top: 18px; border-radius:0.6em; position:absolute; right:50px; top:0; transition:all 0.5s ease; transform:scaleX(0); transform-origin:right center; opacity:0; visibility:hidden; }
.webMlayer span{ display: inline-block; height: 30px; width: 30px; }
.webMlayer p{ font-size: 18px; line-height: 20px; margin-top: 8px; }
.webRmenu li:hover .webMlayer{opacity:1; transform:scaleX(1); visibility:visible;}
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){
.webRmenu_a p{display:none;}
.webRmenu_a{padding:7px 5px 5px;}
.webRmenu li{margin-bottom:1px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.webRmenu{transform:translateY(0) scale(0.8); transform-origin:right bottom; top:auto; bottom:30px;}
}


.m2fmLayBg,.m2fmLayBg2{ background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; right:0; bottom:0; z-index:15}
.m2fmLayer,.m2fmLayer2{ position:fixed; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:20;}
.m2fmLbox{ background:#fff; height:90vh; max-height:810px; position:relative;}
.m2fmClose{ background: #EDEDED url(m2fm_close.png) no-repeat center center; height: 48px; width: 48px; position: absolute; top: 0px; right: 0px; z-index: 1; cursor:pointer;}
.m2fmClose:hover{ background:#EDEDED url(../images/m2fm_closea.png) no-repeat center center; }
.m2fmLbox .bgImg{ width:50%; position:absolute; left:0; top:0; bottom:0;}
.m2fmLrx{ position:absolute; right:0; width:50%; top:3.12vw; bottom:3.12vw; padding:0 6.51vw 0 4.94vw; overflow-y:auto; }
.m2fmLrt{ font-size: 24px; line-height: 30px; letter-spacing: 1px; display: block; }
.m2fmLul{ margin: 0px -20px; }
.m2fmLul li{padding:0 20px; float:left; padding-top:1.3vw;}
.m2fmLul li.m2fmOther{padding-top:0;}
.m2fmOther .m2fmck_item{float:left; margin-right:0; margin-top:14px; width:auto!important;}
.m2fmOther .m2fmInx{margin-left:17px;}
.m2fm_sli{ width:50%;}
.m2fmli_txt{ width: 100%; font-size: 15px; color: #999999; line-height: 26px; }
.m2fmLul li.m2fmli_chks{ width:100%; padding-top:15px;}
.m2fmck_item{ color: #999999; display:inline-block; margin-right:26px; font-size:15px;}
.m2fmck_item div{display:inline;}
#key_company_name + div{display:inline!important;}
.m2fmck_item input{ display:inline-block; margin-right:3px; opacity:0.6; position:relative; top:-1px;}
.m2fmli_full{ width:100%;}
.m2fmli_vli{ width:100%;}
.m2fmli_vli .m2fmInx input{ width:268px; float:left; margin-right:10px;}
.m2fmli_bmtxt{ width:100%;}
.m2fmli_bmtxt strong{ font-size: 15px; line-height: 30px; font-weight: normal; letter-spacing: 1px; display: block; }
.m2fmli_bmtxt p{ line-height: 30px; color: #999; font-size: 15px; }
.m2fmli_bmtxt input{opacity:0.6; margin-right:3px; position:relative; top:-1px;}
.m2fmli_bmtxt a{ color:#0074d6}
.m2fmli_subx{}
.m2fmli_subx button{ line-height: 52px; height: 52px; width: 160px; font-size: 16px; color: #FFF; background: #004b9f url(../images/m2fm_btnIco.png) no-repeat 114px center; letter-spacing: 1px; display: inline-block; padding-left: 30px; transition:all 0.5s ease; cursor:pointer; border-radius:0.3em; text-align:left}
.m2fmli_subx button:hover{ transform:translateY(-4px); box-shadow:0 3px 18px rgba(0,75,159,0.3);}
.m2fmInx{ position:relative;}
.m2fmInx input{ line-height: 48px; height: 49px; border-bottom: 1px solid #D8D8D8; width: 100%; font-size: 15px; color: #666; }
.m2fmInx input:focus{ color: #333; border-bottom: 1px solid #004b9f; }
.m2fmInx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border-bottom: 1px solid #ddd; background: transparent url(../images/m2fmar.png) no-repeat calc(100% - 20px) center; padding-right: 60px; opacity: 1; color: #aaa; font: 15px/48px "微软雅黑"; width: 100%; height: 49px;}
.m2fmli_vbtn{ line-height:30px; float:left; color:#999999; margin-top:19px;}
.m2fmli_vbtn img{float:left; margin-right:8px; width:120px; height:auto; margin-top:-7px;}
.m2fmli_vbtn span{}
@media (max-width:1799px){
.m2fmck_item{width:200px; margin-bottom:12px; margin-right:0;}
.m2fmLul li.m2fmOther{margin-top:-14px;}
.m2fmli_vli .m2fmInx input{width:198px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2fmLrx{padding:0 3vw;}
.m2fmLrt{font-size:20px;}
.m2fmck_item{margin-right:15px; font-size:14px; margin-bottom:12px;}
.m2fmck_item{width:125px;}
.m2fmli_vli .m2fmInx input{width:188px;}
}
@media (max-width:993px){
.m2fmli_vli .m2fmInx input{width:108px; font-size:13px;}
.m2fmli_vbtn img {width: 80px;margin-top: -3px;}
}
@media (max-width:767px){
.m2fmLbox .bgImg{display:none;}
.m2fmLrx{width:100%;}
.m2fmLrt{font-size:16px; font-weight:bold; letter-spacing:0; line-height:28px;}
.m2fmLul{margin:0 -5px;}
.m2fmLul li{ padding:0 5px;}
.m2fmLrx{left:0px; right:0px; top:40px; bottom:20px;}
.m2fmli_txt{font-size:14px; transform:translateY(10px)}
.m2fmli_vli .m2fmInx input{ width:118px;}
.m2fmli_vbtn img {width: 80px;margin-top: -3px;}
.m2fmli_bmtxt strong{font-size:13px;}
.m2fmli_bmtxt p{font-size:13px;}
.m2fmLul li.m2fmli_subx{margin-top:10px;}
.m2fmli_subx button{line-height:50px; height:50px;}
.m2fmInx input,.m2fmInx select{font-size:14px;}
.m2fmClose{transform:scale(0.8); transform-origin:right top;}
}


.webBom{ background: url(../images/bomBg.jpg) no-repeat center center; background-size: cover; padding: 4.16vw 0px; text-align:center; color:#fff; }
.webBom strong{ font-size: 32px; font-weight: normal; line-height: 38px; display: block; font-style: italic; letter-spacing: 2px; }
.webBom strong a{ color:#3377ff;}
.webBom p{ font-size: 22px; line-height: 32px; font-weight: normal; letter-spacing: 2px; margin: 16px 0px 3.12vw; }
.webBom_btns{ text-align:center;}
.webBom_btns a{ line-height: 50px; height: 52px; width: 142px; margin: 0px 7px; border: 1px solid rgba(255,255,255,0.6); text-align: center; display: inline-block; font-size: 16px; color: #FFF; letter-spacing: 1px; border-radius:0.2em; }
.webBom_btns a:hover{ color: #004b9f; background: #FFF; border: 1px solid #fff; transform:translateY(-3px); box-shadow:0 3px 18px rgba(0,0,0,0.2); }
.footer{ padding-top: 4.16vw; color: rgba(255,255,255,0.5); background: url(../images/footBg.jpg) no-repeat center center; background-size:cover; }
.footTop{ padding-bottom:4.16vw}
.footMenu{ float:left; width:1152px;display:flex;}
.footMenu dl{ margin-right:8.8vw;}
.footMenu dl:last-child{margin-right:0;}
.footMenu dl dt{ font-size: 22px; line-height: 48px; display: block; color: #fff; letter-spacing: 1px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.footMenu dl dd{ font-size: 16px; line-height: 28px; letter-spacing: 1px; }
.footMa{ color:#fff;}
.footMa:hover{}
.footMa2{ color: rgba(255,255,255,0.5);}
.footMa2:hover{ color:#fff;}
.foorTrx{ float:right; text-align:right;}
.foot_tel{}
.foot_tel span{ display: inline-block; background: url(../images/foot_tel.png) no-repeat left center; padding-left: 48px; color: #FFF; font: 35px/48px rbt_b; }
.footwxs{ margin: 1.56vw 0px 1.82vw; }
.footwxs li{ display:inline-block; margin-left:10px; text-align:center;}
.footwxs li img{}
.footwxs li p{color:#fff; line-height:22px; margin-top:0.4vw;}
.footAdr{ letter-spacing: 1px; }
.footAdr dt{ line-height: 56px; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 16px; }
.footAdr dt span{ background: url(../images/foot_i2.png) no-repeat left center; display: inline-block; padding-left: 32px;}
.footAdr dd{ font-size: 16px; line-height: 26px; margin-top: 12px; }
.footBom{ padding: 15px 0px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 16px; line-height: 30px; position:relative; z-index:1; }
.footBom .fl{}
.footBom .fl span{display:inline-block; margin-right:15px;}
.footBom .fl a{ color: rgba(255,255,255,0.5);}
.foot_sel{ height:30px; float:right; width:180px; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;}
.foot_sel span{ display: block; line-height:28px; background: url(../images/foot_ar.png) no-repeat right center; }
.footLinks{ width: 100%; position: absolute; left: 0; bottom: 29px; background: url(../images/footBg.jpg) no-repeat right center; padding: 15px 10px; border-radius:0.6em; background-size:cover; transition:all 0.3s ease; opacity:0; transform:scaleY(0); transform-origin:center bottom; visibility:hidden;}
.foot_sel:hover .footLinks{opacity:1; transform:scaleY(1); visibility:visible;}
.footLinks li{ line-height:26px; margin:5px 0;}
.foot_sela{ color: rgba(255,255,255,0.5);}
.foot_sela:hover{ color:#fff;}
@media (max-width:1799px){
.webBom{padding:3vw 0 3.6vw;}
.webBom strong{font-size:24px; line-height:30px;}
.webBom p{font-size:18px; line-height:30px; margin:10px 0px 2.12vw}
.webBom_btns a {line-height: 44px;height: 46px;width: 130px;font-size: 14px;}
.footer{padding-top:2.6vw;}
.footTop{padding-bottom:2.2vw;}
.footMenu dl dt{font-size:18px; line-height:36px;}
.footMenu dl dd{font-size:14px; line-height:26px;}
.footMenu{width:830px;}
.foot_tel span{font-size:28px;}
.footwxs{margin:1.26vw 0px 1.22vw;}
.footAdr dd{font-size:14px; line-height:22px;}
.footAdr dt{font-size:15px;}
.footBom{font-size:14px; line-height:26px;}
}
@media (max-width:1379px){
.webBom p{font-size:16px; line-height:28px; margin:8px 0px 1.52vw}
}
@media (max-width:1199px){
.footMenu{width:678px;}
.footBom{font-size:12px;}
}
@media (max-width:993px){
.webBom{padding:50px 0;}
.footer{ padding-top:40px;}
.foorTrx{margin-top:-110px;}
.footBom{padding:20px 0 30px;}
.footBom .fl{width:100%; display:block; float:none; text-align:center;}
.foot_sel{float:none; margin:10px auto 0;}
}
@media (max-width:767px){
.webBom strong{font-size:22px; line-height:32px; max-width:330px; margin-left:auto; margin-right:auto;}
.webBom p{margin-bottom:20px;}
.foorTrx{margin-top:0px; width:100%; float:none;}
.footMenu{width:100%; float:none; overflow:hidden; display:block}
.footMenu dl{overflow:hidden; float:none; margin-bottom:10px;}
.footMenu dl dt{width:100%;margin-bottom:8px;}
.footMenu dl dd{float:left; margin-right:20px;}
.foorTrx{text-align:left;}
.footwxs li{margin-left:0; margin-right:12px;}
.footBom{line-height:20px;}
}

.m2npage{padding-bottom:2.6vw; padding-top:5.2vw;}
.m2nTop{}
.m2nTitem{}
.m2nTabox{ display:block; display:flex; background:#F7F7F7;}
.m2pub_m{ line-height: 50px; height: 50px; width: 152px; color: #FFF; background: #004b9f url(../images/m2nbtn.png) no-repeat 114px center; padding-left: 20px; font-size: 16px; letter-spacing: 1px; display:inline-block; border-radius:0.2em; transition:all 0.3s ease; }
.m2pub_m:hover,.m2pub_mWpr:hover .m2pub_m{ box-shadow:0 3px 18px rgba(0,75,159,0.3); transform:translateY(-5px);}
.m2nTabox .overflowHide{ height:577px; width:50%;}
.m2nTrx{ width: 50%; padding: 0px 3.64vw;display:flex; flex-direction:column; justify-content:center; }
.m2nTtm{}
.m2nTtm strong{ font-size: 50px; line-height: 50px; color: #004b9f; display:block; font-weight:normal;}
.m2nTtm p{ font-size: 13px; line-height: 22px; color: #666666; padding-left:5px; }
.m2nTtxt{ margin: 1.82vw 0px 3.64vw; }
.m2nTtxt strong{ font-size: 30px; line-height: 42px; color: #004b9f; letter-spacing: 1px; display: block; height: 42px; font-weight: normal; }
.m2nTtxt i{ background: #DBE6F1; height: 1px; margin: 1.56vw 0px 1.82vw; display:block; }
.m2nTtxt p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color:#8A8A8A; letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.m2nTbtn{}
.m2nTop .slick-prev{ background: #FFF url(../images/new_btn1.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; position: absolute; left: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top: -26px; border-radius:50%; }
.m2nTop .slick-next{ background: #FFF url(../images/new_btn1.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; position: absolute; left: 730px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top: -26px; border-radius:50%; transform:rotate(180deg);}
.m2nTop .slick-prev:hover,.m2nTop .slick-next:hover{ background: #004b9f url(../images/banner_ar2.png) no-repeat center center; }
.m2nimgul{ margin: 3.64vw -1.82vw 0px; }
.m2nimgul li{ float: left; width: 33.33%; padding:0 1.82vw;}
.m2nimg_aBox{ display:block;}
.m2nimg_aBox .overflowHide{ height:350px;}
.m2nimg_aBox .overflowHide .bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.m2nimgTxt{ position:absolute; left:2.34vw; right:2.34vw; bottom:1.45vw; color:#fff;}
.m2nimgTxt strong{ font-size: 24px; line-height: 32px; height:64px; overflow:hidden; font-weight: normal; letter-spacing: 2px; display: block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.m2nimgTxt p{ font-size: 16px; line-height: 26px; margin-top: 15px; }
.m2nul{ margin-bottom:3.12vw;}
.m2nul li{ margin-top:3.12vw;}
.m2naBox{ display:block; overflow:hidden; background:#f7f7f7;}
.m2naBox .overflowHide{ float: left; height: 220px; width: 306px; }
.m2nRx{ margin-left:358px; margin-right:60px;display:flex; flex-direction:column; justify-content:center; height:220px;}
.m2nRx strong{ font-size: 24px; line-height: 32px; font-weight: normal; letter-spacing: 1px; display: block; height: 32px; }
.m2nRx span{ font-size: 16px; color: #666666; line-height: 22px; margin: 12px 0px 1.56vw; display:block; }
.m2nRx p{ font-size: 16px; line-height: 26px; color: #666666; height: 52px; overflow:hidden; letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media (max-width:1799px){
.m2pub_m{ line-height: 44px; height: 46px; width: 140px; background: #004b9f url(../images/m2nbtn.png) no-repeat 100px center;font-size: 14px;}
.m2nTabox .overflowHide{ height:400px;}
.m2nTrx{padding: 0px 2.64vw;}
.m2nTtm strong{ font-size: 40px; line-height: 40px}
.m2nTtm p{ font-size: 12px; line-height: 20px; }
.m2nTtxt{ margin: 1.2vw 0px 2.8vw; }
.m2nTtxt strong{ font-size: 22px; line-height: 32px; height: 32px;}
.m2nTtxt i{ margin: 1.26vw 0px 1.42vw; }
.m2nTtxt p{ font-size: 14px;}
.m2nTop .slick-next{left: 500px;}
.m2nimgul{ margin: 35px -15px 0px; }
.m2nimgul li{ padding:0 15px;}
.m2nimg_aBox .overflowHide{ height:260px;}
.m2nimgTxt{left:20px; right:20px; bottom:20px;}
.m2nimgTxt strong{ font-size: 20px; line-height: 28px; height:56px; }
.m2nimgTxt p{ font-size: 14px; line-height: 24px; margin-top: 10px; }
.m2nul{ margin-bottom:30px;}
.m2nul li{ margin-top:25px;}
.m2naBox .overflowHide{ height: 200px; width: 286px; }
.m2nRx{ margin-left:310px; margin-right:30px; height:200px;}
.m2nRx strong{ font-size: 20px; line-height: 28px; height: 28px; }
.m2nRx span{ font-size: 14px; line-height: 22px; margin: 10px 0px 1.26vw; }
.m2nRx p{ font-size: 14px; line-height: 24px; height: 48px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2nTop .slick-next{left:400px;}
.m2nTtxt strong{font-size:20px; line-height:30px; height:30px;}
}
@media (max-width:993px){
.m2nTop .slick-prev{width:36px; height:36px; left:12px;}
.m2nTop .slick-next{width:36px; height:36px; }
.m2nTop .slick-next{left:310px;}
.m2nTabox .overflowHide{height:340px;}
.m2npage{padding:60px 0 40px;}
.m2nTtxt strong{font-size:18px;}
.m2nimgul{margin-top:20px -10px 0px}
.m2nimgul li{padding:0 10px;}
.m2nimgTxt strong {font-size: 16px;line-height: 26px; height:52px; letter-spacing: 0;}
.m2nRx strong{font-size:18px;}
.m2nimg_aBox .overflowHide{height:230px;}
}
@media (max-width:767px){
.m2npage{padding:50px 0 40px;}
.m2nTabox{display:block; overflow:hidden;}
.m2nTabox .overflowHide{width:100%; float:none; height:240px;}
.m2nTrx{width:100%; float:none; padding:25px 15px 35px;}
.m2nTop .slick-prev{left:15px; top:130px;}
.m2nTop .slick-next{left:auto; right:15px; top:130px;}
.m2nTtxt{margin-top:8px; margin-bottom:15px;}
.m2nimgul li{width:100%; margin-bottom:15px;}
.m2nimgul{margin-top:15px;}
.m2nul li{margin-top:15px;}
.m2naBox .overflowHide{width:100%; float:none;}
.m2nRx{margin-left:0; display:block; height:auto; padding:20px 15px; margin-right:0}
.m2nRx strong{font-size:16px; font-weight:bold;}
.m2nRx p{height: auto; max-height:96px; -webkit-line-clamp:4;}
}

.m3nPage{ padding-top: 5.2vw; }
.m3nt{ font-size: 42px; line-height: 60px; letter-spacing: 2px; display: block; font-weight: normal; }
.m3ninfo{ color: #666666; font-size: 16px; line-height: 26px; margin: 1.3vw 0px 1.56vw; }
.m3ns1{ background: url(../images/m3n_i1.png) no-repeat left center; padding-left: 30px; display: inline-block; margin-right: 32px; }
.m3ns2{ background: url(../images/m3n_i2.png) no-repeat left center; padding-left: 30px; display: inline-block;}
.m3nEditor{ border-top: 3px solid #004B9F; padding-top: 2.6vw; font-size: 16px; color: #666666; line-height: 26px; padding-bottom:4.68vw; }
.m3nEditor h3{ font-size: 20px; }
.m3nPagess{ padding-bottom: 5.2vw; }
.m3nPlx{ background: #004B9F; height: 58px; width: 202px; float: left; border-radius:3em; position:relative;}
.m3nprev{ background: url(../images/m3npage.png) no-repeat center center; width: 70px; height: 58px; position: absolute; left: 0px; top: 0px; opacity:0.8;}
.m3nnext{ background: url(../images/m3npage.png) no-repeat center center; width: 70px; height: 58px; position: absolute; right: 0px; top: 0px; opacity:0.8; transform:rotate(180deg);}
.m3nback{ background: #5788C0 url(../images/m3nback.png) no-repeat center center; height: 46px; width: 46px; position: absolute; left: 50%; top: 50%; margin-top: -23px; margin-left: -23px; border-radius:50%;}
.m3nback:hover{ box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.m3nprev:hover,.m3nnext:hover{ opacity:1;}
.m3nPrx{ float: right; max-width: calc(100% - 300px); position: relative; font-size: 16px; letter-spacing: 1px; }
.m3nPrx p:nth-child(2):after{content:""; width:1px; height:18px; background:#CCCCCC; position:absolute; left:0; top:50%; margin-top:-8px;}
.m3nPrx p{ max-width:650px; overflow:hidden; line-height:58px; height:58px; float:left;}
.m3nPrx p:nth-child(2){margin-left:25px; padding-left:25px; position:relative}
.m3nbmCon{ padding:5.2vw 0; background:#f7f7f7;}
.m3nbm_t{ line-height: 42px; font-size: 42px; color: #b3bac1; letter-spacing:2px;}
.m3nbmul{ margin: 2.18vw -1.82vw 0px; }
.m3nbmul li{ padding:0 1.82vw; width:33.33%; float:left;}
.m3nbm_aBox{ display:block;}
.m3nbm_aBox .overflowHide{ height:350px;}
.m3nbm_aBox .overflowHide .bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.m3nbm_aBox .overflowHide p{ font-size: 24px; line-height: 32px; color: #FFF; letter-spacing: 2px; position: absolute; top: 50%; left: 2.34vw; right: 2.34vw; transform:translateY(-50%); max-height:64px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media (max-width:1799px){
.m3nt{ font-size: 32px; line-height: 42px;}
.m3ninfo{ font-size: 14px; line-height: 24px;}
.m3nEditor{ border-top: 2px solid #004B9F; font-size: 14px; line-height: 24px; }
.m3nEditor h3{ font-size: 16px; }
.m3nPagess{ padding-bottom: 5.2vw; }
.m3nPlx{height: 50px; width: 180px;}
.m3nprev{ width: 60px; height: 50px;}
.m3nnext{ width: 60px; height: 50px;}
.m3nback{height: 40px; width: 40px;  margin-top: -20px; margin-left: -20px;}
.m3nPrx{ max-width: calc(100% - 200px); font-size: 14px; }
.m3nPrx p{ max-width:450px; line-height:48px; height:48px; float:left;}
.m3nPrx p:nth-child(2){margin-left:20px; padding-left:20px;}
.m3nbm_t{ line-height: 30px; font-size:30px;}
.m3nbmul{ margin-left:-15px; margin-right:-15px;}
.m3nbmul li{ padding:0 15px;}
.m3nbm_aBox .overflowHide{ height:260px;}
.m3nbm_aBox .overflowHide p{ font-size: 20px; line-height: 30px; max-height:60px; left: 2vw; right: 2vw;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m3nt{font-size:26px; line-height:38px;}
.m3nPrx p{max-width:350px;}
.m3nbm_aBox .overflowHide p{font-size:18px; line-height:28px; max-height:56px;}
}
@media (max-width:993px){
.m3nt{font-size:24px; line-height:36px;}
.m3nPrx{display:none;}
.m3nPlx{float:none; margin:0 auto;}
.m3nPage{padding-top:50px;}
.m3nPagess{padding-bottom:60px;}
.m3nbm_t{font-size:24px;}
.m3nbmCon{padding:50px 0 60px;}
.m3nbm_aBox .overflowHide p{font-size:16px; line-height:26px; max-height:52px; letter-spacing:0}
.m3nbmul{margin:25px -10px 0;}
.m3nbmul li{padding:0 10px;}
.m3nbm_aBox .overflowHide{height:220px;}
}
@media (max-width:767px){
.m3nt{font-size:20px; line-height:32px;}
.m3ninfo{margin-top:12px; margin-bottom:15px;}
.m3nEditor{padding-top:35px;}
.m3nbmul li{width:100%; margin-bottom:15px;}
.m3nbm_aBox .overflowHide p{left:15px; right:15px;}
}

.m2lxPage{ padding:5.2vw 0;}
.m2lxt{ font-size: 40px; line-height: 50px; letter-spacing: 2px; display: block; font-weight: bold; }
.m2lxCon{ display:flex; margin-top:2.08vw;flex-direction:row-reverse;}
.m2lxMap{ width:calc(100% - 458px)}
.m2lxInfo{ background: #004b9f; width: 458px; padding: 2.34vw 38px 3.12vw 100px; color: #FFF; font-size: 16px; line-height: 28px; }
.m2lxInfo li{ padding: 25px 0px; border-bottom: 1px solid #2767AE; position: relative; }
.m2lxInfo li span{ display: inline-block; width: 30px; position: absolute; left: -48px; top: 25px; }
.m2lxInfo p{}
.m2lxInfo li dl{ overflow:hidden;}
.m2lxInfo li dl dd{ float:left; margin-right:12px; text-align:center; line-height:24px;}
.m2lxbm{ margin: 3.12vw -1.56vw 0px; display:flex; flex-wrap:wrap; }
.m2lxbm li{ margin: 0px 1.56vw; width:calc(33.33% - 3.12vw); margin-bottom:25px; }
.m2lxbm_item{ display: block; position: relative; height: 320px; border: 1px solid #EEEEEE; background: #F9F9F9; padding: 38px 45px 0; }
.m2lxbm_bg{ position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px;}
.m2lxbm_bg:before{ content: ""; background: url(../images/m2lx_hbg.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0}
.m2lxbm_item:hover .m2lxbm_bg:before{opacity:1;}
.m2lxbm_bg:after{content:"";}
.m2lxbmCon{ position:relative; z-index:1;}
.m2lxbm_icon{ display: block; height: 78px; width: 78px; position:relative }
.m2lxbm_icon:before{ content: ""; background: url(../images/m2lx_bmibg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.3s ease; }
.m2lxbm_icon:after{ content: ""; background: url(../images/m2lx_bmibg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition: all 0.3s ease; opacity:0 }
.m2lxbm_icon img{ position:absolute; z-index:1; transform:translate(-50%,-50%); left:50%; top:50%; transition:all 0.3s ease;}
.m2lxbm_icon img:nth-child(2){ opacity:0}
.m2lxbmCon strong{ font-size: 22px; line-height: 54px; letter-spacing: 2px; display: block; background: url(../images/m2lx_bmline2.png) no-repeat left bottom; margin-bottom: 16px; padding-bottom: 6px; }
.m2lxbmCon p{ font-size: 16px; color: #999999; line-height: 30px; position: relative; padding-left:20px; transition:all 0.3s ease;}
.m2lxbmCon p:before{ content: ""; background: #004B9F; height: 2px; width: 7px; position: absolute; left: 0px; top: 14px; transition:all 0.3s ease; }
.m2lxbm_item:hover .m2lxbmCon p{color:#fff;}
.m2lxbm_item:hover .m2lxbmCon p:before{background:#fff;}
.m2lxbm_item:hover{color:#fff;}
.m2lxbm_item:hover .m2lxbmCon strong{ background: url(../images/m2lx_bmline1.png) no-repeat left bottom; }
.m2lxbm_item:hover .m2lxbm_icon img{opacity:0;}
.m2lxbm_item:hover .m2lxbm_icon img:nth-child(2){opacity:1;}
.m2lxbm_item:hover .m2lxbm_icon:before{opacity:0;}
.m2lxbm_item:hover .m2lxbm_icon:after{opacity:1; animation:radiusRotate 5s linear infinite}
@media (max-width:1799px){
.m2lxt{ font-size: 26px; line-height: 40px;}
.m2lxMap{ width:calc(100% - 400px)}
.m2lxInfo{width: 400px; padding: 1.8vw 30px 2.5vw 80px; font-size: 14px; line-height: 26px; }
.m2lxInfo li{padding:15px 0;}
.m2lxInfo li span{left: -45px; top: 13px; }
.m2lxbm_item{ height: 270px; padding: 28px 25px 0; }
.m2lxbm_icon{ height: 68px; width: 68px; }
.m2lxbm_icon:before{ background-size:cover; }
.m2lxbm_icon:after{ background-size:cover; }
.m2lxbmCon strong{ font-size: 20px; line-height: 48px; margin-bottom: 12px; padding-bottom: 5px; }
.m2lxbmCon p{ font-size: 14px; line-height: 26px;}
.m2lxbmCon p:before{ top: 12px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2lxbmCon p{font-size:12px;}
}
@media (max-width:993px){
.m2lxbm{ margin: 30px 0px 0px; display:block; }
.m2lxbm li{ margin: 0px; width:100%; }
.m2lxbmCon p{font-size:14px;}
.m2lxPage{padding:40px 0 60px;}
}
@media (max-width:767px){
.m2lxt{font-size:24px; text-align:center;}
.m2lxCon{margin-top:20px;}
.m2lxInfo{width:100%;}
.m2lxCon{display:block; overflow:hidden;}
.m2lxMap{width:100%; float:none; height:300px;}
.m2lxInfo li:last-child{border:none;}
}

.m2lxnav{ line-height:50px;}
.m2lxnav_a{ position:relative; margin-right:55px; display:inline-block; font-weight:bold; font-size:40px; letter-spacing:2px;}
.m2lxnav_a:after{ content: ""; background: #E1E1E1; height: 37px; width: 1px; position: absolute; right: -27px; top: 7px; }
.m2lxnav a:last-child:after{display:none;}
.m2lxnav_a.on{ color: #004b9f; }
.m2lxul01{ margin: 3.12vw -2.08vw 1vw; display:flex; flex-wrap:wrap; }
.m2lxul01 li{ width:calc(33.33% - 4.16vw); margin:0 2.08vw; padding:32px 40px 50px; border: 1px solid #EEEEEE; background: #F9F9F9; margin-bottom:2.6vw; position:relative;}
.m2lxul01 li:before{ content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background: url(../images/m2lx_sbg1.jpg) no-repeat center center; background-size:cover; transition:all 0.5s ease; opacity:0;}
.m2lxul01 li:hover:before{content:""; opacity:1;}
.m2lxu1x{ position:relative; z-index:1;}
.m2lxu1x strong{ line-height: 42px; display: block; height: 42px; margin-top: 8px; padding-left: 38px; position: relative; font-size: 28px; letter-spacing: 2px; margin-bottom:15px; }
.m2lxu1x strong span{ display:block; width:30px; height:30px; position:absolute; left:-4px; top:6px;}
.m2lxu1x strong span img{ position:absolute; left:0; top:0; transition:all 0.5s ease;}
.m2lxu1x strong span img:nth-child(2){ opacity:0}
.m2lxu1x p{ font-size: 16px; line-height: 26px; color: #999999; transition:all 0.5s ease;}
.m2lxul01 li:hover .m2lxu1x p{ color:#fff}
.m2lxul01 li:hover .m2lxu1x strong span img{opacity:0;}
.m2lxul01 li:hover .m2lxu1x strong span img:nth-child(2){ opacity:1}
.m2lxul01 li:hover {color:#fff;}
.m2lxbtn{ text-align:center;}
.m2ldm{ line-height: 42px; text-align: center; display: inline-block; width: 126px; border: 1px solid #DEDEDE; background: #F9F9F9; font-size: 16px; color: #999999; letter-spacing: 1px; }
.m2ldm:hover{ color: #FFF; background: #004b9f; border: 1px solid #004b9f; box-shadow:0 3px 15px rgba(0,75,159,0.3); transform:translateY(-3px) }
@media (max-width:1799px){
.m2lxnav{ line-height:40px;}
.m2lxnav_a{margin-right:35px; font-size:26px;}
.m2lxnav_a:after{ height: 30px; right: -16px; top: 7px; }
.m2lxul01{ margin: 3.12vw -15px 1vw;}
.m2lxul01 li{ width:calc(33.33% - 30px); margin:0 15px; padding:25px 30px 30px; margin-bottom:30px;}
.m2lxu1x strong{ line-height: 40px; height: 40px; font-size: 22px;}
.m2lxu1x p{ font-size: 14px; line-height: 24px;}
.m2ldm{ line-height: 40px; width: 116px;  font-size: 14px;  }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2lxul01 li{ width:calc(50% - 30px);}
}
@media (max-width:993px){
.m2lxnav_a{font-size:24px;}
}
@media (max-width:767px){
.m2lxnav_a{font-size:22px;}
.m2lxul01 li{width:100%; padding:10px 18px 25px; margin-bottom:12px;}
.m2lxul01{margin-top:20px; margin-bottom:20px;}
.m2lxu1x strong{font-size:20px;}
.m2lxu1x p{font-size:12px; line-height:22px;}
.m2lxnav_a{margin-right:12px; letter-spacing:0; font-size:16px;}
.m2lxnav_a:after {right: -11px;top: 7px;}
}

.m2dwPage{ padding:5.2vw 0;}
.m2dwSer{ height:70px; border-radius:0.4em; overflow:hidden; background:#f7f7f7; position:relative; margin:2vw 0;}
.m2dwSer2{margin:0!important;}
.m2dwSer input{ width: 100%; line-height: 70px; color: #555; font-size: 16px; letter-spacing: 1px; background: url(../images/m2di1.png) no-repeat 50px center; padding-left: 95px; }
.m2dwSer button{ color: #FFF; background: #004b9f; font-size: 20px; height: 70px; width: 180px; text-align: center; position: absolute; top: 0px; right: 0px; cursor:pointer; border-radius:0.2em 0 0 0.2em;}
.m2dwlist{ background:#f7f7f7; border-radius:0.4em; overflow:hidden; margin-top:20px; padding-bottom:4vw;}
.m2dwlist table{}
.m2dwlist td{ line-height:22px; font-size:16px; color:#666; padding:22px 18px; text-align:center}
.m2dwlist tr{ background: url(m2dline.png) no-repeat center bottom; }
.m2dwlist tr:nth-child(1){}
.m2dwlist tr:nth-child(1) td{ background:#004b9f; color:#fff; font-size:20px; padding:28px 18px;}
.m2dw_a{ color:#666;}
.m2dw_abtn{}
.m2dwlist tr td:nth-child(1){text-align:left; padding-left:6.6vw;}
.m2dwlist tr:nth-child(1) td:nth-child(1){text-align:center; padding-left:0}
@media (max-width:1799px){
.m2dwSer{ height:60px;}
.m2dwSer input{line-height: 60px; font-size: 14px; background: url(../images/m2di1.png) no-repeat 20px center; padding-left: 52px; }
.m2dwSer button{ font-size: 16px; height: 60px; width: 120px;}
.m2dwlist td{font-size:14px; padding:15px 12px;}
.m2dwlist tr:nth-child(1) td{font-size:18px; padding:18px 12px;}
.m2dw_abtn{width:30px; height:auto;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2dwPage{padding:50px 0 60px;}
}
@media (max-width:767px){
.m2dwSer{height:50px;}
.m2dwSer input{line-height:50px;}
.m2dwSer button{height:50px; width:80px;}
.m2dwlist{width:100%; overflow-x:auto;}
.m2dwlist table{width:600px;}
.m2dwlist td {font-size: 14px;padding: 12px 8px;}
.m2dwlist tr:nth-child(1) td {font-size: 16px;padding: 14px 8px;}
.m2dw_abtn img{width:26px; height:auto;}
}


.m2wtPage{ padding: 5.2vw 0px 2.6vw; }
.m2wtSel{ height:52px;}
.m2wtSel select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #004b9f url(../images/m2wtSel.png) no-repeat calc(100% - 20px) center; padding-right: 50px; opacity: 1; color: #fff; font: 16px/52px "微软雅黑"; width: 260px; height: 52px; padding-left: 25px; border-radius: 0.2em; float:right; }
.m2wtList{ margin:35px 0 2.6vw;}
.m2wtList dl{ margin-bottom: 16px; background: #F7F7F7; padding: 32px 0px; }
.m2wtList dl dt{ background: url(m2dline.png) no-repeat center bottom; margin-bottom: 20px; padding: 6px 98px 32px 160px; position: relative; font-size: 20px; line-height: 32px; }
.m2wtList dl dt:before{ content: "Q"; height: 44px; width: 44px; position: absolute; left: 98px; top: 0px; font-size: 24px; line-height: 44px; color: #FFF; background: #004b9f; text-align: center; }
.m2wtList dl dd{ padding: 0px 98px; font-size: 16px; line-height: 28px; color: #666666; }
@media (max-width:1799px){
.m2wtSel{ height:46px;}
.m2wtSel select{ font: 14px/46px "微软雅黑"; height: 46px; padding-left: 20px; }
.m2wtList dl{ margin-bottom: 12px; padding: 20px 0px; }
.m2wtList dl dt{ margin-bottom: 15px; padding: 5px 38px 25px 90px; font-size: 16px; line-height: 30px; }
.m2wtList dl dt:before{ height: 40px; width: 40px; left: 38px;font-size: 20px; line-height: 40px; }
.m2wtList dl dd{ padding: 0px 38px; font-size: 14px; line-height: 24px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2wtPage{padding:50px 0 40px;}
}
@media (max-width:767px){
.m2wtSel select{width:100%;}
.m2wtList dl dt {padding: 5px 15px 18px 60px;font-size: 16px;line-height: 28px;}
.m2wtList dl dt:before {height: 32px;width: 32px;left: 16px;font-size: 20px;line-height: 32px;top: 4px; font-size:15px;}
.m2wtList dl dd {padding: 0px 18px;font-size: 13px;line-height: 22px;}
.m2wtList{margin-bottom:20px;}
}


.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: 60px;height: 60px;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: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}
.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:75;}
.maoLink{height: 0; position: relative; overflow: hidden; top: -120px; display:block;}
@media (max-width:1799px){
.m2layerClose{transform:scale(0.6); top:13px;}
.m2layerClose:hover{transform:scale(0.6) rotate(180deg);}
}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}


/*about CSS*/
.m2spPage{ padding:5.2vw 0 2.6vw;}
.m2spList{ margin: 0px -2.6vw; overflow:hidden; }
.m2spList li{ padding: 0px 2.6vw; float: left; width: 33.33%; margin-bottom:3.12vw;}
.m2sp_aBox{ display:block;}
.m2sp_aBox .overflowHide{ height:322px; border-radius:0.3em;}
.m2sp_aBox .overflowHide:after{ content: ""; background: url(../images/m2sp_icon.png) no-repeat center center; height: 49px; width: 49px; margin-top: -25px; margin-left: -25px; position: absolute; z-index: 1; left:50%; top:50%;}
.m2spbm{ margin-top:20px;}
.m2spbm strong{ font-size: 20px; line-height: 32px; height:32px; overflow:hidden; letter-spacing: 1px; font-weight: normal; }
.m2spbm p{ line-height: 32px; font-size: 16px; color: #999999; height:32px; overflow:hidden; }
@media (max-width:1799px){
.m2spList{ margin: 0px -15px; }
.m2spList li{ padding: 0px 15px; margin-bottom:30px;}
.m2sp_aBox .overflowHide{ height:230px;}
.m2spbm{ margin-top:15px;}
.m2spbm strong{ font-size: 18px; line-height: 30px; height:30px;}
.m2spbm p{ line-height:28px; font-size: 14px; height:28px;  }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2spPage{padding:50px 0 60px;}
.m2spList{margin:0 -10px;}
.m2spList li{width:50%; padding:0 10px; margin-bottom:20px;}
.m2spbm strong{font-size:17px;}
}
@media (max-width:767px){
.m2spList li{width:100%;}
}


.m2abtCon1{ padding: 5.2vw 0px 2.86vw; position: relative; background: url(../images/m2abt_c1bg.png) no-repeat right top; }
.m2abtCon1 .container{display:flex; justify-content:space-between;flex-direction:row-reverse;}
.m2abtc1Lx{ width:842px;display:flex; flex-direction:column; justify-content:center; }
.m2abt_c1t{ font-size: 40px; line-height: 48px; letter-spacing: 2px; display: block; position: relative; font-weight: bold; }
.m2abt_c1t:before{ content: ""; background: url(../images/m2abt_c1ti.png) no-repeat; height: 100px; width: 95px; position: absolute; top: -30px; left: -44px; }
.m2abt_c1des{ font-size: 16px; line-height: 28px; color: #666666; letter-spacing: 1px; margin: 2.08vw 0px 2.6vw; }
.m2abt_c1btn{}
.m2abt_c1mv{ height: 52px; width: 150px; border: 1px solid #004b9f; display: inline-block; position: relative; padding-left: 68px; font-size: 16px; line-height:48px; letter-spacing:1px; }
.m2abt_c1mv:before{ content: ""; background: #004b9f url(../images/m2abt_c1paly.png) no-repeat 23px center; width: 56px; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.m2abt_c1mv:hover{ box-shadow:0 3px 10px rgba(0,75,159,0.2); transform:translateY(-3px);}
.m2abtc1Rx{ position:relative;}
.m2abtc1Rx img{}
.m2abt_c1ul{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2abt_c1ul li{ position:absolute;}
.m2abt_c1ul li strong{ color: #004b9f; font: normal 60px/60px rbt_b; display:block; }
.m2abt_c1ul li p{ font-size: 16px; line-height: 26px; white-space:nowrap; color:#004b9f; }
.m2abt_c1ul li:nth-child(1){ left:0; top:5.36%;}
.m2abt_c1ul li:nth-child(2){ left:92.19%; top:14.11%;}
.m2abt_c1ul li:nth-child(3){ left:94.05%; bottom:9.2%;}
.m2abt_c1ul li:nth-child(3) strong{font-size:72px; line-height:72px;}
.m2abt_c1bmul{ margin: 0px -10px; display:flex; justify-content:space-between; padding-bottom:5.2vw; }
.m2abt_c1bmul li{ margin: 0px 10px; float: left; background: #F7F7F7; padding: 4.16vw 2.34vw 4.68vw; width:calc(25% - 20px); transition:all 0.5s ease; }
.m2abt_c1bmul li:hover{transform:translateY(-8px); box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.m2abt_c1bmul li span{ display:block; width:80px; height:80px;}
.m2abt_c1bmul li strong{ font-size: 36px; line-height: 52px; letter-spacing: 2px; display: block; margin: 1.82vw 0px 0.78vw; }
.m2abt_c1bmul li p{ font-size: 16px; line-height: 28px; color: #999999; letter-spacing:1px;}
@media (max-width:1799px){
.m2abtCon1{ background-size:37vw auto;}
.m2abtc1Lx{ width:600px; }
.m2abtc1Rx{width:400px;}
.m2abt_c1t{ font-size: 30px; line-height: 42px; letter-spacing: 1px;}
.m2abt_c1des{ font-size: 14px; line-height: 24px; margin: 1.68vw 0px 2.0vw; }
.m2abt_c1mv{ transform:scale(0.88); transform-origin:left top; }
.m2abt_c1ul li strong{ font: normal 42px/42px rbt_b; }
.m2abt_c1ul li p{ font-size: 14px; line-height: 24px;}
.m2abt_c1ul li:nth-child(3) strong{font-size:50px; line-height:50px;}
.m2abt_c1bmul li{padding: 3.5vw 2vw 4vw;}
.m2abt_c1bmul li span{width:60px; height:60px;}
.m2abt_c1bmul li strong{ font-size: 24px; line-height: 42px;  margin: 1.22vw 0px 0.68vw; }
.m2abt_c1bmul li p{ font-size: 14px; line-height: 24px}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abtc1Rx{width:340px;}
.m2abtc1Lx{width:480px;}
.m2abt_c1t{font-size:24px; line-height:36px;}
.m2abt_c1bmul li span{width:50px; height:50px;}
.m2abt_c1bmul li strong{font-size:22px; line-height:30px;}
}
@media (max-width:993px){
.m2abtCon1 .container{display:block;}
.m2abtc1Lx{width:100%; display:block;}
.m2abt_c1t{margin-left:38px;}
.m2abtCon1{padding-top:70px;}
.m2abtc1Rx{margin:20px auto; transform:translateX(-35px)}
.m2abt_c1bmul li strong{font-size:20px;}
.m2abt_c1bmul{padding-bottom:80px; margin-left:5px; margin-right:5px;}
.m2abt_c1bmul li span{margin:0 auto;}
.m2abt_c1bmul li{text-align:center;}
.m2abt_c1bmul .slick-dots{bottom:50px; text-align:center;}
.m2abt_c1bmul .slick-dots li button{display:none;}
.m2abt_c1bmul .slick-dots li { background: #004b9f; display: inline-block; height: 7px; width: 7px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; opacity:0.3; padding:0; float:none; display:inline-block;}
.m2abt_c1bmul .slick-dots li.slick-active{ opacity:1; }
.m2abt_c1bmul li p{min-height:72px;}
}
@media (max-width:767px){
.m2abt_c1t{font-size:20px; line-height:30px;}
.m2abtCon1{background-size:220px auto;}
.m2abt_c1des{margin-top:18px; margin-bottom:22px;}
.m2abtc1Rx{width:210px;}
.m2abt_c1ul li strong{font-size:36px; line-height:40px;}
.m2abt_c1ul li p{font-size:13px; line-height:22px;}
.m2abt_c1ul li:nth-child(3) strong{font-size:34px; line-height:42px;}
.m2abt_c1ul li:nth-child(1){left:-10%; top:-3.64%;}
.m2abtc1Rx{margin-top:35px;}
.m2abt_c1bmul li p{font-size:12px;}
.m2abt_c1bmul li{padding:30px 15px;}
.m2abt_c1bmul li strong{margin-top:10px; margin-bottom:12px;}
}

.m2abtCon2Wpr{ background-repeat:no-repeat; background-position:center center; padding: 5.2vw 0px 6.25vw; background-size:cover; color:#fff;}
.m2abt_t{ font-size: 40px; line-height: 40px; font-weight: bold; letter-spacing: 2px; display: block; }
.m2abtCon2{ margin-top:2.6vw; position:relative;}
.m2abtCon2 li{ width:64.27vw; max-width:1234px; overflow:hidden; position:relative;}
.m2abtCon2 li .bgImg{ height:28.9vw; max-height:555px;}
.m2abt_c2layer{ position:absolute; left:3.64vw; right:3.64vw; top:8.5vw;}
.m2abt_c2layer span{ display: block; height: 80px; width: 80px; transition:all 0.5s ease; }
.m2abt_c2layer strong{ font-size: 36px; line-height: 102px; background: url(../images/m2abt_c2line.png) no-repeat left bottom; letter-spacing: 2px; display: block; }
.m2abt_c2layer p{ font-size: 16px; line-height: 28px; letter-spacing: 1px; max-width:380px; text-align:justify; margin-top:1.25vw;}
.m2abt_c2bi{ position:absolute; right:-2.2vw; bottom:-1.04vw}
.m2abtCon2 li:nth-child(2){ width: 18.28vw; position: absolute; right: 9.11vw; background: #004b9f;height:28.9vw; max-height:555px; bottom:-6.25vw; }
.m2abtCon2 li:nth-child(3){ width: 18.28vw; position: absolute; right: -9.11vw; height: 28.9vw; max-height: 555px;/*background-image: linear-gradient(60deg, #0f72d4 0%,#0f72d4 30%,#5fb4f7 70%);*/ bottom: -6.25vw; background: url(../images/m2abtc2bg.png) no-repeat; background-size:cover; }
.m2abtCon2 li:nth-child(3) .m2abt_c2bi{ bottom:-2.2vw; right:0;}
.m2abtCon2 li:nth-child(2) .m2abt_c2layer,.m2abtCon2 li:nth-child(3) .m2abt_c2layer{ left:2.18vw; right:2.18vw; top:2.5vw;}
.m2abtCon2 li:hover .m2abt_c2layer span{transform:rotateY(180deg); margin-top:-15px;}
@media (max-width:1799px){
.m2abt_t{ font-size: 30px; line-height: 30px;}
.m2abt_c2layer{ position:absolute; left:2.64vw; right:2.64vw; top:8.5vw;}
.m2abt_c2layer span{ height: 60px; width: 60px; }
.m2abt_c2layer strong{ font-size: 24px; line-height: 82px;}
.m2abt_c2layer p{ font-size: 14px; line-height: 24px;}
.m2abtCon2 li:nth-child(2){ width: 20.28vw; right: 15.11vw;}
.m2abtCon2 li:nth-child(3){ width: 20.28vw; right: -5.11vw;}
.m2abtCon2 li:nth-child(2) .m2abt_c2bi{ width:120px;}
.m2abtCon2 li:nth-child(3) .m2abt_c2bi{ width:70px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abt_c2layer{top:6.5vw;}
.m2abt_c2layer strong{line-height:62px; margin-top:-10px;}
.m2abt_c2layer p{ letter-spacing:0;}
}
@media (max-width:993px){
.m2abtCon2{overflow:hidden; margin-top:30px;}
.m2abtCon2 li{width:100%; float:left; }
.m2abtCon2 li .bgImg{height:310px;}
.m2abtCon2Wpr{padding:60px 0 70px;}
.m2abtCon2 li:nth-child(2),.m2abtCon2 li:nth-child(3){position:relative; left:auto; right:auto; width:50%; float:left; height:300px; bottom:0}
.m2abtCon2 li:nth-child(2) .m2abt_c2layer, .m2abtCon2 li:nth-child(3) .m2abt_c2layer {left: 20px;right:20px;top:30px;}
}
@media (max-width:767px){
.m2abt_t{font-size:24px; line-height:28px;}
.m2abtCon2{ margin-top:25px;}
.m2abtCon2 li .bgImg{height:250px;}
.m2abtCon2 li:nth-child(2), .m2abtCon2 li:nth-child(3){width:100%; height:280px;}
.m2abt_c2layer p{margin-top:15px;}
.m2abt_c2layer{left:15px; right:15px;}
.m2abtCon2 li:nth-child(2) .m2abt_c2layer, .m2abtCon2 li:nth-child(3) .m2abt_c2layer{left:15px; right:15px;}
.m2abt_c2layer strong{font-size:18px;}
.m2abtCon2 li:nth-child(1) .m2abt_c2layer span{margin-left:-10px;}
.m2abtCon2Wpr{padding:50px 0 60px;}
}

.m2abtCon3Wpr{ padding: 5.2vw 0px; }
.m2abt_c3swiperWpr{ margin-top: 2.6vw; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative }
.m2abt_c3swiperWpr:before{ content: ""; background: url(../images/m2abt_c3bg.png) repeat-y left top; width: 720px; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.m2abt_c3swiper{ width: 720px; height: 600px; color: #fff; position: relative; z-index: 1; padding: 80px 85px 0px; }
.m2abt_c3item{}
.m2abt_c3item strong{ font-size: 45px; line-height: 45px; letter-spacing: 1px; display: block; padding-bottom: 32px; background: url(../images/m2abt_c4line.png) no-repeat left bottom; }
.m2abt_c3item strong span{ font-size: 16px; display: inline-block; margin-left: 3px; font-weight:normal; transform:translateY(-20px); }
.m2abt_c3txt{ font-size: 16px; line-height: 26px; letter-spacing: 1px; margin-top: 40px; max-height:208px; overflow-y:auto; padding-right:10px; margin-right:-10px; }
.m2abt_c3fun{ position: absolute; left: 85px; right: 85px; bottom: 80px; z-index:1;}
.m2abt_c3fun .prev{ width: 40px; height: 40px; border-radius: 50%; background: #0F72D4 url(../images/m2abt_c3btn.png) no-repeat center center; float: left; margin-right: 12px; cursor:pointer; position:relative; }
.m2abt_c3fun .next{ width: 40px; height: 40px; border-radius: 50%; background: #0F72D4 url(../images/m2abt_c3btn.png) no-repeat center center; float: left; margin-right: 32px; cursor:pointer; transform:rotate(180deg); position:relative; }
.m2abt_c3num{ line-height: 40px; float: left; color: #fff; font-size: 16px; letter-spacing: 1px; }
.m2abt_c3num span{}
.m2abt_c3num span:first-child{ font-size: 22px; }
.m2abt_c3fun .prev:hover,.m2abt_c3fun .next:hover{box-shadow:0 0px 15px rgba(0,0,0,0.2);}
.m2abt_c3bom{ margin-top:3.12vw; position:relative; height:125px;}
.m2abt_c3bom:before{content:""; height:1px; background:#E6E6E6; left:0; right:; top:34px; position:absolute; width:100%}
.m2at_c3yr{ text-align:center;}
.m2at_c3yr span{ background: #0B5EC4; display: inline-block; height: 68px; width: 68px; border: 3px solid #FFF; position: relative; background-image: linear-gradient(95deg, #0c61c4 20%,#5fb0ee 90%); border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.15);  }
.m2at_c3yr span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2at_c3yr p{ color: #d6d6d6; margin-top: 15px; font: 30px/30px rbt_b; transition:all 0.5s ease; }
.slick-current.m2at_c3yr p{ color:#004b9f;}
@media (max-width:1799px){
.m2abt_c3swiperWpr:before{ width: 560px;}
.m2abt_c3swiper{ width: 560px; height: 400px; padding: 50px 35px 0px; }
.m2abt_c3item strong{ font-size: 32px; line-height: 30px; padding-bottom: 20px;}
.m2abt_c3item strong span{ font-size: 14px;transform: translateY(-14px);}
.m2abt_c3txt{ font-size: 14px; line-height: 24px; margin-top: 26px; max-height:156px; }
.m2abt_c3fun{ left: 35px; right: 35px; bottom: 40px;}
.m2abt_c3num{font-size: 15px;}
.m2abt_c3num span:first-child{ font-size: 20px; }
.m2abt_c3bom{ margin-top:2.62vw;}
.m2at_c3yr p{ margin-top: 14px; font: 24px/24px rbt_b; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2abtCon3Wpr{padding:60px 0;}
.m2abt_c3swiperWpr{margin-top:30px;}
.m2abt_c3swiperWpr:before{width:525px;}
}
@media (max-width:767px){
.m2abtCon3Wpr{padding:50px 0 60px;}
.m2abt_c3swiperWpr{margin-top:25px;}
.m2abt_c3swiper{padding:45px 20px 0px;}
.m2abt_c3swiperWpr:before{width:100%;}
.m2abt_c3item strong{background-size:300px auto;}
.m2abt_c3fun{left:20px; right:20px;}
.m2abt_c3bom{display:none;}
}



@keyframes m2abt_line {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(6);
  }
}
@keyframes m2abt_updw {
  0% {
   transform:translateY(-12px)
  }
  50% {
    transform:translateY(12px)
  }
  100% {
   transform:translateY(-12px)
  }
}
.m2abtCon4Wpr{ padding: 6.25vw 0; background: #f7f7f7 url(../images/m2abt_c4bg.png) no-repeat center center; background-size:auto 100%; position:relative; }
.m2abtCon4Wpr:before{ content: ""; background: url(../images/m2abt_bmBg.png) no-repeat right bottom; position: absolute; right: 0px; bottom: 0px; top:0; left:0; }
.m2abt_c4box{ margin:4.16vw 0 6.2vw; height:450px; position:relative;}
.m2abt_c4ss{ width:146px; height:146px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2abt_c4ss i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; animation: m2abt_line 4.5s linear infinite; background: url(../images/m2abt_bmLine.png) no-repeat center center; background-size:cover; }
.m2abt_c4ss i:nth-child(2){ animation-delay:1.5s;}
.m2abt_c4ss i:nth-child(3){ animation-delay:3s;}
.m2abt_c4icon{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: #004b9f; border-radius:50%; }
.m2abt_c4icon:after{content:""; border:25px solid rgba(0,75,159,0.2); left:-25px; top:-25px; right:-25px; bottom:-25px; border-radius:50%; position:absolute}
.m2abt_c4icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2abt_c4item{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m2abt_c4item li{ font-size: 21px; line-height: 32px; color: #666666; letter-spacing: 1px; padding-left: 17px; position:absolute; width:350px; animation:m2abt_updw 3s linear infinite; }
.m2abt_c4item li:before{content:""; width:6px; height:6px; background:#004b9f; border-radius:50%; left:0; top:13px; position:absolute}
.m2abt_c4item li:nth-child(1){ left:3.12%; top:0;}
.m2abt_c4item li:nth-child(2){ left:3.12%; top:28.88%; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(3){ left:6.56%; top:60.44%;}
.m2abt_c4item li:nth-child(4){ left:3.12%; bottom:0; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(5){ right:3.12%; top:0; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(6){ right:3.12%; top:28.88%;}
.m2abt_c4item li:nth-child(7){ right:-6.56%; top:60.44%; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(8){ right:3.12%; bottom:0;}
.m2abt_c4item li:nth-child(9){ width:250px; left:25.93%; top:23.33%;}
.m2abt_c4item li:nth-child(10){ width:250px; left:23.12%; top:54.44%; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(11){ width:250px; right:22.5%; top:23.33%; animation-delay:1.5s;}
.m2abt_c4item li:nth-child(12){ width:250px; right:22.5%; top:54.44%;}
/*about CSS end*/
@media (max-width:1799px){
.m2abt_c4box{ height:350px;}
.m2abt_c4ss{ width:116px; height:116px;}
.m2abt_c4icon:after{border:20px solid rgba(0,75,159,0.2); left:-20px; top:-20px; right:-20px; bottom:-20px;}
.m2abt_c4item li{ font-size: 16px; line-height: 26px; width:250px;}
.m2abtCon4Wpr:before{background-size:37vw auto;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abt_c4item li{font-size:14px; line-height:24px;}
.m2abt_c4item li:nth-child(12){width:180px;}
.m2abt_c4item li:nth-child(11){width:200px;}
}
@media (max-width:993px){
.m2abtCon4Wpr{padding:80px 0;}
.m2abt_c4item li:nth-child(5){right:0;}
.m2abt_c4item li:nth-child(6){right:0;}
.m2abt_c4item li:nth-child(12) {right: 14.5%;top: 45.44%;}
.m2abt_c4item li:nth-child(11){top:18%;}
}
@media (max-width:767px){
.m2abtCon4Wpr{padding:50px 0;}
.m2abt_c4item{margin-top:10px;}
.m2abt_c4item li{position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; animation:none!important; width:100%!important; display:block; margin-bottom:5px; line-height:26px; color:#333;}
.m2abt_c4item li:before{top:9px;}
.m2abt_c4ss{opacity:0.2;}
.m2abt_t{text-align:center;}
}

.m2proMenuPage{ padding-top:5.2vw;}
.m2proMenuPage dl{ margin-bottom:5.2vw;}
.m2proMenuPage dt{ font-size: 36px; line-height: 66px; letter-spacing:2px; font-weight:bold; }
.m2proMenuPage dt span{ background: #004b9f; float: left; height: 66px; width: 66px; margin-right: 20px; position:relative; border-radius:0.12em;}
.m2proMenuPage dt span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:42px; height:42px;}
.m2proMenuPage dd{ padding-top:0.78vw; position:relative; margin:0 -15px;}
.m2proMsx{ width:calc(33.33% - 30px); float:left; margin:0 15px; position:relative;}
.m2proMsx:hover{z-index:1;}
.m2proMa1{ line-height: 72px; height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0 58px 0 28px; background: #F7F7F7; position: relative; font-size: 21px; margin-top:30px; }
.m2proMa1:after{ content: ""; background: url(../images/m2pmii1.png) no-repeat center center; height: 16px; width: 15px; margin-top: -8px; position: absolute; top: 50%; right: 24px; }
.m2proMsx ul{ position:absolute; width:1600px; left:0px; border-bottom:1px solid #D5D5D5; background:#F7F7F7; overflow:hidden; padding:15px 0; border-top:5px solid #fff; transition:all 0.3s ease; opacity:0; visibility:hidden;}
.m2proMsx:hover ul{opacity:1; visibility:visible; opacity:1}
.m2proMsx ul li{ width:calc(33.33% - 30px); margin-right:30px; float:left; line-height:42px; height:42px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding:0 28px 0 45px; position:relative}
.m2proMsx ul li:after{content:""; width:4px; height:4px; background:#004B9F; border-radius:50%; position:absolute; left:28px; top:19px;}
.m2proMa2{ color:#666666; font-size:18px;}
.m2proMa2:hover{}
.m2proMenuPage dd .m2proMsx:nth-child(3n-1) ul{ left:50%; margin-left:-800px;}
.m2proMenuPage dd .m2proMsx:nth-child(3n) ul{ left:auto; right:0px;}
@media (max-width:1799px){
.m2proMenuPage dt{ font-size: 24px; line-height: 50px;}
.m2proMenuPage dt span{  height: 50px; width: 50px; margin-right: 12px;}
.m2proMenuPage dt span img{width:32px; height:32px;}
.m2proMa1{ line-height: 52px; height: 52px; padding: 0 45px 0 15px; font-size: 16px; margin-top:16px; }
.m2proMa1:after{right:15px; }
.m2proMsx ul{ width:1140px; border-top:4px solid #fff; padding:8px 0}
.m2proMsx ul li{ margin-right:15px; line-height:32px; height:32px; padding:0 18px 0 30px;}
.m2proMsx ul li:after{ left:20px; top:12px;}
.m2proMa2{ font-size:16px;}
.m2proMenuPage dd .m2proMsx:nth-child(3n-1) ul{margin-left:-570px;}
.m2proMenuPage dd .m2proMsx:nth-child(3n) ul{ left:auto; right:0px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2proMa1{font-size:14px;}
.m2proMa2{font-size:14px;}
.m2proMsx ul{width:940px;}
.m2proMenuPage dd .m2proMsx:nth-child(3n-1) ul{margin-left:-470px;}
}
@media (max-width:993px){
.m2proMsx{ width:100%; margin-left:0; margin-right:0;}
.m2proMenuPage dd{margin-left:0; margin-right:0;}
.m2proMsx ul{ position:relative; width:auto; visibility:visible; opacity:1;}
.m2proMenuPage dd .m2proMsx:nth-child(3n-1) ul{ margin-left:0; left:auto;}
.m2proMsx ul li{width:50%; margin-right:0}
.m2proMa1{font-size:16px; font-weight:bold;}
.m2proMa1:after{display:none;}
.m2proMenuPage dt{font-size:22px;}
.m2proMenuPage{padding-top:50px; padding-bottom:30px;}
}
@media (max-width:767px){
.m2proMenuPage dt{font-size:20px;}
.m2proMsx ul li{width:100%;}
}

.m2proPage{ padding:3.2vw 0;}
.m2proTop{ display:flex; background:#F7F7F7;}
.m2proMv{ width:50%;}
.m2proMv .overflowHide{ height:548px;}
.m2proMv .overflowHide .bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.1);}
.m2proMv.vBtn .overflowHide:after{ content: ""; background: url(../images/m2pro_play.png) no-repeat center center; height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; position: absolute; left: 50%; top: 50%; }
.m2proMvrx{ width: 50%; padding: 0px 4.58vw;display:flex; flex-direction:column; justify-content:center; }
.m2proMrt{font-size: 36px;line-height: 66px;letter-spacing: 2px;font-weight: bold;}
.m2proMrt span{background: #004b9f;float: left;height: 66px;width: 66px;margin-right: 20px;position: relative;border-radius: 0.12em;}
.m2proMrt span img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 42px;height: 42px;}
.m2proMrdes{ margin-top:28px;}
.m2proMrdes strong{ font-size: 22px; font-weight: normal; line-height: 36px; letter-spacing: 1px; display: block; margin-bottom: 12px; }
.m2proMrdx{ font-size: 16px; line-height: 28px; color: #999999; max-height:140px; overflow-y:auto; padding-right:10px; margin-right:-10px; min-height:112px; margin-bottom:40px;}
.m2pro_mvbtn{ line-height: 52px; height: 52px; width: 160px; padding-left: 23px; background: #004b9f url(../images/m2pro_mvico.png) no-repeat 114px center; display: inline-block; font-size: 16px; color: #FFF; letter-spacing: 1px; border-radius:0.3em; }
.m2pro_mvbtn:hover{box-shadow: 0 3px 10px rgba(0,75,159,0.2);transform: translateY(-3px); color:#fff;}
.m2proul{ margin:0 -23px; display:flex;flex-wrap:wrap}
.m2proul li{ width:calc(33.33% - 46px); margin:46px 23px 0; background:#F7F7F7; transition:all 0.5s ease;}
.m2proul li:hover{transform:translateY(-8px); box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.m2pro_aBox{ display:block;}
.m2pro_aBox .overflowHide{ height:345px;}
.m2probm{ padding: 28px 28px 40px; }
.m2probm strong{ font-size: 22px; line-height: 40px; font-weight: normal; letter-spacing: 1px; display: inline; height: 40px; }
.m2probm p{ font-size: 16px; line-height: 28px; color: #999999; margin: 6px 0px 15px; height: 28px; overflow: hidden; letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.m2probm span{ font-size: 16px; line-height: 36px; color: #999999; background: url(../images/m2pro_mr.png) no-repeat right center; display: inline-block; padding-right: 28px; }
.m2pro_aBox:hover .m2probm span{ background: url(../images/m2pro_mr2.png) no-repeat right center; color: #004b9f; }
@media (max-width:1799px){
.m2proMv .overflowHide{ height:380px;}
.m2proMrt{font-size: 24px;line-height: 50px}
.m2proMrt + .m2proMrdes{margin-top:8px!important;}
.m2proMvrx{padding:0 35px;}
.m2proMrt span{height: 50px;width: 50px;margin-right: 15px;}
.m2proMrt span img{width: 32px;height: 32px;}
.m2proMrdes{ margin-top:20px;}
.m2proMrdes strong{ font-size: 20px; line-height: 30px; margin-bottom: 8px; }
.m2proMrdx{ font-size: 14px; line-height: 24px; max-height:120px; min-height:96px; margin-bottom:20px;}
.m2pro_mvbtn{ line-height: 48px; height: 48px; width: 142px; padding-left: 20px; background: #004b9f url(../images/m2pro_mvico.png) no-repeat 98px center; font-size: 14px; }
.m2proul{ margin:0 -15px;}
.m2proul li{ width:calc(33.33% - 30px); margin:36px 15px 0;}
.m2pro_aBox .overflowHide{ height:235px;}
.m2probm{ padding: 20px 20px 25px; }
.m2probm strong{ font-size:20px; line-height: 32px; height: 32px; }
.m2probm p{ font-size: 14px; line-height: 24px; margin: 5px 0px 12px; height: 24px;}
.m2probm span{ font-size: 14px; line-height: 30px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2proMvrx{padding:0 25px;}
.m2proMrdes strong{font-size:16px; margin-top:5px;}
.m2proMrdx{font-size:12px;}
.m2proMrt{font-size:20px; letter-spacing:1px;}
.m2proMrdx{max-height:96px;}
.m2proMv .overflowHide{height:360px;}
.m2proul{ margin:0 -10px;}
.m2proul li{ width:calc(50% - 20px); margin:26px 10px 0;}
.m2probm strong{ font-size:18px;}
.m2proPage{padding:50px 0 60px;}
}
@media (max-width:767px){
.m2proTop{display:block; overflow:hidden;}
.m2proMv .overflowHide{height:210px;}
.m2proMv .overflowHide:after { transform:scale(0.8);}
.m2proMvrx{width:100%; display:block; padding:25px 15px 35px; height:auto;}
.m2proMrdx{min-height:10px; max-height:150px;}
}

.m2cspage{ padding:5.2vw 0 2.6vw;}
.m2csSexx{ min-height:70px;}
.m2csSexx .m2dwSer{ width:585px; float:left;}
.m2csKeys{ margin-left:615px; line-height:70px; letter-spacing:1px; color:#999999; font-size:16px;}
.m2csKeys a{ color:#999999;}
.m2csKeys a:hover{ color:#004b9f;}
.m2csKeys span{ display:inline-block; margin:0 15px;}
.m2csul{ margin: 3.6vw -24px 0px; }
.m2csul li{ padding: 0px 24px; float: left; width: 33.33%; margin-bottom: 48px; }
.m2cs_aBox{ display:block; background:#f7f7f7;}
.m2cs_aBox:hover{transform:translateY(-8px); box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.m2cs_aBox .overflowHide{ height:345px;}
.m2csbmx{ padding: 25px 25px 28px; }
.m2csbmx strong{ font-size: 21px; line-height: 32px; height: 64px; overflow: hidden; letter-spacing: 1px; display: block; font-weight: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.m2csbmp{ margin-top: 18px; padding-top: 18px; border-top: 1px solid #E4E4E4; }
.m2csbmp p{ font-size: 16px; color: #999999; line-height: 30px; height: 30px; padding-right: 55px; background: url(../images/m2cs_m1.png) no-repeat right center; }
@media (max-width:1799px){
.m2csbmx{ padding: 12px 20px 20px; }
.m2csbmx strong{font-size:18px; line-height:30px; height:60px;}
.m2csbmx p{ padding-left: 0px; font-size: 14px; line-height: 28px; height: 28px;}
.m2csKeys span{margin:0 4px;}
.m2csSexx{ min-height:60px;}
.m2csSexx .m2dwSer{ width:385px;}
.m2csKeys{ margin-left:405px; line-height:60px; font-size:14px;}
.m2csbmp{padding-top:10px; margin-top:10px;}
.m2csul{ margin: 3vw -15px 0px; }
.m2csul li{ padding: 0px 15px; margin-bottom: 30px; }
.m2cs_aBox .overflowHide{ height:240px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2csKeys{line-height:26px;}
.m2csKeys a{white-space:nowrap;}
}
@media (max-width:993px){
.m2cspage{padding:50px 0 40px;}
.m2csSexx .m2dwSer{width:100%; margin-bottom:10px;}
.m2csKeys{margin-left:0; }
.m2csul{margin:25px -10px 10px;}
.m2csul li{width:50%; padding:0 10px; margin-bottom:20px;}
.m2csbmx strong{font-size:16px; line-height:28px; height:56px;}
}
@media (max-width:767px){
.m2proul li{width:100%}
.m2probm{padding-left:15px; padding-right:15px;}
.m2csul li{width:100%;}
}


.m2proTop{}
.m3csTop .m2proMv .overflowHide:after{display:none;}
.m3csTop .m2proMv .overflowHide,.m3csTop2 .m2proMv .overflowHide{height:461px;}
.m3csTop .m2proMrdes strong,.m3csTop2 .m2proMrdes strong{ background: url(../images/m3cs_tli.png) no-repeat left bottom; font-size: 38px; line-height: 40px; margin-bottom: 26px; padding-bottom: 32px; margin-top:0;}
.m3csTop .m2proMrdx,.m3csTop2 .m2proMrdx{ min-height:84px; max-height:112px;}
.m3csTop .m2pro_mvbtn,.m3csTop2 .m2pro_mvbtn{ background:#004b9f url(../images/m3cs_btni.png) no-repeat 114px center;}
.m3csul{}
.m3csul .m2pro_aBox .overflowHide{height:286px;}
.m3csul .m2probm p{ height: 28px;-webkit-line-clamp:1;}
.m2csul2{}
.m2csul2 .m2pro_aBox .overflowHide{height:281px;}
.m2pro_aBox i{ background: url(m2cs_m1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; }
.m2pro_aBox:hover i{ background: url(m2cs_m2.png) no-repeat center center; }
.m3csBom{ background: #f7f7f7; padding: 4.16vw 0px; }
.m3cst{ line-height:50px; height:50px;}
.m3cstnm{ float: left; position:relative; font-size:42px; letter-spacing:2px; }
.m3cstnm:after{ content: ""; height: 8px; position: absolute; left: 0px; bottom: -2px; width:100%;background: linear-gradient(to right,  #00359E 0%,#127CDD 100%); }
.m3cstnm span{ display:inline-block; position:relative; z-index:1;}
.m3cstm{ background: #004b9f url(../images/m2csar.png) no-repeat 112px center; float: right; height: 40px; width: 150px; margin-top: 5px; padding-left: 30px; line-height: 40px; color: #FFF; font-size: 16px; letter-spacing: 1px; border-radius:2em;}
.m3cstm:hover{ color: #FFF; box-shadow:0 3px 10px rgba(0,75,159,0.3);}
.m3bmcsul{ margin: 2.86vw -29px 4.16vw; padding-bottom:4.16vw; }
.m3bmcsul .slick-track{margin-left:0;}
.m3bmcsul dd{ padding:0 29px;}
.m3cs_aBox{ display:block; background:#fff;}
.m3cs_aBox .overflowHide{ height:342px;}
.m3cs_abm{ padding: 15px 30px 25px; }
.m3cs_abm strong{ line-height: 68px; height: 68px; border-bottom: 1px solid #E4E4E4; font-weight: normal; font-size: 21px; display: block; letter-spacing:1px; margin-bottom:16px;}
.m3cs_abm p{ padding-left: 18px; font-size: 16px; line-height: 34px; color: #999999; height: 34px; overflow: hidden; position: relative; }
.m3cs_abm p:before{ content: ""; background: #064DB3; height: 3px; width: 3px; position: absolute; left: 0px; top: 15px; }
.m3bmcsul .slick-dots{bottom:0;}
.m3bmcsul .slick-dots li button{display:none;}
.m3bmcsul .slick-dots li { background:#AEC4E2; display: inline-block; height: 4px; width: 60px; margin: 0px 4px; position: relative; vertical-align:middle}
.m3bmcsul .slick-dots li.slick-active{ background: #064DB3; }
.m3csBswiper{ margin:2.6vw -8px 0; padding-bottom:3.43vw;}
.m3csBswiper dd{ padding:0 8px;}
.m3csBswiper dd a{ display:block; height:102px; position:relative; background:#fff; border-radius:0.3em; border:1px solid #ECE3E3; position:relative;}
.m3csBswiper dd a img{ position:absolute; left:50%; top:50%; max-width:70%; max-height:70%; width:auto; height:auto; transform:translate(-50%,-50%);}
.m3csBswiper .slick-prev{ background: url(../images/m2csbmBtn1a.png) no-repeat center center; display: inline-block; height: 31px; width: 60px; position: absolute; left: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #004b9f; bottom: 0px; transition:all 0.3s ease; border-radius:2em; }
.m3csBswiper .slick-next{ background: url(../images/m2csbmBtn1a.png) no-repeat center center; display: inline-block; height: 31px; width: 60px; position: absolute; left: 68px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #004b9f; bottom: 0px; transition:all 0.3s ease; border-radius:2em; transform:rotate(180deg);}
.m3csBswiper .slick-prev:hover,.m3csBswiper .slick-next:hover{ background: #004b9f url(../images/m2csbmBtn1.png) no-repeat center center; }
.m3csBline{ background: #E4E5E6; height: 3px; right: 0px; margin-left: 170px; position:relative; top:-18px; }
.m3csBline i{ transition:all 0.5s ease; height:3px; width:0%; left:0; width:25%; background:#004b9f; position:absolute;}
@media (max-width:1799px){
.m3cstm{ background: #004b9f url(../images/m2csar.png) no-repeat 95px center; height: 38px; width: 135px; padding-left: 26px; line-height: 38px; font-size: 14px;}
.m3bmcsul{ margin: 2.86vw -15px 3.66vw; padding-bottom:3.66vw; }
.m3bmcsul dd{ padding:0 15px;}
.m3bmcsul .slick-dots li { height: 3px; width: 50px;}
.m3cs_aBox .overflowHide{ height:220px;}
.m3csul .m2pro_aBox .overflowHide{height:220px;}
.m3csTop .m2proMv .overflowHide,.m3csTop2 .m2proMv .overflowHide{height:350px;}
.m2proMvrx .m2proMrdes{margin-top:0;}
.m3csTop .m2proMrdes strong, .m3csTop2 .m2proMrdes strong {	font-size: 26px;line-height: 32px;margin-bottom: 16px;padding-bottom: 20px;margin-top: 0;}
.m3cstnm{font-size:30px;}
.m3cstnm:after{height:6px;}
.m3cst{height:40px; line-height:40px;}
.m3cs_abm{ padding: 10px 30px 25px; }
.m3cs_abm strong{line-height:58px; height:59px; font-size:18px;}
.m3cs_abm p{font-size: 14px; line-height: 30px; height: 30px; }
.m3cs_abm p:before{ top: 14px; }
.m3csBswiper dd a{height:82px;}
.m3csTop .m2pro_mvbtn,.m3csTop2 .m2pro_mvbtn{ background:#004b9f url(../images/m3cs_btni.png) no-repeat 100px center;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m3cstnm{font-size:26px}
.m3csBswiper{padding-bottom:4.5vw;}
}
@media (max-width:993px){
.m3bmcsul .slick-dots li{width:7px; height:7px; border-radius:50%; margin:0 6px;}
.m2proPage .m2csul2{margin-top:-15px;}
.m3csTop .m2proMv .overflowHide,.m3csTop2 .m2proMv .overflowHide{height:320px;}
.m3csBom{padding-bottom:60px;}
.m3csBswiper{padding-bottom:50px;}
}
@media (max-width:767px){
.m3bmcsul .slick-dots{bottom:-16px;}
.m3csTop .m2proMv .overflowHide,.m3csTop2 .m2proMv .overflowHide{height:210px;}
.m3csTop .m2proMrdes strong, .m3csTop2 .m2proMrdes strong{font-size:24px;}
.m3csBom{padding-top:50px;}
.m3cstnm{font-size:24px;}
.m3cstnm:after{height:4px;}
.m3cstm {height: 36px;width: 128px;padding-left: 25px;line-height: 36px;}
.m3cs_abm{padding-left:20px; padding-right:20px;}
.m3bmcsul{margin-bottom:35px;}
.m3csBswiper{margin-top:25px;}
}

.m2pubCon{ padding-top:5.2vw; padding-bottom:5.2vw;}
.m3proPage{}
.m3proCon1{ height: 548px; position:relative; overflow:hidden; background:#F7F7F7; padding:0 3.62% 10px 55%;display:flex; flex-direction:column; justify-content:center;}
.m3proc1mv{width:50%; position:absolute; left:0; top:0; bottom:0;}
.m3promvx{display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.m3promvx .overflowHide{position:absolute; left:0; top:0; right:0; bottom:0;}
.m3promvx.vBtn .overflowHide:after{ content: ""; background: url(../images/m2pro_play.png) no-repeat center center; height: 70px; width: 70px; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; z-index: 1; }
.m2pubTx{ line-height:50px; height:50px;}
.m2pubTxnm{ float: left; position:relative; font-size:42px; letter-spacing:2px; }
.m2pubTxnm:before{content:""; height: 8px; position: absolute; left: 0px; bottom: -2px; width:100%;background: linear-gradient(to right,  #00359E 0%,#127CDD 100%); }
.m2pubTxnm span{ display:inline-block; position:relative; z-index:1;}
.m3proc1txt{ font-size: 15px; line-height: 28px; color: #666666; margin: 2.08vw 0px 2.6vw; max-height:252px; padding-right:10px; margin-right:-10px; overflow-y:auto;}
.m3proc1btn{}
.m3proc1btn a{ line-height: 52px; height: 52px; width: 158px; padding-left: 27px; background: #004b9f url(../images/m3pro_c1i.png) no-repeat 114px center; font-size: 16px; color: #FFF; letter-spacing: 1px; display: inline-block; border-radius:0.2em;}
.m3proc1btn a:hover{ box-shadow:0 3px 15px rgba(0,75,159,0.3); transform:translateY(-3px);}
.m3proCon2Wpr{ background: #f7f7f7; }
.m3proCon2{ position:relative; padding-right:51.87%;}
.m3proc2Imgx{ width: 880px; position: absolute; right: -150px; top: 50%; transform: translateY(-50%); height: 504px; background: url(../images/m3pro_imgx1.png) no-repeat center center; }
.m3proc2Imgx:after{ content: ""; background: url(../images/m3pro_imgx1a.png) no-repeat center center; position: absolute; left: -67px; top: 14px; right: 0px; bottom: 0px; }
.m3proc2imgSwiper{ position:absolute; width:556px; height:315px; left:107px; top:80px; z-index:1;}
.m3proc2imgSwiper .bgImg{ width:556px; height:315px; overflow:hidden; border-radius:1.8em;}
.m3proc2txt{ font-size: 16px; line-height: 28px; margin-top:2.6vw; height:388px; overflow:auto; padding-right:10px; margin-right:-10px;}
.m3proc2imgSwiper .slick-dots{bottom:-130px;}
.m3proc2imgSwiper .slick-dots li button{display:none;}
.m3proc2imgSwiper .slick-dots li { background: #C6D0E5; display: inline-block; height: 7px; width: 7px; margin: 0px 10px; position: relative; border-radius: 50%; vertical-align: middle; border-radius:50%; }
.m3proc2imgSwiper .slick-dots li.slick-active{ background: #00359F; }
.m3proCon3{}
.m3proc3dls{ margin: 0 -2.6vw 0px; overflow:hidden; display:flex; flex-wrap:wrap;}
.m3proc3dls dl{ width:50%; float:left; padding:0 2.6vw; margin-top:3.12vw; min-height:76px;}
.m3proc3dls dl dt{ line-height: 38px; margin-left: 6px; position: relative; padding-left: 110px; font-size: 26px; letter-spacing: 1px; margin-bottom:8px; }
.m3proc3dls dl dt span{ background: #F4F4F4; height: 76px; width: 76px; position: absolute; left: 0px; top: 0px; border-radius:0.8em;}
.m3proc3dls dl dt span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m3proc3dls dl dt strong{ display:block; font-weight:normal;}
.m3proc3dls dl dd{ padding-left: 110px; font-size: 16px; line-height: 28px; }
.m3proc3dls dl dd p{ padding-left: 14px; position: relative; }
.m3proc3dls dl dd p:after{content:""; width:5px; height:5px; background:#1178D9; border-radius:50%; position:absolute; left:0; top:11px;}
.m3proCon4Wpr{ background: #f7f7f7; }
.m3proCon4{ position:relative; padding-right:52.68%;}
.m3proc4Imgs{ height: 677px; width: 867px; position: absolute; top: 50%; right: -100px; transform: translateY(-50%); background: url(../images/m3pro_c2bg.png) no-repeat center center; }
.m3proc4Imgs .bgImg{ height: 334px; width: 557px; position: absolute; left: 154px; top: 169px; overflow:hidden; border-radius:1.8em; }
.m3pro_c4txt{ font-size: 16px; line-height: 28px; margin-top:2.6vw; height:480px; overflow:auto; padding-right:10px; margin-right:-10px;}
.m3proCon5Wpr .m3bmcsul{ margin-bottom:0}
.m3proCon5Wpr .m3cs_aBox{ background:#f9f9f9;}
@media (max-width:1799px){
.m3proCon1{ height: 388px; padding:0 3% 10px 53%}
.m2pubTx{ line-height:40px; height:40px;}
.m2pubTxnm{ font-size:30px }
.m2pubTxnm:before{ height: 6px; }
.m3proc1txt{ font-size: 14px; line-height: 24px; margin: 1.8vw 0px 2vw; max-height:168px;}
.m3proc1btn a{ line-height: 48px; height: 48px; width: 142px; padding-left: 20px; background: #004b9f url(../images/m3pro_c1i.png) no-repeat 98px center; font-size: 14px;}
.m3proc2Imgx{ transform:scale(0.8) translateY(-50%); transform-origin:right top; margin-top:-10px; }
.m3proc2txt{ font-size: 14px; line-height: 26px;}
.m3proc3dls{ margin: 0 -15px 0px; }
.m3proc3dls dl{ padding:0 15px; margin-top:2.8vw; min-height:66px;}
.m3proc3dls dl dt{ line-height: 32px; padding-left: 90px; font-size: 21px;}
.m3proc3dls dl dt span{ height: 66px; width: 66px; }
.m3proc3dls dl dt span img{ width:42px; height:42px;}
.m3proc3dls dl dd{ padding-left: 90px; font-size: 14px; line-height: 24px; }
.m3proc4Imgs{ transform:scale(0.72) translateY(-50%); transform-origin:right top; }
.m3pro_c4txt{ font-size: 14px; line-height: 24px;height:382px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2pubTxnm{font-size:26px;}
.m3proc2Imgx{ transform:scale(0.7) translateY(-50%);}
}
@media (max-width:993px){
.m3proc1txt{max-height:96px;}
.m3proCon1{height:310px;}
.m2pubTxnm{font-size:24px;}
.m2pubCon{ padding-top:50px; padding-bottom:60px;}
.m3proc2Imgx{position:relative; right:auto; top:auto; transform:translateY(0) scale(0.7); transform-origin:center top; margin:35px 0 60px; left:-70px;}
.m3proc2txt{margin-top:-130px; height:auto}
.m2pubTx{text-align:center;}
.m2pubTxnm{display:inline-block; float:none;}
.m3proc3dls dl{width:100%;}
.m3proc4Imgs{position:relative; right:auto; table-layout:auto; transform:translateY(0) scale(0.7); transform-origin:center top; left:-70px; margin-top:50px;}
.m3proCon4{padding-right:0;}
.m3pro_c4txt{margin-top:-150px; height:auto;}
.m3proCon5Wpr .m2pubTx{text-align:left;}
.m3bmcsul{margin-top:25px; margin-left:-10px; margin-right:-10px;}
.m3bmcsul dd{padding:0 10px;}
.m3proCon2{padding-right:0;}
}
@media (max-width:767px){
.m3proCon1{height:auto; overflow:hidden; padding-left:0; padding:35px 15px 50px;}
.m3proc1mv{position:relative; left:auto; top:auto; width:100%; height:210px; margin-top:25px; margin-bottom:10px;}
.m3proc1txt{max-height:172px; margin-bottom:15px;}
.m2pubCon{ padding-top:50px; padding-bottom:50px;}
.m3proc2Imgx{margin:10px 0 50px;}
.m3proc2Imgx {transform: translateY(0) scale(0.42);margin: 35px 0 60px;left: -250px;}
.m3proc2txt{margin-top:-290px;}
.m3promvx .overflowHide::after{transform:scale(0.8);}
.m3proc3dls dl dt span{width:56px; height:56px;}
.m3proc3dls dl{margin-top:25px;}
.m3proc3dls dl dt{font-size:18px; padding-left:72px;}
.m3proc3dls dl dd{padding-left:72px;}
.m2pubTxnm:before {height: 4px;}
.m3proc4Imgs{transform:translateY(0) scale(0.42); left:-245px; margin-top:40px;}
.m3pro_c4txt{margin-top:-360px;}
}
@media (max-width:380px){
.m3proc2Imgx {left: -265px;}	
.m3proc4Imgs{left:-265px;}
}

.m3csPage{}
.m3csCon1{ position: relative; padding-right: 56%; }
.m3cs_c1img{ background: url(../images/m3cs_c1bg.jpg) no-repeat center center; height: 527px; width: 849px; position: absolute; top: 50%; right: 0px; margin-top:-276px; }
.m3cs_c1img .bgImg{ height: 352px; width: 626px; position: absolute; top: 87px; right: 17px; border-radius:0.3em; overflow:hidden; }
.m3cs_c1txt{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 2.6vw; height:398px; overflow-y:auto; padding-right:10px; margin-right:-10px;}
.m3csCon2{ background:#f7f7f7;}
.m3cs_c2des{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 2.6vw; }
.m3csc2ul{ padding-top:0.93vw; display:flex; flex-wrap:wrap; justify-content:space-between;}
.m3csc2ul li{ width: 450px; padding-top: 30px; }
.m3csc2ul li strong{ height: 78px; }
.m3csc2ul li strong span{ background: #FFF; display: inline-block; height: 78px; width: 78px; position: relative; border-radius:0.8em; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.m3csc2ul li strong span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m3csc2ul li p{ font-size: 16px; line-height: 28px; color: #666666; letter-spacing: 1px; margin-top: 16px; }
.m3proCon4Wpr2{ background:#fff; padding-bottom:0}
.m3csFixedCon{}
.m3csFixedMenu{ width:420px; float:left;position: -webkit-sticky;position: sticky;top: 130px; }
.m3csFixedMenu li{ line-height: 34px; height: auto; position: relative; padding-left: 52px; font-size: 22px; letter-spacing: 1px; transition:all 0.5s ease; padding-bottom:45px;}
.m3csFixedMenu li:after{content:""; background:#EBF0F2; width:2px; position:absolute; left:16px; top:34px; bottom:0;}
.m3csFixedMenu li:last-child{padding-bottom:0;}
.m3csFixedMenu li.on,.m3csFixedMenu li.on a,.m3csFixedMenu li a:hover{ color:#127cdc!important;}
.m3csFixedMenu li span{ line-height: 32px; background: #C3C8CB; height: 34px; width: 34px; font-size: 18px; color: #FFF; position: absolute; left: 0px; top: 0px; border-radius:50%; text-align:center; transition:all 0.5s ease;}
.m3csFixedMenu li.on span,.m3csFixedMenu li:hover span{ color: #FFF; background: #127cdc; }
.m3csFixedItems{ margin-left:500px; overflow:hidden;}
.m3csFixedItems dl{ margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px dashed #C3C8CB; color: #666666;}
.m3csFixedItems dl:last-child{border:none; padding-bottom:0; margin-bottom:0}
.m3csFixedItems dl dt{ font-size: 16px; line-height: 28px; font-weight: bold; display: block; }
.m3csFixedItems dl dd{ font-size: 16px; line-height: 28px; margin-top: 10px; }
.m3csFixedCon2{ background:#f7f7f7;}
.m3csFix2Lx{ width:420px; float:left;position: -webkit-sticky;position: sticky;top: 130px; }
.m3csFixedMenu2{ padding-top:12px;}
.m3csFixedMenu2 li a{ background: url(../images/m3cs_m3bg1.png) no-repeat left top; height: 65px; margin-top: 20px; display: block; position: relative; font-size: 16px; line-height: 28px; padding: 0px 55px 0px 60px; width: 338px;display:flex; flex-direction:column; justify-content:center; transition:none; }
.m3csFixedMenu2 li.on a{ background: url(../images/m3cs_m3bg2.png) no-repeat left top; color: #FFF; }
.m3csFixedMenu2 li p{}
.m3csFixedMenu2 li a:after{ content: ""; background: url(../images/m3cs_msi1.png) no-repeat center center; position: absolute; left: 25px; top: 50%; height: 19px; width: 19px; margin-top: -10px; }
.m3csFixedMenu2 li.on a:after{ content: ""; background: url(../images/m3cs_msi1a.png) no-repeat center center; }
.m3csFixedItems2{ margin-left:500px;}
.m3csFixedItems2 dl{ margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px dashed #C3C8CB; color: #666666; }
.m3csFixedItems2 dl:last-child{border:none;}
.m3csFixedItems2 dl dt{font-size: 16px; line-height: 28px; font-weight: bold; display: block; }
.m3csFixedItems2 dl dd{font-size: 16px; line-height: 28px; margin-top: 18px;}
.m3csbmCon{ background: url(../images/m3cs_bmbg.png) no-repeat center center; }
.m3csbmx1imgTxt{ margin-top:2.6vw; display:flex; border-radius:0.5em; overflow:hidden; background:#F7F7F7;}
.m3csbmx1imgTxt .bgImg{ width:50%; float:left; height:476px; float:left;}
.m3csbmx1des{ width: 50%; float: right; display: flex; flex-direction: column; justify-content: center; padding: 0 3.9vw; font-size: 16px; line-height: 28px; color: #666666; }
.m3csbmx2{ padding-top:0}
.m3csbmx1des_p{max-height:308px; overflow-y:auto; padding-right:10px; margin-right:-10px;}
.m3csbmTry{ font-size: 16px; line-height: 28px; color: #666666; margin-top:2.6vw;}
@media (max-width:1799px){
.m3cs_c1img{transform:scale(0.7); transform-origin:right center;}
.m3cs_c1txt{font-size:14px; line-height:24px; height:265px;}
.m3cs_c2des{font-size:14px; line-height:24px;}
.m3csc2ul li strong span{width:66px; height:66px;}
.m3csc2ul li strong span img{width:42px; height:42px;}
.m3csc2ul li p{font-size:14px; line-height:24px; margin-top:12px;}
.m3csFixedMenu{width:350px; transform:scale(0.8); transform-origin:left top;}
.m3csFixedItems{margin-left:380px;}
.m3csFixedItems dl dd,.m3csFixedItems2 dl dd{font-size:14px; line-height:26px;}
.m3csFix2Lx{width:350px;}
.m3csFixedItems2{margin-left:380px;}
.m3csFixedMenu2{transform:scale(0.92); transform-origin:left top;}
.m3csbmx1des{padding:0 35px; font-size:14px; line-height:24px;}
.m3csbmx1imgTxt .bgImg{height:342px;}
.m3csFixedMenu li{padding-bottom:35px;}
.m3csFixedItems dl{padding-bottom:20px; margin-bottom:20px;}
}
@media (max-width:1379px){
.m3csFixedMenu li{padding-bottom:25px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.m3csCon1{padding-right:0;}
.m3cs_c1img{position:relative; right:auto; top:auto; transform:translateY(0) scale(0.7); transform-origin:center top; margin:35px 0 60px; left:-70px;}
.m3cs_c1txt{height:auto; margin-top:-180px;}
.m3csc2ul{margin-left:-10px; margin-right:-10px;}
.m3csc2ul li{width:calc(50% - 20px); float:left; margin:0 10px;}
.m3csFixedMenu{display:none;}
.m3csFixedItems{margin-left:0;}
.m3csFixedMenu2{display:none;}
.m3csFix2Lx{width:100%; float:none;}
.m3csFixedItems2{margin-left:0; margin-top:25px;}
.m3csFixedCon2{padding-bottom:10px;}
.m3csbmx1imgTxt{margin-top:30px; display:block;}
.m3csbmx1imgTxt .bgImg{width:100%; float:none;}
.m3csbmx1des{width:100%; float:none; padding:25px 20px;}
}
@media (max-width:767px){
.m3cs_c1img{transform:translateY(0) scale(0.42); left:-235px; margin-top:30px;}
.m3cs_c1txt{margin-top:-340px;}
.m3csc2ul li{width:calc(100% - 20px); text-align:center;}
.m3cs_c2des{margin-top:25px;}
.m3csFixedItems2 dl dd{margin-top:10px;}
.m3csbmx1imgTxt .bgImg{height:220px;}
.m3csbmx1des{padding:20px 15px 35px}
.m3csbmTry{margin-top:25px;}
}
@media (max-width:380px){
.m3cs_c1img {left: -255px;}	
}





.m4csPage{}
.m4csCon1{position:relative; padding:55px 50% 75px 0}
.m4csc1imgs{ width:710px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.m4cs_c1item{}
.m4cs_c1item .bgImg{ height:378px; border-radius:0.8em; overflow:hidden; border:10px solid #DCEEFC;}
.m4cs_c1nm{ line-height: 65px; color: #FFF; background: url(../images/m4cs_tbg.png) no-repeat center center; text-align: center; margin: 0px auto; height: 65px; width: 283px; font-size: 22px; letter-spacing: 1px; padding-right:43px; overflow:hidden; padding-left:15px; margin-top:12px;}
.m4cs_c1txt{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 2.08vw; height:224px;}
.m4csc1imgs .slick-dots{bottom:-35px;}
.m4csc1imgs .slick-dots li button{display:none;}
.m4csc1imgs .slick-dots li { background: #C6D0E5; display: inline-block; height: 7px; width: 7px; margin: 0px 10px; position: relative; border-radius: 50%; vertical-align: middle; border-radius:50%; }
.m4csc1imgs .slick-dots li.slick-active{ background: #00359F; }
.m4csCon2{ background:#f7f7f7}
.m4proc2dls{}
.m4proc2dls dl dt span{background:#fff;}
.m4proc2dls dl dt{ font-size: 22px; line-height: 36px; margin-left:0 }
.m4proc2dls dl dd{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 18px; }
.m4csCon3 .m2pubTx{ margin-bottom:40px;}
.m4csc3Lx{width:420px; float:left;position: -webkit-sticky;position: sticky;top:120px; }
.m4csc3Lx .m3csFixedMenu{position:relative; top:0}
.m4csCon4{background:#f7f7f7;}
.m4csCon4 .m3csbmx1imgTxt{background:#fff;}
@media (max-width:1799px){
.m4csc1imgs{transform:scale(0.73) translateY(-50%); transform-origin:right top;}
.m4cs_c1txt{font-size:14px; line-height:24px;}
.m4proc2dls dl dt{font-size:18px; line-height:32px;}
.m4proc2dls dl dd{font-size:14px; line-height:26px; margin-top:8px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m4csc1imgs{transform:scale(0.62) translateY(-50%);}
}
@media (max-width:993px){
.m4csCon1{padding-right:0; padding-top:0; padding-bottom:0}
.m4csc1imgs{position:relative; right:auto; top:auto; transform:translateY(0) scale(0.7); transform-origin:center top; margin:35px 0 60px; left:20px;}
.m4cs_c1txt{ height:auto; margin-top:-140px;}
.m4csc3Lx{width:100%; float:none;}
}
@media (max-width:767px){
.m4csc1imgs{transform:translateY(0) scale(0.45); left:-160px; margin-top:40px;}
.m4cs_c1txt{margin-top:-270px;}
.m4proc2dls dl dt{font-size:16px; line-height:28px;}
}
@media (max-width:408px){
.m4csc1imgs{left:-168px;}
}
@media (max-width:380px){
.m4csc1imgs{left:-182px;}
}
@media (max-width:370px){
.m4csc1imgs{left:-192px;}
}


/*index CSS*/
#rmenu{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:20; width:72px;}
#rmenu li{}
#rmenu li a{ display:block; line-height:36px; height:36px; color: #FFF; position:relative;}
#rmenu li a span{ font-size: 14px; transition:all 0.5s ease; opacity:0;}
#rmenu li a:after{ content: ""; background: #FFF; height: 3px; width: 12px; position: absolute; left: 3px; top: 17px; transition:all 0.5s ease; }
#rmenu li.active a span{ opacity:1; transition-delay:0.3s}
#rmenu li.active a:after{ left:24px;}
@media (max-width:1799px){
#rmenu{right:-25px;}
#rmenu li a:after{ height: 2px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
#rmenu{display:none;}
}
@media (max-width:767px){

}

.hmPage2{position:relative;}
.hmc2bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2bgs .bgImg{ position:absolute; left:0; top:0; right:34vw; bottom:0; transition:all 0.5s ease; opacity:0}
.hmc2bgs .bgImg.on{opacity:1;}
.hmc2bgs:after{ content: ""; width: 37.34%; position: absolute; right: 0; top: 0; bottom: 0; background: url(hmc2rbg.jpg) no-repeat center center; background-size:cover;}
.hmPage2 .container{}
.hmc2Con{ height:580px;}
.hmTbox{ height:56px; position:relative;}
.hmTbox strong{ font-size: 52px; line-height: 54px; float: left; letter-spacing: 3px; }
.hmTbox p{ font-size: 20px; line-height: 28px; float: left; color: rgba(0,0,0,0.3); margin-left: 24px; padding-left: 24px; font-weight: bold; position:relative; }
.hmTbox p:after{content:""; background:rgba(255,255,255,1); width:1px; position:absolute; left:0; top:8px; bottom:4px;}
.hmTbox_w{color:#fff;}
.hmTbox_w p{color:#fff;}
.hmTbox_w p:after{background:#fff;}
.hmc2dls{ position:absolute; right:0; height:100vh; top:0; z-index:1; width:833px;display:flex; flex-direction:column; justify-content:center;}
.hmc2dls dd{}
.hmc2a{ display:block; width:833px; height:166px; position:relative; padding:45px 0 0 362px;}
.hmc2a:before{ content: ""; background: url(hmc2hbg.png) no-repeat right center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease; opacity:0; transform:translateX(80px); }
.hmc2a:hover:before{opacity:1; transform:translateX(0);}
.hmc2a span{ height: 182px; width: 192px; position: absolute; left: 175px; top: 22px; transition:all 0.5s ease; }
.hmc2a span img{ position:absolute; left:0; top:0; transition:all 0.5s ease;}
.hmc2a span img.iOpacity{}
.hmc2a:hover span img{opacity:0;}
.hmc2a:hover span img.iOpacity{opacity:1;}
.hmc2atxt{}
.hmc2atxt strong{ letter-spacing: 1px; display: block; font-size: 22px; font-weight: normal; line-height: 30px;max-width:310px; color:#fff; position:relative; }
.hmc2atxt p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; max-width:310px; color:rgba(255,255,255,0.6); margin-top:6px; position:relative}
.hmc2a:hover{padding-left:280px;}
.hmc2a:hover span{ left:85px;}
.hmc2Btnx{ margin-top:4.68vw;}
.hmBbtn{ background: url(../images/hmBtn.png) no-repeat left top; height: 62px; width: 199px; color: #FFF; font-size: 16px; line-height: 50px; letter-spacing: 1px; padding-left: 30px; position: relative; display:inline-block; text-align:left;}
.hmBbtn:hover{ color:#fff; transform:translateY(-6px);}
.hmBbtn:after{ content: ""; background: url(../images/hmArr.png) no-repeat; height: 10px; width: 21px; position: absolute; top: 20px; right: 52px; transition:all 0.5s ease;}
.hmBbtn:hover:after{ right:42px;}
@media (max-width:1799px){
.hmc2Con{ height:430px;}
.hmTbox{ height:46px;}
.hmTbox strong{ font-size: 40px; line-height: 40px; letter-spacing: 2px; }
.hmTbox p{ font-size: 16px; line-height: 22px; margin-left: 18px; padding-left: 18px;}
.hmTbox p:after{ top:7px;}
.hmc2dls{ width:666px; margin-top:30px;}
.hmc2a{ width:666px; height:133px; padding:28px 0 0 305px;}
.hmc2a:before{ background-size:cover; transform:translateX(50px); }
.hmc2a:hover:before{transform:translateX(0);}
.hmc2a span{ height: 152px; width: 162px; left: 145px; top:5px;}
.hmc2atxt strong{ font-size: 18px; line-height: 24px; max-width:280px;}
.hmc2atxt p{ font-size: 14px; line-height: 22px; height: 44px; max-width:280px; margin-top:5px;}
.hmc2a:hover{padding-left:250px;}
.hmc2a:hover span{ left:67px;}
.hmc2Btnx{ margin-top:4vw;}
.hmBbtn{ transform:scale(0.86); transform-origin:left top;}
.hmBbtn:hover{ transform:translateY(-6px) scale(0.86);}
}
@media (max-width:1379px){
.hmc2Con{height:390px;}
.hmc2dls{width:580px;}
.hmc2a{ width:580px; height:116px; padding:22px 0 0 265px;}
.hmc2a span{left:105px;}
.hmc2a:hover span{left:34px;}
.hmc2a:hover{padding-left:200px;}
.hmc2atxt p{max-width:250px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hmPage2{height:auto;}
.hmc2bgs:after{display:none;}
.hmc2Con{height:auto; padding:80px 0;}
.hmc2bgs .bgImg:after{content:""; background:rgba(2,76,160,0.3); position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2dls{width:auto; position:relative; right:auto; top:auto; height:auto; margin-top:50px; margin-bottom:80px;}
.hmc2a span img{opacity:0;}
.hmc2a span img.iOpacity{opacity:1;}
.hmc2a:before {opacity: 1;transform: translateX(0);}
.hmc2a span{left:34px;}
.hmc2a{padding-left:200px;}
.hmc2dls{width:580px; margin-left:auto; margin-right:auto;}
.hmc2Btnx{text-align:center;}
.hmc2dls .slick-dots{bottom:-35px;}
.hmc2dls .slick-dots li button{display:none;}
.hmc2dls .slick-dots li { background: #fff; display: inline-block; height: 7px; width: 7px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle; opacity:0.5}
.hmc2dls .slick-dots li.slick-active{ opacity:1; }
.hmc2a{border-radius:0 0.3em 0.3em 0; overflow:hidden;}
.hmc2Con .hmTbox{width:270px; margin-left:auto; margin-right:auto;}
.hmc2a span{top:-4px;}
.hmBbtn{transform-origin:center center;}
.hmc2bgs .bgImg{right:0;}
}
@media (max-width:767px){
.hmTbox{ transform:scale(0.8);}
.hmTbox strong{line-height:38px; font-size:30px;}
.hmTbox p{line-height:20px;}
.hmc2Con{padding:50px 0;}
.hmc2a{ padding:88px 15px 20px!important;}
.hmc2atxt p{max-width:none;}
.hmc2a{width:auto; text-align:center; height:auto; border-radius:2em 0 2em 0;}
.hmc2dls{width:auto; margin-top:18px;}
.hmc2a::before{background-size:auto 100%;}
.hmc2a span{width:120px; left:50%!important; margin-left:-65px!important; margin-top:10px;}

}


.hmPage3{position:relative;}
.hmc3bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3bgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;}
.hmc3bgs .bgImg.on{opacity:1;}
.hmPage3 .container{}
.hmc3Con{ height:100vh; position:relative;display:flex; flex-direction:column; justify-content:center; padding-bottom:10vw}
.hmc3changes{ margin-top:3.75vw;}
.hmc3cx{ display:none;}
.hmc3cx.on{ display:block; animation:fadeInUp 0.3s ease;}
.hmc3cx strong{ font-size: 30px; line-height: 50px; font-weight: normal; letter-spacing: 2px; display: block; margin-bottom: 1.56vw; padding-bottom: 1.56vw; background: url(../images/hmc3tbg.png) no-repeat left bottom; }
.hmc3cx p{ font-size: 16px; line-height: 30px; color: #666666; height: 30px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden; max-width:615px; letter-spacing:1px;}
.hmc3as{ margin-top: 1.66vw; height: 135px; }
.hmc3as a{ font-size: 16px; line-height: 34px; font-weight: bold; color: #FFF; letter-spacing: 1px; white-space: nowrap; padding: 0px 20px 0px 60px; border-radius: 2em; display: inline-block; background: #8DCBF3; overflow: hidden; position: relative; margin-right: 50px; margin-bottom: 20px; height: 34px; min-width: 146px; background:url(../images/hmnbbg.png) no-repeat left center; border-radius:2em; }
.hmc3as a span{ height: 34px; width: 51px; position: absolute; left: 0px; top: 0px; border-radius:2em;/*background: linear-gradient(to right,  #023aad 0%,#0f82e6 100%);*/ }
.hmc3as a span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3as a:hover{ box-shadow:0 3px 12px rgba(0,75,159,0.2); transform:translateY(-3px)}
.hmc3Btnx{}
.hmc3dls{ height:158px; position:absolute; left:-5px; right:-5px; bottom:0;}
.hmc3dls .slick-prev{ background: url(../images/hmc4Btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -53px; top: 95px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; }
.hmc3dls .slick-next{background: url(../images/hmc4Btn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -53px; top: 95px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1;  transform:rotate(180deg);}

.hmc3dls dd{ padding:0 5px; height:158px; position:relative;}
.hmc3itm{ display:block; position:absolute; overflow:hidden; border-radius:0.4em 0.4em 0.4em 0.4em; background:#fff; text-align:center; left:35px; right:35px; bottom:20%;}
.hmc3itx{ height:105px; position:relative;}
.hmc3ittp{ position: relative; padding-right: 60px; }
.hmc3ittp strong{ font-size: 20px; font-weight: normal; line-height: 26px; letter-spacing: 2px; display:block;}
.hmc3ittp p{ font-size: 14px; line-height: 22px; transition:all 0.5s ease; color:rgba(0,0,0,0.3);}
.hmc3ittp span{  height:105px; position:absolute; display: flex; align-items: center; justify-content: center;  top:0px; transition:all 0.5s ease;}
.hmc3ittp i{ width: 25px; height: 25px; border: 1px solid #fff; border-radius: 50%; position: absolute; right: 0; top: 12px; line-height: 20px; text-align: center; color: #fff; font-size: 18px; font-style: normal; transition:all 0.5s ease; opacity:0 }
.hmc3ittp span img{ left:25;}

.hmc3hmIcon{ transition:all 0.5s ease; height:0px; width:50px; overflow:hidden;}
@media (min-width:767px){
.hmc3itm:hover:before{ opacity:1;}
.hmc3itm:hover .hmc3ittp i{}
.hmc3itm:hover .hmc3hmIcon{ height:50px; margin-top:22px;}
.hmc3itm:hover .hmc3ittp span{opacity:0.5;}
.hmc3itm:hover {color:#fff;}
.hmc3itm:hover .hmc3ittp p{color:rgba(255,255,255,0.4);}
.hmc3itm:hover .hmc3ittp i{opacity:1;}
}
@media (max-width:1799px){
.hmc3Con{padding-bottom:7vw}
.hmc3changes{ margin-top:2.05vw;}
.hmc3cx strong{ font-size: 24px; line-height: 40px; margin-bottom: 1.26vw; padding-bottom: 1.26vw; background-size:auto 3px;}
.hmc3cx p{ font-size: 14px; line-height: 26px; height: 26px;}
.hmc3as{ margin-top: 1.06vw; height: 95px; }
.hmc3as a{ font-size: 15px; line-height: 32px; margin-right:35px; margin-bottom:15px;}
.hmc3as a span{ height: 32px; width: 50px; }
.hmc3itx{padding-left:25px; padding-right:25px;}
}
@media (max-width:1379px){
.hmc3Con{padding-bottom:5vw}
}
@media (max-width:1199px){
.hmc3dls{margin-left:50px; margin-right:50px;}
}
@media (max-width:993px){
.hmc3Con{height:auto; padding:80px 0 200px;}
.hmc3Con .hmTbox{width:276px; margin-left:auto; margin-right:auto;}
.hmc3cx{text-align:center;}
.hmc3changes{margin-top:30px;}
.hmc3cx strong{background-position:center bottom;}
.hmc3bgs .bgImg:after{content:""; background:rgba(255,255,255,0.6); position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3cx p{color:#333; max-width:none;}
.hmc3as a{ margin-left:10px; margin-right:10px;}
.hmc3cx strong{ margin-bottom:20px;}
.hmc4Btnx{text-align:center;}
.hmc3as{margin-top:25px;}
	
}
@media (max-width:767px){
.hmc3Con{padding:50px 0 110px;}
.hmc3cx strong{font-size:21px;}
.hmc3dls{margin-left:20px; margin-right:20px;}
.hmc3dls .slick-prev{left:-37px;}
.hmc3dls .slick-next{right:-37px;}
.hmc3as{height:auto;}
.hmc3as a{margin:0 2px 4px 0;}
.hmc4Btnx{margin-top:20px;}
.hmc3changes{margin-top:20px;}
.hmc3cx p{max-height:52px; height:auto;-webkit-line-clamp: 2;}
.hmc3as{display:none;}
}

.hmPage4{ background-size:cover;}
.hmPage4:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/hmc4Lbg.png) no-repeat left top; }
.hmPage4 .container{position:relative; z-index:1;}
.hmc4con{ position:relative; color:#fff;}
.hmc4txt{ max-width:700px; margin-top:3.38vw;}
.hmc4txt strong{font-size: 30px;line-height: 50px;font-weight: normal;letter-spacing: 2px;display: block;margin-bottom: 1.56vw;padding-bottom: 1.56vw;background: url(../images/hmc3tbg2.png) no-repeat left bottom;}
.hmc4txt p{ font-size: 16px; line-height: 28px; max-height:56px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.hmc4mBtn{ margin-top:2.91vw;}
.hmc4mBtn .hmBbtn{ background: url(../images/hmc4BtnBg.png) no-repeat center center; }
.hmc4mvBtn{ width: 100px; position: absolute; top: 50%; right: 235px; z-index:1; transform:translateY(-50%);}
.hmc4mvBtn a{ color: #fff; font-size: 16px; letter-spacing: 1px; line-height: 28px; background: url(../images/hmc4play.png) no-repeat center top; display: block; padding-top: 45px; text-align: center; font-weight: bold; }
.hmc4mvBtn:hover a{transform:translateY(-8px);}
.hmc4dls{ margin-top:3.64vw; overflow:hidden;}
.hmc4dls dd{ float: left; margin-right: 5.72vw; height: 118px; padding: 22px 0px 0px 102px; position:relative }
.hmc4Icon{ position: absolute; left: 0px; top: 0px; display: block; height: 118px; width: 97px; }
.hmc4dls dd strong{ display: block; font: 44px/48px rbt_b; }
.hmc4dls dd strong i{ font-style: normal; }
.hmc4dls dd strong span{ font-size: 20px; display: inline-block; margin-left: 5px; font-weight: normal; transform:translateY(-18px) }
.hmc4dls dd:nth-child(1) strong span{font-size:14px; transform:translateY(-22px)}
.hmc4dls dd p{ font-size: 16px; line-height: 20px; color:rgba(255,255,255,0.8); margin-top:-5px;}
@media (max-width:1799px){
.hmc4con{padding-top:55px;}
.hmPage4:before{ background-size:72% auto;}
.hmc4txt{ max-width:580px; margin-top:2.08vw;}
.hmc4txt strong{font-size: 24px;line-height: 40px;margin-bottom: 1.26vw;padding-bottom: 1.26vw; background-size:auto 3px;}
.hmc4txt p{ font-size: 14px; line-height: 26px; max-height:52px;}
.hmc4mBtn{ margin-top:2.2vw;}
.hmc4mvBtn{ right: 125px;}
.hmc4dls{ margin-top:3.2vw;}
.hmc4dls dd{ margin-right: 3vw; height: 118px; padding: 22px 0px 0px 102px; position:relative }
.hmc4Icon{ position: absolute; left: 0px; top: 0px; display: block; height: 118px; width: 97px; }
.hmc4dls dd strong{ display: block; font: 36px/40px rbt_b; }
.hmc4dls dd strong span{ font-size: 18px; margin-left: 3px; transform:translateY(-15px) }
.hmc4dls dd:nth-child(1) strong span{font-size:14px; transform:translateY(-16px)}
.hmc4dls dd p{ font-size: 15px;}
}
@media (max-width:1379px){
.hmc4con{padding-top:65px;}
}
@media (max-width:1199px){
.hmPage4:before{background-size:80% auto;}
}
@media (max-width:993px){
.hmc4con{padding:80px 0;}
.hmc4con .hmTbox{width:282px; margin-left:auto; margin-right:auto;}
.hmc4txt{text-align:center; max-width:none;}
.hmc4txt strong{background-position:center bottom; margin-bottom:20px;}
.hmc4mvBtn{position:relative; top:auto; transform:translateY(0); right:auto; margin:40px auto;}
.hmc4mBtn{text-align:center;}
.hmc4dls dd{margin-right:5vw;}
.hmc4dls dd:last-child{margin-right:0;}
.hmPage4{position:relative; overflow:hidden;}
.hmPage4:before{display:none;}
}
@media (max-width:767px){
.hmc4con{padding:50px 0 35px;}
.hmc4txt strong{font-size:21px;}
.hmc4txt p{ height:auto;max-height:104px; max-height:none;-webkit-line-clamp: 4;}
.hmc4dls dd strong{font-size:30px;}
.hmc4dls dd strong span {transform: translateY(-9px);}
.hmc4dls dd:nth-child(1) strong span {transform: translateY(-11px);}
.hmc4dls dd p{font-size:14px;}
.hmc4Icon {height: 86px;width: 67px;}
.hmc4dls{ margin-top:25px;}
.hmc4dls dd {margin-right: 0px;height: 100px;padding: 6px 0px 0px 71px; width:50%}
.hmc4dls dd:nth-child(1){margin-left:22%; width:auto;}
}

.hmPage5{ background-repeat:no-repeat; background-size:cover;}
.hmPage5 .hmTbox .hmBbtn{ position:absolute; right:0; top:0;}
.hmc5Con{ margin-top: 2.86vw; height:577px; position:relative }
.hmc5Con .prev{ background: #FFF url(hmc5ar.png) no-repeat center center; height: 44px; width: 44px; margin-top: -22px; position: absolute; left: -58px; top: 50%; z-index: 1; border-radius:50%; box-shadow:0 0 12px rgba(0,0,0,0.1); transform:rotate(180deg); cursor:pointer}
.hmc5Con .next{background: #FFF url(hmc5ar.png) no-repeat center center; height: 44px; width: 44px; margin-top: -22px; position: absolute; right: -58px; top: 50%; z-index: 1; border-radius:50%; box-shadow:0 0 12px rgba(0,0,0,0.1); cursor:pointer}
.hmc5Con .prev:hover,.hmc5Con .next:hover{ background: #004B9F url(hmc5ar2.png) no-repeat center center; }
.hmc5Firx{ float:left; width:50%;}
.hmc5FixaBox{ display:block;}
.hmc5FixaBox .overflowHide{ height:577px;}
.hmc5bmx{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 26px 35px 20px; color: #FFF; background:rgba(0,0,0,0.4);}
.hmc5bmx strong{ font-size: 24px; line-height: 36px; letter-spacing: 1px; display: block; height: 36px; font-weight: normal; }
.hmc5bmx p{ font-size: 16px; line-height: 24px; color: rgba(255,255,255,0.8); margin: 8px 0px 18px; max-height:48px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.hmc5bmx span{ font-size: 18px; line-height: 24px; }
.hmc5slider{ width:50%; float:right;}
.hmc5slider dd{ padding-left:8px;}
.hmc5ra{ display: block; position: relative; padding: 70px 30px 0px; background:#fff; height:577px; }
.hmc5ra strong{ font-size: 24px; line-height: 34px; font-weight: normal; letter-spacing: 1px; display: block; height: 68px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hmc5rx{ font-size: 18px; line-height: 24px; color: #666666; margin: 22px 0px 58px; }
.hmc5rx span{ display: inline-block; margin-left: 20px; text-transform: uppercase; font-size: 14px; }
.hmc5ra p{ font-size: 16px; line-height: 26px; color: #666666; height: 78px; overflow: hidden; margin-bottom: 80px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.hmc5ra span.transition{ line-height: 52px; height: 54px; width: 160px; font-size: 15px; letter-spacing: 1px; padding-left: 22px; border: 1px solid #E8E8E8; background: url(hmc5ar.png) no-repeat 120px center; border-radius:0.3em; display:inline-block; }
.hmc5ra:hover span.transition{ color: #FFF; background: #004b9f url(hmc5ar2.png) no-repeat 120px center; border: 1px solid #004b9f; box-shadow:0 3px 15px rgba(0,75,159,0.3); transform:translateY(-5px); }
@media (max-width:1799px){
.hmc5FixaBox .overflowHide{height:430px;}
.hmc5ra{height:430px;}
.hmc5Con{height:430px; margin-top:2vw;}
.hmPage5 .hmTbox{ margin-top:45px;}
.hmc5bmx strong{font-size:22px; line-height:30px; height:30px;}
.hmc5bmx p{font-size:14px; line-height:22px; height:44px; margin:6px 0px 8px}
.hmc5bmx span{ font-size:14px; line-height:20px;}
.hmc5bmx{padding:18px 20px 20px;}
.hmc5ra{padding:50px 20px 0px;}
.hmc5ra strong{font-size:20px; line-height:30px; height:60px;}
.hmc5rx{font-size:14px; margin:15px 0px 22px;}
.hmc5ra p{font-size:14px; line-height:24px; height:72px; margin-bottom:65px;}
.hmc5ra span.transition{ line-height: 46px; height: 48px; font-size: 14px; }
}
@media (max-width:1379px){
.hmc5FixaBox .overflowHide{height:400px;}
.hmc5ra{height:400px;}
.hmc5Con{height:400px;}
.hmc5ra{padding-top:40px;}
}
@media (max-width:1199px){
.hmc5Con{margin-left:50px; margin-right:50px;}
}
@media (max-width:993px){
.hmPage5{padding:80px 0 90px;}
.hmPage5 .hmTbox{margin-top:0;}
.hmc5Con{margin:35px 0 25px;}
.hmc5Con .prev,.hmc5Con .next{display:none;}
.hmc5Firx{width:100%; float:none;}
.hmc5slider{width:100%; float:none; margin-top:25px;}
.hmc5FixaBox .overflowHide{height:500px;}
.hmc5Con{height:auto;}
.hmc5slider .slick-dots{bottom:-50px;}
.hmc5slider .slick-dots li button{display:none;}
.hmc5slider .slick-dots li { background:#024CA0; display: inline-block; height: 7px; width: 7px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; opacity:0.2;}
.hmc5slider .slick-dots li.slick-active{ opacity:1;}
}
@media (max-width:767px){
.hmPage5{padding:50px 0 60px;}
.hmPage5 .hmTbox{transform-origin:left center;}
.hmPage5 .hmTbox p{display:none;}
.hmPage5 .hmTbox .hmBbtn{transform:translateX(80px); top:-6px}
.hmc5bmx strong{font-size:17px;}
.hmc5FixaBox .overflowHide{height:360px;}
.hmc5slider .slick-dots{ bottom:-42px;}
.hmc5ra strong{font-size:18px;}
.hmc5rx {margin: 10px 0px 12px;}
.hmc5ra p{margin-bottom:25px;}
.hmc5ra{padding:30px 15px 0px; height:330px;}
.hmc5ra span.transition{width:140px; background-position:100px center!important;}
}


@media (min-width:993px){
.hmTbox{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmTbox,.active2 .hmTbox{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2dls dd:nth-child(1){transition:all 0.8s ease-in-out; transform:translate(80px,0px); opacity:0;}
.active .hmc2dls dd:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.1s;}
.hmc2dls dd:nth-child(2){transition:all 0.8s ease-in-out; transform:translate(80px,0px); opacity:0;}
.active .hmc2dls dd:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2dls dd:nth-child(3){transition:all 0.8s ease-in-out; transform:translate(80px,0px); opacity:0;}
.active .hmc2dls dd:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc2dls dd:nth-child(4){transition:all 0.8s ease-in-out; transform:translate(80px,0px); opacity:0;}
.active .hmc2dls dd:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc2Btnx{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc2Btnx{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmc3changes{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc3changes{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc3Btnx{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc3Btnx{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc3dls{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc3dls{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}

.hmc4txt{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc4txt{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4mvBtn{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc4mvBtn{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4mBtn{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc4mBtn{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc4dls{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc4dls{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}

.hmc5Con{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0;}
.active .hmc5Con,.active2 .hmc5Con{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
}


/*网站使用提示*/
.use_tipBg{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:20;}
.use_tipBox{ background: #004b9f; padding: 28px 60px; color: #fff; width: 100%; left: 0; bottom: 0; z-index: 22; position: fixed }
.use_tipBox .fl{ font-size:14px; line-height:24px;}
.use_tipBox .fr{ position:absolute; right:60px; top:50%; transform:translateY(-50%); padding-right:8.33vw; height:36px;}
.use_tip_ok,.use_tip_ok:hover{ background: #35ADC6; text-align: center; height: 36px; width: 90px; font-size: 14px; line-height: 36px; color: #FFF; float: left; margin-right: 10px;}
.use_tip_no,.use_tip_no:hover{ font-size: 14px; line-height: 32px; color: #FFF; float: left; height: 36px; width: 90px; border: 2px solid #FFF; text-align:center }
.use_tip_close{ background: url(../images/amtip_colose.png) no-repeat center center; height: 14px; width: 14px; margin-top: -7px; position: absolute; top: 50%; right: 0px; cursor: pointer; }
.use_tip_close:hover{ transform:rotate(90deg);}
@media (max-width:1799px){
.use_tipBox .fl{max-width:950px;}
.use_tipBox .fr{padding-right:50px;}
}
@media (max-width:1379px){
.use_tipBox .fl{max-width:810px;}
}
@media (max-width:1199px){
.use_tipBox .fl{max-width:660px;}
.use_tipBox{padding:20px 15px;}
.use_tipBox .fr{right:15px;}
}
@media (max-width:993px){
.use_tipBox .fl{max-width:450px;}
}
@media (max-width:767px){
.use_tipBox .fl{width:100%; float:none;}
.use_tipBox .fr{position:relative; right:auto; margin-top:45px; width:100%; padding-right:0; text-align:center;}
}


/*会员登陆/注册*/
._citys { width: 490px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff; }
._citys span { color: #1865d7; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #1865d7; cursor: pointer; font-size: 16px; line-height: 12px; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #1865d7; padding: 0px 5px; font-size: 14px; font-weight: bold; margin-left: 6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 143px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 14px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #1865d7; }
@media (max-width:767px){
._citys{width:100%;}
}

.m2mbrFmPage{ background: url(../images/m2mbrBg.jpg) no-repeat center center; padding: 5.2vw 0px; background-size:cover; }
.m2mbrFm{ background: #FFFFFF; margin: 0px auto; padding: 3.9vw; width: 640px; border-radius:0.6em; box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.m2mbrFm_t{ font-size: 36px; line-height: 46px; }
.m2mbrFmul{ margin-top:1.68vw;}
.m2mbrFmul li{ margin-bottom: 14px; position: relative; }
.m2mbrFmul li.m2mmbr_li01 select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent url(../images/m2job_ar.png) no-repeat calc(100% - 15px) center; opacity: 1; color: #888; font: 18px/30px "微软雅黑"; width: 108px; height: 30px; padding: 0px 30px 0px 18px; border-top: 0px none; border-right: 1px solid #E8E8E8; border-bottom: 0px none; border-left: 0px none; position: absolute; left: 0px; top: 50%; margin-top: -15px; }
.m2mbrFmul li.m2mmbr_li01 input{ padding-left:132px;}
.m2mbrFmul li input{ line-height: 56px; padding: 0px 60px; height: 58px; width: 100%; border: 1px solid #D4D9E2; border-radius: 0.3em; font-size: 18px; color: #666; letter-spacing:1px; }
.m2mbrFmul li input:focus{ border:1px solid #1865d7;}
.m2mbrFmul li select{appearance: none;-moz-appearance: none;-webkit-appearance: none;border: 1px solid #D4D9E2;background: transparent url(../images/zs_fm_ar.png) no-repeat right center;padding-right: 60px;opacity: 1;color: #aaa;font: 18px/56px "微软雅黑";width: 100%;height: 58px;padding-left: 60px; border-radius: 0.3em;}
.m2mbrFmul li span{ height: 58px; width: 64px; position: absolute; left: 0px; top: 0px; }
.m2mbrFmul li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2mbr_ges{ font-size: 18px; line-height: 30px; color: #1865d7; height: 30px; width: 148px; margin-top: -15px; border-left: 1px solid #E8E8E8; position: absolute; top: 50%; right: 0px; text-align:center;}
.m2mbrFmul li.m2mmbr_li02{padding-top:15px;}
.m2mbr_submit{ background: #1865d7; font-size: 18px; line-height: 58px; color: #FFF; letter-spacing: 1px; text-align: center; display: block; height: 58px; cursor: pointer; width:100%; border-radius:0.3em; transition:all 0.5s ease;}
.m2mbr_submit:hover{ transform:translateY(-5px); box-shadow:0 5px 20px rgba(24,101,215,0.3);}
.m2mbrBmx{ line-height:28px; height:28px; margin-top:30px; letter-spacing: 1px; font-size:18px;}
.m2mbr_vcImg{position:absolute; right:0; top:0;}
.m2mbr_esBtn{ background: url(../images/m2mbr_es.png) no-repeat center center; height: 58px; width: 42px; position: absolute; top: 0px; right: 5px; left:auto!important; cursor:pointer;}
.m2mbr_esBtnOpen{ background: url(../images/m2mbr_es2.png) no-repeat center center; }
.m2mbrFmul li.m2mmbr_li03 input{ padding-left:25px;}
.m2mbr_gestm,.m2mbr_gestm:hover{ font-size: 18px; color: #c0c0c0; line-height: 56px; text-align: center; height: 56px; width: 130px; border-left: 1px solid #D4D9E2; position: absolute; top: 1px; right: 1px; background: #F7F7F7; cursor:default; }
.m2mbrFm_tp1{ font-size: 18px; line-height: 30px; color: #888; transform:translateY(-6px); letter-spacing:1px;}
.m2mbrFm_tp1 img{margin-right:10px; position:relative; top:-1px;}
.m2mbrFm_tp1 img,.m2mbrFm_tp1 text{vertical-align:middle;}
.m2mbrFmul li i{ font-style: normal; }
.m2mbrBmx .fr{display:none;}
@media (max-width:1799px){
.m2mbrFm{ padding: 3vw; width: 580px;}
.m2mbrFm_t{font-size:28px; line-height:32px;}
.m2mbrFmul li input{ line-height: 48px; padding: 0px 50px; height: 50px; font-size: 16px;}
.m2mbrFmul li span{height:50px;}
.m2mbr_vcImg img{height:50px;}
.m2mbr_submit{ font-size: 16px; line-height: 50px; height: 50px;}
.m2mbrFmul li.m2mmbr_li02{padding-top:10px; margin-bottom:10px;}
.m2mbrBmx{font-size:16px; margin-top:25px;}
.m2mbr_gestm,.m2mbr_gestm:hover{ font-size: 16px; line-height: 48px; height: 48px; width: 126px;}
.m2mbrFm_tp1{font-size:16px;}
.m2mbr_ges{font-size:16px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2mbrFm_t{font-size:24px;}
}
@media (max-width:993px){
.m2mbrFmPage{padding:60px 0;}
}
@media (max-width:767px){
.m2mbrFm_t{text-align:center; font-size:21px;}
.m2mbrFm{width:100%; padding:25px 15px;}
.m2mbrFmul{margin-top:15px;}
.m2mbrFmul li span{width:44px;}
.m2mbrFmul li input{padding:0 40px; line-height:40px; height:42px; font-size:14px;}
.m2mbr_vcImg img{height:42px; width:140px;}
.m2mbr_submit{line-height:42px; height:42px;}
.m2mbrBmx{font-size:14px; margin-top:20px;}
.m2mbrFmul li span{height:42px;}
.m2mbrFm_tp1{font-size:14px; line-height:22px;}
.m2mbr_gestm, .m2mbr_gestm:hover{height:40px; line-height:42px; font-size:14px; width:110px;}
.m2mbrFmul li.m2mmbr_li02{padding-top:5px;}
.m2mbrFmul li.m2mmbr_li01 select{font-size:16px;}
.m2mbrFmul li.m2mmbr_li01 select{width:100px;}
.m2mbrFmul li.m2mmbr_li01 input{padding-left:112px;}
.m2mbr_ges{font-size:14px; width:118px;}
.m2mbrFmul li select{line-height:40px; height:42px; font-size:14px; padding-left:40px;}
}

@media (min-width:1799px){
.searchs{width:100%!important; max-width:1600px!important; margin-left:auto!important; margin-right:auto!important; padding:80px 0px 30px!important;}
.search-head{padding-bottom:10px!important;}
}
@media (max-width:1799px){
.searchs{width:100%!important; max-width:1170px!important; margin-left:auto!important; margin-right:auto!important; padding:60px 0px 20px!important;}
.search-head{padding-bottom:10px!important;}
}
@media (max-width:1199px){
.searchs{width:100%!important; padding-left:3vw!important; padding-right:3vw!important;}
}
@media (max-width:767px){
.search-item h3{font-size:16px!important; line-height:30px!important;}
.search-head{font-size:16px!important;}
.search-item{padding-bottom:15px!important; margin-top:15px!important;}
.searchs{padding-top:40px!important;}
}

/*2023-03-10 CSS*/
.m2nlkul{margin: 0 -2.08vw 1vw;display: flex;flex-wrap: wrap;}
.m2nlkul li{width: calc(33.33% - 4.16vw);margin: 0 2.08vw 2.6vw;border: 1px solid #EEEEEE;background: #F9F9F9;position: relative; padding:1.56vw 1.56vw 1.56vw;}
.m2nlkul li strong{ font-size: 24px; line-height: 38px; letter-spacing: 1px; display: block; height: 68px; overflow: hidden; }
.m2nlk_tgs{ margin: 1.45vw 0px;}
.m2nlk_tgs span{ display: inline-block; font-size: 16px; line-height: 36px; color: #999999; padding-left: 34px; }
.m2nlk_tgs span:nth-child(1){ margin-right: 50px; background: url(../images/m2lkico1.png) no-repeat left center; }
.m2nlk_tgs span:nth-child(2){ background: url(../images/m2lkico2.png) no-repeat left center; }
.m2nlkBtns{ border-top: 1px solid #E8E8E8; margin-left:-1.56vw; margin-right:-1.56vw; padding:1.56vw 1.56vw 0;display:flex; justify-content:space-between;}
.m2nlkBtns a:nth-child(1){ line-height: 38px; text-align: center; display: inline-block; height: 40px; width: 130px; color: #FFF; background: #024DA1; border: 1px solid #024DA1; font-size: 16px; letter-spacing: 1px; }
.m2nlkBtns a:nth-child(1):hover{ color:#fff; box-shadow:0 3px 18px rgba(0,0,0,0.2);}
.m2nlkBtns a:nth-child(2){ line-height: 38px; text-align: center; display: inline-block; height: 40px; width: 130px; color: #024DA1; border: 1px solid #024DA1; font-size: 16px; letter-spacing: 1px; }
.m2nlkBtns a:nth-child(2):hover{ color: #fff; box-shadow: 0 3px 18px rgba(0,0,0,0.2); background: #024da1; }
@media (max-width:1799px){
.m2nlkul{margin: 0 -15px 1vw;}
.m2nlkul li{width: calc(33.33% - 30px);margin: 0 15px 1.56vw}
.m2nlkul li strong{ font-size: 20px; line-height: 32px; height:64px;}
}
@media (max-width:1199px){
.m2nlkul li{width: calc(50% - 30px);}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2nlkul li{width: calc(100% - 30px); padding:20px 20px 30px;}
.m2nlkul li strong{height:auto;}
.m2nlkul li strong{font-size:17px; line-height:30px;}
.m2nlk_tgs span{font-size:15px;}
.m2nlk_tgs span:nth-child(1){margin-right:30px;}
.m2nlkBtns{padding-top:22px;}
}


/*2024-04-09 CSS*/
.m2soft_page{ padding-top:2.2vw;}
.m2soft_page .m2nul{margin-bottom:2vw;}
.m2soft_page .m2naBox .overflowHide{width:80px; height:80px;}
.m2soft_page .m2naBox{background:none;}
.m2soft_page .m2nRx{height:80px; margin-left:105px;}
.m2soft_page .m2nul li {margin-top: 0;padding: 20px 0;border-bottom: 1px solid #eee;}
.m2soft_page .m2nRx strong {font-size: 18px;line-height: 26px;height: 32px;}
.m2soft_page .m2nRx span{margin-bottom:0; margin-top:0px; font-size:14px;}
@media (max-width:1799px){
.m2soft_page .m2naBox .overflowHide{width:70px; height:70px;}
.m2soft_page .m2nRx{height:70px; margin-left:90px;}
.m2soft_page .m2nRx strong {font-size: 16px;line-height: 24px;height: 28px;}
.m2soft_page .m2nRx span{ font-size:13px;}
} 
@media (max-width:767px){
.m2soft_page .m2naBox .overflowHide{width:60px; height:60px; float:left}
.m2soft_page .m2nRx {height: 60px;margin-left: 58px;}
.m2soft_page .m2nRx strong{font-size:14px; line-height:24px; height:24px;}
.m2soft_page .m2nRx span{font-size:12px;}
.m2soft_page .m2nRx{padding:5px 13px;}
.m2soft_page .m2nul li{padding:12px 0;}
.m2soft_page .m2nul{margin-bottom:20px;}
}