@charset "utf-8";
@font-face {
    font-family: dincondregular;
    src: url("../font/dincondregular.otf");
}
@font-face {
    font-family: markpro;
    src: url("../font/markpro.otf");
}
@font-face {
    font-family: cormorantInfantregular;
    src: url("../font/cormorantInfantregular.ttf");
}
@font-face {
    font-family: cormorantInfantbold;
    src: url("../font/cormorantInfantbold.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #000;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; color: #000;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;line-height: 1.6;transition: all .4s;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;transition: all .4s;}
/*.des-justify p{text-align: justify;}*/
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1520{width: 1520px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
/*header s*/
/*body{transition: all .4s;padding-top: 136px;}*/
.header{height: 193px;background: #f3f3f3;transition: all .4s;width: 100%;left: 0;top:0;z-index: 999;position: relative;box-sizing: content-box;border-bottom: 15px solid #f4a77c;}
.header-top{padding-top: 26px;}
.header-bot{height: 76px;}
.header-bots{height: 76px;background: #f3f3f3;width: 100%;left: 0;top:0;z-index: 999;transition: all .4s;position: relative;}
.nav{font-size: 0;transition: all .4s;}
.nav li{display: inline-block;font-size: 14px;position: relative;}
.nav li:nth-child(3){margin-right: 0 !important;}
.nav-yi{line-height: 76px;display: inline-block;font-size: 16px;color: #666;transition: all .4s;padding:0 32px;position: relative;}
.logo img{height: 88px;transition: all .4s;}
.nav-yi span{min-width: 64px;text-align: center;display: inline-block;}
.nav-yi:hover{color: #f4a77c;}
.nav li.active .nav-yi{color: #f4a77c;}
.nav li.active.h .nav-yi{color: #333;}
/*.nav li.active.h .nav-yi:before{opacity: 1;}*/
.nav li.active.h .nav-yi:before{opacity: 0;}
.nav-er{position: absolute;left: 50%;margin-left: -100px; width: 200px;background: #f4a77c; display: none;overflow: hidden;}
.nav-er .w1440{font-size: 0;}
.nav-er a{display: block;vertical-align: middle;font-size: 16px;color: #fff;line-height: 50px;text-align: center;padding: 0 15px;}
.nav-er a:hover{background: #c19c7f;}

.nav-er a:last-child{margin-right: 0 !important;}
.nav-er a img{height: 60px;display: block;}
.nav-yi:before{content: '';position: absolute;width: 0;height: 2px;background: #f4a77c;background-size: cover;left: 50%;opacity: 0;bottom:0;transition: all .4s;transform: translateX(-50%);}
.nav li:hover .nav-yi:before{opacity: 1;width: 100%;}
.nav li.active .nav-yi:before{opacity: 1;width: 100%;}
.header-area{position: absolute;bottom:22px;height: 32px;transition: top .4s;display: flex;align-items: center;opacity: 0;}
.language{height: 32px;line-height: 32px;padding-right: 20px;cursor: pointer;position: relative;}
.language-val{color: #5f5f5f;}
.language-box{position: absolute;top:100%;background: #fff;width: 80px;left: 50%;margin-left: -40px; display: none;box-shadow: 0 0 2px #ddd;}
.language:after{content: ""; position: absolute;right: 0;top:50%;margin-top: -3px;width: 10px;height: 6px;background: url("../images/bot20x11.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.language img{position: absolute;left: 0;top:50%;margin-top: -6.5px;}
.language.active:after{transform: rotate(180deg);}
.language-box a{display: block;text-align:center;line-height: 33px;color: #333;}
.language-box a:hover{background: #f4a77c;color: #fff;}
.dbbtn{display: flex;align-items: center;position: relative;margin-right: 52px;color: #525252;}
.dbnum{position: absolute;left: 100%;font-size: 12px;display: flex;align-items: center;justify-content: center; border-radius: 100%;border:1px solid #a8a8a8;min-width: 18px;height: 18px;line-height: 18px;text-align: center;top:-5px;color: #a8a8a8;margin-left: 1px;}
.dbbtn:before{content: "";position: absolute;height: 10px;top:50%;margin-top: -5px;border-right: 1px solid #fff;left: 100%;margin-left: 34px;}
.dbi{width: 14px;height: 14px;background: url("../images/xx.png") no-repeat center;background-size: cover;margin-right: 5px;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #f4a77c; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px;}
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.fixed-haeder .header-bots{position: fixed;}
.logo3{position: absolute;transition: all .4s;opacity: 0;top:50%;transform: translateY(-50%) translateZ(0);}
.logo3 img{height: 60px;vertical-align: bottom;}
.fixed-haeder .logo3{opacity: 1;}

/*header e*/
/*footer s*/
.footer{background: url("../images/fotter-bg.jpg") no-repeat center;background-size: cover;padding-top: 27px;}
.footer-bot span,.footer-bot a{color: #5b5959;display: inline-block;}
.footer-bot{padding: 24px 0;}
.footer-top{display: flex;justify-content: space-between;}
.des-616161 p{color: #616161;}
.footer-logo img{display: block;height: 102px;}
.footer-left{width: 44%;}
.footer-tel img{display: inline-block;vertical-align: middle;height: 39px;}
.footer-tel span{display: inline-block;vertical-align: middle;font-size: 40px;}
.footer-right{padding-top: 30px;}
.des-7b7b7b p{color: #7b7b7b;}
.footer-fx li{display: block;margin-bottom: 10px;}
.footer-fx li:last-child{margin-bottom: 0;}
.footer-fx li *{display: inline-block;vertical-align: middle;}
.footer-fx li img{width: 22px;margin-right: 10px;}
.footer-share li{width: 29px;border-radius: 5px;background: #636363;transition: all .4s;margin-right: 3px;}
.footer-share li:last-child{margin-right: 0;}
.footer-share li img{width: 100%;vertical-align: bottom;}
.footer-share li:hover{background: #f4a77c;}
/*footer e*/
/*index s*/
.bannerDot{position: absolute;width: 100%;left: 0;bottom:30px;z-index: 9;}
.bannerDot .swiper-pagination-bullet{opacity: 1;margin-right: 20px;background: #abaaa6;position: relative;width: 9px;height: 9px;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
/*.bannerDot .swiper-pagination-bullet:before{content: "";position: absolute;left: 100%;border:1px solid #efac82;top:50%;margin-left: 8px;width: 0;}*/
.bannerDot .swiper-pagination-bullet:after{content: "";position: absolute;border:1px solid #efac82;top:-3px;right: -3px;bottom:-3px;left: -3px;border-radius: 100%;opacity: 0;}
.bannerDot .swiper-pagination-bullet-active{background: #efac82;}
/*.bannerDot .swiper-pagination-bullet-active:before{width: 66px;}*/
.bannerDot .swiper-pagination-bullet-active:after{opacity: 1;}
.bannerDot .swiper-pagination-bullet:last-child:before{display: none;}
/*.banner-des{display: inline-block;text-align: center;}*/
.banner-des h2{color: #cb6024;font-size: 46px;}
.banner-des p{color: #cb6024;font-size: 20px;}
.banner-des{width: 50%;}
.padding-t120{padding-top: 90px; }
.padding-tb120{padding: 90px 0;}
.title30 h2{font-size: 30px;}
.more1{display: inline-block;width: 110px;height: 10px;transition: all .4s; background: url("../images/more1.png") no-repeat center;background-size: 100% 100%;filter: brightness(0);opacity: 0.4;}
.more1:hover{filter: brightness(1);opacity: 1;transform: translateX(10px);}
.des-mg-b30 p{margin-bottom: 30px;}
.des-mg-b30 p:last-child{margin-bottom: 0;}
.gy-l{width: 50.26%;}
.gy-r{width: 41.44%;position: relative;}
.gy-r .img100{width: 68.2%;}
.gy-box{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.des20 p{font-size: 20px;}
.gy-r .des20{position: absolute;width: 43%;top:40px;left: 50%;z-index: 9;}
.zxcp li{width: 49.7%;margin-right: 0.6%;margin-bottom: 0.6%;}
.zxcp li:nth-child(2n){margin-right: 0;}
.zxcp a{display: block;position: relative;}
.zxcp .title30{padding: 25px;display: inline-block;position: relative;z-index: 9;}
.des-626262 p{color: #626262;}
.zxcp li:nth-child(1) .title30{position: absolute;text-align: center;right: 0;bottom:0;}
.zxcp li:nth-child(2) .title30{padding-left: 25px;}
.zxcp li:nth-child(3) .title30{padding-left: 25px;}
.zxcp li:nth-child(4){text-align: right;}
.zxcp li:nth-child(4) .title30{text-align: left;}
.zxcp li:hover h2{color: #efac82;}
.zxcp li:hover p{color: #efac82;}
.des-616060 p{color: #616060;}
.more2{display: inline-block;transition: all .4s;border-bottom: 1px solid #c4c4c4;padding-bottom: 12px;color: #616060;font-size: 12px;}
.index-right{position: absolute;right: 0;bottom:0;}
.index-left{margin-right: 120px;}
.more2 *{display: inline-block;vertical-align: middle;}
.more2 .i{width: 11px;height: 11px;background: url("../images/r22x22.png") no-repeat center;background-size: 100% 100%;margin-left: 15px;filter: brightness(0);transition: all .4s;}
.more2:hover .i{filter: brightness(1);}
.more2:hover{color: #efac82;border-color: #efac82;}
.rximg{width: 45.98%;}
.zindex9{z-index: 9;}
.rx-box{padding-top: 50px;}
.rx-box:before{content: "";position: absolute;background: #f6f6f6;left: 0;top:0;height: 42%;width: 100%;}
.rxplay{position: absolute;width: 54.02%;right: 0;height: 100%;top:0;}
.rxplay .swiper-container .img100{width: 379px;max-width: 60%;margin: 0 auto 80px;box-shadow: 10px 10px 5px 0 rgba(144, 144, 144, 0.51);}
.rxplay .des16{padding: 0 35px;}
.rxplay .des16 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.des-title36 h3{font-size: 36px;}
.des-565656 p{color: #565656;}
.swiperDot{margin-top: 30px;}
.swiperDot .swiper-pagination-bullet{width: 12px;height: 3px;background: #6a6a6a;border-radius: 0;margin-right: 10px;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{width: 28px;background: #efac82;}
.rxdot{position: absolute;width: 100%;left: 0;bottom:50px;margin-top: 0;}
.cpzx-type{font-size: 0;}
.cpzx-type a{display: inline-block;vertical-align: middle;position: relative; font-size: 18px;transition: all .4s;color: #616060;line-height: 37px;padding: 0 5px;min-width: 108px;text-align: center;margin-right: 20px;}
.cpzx-type a:last-child{margin-right: 0;}
.cpzx-type a:hover{background: #f4a77c;color: #fff;}
.cpzx-type a.active{background: #f4a77c;color: #fff;}
.cpzx-type a:after{content: "";position: absolute;height: 20px;right: 0;top:50%;margin-top: -10px;border-right: 1px solid #767575;margin-right: -10px;}
.cpzx-type a:last-child:after{display: none;}
.cpzx-page{display: none;}
.cpzx-page.active{display: flex;flex-wrap: wrap;}
.cpzx-page li{background: #f6f6f6;position: relative;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.cpzx-page li:nth-child(3n){margin-right: 0;}
.cpzx-page li a{display: block;}
.cpzx-bot{padding:34px;min-height: 96px;}
.cpzx-bot p{margin-right: 80px;}
.duibi{display: inline-block;font-size: 12px;transition: all .4s;line-height: 30px;min-width: 64px;padding: 0 5px;text-align: center;border:1px solid #b4b4b4;cursor: pointer;}
.cpzx-page .duibi{position: absolute;right: 34px;bottom:31px;}
.duibiclick{position: relative;}
.duibi:hover{background: #f4a77c;border-color: #f4a77c;color: #fff;}
.duibiparents.active .duibiclick{background: #f4a77c;border-color: #f4a77c;color: #fff;}
.cpzx-page li a:hover p{color: #f4a77c;}
.more2-no-border{padding-bottom: 0;border-bottom: none;}
.why-top{position: absolute;width: 100%;top:0;left: 0;height: 79%;padding-left: 55%;padding-right: 5%;z-index: 9;}
.title60 h2{font-size: 60px;}
.whydes p{position: relative;padding-left: 31px;margin-bottom: 10px;}
.whydes p:last-child{margin-bottom: 0;}
.whydes span{position: absolute;left: 0;width: 21px;height: 21px;text-align: center;line-height: 21px;background: #f4a77c;top:2px;}
.xinwen li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.xinwen li:nth-child(3n){margin-right: 0;}
.xinwen li a{display: block;padding: 30px;transition: all .4s;}
.des-title18 h3{font-size: 18px;}
.des-8a8a8a p{color: #8a8a8a;}
.date div{display: inline-block;font-family: dincondregular;}
.date1{font-size: 32px;}
.date2{font-size: 16px;}
.jt58x10{display: inline-block;width: 29px;height: 5px;background: url("../images/jt58x10.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.xinwen .jt58x10{position: absolute;right: 0;top:50%;margin-top: -2.5px;opacity: 0;}
.xinwen a:hover{background: #f6f6f6;}
.xinwen a:hover .jt58x10{opacity: 1;}
.xinwen a h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xinwen a p{height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fx-pk{position: fixed;z-index: 9992;right: -417px;top:50%;transform: translateY(-50%);width: 400px;background: #f6f6f6;transition: all .4s;}
.pk-top{background: url("../images/pk-top-bg.png") no-repeat center;background-size: cover;padding:13px 20px;cursor: pointer;}
.pk-top img{display: block;vertical-align: bottom;height: 22px;}
.pk-img{width: 55px;height: 55px;position: relative;}
.pk-img img{object-fit: cover;}
.pk-bot{padding: 27px 20px;}
.pk-title{position: absolute;top:0;left: 70px;height: 100%;display: flex;align-items: center;right: 30px;}
.pk-list{max-height: 426px;overflow: auto;}
.pk-list li{position: relative;display: block;margin-bottom: 16px;}
.pk-close{width: 16px;height: 16px;background: url("../images/gb32.png") no-repeat center;background-size: cover;transition: all .4s;position: absolute;right: 0;top:50%;margin-top: -6px;filter: brightness(0);cursor: pointer;}
.pk-close:hover{filter: brightness(1);}
.ksdb{display: inline-block;text-align: center;color: #fff;background: #f4a77c;font-size: 16px;width: 150px;line-height: 40px;border-radius: 40px;}
.qksycp{display: inline-block;transition: all .4s;font-size: 12px;color: #909090}
.qksycp *{display: inline-block;vertical-align: middle;}
.qksycp img{height: 13px;margin-right: 3px;filter: brightness(0);opacity: 0.3;transition: all .4s;}
.qksycp:hover{color: #f4a77c;}
.qksycp:hover img{filter: brightness(1);opacity: 1;}
.fx-right{position: fixed;z-index: 9992;right: 0;top:50%;transform: translateY(-50%);width: 68px;}
.fx-pk-btn{padding: 9px;cursor: pointer;}
.fx-pk-btn img{height: 22px;display: block;}
.fx-pk-btn-n{position: absolute;left: 47px;top:5px;width: 16px;text-align: center;line-height: 16px;height: 16px;border-radius: 100%;background: #fff;color: #f4a77c;font-size: 12px;}
.fx-right-page{display: block;}
.fx-right-page-hide.active .fx-pk{right: 0;}
.fx-right-page-hide.active .fx-pk-btn{right: -68px;}
.fx-right-page{position: relative;background: #f4a77c;border-top-left-radius: 40px;border-bottom-left-radius: 40px;transition: all .4s;margin-bottom: 2px;}
.fx-right-page:last-child{margin-bottom: 0;}
/*index e*/
/*2.1产品中心 s*/
.ban-des h2{font-size: 48px;color: #fff;text-shadow: 2px 5px 3px rgba(67, 26, 13, 0.93);line-height: normal;}
.ban-des p{font-size: 21px;color: #fff;text-shadow: 1px 3px 3px rgba(67, 26, 13, 0.93);letter-spacing: 2px;}
.padding-tb80{padding: 80px 0;}
.des-828282 p{color: #828282;}
/*.cpzx-page-list .cpzx-bot{padding-top: 18px;}*/
.title-img *{display: inline-block;vertical-align: middle;}
.title-img img{height: 31px;margin-right: 5px;}
.page{text-align: center;font-size: 0;}
.page a{font-size: 20px;line-height: 30px;border:1px solid #fff;color: #666;display: inline-block;vertical-align: middle; padding: 0 10px;margin: 1px;transition: all .4s;min-width: 35px;text-align: center;}
.page a.active{border-color: #f4a77c;color: #f4a77c;}
.page a:hover{border-color: #f4a77c;color: #f4a77c;}
.page .page-btn{border-color: #aeaeae;font-size: 14px;min-width: 82px;}
.page .page-btn:hover{border-color: #f4a77c;}
.page .page-left{margin-right: 10px;}
.page .page-right{margin-left: 10px;}
/*2.1产品中心 e*/
/*2.2产品中心-详情 s*/
.padding-t44{padding-top: 44px;}
.cpxq-type{border-bottom: 2px solid #e2e2e2;}
.cpxq-type a{display: inline-block;padding-bottom: 20px;position: relative;font-size: 16px;margin-right: 50px;}
.cpxq-type a:last-child{margin-right: 0;}
.cpxq-type a:after{content: "";position: absolute;width: 0;opacity: 0;transition: all .4s;border-bottom: 2px solid #f4a77c;left: 50%;transform: translateX(-50%);bottom:-2px;}
.cpxq-type a.active:after{width: 100%;opacity: 1;}
.cpxq-type a:hover:after{width: 100%;opacity: 1;}
.edit img{max-width: 100%;height: auto !important;display: block;vertical-align: bottom;margin: 0 auto;}
.cpxq-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpxq-left{width: 45.65%;}
.cpxq-right{width: 50%;}
/*.spBig{width: 78.5%;}*/
.spBig .swiper-slide{height: 784px;}
.spBt{position: absolute;bottom:0;left: 0;width: 100%;padding: 15px 0;background: rgba(0,0,0,.5);}
.spBt p{color: #fff;margin: 0 25px;position: relative;padding-left: 15px;}
.spBt p:before{content: '';width: 6px;height: 6px;left: 0;top:9px;position: absolute;background: #fff;border-radius: 100%;-webkit-border-radius: 100%;}

/*.spBtn{position: absolute;text-align: center;bottom:10px;right: 0;left: 8px;}*/
.spBtn div{position: absolute;top:50%;margin-top: -32px; width: 64px;height: 64px;cursor: pointer;z-index: 9;transition: all .4s;border-radius: 100%;box-shadow: 0 0 5px #ddd;}
.spBtn1{background: #fff url("../images/11.png") no-repeat center;background-size: cover;left: -32px;}
.spBtn1:hover{background: #f4a77c url("../images/11-1.png") no-repeat center; background-size: cover;}
.spBtn2{background: #fff url("../images/22.png") no-repeat center;background-size: cover;right: -32px;}
.spBtn2:hover{background: #f4a77c url("../images/22-1.png") no-repeat center; background-size: cover;}

.spSm{position: absolute;right: 0;width: 18%;height: 100%;top:0;}
.spSm .swiper-container{height: 717px;padding-left: 8px;}
.spSm .position-full:after{content: ''; position: absolute;width: 100%;height: 100%;top:0;right: 0;opacity: 1;background: rgba(0,0,0,0.5);}
.spSm .active-nav .position-full:after{opacity: 0;}
.spSm .swiper-slide{cursor: pointer;}
.cpxq-des,.cpxq-title{padding: 20px 30px;}
.cpxq-des{padding-right: 0;}
.bgf6{background: #f6f6f6;}
.title24 h2{font-size: 24px;}
.des-595858 p{color: #595858;}
.cpxq-title{padding-right: 80px;}
.cpxq-title li{display: block;}
.cpxq-title .duibi{position: absolute;right: 30px;top:50%;transform: translateY(-50%);}
.cpcs-page{display: block;margin-bottom: 8px;}
/*2.2产品中心-详情 e*/
/*3.1什么是定制服务 s*/
.ban-left .ban-des{text-align: left;}
.ban-left .ban-des p{letter-spacing: normal;}
.des-333 p{color: #333;}
.dzh-des{width: 1080px;max-width: 100%;margin: 0 auto;}
.dzhfw li{display: flex;width: 100%;flex-wrap: wrap;justify-content:space-between;margin-bottom: 90px;}
.dzhfw-img{width: 49.8%;}
.dzhfw-con{width: 46.7%;padding-top: 25px;}
.dzhfw li:nth-child(2n){flex-direction: row-reverse;}
.title36 h2{font-size: 36px;}
/*3.1什么是定制服务 e*/
/*4.1关于我们 s*/
.sgdes{width: 984px;max-width: 100%;margin: 0 auto;}
.sgdes2{width: 1130px;max-width: 100%;margin: 0 auto;}
.ban-right .ban-des{display: inline-block;text-align: left;}
.ban-right .ban-des p{letter-spacing: normal;}
.ban-right .ban{text-align: right;}
/*4.1关于我们 e*/
/*4.3管理体系 s*/
.mg-bt140{margin-bottom: 140px;}
.gltx-list li{width: 70.7%;}
.gltx-list li:nth-child(1){margin-left: 29.3%;}
.gltx-list li:nth-child(2){display: flex;flex-direction: column-reverse;margin-top: -36%;}
.gltx-list li:nth-child(2) .des-333{margin-bottom: 0;}
.gltx-list li:nth-child(2) .img100{margin-bottom: 0;}
.des-mg-bt40 p{margin-bottom:15px;}
.des-mg-bt40 p:last-child{margin-bottom: 0;}
.cc-list li{display: block;width: 100%;}
.cc-img{width: 50%;}
.cc-con{width: 45%;padding-top: 40px;}
.jyr{display: flex;justify-content: space-between;}
.jyr-l{width: 62.63%;}
.jyr-r{width: 37.37%;}
.jyr-bot{display: flex;justify-content: space-between;flex-wrap: wrap;}
.jyr-bot .img100{width: 46%;}
.jyr-top .img100{margin-bottom: 4%}
.jyr-r .img100{margin-left: 4%;}
/*4.3管理体系 e*/
/*4.4荣誉资质 s*/
.ry-list li{width: 32%;margin-right: 2%;text-align: center;margin-bottom: 50px;}
.ry-list li:nth-child(3n){margin-right: 0;}
.ry-list li p{color: #484848;font-size: 32px;}
.ry-box{padding-bottom: 450px;}
/*4.4荣誉资质 e*/
/*5.1新闻资讯 s*/
.djhot-a{display: block;background: #f3f3f3;height: 508px;}
.djhot-img{position: absolute;width: 56.38%;top:0;left: 0;height: 100%;}
.djhot-img img{object-fit: cover;}
.djhot-con{width: 43.62%;margin-left: 56.38%;padding: 60px;}
.des-title26 h3{font-size: 26px;}
.des-646464 p{color: #646464;}
.time1{font-size: 12px;font-family: markpro;}

.xw-list li{width: 30.66%;margin-right: 4.01%;margin-bottom: 60px;}
.xw-list li:nth-child(3n){margin-right: 0;}
.des-title20 h3{font-size: 20px;}
.time2{color: #666;}
.xwzx-bot h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xwzx-bot p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.djhot-con p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.jt65x36{background: url("../images/jt65x36.png") no-repeat center;background-size: 100% 100%;width: 32px;height: 18px;}
.djhot-a:hover h3{color: #f4a77c;}
.xw-list li:hover h3{color: #f4a77c;}
/*5.1新闻资讯 e*/
/*5.2新闻资讯详情 s*/
.width1200{width: 1200px;max-width: 100%;margin: 0 auto;}
.xwxq-top h1{font-size: 36px;color: #072448;}
.xwxq-time *{display: inline-block;vertical-align: middle;}
.xwxq-time img{height: 22px;margin-right: 10px;}
.xwxq-time span{color: #999;font-size: 22px;font-family: dincondregular;}
.xwxq-top{border-bottom: 1px solid #cdcdcd;padding-bottom: 25px;}
.des-666 p{color: #666;}
.xwxq-fy{border-top: 1px solid #cfcfcf;padding-top: 20px;}
.xwxq-fy li{max-width: 45%;}
.xwxq-fy li a{transition: all .4s; color: #818080;display: block;}
.xwxq-fy li .i{display: inline-block;width: 24px;height: 24px;border-radius: 100%;transition: all .4s;}
.xwxq-fy li.fr{text-align: right;}
.xwxq-fy li.fl .i{background: #cfcfcf url("../images/xwxq-left.png") no-repeat center;background-size: cover;}
.xwxq-fy li.fr .i{background: #cfcfcf url("../images/xwxq-right.png") no-repeat center;background-size: cover;}
.xwxq-fy li a:hover{color: #000;}
.xwxq-fy li a:hover .i{background-color: #f4a77c;}
.fh *{display: inline-block;vertical-align: middle;}
.fh .i{width: 20px;height: 16px;background: url("../images/fh.png") no-repeat center;background-size: 100% 100%;transition: all .4s;margin-right: 12px;filter: grayscale(1);}
.fh{font-size: 16px;color: #6e6b6b;transition: all .4s;}
.fh:hover{color: #f4a77c;}
.fh:hover .i{filter: grayscale(0);}
.fh-dw{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
/*5.2新闻资讯详情 e*/
/*6.1人才中心 s*/
.job-top{background: #f4a77c;}
.col-5{font-size: 0;display: flex;flex-wrap: wrap;}
.col-5 span{display: inline-block;text-align: center;line-height: 30px; font-size: 16px;color: #222;width: 18%;padding: 18px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.col-5 span:nth-child(4){width: 25%;}*/
.col-5 span:nth-child(1){width: 28%;text-align: left;padding-left: 20px;}
.job-top span{color: #fff;}
.job-top span:nth-child(1){justify-content: flex-start;}
.job-list{border:1px solid #dfdfdf;}
.job-list li{display: block;border-top: 1px solid #dfdfdf;}
.job-list li:nth-child(odd){background:#f7f7f7;}
.job-con{padding: 30px 50px 50px;display: none;background: #fff;}
.job-con p{min-height: 1.6em;}
.jrwm{display: inline-block;padding: 12px 32px;background: #f4a77c;color: #fff;font-size: 18px;border-radius: 5px;}
.col-5 .i{width: 30px;height: 30px;border:1px solid #f4a77c;border-radius: 100%;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;}
.col-5 .i:after{content: "";position: absolute;width: 18px;height: 2px;background: #f4a77c;top:50%;margin-top: -1px;transition: all .4s;left: 50%;margin-left: -9px;}
.col-5 .i:before{content: "";position: absolute;height: 18px;width: 2px;background: #f4a77c;top:50%;margin-top: -9px;transition: all .4s;left: 50%;margin-left: -1px;}
.job-list li.active .i:before{opacity: 0;}
.job-list li.active span{border: none;white-space: normal;}
.job-list li:last-child .col-5 span{border-bottom: none;}
.job-list .col-5 span{border-right:1px solid #dfdfdf;}
.job-list .col-5 span:last-child{border-right:none;}
.job-control{cursor: pointer;}
/*6.1人才中心 e*/
/*7.1联系我们 s*/
.lxwm li{width: 30.6%;margin-right: 4.1%;display: flex;padding: 25px 40px;border:1px solid #cecece;border-radius: 10px;transition: all .4s;align-items: center;background-color: rgb(255, 255, 255);}
.lxwm li img{height: 54px;margin-right: 30px;filter: grayscale(1);transition: all .4s;}
.lxwm li:nth-child(3n){margin-right: 0;}
.lxwm li p{margin-bottom: 5px;}
.lxwm li p:last-child{margin-bottom: 0;}
.lxwm{display: flex;flex-wrap: wrap;}
.lxwm li:hover{border-color: #f4a77c;box-shadow: 2px 3.464px 6.88px 1.12px rgba(217, 217, 217, 0.93);}
.lxwm li:hover img{filter: grayscale(0);}
.ggtr{width: 42.96%;}
.zxly{width: 50%;padding-top: 40px;}
.input-page{border-bottom: 1px solid #d2d2d2;margin-bottom: 12px;position: relative;}
.input-page .text{height: 70px;font-size: 18px;width: 100%;}
.input-name{color: #333;font-size: 18px;line-height: 70px;position: absolute;top:0;left: 0;}
.input-r{margin-left: 80px;}
.input-page-name .input-r{margin-left: 170px;}
.textarea{padding-top: 22px;}
.textarea textarea{display: block;width: 100%;resize: none;font-size: 18px;height: 160px;}
.tj{display: inline-block;transition: all .4s;color: #fff;background: #f4a77c;width: 220px;line-height: 60px;border-radius: 10px;font-size: 24px;}
.tj:hover{box-shadow: 0 0 20px #f4a77c;}
/*7.1联系我们 e*/
/*对比页 s*/
.duibi-bot{}
.duibi-bot{padding: 30px;}
.gb586{position: absolute;z-index: 9;transition: all .4s;font-size: 16px;width: 30px;text-align: center;line-height: 30px;height: 30px;top:10px;right: 10px;background: #fff;border-radius: 10px;cursor: pointer;}
.gb586:hover{background: #f4a77c;color: #fff;}
/*对比页 e*/

.hidetip{position: absolute;width: 100%;text-align: center;bottom:100%;left: 0;color: #333 !important;opacity: 0;font-size: 14px;transform: translateZ(0);}

.duibiparents.active .hidetip{animation: ty 0.8s linear forwards;}
@keyframes ty {
    0%{opacity: 0;font-size: 14px;}
    50%{opacity: 1;bottom:160%;font-size: 20px;}
    100%{opacity: 0;bottom:160%;font-size: 20px;}
}
.cplb li{display: block;margin-bottom: 40px;background: #f9f9f9;}
/*.cplb li a{display: block;position: relative;}*/
.cplb li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.cplb .img100{width: 320px;}
.cplb-con{position: absolute;top:0;height: 100%;left: 350px;right: 0;padding-top: 20px;padding-right: 30px;}
/*.cplb .duibi{position: static;}*/
.cplb li a:hover p{color: #f4a77c;}
.cplb li a:hover h3{color: #f4a77c;}
.input-page-two .input-page{width: 48%;margin-right: 4%;}
.input-page-two .input-page:nth-child(2n){margin-right: 0;}
.dxz{display: flex;align-items: center;position: absolute;top:0;right: 0;width: 140px;}
.dxz li{display: flex;height: 70px;align-items: center;font-size: 18px;margin-right: 10%;}
.dxz li:last-child{margin-right: 0;}
.dxz li input{margin-right:10px;cursor: pointer;}
.dxz li label{cursor: pointer;white-space: nowrap;}
.input-page-ch .input-r{margin-right: 150px;}
.cpzx-page-wap1 li a:hover p{color: #000;}
.cpzx-page-wap1 li a{position: relative;height: 100%;}
.cc-list-muti li{margin-bottom: 80px;}
.cc-list-muti li:nth-child(even) .cc-img{float: right;}
.cc-list-muti li:nth-child(even) .cc-con{float: left;}
.cc-list-muti li:last-child{margin-bottom: 0;}
.fixed-style{position: fixed;z-index: 9999;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.5);display: none;}
.comfirm-box{width:480px;max-width: 92%;background: #fff;margin: 0 auto;padding: 50px;}
.sure-group{display: flex;justify-content: space-around;width: 300px;margin: 0 auto;max-width: 100%;}
.sure2{background: #aaa;}


.pk-bot .input-page .text{height: 50px;background: none;}
.pk-bot .input-name{line-height: 50px;}
.pk-bot .dxz li{height: 50px;}
.pk-bot .textarea{padding-top: 14px;}
.pk-bot .textarea textarea{background: none;}
.tj-sm{width: 120px;line-height: 46px;font-size: 16px;margin: 0 auto;}


.pop-add .infor-input{border: 1px solid #e5e5e5;background: none;border-radius: 0;position: relative;}
.infor-tel-pre{position: absolute;top: 0;left: 24px;width: 80px;cursor: pointer;}
.infor-input .text{display: block;width: 100%;height: 70px;font-size: 18px;background: none;color: #888;text-indent: 15px;}
.pop-add .text{color: #555;font-size: 18px;}
.infor-item-select .text{cursor: pointer;}
.pop-add .infor-input .text{height: 70px;}
.infor-select-val{position: absolute;left: -1px;right: -1px;background: #fff;z-index: 9;border: 1px solid #f0f0f0;max-height: 181px;overflow: auto;display: none;}
.infor-select-val a{display: block;padding-left: 20px;line-height: 30px;font-size: 18px;}
.bot17x8 {width: 8px;height: 4px;background: url(../images/bot17x8.png) no-repeat center;background-size: cover;right: 10px;top: 50%;margin-top: -2px;transition: all .4s;position: absolute;}
.input-page-tel .input-r{margin-left: 110px;}
.infor-select-val a:hover{background: #eee;}


.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}