@charset "UTF-8";
.youqin{color: #eee; font-size: 18px;}
.webInfo_txt1{/*float: left;*/ /*padding-left: 18px;width:96%;*/ line-height: 35px;}
.webInfo_txt1 a{color: #eee;}
.webInfo_txt1 a:hover{color: #cc0000;}
.dianhau{font-size: 16px; font-weight: bold; color: #cc0000; height: 42px;}
.zi16{font-size: 16px;}
.link_list{display: none;}
.wrapper{height: 100%}
.hmBody{opacity: 0}
.none{clear: both;}
/*body{overflow-x: hidden; background: #f6f6f6; transition: all 0.5s ease-in-out;}*/
.navRbox{position: absolute; right: 50px; top: 27px; right: 50px; line-height: 36px;}
.navContact{line-height: 36px; color: #FFF; background: #666E87; text-align: center; float: right; height: 36px; width: 99px; margin-left: 18px; font-size: 15px; border-radius: 1.8em;}
.navEmail, .navEmail:hover{background: url(../../images/2020/top_i1.png) no-repeat left center; color: #666e87; padding-left: 21px; font-size: 16px; line-height: 36px; float: right; text-decoration: underline;}
.navContact:hover{color: #FFF; background: #596175;}
.navRicon{background: url(../../images/2020/top_i2.png) no-repeat; float: right; height: 14px; width: 16px; margin: 12px 18px 0px 0px;}
.serBox{height: 50px; width: 210px; /*background: rgba(255,255,255,0.9);*/ position: absolute; left: -5px; /*top: 63px; *//*display:none;*/ margin-left: 20px;}
.serIntBx{margin: 0px 40px; height: 39px; /*border-bottom: 1px solid #666E87;position: relative;*/ padding: 0px 28px 0px 6px;}
.serIntBx:before{content: ""; width: 1px; height: 2px; background: #666E87; position: absolute; left: 0; bottom: 0;}
.serIntBx:after{content: ""; width: 1px; height: 2px; background: #666E87; position: absolute; right: 0; bottom: 0;}
.serInt{line-height: 30px; height: 30px; width: 100%; font-size: 16px; color: #666e87; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: none; border: 1px solid #666666; margin-left: 20px;}
.serSubmit{background: url(../../images/2020/top_i2.png) no-repeat; height: 14px; width: 14px; border-width: 0px; border-style: none; position: absolute; top: 16px; right: 24px; cursor: pointer;}
.newserSubmit{background: url(../../images/2020/top_i2.png) no-repeat; height: 14px; width: 14px; border-width: 0px; border-style: none; position: absolute; top: 10px; right: 25px; cursor: pointer;}
/*翻页*/
.fanye{text-align: center; min-height: 0; line-height: 0;}
.fanye.a_center{text-align: center;}
.nai_page{display: inline-block; padding: 30px 0;}
.nai_page a{color: #FFFFFF; background-color: #666; border: 1px solid #666; font-size: 10px; padding: 5px; float: left; line-height: 1em; margin-right: 5px;}
.nai_page a:hover, .nai_page a:active{color: #FFFFFF; background-color: #29435a; border: 1px solid #009EE7;}
.nai_page span.current{color: #FFFFFF; background-color: #009EE7; border: 1px solid #009EE7; font-size: 10px; line-height: 1em; padding: 5px;; float: left; margin-right: 5px;}
.nai_page span.disabled{padding: 5px; color: #fff; background-color: #666; border: 1px solid #666; font-size: 10px; float: left; line-height: 1em; margin-right: 5px;}
.nai_page span.disabled.disablede_if{border-left-width: 0px;}
.nai_page span.disabled.disablede_end{border-left-width: 0px;}
.nai_page span.d2d{padding: 8px 5px; color: #666666; font-size: 10px; border-right: 1px solid #E5E5E5; float: left; line-height: 1em;}
.nai_page span.d3d{padding: 1px 4px; background-color: #FFFFFF; border: 1px solid #E5E5E5; float: left;}
/*.nai_page span.d3d select{background-image: none;border: 0px;color: #666666;font-size: 10px;height: 20px;padding:0;}
*/
::-webkit-input-placeholder{/* WebKit browsers */　color: #fff;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */　color: #fff;}
::-moz-placeholder{/* Mozilla Firefox 19+ */　color: #fff;}
:-ms-input-placeholder{/* Internet Explorer 10+ */　color: #fff;}
@media (max-width: 1599px) and (min-width: 993px){.serBox{left: -180px;}}
@media (max-width: 992px){.navRbox{right: 15px; top: 6px;} .navContact{margin-left: 0;} .serBox{left: -165px; top: 2px; height: 35px; width: 210px; /*background: rgba(255,255,255,0.9);*/ position: absolute; left: -5px; margin-left: 100px;}}
@media (max-width: 767px){.navContact{display: none;} .navRicon{margin-right: 0;} .serBox{left: -280px;}}
.hmFocus170324{background: url(../../images/2020/loader.gif) no-repeat center center; height: 100%}
.hmFocus170324 .swiper-wrapper{height: 100%}
.hmFocus170324 .bgImg{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.hmFocus170324 .swiper-pagination{height: 36px; bottom: 33px}
.hmFocus170324 .swiper-pagination-bullet{margin: 0 12px; height: 36px; width: 36px; border-radius: 0; background: url(../../images/2020/hmBan_i1.png) no-repeat center center; opacity: 1}
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../../images/2020/hmBan_i2.png) no-repeat; margin: 0px 18px;}
.hmBan1_box{width: 100%; max-width: 1280px; text-align: center; padding-top: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hmBan1Itms{max-width: 1200px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hmBan1Itms img{position: absolute; left: 0; top: 0;}
.hmBan1Itms img.hmBan_img{position: static;}
@media (max-height: 700px){.hmBan1Itms{transform: translate(-50%, -40%);}}
@media (max-width: 992px){.hmBan1Itms{width: 528px;}}
@media (max-width: 767px){.hmFocus170324{height: 380px;} .hmBan1_box{padding: 0 0 0;} .hmFocus170324 .swiper-pagination{bottom: 25px;} .hmFocus170324 .swiper-pagination-bullet{margin: 0 6px;} .hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0px 10px;} .hmBan1Itms{width: auto; left: 15px; right: 15px; top: 50%; transform: translateY(-40%);} .hmBan1Itms img{width: 100%; height: auto;}}
.hmFocus170324{background: url(../../images/2020/loader.gif) no-repeat center center; height: 100%}
.hmFocus170324 .swiper-wrapper{height: 100%}
.hmFocus170324 .bgImg{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.hmFocus170324 .swiper-pagination{height: 36px; bottom: 33px}
.hmFocus170324 .swiper-pagination-bullet{margin: 0 12px; height: 36px; width: 36px; border-radius: 0; background: url(../../images/2020/hmBan_i1.png) no-repeat center center; opacity: 1}
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../../images/2020/hmBan_i2.png) no-repeat; margin: 0px 18px;}
.hmBan1_box{width: 100%; max-width: 1280px; text-align: center; padding-top: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media (max-width: 767px){.hmFocus170324{height: 380px;} .hmBan1_box{padding-top: 0;} .hmFocus170324 .swiper-pagination{bottom: 25px;} .hmFocus170324 .swiper-pagination-bullet{margin: 0 6px;} .hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0px 10px;}}
.hmPage2{background: #ecf4fe;}
.hmc2R{float: right; height: 100%; width: 50%;}
.hmc2L{padding: 0px 75px; height: 100%; float: left; width: 50%; display: flex; align-items: center;}
.hmc2_t1{color: rgba(0, 158, 231, 0.06); height: 108px; text-transform: uppercase; position: relative; margin-top: 70px; font-size: 135px; line-height: 108px; font-weight: bold;}
.hmc2_t1ct{background: url(../../images/2020/hmc2_i1.png) no-repeat left 2px; font-size: 24px; line-height: 36px; color: #666e87; height: 36px; padding-left: 46px; display: inline-block; position: absolute; left: 0px; top: 12px; font-weight: normal;}
.hmc2_ts{font-size: 30px; color: #2a3452; line-height: 38px; display: inline-block; position: absolute; left: 0px; bottom: 11px; font-weight: normal;}
.hmc2_txt{font-size: 16px; line-height: 30px; color: #666e87; margin: 22px 0px 28px; overflow: hidden;}
.hmc2_more i{display: inline-block; height: 28px; width: 22px; margin-right: 7px; position: relative;}
.hmc2_more{font-size: 18px; line-height: 30px; color: #009ee7; height: 30px; font-weight: bold;}
.hmc2_more i img{position: absolute; left: 0; top: 0;}
.hmc2_more i, .hmc2_more text{vertical-align: middle;}
.hmc2_more i img:nth-child(1){animation: aniItms1 1s linear infinite;}
.hmc2_more i img:nth-child(2){animation: aniItms2 1s linear infinite; top: -2px;}
@media (max-height: 700px){.hmc2_t1{font-size: 108px;}}
@media (max-height: 650px){.hmc2_txt{margin: 15px 0px 18px;}}
@media (max-width: 1199px){.hmc2_t1{font-size: 78px;}}
@media (max-width: 992px){.hmc2L{padding: 0 20px;} .hmc2_ts{font-size: 26px;}}
@media (max-width: 767px){.hmc2L{width: 100%; float: none; padding: 50px 15px; height: auto; display: block; text-align: left;} .hmc2_t1{font-size: 60px; margin-top: 0;} .hmc2_ts{font-size: 20px; line-height: 20px; bottom: 5px;} .hmc2_t1ct{font-size: 22px; top: 10px;} .hmc2_txt{margin: 0px 0px 18px; line-height: 26px; font-size: 14px;} .hmc2_more{font-size: 16px;} .hmc2R{width: 100%; height: 400px; float: none}}
.hmPage3{background: url(../../images/2020/hmc3_bg.jpg) no-repeat center center; background-size: cover;}
.hmc3_t{margin-top: 70px; text-align: center; height: 112px; text-transform: uppercase; color: rgba(255, 255, 255, 0.08); position: relative; font-size: 135px; line-height: 112px; font-weight: bold;}
.hmc3_ts1{font-size: 36px; color: #FFF; line-height: 50px; text-align: center; display: inline-block; position: absolute; left: 50%; top: 16px; transform: translateX(-50%);}
.hmc3_ts1 span{display: block; white-space: nowrap;}
.hmc3_des{font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; max-width: 875px; margin: 18px auto 36px; color: #FFF;}
.hmc3_change{text-align: center; margin-bottom: 72px;}
.hmc3_a{margin: 0px 10px; line-height: 40px; padding: 0px 20px; height: 42px; border: 1px solid #FFF; display: inline-block; font-size: 16px; color: #fff; border-radius: 0.2em; margin-top: 10px;}
.hmc3_a.on, .hmc3_a:hover{background: #FFF; color: #009ee7;}
.hmc3_itms{margin: 0 -30px;}
.hmc3_itms li{float: left; width: 24%; padding: 0px 40px; text-align: center; color: #FFF;}
.hmc3_icon{background: url(../../images/2020/m2ywc4_bg.png) no-repeat center center; height: 120px; width: 120px; display: inline-block; position: relative;}
.hmc3_icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 60px; width: 60px;}
.hmc3_itms li strong{line-height: 26px; height: 38px; margin-top: 8px; display: block; font-size: 18px; color: #FFFFFF;}
.hmc3_itms li p{font-size: 14px; line-height: 20px; text-align: left;}
@media (max-height: 750px){.hmc3_des{margin: 10px auto 28px;} .hmc3_change{margin-bottom: 40px;}}
@media (max-height: 700px){.hmc3_des{margin: 6px auto 20px;} .hmc3_change{margin-bottom: 24px;}}
@media (max-height: 650px){.hmc3_des{margin: 0px auto 12px;} .hmc3_itms li p{font-size: 13px; line-height: 20px;}}
@media (max-width: 1199px){.hmc3_itms{margin: 0 -15px;} .hmc3_itms li{padding: 0px 15px;}}
@media (max-width: 992px){.hmc3_a{margin-bottom: 10px;} .hmc3_t{font-size: 90px;} .hmc3_change{margin-bottom: 10px;} .hmc3_itms li{width: 50%; margin-bottom: 10px;} .hmc3_itms li p{height: 72px; overflow: hidden;}}
@media (max-width: 767px){.hmc3_t{font-size: 60px; margin-top: 42px; height: 105px;} .hmc3_ts1{font-size: 24px; line-height: 36px; top: 18px;} .hmc3_a{padding: 0px 12px; margin-left: 6px; margin-right: 6px;} .hmc3_itms li{width: 100%;} .hmc3_itms li p{height: auto; margin-bottom: 15px;} .hmc3_itms{padding-bottom: 35px;}}
.hmPage4{background: url(../../images/2020/hmc4_bg.jpg) no-repeat center center; background-size: cover;}
.hmp4Con{margin: -20px auto 0; height: 570px; width: 570px; position: relative; z-index: 2;}
.hmp4_t{font: bold 135px/112px Arial; text-transform: uppercase; text-align: center; display: inline-block; position: absolute; left: 50%; top: 50%; color: rgba(0, 158, 231, 0.08); transform: translate(-50%, -50%); margin-top: 40px;}
.hmc4_q1{background: url(../../images/2020/hmc4_q1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}
.hmc4_q2{background: url(../../images/2020/hmc4_q3.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; animation: 15s linear 0s roateAnimate; -webkit-animation: 15s linear 0s roateAnimate infinite;}
.hmc4_q3{background: url(../../images/2020/hmc4_q2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; animation: 22s linear 0s roateAnimate2; -webkit-animation: 22s linear 0s roateAnimate2 infinite;}
@keyframes roateAnimate{form{transform: rotate(0deg);} to{transform: rotate(360deg);}}
@-webkit-keyframes roateAnimate{form{transform: rotate(0deg);} to{transform: rotate(360deg);}}
@keyframes roateAnimate2{form{transform: rotate(0deg);} to{transform: rotate(-360deg);}}
@-webkit-keyframes roateAnimate2{form{transform: rotate(0deg);} to{transform: rotate(-360deg);}}
.hmp4_t1{font-size: 36px; color: #566380; line-height: 50px; text-align: center; display: inline-block; width: 100%; padding-top: 240px; font-weight: bold;}
.hmp4_t1 span{color: #29435a; text-transform: uppercase;}
.hmp4_des{font-size: 14px; line-height: 24px; color: #cc0000; text-align: center; margin-top: 25px; font-weight: bold;}
.hmp4_list li{font-size: 18px; font-weight: bold; color: #666e87; line-height: 82px; display: inline-block; height: 82px; position: absolute; transition: all 0.5s ease-in-out; cursor: pointer;}
.hmp4_des p{display: block; max-width: 45%; margin: 0 auto;}
.hmp4_list li span{background: #29435a; display: inline-block; height: 82px; width: 82px; position: absolute; border-radius: 50%;}
.hmp4_list li span img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hmp4_list li:nth-child(1){padding-right: 102px; left: -148px; top: 80px;}
.hmp4_list li:nth-child(1) span{right: 0; top: 0}
.hmp4_list li:nth-child(2){padding-left: 102px; right: -168px; top: 80px;}
.hmp4_list li:nth-child(2) span{left: 0; top: 0}
.hmp4_list li:nth-child(3){padding-right: 102px; left: -198px; top: 356px;}
.hmp4_list li:nth-child(3) span{right: 0; top: 0}
.hmp4_list li:nth-child(4){padding-left: 102px; right: -168px; top: 356px;}
.hmp4_list li:nth-child(4) span{left: 0; top: 0}
.hmp4_list li:nth-child(5){left: 50%; transform: translateX(-50%); bottom: -40px; line-height: 44px; padding-top: 87px;}
.hmp4_list li:nth-child(5) span{left: 50%; top: 0; margin-left: -41px;}
.hmp4_lay{background: #ECF4FE; padding: 28px 25px; position: absolute; border-radius: 0.3em; box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1); width: 410px; font-size: 14px; line-height: 24px; font-weight: normal; color: #666e87; display: none;}
.hmp4_lay i{height: 15px; overflow: hidden; width: 40px; position: absolute; left: 28px; top: -15px;}
.hmp4_lay i:before{content: ""; background: #ECF4FE; height: 20px; width: 20px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); transform: rotate(45deg); position: absolute; left: 10px; top: 7px;}
.hmp4_list li:hover{color: #009ee7;}
.hmp4_list li:nth-child(1) .hmp4_lay, .hmp4_list li:nth-child(3) .hmp4_lay{right: 95px; top: 82px;}
.hmp4_list li:nth-child(1) .hmp4_lay i, .hmp4_list li:nth-child(3) .hmp4_lay i{right: 28px; left: auto;}
.hmp4_list li:nth-child(2) .hmp4_lay, .hmp4_list li:nth-child(4) .hmp4_lay{left: 95px; top: 82px;}
.hmp4_list li:nth-child(5) .hmp4_lay{right: -117px; top: -176px;}
.hmp4_list li:nth-child(5) .hmp4_lay i{left: 190px; top: auto; bottom: -15px; transform: rotate(180deg);}
.hmp4_list em{font-style: normal;}
@media (max-height: 700px){.hmp4_list li:nth-child(5){bottom: 0;}}
@media (max-height: 650px){.hmp4_list li:nth-child(5){bottom: 10px;}}
@media (max-width: 1400px){.hmp4_list li:nth-child(1) .hmp4_lay, .hmp4_list li:nth-child(3) .hmp4_lay{right: -80px;} .hmp4_lay i{left: 188px;} .hmp4_list li:nth-child(1) .hmp4_lay i, .hmp4_list li:nth-child(3) .hmp4_lay i{right: 188px; left: auto;} .hmp4_list li:nth-child(2) .hmp4_lay, .hmp4_list li:nth-child(4) .hmp4_lay{left: -80px;}}
@media (max-width: 1199px){.hmp4_list li:nth-child(1) .hmp4_lay, .hmp4_list li:nth-child(3) .hmp4_lay{right: -150px;} .hmp4_list li:nth-child(2) .hmp4_lay, .hmp4_list li:nth-child(4) .hmp4_lay{left: -150px;}}
@media (max-width: 992px){.hmp4_t{font-size: 90px;} .hmp4_list li:nth-child(1){left: -68px} .hmp4_list li:nth-child(2){right: -68px;} .hmp4_list li:nth-child(3){left: -88px;} .hmp4_list li:nth-child(4){right: -88px;}}
@media (max-width: 767px){.hmc4_q1{display: none;} .hmc4_q2{display: none;} .hmc4_q3{display: none;} .hmp4Con{width: auto; height: auto; padding-bottom: 40px;} .hmp4_list{padding-left: 15px; padding-right: 15px;} .hmp4_list li{position: static !important; margin-bottom: 20px; padding-left: 0 !important; padding-right: 0 !important; height: auto; transform: translate(0) !important; padding-top: 0 !important; line-height: 80px !important;} .hmp4_lay{position: static !important; display: block !important; opacity: 1 !important; width: 100%; animation: none !important; padding: 20px 15px} .hmp4_des span{display: inline;} .hmp4_des{padding-left: 15px; padding-right: 15px;} .hmp4_des p{max-width: 100%;} .hmp4_list li span{position: relative; left: 0 !important; right: auto !important; display: inline-block; float: left; width: 60px; height: 60px; margin-right: 10px !important; margin-left: 0 !important;} .hmp4_list li em{line-height: 60px; position: relative; top: -12px; font-size: 18px;} .hmp4_lay i{display: none;} .hmp4_t{font-size: 54px; left: 0; width: 100%; top: -5px; transform: translate(0)} .hmp4_t1{font-size: 24px; line-height: 36px; padding-top: 70px;} .hmp4_list li:nth-child(5) .hmp4_lay{margin-top: 25 !important;}}
.hmPage5{background: url(../../images/2020/hmc5_bg.jpg) no-repeat center center; background-size: cover;}
.hmc5_t{margin-top: 70px; text-align: center; height: 112px; text-transform: uppercase; color: rgba(0, 158, 231, 0.1); position: relative; font-size: 135px; line-height: 112px; font-weight: bold;}
.hmc5_ts1{font-size: 36px; color: #fff; line-height: 50px; text-align: center; display: inline-block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%);}
.hmc5_ts1 span{color: #fff; white-space: nowrap;}
.hmc5_des{font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; max-width: 830px; margin: 18px auto 36px; color: #fff;}
.hmc5Swiper{}
.hmc5_aBox{background: #FFF; display: block; transition: all 0.5s ease}
.hmc5_aBox .overflowHide{height: 206px;}
.hmc5_nm{background: #FFF; line-height: 58px; text-align: center; height: 58px; font-size: 16px; color: #566380; padding: 0px 15px; font-weight: bold;}
.hmc5_lay{background: rgba(0, 158, 231, 0.75); height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.5s ease-in-out; opacity: 0; transform: translate(0, -50px)}
.hmc5_aBox i{background: url(../../images/2020/hmc5_i.png) no-repeat center center; height: 36px; width: 36px; position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; transition: all 0.5s ease-in-out; opacity: 0; transform: translate(0, 50px)}
.hmc5_aBox:hover .hmc5_lay{opacity: 1; transform: translate(0, 0)}
.hmc5_aBox:hover i{opacity: 1; transform: translate(0, 0)}
.hmc5Swiper .swiper-slide{padding-top: 20px;}
.hmc5Swiper .swiper-slide:hover .hmc5_aBox{transform: translateY(-15px);}
.hmc5Btns{margin: 78px auto 0px; height: 38px; position: relative; text-align: center;}
.hmc5Btns a{vertical-align: middle;}
.hmc5Btns a:hover{color: #fff;}
.hmc5_prev{font-size: 15px; font-weight: bold; color: #FFF; line-height: 36px; padding: 0px 16px; height: 38px; border: 1px solid #FFF; margin: 0px 3px; display: inline-block; border-radius: 0.2em;}
.hmc5_prev i{background: url(../../images/2020/hmc5_arrow.png) no-repeat left center; height: 10px; width: 5px; margin-right: 8px; display: inline-block;}
.hmc5_prev:hover i{width: 19px;}
.hmc5_list{line-height: 36px; background: url(../../images/2020/hmc5_list.png) no-repeat center center; height: 38px; border: 1px solid #FFF; border-radius: 0.2em; display: inline-block; margin: 0px 3px; width: 60px;}
.hmc5_next{font-size: 15px; font-weight: bold; color: #FFF; line-height: 36px; padding: 0px 16px; height: 38px; border: 1px solid #FFF; margin: 0px 3px; display: inline-block; border-radius: 0.2em;}
.hmc5_next i{background: url(../../images/2020/hmc5_arrow2.png) no-repeat right center; height: 10px; width: 5px; margin-left: 8px; display: inline-block;}
.hmc5_next:hover i{width: 19px;}
@media (max-height: 750px){.hmc5Btns{margin-top: 35px;} .hmc5_des{margin: 10px auto 18px;}}
@media (max-height: 700px){.hmc5Btns{margin-top: 25px;} .hmc5_des{margin: 5px auto 8px;}}
@media (max-height: 650px){.hmc5Btns{margin-top: 20px;} .hmc5_des{margin: 0px auto 5px;}}
@media (max-width: 767px){.hmc5_t{font-size: 60px; margin-top: 42px; height: 105px;} .hmc5_ts1{font-size: 24px; line-height: 36px; top: 18px;} .hmc5Swiper{padding-bottom: 65px;} .hmc5Btns{margin-top: 32px;} .hmc5Swiper .swiper-slide:hover .hmc5_aBox{transform: translateY(0px);} .hmc5Swiper{padding-bottom: 65px;} .hmc5_list.new{display: none;}}
.hmPage6{background: url(../../images/2020/hmc6_bg.jpg) no-repeat center center; background-size: cover;}
.hmc6_t{margin-top: 70px; text-align: center; height: 112px; text-transform: uppercase; color: rgba(0, 158, 231, 0.1); position: relative; font-size: 135px; line-height: 112px; font-weight: bold;}
.hmc6_ts1{font-size: 36px; color: #fff; line-height: 50px; text-align: center; display: inline-block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%);}
.hmc6_ts1 span{color: #fff; white-space: nowrap;}
.hmc6_des{font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; max-width: 830px; margin: 18px auto 36px; color: #fff;}
.hmc6Swiper .swiper-container{padding-bottom: 80px; padding-top: 20px;}
.hmc6Swiper .swiper-slide{padding: 13px;}
.hmc6Swiper .swiper-pagination{height: 22px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: center}
.hmc6Swiper .swiper-pagination-bullet{background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px !important; position: relative; top: 0px; transition: all 0.5s ease-in-out;}
.hmc6Swiper .swiper-pagination-bullet-active{height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top: 1px; border-radius: 0; transform: rotate(45deg);}
@media (max-height: 750px){.hmc6Swiper .swiper-container{padding-bottom: 40px;}}
@media (max-width: 767px){.hmc6Swiper{padding-bottom: 60px;}}
.hmPage7{background: #3e3e3e;}
.webInfo{padding: 18px 0px; border-top: 1px solid #4D4D4D; font-size: 14px; color: #eee; margin-top: 42px;}
.webInfo .fl{padding-top: 4px; font-size: 18px;}
.webInfo_txt{float: left; padding-left: 18px; line-height: 23px; width: 75%;}
.webInfo_txt a, .webInfo_txt a:hover{color: #777;}
.webInfo_a1{background: #484848 url(../../images/2020/web_fi2.png) no-repeat center center; height: 37px; width: 37px; margin-left: 12px; display: inline-block;}
.webInfo_a2{background: #484848 url(../../images/2020/web_fi1.png) no-repeat center center; height: 37px; width: 37px; /* margin-left: 12px;*/ margin-right: 50px; display: inline-block; position: relative; cursor: pointer;}
.webInfo_a3{background: #484848 url(../../images/2020/web_fi1.png) no-repeat center center; height: 37px; width: 37px; /* margin-left: 12px;*/ margin-right: 50px; display: inline-block; position: relative; cursor: pointer;}
.wxImgBox{background: #FFF; height: 200px; width: 150px; padding-top: 12px; position: absolute; left: 50%; top: -210px; margin-left: -75px; font-size: 14px; line-height: 18px; color: #999999; text-align: center; border-radius: 0.3em;}
.wxImgBox:after{content: ""; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #fff; left: 50%; bottom: -9px; position: absolute; margin-left: -10px;}
.hmBom{padding-top: 37px;}
.hmBomInfo{padding-right: 356px; position: relative;}
.hmBomInfo dl{float: left; width: 25%;}
.hmBomInfo dl dt{font-size: 16px; line-height: 42px; font-weight: bold; color: #ffffff; height: 42px;}
.hmBomInfo dl dd{line-height: 28px; height: 28px; font-size: 14px; color: #FFFFFF;}
.hmBom_a{color: #eee;}
.hmBom_a:hover{color: #A4A4A4;}
.hmBomCnfo{width: 356px; position: absolute; top: 0px; right: 0px;}
.hmBomInfo .hmBomCnfo dl{width: 100%;}
.hmBomInfo .hmBomCnfo dl i{margin-right: 5px;}
@media (max-width: 767px){.hmBomInfo{padding-right: 0;} .hmBomInfo dl{width: 100%; margin-bottom: 12px; float: none} .hmBomInfo dl:after{content: ""; display: table; clear: both;} .hmBomInfo dl dd{float: left; margin-right: 10px;} .hmBomCnfo{position: static; width: 100%; height: auto;} .hmBomCnfo dd{float: none !important; height: auto !important;} .webInfo{margin-top: 15px;} .webInfo_txt{padding-left: 0; line-height: 24px; margin-top: 15px; width: 100%; margin-bottom: 10px;}}
@media (min-width: 767px){.hmc2R{transition: all 0.8s ease-in-out; transform: translate(500px, 0px); opacity: 0;} .active .hmc2R{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s;} .hmPage2 .hmc2_t1{transition: all 0.8s ease-in-out; transform: translate(-300px, 0px); opacity: 0;} .hmPage2.active .hmc2_t1{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s;} .hmPage2 .hmc2_txt{transition: all 0.8s ease-in-out; transform: translate(-300px, 0px); opacity: 0;} .hmPage2.active .hmc2_txt{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.6s;} .hmPage2 .hmc2_more{transition: all 0.8s ease-in-out; transform: translate(300px, 0px); opacity: 0;} .hmPage2.active .hmc2_more{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.9s;} .hmPage3 .hmc3_t{transition: all 0.8s ease-in-out; transform: translate(-300px, 0px); opacity: 0;} .hmPage3.active .hmc3_t{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s;} .hmPage3 .hmc3_ts1{transition: all 0.8s ease-in-out; left: 80%; opacity: 0;} .hmPage3.active .hmc3_ts1{opacity: 1; left: 50%; transition-delay: 0.6s;} .hmPage3 .hmc3_des{transition: all 0.8s ease-in-out; transform: translate(0px, 80px); opacity: 0;} .hmPage3.active .hmc3_des{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.6s;} .hmPage3 .hmc3_change{transition: all 0.8s ease-in-out; transform: translate(0px, 50px); opacity: 0;} .hmPage3.active .hmc3_change{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.7s;} .hmc3_itms li:nth-child(1){transition: all 0.8s ease-in-out; transform: rotateY(-90deg); opacity: 0;} .active .hmc3_itms li:nth-child(1){transform: rotateY(0deg); opacity: 1; transition-delay: 0.5s;} .hmc3_itms li:nth-child(2){transition: all 0.8s ease-in-out; transform: rotateY(-90deg); opacity: 0;} .active .hmc3_itms li:nth-child(2){transform: rotateY(0deg); opacity: 1; transition-delay: 0.7s;} .hmc3_itms li:nth-child(3){transition: all 0.8s ease-in-out; transform: rotateY(-90deg); opacity: 0;} .active .hmc3_itms li:nth-child(3){transform: rotateY(0deg); opacity: 1; transition-delay: 0.9s;} .hmc3_itms li:nth-child(4){transition: all 0.8s ease-in-out; transform: rotateY(-90deg); opacity: 0;} .active .hmc3_itms li:nth-child(4){transform: rotateY(0deg); opacity: 1; transition-delay: 1.1s;} .hmp4Con{transition: all 0.6s ease-in-out; transform: scale(0.5); opacity: 0;} .active .hmp4Con{transform: scale(1); opacity: 1; transition-delay: 0.8s;} .hmp4_list li:nth-child(1){transition: all 0.4s ease-in-out; opacity: 0;} .active .hmp4_list li:nth-child(1){opacity: 1; transition-delay: 1.0s;} .hmp4_list li:nth-child(2){transition: all 0.4s ease-in-out; opacity: 0;} .active .hmp4_list li:nth-child(2){opacity: 1; transition-delay: 1.2s;} .hmp4_list li:nth-child(3){transition: all 0.4s ease-in-out; opacity: 0;} .active .hmp4_list li:nth-child(3){opacity: 1; transition-delay: 1.4s;} .hmp4_list li:nth-child(4){transition: all 0.4s ease-in-out; opacity: 0;} .active .hmp4_list li:nth-child(4){opacity: 1; transition-delay: 1.6s;} .hmp4_list li:nth-child(5){transition: all 0.4s ease-in-out; opacity: 0;} .active .hmp4_list li:nth-child(5){opacity: 1; transition-delay: 1.8s;} .hmc5_t{transition: all 0.8s ease-in-out; transform: translate(-300px, 0px); opacity: 0;} .active .hmc5_t, .active2 .hmc5_t{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s;} .hmc5_ts1{transition: all 0.8s ease-in-out; left: 80%; opacity: 0;} .active .hmc5_ts1, .active2 .hmc5_ts1{opacity: 1; left: 50%; transition-delay: 0.6s;} .hmc5_des{transition: all 0.5s ease-in-out; transform: translate(0px, 70px); opacity: 0;} .active .hmc5_des, .active2 .hmc5_des{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.6s;} .hmc5Swiper .swiper-slide:nth-child(n){transition: all 0.6s ease-in-out; transform: rotateY(-90deg); opacity: 0;} .active .hmc5Swiper .swiper-slide:nth-child(n){transform: rotateY(0deg); opacity: 1; transition-delay: 0.9s;} .hmc5Btns{transition: all 0.8s ease-in-out; transform: translateY(80px); opacity: 0;} .active .hmc5Btns{transform: translateY(0); opacity: 1; transition-delay: 1.0s;} .hmc6Swiper .swiper-slide:nth-child(1n){transition: all 0.6s ease-in-out; transform: translate(90px, 0); opacity: 0;} .active .hmc6Swiper .swiper-slide:nth-child(1n), .active2 .hmc6Swiper .swiper-slide:nth-child(1n){transform: translate(0, 0); opacity: 1; transition-delay: 0.6s;} .hmc6Swiper .swiper-slide:nth-child(2n){transition: all 0.6s ease-in-out; transform: translate(-90px, 0); opacity: 0;} .active .hmc6Swiper .swiper-slide:nth-child(2n), .active2 .hmc6Swiper .swiper-slide:nth-child(2n){transform: translate(0, 0); opacity: 1; transition-delay: 0.6s;} .hmPage6 .swiper-pagination{transition: all 0.6s ease-in-out; transform: translate(0px, 80); opacity: 0;} .active.hmPage6 .swiper-pagination, .active2.hmPage6 .swiper-pagination{transform: translate(0, 0); opacity: 1; transition-delay: 0.8s;}}
.m2ban{height: 520px; position: relative;}
.m2ban .bgImg{position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.m2banTxt{padding-top: 90px; position: absolute; top: 50%; left: 50%; text-align: center; width: 100%; color: #FFF; transform: translate(-50%, -50%); width: 100%; max-width: 600px;}
.m2ban_et{font-size: 48px; text-transform: uppercase; line-height: 48px; height: 48px; margin-bottom: 8px; display: block;}
.m2ban_t{font-size: 40px; line-height: 48px; font-weight: bold; display: block;}
.m2posBox{height: 70px; background: #FFF; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.06); line-height: 70px; position: relative; z-index: 2}
.m2pos_i{background: url(../../images/2020/m2pos_i1.png) no-repeat center center; width: 74px; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; float: left; height: 70px;}
.m2pos_a{background: url(../../images/2020/m2pos_i2.png) no-repeat left center; margin-left: 20px; font-size: 14px; line-height: 70px; color: #666e87; padding-left: 8px;}
.m2posBox .m2pos_a:last-child{font-weight: bold;}
.page{text-align: center; height: 70px;}
.m2menu{float: right;}
.m2menu_a{font-size: 14px; color: #2a3452; margin-left: 20px; position: relative; display: inline-block; padding: 0px 6px;}
.m2menu_a:first-child{margin-left: 0;}
.m2menu_a:after{content: ""; height: 4px; background: #29435a; width: 0; transition: all 0.5s ease-in-out; position: absolute; left: 0; bottom: 0}
.m2menu_a.on:after, .m2menu_a:hover:after{width: 100%;}
.m2menu_a.on{color: #29435a; font-weight: bold;}
@media (max-width: 992px){.m2banTxt{padding-top: 40px;} .m2ban_et{font-size: 40px; line-height: 40px; height: 40px;} .m2ban_t{font-size: 36px; line-height: 42px;} .m2ban{height: 420px; position: relative;} .m2menu_a{margin-left: 15px;}}
@media (max-width: 767px){.m2ban{height: 260px; position: relative;} .m2ban_et{font-size: 30px; line-height: 30px; height: 30px;} .m2ban_t{font-size: 24px; line-height: 24px; font-weight: normal} .m2pos_i{width: 50px; border: none} .m2posBox .container{padding-left: 0;} .m2pos_a{margin-left: 0px; margin-right: 10px;} .m2posBox{height: auto;} .m2posBox .fl{float: none; width: 100%; display: block} .m2menu_a{font-size: 14px; line-height: 40px; height: 42x; margin-right: 6px; margin-left: 6px; padding: 0 2px; margin-bottom: 10px;} .m2menu{text-align: center; line-height: 0; position: relative; top: -10px; float: none; width: 100%; display: block; padding-bottom: 10px;} .m2menu_a:after{height: 2px;}}
@media (max-width: 375px){.m2ban_et{font-size: 24px; line-height: 24px; height: 24px;} .m2ban_t{font-size: 20px; line-height: 20px;} .webInfo_txt1{display: none;} .link_list{display: block; width: 100%; margin-top: 10px;} .link_list .tit{background: url(/images/xjt.png) no-repeat left 90px center; cursor: pointer;} .link_list .on{background: url(/images/sjt.png) no-repeat left 90px center;} .link_list .links{display: none; padding: 10px 0;} .link_list .links a{color: #FFFFFF; display: block; padding: 4px 0;}}
.m2gc_list{padding-top: 50px; margin: 0px -11px 20px;}
.m2gc_list li{padding: 0px 11px; margin-bottom: 24px;}
.m2gc_aBox{display: block;}
.m2gc_aBox:hover{box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08);}
.m2gc_aBox .overflowHide{height: 210px;}
.m2gc_abom{background: #FFF; padding: 20px 22px 22px;}
.m2gc_abom .ellipsis{display: block; font-size: 16px; line-height: 38px; font-weight: bold; color: #2a3452; height: 38px;}
.m2gc_abom p{font-size: 14px; line-height: 24px; color: #666e87; height: 48px; overflow: hidden; margin-bottom: 15px;}
.m2gc_more{font-size: 14px; font-weight: bold; text-transform: uppercase; color: #009ee7; line-height: 28px; display: block; height: 28px; background: url(../../images/2020/m2gc_ar1.png) no-repeat 94px center;}
.m2gc_aBox:hover .m2gc_more{background: url(../../images/2020/m2gc_ar2.png) no-repeat 94px center; color: #57ae32;}
.m2layBg{background: rgba(0, 0, 0, 0.75); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 50}
.m2gcLayer{background: #FFF; z-index: 60; width: 1000px; padding: 28px 45px 32px; border-radius: 0.3em; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.m2lay_closeBtn{background: url(../../images/2020/closeBtn.png) no-repeat center center; display: block; height: 32px; width: 32px; position: absolute; right: 0px; top: -50px; cursor: pointer;}
.m2gcLay_t{font-size: 24px; color: #2a3452; line-height: 38px; padding: 13px 0px; border-bottom: 1px solid #E5E5E5; margin-bottom: 27px;}
.m2LayCon{height: 410px; overflow-y: auto;}
.m2gcLayx1{margin-bottom: 22px;}
.m2gcLayImg{float: left; width: 54%; padding-right: 15px;}
.m2gcLayDes{width: 46%; float: right; font-size: 14px; line-height: 24px; color: #666e87; padding: 12px 0px 0px 15px;}
.m2gcLayDes strong{color: #2a3452;}
.m2gcLay_t2{background: url(../../images/2020/m2gc_i2.png) no-repeat left center; padding-left: 30px; border-bottom: 1px dotted #D2D4DA; font-size: 18px; line-height: 54px; color: #009ee7; height: 55px; font-weight: bold;}
.m2gcLay_des2{font-size: 14px; line-height: 24px; color: #666e87; padding-top: 12px;}
.m3article{margin-top: -28px; position: relative; background: #FFF; padding: 50px 48px 56px; margin-bottom: 50px; box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.05);}
.m3arTop{border-bottom: 1px solid #E5E5E5; padding: 0px 92px 14px 0px; position: relative;}
.m3arTop strong{display: block; line-height: 34px; font-size: 24px; color: #2a3452; margin-bottom: 4px;}
.m3arBack, .m3arBack:hover{line-height: 22px; background: url(../../images/2020/m3i.png) no-repeat left center; display: inline-block; height: 22px; padding-left: 25px; font-size: 14px; color: #57ae32; position: absolute; top: 6px; right: 0px;}
.m3arTop p{font-size: 14px; line-height: 24px; color: #666e87;}
.m3arTop p span{white-space: nowrap; display: inline-block; margin-right: 20px;}
.m3arEditor{font-size: 14px; line-height: 24px; color: #666e87; padding: 14px 0px 0px;}
.m3arEditor img{max-width: 100%;}
.m3page{background: #E9F2FC; padding: 0px 15px; margin-top: 35px; position: relative; font-size: 15px; line-height: 54px; height: 54px;}
.m3page_prev{display: block; float: left; width: 50%; padding-right: 50px; text-align: right; overflow: hidden; font-size: 15px; line-height: 54px; height: 54px; color: #666e87;}
.m3backList{background: url(../../images/2020/m3_i2.png) no-repeat; display: inline-block; height: 13px; width: 24px; margin-left: -12px; position: absolute; left: 50%; bottom: 21px; font-size: 0px; overflow: hidden; line-height: 0px;}
.m3page_next{display: block; float: right; width: 50%; padding-left: 50px; text-align: left; overflow: hidden; font-size: 15px; line-height: 54px; height: 54px; color: #666e87;}
.m3page a:hover{color: #009ee7;}
@media (max-width: 992px){.m3arTop strong{font-size: 22px;} .m3article{margin-top: 0;}}
@media (max-width: 767px){.m3article{padding-left: 15px; padding-right: 15px;} .m3arTop{padding-right: 0;} .m3arBack, .m3arBack:hover{position: static;} .m3arTop strong{font-size: 18px; line-height: 30px; font-weight: normal; text-align: center; margin-bottom: 10px;} .m3arTop p{font-size: 12px; margin-bottom: 12px;} .m3arTop p span{margin: 0 5px;} .m3page span{display: none;}}
.m2n_list{padding: 50px 0;}
.m2n_list li{margin-bottom: 38px;}
.m2n_aBox{background: #FFF; display: block; padding: 13px;}
.m2n_aBox .overflowHide{float: left; height: 200px; width: 385px;}
.m2nRx{margin-left: 423px; position: relative; margin-right: 74px; padding: 40px 45px 0px 0px;}
.m2nRx.new{margin-left: 20px; padding: 10px 45px 0px 0px;}
.m2nRx_t{line-height: 30px; height: 30px; margin-bottom: 13px;}
.m2nRx_t span{font-size: 18px; color: #009ee7; float: left; line-height: 20px; height: 20px; width: 68px; margin-top: 5px; border-right: 1px solid #566380;}
.m2nRx_t .ellipsis{font-size: 18px; line-height: 30px; display: block; margin-left: 85px; overflow: hidden; color: #566380;}
.m2nRx_p{font-size: 14px; line-height: 24px; color: #666e87; height: 72px; overflow: hidden;}
.m2n_aBox:hover .ellipsis{color: #009ee7;}
.m2nRx:before{content: ""; background: #E5E5E5; height: 104px; width: 1px; position: absolute; top: 48px; right: 0px;}
.m2nRx.new:before{content: ""; background: #E5E5E5; height: 30px; width: 1px; position: absolute; top: 10px; right: 0px;}
.m2nRx_more{height: 38px; width: 38px; position: absolute; top: 81px; right: -63px; z-index: 5; display: inline-block;}
.m2nRx.new .m2nRx_more{height: 38px; width: 38px; position: absolute; top: 5px; right: -63px; z-index: 5; display: inline-block;}
.m2nRx_more span{position: relative; z-index: 2; background: url(../../images/2020/m2n_i1.png) no-repeat center center; display: inline-block; height: 38px; width: 38px;}
.m2nRx_more:before{content: ""; height: 38px; width: 38px; background: #29435a; position: absolute; left: 0px; top: 0px; transform: scale(0); transition: all 0.5s ease-in-out; border-radius: 2.8em;}
.m2n_aBox:hover .m2nRx_more:before{transform: scale(1); border-radius: 50%;}
.m2n_aBox:hover .m2nRx_more span{background: url(../../images/2020/m2n_i2.png) no-repeat center center;}
@media (max-width: 992px){.m2nRx_more{display: none;} .m2nRx.new .m2nRx_more{display: none;} .m2n_aBox .overflowHide{width: 305px;} .m2nRx{margin-left: 332px; margin-right: 0px; padding: 40px 15px 0px 0px;} .m2nRx:before{display: none;} .m2nRx_t span{width: 60px;} .m2nRx_t .ellipsis{margin-left: 75px;}}
@media (max-width: 767px){.m2n_aBox .overflowHide{width: 100%; float: none;} .m2nRx{margin-left: 0; padding-top: 12px; padding-bottom: 15px;} .m2nRx_t .ellipsis{font-size: 16px;} .m2nRx_t span{width: 55px;} .m2nRx_t .ellipsis{margin-left: 65px;}}
.m2hz_list{margin: 52px -13px 20px;}
.m2hz_list li{padding: 0px 13px; float: left; width: 20%; margin-bottom: 28px;}
.m2hz_aBox{height: 110px; box-shadow: 0 0 6px 4px rgba(255, 255, 255, 0.2); position: relative; display: block;}
.m2hz_aBox img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; transition: all 0.5s ease-in-out;}
.m2hz_aBox:hover img{opacity: 0;}
.m2hz_aBox:hover img.iOpacity{opacity: 1;}
@media (max-width: 1199px){.m2hz_list li{width: 25%;}}
@media (max-width: 992px){.m2hz_list li{width: 33.333%;}}
@media (max-width: 767px){.m2hz_aBox{height: 90px;} .m2hz_list li{width: 50%;}}
.m2abtCon{padding: 50px 50px 45px;}
.m2abtConTop{margin-bottom: 76px;}
.m2abtcTl{float: left; width: 42%; height: 580px; display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #FFF; background: #009EE7; padding: 0px 55px;}
.m2abt_t{font-size: 30px; line-height: 42px;}
.m2abt_st{font-size: 18px; line-height: 30px; font-weight: bold; height: 30px; margin-bottom: 18px;}
.m2abtcTr{width: 58%; float: right; height: 580px; position: relative; cursor: pointer;}
.m2abt_tp{font-size: 24px; line-height: 38px; color: #FFF; height: 38px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap}
.m2abt_tp i{background: url(../../images/2020/m2mv.png) no-repeat; height: 38px; width: 38px; margin-right: 10px; display: inline-block;}
.m2abt_tp text, .m2abt_tp i{vertical-align: middle;}
.m2abtcTr:hover i{animation: icon-bounce-round 1.0s infinite;}
.m2abtConBom{background: url(../../images/2020/m2abt_line.jpg) repeat-x left 110px;}
.m2abt_u1{margin: 0px -40px;}
.m2abt_u1 li{padding: 0px 40px; margin-bottom: 28px; text-align: center;}
.m2abt_u1 li strong{line-height: 42px; text-align: center; display: block; font-size: 18px; color: #666e87; height: 42px; overflow: hidden;}
.m2abt_u1 .transition{background: #F6F6F6; height: 20px; width: 20px; border: 1px solid #DDDDDD; display: block; margin: 16px auto 20px; position: relative;}
.m2abt_u1 .transition:after{content: ""; width: 12px; height: 12px; position: absolute; left: 3px; top: 3px; background: #009EE7; transition: all 0.5s ease-in-out; transform: scale(0)}
.m2abt_u1 p{font-size: 14px; line-height: 24px; color: #666e87;}
.m2abt_u1 li:hover .transition{border: 1px solid #009ee7;}
.m2abt_u1 li:hover .transition:after{transform: scale(1)}
.m2abt_u1 li:hover img{animation: icon-bounce 0.5s alternate;}
.mvlayerBg{height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8);}
.mvLayer{height: 500px; width: 100%; margin-top: -250px; position: fixed; z-index: 85; left: 0px; top: 50%;}
.mvWarpper{background: #FFF;}
.mvClose{background: url(../../images/2020/m2mvClose.png) no-repeat; height: 32px; width: 32px; position: absolute; top: 25px; right: 25px; cursor: pointer; z-index: 5;}
.newMvPlay{background: none}
.newMvPlay .m2mvBox{width: 1000px; height: 562px; float: none; margin: 0 auto; position: relative;}
@media (max-width: 1399px){.m2abt_u1{margin: 0px -15px;} .m2abt_u1 li{padding: 0px 15px;} .m2abtConBom .container{width: 100%;} .m2abtcTl{padding-left: 25px; padding-right: 25px;} .m2abt_t{font-size: 26px;}}
@media (max-width: 1199px){.m2abt_t{font-size: 22px;} .m2abt_st{font-size: 16px;}}
@media (max-width: 1000px){.newMvPlay .m2mvBox{width: 750px; height: 421px;}}
@media (max-width: 992px){.mvLayer{margin-top: 0; transform: translateY(-50%); height: auto;} .mvLayer .m2xy_pimg{max-width: 220px; margin-left: auto; margin-right: auto; height: 240px;} .m2abtcTl{width: 50%;} .m2abtcTr{width: 50%;} .m2abt_tp{font-size: 20px;} .m2abt_t{font-size: 20px; line-height: 30px;} .m2abt_st{font-size: 14px;} .m2abtCon{padding: 50px 30px 45px;}}
@media (max-width: 767px){.mvLayer .m2mvBox{height: 180px;} .newMvPlay .m2mvBox{width: 90%; height: auto;} .mvClose{top: 0; bottom: auto; right: 10px; background-size: 15px auto; background-position: right center;} .m2abtCon{padding: 50px 15px 35px;} .m2abtcTl{width: 100%; float: none; height: auto; padding-top: 50px; padding-bottom: 50px;} .m2abtcTr{width: 100%; float: none; height: 320px;} .m2abtConTop{margin-bottom: 45px;} .m2abtConBom{background: none;}}
.m2ry_list{margin: 50px 0px 35px;}
.m2ry_list li{margin-bottom: 7px; border-right: 1px solid #DDDDDD; background: #FFF; padding: 38px 35px 32px; text-align: center;}
.m2ry_img{font-size: 0px; line-height: 0px; height: 240px; margin-bottom: 20px; overflow: hidden; position: relative;}
.m2ry_img img{border: 1px solid #E6E6E6; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 96%; max-height: 96%; width: auto; height: auto; display: block;}
.m2ry_list p{font-size: 16px; line-height: 35px; text-align: center; height: 35px;}
.m2js_list{padding-top: 50px;}
@media (max-width: 992px){.m2ry_img{height: 160px;}}
.m2js_list li{margin-bottom: 42px;}
.m2js_aBox{display: block; box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.08); position: relative; height: 400px;}
.m2js_aBox .dsPcPad img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%; width: auto; height: auto;}
.m2js_aBox .dsPhone{padding: 20px 15px;}
.m2js_lay{padding: 42px 20px 54px; width: 460px; position: absolute; right: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.92);}
.m2js_lay strong{font-size: 16px; line-height: 48px; display: block; height: 48px; overflow: hidden}
.m2js_lay p{font-size: 14px; line-height: 24px; color: #666e87; margin-bottom: 35px;}
.m2js_lay .transition{font-size: 14px; line-height: 38px; color: #FFF; padding: 0px 0px 0px 26px; height: 38px; background: #009EE7 url(../../images/2020/m2js_arrow.png) no-repeat 116px center; width: 160px; font-weight: bold; text-transform: uppercase; display: inline-block;}
.m2js_aBox:hover .transition{background: #57ae32 url(../../images/2020/m2js_arrow.png) no-repeat 116px center;}
.m2js_list li:nth-child(2n) .m2js_lay{right: auto; left: 0;}
@media (max-width: 767px){.m2js_aBox{height: auto;} .m2js_lay{width: 100%; position: static; padding: 25px 15px 35px;} .m2js_lay strong{line-height: 28px; margin-bottom: 8px; height: auto; font-size: 16px;} .m2js_lay p{margin-bottom: 20px;}}
.m2zpCon1{padding: 105px 0px 52px; background: #FFF;}
.m2zpTmbox{text-align: center; height: 110px; color: #F2F8FD; text-transform: uppercase; font: bold 135px/110px Arial; position: relative;}
.m2zp_t1{font-size: 36px; font-weight: bold; color: #566380; line-height: 30px; display: inline-block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%);}
.m2zp_et1{font-size: 36px; text-transform: uppercase; color: #29435a; line-height: 40px; display: inline-block; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); width: 100%;}
.m2zp_des{font-size: 14px; line-height: 24px; color: #666e87; padding-top: 20px; text-align: center; max-width: 825px; margin: 0 auto 50px;}
.m2zp_swiper .swiper-container{padding-bottom: 64px;}
.m2zp_sBox{border: 1px dotted #DDDDDD; padding: 43px 42px 38px 102px; position: relative;}
.m2zp_sBox img{position: absolute; left: 41px; top: 36px;}
.m2zp_sBox .ellipsis{font-size: 18px; line-height: 44px; display: block; height: 44px; color: #566380;}
.m2zp_sBox p{font-size: 14px; line-height: 24px; height: 120px; overflow: hidden; color: #666e87;}
.m2zp_swiper .swiper-pagination{height: 14px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: center}
.m2zp_swiper .swiper-pagination-bullet{background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px !important; position: relative; top: 0px; transition: all 0.5s ease-in-out;}
.m2zp_swiper .swiper-pagination-bullet-active{height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top: 1px; border-radius: 0; transform: rotate(45deg);}
.m2zpCon2{padding: 98px 0px 0px;}
.m2zpCon2 .m2zpTmbox{color: #E9F0F5;}
.m2zpSlider dl{box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.08); background: #fff; margin-bottom: 28px;}
.m2zp_info{padding: 0px 30px; margin-bottom: 28px;}
.m2zpSlider dt{line-height: 48px; height: 48px; background: url(../../images/2020/m2zp_i3.png) no-repeat left center; padding-left: 16px; position: relative; font-size: 14px; cursor: pointer; transition: all 0.5s ease-in-out; overflow: hidden; padding-right: 45px;}
.m2zpSlider dt i{background: #349AF0 url(../../images/2020/m2zp_arrow.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; top: 11px; right: 11px; border-radius: 50%; transition: all 0.5s ease-in-out;}
.m2zpSlider dt strong{font-size: 16px; color: #2a3452; transition: all 0.5s ease-in-out;}
.m2zpSlider dd{font-size: 14px; line-height: 30px; color: #666e87; padding: 22px 15px 38px; border-top: 1px solid #E5E5E5; display: none}
.m2zp_content li{padding: 0 30px;}
.m2zpSlider dt.on, .m2zpSlider dt.on strong{color: #009ee7;}
.m2zpSlider dt.on i{background: #666E87 url(../../images/2020/m2zp_arrow.png) no-repeat center center; transform: rotate(180deg);}
@media (max-width: 1199px){.m2zp_sBox p{height: 120px;}}
@media (max-width: 992px){.m2zp_sBox{padding: 35px 22px 32px 72px;} .m2zp_sBox img{left: 15px;} .m2zp_sBox p{height: 144px;}}
@media (max-width: 767px){.m2zpTmbox{font-size: 66px;} .m2zp_t1{font-size: 24px;} .m2zp_et1{font-size: 22px;} .m2zpCon1{padding-top: 50px;} .m2zp_t1{top: 1px;} .m2zp_et1{top: 55px;} .m2zp_des{margin-bottom: 40px; padding-top: 10px;} .m2zpCon2{padding: 48px 0px 0px;} .m2zpSlider dt strong{font-size: 14px;} .m2zp_info{padding-left: 0; padding-right: 0;} .m2zp_content li{padding: 0; margin: 10px 0} .m2zp_info{margin-bottom: 15px;} .m2zpSlider dd{padding-bottom: 15px;} .m2zpSlider dl{margin-bottom: 15px;}}
.m2lx_ul{margin: 0px -10px 75px;}
.m2lx_icon{margin: 0px auto 18px; height: 97px; width: 97px; border: 1px solid #DCDCDC; position: relative;}
.m2lx_ul li{padding: 0px 10px; margin-bottom: 15px; transition: all 0.5s ease-in-out; width: 20%; float: left;}
.m2lx_ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}
.m2lx_ul li:hover .m2lx_icon{border: 2px solid #0094E5;}
.m2lx_ul li:hover img{opacity: 0;}
.m2lx_ul li:hover img.iOpacity{opacity: 1;}
.m2lx_ul strong{line-height: 40px; text-align: center; height: 40px; font-size: 18px; color: #566380; display: block;}
.m2lx_ul p{font-size: 14px; line-height: 24px; color: #666e87; text-align: center; height: 48px; max-width: 230px; margin: 0 auto;}
.m2lxBom{border-top: 4px solid #57AE32;}
.m2lxBomL{float: left; width: 50%; height: 500px;}
.m2lxBomR{float: right; width: 50%; height: 500px; background: #009EE7 url(../../images/2020/m2lxBg.jpg) no-repeat center center; padding: 30px 65px 0px; background-size: cover;}
.m2lxCon{max-width: 535px;}
.m2lxCon strong{font-size: 30px; line-height: 68px; color: #FFF; display: block; font-weight: normal;}
.m2lxCon p{font-size: 14px; line-height: 26px; color: #FFF; height: 52px; margin-bottom: 5px;}
.m2lx_fm li{line-height: 40px; min-height: 40px; margin-bottom: 13px; position: relative;}
.m2lx_int{display: block; font-size: 14px; line-height: 40px; color: #FFF; padding: 0px 15px 0px 30px; width: 100%; border: none; background: rgba(255, 255, 255, 0.25);}
.m2lx_fm li img{position: absolute; left: 7px; top: 12px;}
.m2lx_submit{font-size: 16px; line-height: 40px; color: #333; background: #FFD800; height: 40px; text-align: center; display: block;}
.m2lx_submit:hover{color: #333; background: #EECA00;}
.m2lx_area{display: block; color: #FFF; padding: 10px 15px 0px 30px; width: 100%; border: none; background: rgba(255, 255, 255, 0.25); height: 80px; font: 14px/20px "微软雅黑";}
.BMap_pop, .BMap_shadow{display: none;}
.m2lxBomL img{max-width: none}
@media (max-width: 992px){.m2lxBomR{padding: 30px 25px 0px;}}
@media (max-width: 767px){.m2lx_ul li{width: 100%;} .m2lx_ul p{height: auto;} .m2lx_ul{margin-bottom: 35px;} .m2lxBomL{width: 100%; height: 300px; float: none;} .m2lxBomR{width: 100%; float: none;} .m2lxCon strong{font-size: 24px;}}
.m2whCon1{padding: 105px 0px 55px;}
.m2whCon1 .m2zpTmbox{color: #E9F0F5;}
.m2wh_aBox{display: block; padding: 45px 32px 40px;}
.m2wh_aBox:hover{background: #fff; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.08);}
.m2wh_ibox{margin: 0px auto 15px; height: 120px; width: 120px; background: url(../../images/2020/m2wh_quan.png) no-repeat center center; position: relative;}
.m2wh_ibox img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; width: auto; height: auto;}
.m2wh_aBox strong{line-height: 44px; display: block; height: 44px; text-align: center; font-size: 18px; color: #566380;}
.m2wh_p1{font-size: 14px; line-height: 24px; color: #666e87; text-align: center;}
.m2wh_p2{display: none; font-size: 14px; line-height: 24px; color: #666e87; text-align: center;}
.m2wh_aBox:hover .m2wh_p1{display: none;}
.m2wh_aBox:hover .m2wh_p2{display: block;}
.m2whCon2{padding: 105px 0px 120px; background: url(../../images/2020/m2hw_bg1.jpg) no-repeat center top; background-size: cover;}
.m2whCon2 .m2zpTmbox{color: rgba(0, 0, 0, 0.08);}
.m2whSwiper{position: relative;}
.m2whSwiper .prev{background: url(../../images/2020/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; left: -78px; top: 50%; display: block;}
.m2whSwiper .next{background: url(../../images/2020/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; right: -78px; top: 50%; display: block; transform: rotate(180deg);}
.m2wh_aBox2 .overflowHide{height: 285px;}
.m2wh_lay{height: 100%; width: 100%; background: rgba(0, 158, 231, 0.92); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; padding: 0px 45px;}
.m2wh_aBox2 .overflowHide:after{content: ""; height: 1px; width: 0px; z-index: 5; background: rgba(255, 255, 255, 0.5); position: absolute; left: 50%; top: 10px; transition: all 0.5s ease-in-out;}
.m2wh_aBox2:hover .overflowHide:after{left: 10px; right: 10px; width: auto;}
.m2wh_aBox2 .overflowHide:before{content: ""; height: 1px; width: 0px; z-index: 5; background: rgba(255, 255, 255, 0.5); position: absolute; right: 50%; bottom: 10px; transition: all 0.5s ease-in-out;}
.m2wh_aBox2:hover .overflowHide:before{left: 10px; right: 10px; width: auto;}
.m2wh_aBox2 .m2wh_lay:after{content: ""; height: 0; width: 1px; z-index: 5; background: rgba(255, 255, 255, 0.5); position: absolute; left: 10px; top: 50%; transition: all 0.5s ease-in-out;}
.m2wh_aBox2:hover .m2wh_lay:after{top: 10px; bottom: 10px; height: auto;}
.m2wh_aBox2 .m2wh_lay:before{content: ""; height: 0; width: 1px; z-index: 5; background: rgba(255, 255, 255, 0.5); position: absolute; right: 10px; bottom: 50%; transition: all 0.5s ease-in-out;}
.m2wh_aBox2:hover .m2wh_lay:before{top: 10px; bottom: 10px; height: auto;}
.m2wh_lay .ellipsis{font-size: 18px; font-weight: bold; color: #FFF; line-height: 40px; display: block; height: 40px;}
.m2wh_lay p{font-size: 14px; line-height: 24px; color: #FFF; margin-bottom: 26px; height: 96px; overflow: hidden;}
.m2wh_lay span{line-height: 24px; text-decoration: underline; display: inline-block; height: 24px; font-size: 14px; color: #FFF;}
.m2whCon3{padding: 105px 0px 120px;}
.m2whCon3 .m2zpTmbox{color: #E9F0F5;}
.m2wh_sBox .overflowHide{float: left; height: 350px; width: 600px;}
.m2whc3Txt{float: right; width: 555px; padding-top: 13px;}
.m2wh_c3x1{font-size: 30px; color: #666e87; line-height: 50px; height: 50px;}
.m2wh_c3x2{font-size: 18px; color: #009ee7; line-height: 28px; padding-bottom: 16px; border-bottom: 1px solid #E3E3E3;}
.m2whc3Txt p{font-size: 14px; line-height: 24px; color: #666e87; padding: 48px 0px 38px; position: relative;}
.m2whc3Txt p:before{content: ""; background: url(../../images/2020/m2wh_i6.png) no-repeat; height: 35px; width: 46px; position: absolute; left: 0px; top: 12px;}
.m2whc3Txt p:after{content: ""; background: url(../../images/2020/m2wh_i7.png) no-repeat; height: 35px; width: 46px; position: absolute; right: 0px; bottom: 0px;}
.m2whCon3 .swiper-pagination{text-align: left; width: 555px; height: 14px; position: absolute; left: auto; right: 0px; bottom: 25px;}
.m2whCon3 .swiper-pagination-bullet{background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px !important; position: relative; top: 0px; transition: all 0.5s ease-in-out;}
.m2whCon3 .swiper-pagination-bullet-active{height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top: 1px; border-radius: 0; transform: rotate(45deg);}
.m2whLayer{width: 1000px; padding: 25px 0px 60px; background: #FFF; z-index: 60; position: fixed; left: 50%; top: 20px; bottom: 20px; margin-left: -500px;}
.m2whLay_t{font-size: 24px; color: #2a3452; line-height: 66px; border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; margin-left: 86px; margin-right: 86px;}
.m2whLayContent{font-size: 14px; line-height: 24px; color: #666e87; padding: 0; position: absolute; left: 0; right: 0; top: 110px; bottom: 65px; overflow-y: auto;}
.m2hwLyaDes{padding: 0 86px;}
.m2whSwiper2{margin-top: 24px; position: relative; padding-left: 86px; padding-right: 86px;}
.m2whSwiper2 .prev{background: url(../../images/2020/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; left: 30px; top: 10%; display: block;}
.m2whSwiper2 .next{background: url(../../images/2020/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; right: 30px; top: 10%; display: block; transform: rotate(180deg);}
.whCloseBtn{background: url(../../images/2020/closeBtn2.png) no-repeat; position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 5; height: 32px; width: 32px;}
@media (max-width: 1399px){.m2whSwiper{padding-left: 50px; padding-right: 50px;} .m2whSwiper .prev{left: 0;} .m2whSwiper .next{right: 0;}}
@media (max-width: 1230px){.m2wh_sBox .overflowHide{width: 550px;}}
@media (max-width: 1199px){.m2wh_sBox .overflowHide{width: 480px;} .m2whc3Txt{width: 425px;} .m2whCon3 .swiper-pagination{width: 425px;} .m2whLayer{width: auto; left: 25px; right: 25px; margin-left: 0;}}
@media (max-width: 992px){.m2wh_p1{display: none;} .m2wh_p2{display: block; height: 72px; overflow: hidden} .m2wh_sBox .overflowHide{width: 550px; margin-left: auto; margin-right: auto; float: none; margin-bottom: 25px;} .m2whc3Txt{width: 100%; float: none;} .m2whc3Swiper{padding-bottom: 50px;} .m2whCon3 .swiper-pagination{width: 100%; text-align: center; bottom: 0px;} .m2whCon3{padding-bottom: 20px;} .m2whLayer{top: 130px; bottom: 130px;}}
@media (max-width: 767px){.m2whCon1{padding: 45px 0px 35px;} .m2wh_p2{height: auto;} .m2wh_aBox{padding-left: 20px; padding-right: 20px;} .m2whCon2{padding-top: 45px; padding-bottom: 80px;} .m2wh_lay{padding-left: 20px; padding-right: 20px;} .m2wh_aBox2 .overflowHide{height: 200px;} .m2wh_lay p{margin-bottom: 5px;} .m2whCon3{padding-bottom: 40px; padding-top: 45px;} .m2wh_sBox .overflowHide{width: 100%; height: 220px; margin-bottom: 0px;} .m2wh_c3x2{font-size: 16px;} .m2wh_c3x1{font-size: 20px;} .m2whLayer{left: 0px; right: 0px; top: 40px; bottom: 40px;} .m2whSwiper2 .prev{left: 5px;} .m2whSwiper2 .next{right: 5px;} .m2whSwiper2{padding-left: 46px; padding-right: 46px;} .m2whLay_t{margin-left: 15px; margin-right: 15px; font-size: 16px; font-weight: bold;} .m2hwLyaDes{padding: 0 15px;} .whCloseBtn{right: 18px;}}
.m2ywCon{padding-top: 105px;}
.m2ywCon .m2zpTmbox{color: #E9F0F5;}
.m2yw_ul{margin: 0px -8px 66px;}
.m2yw_ul li{padding: 0px 8px; margin-bottom: 16px; margin-left: 210px;}
.m2yw_aBox{display: block;}
.m2yw_aBox .overflowHide{height: 255px;}
.m2yw_st{font-size: 16px; font-weight: bold; color: #FFF; line-height: 50px; height: 112px; padding-top: 62px; background: url(../../images/2020/m2yw_bg.png) repeat-x left bottom; position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px; text-align: center; transition: all 0.5s ease-in-out; transform: translateY(0);}
.m2ywLayer{background: rgba(0, 158, 231, 0.85); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: center; color: #FFF; opacity: 0; transition: all 0.5s ease-in-out; z-index: 6;}
.m2yw_aBox:hover .m2ywLayer{opacity: 1;}
.m2yw_icon{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.m2ywLayer:before{content: ""; height: 24px; width: 24px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 80px; top: 100px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2ywLayer:after{content: ""; height: 24px; width: 24px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 80px; top: 100px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_icon:before{content: ""; height: 24px; width: 24px; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 80x; bottom: 100px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_icon:after{content: ""; height: 24px; width: 24px; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 80px; bottom: 100px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_aBox:hover .m2ywLayer:before{transition-delay: 0.3s; opacity: 1; left: 25px; top: 26px;}
.m2yw_aBox:hover .m2ywLayer:after{transition-delay: 0.3s; opacity: 1; right: 25px; top: 26px;}
.m2yw_aBox:hover .m2yw_icon:before{transition-delay: 0.3s; opacity: 1; left: 25px; bottom: 26px;}
.m2yw_aBox:hover .m2yw_icon:after{transition-delay: 0.3s; opacity: 1; right: 25px; bottom: 26px;}
.m2yw_t1{line-height: 38px; height: 38px; position: absolute; left: 20px; top: 54px; right: 20px; bottom: 0px; font-size: 24px; font-weight: normal; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(50px, 0px); opacity: 0; z-index: 6;}
.m2yw_p1{position: absolute; height: 48px; left: 20px; top: 102px; right: 20px; overflow: hidden; font-size: 14px; line-height: 24px; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(-50px, 0px); opacity: 0; z-index: 6;}
.m2yw_p1 p{max-width: 540px; margin: 0 auto;}
.m2yw_more{width: 110px; line-height: 32px; height: 32px; font-size: 14px; font-weight: bold; position: absolute; left: 50%; bottom: 50px; text-decoration: none; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(0px, 50px); opacity: 0; text-transform: uppercase; background: url(../../images/2020/m2yw_arrow.png) no-repeat right center; padding-right: 28px; display: block; margin-left: -50px; z-index: 6;}
.m2yw_aBox:hover .m2yw_st{opacity: 0; transform: translateY(50px);}
.m2yw_aBox:hover .m2yw_t1{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.5s;}
.m2yw_aBox:hover .m2yw_p1{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.7s;}
.m2yw_aBox:hover .m2yw_more{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.9s;}
.m2ywc1_aBox{background: #FFF; display: block; border-top: 3px solid #57AE32; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); padding: 32px 30px 25px;}
.m2ywc1_ul{margin-bottom: 96px;}
.m2ywc1_aBox strong{font-size: 18px; line-height: 26px; font-weight: bold; color: #566380; display: block; height: 26px;}
.m2yw_et{font-size: 16px; line-height: 22px; color: #009ee7; display: block; height: 22px; font-weight: bold;}
.m2ywc1_aBox .overflowHide{height: 110px; margin-bottom: 13px;}
.m2ywc1_aBox i{height: 11px; margin-bottom: 17px; border-bottom: 1px dotted #DDDDDD; display: block;}
.m2ywc1_aBox p{font-size: 14px; line-height: 24px; color: #666e87;}
.m2ywCon2{background: url(../../images/2020/m2yw_bg2.jpg) repeat; padding: 105px 0px 88px;}
.m2ywCon2 .m2zpTmbox{color: rgba(255, 255, 255, 0.08);}
.m2ywCon2 .m2zp_t1{color: #fff;}
.m2ywCon2 .m2zp_et1{color: #fff;}
.m2ywCon2 .m2zp_des{color: #fff; padding-left: 15px; padding-right: 15px;}
.m2yw_u2{text-align: center; font-size: 0;}
.m2yw_u2 li{padding: 0 20px; display: inline-block; /* width:380px;*/ width: 20%; text-align: left; vertical-align: top;}
.m2yw_sBox2{display: block; position: relative; padding-left: 66px;}
.m2yw_sBox2 img{position: absolute; left: 0px; top: 0px;}
.m2yw_sBox2 strong{font-size: 20px; line-height: 48px; display: block; color: #FFF;}
.m2yw_sBox2 p{background: url(../../images/2020/m2yw_si6.png) no-repeat left 8px; font-size: 14px; line-height: 24px; padding-left: 11px; color: rgba(255, 255, 255, 0.7);}
.m2yw_sBox2:hover img{animation: icon-bounce 0.5s alternate;}
.m2ywCon3{padding: 105px 0px 20px 0;}
.m2ywCon3 .m2zpTmbox{color: #E9F0F5;}
.m2ywc3img{float: left; height: 396px; width: 570px;}
.m2ywc3Rx{margin-left: 606px; padding-top: 2px;}
.m2ywc3Rx dl dt{font-size: 18px; line-height: 34px; font-weight: bold; display: block; height: 34px; padding-left: 44px; margin-bottom: 4px; color: #29435a; position: relative;}
.m2ywc3Rx dl dt span{height: 34px; width: 34px; border: 1px solid #009ee7; position: absolute; left: 0px; top: 0px; border-radius: 50%; display: block;}
.m2ywc3Rx dl dd{font-size: 14px; line-height: 24px; color: #666e87; margin-bottom: 16px;}
.m2ywc3Rx dl dt span img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.m2ywc3Rx dl:hover dt span{animation: icon-bounce 0.5s alternate;}
.m2ywc4_icon{background: url(../../images/2020/m2ywc4_bg.png) no-repeat center center; margin: 0px auto 18px; height: 120px; width: 120px; display: block; position: relative;}
.m2ywc4_icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.m2yw_c4ul li strong{line-height: 36px; text-align: center; display: block; height: 36px; font-size: 18px; color: #FFF;}
.m2yw_c4ul li p{font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.7); height: 130px;}
.m2yw_c3ul{text-align: center; font-size: 0px;}
.m2yw_c3ul li{padding: 0px 36px; width: 16.6666%; display: inline-block;}
.m2yw_c4ul li:hover .m2ywc4_icon{animation: icon-bounce 0.5s alternate;}
.m2ywc3_sBox .overflowHide{height: 190px;}
.m2ywc3_sBox .ellipsis{font-size: 18px; color: #666e87; line-height: 26px; display: block; height: 26px; margin-top: 30px; font-weight: bold;}
@media (max-width: 1900px){.m2yw_c3ul{text-align: center; font-size: 0;} .m2yw_c3ul li{padding: 0px 15px; width: 320px; float: none; display: inline-block; margin-bottom: 30px;}}
@media (max-width: 1199px){.m2yw_t1{font-size: 20px;}}
@media (max-width: 992px){.m2ywc1_ul li{margin-bottom: 20px;} .m2ywc3img{float: none; margin-left: auto; margin-right: auto; margin-bottom: 25px;} .m2ywc3Rx{margin-left: 0;} .m2ywCon3{padding: 65px 0px;} .m2yw_u2 li{margin-bottom: 15px;}}
@media (max-width: 767px){.m2ywCon{padding-top: 35px;} .m2ywc1_ul{margin-bottom: 66px; margin-left: -15px; margin-right: -15px;} .m2ywc1_aBox{padding-left: 18px; padding-right: 18px;} .m2ywCon2{padding-top: 45px; padding-bottom: 45px;} .m2ywCon3{padding-top: 45px;} .m2ywc1_aBox p{height: auto !important;} .m2yw_sBox2 strong{font-size: 18px;} .m2ywc3img{width: 100%; height: 220px;} .m2yw_u2 li{width: 100%; padding: 0 15px;} .m2zpTmbox .m2zp_et1{font-size: 18px; line-height: 22px; margin-top: 45px;} .m2ywc4_icon{margin-bottom: 8px;} .m2yw_c4ul li{margin-bottom: 18px;} .m2ywCon3x2 .m2zp_des{padding-left: 15px; padding-right: 15px;} .m2ywCon3{padding-bottom: 10px;}}
/*2018-04-03 CSS*/
.hmc2_cmr{font-size: 18px; color: #29435a; font-weight: bold; margin-right: 20px;}
.m2abt_stop{padding: 30px 0px 90px; /*text-align: center;*/ font-size: 14px; line-height: 24px; color: #666e87;}
.m2abt_stop img{max-width: 100%;}
.m2abt_stop h2{font-size: 30px; color: #29435a; line-height: 42px; font-weight: normal}
.m2abt_stop h4{font-size: 18px; line-height: 28px; font-weight: bold; color: #666e87; margin-bottom: 20px;}
.m2abtMV{height: 480px; margin-left: -50px; margin-right: -50px; position: relative; margin-bottom: 60px; cursor: pointer;}
.m2abtMV:hover i{animation: icon-bounce-round 1.0s infinite;}
.m2yw_layDes{position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 20px; line-height: 24px; font-size: 14px; line-height: 24px; display: flex; align-items: center; transition: all 0.5s ease-in-out; opacity: 0; transform: scale(0.6); transform-origin: center bottom; background-color: #29435a; background-position: 0;}
.m2ywc3_sBox:hover .m2yw_layDes{opacity: 1; transform: scale(1);}
.m2ywBom_more{font-size: 14px; line-height: 38px; color: #FFF; padding: 0px 0px 0px 26px; height: 38px; background: #009EE7 url(../../images/2020/m2js_arrow.png) no-repeat 116px center; width: 160px; font-weight: bold; text-transform: uppercase; display: block; margin: 25px auto 0; cursor: pointer;}
.m2ywBom_more:hover{background: #57ae32 url(../../images/2020/m2js_arrow.png) no-repeat 116px center;}
.m2yw_c3ul li{margin-bottom: 15px;}
@media (max-width: 992px){.m2abtCon .container{width: 100%;}}
@media (min-width: 767px){.hmPage2 .hmc2_cmr{transition: all 0.8s ease-in-out; transform: translate(300px, 0px); opacity: 0;} .hmPage2.active .hmc2_cmr{opacity: 1; transform: translate(0px, 0px); transition-delay: 0.9s;}}
@media (max-width: 1099px){.m2gcLayer{width: auto; left: 15px; right: 15px; transform: translate(0, -50%);}}
@media (max-height: 650px){.m2gcLayer{width: auto; left: 15px; right: 15px; transform: translate(0, 0); top: 60px; bottom: 20px;} .m2LayCon{position: absolute; left: 45px; right: 45px; top: 118px; bottom: 50px; height: auto;}}
@media (max-width: 767px){.m2gcLayer{padding-left: 20px; padding-right: 20px; padding-top: 10px;} .m2gcLay_t{font-size: 16px; line-height: 32px; font-weight: bold;} .m2LayCon{left: 20px; right: 20px; top: 88px; bottom: 35px;} .m2gcLayImg{width: 100%; float: none;} .m2gcLayDes{padding-left: 0; width: 100%; float: none;} .hmc2_cmr{font-size: 16px;} .m2abt_stop{padding: 0px 0px 50px;} .m2abt_stop h2{font-size: 22px; line-height: 32px; margin-bottom: 5px;} .m2abt_stop h4{font-size: 16px; line-height: 24px; margin-bottom: 10px;} .m2abtCon .container{padding: 0} .m2abtMV{height: 200px; margin-bottom: 42px;} .m2ywBom_more{margin-top: 10px; margin-bottom: 10px;}}
/*2018-04-08 CSS*/
.m2yw_layDes i{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.m2yw_layDes:before{content: ""; height: 18px; width: 18px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 44px; top: 55px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_layDes:after{content: ""; height: 18px; width: 18px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 44px; top: 55px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_layDes i:before{content: ""; height: 18px; width: 18px; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 44x; bottom: 55px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2yw_layDes i:after{content: ""; height: 18px; width: 18px; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 44px; bottom: 55px; transition: all 0.3s ease-in-out; opacity: 0;}
.m2ywc3_sBox:hover .m2yw_layDes:before{transition-delay: 0.3s; opacity: 1; left: 25px; top: 26px;}
.m2ywc3_sBox:hover .m2yw_layDes:after{transition-delay: 0.3s; opacity: 1; right: 25px; top: 26px;}
.m2ywc3_sBox:hover .m2yw_layDes i:before{transition-delay: 0.3s; opacity: 1; left: 25px; bottom: 26px;}
.m2ywc3_sBox:hover .m2yw_layDes i:after{transition-delay: 0.3s; opacity: 1; right: 25px; bottom: 26px;}
/*2018-04-08 CSS*/
.m2lx_ul li:last-child{display: none;}
.m2lx_ul li{width: 25%;}
.m2lxEditor{font-size: 14px; line-height: 24px; color: #666e87; text-align: center; padding: 0 15px 100px; max-width: 1230px; margin-left: auto; margin-right: auto; margin-top: -30px;}
@media (max-width: 767px){.m2lx_ul li{width: 100%;} .m2lxEditor{margin-top: 0; padding-bottom: 75px;}}