@charset "UTF-8";

.hsBody{background:#f7f7f7;}

.header{ position:fixed; width:100%; left:0; top:0; width:100%; height:80px; z-index:30; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.05);display: flex; justify-content: space-between;}

.logo{ background: #e81b22; padding: 13px 1.97vw 0px; height: 80px; }

.headr_ser{ background: #e81b22 url(../images/top_ser.png) no-repeat center center; float: right; height: 80px; width: 80px; }

.nav li{ float: left; margin: 0px 25px; position:relative; }

.nav li.full_li{position:static;}

.nav_a{ font-size: 16px; line-height: 80px; display: inline-block; position: relative; padding:0 8px; }

.nav_a:after{ content: ""; background: url(../images/nav_line.png) no-repeat center center; height: 4px; position: absolute; width: 0%; left: 50%; transition:all 0.5s ease-in-out; bottom: 0px; }

.nav_a:hover:after,.nav_a.on:after{width:100%; left:0;}

.nav_a i{ position:relative; top:-4px; margin-left:10px; font-size:14px;}

.subMenu{width:180px; padding:12px 20px 12px 20px; position:absolute; left:50%; margin-left:-90px; top:80px; background:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.08); opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; }

.nav_a2{ display: block; font-size: 14px; line-height: 22px; padding-left: 16px; text-indent: -8px; white-space:nowrap; }

.nav_a2 i{font-size:12px; margin-right:6px; color:#666;}

.subMenu dd{padding:7px 0;}

.nav li:hover .subMenu{ visibility:visible; opacity:1;}

.nav li:nth-child(5) .subMenu,.nav li:nth-child(6) .subMenu{ width:110px; margin-left:-55px;}

.subMenuFull{ position:absolute; left:0; top:80px; background:#fff; width:100%; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; }

.nav li:hover .subMenuFull{ visibility:visible; opacity:1;}

.subMenuFull .container{display: flex; justify-content: space-between;}

.sub_dl{ width: 100%; border-left: 1px solid #E6E6E6; padding: 35px 25px 70px; }

.subMenuFull .container .sub_dl:last-child{ border-right:1px solid #E6E6E6;}

.nav_bt{ text-align: center; line-height: 30px; font-size: 18px; margin-bottom: 10px; }

.nav_img{height:142px; position:relative; margin-bottom:8px;}

.nav_img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}

.nav_a3{ line-height: 22px; padding: 7px 0px 7px 15px; font-size: 14px; display: block; position:relative}

.nav_a3 i{font-size:12px; color:#666; position:absolute; left:0; top:12px;}

@media (max-width:1799px){

.nav li{ margin: 0px 12px;}

.sub_dl{padding:25px 15px 50px;}

.nav_a3{padding:5px 0px 5px 15px; font-size:12px;}

.nav_bt{font-size:16px; margin-bottom:6px;}

.nav_img{height:110px;}

.subMenu dd{padding:5px 0;}

}
@media (max-width:1399px){
.nav li{ margin: 0px 8px;} 
}

@media (max-width:1199px){

.nav li{ margin: 0px 5px;}
.nav_a{padding:0 3px;}
}





.hmFocusWpr{position:relative;}

.hmFocus,.hmFs_img,.hmFocus_item{height:100vh; width:100%; position:relative; overflow:hidden}

.hmFs_img{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0;-webkit-transform:scale(1.12); transform:scale(1.12);}

.hmFs_img img{display:none!important;}

.on .hmFs_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}

.hmWpr{ margin-left:6.25vw; margin-right:6.25vw;}

.hmFs_txtWpr{position:absolute; width:100%; max-width:1440px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff;}

.hmFs_txt p { font-size: 16px; line-height: 28px; transition: all 0.6s ease-in-out; opacity: 0; transform: translate(0,50px); height: 112px; margin: 30px 0px 3.9vw; }

.hmFs_txt h4 { display: block; font-size: 48px; line-height: 60px; font-weight: normal; transition: all 0.8s ease-in-out; opacity: 0; transform: translate(0,50px); }

.hmFs_txt strong { display: block; font-size: 36px; line-height: 36px; font-weight: normal; margin: 10px 0px 0px; transition: all 0.8s ease-in-out; opacity: 0; transform: translate(0,50px); }

.hmFsBtns{font-size:0; transition:all 0.9s ease-in-out; transform:translate(0,50px); opacity:0;}

.on .hmFs_txt h4{ opacity:1; transform:translate(0,0); transition-delay:0.3s}

.on .hmFs_txt strong{ opacity:1; transform:translate(0,0); transition-delay:0.4s}

.on .hmFs_txt p { opacity:1; transform:translate(0,0); transition-delay:0.5s }

.on .hmFsBtns{ opacity:1; transform:translate(0,0); transition-delay:0.6s}

.hmFsBtn_1{ font-size: 16px; line-height: 46px; color: #FFFFFF; padding: 0px 0px 0px 17px; height: 50px; display: inline-block; background: #e81b22 url(../images/hmBanbtn.png) no-repeat 153px center; width: 200px; }

.hmFsBtn_2{ font-size: 16px; line-height: 48px; color: #fff; padding: 0px 0px 0px 16px; height: 50px; display: inline-block; background: url(../images/hmBanbtn.png) no-repeat 153px center; border: 1px solid #fff; margin-left: 40px; width: 200px; }

.hmFsBtn_1:hover,.hmFsBtn_2:hover{ box-shadow: 0 5px 8px rgba(0,0,0,0.1); transform: translateY(-5px); color: #FFF; }

.hmFocus .slick-dots{bottom:4.16vw; z-index:5; max-width:1440px; width:100%; left:50%; transform:translateX(-50%); text-align:left}

.hmFocus .slick-dots li button{display:none;}

.hmFocus .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin:0 36px 0 8px; position: relative; border-radius:50%; vertical-align:middle; position:relative;}

.hmFocus .slick-dots li:after{ content: ""; height: 24px; width: 24px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; position: absolute; margin-left: -12px; margin-top: -12px; left:50%; top:50%; border-radius:50%; opacity:0;}

.hmFocus .slick-dots li.slick-active:after{ opacity:1; animation:radiusRotate 3s linear infinite }

.hmFocus_num{ position: absolute; bottom: 4.16vw; z-index: 5; max-width: 1440px; width: 100%; left: 50%; transform: translateX(-50%); color: #fff; margin-left: 240px; font: 14px din; opacity:0.8 }

@media (max-width:1799px){

.hmFs_txtWpr{ max-width:1170px;}

.hmFocus_num{ max-width:1170px;}

.hmFocus .slick-dots{ max-width:1170px;}

.hmFs_txt p { font-size: 15px; line-height: 26px; height: 78px; margin: 20px 0px 2.9vw; }

.hmFs_txt h4 { font-size: 36px; line-height:48px;}

.hmFs_txt strong {font-size: 22px; line-height: 28px;}

}

@media (max-width:1199px){

.hmFs_txtWpr{ max-width:970px;}

}

@media (max-width:993px){

.hmFs_txtWpr{ padding:0 25px;}

.hmFocus,.hmFs_img,.hmFocus_item{height:550px;}

.hmFocus .slick-dots{left:25px; transform:translateX(0)}

.hmFocus_num{margin-left:265px;}

.hmFocus .slick-dots li{margin-right:25px;}

}

@media (max-width:767px){

.hmFs_txtWpr{ padding:0 15px;}

.hmFocus,.hmFs_img,.hmFocus_item{height:450px;}

.hmFs_txt p { font-size: 14px; line-height: 22px; height: 66px; margin: 15px 0px 20px; }

.hmFs_txt h4 { font-size: 20px; line-height:30px;}

.hmFs_txt strong {font-size: 18px; line-height: 24px;}

.hmFsBtn_1{ font-size: 14px; line-height: 40px; padding: 0px 0px 0px 15px; height: 40px; background: #e81b22 url(../images/hmBanbtn.png) no-repeat 105px center; width: 140px; background-size:18px auto; }

.hmFsBtn_2{ font-size: 14px; line-height: 38px; color: #fff; padding: 0px 0px 0px 15px; height: 40px; background: url(../images/hmBanbtn.png) no-repeat 104px center; margin-left: 10px; width: 140px; background-size:18px auto; }

.hmFocus_num{display:none;}

.hmFocus .slick-dots{left:0; text-align:center; bottom:30px; transform:scale(0.7)}

}





.hmFsNm1{ font-size:20px;}

.hmFunmWpr{position:relative; top:5px;}

.hmFunmWpr:before{content:""; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:-76px; top:50%; width:56px;}

.hmFocusWpr .m2usmv{ width:438px; height:246px; position:absolute; right:calc((100% - 1440px)/2); bottom:-98px;}

.hmFocusWpr .m2usmv.scaleImg .overflowHide{ height:246px;}

@media (max-width:1799px){

.hmFocusWpr .m2usmv{right:calc((100% - 1170px)/2);}

}

@media (max-width:1199px){

.hmFocusWpr .m2usmv{right:calc((100% - 970px)/2);}

}

@media (max-width:993px){

.hmFocusWpr .m2usmv{height:180px;}

.hmFocusWpr .m2usmv.scaleImg .overflowHide{height:180px;}

.hmFocusWpr .m2usmv{bottom:-71px;}

}

@media (max-width:767px){

.hmFocusWpr .m2usmv{display:none;}

}





.hmCon1{ background: url(../images/hmc1bg.jpg) no-repeat center center; background-size: cover; padding: 6.77vw 0px 8.25vw; }

.hmc1Lx { float: left; width: 53%; padding: 5.2vw 7.6vw 0px 5.2vw; position:relative; }

.hmc1_imgTxt { position: relative; }

.hmc1_lg { background: #e81b22; height: 5.2vw; width: 5.2vw; position: absolute; left: 0px; top: 0px; }

.hmc1_lg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:72%; max-height:72%; width:auto; height:auto;}

.hmc1_img{ position:relative;}

.hmc1_wh,.hmc1_wh:hover{ background: #e81b22; height: 7.81vw; width: 7.81vw; color: #FFF; line-height: 2.6vw; font-size: 16px; position: absolute; right: -2.08vw; bottom: -2.08vw; text-align: center; padding-top: 1.56vw; }

.hmc1_wh img{transform:scale(1)!important; width:2.91vw; height:auto;}

.hmc1_line{ width: 15vw; background: #e81b22; height: 15vw; position: absolute; top: 0px; right: -2.08vw; }

.hmc1Rx{ width: 47%; float: right; padding-top: 8.24vw; padding-left:2.54vw }

.hmc1T { line-height: 90px; height: 90px; margin-bottom: 1.28vw; position: relative; }

.hmc1T:after{ content: ""; background: url(../images/nav_line.png) no-repeat center bottom; height: 4px; width: 70px; position: absolute; left: 0px; top:8px; }

.hmc1T strong{ display: block; color: rgba(0,0,0,0.04); text-align: right; letter-spacing: 12px; font: bold 90px Arial; text-transform: uppercase; }

.hmc1T p{ font-size: 28px; line-height: 36px; font-weight: normal; position: absolute; left: 0px; top: 42px; display: block; }

.hmc1T p span{ color: #e81b22; }

.hmc1rtxt { font-size: 14px; line-height: 26px; min-height: 182px; margin-bottom: 2.86vw; }

.hmc1Rx .m2usc1ul li:nth-child(1){ text-align:left; width:28%}

.hmc1Rx .m2usc1ul li:nth-child(2){ width:44%}

.hmc1Rx .m2usc1ul li:nth-child(3){ text-align:right; width:28%}

.hmc1Rx .m2usc1ul{ margin:0;}

@media (max-width:1799px){

.hmc1_wh,.hmc1_wh:hover{font-size:15px;}

.hmc1Rx{padding-top:6.24vw;}

.hmc1T strong{font-size:70px;}

.hmc1T p{font-size:26px;}

}

@media (max-width:993px){

.hmc1T p{font-size:21px;}

.hmc1T strong{font-size:50px; letter-spacing:0;}

.hmc1Rx .m2usc1ul{margin-left:-350px;}

.hmc1_wh, .hmc1_wh:hover{width:80px; height:70px;}

}

@media (max-width:767px){

.hmCon1{padding:60px 0 50px;}

.hmc1Lx{width:100%; float:none; padding:0 5px 0 0}

.hmc1Rx{width:100%; float:none; padding-left:0}

.hmc1_lg{display:none;}

.hmc1_line{height:40vw;}

.hmc1_wh img{width:25px; height:auto;}

.hmc1_wh, .hmc1_wh:hover{line-height:28px; padding-top:8px;}

.hmc1T p{top:30px;}

.hmc1T{height:75px;}

.hmc1Rx .m2usc1ul{margin-left:0;}

.m2usc1ul li strong{font-size:30px!important;}

.hmc1Rx .m2usc1ul li{border:none;}

.hmc1Rx .m2usc1ul li:nth-child(1),.hmc1Rx .m2usc1ul li:nth-child(3){width:30%;}

.hmc1Rx .m2usc1ul li:nth-child(2){width:40%;}

}





.hmCon2{ padding: 3.75vw 0px 6.25vw; background: #f2f2f2 url(../images/hmc2bg.png) no-repeat center center; background-size:cover;}

.hmTbox{ text-align: center; position: relative; padding-top: 35px; }

.hmTbox strong{ line-height: 90px; font-weight: bold; text-align: center; display: block; width: 90px; width: 100%; position: absolute; left: 0; top: 0; font-size: 90px; color: rgba(0,0,0,0.04); text-transform: uppercase; }

.hmTbox p{ line-height: 80px; display: block; height: 80px; font-size: 34px; position: relative; }

.hmTbox p:after{ content: ""; background: url(../images/nav_line.png) no-repeat center bottom; height: 4px; width: 70px; position: absolute; left: 50%; bottom: 0px; margin-left:-35px;}

.hmc2ul { margin-top: 2.08vw; display: flex; justify-content: space-between; }

.hmc2ul li{ width:30%; transition:all 0.5s ease-in-out; position:relative}

.hmc2ul li.on{ width:60%;}

.hmc2aBox .overflowHide { height: 500px; transition:all 0.5s ease-in-out;-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.hmc2aBox .overflowHide:after{ content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; right:0; bottom:0; top:0; transition:all 0.5s ease-in-out;}

.hmc2ul li.on .hmc2aBox .overflowHide {-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.hmc2ul li.on .hmc2aBox .overflowHide:after{ background:rgba(0,0,0,0.2);}

.hmc2Btm{ font-size: 18px; line-height: 32px; font-weight: normal; color: #FFF; text-align: center; position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); z-index:3; transition:all 0.5s ease-in-out; width:100%; max-width:135px; text-align:center;}

.hmc2ul li.on .hmc2Btm{ opacity:0;}

.hmc2Layer{ color: #FFF; padding: 8px 1.97vw 28px; background: #e81b22; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index:3; opacity:0; transform:translateY(100%);}

.hmc2Layer:after{ content: ""; background: url(../images/hmc3mi.png) no-repeat center center; height: 10px; width: 61px; position: absolute; right: 40px; top: 85px; }

.hmc2Layer strong{ line-height: 70px; display: block; height: 70px; margin-bottom: 25px; font-weight: normal; font-size: 22px; overflow: hidden; position: relative; }

.hmc2Layer strong:after{ content: ""; background: url(../images/hmc3line.jpg) no-repeat center center; height: 4px; width: 69px; position: absolute; left: 0px; bottom: 0px; }

.hmc2Layer p{ font-size: 14px; line-height: 24px; color: #FFF; height: 48px; overflow: hidden; max-width:385px; }

.hmc2ul li.on .hmc2Layer{ transition:all 0.5s ease-in-out; transition-delay:0.3s; opacity:1; transform:translateY(0%);}

@media (max-width:1799px){

.hmTbox strong{font-size:70px;}

.hmTbox{padding-top:25px;}

.hmTbox p{font-size:30px; line-height:66px; height:66px;}

.hmc2aBox .overflowHide{height:420px;}

.hmc2Layer strong{font-size:20px; line-height: 60px; height: 60px;}

.hmc2Layer strong:after{height:3px;}

.hmc2Layer:after{top:72px;}

}

@media (max-width:993px){

.hmc2ul{display:block;}

.hmc2ul li{width:50%!important; float:left;}

.hmc2aBox .overflowHide{height:295px;}

.hmc2ul{margin:35px -1px 0;}

.hmc2ul li{padding:0 1px; margin-bottom:2px;}

.hmc2ul li .hmc2aBox .overflowHide {-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.hmc2ul li .hmc2aBox .overflowHide:after{ background:rgba(0,0,0,0.2);}

.hmc2Btm{display:none;}

.hmc2ul li .hmc2Layer{opacity:1; transform:translateY(0%);}

.hmc2Layer{background:rgba(0,0,0,0.4);}

.hmc2Layer p{display:none;}

.hmc2Layer:after{display:none;}

.hmc2Layer strong{margin-bottom:0;}

.hmCon2{padding-bottom:60px;}

}

@media (max-width:767px){

.hmCon2{padding-top:30px;}

.hmc2ul{margin-top:25px;}

.hmc2ul li{width:100%!important;}

.hmc2Layer strong{font-size:16px;}

}





.hmCon3{ padding: 3.75vw 0px 6.25vw;}

.hmc3Swiper{ margin-bottom:1.66vw; margin-top:38px;}

.hmMoreBtn{text-align:center;}

.hmMore{ height: 50px; width: 200px; text-align: center; display: inline-block; font-size: 16px; line-height: 46px; letter-spacing: 1px; border: 2px solid #c9c9c9; position:relative; }

.hmMore i{ position: absolute; left: -2px; bottom: -2px; right: -2px; top: -2px; border-bottom: 2px solid #e81b22; border-left: 2px solid #e81b22; } 

.hmMore:before{content:""; z-index:2; width:42px; height:2px; background:#e81b22; left:0; top:-2px; position:absolute;}

.hmMore:after{content:""; z-index:2; width:2px; height:14px; position:absolute; right:-2px; bottom:0; background:#e81b22;}

.hmMore i:before{content:""; width:0%; background:#e81b22; top:0px; right:0px; position:absolute; height:2px; transition:all 0.5s ease-in-out;}

.hmMore i:after{content:""; width:2px; background:#e81b22; right:0px; top:0px; position:absolute; height:0%; transition:all 0.5s ease-in-out;}

.hmMore span{display:block; transition:all 0.5s ease-in-out;}

.hmMore:hover i:before{ width:100%;}

.hmMore:hover i:after{ height:100%;}

.hmMore:hover span{ background:#e81b22; color:#fff; transition-delay:0.3s}

.hmc3tab{ text-align:center; margin-top:2.39vw;}

.hmc3tab a{ font-size: 16px; line-height: 42px; display: inline-block; margin: 0px 25px; position:relative; }

.hmc3tab a.on{ color: #000; }

.hmc3tab a:after{ content: ""; background: url(../images/hmc4li.jpg) no-repeat center center; height: 2px; width: 0px; position: absolute; left: 50%; bottom: 0px; transition:all 0.5s ease-in-out;}

.hmc3tab a.on:after{width:100%; left:0}

.hmc3ul{ margin: 0px -18px; }

.hmc3ul li{ padding: 0px 18px; margin-bottom: 32px; width:50%; float:left }

.hmc3aBox{ background: #F7F7F7; display: block; height: 280px; position: relative; }

.hmc3aBox:before{ content: ""; background: url(../images/hmc3_mi.png) no-repeat; height: 10px; width: 61px; position: absolute; bottom: 40px; left:1.97vw; transition:all 0.5s ease-in-out; }

.hmc3aBox:after{ content: ""; background: url(../images/hmc3_mi2.png) no-repeat; height: 10px; width: 61px; position: absolute; bottom: 40px; left:1.97vw; transition:all 0.5s ease-in-out; opacity:0; }

.hmc3aBox:hover:before{opacity:0;}

.hmc3aBox:hover:after{opacity:1;}

.hmc3proBox{ height: 280px; width: 320px; position: absolute; top: 0px; right: 2.29vw; }

.hmc3proBox:after{content:"";}

.hmc3proBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto; transition:all 0.5s ease-in-out;}

.hmc3txt{ width: 335px; padding: 52px 0px 0px 1.97vw; }

.hmc3txt strong{ font-size: 24px; line-height: 36px; font-weight: normal; display: block; height: 36px; margin-bottom: 22px; overflow: hidden; }

.hmc3txt p{ font-size: 14px; color: #666666; line-height: 26px; height: 78px; overflow: hidden; }

.hmc3proBox:after{ content: ""; width: 50px; height: 50px; background: #e81b22 url(../images/hmc3pro_ji.png) no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); z-index: 3; transition: all 0.5s ease-in-out; opacity: 0; }

.hmc3aBox:hover .hmc3proBox:after{opacity:1;}

.hmc3aBox:hover .hmc3proBox img{opacity:0.4;}

@media (max-width:1799px){

.hmc3aBox{height:220px;}

.hmc3proBox{ height: 220px; width: 220px; right: 1.69vw; }

.hmc3txt{ width: 305px; padding: 32px 0px 0px 1.97vw; }

.hmc3txt strong{font-size:21px;}

.hmc3ul{ margin: 0px -12px; }

.hmc3ul li{ padding: 0px 12px; margin-bottom: 24px; }

.hmMore{font-size:15px;}

}

@media (max-width:993px){

.hmc3tab a{margin:0 15px;}

.hmc3aBox{height:320px; padding-top:35px;}

.hmc3proBox{position:relative; right:0; left:0; height:120px; width:100%}

.hmc3txt{width:100%; padding:15px 15px 0;}

.hmc3txt strong{margin-bottom:6px;}

.hmc3aBox:before,.hmc3aBox:after{bottom: 30px;}

.hmCon3{padding-bottom:60px;}

}

@media (max-width:767px){

.hmCon3{padding-top:30px;}

.hmc3tab a{font-size:14px; margin:0 8px;}

.hmc3Swiper{margin-top:20px;}

.hmc3ul li{width:100%; margin-bottom:12px;}

.hmc3txt strong{font-size:20px;}

.hmc3Swiper{margin-bottom:20px;}

}





.hmCon5{ padding: 3.75vw 0px 6.25vw;}

.hmc5tab{ text-align:center; margin-top:2.39vw; position:relative; z-index:2;}

.hmc5tab a{ font-size: 16px; line-height: 42px; display: inline-block; margin: 0px 25px; position:relative; }

.hmc5tab a.on{ color: #000; }

.hmc5tab a:after{ content: ""; background: url(../images/hmc4li.jpg) no-repeat center center; height: 2px; width: 0px; position: absolute; left: 50%; bottom: 0px; transition:all 0.5s ease-in-out;}

.hmc5tab a.on:after{width:100%; left:0}

.hmc5Swiper{margin-top:-1vw;}

@media (max-width:993px){

.hmCon5{padding-bottom:60px;}

}

@media (max-width:767px){

.hmc5tab a{margin:0 15px;}

.hmc5Swiper{margin-top:15px;}

}





.hmCon4{ background: url(../images/hmc4bg.jpg) no-repeat center center; background-size:cover; padding: 3.75vw 0px 6.25vw; overflow:hidden; width:100%;}

.hmCon4 .hmTbox{position:relative; color:#fff; text-align:left;}

.hmCon4 .hmTbox p:after{ background: url(../images/hmc4line.jpg) no-repeat center bottom; left: 0px; margin-left: 0 }

.hmCon4 .hmTbox strong{color:rgba(255,255,255,0.1); text-align:left}

.hmc4nav{position:absolute; color:#fff; right:0; bottom:0}

.hmc4nav a{ font-size: 16px; line-height: 40px; color: #FFF; position: relative; left: 3px; top: 0px; right: 3px; bottom: 0px; margin-left: 42px; display:inline-block; }

.hmc4nav a:after{ content: ""; background: url(../images/hmc4line_s.jpg) no-repeat center center; height: 2px; position: absolute; width: 0px; left: 50%; bottom: 0px; transition: all 0.5s ease-in-out; }

.hmc4nav a.on:after{ left:0; width:100%;}

.hmc4SwiperWpr{margin-top:2.08vw; position:relative;}

.hmc4Swiper{ position:absolute; opacity:0; left:0; top:0; transition:all 0.3s ease-in-out;}

.hmc4SwiperWpr .hmc4Swiper:nth-child(1){position:relative;}

.hmc4Swiper.on{ z-index:2; opacity:1;}

.hmc4Swiper{ width: 2964px; height:539px; }

.hmc4item{ padding-right:152px;}

.hmc4aBox{display:block; position:relative;}

.hmc4aBox .overflowHide{ height: 539px; width: 960px; }

.hmc4txt{ background: #FFF; padding: 30px 35px 0px; height: 300px; position: absolute; width: 530px; margin-top: -150px; top: 50%; right: 0px; text-align:center; box-shadow:0 0 35px rgba(0,0,0,0.1);}

.hmc4txt strong{ font-size: 22px; line-height: 66px; font-weight: normal; display: block; height: 66px; margin-bottom: 25px; position: relative; }

.hmc4txt strong:after{ content: ""; position: absolute; height: 4px; width: 70px; margin-left: -35px; left: 50%; background: url(../images/nav_line.png) no-repeat center center; bottom:0;}

.hmc4txt p{ font-size: 14px; color: #666; line-height: 26px; height: 78px; overflow: hidden; }

.hmc4txt:after{ content: ""; background: url(../images/hmc3_mi2.png) no-repeat center center; height: 10px; width: 61px; margin-left: -30px; position: absolute; left: 50%; bottom: 45px; }

.hmc4Swiper .slick-prev{ background: #e81b22 url(../images/hmBanbtn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: 38px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 3; margin-top: -25px; transform:rotate(180deg); }

.hmc4Swiper .slick-next{ background: #e81b22 url(../images/hmBanbtn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: 105px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 3; margin-top: -25px;}

@media (max-width:1799px){

.hmc4Swiper{ width: 2164px; height:420px; }

.hmc4aBox .overflowHide{ height: 420px; width: 750px; }

.hmc4item{padding-right:55px;}

.hmc4txt{width:400px;}

.hmc4txt strong{ font-size: 20px; line-height: 60px; height: 60px; margin-bottom: 20px; }

.hmc4txt p{ line-height: 24px; height: 96px;}

}

@media (max-width:1199px){

.hmc4Swiper{ width: 1804px; height:420px; }

.hmTbox strong{font-size:50px;}

.hmTbox p{font-size:26px;}

}

@media (max-width:993px){

.hmc4Swiper{ width: 100%; height:320px; margin-top:25px; }

.hmc4aBox .overflowHide{ height: 320px; width: 450px; }

.hmc4item{padding-right:0;}

.hmc4txt{height:270px; margin-top:-135px;}

.hmCon4{padding-bottom:60px;}

}

@media (max-width:767px){

.hmTbox p{font-size:24px;}

.hmTbox p:after{height:3px;}

.hmc4nav a{margin-left:15px; font-size:14px;}

.hmc4Swiper .slick-dots{bottom:0;}

.hmc4Swiper .slick-dots li button{display:none;}

.hmc4Swiper .slick-dots li { background: rgba(255,255,255,0.3); display: inline-block; height: 9px; width: 9px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}

.hmc4Swiper .slick-dots li.slick-active{ background: #fff; }

.hmc4txt{width:auto; left:25px; right:25px; background:rgba(255,255,255,0.9); padding:10px 15px 0;}

.hmc4Swiper { height:358px;}

.hmc4txt p{height:120px;}

.hmc4txt strong{font-size:18px;}

.hmc4txt strong:after{height:3px;}

.hmc4txt:after{bottom:32px;}

.hmCon4{padding-bottom:50px;}

.hmTbox strong{font-size:44px;}

.hmc4Swiper{top:-25px;}

.hmc4SwiperWpr .hmc4Swiper:nth-child(1){ top:0}

}





.mTopEmpty{height:80px;}

.m2banner,.m3banner{position:relative;}

.m2banner .bgImg{height:36.45vw;}

.m3banner .bgImg{height:200px;}

.m2banerTxt{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); color: #FFF; }

.m2banerTxt strong{ font-size: 48px; font-weight: normal; display: block; line-height: 56px; }

.m2banBstxt .m2banerTxt{color:#000;}

@media (max-width:1799px){

.m2banner .bgImg{height:32.45vw;}

.m2banerTxt strong{ font-size: 36px; }

.m3banner .bgImg{height:150px;}

}

@media (max-width:993px){

.mTopEmpty{height:56px;}

.m2banerTxt strong{font-size:30px;}

}

@media (max-width:767px){

.m2banner .bgImg{height:150px;}

.m2banerTxt strong{font-size:26px;}

}





.footerWpr{ background: #f1f1f1; }

.footerTop { padding: 2.6vw 0px; border-bottom:1px solid #DCDCDC; }

.footer_share{float:right; padding-top:5px;}

.footer_share a{ transition:all 0.3s ease-in-out;}

.footSa1{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-left: 30px; border-radius: 50%; background: url(../images/ft_si1.png) no-repeat center center; }

.footSa1:hover{ background: #e81b22 url(../images/ft_si1a.png) no-repeat center center; border: 1px solid #e81b22; }

.footSa2{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-left: 30px; border-radius: 50%; background: url(../images/ft_si2.png) no-repeat center center; }

.footSa2:hover{ background: #e81b22 url(../images/ft_si2a.png) no-repeat center center; border: 1px solid #e81b22; }

.footSa3{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-left: 30px; border-radius: 50%; background: url(../images/ft_si3.png) no-repeat center center; }

.footSa3:hover{ background: #e81b22 url(../images/ft_si3a.png) no-repeat center center; border: 1px solid #e81b22; }

.footer_info{ padding: 13px 0px; border-top: 1px solid #DCDCDC; font-size: 14px; line-height: 24px; color: #666666; }

.footerMenu { padding: 2.7vw 0px 5.2vw; }

.footerMenu dl{float:left; margin-right:100px;}

.footerMenu dl:last-child{margin-right:0;}

.footerMenu dl dt{ font-size: 16px; line-height: 52px; }

.footerMenu dl dd{ line-height: 22px; padding:5px 0; max-width:180px; font-size: 14px; }

.footnav_a2{ color:#666666}

.footWxs{float:right; max-width:140px; text-align:center; padding-top:10px;}
.footWxs p{font-size:14px; line-height:24px; margin-top:12px;}
@media (max-width:1799px){

.footerMenu dl{margin-right:65px;}

.footerMenu dl:last-child{margin-right:0;}

}

@media (max-width:1199px){

.footerMenu dl{margin-right:35px;}

.footerMenu dl:last-child{margin-right:0;}

}

@media (max-width:993px){

.footerMenu dl{margin-right:25px;}

.footerMenu dl:last-child{margin-right:0;}

}

@media (max-width:767px){

.footerMenu dl {display:none;}

.footerTop .fl{display:none;}

.footer_share{width:228px; float:none; margin:0 auto;}

.footer_share a{margin:0 15px;}

.footer_info .fl,.footer_info .fr{width:100%; text-align:center;}

.footer_info{font-size:12px; line-height:24px;}
.footWxs{max-width:none; width:100%; float:none;}
.footWxs img{max-width:140px;}
}





.m2menuWpr{position:relative; z-index:2; margin-top:-60px;}

.shadow{ box-shadow:0 5px 10px rgba(0,0,0,0.06); }

.m2menu { background: #FFF;}

.m2pos{ line-height: 60px; height: 61px; border-bottom: 1px solid #E6E6E6; padding-left: 29px; font-size: 16px; color: #e81b22; position:relative; } 

.m2pos:after{ content: ""; background: url(../images/m2pos_ms.png) no-repeat center center; height: 22px; width: 15px; margin-top: -11px; position: absolute; top: 50%; right: 35px; } 

.m2pos text,.m2pos a,.m2pos span{vertical-align:middle;}

.m2pos_hm{ background: url(../images/hm_i.png) no-repeat center center; height: 60px; width: 22px; display: inline-block; }

.m2pos span{ background: url(../images/brk_i1.png) no-repeat center center; height: 60px; width: 78px; display: inline-block; }

.m2menuSwiper .slick-prev{ background: url(../images/brk_i2.png) no-repeat center center; display: inline-block; height: 69px; width: 48px; position: absolute; left: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform:rotate(180deg); z-index:2; }

.m2menuSwiper .slick-next{ background: url(../images/brk_i2.png) no-repeat center center; display: inline-block; height: 69px; width: 48px; position: absolute; right: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index:2 }

.m2menuSwiper .slick-prev:hover,.m2menuSwiper .slick-next:hover{ background: url(../images/brk_i2a.png) no-repeat center center; }

.m2menu_a{ text-align: center; display: block; font-size: 18px; color: #999999; line-height: 69px; position:relative; }

.m2menu_a:after{ content: ""; background: #e81b22; height: 2px; width: 0%; left: 50%; bottom: 0px; position:absolute; transition:all 0.5s ease-in-out;}

.m2menu_a.on:after,.m2menu_a:hover:after{width:100%; left:0}

.m2menu_a:hover,.m2menu_a.on{ color: #e81b22; }

.m2menuStx{display:flex;}

.m2menuStx .m2menu_itm{width:100%; border-right:1px solid #E6E6E6;}

.m2menuStx .m2menu_itm:last-child{border:none;}

@media (max-width:1799px){

.m2pos{ line-height: 50px; height: 51px; padding-left: 29px; font-size: 15px;}

.m2menu_a{font-size:16px; line-height:56px;}

.m2menuSwiper .slick-prev,.m2menuSwiper .slick-next{height:56px;}

.m2pos_hm{ height: 50px;}

.m2pos span{ height: 50px; width: 38px;}

.m2pos:after{right: 20px; } 

.m2menuWpr{margin-top:-50px;}

}

@media (max-width:767px){

.m2pos{font-size:13px; padding-left:12px; padding-right:15px; height:auto; overflow:hidden; line-height:26px; padding-bottom:11px; padding-top:11px;}

.m2pos span{height:26px;}

.m2pos_hm{height:26px;}

.m2pos span{ width: 22px;}

.m2pos:after{display:none;}

.m2menu_a{font-size:15px;}

.m2menuWpr{margin-top:0; margin-left:-15px; margin-right:-15px;}

}





.m2proWpr{ padding-top:50px;}

.m2proul { margin: 0px -1.56vw 1.04vw; }

.m2proul li{ padding:0 1.56vw; margin-bottom:2.6vw;}

.m2pro_aBox{ display: block; padding: 0px 2.34vw 2.18vw; background:#fff; }

.m2pro_aBox:hover{ box-shadow:0 2px 10px rgba(170,33,35,0.08);}

.m2pro_aBox .overflowHide { height: 245px; position: relative; border-bottom: 1px solid #E6E6E6; }

.m2pro_aBox .overflowHide img{ transition:all 0.5s ease-in-out; }

.m2pro_aBox .overflowHide:after{ content: ""; width: 80px; height: 80px; background: #e81b22 url(../images/m2pro_m.png) no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); z-index: 3; transition:all 0.5s ease-in-out; opacity:0; }

.m2pro_aBox:hover .overflowHide:after{opacity:1;}

.m2pro_aBox:hover .overflowHide:after{ transform: translate(-50%,-50%);}

.m2pro_aBox:hover .overflowHide img{opacity:0.4;}

.m2pro_aBox .overflowHide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}

.m2proBom { }

.m2proBom .ellipsis { font-size: 24px; font-weight: normal; line-height: 38px; display: block; height: 38px; margin: 1.04vw 0px 0.62vw; }

.m2proBom p { font-size: 14px; color: #999999; line-height: 26px; height: 52px; overflow: hidden; }

@media (max-width:1799px){

.m2pro_aBox .overflowHide{height:180px;}

.m2proBom .ellipsis { font-size: 18px; line-height: 30px; height: 30px; }

.m2proBom p { font-size: 13px; line-height: 24px; height: 48px;}

.m2pro_aBox .overflowHide:after{width: 60px; height: 60px;}

}

@media (max-width:767px){

.m2proul{margin-bottom:30px;}

}





.m3proCon1Wpr{ background: url(../images/m3pro_tbg.png) no-repeat left bottom; padding: 5.2vw 0px; }

.m3proCon1{ height: 450px; position: relative; }

.m3proc1Txt{ width: 50%; padding-right: 6.77vw; position: absolute; left: 0px; top: 50%; transform:translateY(-50%);}

.m3proc1Txt h4 { font-size: 36px; font-weight: normal; line-height: 52px; display: block; margin-bottom: 30px; }

.m3pro_ps { font-size: 18px; color: #666666; line-height: 32px; min-height: 128px; margin-bottom: 2.86vw; }

.m3pro_m1 { padding-left: 18px; width: 200px; background: #e81b22 url(../images/m3pro_i1.png) no-repeat 153px center; height: 50px; font-size: 16px; line-height: 50px; color: #FFF; display:inline-block; }

.m3pro_m1:hover{transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}

.m3proPhotos { height: 360px; position: absolute; top: 50%; transform:translateY(-50%); right: 0px; }

.m3proBimg{ height: 360px; width: 500px; position: absolute; top: 10px; right: 200px; }

.m3proSimgs{ height: 360px; float: right; width: 100px; }

.m3proSimg_item{padding:10px 0;}

.m3proSimg_item span{ height: 100px; width: 100px; border: 3px solid #F2F2F2; display: block; position: relative; }

.m3proSimg_item span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}

.m3proBitem{ height:360px;}

.m3proBitem img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}

.slick-current.m3proSimg_item span{ border: 3px solid #e81b22; }

.m3proTab { background: #F2F2F2; padding-top: 9px; }

.m3proTab a { text-align: center; float: left; line-height: 58px; height: 60px; border-top: 2px solid #F2F2F2; font-size: 18px; color: #666666; width: 25%; }

.m3proTab a.on { background: #FFF; border-top: 2px solid #e81b22; color: #e81b22; }

.m3proCbox_jieshao { padding-top: 3.54vw; font-size: 16px; line-height: 32px; }

.m3proCbox_jieshao h3{ color: #e81b22; font-size: 20px; line-height: 36px; margin-bottom: 2.34vw; }

.m3proCbox_jieshao h6{ overflow: hidden; margin-bottom: 5.2vw; }

.m3proCbox_jieshao h6 img{margin-right:30px;}

.m3proCbox_jieshao h4{ line-height: 36px; font-size: 20px; display: block; position: relative; padding-left: 15px; letter-spacing: 1px; }

.m3proCbox_jieshao h4:before{ content: ""; background: #e81b22; height: 20px; width: 2px; top: 8px; left:0; padding-left: 0px; position:absolute; }

.m3proCbox_jieshao ul{ overflow:hidden;}

.m3proCbox_jieshao ul li{ width: 40%; height: 36px; float: left; position: relative; overflow: hidden; margin-bottom: 24px; padding: 0px 20px 0px 26px; font-size: 16px; font-weight: bold; }

.m3proCbox_jieshao ul li:before{content:""; width:8px; height:8px; background:#e81b22; border-radius:50%; top:11px; left:0; position:absolute;}

.m3proBom_t{ line-height: 40px; height: 40px; margin: 1.04vw 0px 1.66vw; }

.m3proBom_t .fl{ font-size: 28px; font-weight: normal; padding-left: 23px; position:relative; }

.m3proBom_t .fl:before{ content: ""; background: #333; height: 30px; width: 2px; position: absolute; left: 0px; top: 50%; margin-top: -15px; }

.m3proBom_t .fr{ color: #e81b22; background: url(../images/m3pro_i2.png) no-repeat left center; font-size: 28px; letter-spacing: 1px; float: right; padding-left: 47px; }

.m3proBomSwiper{margin:0 -1.56vw;}

.m3proBom_item{ padding: 0px 1.56vw; }

.m3proBomSwiper .m2pro_aBox{ background:#F7F7F7;}

.m3proBomSwiper { margin-bottom: 4.16vw; padding-bottom:2.08vw; }

.m3proBomSwiper .slick-dots{bottom:0;}

.m3proBomSwiper .slick-dots li button{display:none;}

.m3proBomSwiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 10px; width: 10px; margin: 0px 10px; position: relative; border-radius:50%; vertical-align:middle}

.m3proBomSwiper .slick-dots li.slick-active{ background:#e81b22;}

.m3pro_canshu{ padding-top: 3.04vw;}

.m3pro_canshu table{width:100%; margin:0 auto;}

.m3pro_canshu td{ border: 1px solid #E6E6E6; font-size: 14px; line-height: 26px; padding: 15px 2.43vw; background:#F7F7F7; vertical-align:middle }

.m3pro_canshu tr:nth-child(2n) td{ background:#fff;}

.m3pro_canshu tr:nth-child(1) td{ color: #FFF; background: #e81b22; border-width: 0px; border-style: none; font-size: 18px!important; font-weight: bold; }

.m3pro_canshu table{ margin-bottom:2.34vw;}

.m3pro_canshu table:first-child td{ font-size: 18px; font-weight: bold; color: #666; background:#fff; }

.m3pro_canshu table:first-child{margin-bottom:0;}

.m3pro_canshu tr td:first-child{font-size:16px;}

.m3pro_jishu{ padding: 4.12vw 0px 1.82vw; }

.m3pro_zlT { font-size: 18px; line-height: 50px; font-weight: bold; color: #FFF; background: #e81b22; padding-left: 70px }

.m3pro_zul { margin-bottom: 1.97vw; }

.m3pro_zul li { padding: 2.7vw 190px; position: relative;}

.m3pro_zul li img { position: absolute; left: 70px; top: 50%; transform:translateY(-50%); }

.m3pro_tnm strong{ font-size: 18px; line-height: 30px; font-weight: normal; display: block; margin-bottom: 7px; }

.m3pro_tnm p{ font-size: 14px; color: #666666; line-height: 26px; }

.m3pro_dw { background: url(../images/m3pro_zi1a.png) no-repeat; display: inline-block; height: 50px; width: 50px; position: absolute; top: 50%; margin-top: -25px; right: 60px; }

.m3pro_zul li:nth-child(2n){ background:#F7F7F7;}

.m3pro_bxk{ line-height: 52px; background: #F7F7F7; height: 52px; display: block; padding-left: 70px; position: relative; font-size: 18px; }

.m3pro_bxk:after{ content: ""; background: url(../images/m3pro_bi.png) no-repeat; height: 10px; width: 27px; position: absolute; top: 50%; right: 70px; margin-top: -5px; }

.m3pro_fmWpr { padding-top: 3.02vw; }

.m3pro_fm h5 { font-size: 24px; line-height: 76px; letter-spacing: 1px; font-weight: normal; display: block; }

.m3proufm { margin: 0px -15px; }

.m3proufm li{ padding: 0px 15px; margin-bottom: 30px; }

.m3profm_inx{position:relative;}

.m3profm_inx strong{ color: #e81b22; display: inline-block; position: absolute; top: 22px; right: 18px; font-size: 16px; font-weight: bold; line-height: 20px; }

.m3proufm input{ line-height: 56px; width: 100%; padding: 0px 40px 0px 15px; height: 58px; background: #F7F7F7; font-size: 14px; border: 1px solid #F7F7F7; }

.m3proufm textarea{ line-height: 28px; width: 100%; padding: 14px 40px 14px 15px; height: 180px; background: #F7F7F7; font-size: 14px; border: 1px solid #F7F7F7; }

.m3proufm input:focus,.m3proufm textarea:focus{ border: 1px solid #e81b22; }

.m3pro_fmBom{ margin-top: 2.34vw; }

.m3pro_fmBom .fl{ font-size: 14px; color: #e81b22; line-height: 24px; }

.m3pro_submit{ font-size: 14px; line-height: 36px; color: #FFF; height: 36px; width: 166px; background: #e81b22; float:right; text-align:center; }

.m3pro_submit:hover{ color: #FFF; box-shadow:0 5px 8px rgba(0,0,0,0.1); transform:translateY(-2px)}

.layerBg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:60; background:rgba(0,0,0,0.6);}

.layerFm{ background: #FFF; position: fixed; z-index: 62; padding: 2.12vw 3.12vw; max-width:1200px; left:50%; top:50%; transform:translate(-50%,-50%); }

.layerFm .m3proufm { margin: 0px -10px; }

.layerFm .m3proufm li{ padding: 0px 10px; margin-bottom: 20px; }

.layerFm .m3pro_fmBom{margin-top:1.4vw;}

.layerClose { background: url(../images/m3fm_cbtn.png) no-repeat; display: inline-block; height: 30px; width: 30px; position: absolute; top: 1.84vw; right:3.12vw; background-size:30px auto; transition:all 0.5s ease-in-out; }

.layerClose:hover{ transform:rotate(180deg);}

.m3pro_probox{height:2.12vw;}

@media (max-width:1799px){

.m3pro_m1 {width: 180px; background: #e81b22 url(../images/m3pro_i1.png) no-repeat 136px center; height: 46px; font-size: 15px; line-height: 46px; }

.m3proBom_t .fl{ font-size: 22px; padding-left: 21px; }

.m3proBom_t .fr{ background: url(../images/m3pro_i2.png) no-repeat left center; font-size: 21px; padding-left: 40px; background-size:22px auto; }

.m3proCon1Wpr{padding:3.2vw 0px;}

.m3proBimg{right:120px; width:480px;}

.m3proBitem img{ max-width:90%; max-height:90%;}

.m3proc1Txt h4 { font-size: 28px; line-height: 40px; margin-bottom: 20px; }

.m3pro_ps { font-size: 16px; line-height: 30px; min-height: 120px; margin-bottom: 2.86vw; }

.m3proTab a {line-height: 52px; height: 54px;font-size: 17px;}

.m3proCbox_jieshao h3{ font-size: 16px; line-height: 30px; }

.m3proCbox_jieshao h4{ line-height: 32px; font-size: 18px;}

.m3proCbox_jieshao h4:before{top: 5px;}

.m3proCbox_jieshao{font-size:15px; line-height:30px;}

.m3proCbox_jieshao ul li{margin-bottom:10px;}

.m3pro_canshu td{font-size: 13px; line-height: 22px; padding: 10px 2.43vw; }

.m3pro_canshu tr td:first-child{font-size:14px;}

.m3pro_canshu tr:nth-child(1) td{font-size:16px!important;}

.m3pro_zlT{font-size:16px;}

.m3pro_tnm strong{font-size:17px;}

.m3pro_zul li img{width:70px; height:auto;}

.m3pro_dw{width:40px; margin-top:-20px; height:40px; background-size:40px auto;}

.m3pro_zul li{padding:2.0vw 165px;}

.m3pro_fm h5 { font-size: 21px; line-height: 60px; }

.m3proufm{margin:0 -12px;}

.m3proufm li{padding:0 12px; margin-bottom:24px;}

.m3proufm input{ line-height: 50px; height: 52px;}

.m3proufm textarea{ line-height: 24px; padding: 12px 40px 12px 15px; height: 160px; }

}

@media (max-width:1199px){

.m3proBimg{width:400px;}

.m3proCbox_jieshao h6 img{margin-right:10px; margin-bottom:10px;}

}

@media (max-width:993px){

.m3proBomSwiper{padding-bottom:35px;}

.m3proc1Txt{width:100%; float:none; padding-right:0; position:static; transform:translateY(0); padding-top:25px;}

.m3pro_ps{height:auto; margin-bottom:30px; min-height:inherit}

.m3proPhotos{width:520px; position:relative; left:auto; right:auto; top:auto; transform:translateY(0); margin:35px auto 0;}

.m3proCon1{height:auto; padding-bottom:35px;}

.m3pro_zul li{padding-left:120px;}

.m3pro_zul li img{left:35px;}

.m3proCbox_jieshao ul li{width:100%;}

.layerFm{width:600px;}

}

@media (max-width:767px){

.m3proBom_t .fl{font-size:18px;}

.m3proBom_t .fr{font-size:18px;}

.m3proc1Txt h4{font-size:22px; line-height:32px;}

.m3proPhotos{width:100%;}

.m3proSimgs{width:80px;}

.m3proSimg_item span{width:80px; height:80px;}

.m3proSimg_item{padding:3px 0;}

.m3proBimg{width:auto; left:0; right:80px;}

.m3proPhotos,.m3proBitem,.m3proBimg,.m3proSimgs{height:280px;}

.m3proTab a{font-size:15px;}

.m3proCbox_jieshao h3{font-size:15px;}

.m3proCbox_jieshao ul li{font-size:15px; line-height:24px; height:24px;}

.m3pro_jishu{padding-top:25px;}

.m3pro_zul li img{display:none;}

.m3pro_zul li{padding:15px 45px 15px 0px;}

.m3pro_dw{width:30px; height:30px; background-size:30px auto; right:15px}

.m3pro_bxk{padding-left:15px;}

.m3pro_bxk:after{right:15px;}

.m3pro_fm h5{font-size:18px;}

.m3pro_fmBom .fl{width:100%; display:block; text-align:center; float:none;}

.m3pro_submit{display:block; float:none; margin:10px auto 0;}

.m3pro_fmWpr{margin-bottom:24px;}

.m3proufm li{margin-bottom:10px;}

.layerFm {width:auto; left:10px; right:10px; transform:translate(0,-50%); padding:15px 15px 25px}

.layerFm .m3proufm li{margin-bottom:5px;}

.m3proufm input{line-height:40px; height:42px;}

.m3proufm textarea{height:115px;}

.layerClose{transform:scale(0.7);}

.layerClose:hover{transform:scale(0.7) rotate(180deg);}

.m3pro_ps{font-size:14px; line-height:28px;}



.m3proChangeBox{overflow:hidden;}

.m3pro_canshu{overflow-x:auto;}

.m3pro_canshu table{min-width:800px}

}







.m2nWpr { padding-top: 0!important; }

.m2nTop { border: 1px solid #E6E6E6; display: block; overflow: hidden; display:none!important }

.m2nTop .overflowHide { float: right; height: 405px; width: 50%; }

.m2nTopLx{ float: left; width: 50%; padding: 58px 2.34vw 0px; }

.m2nTt,.m2nsLx strong { line-height: 52px; height: 52px; font-size: 24px; font-weight: normal; padding-right:76px; position:relative;}

.m2nTt img{position:absolute; right:0; top:15px; transform:scale(1)!important}

.m2nTopLx p,.m2nsLx p { font-size: 14px; color: #666666; line-height: 26px; display: block; height: 52px; overflow: hidden; margin: 56px 0px 38px; }

.m2ntm{ line-height: 68px; height: 72px; border-bottom: 4px solid #ccc; color: #666666; font-size: 14px; position:relative; }

.m2ntm:after{content:""; height:4px; background:#e81b22; transition:all 0.5s ease-in-out; width:0%; left:0; position:absolute; bottom:-4px;}

.m2ntm .fadeIco{ float: right; height: 10px; width: 61px; margin-top: 28px; }

.m2ntm .fadeIco:before{ background: url(../images/m2n_more.png) no-repeat center center; }

.m2ntm .fadeIco:after{ background: url(../images/m2n_morea.png) no-repeat center center; }

.m2nTop:hover .m2ntm:after,.m2naBox:hover .m2ntm:after{width:100%;}

.m2nul{margin-bottom:3.64vw;}

.m2nul li{ margin-top: 3.38vw; }

.m2naBox {display:block; overflow:hidden}

.m2naBox .overflowHide { float: right; height: 253px; width: 450px; }

.m2nsLx{ float: left; width: 900px; padding-top: 28px; }

.m2nsLx strong{ padding-right:0}

.m2nsLx p{ margin-top: 11px; }

@media (max-width:1799px){

.m2naBox .overflowHide {height: 200px; width: 380px; }

.m2nsLx{width:710px; padding-top:0;}

.m2nTt, .m2nsLx strong{line-height:44px; height:44px; font-size:21px;}

.m2nTopLx p, .m2nsLx p{margin:26px 0px 22px;}

.m2nsLx p{margin-top:10px;}

.m2nTop .overflowHide{height:330px;}

}

@media (max-width:1199px){

.m2nsLx{width:525px;}

}

@media (max-width:993px){

.m2naBox .overflowHide {height: 160px; width: 320px; }

.m2nsLx{width:368px;}

.m2nTopLx p, .m2nsLx p{margin-bottom:0;}

.m2ntm{line-height:56px; height:56px;}

.m2nTop .overflowHide{height:250px;}

.m2nTopLx{padding-top:30px;}

.m2nTt, .m2nsLx strong{font-size:18px;}

}

@media (max-width:767px){

.m2naBox .overflowHide{width:100%; float:none; margin-bottom:5px;}

.m2nTt, .m2nsLx strong{font-size:17px;}

.m2nsLx p{margin-top:0;}

.m2nul li{margin-bottom:15px;}

.m2nTop .overflowHide{width:100%; height:160px; position:relative; left:auto; right:auto;}

.m2nTopLx{padding-top:10px; width:100%; padding-left:0; padding-right:0}

.m2nTop{border:none;}

.m2nTopLx p, .m2nsLx p{margin:5px 0 0px; height:auto;}

.m2nsLx{width:100%;}

}





.m3nWpr{ padding-top:35px; padding-bottom:4.16vw;}

.m3nCon{ background: #fff; padding: 2.6vw 4.16vw 4.16vw; box-shadow:0 0 30px rgba(0,0,0,0.03); position:relative;}

.m3nShare{ width: 42px; position: absolute; left: -90px; top: 150px; }

.m3nShare_qq{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-bottom: 20px; border-radius: 50%; background: url(../images/ft_si1.png) no-repeat center center; }

.m3nShare_qq:hover{ background: #e81b22 url(../images/ft_si1a.png) no-repeat center center; border: 1px solid #e81b22; }

.m3nShare_wechat{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-bottom: 20px; border-radius: 50%; background: url(../images/ft_si2.png) no-repeat center center; }

.m3nShare_wechat:hover{ background: #e81b22 url(../images/ft_si2a.png) no-repeat center center; border: 1px solid #e81b22; }

.m3nShare_sina{ height: 46px; width: 46px; border: 1px solid #E7E7E7; float: left; margin-bottom: 0px; border-radius: 50%; background: url(../images/ft_si3.png) no-repeat center center; }

.m3nShare_sina:hover{ background: #e81b22 url(../images/ft_si3a.png) no-repeat center center; border: 1px solid #e81b22; }

.m3nTbox{ line-height: 42px; font-weight: normal; display: block; padding-right: 200px; position:relative; }

.m3csTbox{padding-right:0;}

.m3csTbox2{padding-right:0; text-align:center; border-bottom: 1px solid #E6E6E6; padding-bottom:1.62vw;}

.m3nTbox h2{ font-size: 24px; font-weight: normal; display: block; }

.m3csTbox2 h2{font-size:28px;}

.m3nTbox span{ display: inline-block; position: absolute; top: 0px; right: 0px; font-size: 14px; }

.m3nInfo{ line-height: 50px; height: 51px; border-bottom: 1px solid #E6E6E6;font-size: 14px; color: #808080;  }

.m3nInfo .fl{ background: url(../images/m3n_i1.png) no-repeat left center; padding-left: 28px; }

.m3nInfo .fl span{display:inline-block; margin-right:12px;}

.m3nEditor{ padding: 2.6vw 0px 3.38vw; font-size: 16px; line-height: 32px; }

.m3nEditor h4{ line-height: 36px; font-size: 20px; display: block; position: relative; padding-left: 15px; letter-spacing: 1px; }

.m3nEditor h4:before{ content: ""; background: #e81b22; height: 20px; width: 2px; top: 8px; left:0; padding-left: 0px; position:absolute; }

.m3nBack{ padding-bottom: 1.82vw; text-align: center; }

.m3nBkBtn{ background: url(../images/m3back.png) no-repeat center top; text-align: center; display: inline-block; margin: 0px auto; height: 182px; width: 176px; font-size: 14px; line-height: 24px; padding-top: 75px; color: #FFF; }

.m3nBkBtn:hover{transform:translateY(-10px); color:#fff;}

.m3pages{ line-height: 76px; background: #F7F7F7; height: 76px; font-size: 16px; }

.m3pages .fl{ float: left; height: 76px; max-width: 45%; padding-left: 40px; }

.m3pages .fr{ float: right; height: 76px; max-width: 45%; padding-right: 40px; }

@media (max-width:1799px){

.m3nShare{ left: -55px;}

.m3csTbox2 h2{font-size:24px;}

.m3nEditor{font-size: 15px; line-height: 30px; }

.m3nEditor h4{ line-height: 32px; font-size: 18px; }

.m3nEditor h4:before{ top: 6px;}

}

@media (min-width:1199px){

.m3nShareFixed{position:fixed; top:130px;}	

}

@media (max-width:993px){

.m3nWpr{padding-bottom:60px;}

.m3nShare{display:none;}

}

@media (max-width:767px){

.m3csTbox2 h2{font-size:22px;}

.m3pages{ line-height: 30px; height: auto; font-size: 14px; overflow:hidden; padding:10px 0 }

.m3pages .fl{ float: left; height: 30px; max-width: 100%; padding-left: 10px; }

.m3pages .fr{ float: left; height: 30px; max-width: 100%; padding-left: 10px; padding-right:0 }

.m3nEditor dl dd{margin-bottom:35px; padding:0}

.m3nWpr{padding-bottom:35px;}

.m3nCon{padding:25px 15px 35px;}

.m3nInfo .fl span{font-size:12px;}

.m3nInfo{line-height:24px; padding:15px 0; height:auto; overflow:hidden}

.m3nInfo .fl{ background-position:left 7px;}

.m3nTbox span{display:none;}

.m3nTbox{padding-right:0;}

.m3nTbox h2{font-size:20px; line-height:32px; text-align:center}

.m3csTbox2{padding-bottom:10px;}

}





.m2cstm{ line-height: 36px; height: 36px; color: #666666; font-size: 14px; position: relative; }

.m2cstm .fadeIco{ float: right; height: 10px; width: 61px; margin-top: 14px; }

.m2cstm .fadeIco:before{ background: url(../images/m2n_more.png) no-repeat center center; }

.m2cstm .fadeIco:after{ background: url(../images/m2n_morea.png) no-repeat center center; }

.m2csul { margin: 0px -1.56vw; }

.m2csul li { padding: 0px 1.56vw; margin-bottom: 3.12vw; }

.m2cs_aBox .overflowHide { height: 248px; }

.m2csBom { height: 200px; padding: 8px 26px 0px; position: relative; z-index: 2; background: #fff; margin: -58px 35px 0px; box-shadow:0 5px 20px rgba(0,0,0,0.05); }

.m2csBom strong{ font-size: 22px; line-height: 66px; font-weight: normal; display: block; height: 66px; }

.m2csBom p{ font-size: 14px; line-height: 26px; height: 52px; margin-bottom: 20px; overflow: hidden; color: #666; }

.m3csBom .m2pro_aBox{background:#fff;}

.m3csBom {margin-top:2.66vw;}

.m3csBom .m3proBomSwiper {margin-bottom:0;}

@media (max-width:1799px){

.m2cs_aBox .overflowHide{height:200px;}

.m2csBom strong{ font-size: 18px; line-height: 50px; height: 50px; }

.m2csBom p{ font-size: 13px; line-height: 24px; height: 48px; margin-bottom: 12px; }

.m2csBom{height:172px}

}

@media (max-width:767px){

.m3csBom .m3proBomSwiper {margin-bottom:20px;}

.m2csBom{margin-left:15px; margin-right:15px;}

.m2csul li{margin-bottom:25px;}

.m2csul{margin-bottom:10px;}

}



.m2csWpa_aBox{ display:block; overflow:hidden;}

.m2csWpa_aBox .overflowHide { float: left; height: 540px; width: 50%; }

.m2csWtxt { float: right; height: 540px; width: 50%; position:relative }

.m2csWtxt_x{ position: absolute; top: 50%; left: 3.64vw; right:240px; transform:translateY(-50%);}

.m2csWtxt_x strong{ font-size: 28px; font-weight: normal; line-height: 42px; max-height:94px; overflow:hidden; display: block; }

.m2csWtxt_x p{ font-size: 18px; line-height: 36px; color: #666666; max-height: 108px; overflow: hidden; margin-bottom:45px; }

.m2csWtxt_x i{ background: url(../images/nav_line.png) no-repeat center center; display: inline-block; margin: 20px 0px 22px; height: 4px; width: 70px; }

.m2csWpr li:nth-child(2n) .m2csWpa_aBox .overflowHide{float:right;}

.m2csWpr li:nth-child(2n) .m2csWtxt{float:left;}

.m2csWpr li:nth-child(2n) .m2csWtxt_x{ left:240px; right:3.64vw;}

@media (max-width:1799px){

.m2csWpa_aBox .overflowHide {height: 420px; }

.m2csWtxt {height: 420px;}

.m2csWtxt_x{right:80px;}

.m2csWpr li:nth-child(2n) .m2csWtxt_x{ left:80px;}

.m2csWtxt_x strong{ font-size: 21px; line-height: 34px; max-height:68px; }

.m2csWtxt_x p{ font-size: 15px; line-height: 30px; max-height: 90px; margin-bottom:25px; }

.m2csWtxt_x i{ margin: 15px 0px 18px; height: 3px; width: 62px; }

}

@media (max-width:1199px){

.m2csWtxt_x{right:50px;}

.m2csWpr li:nth-child(2n) .m2csWtxt_x{ left:50px;}

}

@media (max-width:767px){

.m2csWpa_aBox .overflowHide{width:100%; height:190px; float:none}

.m2csWtxt{width:100%; float:none;}

.m2csWtxt_x strong{font-weight:bold; line-height:30px; font-size:16px;}

.m2csWtxt_x p{font-size:15px; line-height:28px; height:auto;}

.m2csWtxt_x{right:auto; right:auto; transform:translate(0,0); position:static;}

.m2csWtxt{height:auto; padding:25px 15px 55px;}

}





.m3nEditor td{ border: 1px solid #E6E6E6; font-size: 14px; line-height: 26px; padding: 1.5vw 1.5vw; background:#F7F7F7; vertical-align:middle; text-align:center}

.m3nEditor tr:nth-child(2n) td{ background:#fff;}

.m3nEditor tr:nth-child(1) td{ color: #FFF; background: #e81b22; border:1px solid #fff; font-size:16px; font-weight:bold; padding: 14px 1.5vw!important; }

.m3nEditor table:first-child td{ border: none; font-size: 18px; font-weight: bold; color: #666; background:#fff; }

.m3nEditor table:first-child{margin-bottom:0;}

.m3nEditor tr td:first-child{font-size:16px;}

.m3proBomSwiper .m2cs_aBox{margin-bottom:20px;}

@media (max-width:1799px){

.m3nEditor td{font-size:13px; line-height:22px;}

}

@media (max-width:767px){

.m3nEditor h4{font-size:16px;}

.m3nEditor{padding-top:25px; font-size:14px; line-height:28px;}

.m3nEditor td{font-size:12px;}

.m3nEditor tr:nth-child(1) td{font-size:14px;}

.m3nEditor tr td:first-child{font-size:14px;}

}





.m2mapCon{ height:41.66vw; position:relative; overflow:hidden}

.m2map{ position:absolute; left:-300px; top:0; right:-300px; bottom:0; transform:translateX(300px)}

.amap-info-close{right:25px!important; top:15px!important;}

.amap-info-content{background:none; box-shadow:none!important;}

.bottom-center .amap-info-sharp{display:none;}

.m2mapTxt{ padding: 0.83vw 2.5vw 1.82vw; background: #FFF; width: 430px; position: absolute; top: 50%; left:calc((100% - 1440px)/2); transform:translateY(-50%); z-index:3; box-shadow:0 0 25px rgba(0,0,0,0.08); }

.m2mapTxt strong{ font-size: 28px; line-height: 5.31vw; font-weight: normal; display: block; height: 5.31vw; position:relative}

.m2mapTxt strong:after{ content: ""; background: #e81b22; height: 2px; width: 60px; position: absolute; left: 0px; bottom: 0px; }

.m2mapTxt p{ margin-top: 1.35vw; border-bottom: 1px solid #E5E5E5; padding: 52px 0px 16px; position: relative; font-size: 16px; }

.m2mapTxt p:last-child{border:none;}

.m2mapTxt p img{position:absolute; left:0; top:15px;}

@media (max-width:1799px){

.m2mapTxt{ width: 400px; left:calc((100% - 1170px)/2); }

.m2mapTxt strong{font-size:22px;}

.m2mapTxt p{font-size:15px;}

}

@media (max-width:1199px){

.m2mapTxt{ width:300px; left:calc((100% - 970px)/2); }

}

@media (max-width:993px){

.m2mapCon{height:auto;}

.m2map{position:relative; left:auto; right:auto; top:auto; bottom:auto; height:400px; transform:translate(0,0)}

.m2mapTxt{width:100%; position:static; transform:translate(0,0); padding:25px }

}

@media (max-width:767px){

.m2mapTxt strong{font-size:20px; line-height:36px; height:46px;}

.inxMapLayer img{width:220px; height:auto;}

}





.m2jbWpr{ padding-top: 38px; }

.m2jbul{ margin-bottom: 1.97vw;}

.m2jbul li { margin-bottom: 1.87vw; border: 1px solid #E8E8E8; position: relative; padding: 7px 45px; background: #FFF; }

.m2jbul li.on:before{content:""; left:-1px; top:-1px; right:-1px; bottom:-1px; border:2px solid #e81b22; position:absolute;}

.m2jbTbox{ line-height: 80px; height: 81px; border-bottom: 1px solid #F2F2F2; background: url(../images/m2jb_i.png) no-repeat left center; font-size: 24px; font-weight: normal; cursor: pointer; position: relative; padding: 0px 40px 0px 48px; overflow: hidden; }

.m2jbTbox:after{ content: ""; background: url(../images/m2jb_btn1.png) no-repeat center center; position: absolute; right: 0px; height: 20px; width: 20px; margin-top: -10px; top: 50%; }

.m2jbSitem{ display: flex; justify-content: space-between; font-size: 16px; color: #666666; line-height: 70px; }

.m2jbDetail { padding: 2.7vw 0px; position:relative }

.m2jbul{position:relative;}

.m2jbul:before{background:#E6E6E6; position:absolute; left:50%; top:0; bottom:0; width:1px; display:block}

.m2jbul dd{ padding-right: 70px; padding-left: 0; font-size: 14px; line-height: 28px; color: #666666; }

.m2jbul dd:nth-child(2){padding-left:70px; padding-right:0}

.m2jbul dd strong{ display: block; font-size: 16px; color: #333; line-height: 40px; font-weight: normal; }

.m2jbInfo strong{ display: block; font-size: 16px; line-height: 26px; font-weight: normal; color: #333; }

.m2jbInfo strong a{ color: #e81b22; font-weight: bold; }

.m2jbInfo{ font-size: 14px; line-height: 24px; color: #666666; position:relative; }

.m2jbInfo_btn{ color: #FFF; background: #e81b22; font-size: 16px; line-height: 50px; text-align: center; display: block; height: 50px; width: 160px; position: absolute; margin-top: -25px; left: 745px; top: 50%; }

.m2jbInfo_btn:hover{ transform: translateY(-4px); box-shadow: 0 5px 8px rgba(0,0,0,0.1); color: #FFF; }

.on .m2jbTbox:after{ background: url(../images/m2jb_btn2.png) no-repeat center center; }





.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30}

.m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 32; cursor:pointer}

.m2layerClose:hover{transform:rotate(180deg);}

.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}

.m2layerClose:before {left: 0;transform: rotate(45deg);}

.m2layerClose:after {left: 0;transform: rotate(135deg);}

.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:35;}

@media (max-width:767px){

.m2Lay_video{max-height: 90vw;max-width: 90vw;}

.m2layerClose{right:15px;}

.m2us_video2:before{ content: ""; height: 20px; width: 20px; border-bottom: 1px solid #F4C11A; border-left: 1px solid #F4C11A; left: -20px; bottom: -20px; }

.m2us_video2:after{content:""; height: 20px; width: 20px; border-top: 1px solid #F4C11A; border-right: 1px solid #F4C11A; position: absolute;}

}

@media (max-width:993px){
.m2jbSitem{font-size:15px;}
.m2jbul:before{display:none;}
.m2jbul dd{width:100%!important; padding:0!important;}
}
@media (max-width:767px){
.m2jbul li{padding:6px 20px;}
.m2jbTbox{line-height:60px; height:61px; font-size:20px;}
.m2jbSitem{display:block; font-size:12px; line-height:30px; padding-top:8px;}
.m2jbSitem span{display:inline-block; white-space:nowrap; margin-right:10px;}
.m2jbul{padding-bottom:60px;}
}




.m2usCon1Wpr{ background: url(../images/m2us_map.png) no-repeat center top; padding: 6.25vw 0px 3.64vw; position: relative; }

.m2usCon1Wpr:before{content:""; height:10.15vw; background:#FAFAFA; position:absolute; left:0; width:100%; bottom:0;}

.m2usCon1{position:relative; overflow:hidden}

.m2usCon1:before{ content: ""; background: url(../images/m2us_btn1.png) no-repeat; display: inline-block; height: 61px; width: 10px; position: absolute; left: 0px; bottom:0; }

.m2usc1Lx { float: left; width: 50%; padding-right: 4.16vw; font-size: 16px; line-height: 34px; color: #666666; }

.m2us_pubT{ font-size: 32px; font-weight: normal; color: #333; display: block; line-height: 34px; padding-bottom: 22px; position: relative; margin-bottom: 4.16vw; }

.m2us_pubT:after{ content: ""; background: url(../images/nav_line.png) no-repeat center center; height: 4px; width: 70px; position: absolute; left:0; bottom:0; }

.m2usc1Rx{float:right; width:50%;}

.m2usc1Px{max-width:450px; margin-bottom: 10.16vw; }

.m2us_et { text-align:right}

.m2usmv.scaleImg .overflowHide { height: 408px; }

.m2usmv{display:block; position:relative;}

.m2usmv:before{ content: ""; background: #e81b22; height: 100%; width: 4px; position: absolute; left: 0px; top: 0px; z-index:5;}

.m2usmv:after{content:""; background: #498FB3; height: 40%; width: 4px; position: absolute; left: 0px; bottom: 0px; z-index:5;}

.m2usc1ul{ overflow:hidden; margin: 2.86vw 0px 3.12vw; }

.m2usc1ul li{width:33.33%; float:left; text-align:center; position:relative; height:108px; border-right:1px solid #E5E5E5;}

.m2usc1ul li:last-child{ border:none}

.m2usc1ul li strong{ display: block; margin-bottom: 5px; font: 46px/58px din; color: #e81b22; }

.m2usc1ul li p{ font-size: 14px; line-height: 16px; }

.m2usc1ul li div{display:inline-block; text-align:left;}

.m2usc1ul li:nth-child(2) strong span,.m2usc1ul li:nth-child(3) strong span{display:inline-block; position:relative;}

.m2usc1ul li:nth-child(2) strong span:after,.m2usc1ul li:nth-child(3) strong span:after{ content: ""; background: url(../images/m2us_jia.png) no-repeat center center; display: inline-block; height: 16px; width: 16px; position: absolute; right: -24px; margin-top: -8px; top: 50%; }

.m2usmv p{ font-size: 16px; line-height: 28px; text-align: center; padding-top: 78px; display: inline-block; position: absolute; left: 114px; top: 50%; transform: translateY(-50%); color: #FFF; }

.m2usmv p:before{ content: ""; background: url(../images/m2us_lyi1.png) no-repeat center center; height: 60px; width: 60px; margin-left: -30px; position: absolute; left: 50%; top: 0px;}

.m2usmv p:after{content:""; background: url(../images/m2us_lyi1a.png) no-repeat center center; height: 60px; width: 60px; margin-left: -30px; position: absolute; left: 50%; top: 0px;}

.m2usmv:hover p:before{ animation:radiusRotate 1s linear infinite;}

.m2usmv:hover p:after{ animation:radiusRotate 6s linear infinite;}

.m2usCon2 { padding: 4.16vw 0px 5.2vw; }

.m2us_pubT2{text-align:center;}

.m2us_pubT2:after{left:50%; transform:translateX(-50%);}

.m2usc2des { font-size: 16px; line-height: 28px; color: #666666; text-align: center; max-width:1160px; margin:0 auto; }

.m2usCon3 { background: url(../images/m2us_c3bg.jpg) no-repeat center bottom; background-size:cover; padding: 5.2vw 0px 6.77vw; }

.m2usCenbox{ height: 643px; padding-top: 110px; position: relative; margin-bottom:3.75vw; }

.m2usc2Ani { height: 400px; width: 400px; margin-top: -200px; margin-left: -200px; position: absolute; left: 50%; top: 50%; }

.m2usc2AiImg { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius:50%; z-index:5; box-shadow:0 0 50px rgba(170,33,34,0.2) }

.m2usc2Ani:before, .m2usc2Ani:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: rangeScale 3s linear infinite;opacity: 0;z-index: 2; border:1px solid rgba(0, 0, 0, 0.15);}

.m2usc2Ani:after {animation-delay: 1.5s;}

@keyframes rangeScale {

  from {

    opacity: 1;

    transform: scale(0.9);

  }

  to {

    opacity: 0;

    transform: scale(1.6);

  }

}

.m2usc2ul{position:relative; z-index:6;}

.m2usc2ul li{ width: 50%; float: left; height: 168px; padding-left: 110px; position:relative; }

.m2usc2ul li span{ height: 80px; width: 80px; border: 1px solid #D1D1D1; display: inline-block; position: absolute; left: 0px; top: 0px; border-radius: 50%; transition: all 0.5s ease-in-out; background: url(../images/hm2_br1.png) no-repeat center center; }

.m2usc2ul li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}

.m2usc2ul li:hover span{ background: #e81b22 url(../images/hm2_br1a.png) no-repeat center center; border: 1px solid #e81b22; }

.m2usc2ul li:hover span img{opacity:0;}

.m2usc2ul li:hover span img.iOpacity{opacity:1;}

.m2usc2ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:110px}

.m2usc2ul li:nth-child(2n) span{ left:auto; right:0}

.m2usc2ul li strong{ font-size: 24px; font-weight: normal; line-height: 40px; display: block; padding-top: 2px; }

.m2usc2ul li p{ font-size: 16px; color: #666666; line-height: 30px;}

.m2usc2Itms{ animation:radiusRotate 50s infinite linear; position:absolute; left:0; top:0; right:0; bottom:0;}

.m2usc2Itms span{ background: #e81b22; display: inline-block; height: 18px; width: 18px; position: absolute; border-radius:50%; animation:scalcAin 2s linear infinite; }

.m2usc2Itms span:nth-child(1){ left: -56px; top: 5px; }

.m2usc2Itms span:nth-child(2){ left: 235px; top: -61px; transition-delay:0.8s }

.m2usc2Itms span:nth-child(3){ left: 435px; top: 78px; background:#478fb3; animation-delay:0.9s }

.m2usc2Itms span:nth-child(4){ left: -35px; top: 325px; background:#999999; animation-delay:1.2s }

.m2usc2Itms span:nth-child(5){ left: 148px; top: 492px; background:#478fb3; animation-delay:1.6s }

.m2usSwiper{height:517px; position:relative; margin-top:0; padding:0 80px;}

.m2usSwiper:before{content:""; background:rgba(255,255,255,0.2); width:100%; top:50%; left:0; height:1px; position:absolute;}

.m2usSitem{height:517px; position:relative; color:#fff; text-align:center; padding-top:112px;}

.m2usSitem:before{ content: ""; display: inline-block; height: 12px; width: 12px; position: absolute; left: 50%; margin-top: -6px; margin-left: -6px; top: 50%; background: #FFF; border-radius:50%; }

.m2usSitem:after{content:""; background:rgba(255,255,255,0.2); position:absolute; left:50%; bottom:265px; width:1px; height:70px;}

.m2usCon3 .m2us_pubT{margin-bottom:0;}

.m2usSwiper .slick-prev{ background: #FFF url(../images/m2us_c3btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; transition: all 0.5s ease-in-out; transform: rotate(180deg); border-radius:50%; z-index:3;}

.m2usSwiper .slick-next{ background: #FFF url(../images/m2us_c3btn2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; transition: all 0.5s ease-in-out; border-radius:50%; z-index:3; }

.m2usSwiper .slick-prev:hover,.m2usSwiper .slick-next:hover{ background: #e81b22 url(../images/m2us_c3btn1.png) no-repeat center center; }

.m2usYr{ color: #FFF; height: 45px; font: 46px/45px din_light; }

.m2usYr span{ font-size: 16px; }

.m2usStext{ top: 305px; width: 280px; left: 50%; padding: 25px 30px 28px; font-size: 13px; color: #FFF; background: #e81b22; line-height: 24px; text-align:left; z-index:3; position:absolute; margin-left:-140px; }

.m2usStext:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:14px solid #e81b22; left:50%; top:-14px; margin-left:-4px; position:absolute;}

.m2usStext strong{ display: block; margin-bottom: 10px; font: normal 24px/32px din_light; }

.m2usStext strong span{ font-size: 12px; display:inline-block; margin-left:3px; }

.m2usStext p{max-height:120px; overflow-y:auto;}

.m2usSitem:nth-child(2n){padding-top:358px;}

.m2usSitem:nth-child(2n):after{ bottom:auto; top:265px;}

.m2usSitem:nth-child(2n) .m2usStext{top:auto; bottom:305px;}

.m2usSitem:nth-child(2n) .m2usStext:before{border-bottom:none; border-top:14px solid #e81b22; top:auto; bottom:-14px;}

.m2usCon4{ padding: 4.16vw 0px 5.72vw; background: url(../images/m2us_c4Bg.jpg) no-repeat center center; background-size:cover; }

.m2usc4ul{display:none;}

.m2usc4ul.on{display:block;}

.m2usc4tab{ text-align: center;margin-bottom: 1.25vw; margin-top:-1.2vw; }

.m2usc4tab a { line-height: 22px; font-size: 16px; display: inline-block; margin: 0px 25px; padding: 0px 3px; display:inline-block; position:relative; height:34px; }

.m2usc4tab a:hover{color:#333;}

.m2usc4tab a:after{ content: ""; background: url(../images/nav_line.png) no-repeat center center; height: 2px; position: absolute; left: 50%; bottom: 0px; transition:all 0.5s ease-in-out; width:0%;}

.m2usc4tab a.on:after{ width:100%; left:0;}

.m2usc4ul{ margin: 0px -20px; }

.m2usc4ul li{ float: left; width: 16.66%; margin-top: 0.91vw; }

.m2usc4_lg{display:block; height:60px; position:relative;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.8;}

.m2usc4_lg:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}

.m2usc4_lg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}

.m2usCon5 { padding: 4.16vw 0px 6.25vw; background: url(../images/m2usc5bg.png) no-repeat center top; }

.m2usc5des { font-size: 16px; line-height: 28px; max-width:1050px; margin:-1.2vw auto 2.86vw; text-align:center }

.m2usc5ul{ margin:0 auto 2.6vw; max-width:500px;}

.m2usc5ul li{ width:50%; text-align:center; float:left}

.m2usc5ul li div{display:inline-block; text-align:left;}

.m2usc5ul li strong{ color: #e81b22; font: normal 46px/60px din; display: inline-block; position:relative }

.m2usc5ul li strong:after{ content: ""; background: url(../images/m2us_jia.png) no-repeat; display: inline-block; height: 16px; width: 16px; position: absolute; top: 50%; right: -26px; margin-top: -8px; }

.m2usc5ul li p{ font-size: 14px; line-height: 16px; }

.m2usC5Swiper{width:725px; margin:0 auto; position:relative;}

.m2usC5Swiper a{display:block; position:absolute; left:0; top:0; bottom:0; right:0;}

.m2usC5Swiper a:nth-child(2){z-index:2;}

@media (max-width:1799px){

.m2usmv p{left:70px;}

.m2us_pubT{ font-size: 28px; padding-bottom: 16px; margin-bottom: 3.16vw; }

.m2us_pubT:after{height:3px;}

.m2usc1ul{ margin: 0.86vw 0px 2.12vw; }

.m2usmv.scaleImg .overflowHide{height:360px;}

.m2usc1Lx{font-size:15px; line-height:32px;}

.m2usc2ul li strong{font-size:21px;}

.m2usc2ul li p{font-size:15px;}

.m2usc2des,.m2usc5des{font-size:15px;}

.m2usC5Swiper{width:620px;}

}

@media (max-width:1199px){

.m2usc2Ani{transform:scale(0.8);}

.m2usc4ul li{width:20%;}

}

@media (max-width:993px){

.m2usCon1Wpr{padding-bottom:60px;}

.m2usCon2{padding-top:50px; padding-bottom:60px;}

.m2usc2Ani{transform:scale(0.4);}

.m2usCenbox{padding-top:20px; height:380px;}

.m2usc4ul li{width:33.33%;}

.m2usCon3{padding-top:50px;}

.m2usCon4{padding-top:50px;}

.m2usCon5{padding-top:50px;}

.m2usc1ul{margin-left:-45px;}

.m2usc1ul li p{font-size:12px;}

.m2usc1ul li strong{font-size:40px;}

.m2usc2ul li{height:118px;}

}

@media (max-width:767px){

.m2usCon1Wpr{padding:50px 0 75px}

.m2usc1Lx{width:100%; padding-right:0; line-height:28px;}

.m2usc1Rx{width:100%; padding-left:0;}

.m2us_pubT{font-size:24px; line-height:28px;}

.m2usc1Px{margin-bottom:10px;}

.m2us_et{display:none}

.m2usc1ul{margin-left:0; margin-bottom:22px;}

.m2usc1ul li{border:none;}

.m2usmv.scaleImg .overflowHide{height:230px;}

.m2usCon1Wpr:before{bottom:35px;}

.m2usCon2{padding-top:15px;}

.m2usc2Ani{width:200px; height:200px; position:relative; margin:20px auto 35px; left:auto; right:auto; top:auto; transform:translate(-0%,-0%);}

.m2usc2Itms{ display:none;}

.m2usc2ul li{width:100%; height:100px; border-bottom: 1px dashed #ddd; margin-bottom:20px;}

.m2usc2ul li strong{font-size:16px; font-weight:bold;}

.m2usc2ul li{padding-left:95px;}

.m2usc2ul li:nth-child(2n){padding-right:95px; padding-left:0}

.m2usc2des, .m2usc5des{font-size:14px;}

.m2usSwiper{padding-left:20px; padding-right:20px;}

.m2usCon3{padding-bottom:50px;}

.m2us_pubT{margin-bottom:20px;}

.m2usc4ul li{width:50%;}

.m2usc4tab{margin:12px 0 25px;}

.m2usCon4{padding-bottom:50px;}

.m2usc4_lg img{max-width:60%; max-height:60px;}

.m2usc5ul li strong{font-size:36px;}

.m2usC5Swiper{width:100%;}

.m2usCon5{padding-bottom:60px;}

}





.serchBanner{ background: url(../images/hmBan2bak.jpg) no-repeat center bottom; background-size:cover; padding: 10.2vh 0px 12.62vh; }

.search_t { line-height: 75px; font-size: 38px; color: #FFF; text-align: center; }

.searchInputBox { background: #FFF; height: 62px; margin: 22px 0px; position: relative; }

.search_tags { text-align: center; font-size: 18px; color: #FFF; line-height: 56px; }

.searchInputBox input { height: 62px; width: 100%; padding: 0px 82px 0px 25px; color: #e81b22; font: 18px/62px "微软雅黑"; }

.searchInputBox button { background: url(../images/m2ser_i1.png) no-repeat center center; display: inline-block; height: 72px; width: 84px; position: absolute; top: 0px; right: 0px; cursor: pointer; }

.searchTags_a { font-size: 18px; padding-left: 34px; position: relative; display: inline-block; margin: 0px 18px; color: #FFF; }

.searchTags_a:before{ content: ""; background: #FFF; height: 24px; width: 24px; margin-top: -12px; border: 4px solid #FFF; position: absolute; left: 0px; top: 50%; border-radius:50%; transition:all 0.2s ease-in-out;}

.searchTags_a:hover{color:#fff;}

.searchTags_a:hover:before,.searchTags_a.on:before{ background:rgba(255,255,255,0);}

.searchKeywords { font-size: 18px; line-height: 32px; padding: 7.4vh 0px 2.03vh; }

.searchKeywords strong { color: #e81b22; }

.searchItems { margin-bottom: 10.92vh; }

.searchItems li { padding: 4.81vh 0px; border-bottom: 5px solid #F5F5F5; }

.search_time { font-size: 14px; color: #e81b22; line-height: 30px; margin-bottom: 10px; }

.searchItems li strong { display: block; line-height: 34px; font-size: 20px; font-weight: normal; }

.searchItems li p { font-size: 16px; color: #808080; line-height: 28px; margin: 7px 0px 15px; max-height:56px; overflow:hidden; }

.search_link { background: url(../images/hmi_si1.png) no-repeat right center; display: inline-block; padding-right: 20px; line-height: 30px; color: #e81b22; height: 30px; font-size: 16px; }

.searchItems li a:hover{text-decoration:underline;}

@media (max-width:1799px){

.search_t { line-height: 60px; font-size: 32px;}

.searchInputBox { height: 58px; margin: 16px 0px; }

.searchInputBox input { height: 58px; font: 18px/58px "微软雅黑"; }

.searchTags_a { font-size: 16px; padding-left: 28px; margin: 0px 12px; }

.searchItems li strong{font-size:18px;}

}

@media (max-width:1199px){

.searchTags_a{font-size:16px; margin:0 5px;}

}

@media (max-width:767px){

.search_t{font-size:24px;}

.searchTags_a{font-size:14px; line-height:30px; height:30px;}

.searchTags_a:before{transform:scale(0.8);}

.serchBanner{padding:60px 0;}

.searchItems li p{font-size:14px; line-height:26px; max-height:104px;}

.searchItems li{padding:15px 0;}

.searchItems li strong{font-size:15px; font-weight:bold; line-height:28px;}

}





/*2022-04-12 CSS*/
.welPage{width:100%; height:100vh; position:fixed; left:0; top:0; right:0; bottom:0; z-index:60; background:#e81b22; color:#fff;display:flex; flex-direction:column; justify-content:center; padding-bottom:50px;}
.wel_loog{text-align:center;}
.wel_loog img{width:20vw; height:auto;}
.welNavWpr{ position: relative; margin-top: 3.12vw; border-bottom: 1px solid #FFF; }
.welNavWpr .nav{width:100%;display:flex; justify-content:space-between;}
.welNavWpr .nav li{margin:0;}
.welNavWpr .nav_a{ font-size:24px; color:#fff; font-weight:100;}
.welNavWpr .nav_a:after{background:#fff; height:2px;}
.welNavWpr .subMenu{ width:270px; margin-left:-135px;}
.nav li:nth-child(5) .subMenu, .nav li:nth-child(6) .subMenu{width:160px; margin-left:-80px;}
.welTxt{ font-size: 36px; line-height: 48px; margin-top: 4.16vw; text-align:center; letter-spacing:3px; font-weight:100}
@media (max-width:1799px){
.welTxt{ font-size: 30px; line-height: 46px;}
.welNavWpr .nav_a{ font-size:22px;}
}
@media (max-width:1199px){
.welTxt{ font-size: 24px; line-height: 40px;}
.welNavWpr .nav_a{ font-size:20px;}
}
@media (max-width:993px){
.welPage{display:none!important;}
}
@media (max-width:767px){

}


.weixin-prop { width: 172px; height: 240px; border: 1px #ddd solid; background: #fff; position: fixed; left: 50%; top: 50%; margin: -86px 0px 0px -120px; z-index: 2345667 }
.weixin-close { width: 20px; height: 20px; position: absolute; right: 2px; top: 14px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; background: url(../images/close-1a.png) no-repeat; background-size: 12px auto; }
.weixin-img { float: left; width: 160px; margin: 38px 0px 0px 10px }
.weixin-img canvas { width: 150px; height: 150px }
.weixin-prop p { float: left; width: 100%; overflow: hidden; font-size: 13px; text-align: center; color: #222; line-height: 28px; }