body{height:auto!important;}
.max_w1180{ max-width:1210px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;}
.max_w980{ max-width:1010px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;}
.max_w1480{ max-width:1510px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;}
.pub_p90{ padding-left:90px; padding-right:90px;}
.mPub_mbtn{ background: #2E2E32; display:inline-block; height: 50px; width: 50px; border-top: 1px solid #212123; border-left: 1px solid #212123; background:url(../img/mroeIcon.svg) no-repeat center center;}
@media (max-width:993px){
.pub_p90{ padding-left:30px; padding-right:30px;}
}
@media (max-width:767px){
.pub_p90{ padding-left:15px; padding-right:15px;}
}

.webTop{height:60px; position:fixed; left:0; top:0; z-index:70; border-bottom:2px solid #e5e5e5; width:100%; transition:all 0.3s ease-in-out;}
.hmBanner{position:relative; background:#212123;}
.hmBanner video{width:100%; height:auto; display:block;}
.hmc1Btn{ width:52px; height:52px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; background:url(../img/play.svg); background-size:52px auto;}
.hmBan_colose{position:absolute; left:0; top:0; right:0; bottom:0;}
.topWhite{ background:rgba(255,255,255,0)!important; border-bottom:1px solid #DEE2E6!important;}
.webTopOpen,.webTop_white{ background:#fff!important; border-bottom:1px solid #DEE2E6!important;}
.webTopOpen,.webTop_black{ background:#222; border-bottom:1px solid #b0b1b2;}
.navBtns{width:28px; height:28px; position:absolute; left:30px; top:17px;}
.openBtn,.closeBtn{position:absolute; left:0; top:0; right:0; bottom:0; cursor:pointer}
.openBtn{ background:url(../img/top_menu.svg) no-repeat center center; background-size:28px auto;filter: invert(100%)}
.closeBtn{ background:url(../img/top_close.svg) no-repeat 3px 0px;}
.logo{width: 180px;display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.logo img{
    width: 100%;
    transition:all 0.3s ease-in-out;}
.webTopOpen .logo img{filter: invert(0%);}
.topRx{position:absolute; right:30px; top:15px; transition:all 0.3s ease-in-out;filter: invert(100%);}
.serBox{float:left; transition:all 0.3s ease-in-out; position:relative; padding-left:38px; height:36px; border-bottom:1px solid rgba(0,0,0,0); overflow:hidden; transition:all 0.3s ease-in-out; width:30px;}
.serBox.on{width:216px; border-bottom:1px solid #222;}
.serInt{ width:178px;}
.serInt input{ width:178px; height:28px; line-height:28px; color:#000; background:rgba(255,255,255,0)!important;}
.top_serBtn{ background:url(../img/top_ser.svg) no-repeat center 6px; display:inline-block; width:30px; height:30px; position:absolute; left:0; top:0;}
.top_person{ background:url(../img/top_person.svg) no-repeat center center; display:inline-block; width:30px; height:30px; float:left; margin-left:14px;}
.top_like{ background:url(../img/top_like.svg) no-repeat center center; display:inline-block; width:30px; height:30px; float:left; margin-left:22px;}
.top_car{ background:url(../img/top_i1.svg) no-repeat center center; display:inline-block; width:30px; height:30px; float:left;margin-left:22px;}
.webTopOpen .topRx,.webTop_white .topRx,.topWhite .topRx{filter: invert(0%)!important;}
.webTopOpen .openBtn,.webTop_white .openBtn,.topWhite .openBtn{filter: invert(0%)!important;}
.webTop_white .logo img,.topWhite .logo img{filter: invert(0%)!important;}
.webTop_black .topRx{filter: invert(100%);}
.webTop_black .openBtn{filter: invert(100%);}
.sliderMenu_bg{ z-index:70; position:fixed; left:0; right:0; top:60px; bottom:0;}
.sliderMenu{ z-index:72; position:fixed; left:0; right:0; top:60px; bottom:0; overflow:hidden; opacity:0; visibility:hidden;transition:all 0.3s ease-in-out; transform:translateX(-100%)}
.sliderMenu.on{visibility:visible; opacity:1; transform:translateX(0)}
.sliderMenuwBg{background:#fff;}
.sliderMenu_part1{background:#fff; width:33.33%; height:100%; padding:30px;display:flex; align-items: center; justify-content: center;border-right:1px solid #DEE2E6;}
.slider_ul1{ display:inline-block;}
.sliderMa{ display:inline-block; position:relative;}
.sliderMa:after,.sliderMsa1:after,.sliderMssa:after{content:""; width:30px; height:2px; background:#000; position:absolute; left:0; bottom:0; transition:all 0.3s ease-in-out; opacity:0;}
.sliderMa.on:after{width:100%; opacity:1;}
.sliderMa:hover:after,.sliderMsa1:hover:after,.sliderMssa:hover:after{opacity:1;}
.slider_ul1 li{margin-bottom:10px;}
.sliderMa1{ line-height:50px; height:52px; font-size:28px;}
.sliderMa2{ font-size:20px; line-height:36px; height:38px;}
.sliderMenu_part2{ position:absolute; left:33.33%; top:0; background:#fff; bottom:0; width:33.33%;display:flex; align-items: center; justify-content: center; padding:30px; opacity:0; visibility:hidden; transform:translateX(-33.33%);}
.sliderMenu_part2.on{ opacity:1; visibility:visible; transform:translateX(0); transition:all 0.3s ease-in-out;}
.slider_ul2{}
.sliderMsa1{ display:inline-block; position:relative; line-height:32px; height:34px; font-size:20px;}
.sliderMenu_part3{ display:none; width:calc(100% + 1px); position:absolute; left:100%; top:0; bottom:0; background:#fff;border-left:1px solid #DEE2E6;display:flex; align-items: center; justify-content: center; padding:30px; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden}
.sliderMenu_part3.on{ opacity:1; visibility:visible; z-index:3;}
.slider_ul3{}
.sliderMssa{ display:inline-block; position:relative; line-height:32px; height:34px; font-size:20px;}
.topCarBox{ z-index:68; position:fixed; left:0; right:0; top:60px; bottom:0; display:none;}
.topCars{ width:33.33%; position:absolute; right:0; top:0; bottom:0; background:#fff; border-left:1px solid #DEE2E6; padding:58px;}
.topCar_close{ background:url(../img/top_close.svg) no-repeat center center; width:30px; height:30px; position:absolute; right:30px; top:10px;}
.topCar_msg{ text-align: center; font-size: 18px; line-height: 32px; }
@media (max-width:993px){
.serBox.on{background:rgba(255,255,255,0.9);}
}
@media (max-width:767px){
.hmBanner{height:100vh;}
.hmBanner img{ height:100vh; width:auto; position:relative; left:50%; transform:translateX(-50%);}
.hmBanner video{ height:60vh; width:auto; position:relative; left:50%; transform:translateX(-50%);}
.logo{width: 140px;}
.logo img{height:auto; width:auto;}
.openBtn{ transform:scale(1);}
.navBtns{left:15px;}
.top_like{display:none;}
.top_car{transform:scale(0.9); margin-left:5px;}
.topRx{ right:15px;}
.top_person{transform:scale(0.9); margin-left:5px;}
.top_serBtn{transform:scale(1) translateX(10px);}
.sliderMenu_part1{width:50%;}
.sliderMenu_part2{width:50%; left:50%;}
.sliderMa1{font-size:21px;}
.sliderMsa1{font-size:16px;}
.serInt input{font-size:12px;}
.topCars{width:100%; padding:50px 15px;}
.topCar_msg{font-size:14px; line-height:32px;}
.sliderMa2{font-size:16px; line-height:28px; height:28px;}
}



.footer{background:#212123; padding-top:65px;}
.footer_a{color:#fff;}
.footerNav{ font-size:16px; color:#fff; line-height:38px;}
.footer_ul{margin:0 -15px 50px}
.footerNav .footer_ul:nth-child(1){position:relative; z-index:2;}
.footer_ul dl dt,.footer_a2,.footer_a2:hover{ color:#666;}
.footer_a:hover{ color:#a17e67;}
.footer_a3,.footer_a3:hover{ color:#fff; position:relative; display:inline-block;}
.footer_a3 i{ margin-left:12px; transition:all 0.3s ease-in-out;}
.footer_a3.on i{transform:rotate(180deg);}
.footer_cntr{ background:#fff; position:absolute; left:0; top:38px; width:158px; padding:10px 0; display:none;}
.footer_lan{position:relative;}
.footer_lan:hover{z-index:1;}
.footer_lana{ line-height: 34px; display: block; height: 34px; padding: 0px 25px; font-size: 16px; color: #000; }
.footer_lana:hover{ display:block; text-decoration:underline; background:#F1F1F1;}
.footer_mdr{ border-top: 1px solid #646567; border-bottom: 1px solid #646567; padding-top: 45px; padding-bottom: 22px; }
.footer_mdrul{margin:0 -15px;}
.footer_mdrul li strong{ font-size: 16px; line-height: 30px; font-weight: normal; color: #666; margin-bottom:10px; display:block}
.footer_mt1{padding-top:12px;}
.footer_mt1 a{ margin-right:20px;}
.footer_mt3{padding-top:10px; white-space:nowrap}
.footer_mt2 a{ margin-right:20px;}
.footer_mt3 a{ margin-right:10px; width:72px; height:30px; background:#fff; border-radius:0.3em; position:relative; display:inline-block;}
.footer_mt3 a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.footer_c2ps{ text-align: center; margin-top: 50px; text-align: center; font-size: 14px; line-height: 30px; color: #FFF; }
.footer_info{ overflow: hidden; padding-top: 20px; padding-bottom: 20px;}
.footer_info .fl strong{ float: left; font-weight: normal; color: #666; }
.footer_info .fl{ line-height: 30px; font-size: 16px; }
.footerInfo_a{ color:#fff; float:left; margin-left:45px;}
.footerInfo_a:hover{ color: #a17e67; }
.footer_logo{ float:right; margin-top:5px;filter: invert(100%);}
.footer_ul dl .footer_lan:nth-child(3){display:none;}
@media (max-width:1799px){
.footerNav{font-size:15px; line-height:34px;}
}
@media (max-width:993px){
.footer_logo{display:none}
}
@media (max-width:767px){
.footer_ul li{width:100%;}
.footer_ul{margin-bottom:20px;}
.footerNav{font-size:14px; line-height:32px;}
.footer_mdr{margin-top:35px; padding-top:30px;}
.footer_mt1,.footer_mt2{margin-bottom:15px;}
.footer_c2ps{margin-top:30px;}
.footer_cntr{width:155px;}
.footer_lana{font-size:13px;}
.footer_ul dl{overflow:hidden]; display:block;}
.footer_ul dl dt{width:100%;}
.footer_ul dl dd{float:left; margin-right:15px;}
.pubAniTxt{transform:translate(0,0)!important;}
.footer_a3 i{display:none;}
.footer_lan{height:32px; overflow:hidden;}
.footer_ul{margin-bottom:0;}
}


.bomServes{ padding: 118px 15px 136px; }
.bomSvr_t{ font-size: 30px; line-height: 50px; text-align: center; margin-bottom: 65px; }
.bomSercon li{ text-align:center;}
.bomSercon li span{ display: inline-block; height: 180px; width: 180px; position: relative; background: #2E2E32; border-radius:50%;}
.bomSercon li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.bomSercon li p{ line-height: 40px; height: 40px; font-size: 24px; color: #a17e67; margin-top: 45px; }
@media (max-width:1799px){
.bomServes{ padding: 72px 15px 106px; }
}
@media (max-width:993px){
.bomSercon li{width:50%; margin-bottom:35px;}
.bomSercon li p{margin-top:25px;}
}


.backTop{ height: 46px; width: 46px; border: 1px solid #ddd; background: #FFF; position: fixed; right: 30px; bottom: 70px; z-index: 28; background:#fff url(../img/backTop.svg) no-repeat center center; display:none; transition:none;}
.bomDy{ padding-top: 40px; padding-bottom: 40px; background: #F1F1F1; }
.bomDyLx{ float: left; line-height: 78px; font-size: 42px; }
.bomDyRx{ margin-left: 400px; position:relative;padding-right:150px; }
.bomDy_eml input{ line-height: 58px; height: 59px; width: 100%; font-size: 30px; border-bottom: 1px solid #ddd; background:none; margin-bottom:6px; }
.bomDy_eml input:focus{ border-bottom: 1px solid #a17e67;}
.bomDy_eml input::placeholder { color: #222; opacity:1;}
.bomDy_alr{ font-size: 14px; line-height: 22px; color: #E08C8F; }
.bomDyul{ margin-top:15px;}
.bomDyul li{ margin-bottom:16px;}
.bomDyRx label{ display: block; position: relative; font-size: 14px; line-height: 26px; padding-left: 32px; cursor:pointer }
.bomDyRx label input{ opacity:0; position:absolute; left:0; top:0;}
.bomDyRx label span{ display: block; height: 20px; width: 20px; position: absolute; left: 0px; top: 3px; border: 1px solid #000; }
.bomDyRx label span:after{ content: "L"; position: absolute; left: 4px; top: -5px; font-size: 18px; color: #a17e67; transform: scaleX(-1) rotate(-35deg); opacity:0; }
.bomDyRx label input:checked + span:after{ opacity:1;}
.bomDyul .bomDy_alr{padding-left:32px;}
.bomDyRx button{ background: #222; height: 42px; width: 132px; position: absolute; top: 10px; right: 0px; font-size: 16px; line-height: 42px; color: #FFF; text-align: center; cursor:pointer; transition:all 0.3s ease-in-out; }
.bomDyRx button:hover{transform:translateY(-3px); box-shadow:0 5px 12px rgba(0,0,0,0.15);}
@media (max-width:1799px){
.bomDyLx{font-size:38px;}
.bomDy_eml input{font-size:26px;}
}
@media (max-width:1199px){
.bomDyRx{margin-left:230px;}
}
@media (max-width:993px){
.bomDyLx{width:100%; text-align:center;}
.bomDyRx{ margin-left:0; padding-right:0}
.bomDyRx button{position:static; display:block}
}
@media (max-width:767px){
    
.bomDyLx{font-size:26px; line-height:58px;}
.bomDy_eml input{ height:51px; line-height:50px; font-size:20px;}
.bomDyRx label{font-size:13px;}
.bomDy{padding-bottom:65px;}
.footer{padding-top:50px;}
.backTop{right:15px; bottom:90px;}
.footer_info .fl{font-size:12px; line-height:28px;}
.footerInfo_a{margin-left:12px;}
}



.blackLineBg{ 
    background:#212123;
    /*background:#212123 url(../img/black_bgLine.svg) repeat-y center center;*/
    /*background-size:88%;*/
}
.blackBomBg{ min-height:14.58vw; background:#212123 url(../img/black_bomBg.svg) no-repeat center top; background-size:100%!important;}
.whiteLineBg{ background:#fff url(../img/w_pubLineBg.svg) repeat-y center center; background-size:88%;}



/*index css*/
.hmCon1{ padding-top: 60px; padding-bottom: 40px; overflow:hidden; }
.hmc1Img{ float:left; width:100%; max-width:480px}
.hmc1Rx{ float: right; width: 100%; max-width: 380px; color: #fff; padding-top: 62px; position:relative; }
.hmc1Rx strong{ font-size: 30px; line-height: 42px; display: block; margin-bottom: 18px; }
.hmc1Rdes{ font-size: 16px; line-height: 28px; }
.hmc1Rma{ font-size: 14px; line-height: 46px; color: #FFF; background: #A17E67; text-align: center; display: inline-block; height: 46px; width: 160px; margin-top: 50px; }
.hmc1Rma:hover{ color: #FFF; background: #614F45; }
.hmc1Rma_w{ line-height:44px; border:1px solid #ddd; color:#ddd; background:none}
.hmc1Rma_w:hover{ color: #222; background: #ddd; }
.hmc1Rma_b{ background:#212123;}
.hmc1Rma_b:hover{ background: #000; }
.hmc1Rimg{ margin-top:58px;}

.hmCon2{ padding-top: 115px; padding-bottom: 170px; background: #212123; border-bottom: 1px solid #000; }
.hmc2item{ color: #a17e67; font-size: 44px; line-height: 66px; text-align: center; font-weight: 100; }
.hmc2Swiper .slick-dots{bottom:-58px;}
.hmc2Swiper .slick-dots li button{display:none;}
.hmc2Swiper .slick-dots li { background: #636365; display: inline-block; height: 2px; width: 15px; margin: 0px 3px; position: relative; vertical-align: middle; }
.hmc2Swiper .slick-dots li.slick-active{ background: #FFFFFF; height: 2px; width: 30px; }

.hmCon3{ height:768px; background: #212123;  border-bottom: 1px solid #000; position:relative; }
.hmc3Lx{ float: left; margin:; padding: 100px 0px 0px 190px; color:#fff; }
.hmc3Lx strong{ line-height: 36px; font-size: 22px; font-weight: 100; display: block; margin-bottom: 50px; }
.hmc3Links{}
.hmc3_a,.hmc3_a:hover{ display: inline-block; line-height: 50px; font-size: 26px; color:#fff; position:relative;}
.hmc3_a:after{content:""; background:#fff; display:block; width:0; height:2px; transition:all 0.3s ease-in-out; left:0; bottom:4px;}
.hmc3_a.on:after{ width:30px;}
.hmc3imgs{ float:right; position:relative; width:483px; height:768px;}
.hmc3imgs .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden;}
.hmc3imgs .bgImg.on{ opacity:1; visibility:visible;}

.hmCon4{ color: #fff; padding: 120px 0px 145px; }
.hmc4_t{ font-size: 30px; line-height: 50px; font-weight: 100; text-align:center}
.hmc4Slsier{ margin-top:36px; width:100%; overflow:hidden}
.mproItem{ padding:0 10px; display:inline-block;}
.mproItemBox{ width: 280px; height: 438px; position: relative; background:#2E2E32; }
.mproItemBox .overflowHide{ height:210px;}
.mproIbom{ position:absolute; width:100%; left:0; bottom:0;}
.mproIbtp{ min-height:227px; position:relative; background:#2E2E32; padding:22px 20px;}
.mproIhrt{ width:24px; height:24px; background:url(../img/heart1.svg) no-repeat center center; position:absolute; right:20px; top:18px;}
.mproIhrt.on{ background:url(../img/heart1a.svg) no-repeat center center;}
.mproIb_d1{ line-height:20px; height:20px; overflow:hidden;}
.mproIa{ color: #A17E67; font-size: 13px; }
.mproIa:hover{ text-decoration:underline; color:#745948}
.mproIbtp strong.ellipsis{ font-size: 20px; line-height: 34px; display: block; height: 34px; }
.mproIta{ color:#fff;}
.mproIta:hover{ color:#D9D9D9; text-decoration:underline}
.mproIb_d2{ color:#fff; line-height:20px; font-size:13px; margin-bottom:10px;}
.mproIb_d3{ color:#A8A9AA; line-height:20px; margin-bottom:10px; opacity:0; height:20px; transition:all 0.3s ease-in-out; overflow:hidden;}
.mproIb_d3 p{ background:url(../img/pro_ar.svg) no-repeat left 7px; padding-left:18px;}
.mproIb_d4{ line-height:38px; color:#fff; font-size:14px;}
.mproIm{ display: block; height: 0px; line-height: 0px; text-align: center; background: #A17E67; font-size: 14px; color: #FFF; overflow:hidden; }
.mproIm:hover{ color: #FFF; background: #8B6B56; }
.mproItemBox:hover .mproIm{height:58px; line-height:58px;}
.mproItemBox:hover .mproIb_d3{opacity:1; height:60px;}
@media (max-width:1799px){
.hmCon4{ padding: 60px 0px 115px; }
.hmCon5{padding-top:95px;}
}
@media (max-width:993px){
.hmc3Lx{padding-left:25px;}
}
@media (max-width:767px){
.mproIbtp strong.ellipsis{font-size:17px;}
.hmc2item{font-size:22px; line-height:38px;}
.hmCon2{padding-top:35px; padding-bottom:100px;}
.hmc2Swiper .slick-dots{width:auto; left:0; right:0}
.hmc3Lx strong{margin-bottom:35px;}
.hmc3Lx{padding-top:65px;}
.hmc3_a, .hmc3_a:hover{font-size:21px}
.hmc3imgs{display:none!important;}
.hmCon3{height:608px;}
}


.pubAniTxt{ line-height:150px; color:#3A3331; font-size:108px; transform:translateX(30%);}
.pubAniTxt span{ display:inline-block; position:relative;}
.hmCon5{padding-top:125px; overflow:hidden; margin-bottom:90px;}

.hmCon6{ display:flex; color:#fff; margin-top:128px;}
.hmc6img{ width:100%; max-width:673px;}
.hmc6txts{padding-left: 120px;display:flex;flex-direction: column;justify-content: center;width: 100%;}
.hmc6txts strong{ line-height:46px; display:block; font-size:32px; margin-bottom:18px;}
.hmc6txts p{ font-size:16px; line-height:28px;}
.hmctxt{ width:65%;}
@media (max-width:1799px){
.hmc6txts strong{font-size:30px;}
.hmCon6{margin-top:90px;}
.hmc6txts{padding-left:90px;}
}
@media (max-width:993px){
.hmc6txts{padding-left:25px;}
}
@media (max-width:767px){
.hmCon6{ display:block;}
.hmc6txts{padding:25px 15px 0px;}
.hmc6txts strong{font-size:24px; margin-bottom:5px;}
.hmc6txts p{font-size:14px; line-height:28px;}
.hmCon5{padding-top:50px;}
}


.hmCon7{ display:flex; color:#fff; margin-top:120px;flex-direction: row-reverse;}
.hmc7img{ width:100%; max-width:673px;}
.hmc7txts{padding-right: 120px;display:flex;flex-direction: column;justify-content: center;width: 100%;align-items: flex-end; max-width:500px;}
.hmc7txts strong{ line-height:46px; display:block; font-size:32px; margin-bottom:18px;}
.hmc7txts p{ font-size:16px; line-height:28px;}
.hmctxt{ width:65%;}

.hmCon8{ margin-top:120px; padding-bottom:50px;}
.hmc8ul{ margin-left:-10px; margin-right:-10px;}
.hmc8ul li{ padding:0 10px; width:50%; float:left;}
.hmc8aBox{ display:block;}
.hmc8txt{ padding:20px 125px 22px 25px; position:relative; background:#2E2E32;}
.hmc8txt p{ font-size: 23px; line-height: 36px; height: 72px; overflow: hidden; color:#fff;}
.hmc8txt .mPub_mbtn{ position:absolute; right:0; bottom:0}
.hmc8aBox .overflowHide{ height:500px; position:relative;}
.hmc8aBox .overflowHide img{ width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0}
@media (max-width:1799px){
.hmc8txt p{font-size:21px;}
.pubAniTxt{font-size:88px;}
.hmctxt{width:80%;}
.hmc7txts{padding-right:90px;}
.hmc8aBox .overflowHide{ height:460px;}
}
@media (max-width:1199px){
.hmc8aBox .overflowHide{height:400px;}
}
@media (max-width:993px){
.hmc8aBox .overflowHide{height:200px;}
}

@media (max-width:767px){
.pubAniTxt{font-size:50px; line-height:100px; text-align:center}
.hmctxt{width:100%;}
.hmCon7{margin-top:60px; padding-left:15px; padding-right:15px; display:block;}
.hmc7txts{display:block; padding-right:0}
.hmc7txts strong{font-size:20px; line-height:36px; margin-top:25px;}
.hmc7txts p{font-size:14px;}
.hmCon8{margin-top:70px;}
.bomSvr_t{font-size:24px; line-height:32px; margin-bottom:30px;}
.bomSercon li{width:50%;}
.bomSercon li:nth-child(3){width:100%;}
.bomSercon li span{width:80px; height:80px; overflow:hidden;}
.bomSercon li span img{max-width:60%; max-height:60%;}
.bomSercon li p{margin-top:15px; font-size:17px;}
.bomServes{padding-top:55px; padding-bottom:40px;}
.hmc8aBox .overflowHide{ height:190px;}
}
/*end*/


.m2banner_img{width:100%; height:auto; display:block; filter:brightness(60%); max-height:103vh; object-fit: cover;}
.topBlackShape{ background:url(../img/black_topBg.svg) no-repeat; width:100%; position:absolute; left:0px; bottom:0; height:8.68vw; background-size:100%;}
.m2banTxt{position:absolute; left:0; width:100%; padding:0 15px; top:50%; transform:translateY(-50%); color:#fff; font-size:100px; line-height:150px; text-align:center;}
.m2ban_s{display:block; font-size:22px; line-height:36px;}
.m2qsCon1{ color:#fff; padding:88px 15px 1px; text-align:center;}
.m2qsCon1 strong{ display:block; max-width:700px; margin:0 auto; font-size:44px; line-height:56px;}
.m2qsc1Txt{ margin-top:38px; font-size:16px; line-height:28px; max-width:580px; margin-left:auto; margin-right:auto;}
.m2qsCon2{ overflow:hidden;}
.m2qsul{display:flex; width:100%;flex-wrap: wrap; overflow:hidden}
.m2qsul li{width:33.33%; margin-bottom:20px; padding:0 10px; display: -ms-flexbox; display: flex;}
.m2qs_aBox{ background:#2E2E32; display: -ms-flexbox; display: flex; flex:1 auto;flex-direction: column;-ms-flex-pack: justify; position:relative;}
.m2qs_aBox .overflowHide{height:286px;}
.m2qsTxt{ padding:20px 85px 30px 25px;}
.m2qsTxt strong{ font-size:20px; line-height:32px; color:#fff;}
.m2qsTxt .mPub_mbtn{ position:absolute; right:0; bottom:0}
.pubBomul li{ margin-top:120px;}
.pubBomul_aBox{ display:block;}
.pubBomul_aBox .overflowHide{ height:390px;}
.pubBomul_aBox .overflowHide .bgImg{filter: brightness(50%);}
.pubBomu1Txt{ position:absolute; left:0; width:100%; text-align:center; padding:0 15px; top:50%; transform:translateY(-50%); color:#fff;}
.pubBomu1Txt strong{ display: block; font-size:90px; line-height:90px; }
.pubBomu1Btn{ width:160px; height:46px; display:inline-block; border:1px solid #fff; text-align:center; font-size:14px; line-height:44px; margin-top:35px; transition:all 0.3s ease-in-out; color:#fff; position:relative;}
.pubBomu1Btn:before{content:""; width:0%; position:absolute; left:-1px; top:-1px; bottom:-1px; transition:all 0.3s ease-in-out; background:#fff;}
.pubBomu1Btn span{ position:relative; z-index:1; display:inline-block;}
.pubBomul_aBox:hover .pubBomu1Btn:before{width:calc(100% + 1px);}
.pubBomul_aBox:hover .pubBomu1Btn{color:#222;}
@media (max-width:1799px){
.m2banTxt{font-size:72px;}
.pubBomu1Txt strong{font-size:72px;}
.m2qsCon1{ padding:70px 15px 1px;}
.m2qsCon1 strong{font-size:40px;}
.m2shConTop .m2qsc1Txt{ font-size:16px; line-height:30px;}
.m2qsc1Txt{margin-top:28px;}
.pubBomul li{margin-top:70px;}
}
@media (max-width:993px){
.m2qsul li{width:50%;}
}
@media (max-width:767px){
.m2banTxt{font-size:42px;}
.topBlackShape{transform:translateY(1px);}
.m2qsCon1{padding:40px 15px 1px;}
.m2qsCon1 strong{font-size:24px; line-height:38px;}
.m2qsc1Txt{margin-top:12px; font-size:14px; line-height:28px;}
.m2qsul li{width:100%; padding:0}
.m2qsTxt strong{font-size:18px;}
.pubBomu1Txt strong{font-size:42px; line-height:44px;}
.pubBomu1Btn{ margin-top:30px;}
.pubBomul_aBox .overflowHide{height:230px;}
.pubBomul li{margin-top:40px;}
.m2ban_s{font-size:18px;}
}


.m2ktul li{ margin-bottom:140px;}
.m2ktul li:last-child{margin-bottom:20px;}
.m2kt_aBox{ display:block; position:relative;}
.m2ktImgDes{ position: absolute; width: 50%; right: 0; bottom: 0; background: #2E2E32; padding: 35px 60px 40px 40px; color: #FFF; }
.m2ktImgDes strong{ display: block; font-size: 22px; line-height: 38px; margin-bottom: 4px; }
.m2ktImgDes p{ font-size: 16px; line-height: 28px; }
.m2ktImgDes .mPub_mbtn{ position:absolute; right:0; bottom:0;}
.m2ktul li:nth-child(2n) .m2ktImgDes{ left: 0px; right: auto;}
@media (max-width:1799px){
.m2ktul li{margin-bottom:100px;}
}
@media (max-width:767px){
.m2ktImgDes{position:static; width:100%; padding:25px 75px 30px 15px}
.m2ktImgDes strong{font-size:18px; line-height:32px;}
.m2ktImgDes p{font-size:14px;}
.m2ktul li{margin-bottom:30px;}
}


/*product*/
.m2proMain{ background:#212123;}
.m2proMain .m2qsc1Txt{margin-top:25px;}
.m2proNavWpr{ padding-top:60px; height:330px; background:#fff; transition:all 0.3s ease-in-out;}
.m2proNav{padding:28px 90px 0; height:270px; overflow:hidden; width:100%; position:fixed; top:60px; left:0; z-index:30; background:#fff; transition:all 0.3s ease-in-out;}
.m2proNav_ul{display: flex; justify-content: space-between;}
.m2proNav_ul li{ text-align:center; width:100%;}
.m2proNav_img{ width: 100%; max-width: 165px; margin: 0 auto; padding: 15px 15px 14px; margin-bottom: 2px; overflow:hidden; height:155px; border: 1px solid #DDDDDD; position:relative; }
.m2proNav_a.on .m2proNav_img:after{content:""; height:1px; left:0; background:#A17E67; right:0; position:absolute; bottom:0px;}
.m2proNav_a.on .m2proNav_img{border-bottom:1px solid #A17E67;}
.m2proNav_a .overflowHide{ height:124px;}
.m2proNav_a p{ height: 48px; width: 100%; max-width: 165px; margin: 0 auto; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; letter-spacing:1px; position:relative; }
.m2proNavWpr_s{height:149px}
.m2proNavWpr_s .m2proNav{ padding-top:21px; height:90px;}
.m2proNavWpr_s .m2proNav_img{ height:0; margin-bottom:0; padding:0; border:none!important;}
.m2proNavWpr_s .m2proNav_a p{ border: 1px solid #ddd;}
.m2proNavWpr_s .m2proNav_a.on p{ border-bottom: 1px solid #A17E67;}
.m2proNavWpr_s .m2proNav_a.on p:after{content:""; height:1px; left:0; background:#A17E67; right:0; position:absolute; bottom:0px;}
.m2proNav_a.on p{ color:#A17E67;}
.m2proulWpr{ padding: 40px 0px 80px; border-top: 1px solid #B0B1B2; }
.m2proul{ margin-left:-10px; margin-right:-10px; margin-bottom:30px;}
.m2proul .mproItemBox{width:100%;}
.m2proul li{ padding:0 10px; width:20%; float:left; margin-bottom:20px;}
.m2pub_loadMore{ text-align:center;}
.m2pub_loadMore a{ font-size: 14px; line-height: 46px; color: #222; background: #fff; text-align: center; display: inline-block; height: 46px; width: 160px; }
.m2pub_loadMore a:hover{ color: #fff; background: #A17E67; }
.m2proBfunWpr{ height:58px;}
.m2proBfun{ position: relative; height: 58px; width: 100%; left: 0; background: #fff; }
.m2proBfunFixed{ position:fixed; z-index:10; bottom:0;}
.m2pro_nums{ float: left; padding-left: 30px; font-size: 14px; color: #666; line-height: 58px; }
.m2proBrx{ float:right;}
.m2proBselect{ border-left: 1px solid #F1F1F1; padding: 18px 20px 0px; float: left; height:58px; }
.m2proBselect select{ font-size: 14px; line-height: 22px; color: #222; height: 22px; width: 118px;background: transparent url(../img/select-arrow.svg) no-repeat right 8px; }
.m2pro_vBtn{ font-size: 14px; color: #FFF; text-align: center; float: left; width: 160px; background: #A17E67; line-height: 58px; }
.m2pro_vBtn:hover{ color: #FFF; background: #8B6B56; }
.m2proLayerBg{background:rgba(0,0,0,0.6); position:fixed; z-index:32; left:0; top:60px; right:0; bottom:0; transition:all 0.3s ease-in-out;}
.m2proLayer{width:480px; background:#fff; overflow-y:auto; overflow-x:hidden; position:fixed; z-index:35; left:0; top:60px; bottom:0; padding-bottom:120px; padding-top:65px; transition:all 0.3s ease-in-out;}
.m2proLayer_colose{ background:url(../img/top_close.svg) no-repeat center center; width:30px; height:30px; position:absolute; right:40px; top:20px; opacity:0.8; transition:all 0.3s ease-in-out;}
.m2proLayer_colose:hover{opacity:1;}
.m2proLayitemWpr{ display:block;}
.m2proLayitem{ padding:5px 40px 30px; border-bottom:1px solid #DEE2E6;}
.m2proLayitemWpr .m2proLayitem:last-child{ border:none;}
.m2pro_Lst{ line-height:52px; height:52px; font-size:16px;}
.m2proLayitem_price{padding-bottom:25px;}
.m2pro_lySitem{ line-height:44px; height:46px; display:inline-block; padding:0 20px; border:1px solid #DEE2E6; font-size:14px; margin:0 4px 10px 4px; position:relative; transition:none; overflow:hidden;}
.m2pro_lySitem.on{border-bottom:2px solid #A17E67; color:#A17E67;}
.m2pro_var2{ overflow:hidden; margin-top:10px;}
.m2pro_lySitem2{ float:left; margin-right:10px; width:90px; text-align:center;}
.m2pro_lySitem2 span{width:60px; height:60px; display:inline-block;}
.m2pro_lySitem2 p{line-height:26px; margin-top:8px; font-size:14px;}
.m2pro_lySitem2.on{ color:#A17E67;filter: sepia(60%);}
.m2pro_var3{ overflow:hidden; margin-top:10px;}
.m2pro_lySitem3{ float:left; width:82px; height:132px; text-align:center; margin-right:10px;}
.m2pro_lySitem3 span{ display:block; height:82px; border:1px solid #ddd; padding:15px;}
.m2pro_lySitem3 p{line-height:26px; margin-top:8px; font-size:14px;}
.m2pro_lySitem3.on{ color:#A17E67;}
.m2pro_lySitem3.on span{border:1px solid #A17E67;}
.m2proLayerBtns{ height:51px; overflow:hidden; position:sticky; left:0; bottom:-120px; width:480px; font-size:14px;}
.m2pro_clearBtn,.m2pro_clearBtn:hover{ width:50%; height:51px; line-height:50px; text-align:center; background:#212123; color:#fff; float:left;}
.m2pro_showAll{width:50%; height:51px; line-height:50px; text-align:center; background:#A17E67; color:#fff; float:left;}
.m2pro_showAll:hover{ background:#8B6B56; color:#fff;}
.m2proLayerOut{visibility:hidden; opacity:0; transform:translateX(-500px);}
.m2proLayerBgOut{visibility:hidden; opacity:0; }
@media (max-width:1199px){
.m2proul li{width:33.33%;}
}
@media (max-width:993px){
.m2proNav{padding:28px 30px 0;}
}
@media (max-width:767px){
.m2proNav_img{padding:5px 5px 4px;}
.m2proNav{padding-left:5px; padding-right:5px;}
.m2proNav_a .overflowHide{height:34px;}
.m2proNav_img{height:46px;}
.m2proNav_ul{ flex-wrap:wrap;}
.m2proNav_ul li{width:25%; margin-bottom:10px;}
.m2proNav_a p{font-size:12px;}
.m2proNavWpr_s{height:220px;}
.m2proNavWpr_s .m2proNav{height:140px;}
.m2proul li{width:50%;}
.m2proLayer{width:100%;}
.m2pro_lySitem2{width:33.33%; margin-right:0}
.m2proLayerBtns{width:100%;}
.m2pro_vBtn{width:130px;}
.m2proBselect select{width:88px;}
.m2proulWpr{padding-bottom:30px;}
.m2pro_nums{padding-left:15px;}
.m2proBselect{padding-left:15px; padding-right:15px;}
}


.m2dsCon1{ color:#fff; padding-top:65px;}
.m2dsCon1_txt{max-width:620px;}
.m2dsCon1_txt strong{ font-size: 32px; line-height: 50px; display: block; margin-bottom: 15px; }
.m2dsCon1_txt p{ font-size: 16px; line-height: 28px; }
.m2ds_c1img{ margin: 30px 0px; }
.m2ds_c1img video{max-width:100%; height:auto;}
.m2dsCon1_txt2 strong{ font-size: 22px; display: block; line-height: 36px; }
.m2dsCon1_txt2 ul{ overflow:hidden; display:block; margin:10px -15px 125px;}
.m2dsCon1_txt2 ul li{ width:50%; float:left; font-size: 16px; line-height: 28px; padding:0 15px;}
.m2pubAniBox{ margin-top:125px;}
.m2pubAniLx{ float:left; max-width:380px; position:relative}
.m2pubAniLx_p1{ font-size: 16px; line-height: 28px; padding: 75px 0px; }
.m2pubAniRx{ float:right; max-width:480px; margin-top:115px;}
.m2dsCon3{margin-top:158px; margin-bottom:60px;}
.m2dsCon3 .hmc1Rma{ line-height: 44px; border: 1px solid #FFF; color: #FFF; background:none;}
.m2dsCon3 .hmc1Rma:hover{ color:#222; background:#fff;}
.m2dsCon4{ color:#fff;}
.m2dsCon4 .hmCon8{ margin-top:40px;} 
@media (max-width:1799px){
.m2pubAniBox{margin-top:70px;}
.m2dsCon1_txt2 ul{margin-bottom:90px;}
}
@media (max-width:993px){
.m2pubAniLx{max-width:340px;}
.m2pubAniRx{max-width:340px;}
.hmc1Img{max-width:340px;}
.hmc1Rx{max-width:340px;}
}
@media (max-width:767px){
.m2dsCon1{padding-top:40px;}
.m2dsCon1_txt strong{font-size:24px; line-height:38px;}
.m2dsCon1_txt p{font-size:14px;}
.m2dsCon1_txt2 strong{font-size:20px;}
.m2dsCon1_txt2 ul li{width:100%; margin-bottom:15px; font-size:14px;}
.m2dsCon1_txt2 ul{margin-bottom:30px;}
.m2pubAniBox{margin-top:35px;}
.m2pubAniLx_p1{padding:35px 0; font-size:14px;}
.m2pubAniRx{margin-top:25px;}
.m2dsCon3{margin-top:100px;}
.hmc1Rx{padding-top:30px;}
.hmc1Rx strong{font-size:22px; line-height:36px;}
.hmc1Rma{margin-top:35px;}
.hmCon4{padding:20px 0px 45px;}
.hmc4_t{font-size:24px;}
.hmc4Slsier{margin-top:25px;}
.m2dsCon4 .hmCon8{margin-top:25px;}
.hmc8ul li{width:100%; margin-bottom:25px;}
.hmc8txt p{font-size:18px; line-height:34px; height:auto;}
.hmc8txt{padding-right:85px;}
.hmCon8{padding-bottom:10px;}
}


.m3ktItem{ margin-top:158px;}
.m3ktItem .hmc1Rma{ line-height: 44px; border: 1px solid #FFF; color: #FFF; background:none;}
.m3ktItem .hmc1Rma:hover{ color:#222; background:#fff;}
.m3ktTop{margin-top:-40px; height:2px;}
.m3kt_pubImg{margin-top:158px;}
.m3ktItem2 .hmc1Img{ float:right;}
.m3ktItem2 .hmc1Rimg{margin-top:0; margin-bottom:58px;}
.m3ktItem2 .hmc1Rx{float:left; padding-top:0;}
.m3ktItem3{margin-top:158px;}
.m3ktItem3 .txtBox-wp{ float:right; width:calc(100% - 673px); padding:0 115px; }
.m3kt_rtxt{ max-width:720px; color:#fff;}
.m3kt_rtxt strong{font-size: 30px;line-height: 42px;display: block;margin-bottom: 18px;}
.m3kt_rtxt p{ font-size:18px; line-height:28px;}
.m3kt_rtxt .hmc1Rma{ line-height: 44px; border: 1px solid #FFF; color: #FFF; background:none;}
.m3kt_rtxt .hmc1Rma:hover{ color:#222; background:#fff;}
.m3ktItem3 .picBox-wp{ float:left; width:673px; }
.m3ktItem3 .picBox-wp video{max-width:100%; height:auto;}
.m3ktBom{margin-top:158px;}
@media (max-width:1799px){
.m3ktItem{margin-top:120px;}
}
@media (max-width:993px){
.m3ktItem3 .picBox-wp{width:460px;}
.m3ktItem3 .txtBox-wp{ width:calc(100% - 460px); padding:0 35px;}
}
@media (max-width:767px){
.m3ktTop{margin-top:-50px;}
.hmc1Rx strong{font-size:20px; line-height:32px; margin-bottom:5px;}
.hmc1Rdes{font-size:14px;}
.hmc1Rma{margin-top:20px;}
.m3kt_pubImg{margin-top:100px;}
.m3ktItem2 .hmc1Img{margin-bottom:30px;}
.m3ktItem2 .hmc1Rimg{margin-bottom:28px;}
.m3ktItem3{margin-top:100px;}
.m3ktItem3 .picBox-wp{width:100%; float:none;}
.m3ktItem3 .txtBox-wp{width:100%; float:none; margin-top:25px; padding:0 15px}
.m3kt_rtxt strong{font-size:18px; line-height:32px;}
.m3kt_rtxt p{font-size:14px;}
.m3ktBom{margin-top:80px;}
}


.m2sjsBom{padding-top:115px;}
.m2sjsTxts{margin-top:0;}
.m2sjsBom_t{text-align: center; }
.m2sjsBom_t strong{ font-size: 44px; line-height: 58px; display:block;}
.m2sjsBom_t p{ font-size: 16px; line-height: 28px; margin: 40px auto 110px; max-width: 660px; }
.m2sjs_img{ margin-bottom:22px;}
.m2sjs_btxt{ line-height:28px; font-size:16px; max-width:660px}
.m2sjs_bomBtn{ background: #222; height: 42px; font-size: 16px; line-height: 42px; color: #FFF; text-align: center; cursor:pointer; transition:all 0.3s ease-in-out; padding:0 35px; display:inline-block; margin:60px 0 }
.m2sjs_bomBtn:hover{transform:translateY(-3px); box-shadow:0 5px 12px rgba(0,0,0,0.15); color:#fff;}
@media (max-width:1799px){
.m2sjsBom_t p{ margin: 30px auto 60px;}
}
@media (max-width:767px){
.m2sjsBom{padding-top:55px;}
.m2sjsBom_t strong{font-size:28px; line-height:40px;}
.m2sjsBom_t p{margin:15px auto 30px}
}


.m2rhCon1{padding-top:80px;}
.m2rhCon1 .m2qsCon1{color:#222;}
.m2rhCon2 li{margin-bottom:120px;}
.m2rhCon2 .txtBox-wp{ float:right; width:calc(100% - 673px); padding:0 120px; }
.m2rhCon2 .picBox-wp{ float:left; width:673px; }
.m2rhIfmBox{min-height:280px;}
.m2rhIfmBox iframe{ width:100%; height:380px; border:0; display:block}
.m2rhRtxt{ max-width:700px;}
.m2rhRtxt strong{ font-size: 30px; line-height: 46px; display: block; margin-bottom: 18px; }
.m2rhRtxt p{ font-size: 16px; line-height: 28px; }
.m2gs_cx{ font-size: 14px; line-height: 26px; color: #a17e67; margin-top:20px;}
.m2rhCon2 .txtBox,.m2rhCon2 .picBox{width:100%;}
.m2rhCon2 li:nth-child(2n) .txtBox-wp{float:left; text-align:right;}
.m2rhCon2 li:nth-child(2n) .picBox-wp{float:right;}
.m2rhCon2 li:nth-child(2n) .m2rhRtxt{ margin-left:auto; margin-right:0;}
.m2rhCon3{ margin-bottom:118px;}
.m2rhc3_t{ font-size: 30px; line-height: 58px; font-weight: 100; text-align:center}
.m2rhc3txt{ font-size:16px; line-height:28px; margin-top:40px;}
.m2rhCon4 .m2dsCon4{color:#222;}
.m2rhCon4{margin-bottom:70px;}
.m2rhCon4 .hmc8txt p{color:#222;}
.m2rhCon4 .hmc8txt{ background:#F1F1F1;}
.m2rhCon4 .mPub_mbtn{border-left:1px solid #fff; border-top:1px solid #fff;}
@media (max-width:1799px){
.m2rhCon4{margin-bottom:50px;}
.m2rhRtxt strong{ font-size: 26px; line-height: 40px;}
.m2rhCon2 .txtBox-wp{padding:0 70px;}
.m2rhCon2 li{margin-bottom:100px;}
}
@media (max-width:1199px){
.m2rhCon2 .picBox-wp{width:570px;}
.m2rhCon2 .txtBox-wp{width:calc(100% - 590px); padding:0 25px;}
}
@media (max-width:993px){
.m2rhCon2 .picBox-wp{width:440px;}
.m2rhCon2 .txtBox-wp{width:calc(100% - 460px); padding:0 25px;}
}
@media (max-width:767px){
.m2rhCon2 .picBox-wp{width:100%;}
.m2rhCon2 .txtBox-wp{width:100%; padding:28px 15px 0}
.m2rhRtxt strong{font-size:22px; margin-bottom:5px;}
.m2rhRtxt p{font-size:14px;}
.m2rhIfmBox iframe{height:298px;}
.m2rhCon2 li{margin-bottom:20px; padding-bottom:50px;}
.m2rhc3_t{font-size:24px; line-height:38px;}
}


.m2shWpr{padding-bottom:0;}
.m2shConTop .m2qsc1Txt{font-size:18px; line-height:32px;}
.m2shBoms .pubBomul li{margin-top:0;}
.m2shCon1 iframe{ min-height:500px; background:#000; width:100%;}
.m2gsSwiperWpr{overflow:hidden; margin-top:60px; position:relative; margin-bottom:145px;}
.m2gsSwiper{ width:2973px; position:relative; left:50%; transform:translateX(-50%)}
.m2gsSwiper .slick-prev{ background:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(33, 33, 35, 0.81)); display: inline-block; height: 100%; width: 180px; position: absolute; left: calc((2973px - 100vw)/2); top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:3; transition:all 0.5s ease-in-out; opacity:0;}
.m2gsSwiper .slick-prev:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../img/wBtn.svg) no-repeat center center; transition:all 0.5s ease-in-out; transform:translateY(50px);}
.m2gsSwiper .slick-next{  background:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(33, 33, 35, 0.81)); display: inline-block; height: 100%; width: 180px; position: absolute; right: calc((2973px - 100vw)/2); top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:3; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0;}
.m2gsSwiper .slick-next:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../img/wBtn.svg) no-repeat center center; transition:all 0.5s ease-in-out; transform:translateY(-50px);}
.m2gsSwiperWpr:hover .m2gsSwiper .slick-prev,.m2gsSwiperWpr:hover .m2gsSwiper .slick-next{ opacity:1;}
.m2gsSwiperWpr:hover .m2gsSwiper .slick-prev:after,.m2gsSwiperWpr:hover .m2gsSwiper .slick-next:after{ transform:translateY(0)}
.m2gs_imgBox{ padding:0 10px;}
.m2shc1_txt{ margin:135px auto 112px; line-height:40px; font-size:26px; text-align:center; color:#fff;}
@media (max-width:1799px){
.m2gsSwiper{ width:2673px;}
.m2gsSwiper .slick-prev{ left: calc((2673px - 100vw)/2);}
.m2gsSwiper .slick-next{ right: calc((2673px - 100vw)/2);}
.m2gsSwiperWpr{margin-bottom:115px;}
.m2shc1_txt{margin:95px auto 80px;}
}
@media (max-width:1199px){
.m2gsSwiper .slick-prev,.m2gsSwiper .slick-next{width:80px;}
}
@media (max-width:767px){
.m2shCon1 iframe{min-height:260px;}
.m2shc1_txt{font-size:21px; line-height:38px; margin:55px auto 60px}
}


.m2banner .hmc1Btn{ transform:translate(0,0); left:30px; bottom:30px; top:auto;}
.m2banner .hmc1Btn.pasbtn{ background:url(../img/pasBtn.svg) no-repeat center center; }
.m2xsCon1{ color:#fff; margin-top:-30px; margin-bottom:100px;}
.m2xsCon1.m2xsCon1Nmar{margin-top:0;}
.m2xsCon1 strong{ font-size: 40px; line-height: 50px; float: left; max-width:200px; }
.m2xsc1Txt{ margin-left:315px; line-height:32px; font-size:20px; padding-top:5px;}
.m2xsCon2a{ color:#fff; margin-top:-30px;}
.m2xsCon2a strong{ font-size: 22px; line-height: 34px; display: block; margin-bottom: 18px; }
.m2xsCon2a ul li{ font-size: 16px; line-height: 28px; }
.m2xsCon2a ul{}
.m2xsImgTxts{ margin-top:108px; color:#A17E67;}
.m2xsImgTxts strong{ font-size: 26px; line-height: 42px; display: block; margin: 56px 0px 20px; max-width:740px; }
.m2xsImgTxts p{ font-size: 16px; line-height: 20px; }
.m2xsTxem{height:100px;}
.m2xsPslinder{ margin-top:130px;}
.m2xsPitem{ display:inline-block; margin:0 10px;}
.m2xsPitem img{width:390px;}
.m2xsPitem p{ font-size: 20px; line-height: 36px; color:#fff; margin-top:20px; margin-right:35px;}
.m2xsTxem2{height:120px;}
.m2xsProducts .hmCon4{ padding-bottom:0}
.m2dsPub_bt{ padding-top: 100px; text-align: center; font-size: 30px; line-height: 50px; margin-bottom: 25px; }
.m2dsPubSwiper{ margin:0 30px 100px;}
.m2dsPub_sitem span{}
.m2dsPub_sitem strong{ font-size: 24px; line-height: 40px; display: block; height:40px; overflow:hidden; margin-bottom:18px; }
.m2dsPub_sitem p{ font-size: 16px; line-height: 28px;}
.m2dsPub_sitem{ padding:0 80px; position:relative; text-align:center}
.m2dsPub_sitem:after{content:""; background:#ddd; width:1px; position:absolute; right:0; top:80px; height:350px;}
@media (max-width:1799px){
.m2xsCon1 strong{ font-size: 30px; line-height: 44px; }
.m2xsc1Txt{font-size:18px;}
.m2xsCon1{margin-bottom:70px;}
.m2xsImgTxts{margin-top:88px;}
.m2xsPslinder{margin-top:100px;}
.m2dsPub_sitem{padding:0 45px;}
.m2dsPub_sitem strong{font-size:22px; margin-bottom:12px;}
.m2dsPub_sitem p{font-size:14px; line-height:28px;}
}
@media (max-width:993px){
.m2dsPub_sitem{padding:0 20px;}
}
@media (max-width:767px){
.m2xsCon1 strong{width:100%; float:none; font-size:22px; line-height:36px; display:block; max-width:none}
.m2xsc1Txt{margin-left:0; font-size:14px; line-height:28px;}
.m2xsCon1{margin-bottom:50px;}
.m2gsSwiperWpr{margin-top:50px; margin-bottom:70px;}
.m2dsPub_bt{padding-top:70px;}
.m2xsImgTxts strong{font-size:20px; line-height:38px;}
.m2xsTxem{height:70px;}
.m2xsTxem2{height:80px;}
}


.m2cxList {margin-top:158px;}
.m2cxList .m2rhRtxt{color:#fff;}
.m2gsSwiperWpr_noBom{margin-bottom:0; margin-top:150px;}
.m2xdqCon1{ padding-top:120px;}
.m2xdq_vBtn,.m2xdq_vBtn:hover{ background:#2E2E32}
.m2xdq_md{ float: left; height: 58px; width: 58px; border-right: 1px solid #F1F1F1; background:url(../img/position_icon.svg) no-repeat center center;}
.m2gsBom .m2cxList{ margin-top:0; padding-top:75px;}
.m2gsBom .m2cxList .m2rhRtxt{color:#222;}


.m2historyWpr{}
.m2hisCon1{ background: #0A0A0A; padding-top: 50px; color:#fff; padding-bottom:30px;}
.m2his_fun{ font-size: 16px; line-height: 28px; }
.m2his_fun a:hover{color:#ddb277}
.m2his_c1st{ text-align: center; font-size: 18px; line-height: 30px; margin-top: 80px; }
.m2his_c1bt{ text-align: center; font-size: 80px; line-height: 120px; margin: 35px 0px 75px; color: #ddb277; font-weight:400; }
.m2hisImgs{ max-width:1220px; margin:0 auto;}
.m2his_imgBox .overflowHide{ position:relative;}
a.m2his_imgBox .overflowHide:after{ content:""; transition:all 0.5s ease-in-out; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.0);}
.m2his_imgBox{color:#fff;}
.m2his_imgBox:hover{ color:#CEA771}
a.m2his_imgBox:hover .overflowHide:after{ background:rgba(0,0,0,0.8);}
.m2his_imgLyaer { width: 100%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; z-index: 2; text-align: center; padding: 0px 25px; transition:all 0.3s ease-in-out; }
.m2his_imgLyaer strong{ font-size: 24px; line-height: 36px; display: block; margin-bottom:0px; font-weight:400; transition:all 0.3s ease-in-out; }
.m2his_imgLyaer i{ font-size: 16px; line-height: 30px; height: 0px; transition:all 0.3s ease-in-out; font-style:normal; opacity:0; overflow:hidden; display:block; }
a.m2his_imgBox:hover .m2his_imgLyaer i{opacity:1; height:30px;}
a.m2his_imgBox:hover .m2his_imgLyaer strong{margin-bottom:38px;}
.m2hisCon2{ padding-top: 70px; color:#fff;}
.m2hisCon2 .m2gsSwiperWpr{margin-top:0;}
.m2hisc2Box{ overflow:hidden; margin-bottom:20px;}
.m2hisc2Txt{ max-width:580px; text-align:center; margin:0 auto 75px;}
.m2hisc2Txt h4{ font-size: 50px; line-height: 76px; font-weight: 400; display: block; margin-bottom:10px; }
.m2hisc2Txt h5{ font-size: 28px; line-height: 50px; font-weight: 400; display: block; margin: 25px 0px 40px; }
.m2hisc2Txt p{ font-size: 20px; line-height: 34px; }
.m2hisc2Editor{ font-size: 16px; line-height: 30px; color: #FFF; margin: 0px auto; padding: 75px 0px; max-width: 580px; }
.m2his_bEmpty{height:75px;}
.m2hisc2Editor h5{ font-size: 30px; color: #ddb277; font-weight: 100; line-height: 42px; text-align: center; display: block; margin: 50px 0px 35px; }
.m2hisc2Editor h6{ font-size: 20px; font-weight: normal; text-align: center; display: block; line-height: 32px; margin-bottom: 50px; }
.m2hisLoadingEditor{overflow:hidden;}
.aniRounds{ height:75px; text-align:center;}
.aniRounds a{ display:inline-block;}
.aniRounds span{ width:14px; height:14px; display:inline-block; margin:0 10px; background:#fff; border-radius:50%;}
.aniRounds a:hover span{ background:#A17E67; animation:pointAni 1.6s linear infinite;}
.aniRounds a span:nth-child(1){ animation-delay:0s;}
.aniRounds a span:nth-child(2){ animation-delay:0.2s;}
.aniRounds a span:nth-child(3){ animation-delay:0.4s;}
.footer_sm{padding-top:0; opacity:1!important}
.footer_sm .footer_mdr{ border-top:none;}
.footer_sm .footer_c2ps{margin-top:0;}
.m2hisSwiper{ position:relative;}
.m2hisSitem{overflow:hidden; position:relative; background:#0A0A0A}
.m2hisItm_img{ float:left; max-width:683px;}
.m2hisItm_txt{ position:absolute; left:860px; top:50%; transform:translateY(-50%); padding-right:178px; width:100%; max-width:900px; color:#fff;}
.m2hisItm_txt strong{ color: #ddb277;/* font-size: 40px; line-height: 60px;*/ font-size: 32px; line-height: 50px; font-weight: 400; display: block; }
.m2hisItm_txt p{ font-size: 16px; line-height: 28px; margin: 15px 0px 40px; max-width:388px;}
.m2hisItem_more{ line-height: 46px; height: 46px; width: 160px; color: #222; font-size: 14px; text-align: center; display: inline-block; background: #fff; }
.m2hisItem_more:hover{ color: #222; background: #DDDDDD; }
.m2hisSwiper .slick-prev{ background:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(33, 33, 35, 0.81)); display: inline-block; height: 100%; width: 180px; position: absolute; left: 0; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:3; transition:all 0.5s ease-in-out; opacity:0;}
.m2hisSwiper .slick-prev:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../img/wBtn.svg) no-repeat center center; transition:all 0.5s ease-in-out; transform:translateY(50px);}
.m2hisSwiper .slick-next{  background:linear-gradient(to left, rgba(0, 0, 0, 0), rgba(33, 33, 35, 0.81)); display: inline-block; height: 100%; width: 180px; position: absolute; right: 0; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:3; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0;}
.m2hisSwiper .slick-next:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: url(../img/wBtn.svg) no-repeat center center; transition:all 0.5s ease-in-out; transform:translateY(-50px);}
.m2hisSwiper:hover .slick-prev,.m2hisSwiper:hover .slick-next{ opacity:1;}
.m2hisSwiper:hover .slick-prev:after,.m2hisSwiper:hover .slick-next:after{ transform:translateY(0)}
.m2hisSwiper .slick-dots{bottom:85px; left:860px; width:auto;}
.m2hisSwiper .slick-dots li button{display:none;}
.m2hisSwiper .slick-dots li { background:rgba(255,255,255,0.3); display: inline-block; height: 2px; width: 15px; margin: 0px 15px 0px 0px; position: relative; vertical-align: middle }
.m2hisSwiper .slick-dots li.slick-active{ background: #fff; width:30px;}
.m2his_pubTxts{ max-width:580px; color:#fff; margin:0 auto; padding:70px 0 80px; text-align:center}
.m2his_pubTxts h6{ font-size: 18px; line-height: 32px; font-weight: normal; display: block; }
.m2his_pubTxts h5{/* font-size: 46px; line-height: 66px; */ font-size: 30px; line-height: 46px; font-weight: 400; display: block; margin: 24px 0px;}
.m2his_pubTxts p{ font-size: 20px; line-height: 34px; }
.m2his_pubTxts .m2hisItem_more{ margin-top:28px;}
.m2hisPor{}
.m2hisPor ul{ margin: 0px -10px; }
.m2hisPor ul li{ padding: 0px 10px; float: left; width: 25%; margin-bottom:40px;}
.nextScroll{ position:absolute; left:50%; bottom: 5%;z-index:3;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=); width:36px; height:36px;background-size: contain;background-repeat: no-repeat; margin-left:-18px; animation:mouseAni 1.2s linear infinite;}
.m2ydCon1{color:#fff; padding-bottom:10px;}
.m2ydMv{position:relative;}
.m2ydMv video{display:block; width:100%; height:auto;}
.m2ydMv_layBg{position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.m2ydMvBtn{ width:52px; height:52px; display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; background:url(../img/play.svg); background-size:52px auto;} 
.m2ydMvBtn.on{display:block;}
.m2ydTxt{ max-width: 580px; margin: 0 auto; padding: 85px 0; color: #fff; font-size: 20px; line-height: 34px; }
.m2ydTinfo{ margin:0 auto 75px; max-width:580px; color:#fff; text-align:center}
.m2ydTinfo h5{ font-size:18px; line-height:30px; padding-top:35px;}
.m2ydTinfo h4{/*font-size: 46px;line-height: 76px;*/font-size: 30px;line-height: 56px;font-weight: 400;display: block; margin:18px 0}
.m2ydTinfo p{ font-size:20px; line-height:34px;}
.aniRounds_v2{padding-top:30px;}
.m2hisSwiper_v2 .m2hisItm_img{ float:right;}
.m2hisSwiper_v2 .m2hisItm_txt{left:auto; right:860px; padding-right:0; max-width:390px;}
.m2hisSwiper_v2 .slick-dots{ left:auto;right:870px; width:380px; text-align:left}
@media (max-width:1799px){
.m2hisc2Txt h4{ font-size: 32px; line-height: 56px; }
.m2hisc2Txt h5{ font-size: 22px; line-height: 42px; margin: 22px 0px 30px; }
.m2hisc2Txt p{ font-size: 17px; line-height: 32px; }
.m2his_c1st{margin-top:45px;}
.m2his_c1bt{font-size:60px; line-height:88px; margin:25px 0px 55px}
.m2hisc2Editor h5{font-size:28px;}
.m2hisItm_txt{left:780px;}
.m2his_pubTxts p{font-size:18px; line-height:32px;}
.m2ydTxt{font-size:18px; line-height:32px;}
.m2hisSwiper .slick-prev,.m2hisSwiper .slick-next{width:80px;}
}
@media (max-width:1199px){
.m2hisItm_img{max-width:500px;}
.m2hisItm_txt{left:545px;}
.m2hisPor ul li{width:33.33%;}
.m2hisSwiper_v2 .m2hisItm_txt{right:520px;}
}
@media (max-width:993px){
.m2hisItm_img{max-width:410px;}
.m2hisItm_txt{left:445px; max-width:300px; padding:0}
.m2hisSwiper .slick-prev, .m2hisSwiper .slick-next{opacity:1; visibility:visible; width:40px;}
.m2hisSwiper .slick-prev:after,.m2hisSwiper .slick-next:after{ transform:translateY(0) scale(0.6)!important;}
.m2hisSwiper_v2 .m2hisItm_txt{right:420px; max-width:300px;}
.m2gsSwiper{width:100%;}
.m2gsSwiper .slick-prev{left:0; opacity:1; visibility:visible}
.m2gsSwiper .slick-next{right:0; opacity:1; visibility:visible}
.m2gsSwiper .slick-prev:after,.m2gsSwiper .slick-next:after{ transform:translateY(0) scale(0.6)!important;}
.m2hisPor ul li{width:50%;}
.mproItemBox{margin-left:auto; margin-right:auto;}
.nextScroll{display:none;}
}
@media (max-width:767px){
.m2ydCon1{padding-top:20px;}
.m2hisc2Txt h4{font-size:24px; height:auto;}
.m2hisc2Txt h5{font-size:20px; margin:12px 0px 10px}
.m2hisc2Txt p{font-size:14px; line-height:28px;}
.m2hisc2Txt{margin-bottom:55px;}
.m2ydMv video{ height:60vh; width:auto; position:relative; left:50%; transform:translateX(-50%);}
.m2ydTxt{padding:45px 15px 65px; font-size:14px; line-height:28px;}
.m2ydTinfo{margin-bottom:45px;}
.m2ydTinfo h5{padding-top:10px;}
.m2ydTinfo h4{font-size:26px; line-height:36px;}
.m2ydTinfo p{font-size:18px;}
.m2hisCon2{padding-top:50px;}
.m2hisItm_img{float:none;}
.m2hisItm_txt{position:static; left:0; right:0; transform:translate(0,0); top:auto; max-width:none; padding:20px 15px 75px}
.m2hisSwiper .slick-prev:after{background-position:left 30%;}
.m2hisSwiper .slick-next:after{background-position:left 70%;}
.m2hisItm_txt strong{font-size:21px; line-height:36px;}
.m2hisItm_txt p{font-size:14px; line-height:28px; margin:12px 0px 30px}
.m2his_pubTxts{padding:40px 15px 50px;}
.m2his_pubTxts h5{font-size:24px; line-height:32px;}
.m2hisPor ul li{width:100%; margin-bottom:20px;}
.m2hisPor ul li .mproItemBox{width:auto;}
.m2hisSwiper_v2 .m2hisItm_txt{max-width:none; padding-top:25px;}
.m2hisSwiper_v2 .m2hisItm_img{float:none;}
.footer_sm .footer_mdr{margin-top:0;}
.m2his_c1bt{font-size:36px; line-height:52px; margin:20px 0px 40px}
.aniRounds span{width:10px; height:10px;}
.aniRounds_v2{padding-top:20px;}
.m2his_imgLyaer strong{font-size:21px;}
.m2hisc2Editor{padding:35px 15px 35px; font-size:14px; line-height:28px;}
.m2hisc2Editor h5{font-size:18px; line-height:34px; margin-top:30px;}
.m2hisc2Editor h6{margin-bottom:30px;}
.m2his_pubTxts p{font-size:14px; line-height:28px;}
.m2hisc2Txt{padding-left:15px; padding-right:15px;}
.m2gsSwiperWpr_noBom{margin-top:70px;}
}


.m3tdItem .hmc1Rimg{ margin-top:95px}
.m2td_txt{ color: #fff; clear: both; margin: 110px auto; font-size: 16px; line-height: 28px; }
.m2tdHis{ padding:0px; max-width:88%; margin:0 auto; }
.m2tdHis h4{ color: #FFF; font-size: 30px; line-height: 46px; font-weight: 400; display:block; text-align:center; margin-bottom:45px;}
.m2tdhisYars{ color:#fff; font-size:14px; line-height:42px;}
.m2tdhis_yitem{text-align:center;}
.m2tdhis_yitem span{cursor:pointer; display:inline-block; position:relative;}
.m2tdhis_yitem span:after{content:""; width:100%; position:absolute; left:0; height:2px; background:#A17E67; bottom:0; opacity:0;}
.m2tdhis_yitem.slick-current span{ color:#A17E67;}
.m2tdhis_yitem.slick-current span:after{ opacity:1;}
.m2tdHisCons{ border: 1px solid #000; background:#212123 }
.m2tdHisCons .slick-prev{ display:none!important;}
.m2tdHisCons .slick-next{ background: url(../img/mroeIcon.svg) no-repeat center center; height: 50px; width: 50px; border-top: 1px solid #000; border-left: 1px solid #000; position: absolute; right: 0px; bottom: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor:pointer }
.m2tdhis_item{ overflow:hidden}
.m2td_hisImg{ float:left;}
.m2td_hisDes{ margin-left:580px; color:#fff; padding:55px 5.31vw; font-size: 16px; line-height: 28px;}
.m2td_hisDes strong{ font-size: 26px; line-height: 42px; font-weight: 400; display: block; margin-bottom: 12px; }
.m2td_cimgTxt{ padding-top:150px; line-height:28px; font-size:16px; color:#fff;}
.m2td_cimgTxt strong{ display: block; margin-top: 100px; font-size: 30px; line-height: 42px; font-weight: 400; margin-bottom:15px;}
.m2td_cimgTxt p{max-width:580px;}
.m2td_cimgTxt_x1 strong{ margin-top:0}
.m2td_cimgTxt2{ color:#fff; font-size:16px; line-height:28px; margin-bottom:120px;}
.m2td_cimgTxt2 ul{margin-bottom:40px;}
.m2td_cimgTxt2 strong{ font-size:30px; line-height:42px; font-weight:400; display:block; margin-bottom:20px;}
@media (max-width:1799px){
.m2td_hisDes strong{font-size:22px;}
.m2td_cimgTxt{padding-top:100px;}
.m2td_cimgTxt strong{margin-top:80px;}
.m2td_cimgTxt_x1 strong{margin-top:0;}
.m2cxList{margin-top:100px;}
.m2td_cimgTxt2{margin-bottom:70px;}
.m3ktItem{margin-top:90px;}
}
@media (max-width:1199px){
.m2td_hisDes{padding:55px 3.31vw; padding-right:0}
}
@media (max-width:993px){
.m2td_hisImg{float:none;}
.m2td_hisDes{margin-left:0; padding-left:0}
}
@media (max-width:767px){
.m3ktItem{margin-top:60px;}
.m2cxList{margin-top:50px;}
.m3tdItem .hmc1Rimg{ margin-top:60px;}
.m2td_txt{margin-top:60px;}
.m2td_txt{font-size:14px; line-height:28px; margin:70px auto}
.m2td_hisDes{padding-top:35px;}
.m2td_hisDes strong{font-size:20px;}
.m2td_hisDes{font-size:14px;}
.m2td_cimgTxt{padding-top:70px;}
.m2td_cimgTxt strong{margin-top:60px; font-size:24px;}
.m2td_cimgTxt2 strong{font-size:24px;}
}


/*.webTop,.sliderMenu,.footer{display:none;}*/
/*2021-01-18 CSS*/
.m2carWpr{}
.m2car_cntBtn{}
.m2car_tpt{}
.m2carBom{}
.m2carBlx{}
.m2carBlx input{}
.m2carBlx button{}
.m2carBrx{}
.m2car_prs{}
.m2car_prs .fl{}
.m2car_prs .fr{}
.m2car_prs1{}
.m2car_prs2 .fr{}
.m2car_prtxt{}
.m2car_NextWpr{}
.m2car_nextBtn{}
.m2car_nextBtn:hover{}
.m2car_ps1{}
.m2car_ps2{}
.m2car_ps3{}
.m2car_ps4{}
.m2car_ps4 a,.m2car_ps4 a:hover{}
.m2car_like{}
.m2car_like.on{}
.m2carList{}
.m2carNumBox{}
.m2carMbox{}
.m2zfPinfo{}
.m2carRbox{}


/*2021-01-26 CSS*/
.m2zfCon{ margin: 0px auto; max-width: 1470px; padding:120px 15px 0; }
.m2zf_pt{ font-size: 24px; line-height: 40px; font-weight: normal; display: block; }
.m2carTable{ margin: 18px 0px 45px; }
.m2carTh{ line-height: 50px; background: #F7F8F9; height: 50px;}
.m2carTh td{ padding: 0px 25px; font-size: 16px; font-weight: bold;  }
.m2carList td{ padding: 32px 25px; border-bottom: 1px solid #ddd; }
.m2carPdx{ overflow: hidden; min-height: 105px; position: relative; padding-left: 172px; padding-right:25px; line-height: 30px; font-size: 15px; }
.m2car_pimg{ position:absolute; left:0; top:0;}
.m2car_pnm{ font-size: 22px; line-height: 36px; margin-bottom: 5px; }
.m2carMtnm{display:none;}
.m2carNumBox input{ line-height: 42px; height: 42px; width: 82px; border: 1px solid #ddd; text-align: center; font-size: 16px; }
.m2carNmTls{ margin-top: 12px;}
.m2car_cunt,.m2car_cunt:hover{ font-size: 16px; color: #f08762; line-height: 32px; }
.m2carMs1{ font-size: 16px; line-height: 32px; }
.m2carMs2{ font-size: 14px; line-height: 32px; }
.m2carRs1{ font-size: 16px; line-height: 32px; }
.m2zfPinfo{margin:20px 0;}
.m2zfPinfo li{ line-height: 46px; overflow: hidden; margin-bottom: 15px; color:# ; font-size: 16px; }
.m2zfPinfo li.on{ color: #f08762; }
.m2zfPnm{ float: left; height: 46px; width: 160px; border: 2px solid #DFDFDF; font-size: 16px; line-height: 42px; text-align: center; position: relative; color: #333; }
.m2zfPinfo li.on .m2zfPnm{ color: #FF8158; border: 2px solid #FF8158; }
.m2zfPinfo li.on .m2zfPnm:after{ content: ""; background: url(../img/m2zf_ar.png) no-repeat; height: 21px; width: 21px; position: absolute; right: 0px; bottom: 0px; }
.m2zfPadr{ line-height: 46px; height: 46px; padding: 0px 30px; float: left; }
.m2zfPnm2{ margin: 0px 10px; float: left; height: 46px; width: 100px; overflow: hidden; }
.m2zf_ndr_t{ line-height: 40px; font-size: 18px; font-weight: bold; }
.m2zfAdr{ padding: 12px 0px 25px; border-bottom: 1px solid #ddd; margin-bottom:30px; }
.m2zfAdr li{ margin-bottom: 14px; position:relative; }
.m2zfAdr li input{ line-height: 58px; padding: 0px 20px; height: 60px; border: 1px solid #EAEAEA; width:100%; max-width: 800px; border-radius: 0.3em; font-size: 15px; color: #666; }
.m2zfAdr li input:focus{ border:1px solid #ccc;}
.m2zfAdr li input#city{ background: url(../img/m2zf_ar2.png) no-repeat right center; }
.m2zf_btn1{ font-size: 16px; line-height: 60px; color: #FFF; text-align: center; display: inline-block; height: 60px; width: 168px; background: #000000; border-radius:0.2em; }
.m2zf_btn1:hover{ color: #FFF; box-shadow:0 5px 8px rgba(0,0,0,0.1); transform:translateY(-3px);}
.m2zffs{ padding: 30px 0px 50px; border-bottom: 1px solid #ddd; margin-bottom:30px; overflow:hidden  }
.m2zffs_a{ float: left; height: 56px; width: 260px; border: 2px solid #DFDFDF; font-size: 20px; line-height: 52px; text-align: center; position: relative; color: #333; margin-right:20px; }
.m2zffs_a.on{ color: #FF8158; border: 2px solid #FF8158; }
.m2zffs_a.on:after{ content: ""; background: url(../img/m2zf_ar.png) no-repeat; height: 21px; width: 21px; position: absolute; right: 0px; bottom: 0px; }
.m2zf_fpBox{ margin-top:26px; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:26px; padding-bottom:35px;}
.m2zf_fp_t{ font-size: 16px; font-weight: bold; float:left; width:120px; padding-right:2px; text-align:right; line-height:46px;}
.m2zf_fpRx{ margin-left:120px;}
.m2fplx_tag{ height:46px; overflow:hidden;}
.m2fplx_tag_a{ float: left; height: 46px; width: 160px; border: 2px solid #DFDFDF; font-size: 16px; line-height: 42px; text-align: center; position: relative; color: #333; margin-right:14px;}
.m2fplx_tag_a.on{color: #FF8158; border: 2px solid #FF8158; }
.m2fplx_tag_a.on:after{ content: ""; background: url(../img/m2zf_ar.png) no-repeat; height: 21px; width: 21px; position: absolute; right: 0px; bottom: 0px; }
.m2fp_sst{ font-size: 18px; line-height: 66px; font-weight: bold; margin-top: 12px; }
.m2fpFm{ padding-top:0; border:none; margin-bottom:0; padding-bottom:0px;}
.m2js_st{ padding-top:32px; border-top:1px solid #ddd;}
.m2jsBox{ padding-bottom:85px; padding-top:26px;}
.m2jsLx{ float: left; font-size: 20px; line-height: 30px; }
.m2jsRx{ float: right; line-height: 60px; color: #f08762; }
.m2jsRx span{ font-size:20px; float:left;}
.m2jsRx strong{ font-size: 32px; font-weight: bold; float: left; margin:0 20px 0px 15px; }
._citys { width: 630px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff; }
._citys span { color: #FF8158; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #FF8158; cursor: pointer; font-size: 16px; line-height: 12px; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #FF8158; padding: 0px 5px; font-size: 14px; font-weight: bold; margin-left: 6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 143px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 14px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #FF8158; }
@media (max-width:1799px){
.m2carPdx{padding-left:160px; font-size:14px;}
.m2car_pnm{font-size:20px;}
.m2carMs1{font-size:15px; line-height:30px;}
.m2zfCon{max-width: 1230px; padding:100px 15px 0; }
.m2zf_pt{font-size:22px;}
.m2zfPinfo li{font-size:15px;}
.m2zffs_a{font-size:18px;}
.m2fp_sst{font-size:16px}
.m2zf_pt{font-size:20px;}
.m2jsLx{font-size:18px;}
.m2jsRx span{font-size:18px;}
.m2jsRx strong{font-size:28px;}
}
@media (max-width:767px){
._citys{width:100%;}
}

.m2perCenterWpr{ margin: 0px auto 70px; max-width: 1470px; padding:120px 15px 0; }
.m2perCenter{ position:relative; overflow:hidden;}
.m2perCenter:after{content:""; width:1px; position:absolute; left:265px; top:0; bottom:0; background:#E5E5E5;}
.m2perCenter .li_myJieLeft{ width:220px; padding-left:0; padding-top:0; border:none}
.m2perCenter .li_myJieLeft li{width:auto;}
.m2perRx{margin-left:312px;}
.m2perProTab table{ border:1px solid #EAEAEA; margin-bottom:26px;}
.m2perProTab .m2carList td{border:none;}
.m2perPth{ background:#F7F8F9; line-height:54px; height:54px; font-size:14px;}
.m2perPth td{padding:0 25px;}
.m2perProTab .m2carList td{ border-bottom:1px solid #EAEAEA!important;}
.m2perProTab .m2carList td:nth-child(1){ width:400px;}
.m2perProTab .m2carList td:nth-child(2){ width:100px;}
.m2perProTab .m2carList td:nth-child(3){ width:170px;}
.m2perProTab .m2carList td:nth-child(4){}
.m2perProTab .m2carList td:nth-child(5){ border-left:1px solid #EAEAEA!important; width:180px;}
.m2per_tnm{ font-size: 24px; font-weight: normal; display: block; line-height: 44px; margin-bottom: 20px; }
.m2perRx_tag{ margin-bottom: 20px; }
.m2perRx_tag a{ font-size: 16px; line-height: 44px; height: 46px; width: 142px; border: 1px solid #EAEAEA; display: inline-block; text-align: center; margin-right: 5px; font-weight: bold; }
.m2perRx_tag a.on{ color: #FFF; background: #222; border: 1px solid #222; }
.m2perCenterWpr .m2zfAdr{padding-top:0;}
.m2perRxFm .m2zfAdr{border:none; margin-bottom:0}
.m2perRxFm2{max-width:500px;}
.m2gcd,.m2gcd:hover{ font-size: 14px; line-height: 44px; color: #FFF; background: #000000; height: 46px; width: 126px; text-align: center; display: inline-block; position: absolute; top: 7px; right: 6px; border-radius:0.2em;}
.m2perCul{ margin: 20px -11px 0px; }
.m2perCul li{ float: left; width: 25%; margin-bottom:35px; padding:0 11px; position:relative; }
.m2perCa{ display: block; border: 1px solid #EAEAEA; border-radius:0 0 0.3em 0.3em; position:relative}
.m2perCa .overflowHide{ height:198px;}
.m2perCbom{padding:22px 20px 24px;}
.m2perCa h4{ font-size: 20px; line-height: 32px; display: block; height: 32px; padding-right:48px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block }
.m2perCdes{ font-size: 14px; line-height: 20px; color: #888888; height: 60px; overflow: hidden; }
.m2perCdes2{ font-size: 14px; line-height: 20px; color: #888888; height: 20px; overflow: hidden; }
.m2perCul i{ background: url(../img/m2zf_lk1a.png) no-repeat; display: inline-block; height: 16px; width: 18px; position: absolute; top: 228px; right: 33px; }
.m2perCul i.on{ background: url(../img/m2zf_lk1.png) no-repeat center center; }
@media (max-width:1799px){
.m2perCenterWpr{ margin: 0px auto 60px; max-width: 1230px; padding:100px 15px 0; }
.m2perCenter .li_myJieLeft{width:200px;}
.m2perCenter:after{left:235px;}
.m2perRx{margin-left:270px;}
.m2per_tnm{font-size:21px;}
.m2perCa .overflowHide{height:160px;}
.m2carList td:first-child{padding-left:25px;}
.m2carList td{padding-left:10px; padding-right:10px;}
.m2carTh td:nth-child(2){padding-left:10px;}
.m2perProTab .m2carList td:nth-child(1){ width:330px;}
.m2perProTab .m2carList td:nth-child(2){width:70px;}
}
@media (max-width:1199px){
.m2perCul li{ width:33.33%;}
.m2perProTab{width:100%; overflow-x:auto;}
.m2perProTab table{width:1000px;}
}
@media (max-width:993px){
.m2perCenter .li_myJieLeft{width:100%; float:none; padding:0 8%;}
.m2perRx{margin-left:8%; margin-right:8%; margin-top:35px;}
.m2perCenter:after{display:none;}
}
@media (max-width:767px){
.m2carTable{width:100%; overflow-x:auto;}
.m2carTable table{width:800px;}
.m2zfPnm{width:100%;}
.m2zfPadr{width:100%!important; padding:15px; line-height:24px; height:auto; padding-bottom:5px;}
.m2zffs_a{width:135px;}
.m2zf_fp_t{width:100%; float:none; text-align:left}
.m2zf_fpRx{ margin-left:0;}
.m2perCenter .li_myJieLeft{padding-left:0; padding-right:0;}
.m2perRx{margin-left:0; margin-right:0;}
.m2perRx_tag a{width:auto; padding:0 15px; font-size:14px;}
.m2perCul li{width:100%; margin-bottom:15px;}
}


.topCarTable{ margin-top:5px; height:calc(100vh - 350px); margin-bottom:50px; overflow-y:auto}
.topCarTable table{}
.topCarTable table td{ padding:10px;}
.topCarTable table tr td:first-child{padding-left:0;}
.topCarTable table tr td:last-child{padding-right:0;}
.topcar_simg{ width:110px; height:auto;}
.topcar_simg img{}
.topcar_infos{ font-size:13px; line-height:22px;}
.topcar_infos strong{ font-size:17px; display:block; margin-bottom:3px}
.top_rices{ font-size:14px;}
.topCar_prices{ line-height:58px; height:60px; border-top:2px solid #5E5E60}
.topCar_prices .fl{ font-size:16px;}
.topCar_prices .fr{ font-size:21px; font-weight:bold;}
.topCar_go{ line-height:58px; text-align:center; height:58px; font-size:16px; font-weight:bold; background:#212123; display:block; color:#fff;}
.topCar_go:hover{ color:#fff;}
.icountCon{ position:absolute; left:0; right:0; bottom:0; top:60px; z-index:1; background:#fff;}
.icountLx{ position: absolute; left: 0; top: 0; bottom: 0; width: 635px; padding: 35px 7.29vw 0px 4.68vw; z-index:1 }
.icreset{ line-height: 30px; display: inline-block; margin-bottom: 1.82vw; }
.icountLx h5{ font-size: 36px; line-height: 52px; font-weight: 100; display: block; }
.icountLx p{ font-size: 14px; line-height: 26px; margin: 20px 0px 30px; }
.icountLx h6{ font-size: 20px; line-height: 36px; font-weight: 100; display: block; }
.icountLx h4{ font-size: 50px; line-height: 68px; font-weight: 100; display: block; margin: 30px 0px 10px; }
.icountLx span{ font-size: 12px; line-height: 24px; color: #666; display: block; margin-bottom: 15px; }
.icount_car{ font-size: 16px; line-height: 50px; text-align: center; display: block; height: 50px; width: 180px; color: #FFF; background: #FF8058; }
.icount_car:hover{ color: #FFF; background: #FF6937; }
.icountImg{ position:absolute; right:0; top:0; bottom:0; left:635px; box-shadow:0 0 20px rgba(0,0,0,0.1); z-index:2}
@media (max-width:1799px){
.icountLx h5{font-size:32px;}
.icountLx h4{font-size:46px;}
}
@media (max-width:993px){
.icountLx{ width: 405px;}
.icountImg{ left:405px; }
}
@media (max-width:767px){
.topcar_simg{ width:100px;}
.icountImg{display:none;}
.icountLx{ width: 100%}
.icountLx h5{font-size:24px; line-height:32px;}
.icountLx h4{font-size:30px; line-height:46px; margin-top:15px;}
.icountLx p{margin:15px 0px 20px;}
}

.m_top{margin-top:5.2vw!important; padding-top:0!important; margin-bottom:0!important;}
.m_bottom{margin-bottom:5.2vw!important; padding-top:0!important;}
.n_margin{margin-top:0!important; margin-bottom:0!important;}
.hmBanner + .m_top{margin-top:0!important;}
@media (max-width:993px){
.m_top{margin-top:70px!important;}
.m_bottom{margin-bottom:70px!important;}
.n_margin{margin-top:0!important; margin-bottom:0!important;}
}

@media (max-width:767px){
.m_top{margin-top:60px!important;}
.m_bottom{margin-bottom:60px!important;}
.n_margin{margin-top:0!important; margin-bottom:0!important;}
}


/*2021-03-09 招聘css*/
.jobBody .m2xsCon1 strong{max-width:240px;}
.m2job_con1{}
.m2job_t{ text-align:center; font-size:32px; letter-spacing:1px; margin-bottom:55px; line-height:42px;}
.m2job_con1 .li_qieUl{ margin:0}
.m2job_txt{ padding-bottom:35px; border-bottom:1px solid #f1f1f1;}
.m2job_go,.m2job_go:hover{ display:block; text-align:center; background:#212123; width:160px; height:45px; font-size:16px; margin:40px auto 0; color:#fff; line-height:45px;}
.m2job_con2{ padding-bottom:15px;}
.m2job_con2 li{ margin-bottom:100px;}
.m2job_con2 li h4{ font-size:32px; letter-spacing:1px; font-weight:100; display:block; line-height:42px;}
.m2job_c2txt{ padding: 20px 0px 40px; font-size: 15px; line-height: 28px; max-width:660px; }
.m2job_c2txt .m2job_go{ display:inline-block;}
@media (max-width:1799px){
.m2job_t{ font-size:26px; margin-bottom:35px; line-height:40px;}
.m2job_go,.m2job_go:hover{ margin:30px auto 0; }
.m2job_con1 .li_qieUl{padding-bottom:100px;}
.m2job_con2 li{ margin-bottom:70px;}
.m2job_con2 li h4{ font-size:26px; line-height:40px;}
}
@media (max-width:767px){
.m2job_t{margin-bottom:25px; font-size:22px;}
.m2job_go, .m2job_go:hover{margin-top:20px;}
.m2job_con1 .li_qieUl{padding-bottom:70px;}
.m2job_con2 li h4{ font-size:22px; line-height:36px;}
.m2job_con2 li{ margin-bottom:50px;}
.m2job_c2txt{ font-size: 14px; padding-bottom:15px;}
}


/*2021-03-09 CSS*/
.m2shWpr .m2dsCon3:last-child{margin-bottom:0!important;}
.layui-form-select .layui-input {border: 1px solid #f1f1f1;padding: 16px 30px 16px 15px;height: 53px;}
.layui-form-select dl{top:52px;}
.layui-form-select dl dd.layui-this{background:#222;}
.li_selectBox label.li_inputLabel{display:none;}
#city_select .layui-input-inline:nth-child(1){margin-right:15px;}
#city .layui-input-inline:nth-child(1){margin-right:15px;}
#city .layui-input-inline:nth-child(2){margin-right:15px;}
.blackLineBg .m2xsCon1:first-child{margin-top:0!important;}
.blackLineBg .m_top:first-child{margin-top:0!important;}
#city .layui-input-inline{margin-right:15px;}



/*2021-03-15 CSS*/
.footer_mt1 a{display:inline-block; height:24px; position:relative;}
.footer_mt1 a img{height:24px; width:auto;}
.footer_wxImg img{width:100%!important; height:auto!important;}
.footer_wxImg{ width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; bottom:40px; opacity:0; transition:all 0.5s ease-in-out; transform:translateY(-15px); visibility:hidden}
.footer_wxImg:after{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; left:50%; margin-left:-3px; bottom:-6px;}
.footer_wxImg img{border-radius:0.5em;}
.footer_mt1 a:hover .footer_wxImg{opacity:1; visibility:visible; transform:translateY(0);}
.topBlackShapeBg + .blackLineBg .m2qsCon1 .m2qsc1Txt{margin-top:0;}
.m2hisBom_item{padding-top:1px; padding-bottom:1px;}
.li_anquBoxText ul li{ vertical-align:top;}
.m2hisBom_item .m2gsSwiperWpr{padding-top:50px!important;}


/*2021-03-17 CSS 左右布局组件*/
.m2pubLeftRight{color:#fff; float:none!important; overflow:hidden}
.m2pubLeftRight.colorBlack{ color:#222;}
.m2pubLeftRight .txtBox-wp{ float:right; width:calc(100% - 673px); padding:0 120px; }
.m2pubLeftRight .picBox-wp{ float:left; width:673px; }
.m2pubLeftRight .m2rhIfmBox{min-height:280px;}
.m2pubLeftRight .m2rhIfmBox iframe{ width:100%; height:380px; border:0; display:block}
.m2pubLeftRight .m2rhRtxt{ max-width:700px;}
.m2pubLeftRight .m2rhRtxt strong{ font-size: 30px; line-height: 46px; display: block; margin-bottom: 18px; }
.m2pubLeftRight .m2rhRtxt p{ font-size: 16px; line-height: 28px; }
.m2pubLeftRight .m2gs_cx{ font-size: 14px; line-height: 26px; color: #a17e67; margin-top:20px;}
.m2pubLeftRight .txtBox,.m2pubLeftRight .picBox{width:100%;}
.m2pubLeftRight.right .txtBox-wp{float:left;}
.m2pubLeftRight.right .picBox-wp{float:right;}
.m2pubLeftRight.right .m2rhRtxt{ margin-left:auto; margin-right:0;}
.m2pubLeftRight video{width:100%; height:auto;}
@media (max-width:1799px){
.m2pubLeftRight .picBox-wp{width:50%;}
.m2pubLeftRight .txtBox-wp{width:50%; padding:0 70px;}
}
@media (max-width:1199px){
.m2pubLeftRight .txtBox-wp{ padding:0 25px;}
}
@media (max-width:767px){
.m2pubLeftRight .picBox-wp{width:100%;}
.m2pubLeftRight .txtBox-wp{width:100%; padding:28px 15px 0}
.m2pubLeftRight .m2rhRtxt strong{font-size:22px; margin-bottom:5px;}
.m2pubLeftRight .m2rhRtxt p{font-size:14px;}
.m2pubLeftRight .m2rhIfmBox iframe{height:298px;}
.m2pubLeftRight .txtBox-wp{ padding:25px 15px 35px; text-align:left!important;}
.m2pubLeftRight .m2rhIfmBox{min-height:100px;}
}

.hmCon4{clear:both;}
.li_yangCen.left,.li_yangCen.right{overflow:hidden; padding-bottom:0!important; float:none}
.right .li_yangCenLeft{float:right; padding-bottom:0!important;}
.right .li_yangCenRight{ float:right; padding-left:0; padding-right:6%;}
.m2pub_cfbtnWpr{padding-top:35px;}
.m2pub_cfbtn {background: #a17e67;font-size: 14px;letter-spacing: 1px;color: #FFF;padding: 13px 40px;cursor: pointer;transition: all 0.3s ease-in-out; display:inline-block;}
.m2pub_cfbtn:hover {transform: translateY(-3px);box-shadow: 0 3px 6px rgba(0,0,0,0.1);background: #8B6B56; color:#fff;}
.icrLayer2 i{font-style:normal!important;}
.tech_detail{position:relative; top:-90px; height:0; display:block;}
@media (max-width:1799px){
.li_yangCen.left,.li_yangCen.right{padding-top:50px!important;}
}
@media (max-width:993px){
.left .li_yangCenRight,.right .li_yangCenRight{padding-top:0;}
.left .li_yangCenRight h2,.right .li_yangCenRight h2{padding-top:20px;}
.right .li_yangCenRight p{padding-left:6%;}
}
@media (max-width:767px){
.right .li_yangCenRight p{padding-left:15px;}
}

/*2021-03-20 CSS*/
.m2ckBox{ display:block; width:62px;}
.m2ckBox input{position:relative; top:1px; margin-right:2px;}
.m2car_numWprs *{vertical-align:middle;}
.m2car_numWprs a:first-child{ display: inline-block; height: 26px; width: 26px; margin-right: 6px; position:relative; }
.m2car_numWprs a:last-child{ display: inline-block; height: 26px; width: 26px; margin-left: 6px; position:relative; }
.m2car_numWprs a:last-child:after{content:""; width:2px; height:14px; position:absolute; left:50%; top:50%; margin-top:-7px; margin-left:-1px; background:#656565;}
.m2car_numWprs a:last-child:before{content:""; width:14px; height:2px; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-7px; background:#656565;}
.m2car_numWprs a:first-child:before{content:""; width:14px; height:2px; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-7px; background:#656565;}
.m2zfPtel{ float: left; min-width: 135px; padding-right:10px;}
.m2zfFun a,.m2zfFun a:hover{ color: #009ee2; }
.m2zfFun{float:left; color: #009ee2; }
.m2carRt{ font-size: 16px; color: #888888; line-height: 58px; padding-left: 22px; }
@media (max-width:993px){
.m2carTable table{width:1000px}
.m2zfPinfo{overflow:auto;}
.m2zfPinfo li{width:1000px;}
}
@media (max-width:767px){
.m2zfPinfo li{width:100%;}
.m2zf_btn1{height:52px; line-height:52px;}
.m2zfAdr li input{line-height:50px; height:52px;}
}

.common_color_w{color:#fff;}
.common_table{}
.common_table td{ font-size: 16px; line-height: 28px; padding: 0px 25px; border-left:1px solid #646567; border-right:1px solid #646567;}
.common_table tr:first-child td{ font-size:24px; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #646567; border-top:1px solid #646567}
.common_table tr:nth-child(2) td{padding-top:25px;}
.common_table tr:last-child td{padding-bottom:25px; border-bottom:1px solid #646567;}
.common_txtImg_w{margin-left:6%; margin-right:6%; padding-bottom:30px;}
.common_txtImg_w_t{ font-size: 30px; line-height: 50px; text-align: center; }
.common_txtImg_slick{ margin: 38px -10px 0px; }
.common_txtimg_item{ padding: 0px 10px; }
.common_txtimg_item img{width:100%; height:auto;}
.common_txtimg_item strong{ font-size: 24px; line-height: 44px; margin: 16px 0px 14px; height: 44px; overflow: hidden; display:block; }
.common_txtimg_item p{ font-size: 16px; line-height: 28px; }




/*2021-03-20  CSS*/
.m2proBfunWpr_w .m2proBfun{ border-top:1px solid #F1F1F1;}
.m2serCon .m2pub_loadMore a{background:#222; color:#fff;}
.m2car_proDel,.m2car_proDel:hover{ font-size: 16px; color: #009ee2; }
.m2serCon{ padding-top: 115px; }
.m2ser_num{ font-size: 30px; font-weight: 100; line-height: 42px; }
.m2ser_tag{ margin: 38px 0px 48px; }
.m2ser_tag a{ font-size: 14px; line-height: 46px; display: inline-block; padding: 0px 48px; height: 49px; margin-right: 20px; border-top: 1px solid #DEE2E6; border-right: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; border-left: 1px solid #DEE2E6; }
.m2ser_tag a.on{ color: #A17E67; border-bottom: 2px solid #A17E67; }
.m2ser_des{ font-size: 16px; line-height: 28px;}
.m2serChangeBox  .m2proulWpr{border-top:none;}
.m2serChangeBox{ display:none;}
.m2serChangeBox.on{ display:block;}
.m2serTxts{ padding: 30px 0px 25px; }
.m2serTxts li{ margin-bottom: 36px; }
.m2serTxts li p{ font-size: 14px; line-height: 28px; color:#222; }
.m2serTxts li p a{ display:inline-block; margin-top:14px; color:#A17E67;}
.m2serTxts li p a:hover{ color:#745948; text-decoration:underline;}
.m2serTxts li p:nth-child(2){color:#666;}

.m2dbCon{ padding-top:120px; padding-bottom:100px;}
.m2db_back{ font-size: 12px; line-height: 20px; }
.m2db_st{ font-size: 30px; font-weight: 100; line-height: 48px; margin: 20px 0px 0px; }
.m2db_clr{ line-height:58px; height:58px; text-align:right;}
.m2db_clr a,.m2db_clr a:hover{ color:#a17e67;}
.m2dbTableWpr{display: flex;flex-wrap: wrap; overflow-x:auto;}
.m2dbTableWpr td{ font-size: 15px; line-height: 28px; border-top: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; padding: 14px 15px; width:300px; }
.m2dbTableWpr tr:first-child td{ padding-top:35px; padding-bottom:42px;}
.m2dbTableWpr tr td:first-child{ width:160px; display:block;}
.m2dbBomBtnWpr{ display: block; height: 0px; line-height: 0px; text-align: center; font-size: 14px; color: #FFF; overflow:hidden; transition:all 0.5s ease-out; }
.mproItemBox:hover .m2dbBomBtnWpr{height:58px; line-height:58px;}
.m2dbBomBtnWpr a:first-child,.m2dbBomBtnWpr a:first-child:hover{ content: ""; line-height: 56px; float: left; width: 50%; text-align: center; background: #fff; border-bottom: 1px solid #DEE2E6; border-left: 1px solid #DEE2E6; height:58px; }
.m2dbBomBtnWpr a:last-child,.m2dbBomBtnWpr a:last-child:hover{ content: ""; line-height: 56px; color: #FFF; background: #FF8058; float: left; width: 50%; text-align: center; border-right: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; height:58px; }
.m2dbBomBtnWpr_full a:last-child,.m2dbBomBtnWpr_full a:last-child{ width:100%!important;}
.m2dbBomBtnWpr a:last-child:hover{ background:#FF6332;}
.m2dbTableWpr tr td:first-child{border-right: 1px solid #DEE2E6; border-bottom:none; transform:translateY(-1px)}
.m2dbTableWpr tr td{border-bottom:none; transform:translateY(-1px)}
.m2dbTableWpr tr{display:flex;}


/*2021-03-22 CSS*/
.m2proMain .m2proulWpr{margin-top:70px;}
.li_createSp label span{display:none;}
.li_createSp .layui-form-checkbox i{ border:1px solid #d2d2d2!important; width:26px; height:26px; line-height:24px; font-size:16px;}
.li_createSp .layui-form-checkbox{position:absolute; left:-2px;}
.li_createSp label{padding-left:40px;}
.layui-form-checked i, .layui-form-checked:hover i{color:#a17e67;}
.li_ckLabel a{ color:#a17e67; text-decoration:underline}
.indexBody .m3ktItem{margin-top:0;}
.indexBody .m_top{margin-top:0!important; padding-top:5.2vw!important; margin-bottom:0!important;}
.hmCon8{margin-top:0;}
.indexBody .hmBanner .topBlackShape{display:none;}
.hmCon3{height:868px; padding-top:100px;}
.car_bomTxt {font-size: 12px;line-height: 24px;color: #666;display: block;margin-bottom: 15px;}
.li_swqiper_wg .slick-list{width:100%;}
.li_swqiper_bs .slick-list{width:100%;}
.li_swiper_showPro .slick-list{width:100%;}


/*2021-03-24 CSS*/
.m2news_nul li{float:left;}
.m3news_swiper .slick-list{width:100%;}
.m3nBomul{padding-bottom:5vw;}
.m3nBomul li{padding:0 15px;}


/* 字体颜色 */
.colorWhite,.colorWhite a{ color:#fff!important; border-color:#fff!important;}


/*2021-03-25 CSS*/
.top_like,.top_car{position:relative;}
.top_like span{ background:#000; color:#fff; font-size:12px; height:16px; text-align:center; min-width:16px; padding:0 4px; position:absolute; right:-3px; bottom:3px; border-radius:50%;}
.top_car span{ background:#9C7F6A; color:#fff; font-size:12px; height:16px; text-align:center; min-width:16px; padding:0 4px; position:absolute; right:-3px; bottom:3px; border-radius:50%;}
.topBlack .top_car span{ background:#000;}
.li_leftText .li_xqTt3 .a1.on{ background: url(../img/top_like_black.svg) no-repeat center left; background-size:100%  auto;}
.m2car_tip{ font-size: 14px; line-height: 28px; padding: 10px 22px 10px 24px; color: #9AC467; background: #F4F9EE; white-space: nowrap; display: inline-block; position: fixed; z-index: 60; top: 86px; right: 32px; }
.m2car_tip a,.m2car_tip a:hover{ color:#9C7F6A;}
/*.m2car_tip{ font-size: 14px; line-height: 28px; padding: 10px 22px 10px 24px; color: #222; background: #07C160; white-space: nowrap; display: inline-block; position: fixed; z-index: 60; top: 86px; right: 32px; }
.m2car_tip a,.m2car_tip a:hover{ color:#fff;}*/
.m2car_tip span{font-size:16px; display:inline-block; margin-right:5px;}


/*20210326 CSS*/
.hmSoundBtn{ width:52px; height:52px; display:block; position:absolute; left:30px; bottom:30px; z-index:3; background:url(../img/video_sbtn2.svg); background-size:52px auto;}
.hmSoundBtn.on{ background:url(../img/video_sbtn1.svg); }
.topcar_infos p a{color:#222;}
.m2zffs_imga{ display: inline-block; padding: 12px 50px; border: 2px solid #DFDFDF; margin-right: 12px; position:relative; }
.m2zffs_imga img{height:50px; width:auto;}
.m2zffs_imga:hover,.m2zffs_imga.on{ border:2px solid #f08762;}
.m2zffs_imga.on:after{content:"";background: url(../img/m2zf_ar.png) no-repeat;height: 21px;width: 21px;position: absolute;right: 0px;bottom: 0px;}
.m2ckBox{ display: block; position: relative; font-size: 16px; font-weight:bold; white-space:nowrap; line-height: 26px; padding-left: 32px; cursor:pointer }
.m2ckBox input{ opacity:0; position:absolute; left:0; top:0;}
.m2ckBox span{ display: block; height: 20px; width: 20px; position: absolute; left: 0px; top: 3px; border: 1px solid #000; }
.m2ckBox span:after{ content: "L"; position: absolute; left: 4px; top: -5px; font-size: 18px; color: #795E4A; transform: scaleX(-1) rotate(-35deg); opacity: 0; font-weight: bold; }
.m2ckBox input:checked + span:after{ opacity:1;}
.m2zf_fpRx{margin-left:0;}
.m2fp_tip{ font-size: 14px; line-height: 26px; color: #f08762; margin-top: 16px; }
.m2jsBox{ padding: 20px 42px; background: #F7F8F9; margin-top:15px; margin-bottom:80px; min-height:135px;}
.m2jsLx strong{ font-size: 24px; color: #f08762; font-weight: bold; }
.m2jsRx{margin-top:15px;}
.m2paySus{ padding-bottom:110px;}
.m2paysTop{ padding: 33px 50px 24px 245px; background: #F7F8F9; position:relative; min-height:150px; }
.m2pay_stip{ display: inline-block; position: absolute; left: 100px; top: 50%; transform:translateY(-50%);}
.m2paysTop strong{ font-size: 24px; font-weight: normal; line-height: 38px; display: block; }
.m2paysTop h6{ font-size: 16px; color: #333333; line-height: 32px; margin-top: 12px; }
.m2paysTop h5{ font-size: 16px; line-height: 28px; color: #f08762; }
.m2paysTop h4{ font-size: 20px; line-height: 42px; margin-top: 2px; display: block; }
.m2paysTop h4 i{ font-size: 24px; font-style: normal; font-weight: bold; color: #f08b68; }
.m2paysBottom{ text-align: center; padding: 20px 20px 25px; border: 2px solid #DFDFDF; margin-top:50px; }
.m2paySus{max-width:900px; margin-left:auto; margin-right:auto;}
.m2pay_sicon img{ max-height:80px; width:auto; max-width:200px; height:auto}
.m2pay_wximg{ margin:20px auto 25px;}
.m2pay_sys{ font-size: 16px; line-height: 32px; }
.m2pay_sys span{ display: inline-block; background: url(../img/0324_wx_i.png) no-repeat left center; padding-left: 52px; }
.m2pay_oher{ margin-top: 20px; font-size: 16px; line-height: 38px; }
.m2pay_oher span{}
.m2proBfun{z-index:30;}
@media (max-width:993px){
.m2paySus{max-width:100%; width:100%;}
.m2zfCon .container{width:100%;}
}
@media (max-width:767px){
.m2paysTop{ padding: 40px 15px 28px 15px; position:static; }
.m2pay_stip{position:static; display:block; text-align:center; transform:translateY(0)}
.m2pay_stip img{max-height:40px; width:auto; margin-bottom:10px;}
.m2paysTop strong{font-size:21px;}
.m2paysTop h6{font-size:15px; margin-top:0px;}
.m2paysTop h5{font-size:15px;}
.m2paysTop h4{font-size:18px;}
.m2paysTop h4 i{font-size:22px;}
.m2pay_wximg img{width:150px; height:auto;}
.m2pay_sys{font-size:15px; line-height:30px;}
.m2pay_oher{font-size:14px; line-height:28px;}
.m2paySus{padding-bottom:60px;}
.m2paysBottom{margin-top:20px;}
.m3nBomul li{padding:0px;}
}


/*2021-03-27 CSS*/
@media (max-width:767px){
.m2proNav{height:178px; width:100%; overflow-x:auto}
.m2proNavWpr{height:240px;}
.m2proNav_ul{width:670px;}
.m2proNav_a .overflowHide{height:80px;}
.m2proNav_a p{height:40px;}
.m2proNav_ul li{padding-right:10px; width:16.666%;}
.m2proNav_img{height:91px;}
.m2proNavWpr_s .m2proNav{height:80px;}
.hmc1Img{max-width:none;}
.hmc1Rx{max-width:none;}
/*.m3proTopBtns{ display:none;}*/
.m3proTop_tools{display:none;}
.m3proTools{height:auto;}
.m3proTls_ul{width:100%;}
.m3proTls_ul2{width:100%; border-top:1px solid #DEE2E6;}
.m3proTls_ul2 li:nth-child(1){padding-left:15px;}
.m3proTls_ul2 li:nth-child(2){float:right;}
.hmc6img video{max-width:100%; height:auto;}
.li_anquBox .slick-list{width:100%;}
.right .li_yangCenRight{padding-left:15px; padding-right:15px;}
.right .li_yangCenRight p{padding-left:0;}
.footer_ul{display: flex; justify-content: space-between;  flex-wrap:wrap;}
.li_ssCen{height:auto;}
.li_ssPrWpr{min-height:600px;}
}


/*0330店铺搜索 CSS*/
.li_ssPrWpr{ max-height:calc(90vh - 150px); overflow-y:auto; padding-right:15px;}
.m2serRlt{ margin-top:15px;}
.m2serRlt li{ padding: 20px 0px 20px 32px; border-bottom: 1px solid #222; }
.m2serRlt li strong{ font-size: 22px; line-height: 36px; display: block; position:relative; margin-bottom:5px; }
.m2serRlt li strong:before{ content: ""; background: url(../img/ser_mi.png) no-repeat center center; height: 23px; width: 19px; position: absolute; left: -30px; top: 5px; }
.m2serRlt li p{ font-size: 16px; line-height: 30px; color: #666666; }
.m2serRlt li:last-child{border:none;}
@media (max-width:1799px){
.m2serRlt li strong{ font-size: 19px; line-height: 30px;}
.m2serRlt li p{font-size:14px; line-height:28px;}
.li_searchForm #city .layui-input-inline{margin-right:0; width:50%;}
.li_searchForm #city .layui-input-inline:nth-child(1){margin-right:8px; width:calc(50% - 8px)}
}
@media (max-height:720px){
.li_ssPrWpr{ max-height:calc(90vh - 90px); }
}

/*2021-04-01 CSS*/
.m3proShare{ display:inline-block; position:relative; float:left}
.m3proSbx{position: absolute;padding-top: 15px;top: 100%;left: 50%;transform: translateX(-50%); opacity: 0;visibility: hidden;transition: all 0.5s ease-in-out; white-space:nowrap; width:150px; text-align:center;}
.m3proShare:hover .m3proSbx{opacity:1; visibility:visible;}
.m3pro_sa1{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #EBEBEB url(../img/share-1.png) no-repeat center center; margin: 0px 4px; background-size:20px auto;}
.m3pro_sa2{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #EBEBEB url(../img/share-2.png) no-repeat center center; margin: 0px 4px; background-size:20px auto;}
.m3pro_sa3{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #EBEBEB url(../img/share-3.png) no-repeat center center; margin: 0px 4px; background-size:20px auto;}
.m3pro_sa1:hover{ background-color:#5BC189;}
.m3pro_sa2:hover{ background-color:#F77674;}
.m3pro_sa3:hover{ background-color:#5DB9DD;}

.colorBlack { color:#222;}
.colorBlack a,.colorBlack a:hover{ color:#222;}
.colorBlack .hmc1Rx{ color:#222;}
.colorBlack .hmc1Rx .hmc1Rma{ background:#212123; color:#fff; border:1px solid #212123;}
.colorBlack .hmc1Rx .hmc1Rma:hover{background:#000000; color:#fff;}

.irs-line{background:#a17e67; border-radius:1.8em;}

.m2his_imgBox{transition:none;}

.irs-from, .irs-to, .irs-single,.irs-min, .irs-max{font-size:12px;}
.irs-hidden-input{ opacity:0!important;}
.m2proLayer{padding-bottom:50px;}
.m2proLayerBtns{ position:fixed; bottom:0}
.li_xqTts4 .li_xqTts4_1 .spDivpa{height:auto; padding-bottom:20px; text-align:center}
.li_xqTts4 .li_xqTts4_1 .p1 strong{font-weight:bold;}


/*2021-04-07 CSS*/
.proAniBtns{ font-size:16px; line-height:28px; margin-top:25px; cursor:pointer; display:inline-block}
.proAnistart{ display:none;}
.proAniBtns.off .proAnistop{ display:none;}
.proAniBtns.off .proAnistart{ display:inline-block;}
.proLxTxt.active{ z-index:2!important;}
.proBoxRelative{position:relative!important}
.m3proTls_db:hover span,.m3proTls_cnt:hover span,.m3proTls_3d:hover span{ opacity:1}
.m3proTls_db span,.m3proTls_cnt span,.m3proTls_3d span{display:inline-block; white-space:nowrap; font-size:13px; line-height:26px; height:28px; padding:0 18px; color:#fff; border-radius:0.4em; box-shadow:0 2px 4px rgba(0,0,0,0.1); background:#A17E67; position:absolute; left:50%; top:53px; transform:translateX(-50%); transition:all 0.3s ease-in-out; opacity:0}
.m3proTls_db span:after,.m3proTls_cnt span:after,.m3proTls_3d span:after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #A17E67; position:absolute; left:50%; top:-5px; margin-left:-5px;}
@media (max-width:767px){
.proAniBtns{ margin-top:15px;}
}

.li_qieUl.li_muLu.li_bdTop.m3proSlider{position:relative; z-index:3;}

/*2021-04-14 CSS*/
@media (max-width:767px){
.li_anquBoxText{display:block!important; transition:all 0.5s ease-in-out; height:0; overflow:hidden;}
.li_anquBoxText.toggle{height:238px;}
.li_anquBox .slick-dots{bottom:0;}
.li_anquBox .slick-dots li button{display:none;}
.li_anquBox .slick-dots li { background: #F1F1F1; float:none; display: inline-block; height: 2px; width: 14px; margin: 0px 2px; vertical-align:middle}
.li_anquBox .slick-dots li.slick-active{ background: #222;width: 24px; }
.li_anquBoxText .slick-dots{bottom:0;}
.li_anquBoxText .slick-dots li button{display:none;}
.li_anquBoxText .slick-dots li { background: #F1F1F1; float:none; display: inline-block; height: 2px; width: 14px; margin: 0px 2px; vertical-align:middle}
.li_anquBoxText .slick-dots li.slick-active{ background: #222;width: 24px; }
.li_anquBoxText li .li_imgText{margin-left:auto; margin-right:auto; width:100%; max-width:none; transform:translateY(-25px)}
.li_imgText img{display:inline-block;}
.m3proc1Txt{padding-top:20px;}
.proBoxImgTxt{ top:60%;}
.li_qieUl.li_muLu.li_bdTop.m3proSlider{margin-top:-100px;}
}


/*2021-04-16  CSS*/
.m404Con{ background:#212123 url(../img/404.svg) no-repeat center center; background-size:cover; min-height:80vh; color:#fff; }
.m404txt{ width:100%; position:absolute; left:15px; right:15px; top:50%; transform:translateY(-50%); text-align:center; padding-bottom:120px;}
.m404txt h4{ font-size: 66px; line-height: 80px; font-weight: 100; display:block}
.m404txt p{ font-size: 16px; line-height: 28px; margin: 25px 0px 35px; }
.m404txt a,.m404txt a:hover{ text-align: center; display: inline-block; height: 46px; width: 188px; color: #222; background: #FFF; font-size: 14px; line-height: 46px; }
@media (max-width:1799px){
.m404txt h4{ font-size: 56px; line-height: 70px; font-weight: 100; display:block}
}
@media (max-width:767px){
.m404txt h4{ font-size: 42px; line-height: 50px; font-weight: 100; display:block}
.m404txt p{ font-size: 15px; line-height: 26px; margin: 25px 0px 35px; }
}


/*2021-04-20 CSS*/
.mproTags{ position:absolute; right:12px; top:12px;}
.mproTag{ width:60px; height:60px; background-size:cover; background-position:center center; background-repeat:no-repeat; color:#fff; text-align:center; font-size:12px; line-height:16px; padding-top:14px; margin-left:8px; float:left; padding:17px 10px 0; white-space:normal;}
.mproTag_ss{ font-size:16px; padding-top:21px;}
.mproTag1{ background-image:url(../img/607fa29586ba7.png);line-height: 16px;padding: 17px 10px;}
.mproTag2{ background-image:url(../img/pro_tag3.png);}
.mproTag3{ background-image:url(../img/pro_tag2.png); font-size:16px; padding-top:21px;}
.topCarTable{margin-bottom:15px;}
.topCar_tip{font-size:14px; line-height:22px; margin-bottom:10px; text-indent:-12px; padding-left:14px;}
.li_divText p:last-child{ font-size:14px; line-height:22px; margin-top:5px; text-indent:-10px; padding-left:14px;}
.m2zf_pt strong{ font-weight:normal}
.m2zf_pt span{ font-size: 16px; color: #888888; background: url(../img/0420_i.png) no-repeat left 13px; display: inline-block; padding-left: 26px; margin-left: 15px; }
.m2carRt{ line-height:70px; height:70px; background:#F7F8F9; padding-right:25px;}
.m2carRt .fr{ font-size:20px; color:#333;}
.m2carRt .fr strong{ font-size:32px; font-weight:bold;}
.m2zfPinfo li.on{font-weight:bold; color:#222;}
.m2zfPinfo li.on *{font-weight:bold;}
.m2zfPinfo li.on .m2zfPnm,.m2fplx_tag_a.on{ border:2px solid #222; color:#222;}
.m2zffs_imga:hover, .m2zffs_imga.on{ border:2px solid #222;}
.m2car_cunt, .m2car_cunt:hover{color:#666;}
.m2zf_fp_t .cor_red{color:#666;}
.m2jsLx strong{font-weight:bold; color:#222}
.m2jsRx{color:#222;}
.m2zf_btn2{ font-size: 16px; line-height: 56px; color: #222; text-align: center; display: inline-block; height: 60px; width: 164px; border-radius: 0.2em; margin-left: 12px; border: 2px solid #7B7C7C; }
.m2zf_btn2:hover{ transform:translateY(-3px);}
@media (max-width:1799px){
.topCar_tip{font-size:13px;}
}
@media (max-width:993px){
.m2zf_pt span{display:block;}
.m2zffs_imga{padding:12px 30px;}
.m2jsLx{width:100%; float:none;}
.m2jsRx{width:100%; float:none;}
}
@media (max-width:767px){
.m2zfCon{padding-top:82px;}
.m2zf_pt span{font-size:12px; line-height:20px; background: url(../img/0420_i.png) no-repeat left 2px; margin-left:0}
.m2carTh td{padding:0 10px;}
.m2carRt {width:1000px;}
.m2zffs_imga{padding:5px 10px; margin-right:2px;}
.m2zffs_imga img{height:26px; width:auto;}
.m2jsBox{padding:20px 15px;}
.m2zf_btn1{width:115px;}
.m2zf_btn2{width:111px; height:52px; line-height:48px;}
.m2jsLx{font-size:16px;}
.m2jsLx strong{font-size:20px;}
.li_qieUl ul li h1 + .li_qieBox h2{margin-top:0!important;}
.m2zfPnm{width:auto; padding:0 35px;}
.m2zfPadr{padding-left:0; padding-right:0;}
#city{display: flex; justify-content: space-between;}
#city .layui-input-inline:last-child{margin-right:0;}
.m2zf_btn1,.m2zf_btn2{width:140px;}
.layui-form-select .layui-input{padding:16px 10px 16px 10px;}
.m2zfAdr li input{font-size:13px;}
/*.hmSoundBtn{display:none!important;}
.indexBody .m2banner .hmc1Btn{display:block!important;}*/
.hmCon3{padding-top:10px; height:528px;}
.m2hisc2Box_bo + .tech_detail + .li_qieUl.li_muLu.li_bdTop.m3proSlider{margin-top:0;}
}
@media (max-width:399px){
.m3proTls_ul li{padding:0 12px;}
.m3proTls_ul{padding-left:0;}
}
.proBox.proBoxRelative.proBoxBomAbsolute{opacity:0; visibility:hidden;}