@import "iconfont.css";
.c99{color: #999;}.c66{color: #666;}
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0%, -50%);transform:translate(0, -50%);}
.vwm{left: 50%; position: absolute;-webkit-transform: translate(-50%, 0%);transform:translate(-50%, 0%);}
a:hover,a:active,a:focus{text-decoration:none;}
h3,p{margin:0;}
button{outline: none;background: none;border:none;}
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-family:"Microsoft Yahei" ;min-width: 320px;background-color: #fff;font-size: 14px;width: 100%;color: #222;}
html,body{overflow-x: hidden;width: 100%;}
a,a:hover {color: #222;cursor:pointer;}
ul,li {padding: 0;margin: 0;list-style: none;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
*{box-sizing: border-box;}
.container{margin: 0 auto;padding: 0;}
.wow { visibility: hidden;}
.img-responsive{display: block;max-width: 100%;height: auto;}
.flex_crosscenter{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.header{height:120px;position: fixed;top:0;left:0;width:100%;z-index:999;border-bottom:1px solid rgba(255,255,255,0.2);transition: all 400ms;}
.header .searchbox{width:120px;height:120px;display: flex;align-items: center;justify-content: center;color: #fff; border-left: 1px solid rgba(255,255,255,0.2);}
.header .searchbox .iconfont{font-size:30px;color: #fff;}
.logo{margin-left: 30px;}
.menu{font-size: 0;margin-left: 50px;}
.menu li{flex: 1;text-align: center;margin-left: 40px;position: relative;}
.menu li a.item{white-space: nowrap; position: relative; font-size: 16px;transition:transform .8s ease-out;display: block;color: #fff;height: 120px;line-height: 120px;}
.header-posi{background:rgba(255,255,255,0.8);height: 100px;}
.header-posi .searchbox{height: 100px;}
.header-posi .searchbox .iconfont{color: #222;}
.header-posi .menu li a.item{color: #222;height: 100px;line-height: 100px;}
.header-posi .menu li a.item::after{bottom: 20px;}
.menu li a.item::after{position: absolute;content: '';left: 50%;top: 0px;height: 4px;width: 100%;transform: translateX(-50%);width: 0%;background-color: #fff;transition: all 400ms;}
.menu li.active a.item::after,.menu li:hover .item::after{width: 100%;}
.menu-btn { height: 11px;width: 16px;display: block;position: relative;}
.menu-btn span {display: block;height: 2px;background-color: #fff;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.menu-btn span:nth-of-type(1) {top: 0;}
.menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;display: none;}
.menu-btn span:nth-of-type(3) {bottom: 0;}
.active .menu-btn span:nth-of-type(1){top:5px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.active  .menu-btn span:nth-of-type(2){-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0}
.active  .menu-btn span:nth-of-type(3){top:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.sub_menu{position: absolute;left:0px;top:100%;min-width: 100%; z-index: 200;visibility:hidden;opacity:0;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align: center;line-height: normal;font-size: 16px;background-color: rgba(167, 142, 122, .8);min-width:580px;width: max-content;}
.sub_menu a{float: left;height: 60px;line-height: 60px;padding: 0 25px;color: #fff;}
.sub_menu a:hover{color: #333;}
.menu li:hover .sub_menu{visibility: visible;opacity: 1;margin-top: 0;}
.logob{display: none;}

.mob_header{line-height: 60px;height: 60px;position: fixed;left: 0;top:0;right: 0;background:rgba(255,255,255,.8);z-index: 500;display: none;padding:0 3%;}
.mob_logo img{height: 30px;}
.mob_logo{color: #fff;}

.sideMenu{background:#fff url(../images/zzbg.jpeg) bottom center no-repeat;background-size:cover;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;transition:all 0.25s;left:-100%;top:0rem}
.sideMenu.on{z-index:998;opacity:1;left:0;}
.w1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.w2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.w3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}

.msec{display: flex;flex-direction: row-reverse;align-items: center;}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.justify-content-center {justify-content: center;}
.justify-between{justify-content: space-between;}
.row-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.col-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.row-center{justify-content: center;}
.flex_mcenter{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex_box_1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.align-center{align-items: center;}
h1,h2,h3,h4,h5{padding:0;margin:0;}
.mob_img{display: none;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.banner{position: relative;color: #fff;}
.banner .swiper-slide .slide-con{position: absolute;left:0;top:0;width:100%;height:100%}
.banner .swiper-slide .slide-con .title{margin-top:3.6rem;color:#ffffff;font-size:.56rem;text-transform:uppercase;line-height:1;margin-bottom:0.5rem;line-height: 1.3;}
.banner .swiper-slide .slide-con p{font-size:.24rem;color:#fff;line-height:1.4;display:flex;align-items:center;margin-bottom:1.36rem}
.banner .swiper-slide .slide-con p:before{content:"";display:block;width:0.06rem;height:0.46rem;background:#fff;margin-right:0.26rem}
.banner .swiper-slide .slide-con .readmore{color:#fff;font-size:14px;position:relative;text-transform:uppercase;padding-left:0.36rem; display:block;}
.banner .swiper-slide .slide-con .readmore span{position:relative;z-index:2;}
.banner .swiper-slide .slide-con .readmore:before{content:'';display:block;width:0.58rem;height:0.5rem;position: absolute;left:0;top:50%;margin-top:-0.25rem;background:rgba(255,255,255,0.2);z-index:1;}

.banner .control{position: absolute;bottom:0;right:0;width:6.6rem;background:#fff;height:1.25rem;z-index:9;display:flex;align-items:center}
.banner .control .scroll{background:#a78e7a;width:2.76rem;height:1.25rem;display:flex;align-items: center;justify-content:center;font-size:12px;color:#fff;white-space: nowrap;}
.banner .control .scroll .iconfont{margin-left:0.6rem;font-size:18px}
.banner .control .swiper-banner-pagination{position:static;display:flex;align-items:center;justify-content:center;flex:1; z-index:99;}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet{opacity:1;margin:0 12px;width:28px;height:28px;position:relative;background: none !important;}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet:before{content:"";display:block;width:8px;height: 8px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background:rgba(0,0,0,0.2);border-radius: 100%}

.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .quan{width:14px;height:28px;position:absolute;top:0;overflow:hidden;z-index:99;}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .right{right:0}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .left{left:0}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .quan .circleProgress{width:28px;height:28px;border:2px solid #a78e7a;border-radius:50%;position:absolute;top:0;transform:rotate(45deg)}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .quan .rightcircle{border-top:2px solid rgba(0,0,0,.1);border-right:2px solid rgba(0,0,0,.1);right:0;animation:circleProgressLoad_right 4.8s linear infinite;z-index:99;}
.banner .control .swiper-banner-pagination .swiper-pagination-bullet-active .quan .leftcircle{border-bottom:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1);left:0;animation:circleProgressLoad_left 4.8s linear infinite;z-index:99;}
@keyframes circleProgressLoad_right{0%{-webkit-transform:rotate(45deg)}
100%,50%{-webkit-transform:rotate(225deg)}
}
@keyframes circleProgressLoad_left{0%,50%{-webkit-transform:rotate(45deg)}
100%{-webkit-transform:rotate(225deg)}
}
.banner .control .swiper-banner-next,.banner .control .swiper-banner-prev{width:0.58rem;height:0.58rem;display:flex;align-items:center;justify-content:center;}
.banner .control .jiantou{width:1.65rem;border-left:1px solid rgba(0,0,0,0.08);height:1.25rem;display:flex;margin-left:auto;align-items:center;justify-content:center}
.banner .control .jiantou .iconfont{font-size:22px;color:#000;}

.main_a{background-color: #edede9;padding-bottom: 130px;}
.com_tit{margin: 1rem 0 .6rem 0;position: relative;}
.com_tit .t{font-size: 16px;padding-left: 90px;position: relative;text-transform:uppercase;}
.com_tit .t:before{display:block;content:"";width:0.78rem;position: absolute;height:0.04rem;background:rgba(0,0,0,0.1);top:50%;margin-top:-0.02rem;left: 0;}
.com_tit .readmore{color:#a78e7a;font-size:14px;position:relative;text-transform:uppercase;padding-left:0.36rem;}
.com_tit .readmore span{position:relative;z-index:2;}
.com_tit .readmore:before{content:'';display:block;width:0.58rem;height:0.5rem;position: absolute;left:0;top:50%;margin-top:-0.25rem;background:rgba(167,142,122,0.2);z-index:1;}

.nSwiper .item{display: block;background-color: #fff;}
.nSwiper .item .img{height: 290px;overflow: hidden;display: flex;align-items: flex-end;}
.nSwiper .item .img img{width: 100%;height: 100%;object-fit: cover;transition: all 400ms;}
.nSwiper .item:hover img{transform: scale(1.1);}
.infobox p{height: 100px;box-sizing: border-box; border-bottom: 1px solid #e9e9e4;padding: 10px 35px;font-size: 16px;display: flex;align-items: center;}
.infobottom{height: 76px;display: flex;align-items: center;justify-content: space-between;}
.infobottom .fxIcon{width: 80px;display: flex;align-items: center;justify-content: center;position: relative;border-left: 1px solid #e9e9e4;height: 76px;color: #d3d3d3;}
.infobottom .time{padding-left: 35px;color: #d3d3d3;font-size: 16px;}
.infobottom .fxIcon .iconfont{font-size: 24px;}
.nSwiper .item:hover{background:#a78e7a}
.nSwiper .item:hover .infobox p{color:#fff;}
.nSwiper .item:hover .infobox .infobottom{border-top:1px solid rgba(255,255,255,0.1)}
.nSwiper .item:hover .infobox .infobottom .time{color:rgba(255,255,255,0.4);border-right:1px solid rgba(255,255,255,0.1)}
.nSwiper .item:hover .infobox .infobottom .icon-fenxiang{color:rgba(255,255,255,0.4);}
.nSwiper .control{width:100%;height:22px;position: relative;margin-top: 80px;}
.nSwiper .control .xpages{width: 85%; height:2px;left:80px;top:50%;transform: translateY(-50%);}
.nSwiper .control .xnext,.nSwiper .control .xprev{width:22px;height:22px;position: absolute;top:50%;transform: translateY(-50%);}
.nSwiper .control .xprev{right:30px;}
.nSwiper .control .xnext{right:0px;}
.nSwiper .control .count .now{font-size:16px;}
.nSwiper .control .count{font-size:16px;font-weight: bold;}
.nSwiper .control .xnext,.nSwiper .control .xprev{  transition:all 0.3s}
.nSwiper .control .xnext .iconfont,.nSwiper .control .xprev .iconfont{font-size:20px;font-weight:bold;transition:all 0.3s}
.nSwiper .control .iconfont{font-size:22px;color:#000}
.nSwiper .control .count .now{color:#a78e7a;font-size:15px;font-weight:bold;margin-right:3px;}
.nSwiper .control .count {color:rgba(34,34,34,0.2);font-size:15px;display:flex;align-items:flex-start;}
.nSwiper .control .count .all{margin-left:3px;color:#222222}
.nSwiper .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#a78e7a;}


.swiper-index02{height:100%;overflow:hidden;width:100%;position:relative;}
.swiper-index02 .swiper-slide{position:relative;width:100%}
.swiper-index02 .swiper-slide .slide-con{position: absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.swiper-index02 .swiper-slide .slide-con .t{margin-top:3.2rem;font-size:13px;color:#fff;display:flex;align-items:center;margin-bottom:0.2rem;}
.swiper-index02 .swiper-slide .slide-con .t:before{content:"";display:block;width:0.7rem;height:0.04rem;background:rgba(255,255,255,0.2);margin-right:0.2rem}
.swiper-index02 .swiper-slide .slide-con .title{color:#fff;font-size:26px;text-transform:uppercase;margin-bottom:0.2rem;line-height:1.1}
.swiper-index02 .swiper-slide .slide-con p{color:#fff;font-size:10px;max-width:85%;margin-bottom:0.5rem}
.swiper-index02 .container{position: relative;}
.swiper-index02 .swiper-slide .slide-con .link a{color:#fff;font-size:12px;position:relative;text-transform:uppercase;padding-left:0.36rem;margin-right:0.4rem; background:none}
.swiper-index02 .swiper-slide .slide-con .link a span{position:relative;z-index:2;}
.swiper-index02 .swiper-slide .slide-con .link a:before{content:'';display:block;width:0.58rem;height:0.5rem;position: absolute;left:0;top:50%;margin-top:-0.25rem;background:rgba(255,255,255,0.2);z-index:1;}
.swiper-index02 .swiper-slide .slide-con .control{width:3.72rem;position:absolute;left:0.9rem;bottom:0.8rem}
.swiper-index02 .swiper-slide .slide-con .control .next{width:0.7rem;height:100%;background:#a78e7a;position: absolute;right:0;top:0;display:flex;align-items:center;justify-content:center}
.swiper-index02 .swiper-slide .slide-con .control .next .icon{max-width:0.13rem}
.swiper-index02 .swiper-slide .slide-con .control .count{color:#fff;font-size:18px;position: absolute;left:-0.6rem;top:0.36rem;}
.swiper-index02 .swiper-slide-active .slide-con .control .line{ width:0; height:4px; background:rgba(255,255,255,0.4); position:absolute; left:0; top:0;animation: tolong linear 5.3s infinite;}
@keyframes tolong
{
0%   {width:0}
100% { width:2.8rem}
}
.swiper-index02 .swiper-slide .slide-con .container{position:relative;}
.swiper-index02 .swiper-slide .slide-con .control{width:26.57%;position:absolute;left:auto;bottom:auto;top:22.5%;right:0}
.swiper-index02 .swiper-slide .slide-con .control .next{width:50px;}
.swiper-index02 .swiper-slide .slide-con .control .next .icon{max-width:11px}
.swiper-index02 .swiper-slide .slide-con .control .count{font-size:24px;left:-40px;top:20px;}

.index03{position:relative;}
.index03con{position: absolute;left:0;top:0;width:100%;height:100%;z-index:1;padding-top:1.4rem;}
.index03con .com_tit{margin: 0 0 .5rem 0;}

.index03con .title{color:#222222;font-size:20px;font-family:"MontserratBold";line-height:1.1;margin-bottom:0.5rem}
.index03con .content{color:#999999;font-size:12px;margin-bottom:0.6rem;font-family:"MontserratExtraLight";max-width: 40%;}
.index03con .content p{margin-bottom:0.2rem;line-height: 1.7;}
.index03con .readmore{color:#a78e7a;font-size:14px;position:relative;font-family:"MontserratBold";text-transform:uppercase;padding-left:0.36rem;height: auto !important;transition: all 400ms;}
.index03con .readmore span{position:relative;z-index:2;font-weight: bold;}
.index03con .readmore:before{content:'';display:block;width:0.58rem;height:0.5rem;position: absolute;left:0;top:50%;transform: translateY(-50%); background:rgba(167,142,122,0.2);z-index:1;}
.index03con .readmore:hover{padding-left:20px}
.footer{background:#9f9f9f}
.footer-pc{display:flex;justify-content:space-between;}
.f-left{height:100%;width:30.7%;padding-top:50px;padding-bottom: 20px;border-right:1px solid rgba(255,255,255,0.1)}
.f-left .f-logo{height:56px;margin-bottom:20px;}
.f-left .copyright{color:#fff;font-size:14px;max-width:65%;margin-bottom:30px;}
.f-left .f-link ul li a{color:#c9c9c9;font-size: 14px;display:flex;align-items:center;line-height:30px}
.f-left .f-link ul li a .iconfont{margin-left:0px;opacity:0;transition:all 0.3s;font-size:18px;}
.f-left .f-link ul li a:hover{color:#fff}
.f-left .f-link ul li a:hover .iconfont{opacity:1;transform:translateX(15px);color:#fff}

.f-right{flex:1;padding-top:80px;display:flex;flex-direction:column;}
.f-right .f-menu{border-bottom:1px solid rgba(255,255,255,0.1);width:100%;display:flex;justify-content:flex-end;padding-bottom:30px}
.f-right .f-menu ul{display:flex;align-items:center;}
.f-right .f-menu ul li a{color:#fff;font-size:16px;}
.f-right .f-menu ul li.fg{width:2px;height:12px;background:rgba(255,255,255,0.2);margin:0 30px;}

.f-right .f-right-bottom{display:flex;flex:1;}
.f-right .f-right-bottom .t{color:#fff;font-size:16px;margin-bottom:10px;}
.f-right .f-right-bottom .subscription{width:57.7%;border-right:1px solid rgba(255,255,255,0.1);height:100%;padding-left:60px;padding-top:40px;}
.f-right .f-right-bottom .subscription .form{border-bottom:2px solid rgba(255,255,255,0.11);width:50%;display:flex;align-items:center}
.f-right .f-right-bottom .subscription .form input{background:none;border:none;color:rgba(255,255,255,0.8);font-size:16px; width:80%;margin-right:0px; transition:all 0.3s;outline: none;}
.f-right .f-right-bottom .subscription .form input::-webkit-input-placeholder {color:rgba(255,255,255,0.2);opacity:1}
.f-right .f-right-bottom .subscription .form input::-moz-input-placeholder {color:rgba(255,255,255,0.2);opacity:1}
.f-right .f-right-bottom .subscription .form input::-ms-input-placeholder {color:rgba(255,255,255,0.2);opacity:1}
.f-right .f-right-bottom .subscription .form button{background:none;border:none;}
.f-right .f-right-bottom .subscription .form button .iconfont{font-size:30px;color:#fff;}
.f-right .f-right-bottom .findus{width:42.3%;padding-top:40px;display:flex;flex-direction:column;align-items: flex-end;}
.f-right .f-right-bottom .findus .shareBox .icons{display:flex;}
.f-right .f-right-bottom .findus .shareBox .bdsharebuttonbox .bds_weixin{width:32px;height:32px;margin: 0 0 0 12px;}
.f-right .f-right-bottom .findus .shareBox .bdsharebuttonbox .bds_tsina{width:32px;height:32px;margin: 0 0 0 12px;}
.f-right .f-right-bottom .findus .icon{width:32px;margin-left:12px;}
.f-right .f-right-bottom .findus .icon:hover {color: #333;opacity: .3;}

.f-right .f-right-bottom .subscription .form input:focus{ margin-right:10px;}

.pages-banner{position:relative;}
.pages-banner .banner-con{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;}
.pages-banner .banner-con .text{color:#fff;font-size:20px;}

.pages-nav .container{padding:0;}
.pages-nav .now{background:#a78e7a;height:1rem;width:100%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;}
.pages-nav .link{padding:0.3rem 0;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.pages-nav .link::-webkit-scrollbar {display: none;}
.pages-nav .link a{color:#222222;font-family: 'MontserratExtraLight';font-size:12px;padding:0.3rem 0.3rem;}
.pages-nav .link a.on{color:#a78e7a;font-family:"MontserratBold"}
.pages-nav .link .fg{width:1px;height:0.2rem;background:#edede9;display:inline-block;}
.pages{padding-bottom:0.5rem;background:#f1f2f4}
.pages.product{background:#f3f4f6 url(../img/pages/pages-productbg.png) top center no-repeat; background-size:100%}

.position{display:flex;align-items:center;padding-bottom:0.5rem;padding-top:0.5rem}
.position .ico{font-size:12px;}
.position a{color:#999999;font-size:12px;margin-right:0.1rem;margin-left:0.1rem;flex-shrink:0}
.position span{color:#222;margin-left:0.1rem;flex-shrink:0}
.company{background-color: #fff;}

.company{background:#fff;}
.company .title {margin-bottom:0.3rem}
.company .title h3{color:#222222;font-size:18px;}
.company .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.company .title p{color:#222;font-size:12px;line-height: 1.8;}

.company01{background:#edede9;padding-bottom:1.2rem}
.company01main .data{display:flex;align-items:flex-start;justify-content:space-around;margin-top:0.4rem;flex-wrap:wrap;}
.company01main .data .item{color:#a78e7a;text-align:center;width:50%;margin-bottom:0.3rem}
.company01main .data .item .num{font-size:30px;line-height:1;font-weight: bold;}
.company01main .data .item p{color:#222222;font-size:12px;}
.company01main .rightimg{position:relative;margin-top:0.3rem}
.company01main .rightimg .img{position:relative;z-index:2;}
.company01main .rightimg:after{content:"";display:block;background:#a78e7a;position: absolute;left:0.1rem;top:0.1rem;width:100%;height:100%}

.company02 .topimg{position:relative;margin-top:-0.5rem;margin-bottom:0.5rem}
.company02 .topimg .img{position:relative;z-index:2;}
.company02 .topimg:after{content:"";display:block;background:#a78e7a;position: absolute;left:0.1rem;top:0.1rem;width:100%;height:100%}


.brand{background:#edede9;position:relative;padding-bottom:0 !important}
.brand:after{background:#fff;width:100%;content:"";display:block;left:0;bottom:0;height:1rem;z-index:1;}
.brand .title {margin-bottom:0.3rem}
.brand .title h3{color:#222222;font-size:18px;}
.brand .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.brand .title .text{color:#222;font-size:12px;line-height: 1.6;}
.brand .video{position:relative;z-index:2;margin-bottom:-0.5rem}
.brand .video .con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.brand .video .play{width:0.8rem;height:0.8rem;margin:0 auto;display:block;}
.brand .video p{display:none}

.popOver{display: none; position: fixed;left: 0;top:0;right: 0;bottom: 0;background-color: rgba(0, 0, 0,.6);z-index: 1000;}
.popcont{position: absolute;width: 60%;}
.pvideo video{width: 100%;}
.popcont .closed{position: absolute;right: -40px;top:-40px;color: #fff;}
.popcont .closed .iconfont{font-size: 30px;}

.history{background:#fff}
.historymain .leftcon{margin-bottom:0.4rem}
.historymain .leftcon h3{color:#222222;font-size:18px;}
.historymain .leftcon h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.historymain .leftcon .text{color:#222;font-size:12px;line-height: 1.7;}

.history01{padding-bottom:0.5rem;background:#edede9}
.history02{background:#fff;padding-top:0.5rem}

.history02 .info{color:#222222;font-size:12px;margin-top:0.5rem;line-height: 1.6;}
.history02 .more{color:#a78e7a;font-size:14px;margin:0 auto;display:flex;margin-top:0.6rem;justify-content:center;align-items:center;}
.history02 .more .iconfont{background:#a78e7a;width:0.4rem;height:0.4rem;border-radius:100%;color:#fff;font-size:16px;display: flex;align-items:center;justify-content:center;margin-right:0.1rem}

.industries{padding-bottom:0 !important}
.industries01{background:#edede9;padding-bottom:0.5rem}

.industries02{background:#fff;padding:0.5rem 0;}
.industries03{background:#edede9;padding:0.5rem 0;}

.industriescon{display:flex;flex-wrap:wrap;}
.industriescon .leftcon{width:100%;order:2;}
.industriescon .rightimg{margin-bottom:0.4rem;position:relative;width:100%;order:1;}
.industriescon .rightimg .img{position:relative;z-index:2;}
.industriescon .rightimg:after{content:"";display:block;background:#a78e7a;position: absolute;left:0.1rem;top:0.1rem;width:100%;height:100%}


.culture{padding-bottom:0 !important;background:#edede9}
.culture .title {margin-bottom:0.3rem}
.culture .title h3{color:#222222;font-size:20px;}
.culture .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}

.culture-list{padding-bottom:0.5rem}

.culture-list .item{background:#fff;padding:0.3rem;width:100%;margin-bottom:0.3rem;color:#222222}
.culture-list .item h3{font-size:14px;}
.culture-list .item p{font-size:12px;margin-bottom:0.5rem}
.culture-list .item .ico{max-height: 0.5rem}

.culture02{position:relative;background-position: center;background-repeat: no-repeat;padding: 1rem 0;background-size: cover;}
.culture02:before{content: "";display:block;width: 100%;height: 100%;position: absolute;left:0;top:0;background: rgba(0,0,0,0.3);z-index:1;}
.cul_info{display: flex;justify-content: flex-end;color: #fff;}
.cul_info .text{max-width: 50%;position: relative;z-index: 2;}
.cul_info .text .cell{padding: 20px 0;line-height: 1.8;}
.cul_info .text h4{font-size: 16px;font-weight: bold;margin-bottom: 10px;}

.development01{padding-bottom:0.5rem;background:#edede9}
.development01 .title {margin-bottom:0.3rem}
.development01 .title h3{color:#222222;font-size:20px;}
.development01 .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}

.developmain{margin-bottom:0.4rem}
.developmain .leftcon{margin-bottom:0.4rem}
.developmain .leftcon h3{color:#222222;font-size:16px;}
.developmain .leftcon h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.developmain .leftcon .text{color:#222;font-size:12px;line-height: 1.6;}

.development02 {background:#fff;padding:0.3rem 0;}
.development02 .title {margin-bottom:0.3rem;text-align:center;}
.development02 .title h3{color:#222222;font-size:20px;}
.development02 .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin:0.2rem auto;}
.development02 .title p{color:#222;font-size:12px;}

.development02  .item-list{margin-top:0.5rem}
.development02  .item-list .item{margin-bottom:0.3rem;position:relative; overflow:hidden}
.development02  .item-list .item p{position: absolute;bottom:0.2rem;color:#fff;font-size:14px;width:100%;text-align:center;}
.development02  .item-list .item .img{ transition:all 0.6s}
.development02  .item-list .item:hover .img{transform:scale(1.2)}

.development03{background:#edede9;padding:0.3rem 0;}

.pages.product{background:#f3f4f6 url(../images/pg.png) top center no-repeat; background-size:100%}
.product-list .item{position:relative;margin-bottom:0.3rem}
.product-list .item .con{position: absolute;left:0;top:0;width:100%;height:100%}
.product-list .item .con h4{color:#000;font-size:14px;position:absolute;bottom:0.6rem;width:100%;text-align:center;}
.product-list .item .con p{color:rgba(34,34,34,0.5);text-align:center;font-size:12px;position: absolute;bottom:0.2rem;width:100%}


.design{background:#f1f2f4}

.design .title h3{color:#222222;font-size:18px;}
.design .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.design .title p{color:#222;font-size:12px;}
.design .text p{line-height: 1.7;}
.design01 .left .img{margin-top:0.3rem}
.design01 .left{margin-bottom:0.4rem;position:relative;z-index:2;}
.design01 .right{position:relative;z-index:2;}
.design01 .right .img{margin-bottom:0.3rem}
.design01 .right p{color:#222;font-size:12px;line-height: 1.7;}
.design01 {position:relative;padding-bottom:0.8rem}
.design01:after{content:"";display:block;width:100%;height:4rem;background:#fff;position: absolute;left:0;bottom:0;z-index:1;}

.design02{padding:0.3rem 0;}
.design02 .img{margin-top:0.4rem}

.design02 .swiper-img{ padding-bottom:0.6rem;position: relative;}
.design02 .swiper-img .swiper-pagination-bullets{ bottom:0}
.design02 .swiper-img .swiper-pagination-bullet{ opacity:1; background:rgba(0,0,0,0.12);}
.design02 .swiper-img .swiper-pagination-bullet-active{ background:#a78e7a}


.ce .title {margin-bottom:0.3rem}
.ce .title h3{color:#222222;font-size:18px;}
.ce .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.ce .title p{color:#222;font-size:12px;}

.ce-nav{margin-bottom:0.3rem}
.ce-nav a{ display:flex; align-items:center; justify-content:space-between; background:#fff; color:#222; font-size:12px; width:100%; padding:0.15rem 0.3rem 0.15rem 0.2rem; margin-bottom:0.2rem}
.ce-nav a .icoon{ display:none}
.ce-nav a.on .icoon{ display:block}
.ce-nav a.on .ico{ display:none}
.ce-nav a.on{ background:#a78e7a; color:#fff}

.ce-list .item{width:100%;margin-bottom:0.3rem}
.ce-list .item .con{background:#fff;padding:0.3rem 0.3rem 0;position:relative}
.ce-list .item .img{display:block;margin:0 auto;max-width:100%;margin-bottom:0.3rem}
.ce-list .item .bottom{border-top:1px solid #f5f5f5;display:flex;align-items:center;justify-content:space-between;height:0.8rem;color:#222222;font-size:12px;font-weight: bold;}
.ce-list .item .bottom .down{display:block;}
.ce-list .item .bottom p{padding-right: 10px;}
.pda-list .item{background:#fff;}
.pda-list .item .line{font-size:16px;position:relative;height:1rem;line-height:1rem;color:#222222;display:flex;border-bottom:1px solid #f1f2f4;justify-content:space-between;padding:0 0.3rem;}
.pda-list .item .line .iconfont{color:#c6c6c6;font-size:20px;display:flex;align-items:center;}
.pda-list .item .line .iconfont:before{border:1px solid #e5e5e5;width:0.4rem;height:0.4rem;display:inline-block;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:12px;}
.pda-list .item.on .line:before{opacity:0}
.pda-list .item .con{display:none;padding:0.2rem 0.3rem;margin-bottom:0.3rem}
.pda-list .item .con h4{font-size:14px;margin-bottom:0.1rem;margin-top:0.1rem}
.pda-list .item .con p{font-size:12px;}
.swiper-news{position:relative;}

.news01 .flex{display:flex;justify-content:space-between;align-items:flex-start;}
.news01 .control{display:flex;align-items:center;z-index:99;}
.news01 .control .swiper-pagination-fraction{color:#222;font-size:20px;position:relative;display:flex;align-items:center;bottom:0;width:1rem;justify-content:center;}
.news01 .control .iconfont{color:rgba(0,0,0,0.2);font-size:24px;font-weight:bold;}

.news{padding-bottom:0 !important}
.news01{background:#f1f2f5 url(../img/pages/news01bg.jpg) no-repeat; background-size: 100%;padding-bottom:0.5rem}
.news .title{color:#222222;font-size:16px;margin-bottom:0.3rem}
.newstop{background:#fff;}

.newstop .rightcon{padding:0.2rem 0.4rem;color:#222;}
.newstop .rightcon h4:after{content:"";display:block;width:0.22rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.newstop .rightcon .other{display:flex;justify-content:space-between;align-items:center;margin-top:0.3rem}

.newstop .rightcon .other .time{color:rgba(34,34,34,0.2);font-size:12px;}
.newstop .rightcon .other .go{display:block;width:0.5rem;height:0.5rem;color:#fff;background:#a78e7a;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.newstop .rightcon .other .go .iconfont{font-size:16px;}

.news02{background:#fff;padding:0.3rem 0;}

.news-list .item{background:#f7f7f7;margin-bottom:0.3rem}
.news-list .item .info{padding:0.3rem 0.3rem 0.1rem;color:#222;position:relative;z-index:9;}
.news-list .item .imgbox{display:block;overflow: hidden;}
.news-list .item .imgbox .img{transition:all 0.8s}
.news-list .item .info .time{font-size:10px;margin-bottom:0.1rem}
.news-list .item .info h4{font-size:14px;margin-bottom:0.2rem;font-weight: 500;}
.news-list .item .info p{font-size:12px;margin-bottom:0.2rem;line-height: 1.7;}
.news-list .item .info .icon-jiantou{font-size:28px;}
.news-list .item:hover  .imgbox .img{transform: scale(1.2);}


.news-detail .title{border-bottom:2px solid #a78e7a;padding-bottom:0.3rem;padding-top:0.5rem}
.news-detail .title h2{font-size:18px;color:#222;margin-bottom:0.1rem}
.news-detail .title span{font-size:12px;color:rgba(34,34,34,0.3);}
.news-detail .title .right{display:none}

.news-detail .content{color:#222222;font-size:12px;padding:0.4rem 0;border-bottom:1px solid rgba(0,0,0,0.1);line-height: 1.8;}
.news-detail .content img{max-width:100%;margin:0.3rem 0;height: auto !important;}
.news-detail .content p{padding: 10px 0;}

.news-detail .title  .bdsharebuttonbox .bds_weixin{width:32px;height:32px;margin: 0 0 0 12px;background-image: url(../images/weixin_gray.png);background-size:100% 100%;background-position:unset;}
.news-detail .title  .bdsharebuttonbox .bds_tsina{width:32px;height:32px;margin: 0 0 0 12px;background-image: url(../images/weibo_gray.png);background-size:100% 100%;background-position:unset;}


.bd_weixin_popup {height:max-content !important;}


.detail-nav{position:relative;display:flex;justify-content:center;padding-top:0.6rem;padding-bottom:40px !important;align-items:center;}
.detail-nav .prev,.detail-nav .next{position:absolute;left:0;background:none;border-radius:100%;display:block;display:flex;align-items:center;justify-content:center;transition:all 0.3s;color:#222222}
.detail-nav .next{left:auto;right:0;}
.detail-nav .prev .iconfont,.detail-nav .next .iconfont{font-size:18px;}
.detail-nav .menu{background:none;display:block;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.detail-nav .menu i{width:15px;}
.detail-nav .menu i span{width:15px;height:2px;background:#222222;display:block;margin-bottom:6px;transition:all 0.3s;}
.detail-nav .menu i span:last-child{margin-bottom:0}

.contact{background:#edede9;padding-bottom:0 !important}
.contact h3.title{color:#222222;font-size:18px;}
.contact h3.title:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.4rem}
.contact-list{display:flex;flex-wrap:wrap;padding-bottom:0.3rem}
.contact-list .item{background:#fff;width:100%;padding:0.5rem 0.3rem 0.4rem;margin-bottom:0.3rem;text-align:center;}
.contact-list .item .ico{display:block;margin:0 auto;max-height:0.6rem;margin-bottom:0.5rem}
.contact-list .item h4{font-weight: bold; color:#222222;font-size:14px;margin-bottom:0.1rem}
.contact-list .item p{color:#222222;font-size:12px;}



.order{background:#edede9}
.order .title {margin-bottom:0.3rem}
.order .title h3{color:#222222;font-size:18px;}
.order .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.order .title p{color:#222;font-size:12px;}

.order .order-list{background:#fff;width:100%;padding:0.3rem 0;}
.order .order-list  .item{width:100%;padding:0.3rem 0;text-align:center;color:#222222;}
.order .order-list  .item .ico{max-height:0.5rem;margin-bottom:0.2rem}
.order .order-list  .item h4{font-size:14px;}
.order .order-list  .item p{font-size:12px;}

.message{background:#edede9;padding-bottom: 0 !important}
.message .title {margin-bottom:0.3rem}
.message .title h3{color:#222222;font-size:18px;}
.message .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.message .title p{color:#222;font-size:12px;}

.message .form{background:#fff;padding:0.5rem 0.3rem;position:relative;z-index:2;}
.message .form .t{text-align: center;font-size:12px;color:#222;margin-bottom:0.6rem;}
.message .form .int{border:1px solid #f2f2f2;width:100%;height:0.8rem;border-radius:0;margin-bottom:0.2rem;color:#222;font-size:12px;padding-left:0.15rem}
.message .form .int::-webkit-input-placeholder {color:#666;opacity:1}
.message .form .int::-moz-input-placeholder  {color:#666;opacity:1}
.message .form .int::-ms-input-placeholder  {color:#666;opacity:1}

.message .form .textarea{border:1px solid #f2f2f2;width:100%;height:2rem;border-radius:0;margin-bottom:0.2rem;color:#222;font-size:12px;padding:0.15rem}
.message .form .textarea::-webkit-input-placeholder {color:#222;opacity:1}
.message .form .textarea::-moz-input-placeholder  {color:#222;opacity:1}
.message .form .textarea::-ms-input-placeholder  {color:#222;opacity:1}
.message .form .subbtn{background:#a78e7a;width:2.4rem;height:0.8rem;line-height:0.8rem;text-align:center;color:#fff;font-size:12px;border:none;}

.message .messageimg{margin-top:-0.3rem}


.job{background:#fff}
.job .title {margin-bottom:0.3rem}
.job .title h3{color:#222222;font-size:18px;}
.job .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.job .title p{color:#222;font-size:12px;}

.jobtop{background:#edede9;padding-bottom:0.4rem}
.jobmain{padding-top:0.3rem}

.job-list{display:flex;flex-wrap:wrap;margin-top:0.5rem}
.job-list .item{border:1px solid #f6f6f6;padding:0.3rem 0.4rem;margin-bottom:0.3rem}
.job-list .item h4{color:#222222;font-size:18px;margin-bottom:0.2rem}
.job-list .item p{color:#222;font-size:12px;margin-bottom:0.3rem}
.job-list .item .go{border:1px solid #e5e5e5;border-radius:100%;color:#a78e7a;font-size:20px;width:0.6rem;height:0.6rem;display:flex;align-items:center;justify-content:center;}


.tczz{background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;display:none}
.job-tc{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:9999;width:6rem;color:#222222;padding:0.3rem;display:none}
.job-tc .icon-close{position: absolute;right:0.2rem;top:0.2rem;color:rgba(0,0,0,0.2);font-size:24px;cursor: pointer;}
.job-tc .tcmain{height:6rem;margin-bottom:0.3rem;padding-top:0.3rem}
.job-tc .tcmain .duty{margin-bottom: 0.4rem;line-height: 2}
.job-tc .tcmain .requ{margin-bottom: 0.3rem;line-height: 2}
.job-tc .title{font-size:20px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:0.3rem;}
.job-tc .t{font-size:16px;}
.job-tc .t:after{content: "";display:block;width: 0.2rem;height: 0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.job-tc .applybtn{width:2rem;height:0.8rem;background:#a78e7a;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;float:right;}
.sitemapmain .title{color:#222222;font-size:18px;}
.sitemapmain .title:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}

.sitemapmain .link{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.sitemapmain .link .item{width:100%;margin-bottom:0.3rem}
.sitemapmain .link h4{font-size:14px;color:#222;}
.sitemapmain .link h4:after{content:"";display:block;width:0.3rem;height:0.07rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.sitemapmain .link ul li {line-height:2;}
.sitemapmain .link ul li a{color:#222;font-size:12px;}

.sm_cont{font-size: 18px;line-height: 1.8;}

.detail-top{ background:#fff;padding: 20px 0;}
.detail-top .leftimg .buynow{background:#a78e7a;width:2.4rem;height:0.8rem;line-height:0.8rem;text-align:center;color:#fff;font-size:12px;border:none; display:block; margin:0 auto; margin-top:0.3rem}
.detail-top .rightcon{padding:0.3rem;}
.detail-top .rightcon h2{color:#222222;font-size:18px;}
.detail-top .rightcon span{font-size:12px;color:rgba(34,34,34,0.5);}
.detail-top .rightcon .fg{width:0.3rem;height:0.04rem;background:#a78e7a;margin:0.3rem 0;}
.detail-top .rightcon .text{color:#222222;font-size:12px;line-height:2}


.product-fature{padding:0.3rem 0;}

.product-fature .t h3{color:#222;font-size:18px;margin-bottom:0.2rem}
.product-fature .t h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.product-fature .left p{color:#222;font-size:12px;margin-bottom:0.3rem}

.product-fature .left  .tab ul li{background:#fff;width:100%;margin-bottom:0.2rem;padding:0.2rem 0.3rem;color:#222;}
.product-fature .left  .tab ul li.on{background:#a78e7a;color:#fff}

.product-order .t h3{color:#222;font-size:18px;margin-bottom:0.2rem;}
.product-order .t h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.4rem;}
.product-order .form .int{border:1px solid #f2f2f2;width:100%;height:0.8rem;border-radius:0;margin-bottom:0.2rem;color:#222;font-size:12px;padding-left:0.15rem}
.product-order .form .int::-webkit-input-placeholder {color:#222;opacity:1}
.product-order .form .int::-moz-input-placeholder  {color:#222;opacity:1}
.product-order .form .int::-ms-input-placeholder  {color:#222;opacity:1}
.product-order .subbtn{background:#a78e7a;width:2.4rem;height:0.8rem;line-height:0.8rem;text-align:center;color:#fff;font-size:12px;border:none;}

.swiper-product{position: relative;}
.swiper-product .control{position: absolute;right: 10px;top: 10px;z-index: 20;display: flex;align-items: center;}
.swiper-product .swiper-pagination{font-weight: bold; position: static !important;}
.swiper-product .control .iconfont{font-size: 30px !important;}
.swiper-product .control .swbtn{color: #a78e7a;}

.video_page{background:#edede9;}
.video_page .title {margin-bottom:0.3rem}
.video_page .title h3{color:#222222;font-size:20px;}
.video_page .title h3:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}
.video-list .item{position:relative;margin-bottom:0.3rem; overflow:hidden}
.video-list .item a{position: absolute;width:100%;height:100%;display:block;left:0;top:0; z-index:9}
.video-list .item a .icon{position: absolute;left:50%;top:50%;transform: translate(-50%,-80%);max-width:0.4rem}
.video-list .item a p{color:#fff;font-size:10px;left:0;bottom:0.2rem;position: absolute;width:100%;padding:0 0.2rem;}
.video .more{color:#a78e7a;font-size:14px;margin:0 auto;display:flex;margin-top:0.5rem;justify-content:center;align-items:center;}
.video .more .iconfont{background:#a78e7a;width:0.4rem;height:0.4rem;border-radius:100%;color:#fff;font-size:16px;display: flex;align-items:center;justify-content:center;margin-right:0.1rem}
.video-list .item .img{transition:all 0.8s}
.video-list .item:hover .img{transform:scale(1.2)}

.searchmain .title{color:#222222;font-size:18px;}
.searchmain .title span{color:#a78e7a;margin:0 0.15rem;}
.searchmain .title:after{content:"";display:block;width:0.3rem;height:0.04rem;background:#a78e7a;margin-top:0.2rem;margin-bottom:0.2rem}

.search-list .item{background:#fff;margin-bottom:0.04rem;}
.search-list .item a{display:block;padding:0.2rem 0.2rem 0 0.2rem;color:#222222;font-size:12px;}
.search-list .item .iconfont{color:rgba(0,0,0,0.2);font-size:24px;}

.search-zz{background:rgba(0,0,0,0.3);z-index:997;width:100%;height:100%;position:fixed;left:0;top:0;display:none}
.search-box{background:#ffffff;height:1.08rem;display:flex;align-items:center;justify-content:space-between;z-index:998;width:100%;position: fixed;top:-1.08rem;transition:all 0.3s}
.search-box.on{top:1.26rem;}
.search-zz.on{display:block;}
.search-box .int{background:none;border:none;height:0.88rem;padding-left:0.3rem;font-size:14px;color:rgba(34,34,34,1);flex:1;}
.search-box .int::-webkit-input-placeholder{color:rgba(34,34,34,0.5);opacity:0.5}
.search-box .int::-moz-placeholder{color:rgba(34,34,34,0.5);opacity:1}
.search-box .int:-moz-placeholder{color:rgba(34,34,34,0.5);opacity:1}
.search-box .int:-ms-input-placeholder{color:rgba(34,34,34,0.5);opacity:1}
.search-box button{background:none;border:none;width:1.08rem;height:1.08rem;display:flex;align-items:center;justify-content:center;}
.search-box button .ico{ max-height:0.2rem;}

.msearch{color: #fff;margin-right: 10px;}
.msearch:hover{color: #fff;}
.msearch .iconfont{font-size: 20px !important;position: relative;top:1px}


.friend_links{line-height: 1.8;color: #fff;padding: 30px 0;display: flex;flex-wrap: wrap;}
.friend_links ul{flex-wrap: wrap;}
.friend_links a{color: #c9c9c9;cursor: pointer;margin-right: 10px;}
.friend_links a:hover{text-decoration: underline;color: #fff;}

@media (min-width:992px) {

    body {padding-bottom: 0;}
    body.nobanner{padding-top: 120px;}
    body.nobanner .menu li .item{color: #333;}
    body.nobanner .header .searchbox .iconfont{color: #333;}
    .search-box{height:100px; width:560px; right:100px;top:-120px}
    .search-box.on{top:100px;}
    .search-box button{width:70px;height:70px;padding-right:20px}
    .search-box button .ico{ max-height:16px;}
    .video_page .title {margin-bottom:30px}
    .video_page .title h3{font-size:20px;}
    .video_page .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .video-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
    .video-list .item{position:relative;margin-bottom:30px;width:47.28%}
    .video-list .item a .icon{max-width:40px}
    .video-list .item a p{font-size:14px;bottom:20px;padding:0 30px;}

    .pages-banner .banner-con .text{font-size:36px;}
    .pages-nav{position:relative;}
    .pages-nav:before{content:"";display:block;width:36.5%;background:#a78e7a;height:60px;position:absolute;left:0;top:0}
    .pages-nav .nflex{display:flex;align-items:center;height:100%}
    .pages-nav .now{background:none;height:60px;width:36.5%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1;font-size:15px;}
    .pages-nav .link{padding:0;overflow-x: hidden;overflow-y: hidden;width:63.5%;text-align:right; display:flex; align-items:center;justify-content:flex-end}
    .pages-nav .link a{font-size:14px;padding:0;height:60px;padding:0 15px;display:inline-block;line-height:60px}
    .pages-nav .link a.on{color:#a78e7a;border-bottom:4px solid #a78e7a}
    .pages-nav .link .fg{width:1px;height:10px;}

    .company .title {margin-bottom:30px;}
    .company .title h3{font-size:20px;}
    .company .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .company .title p{font-size:14px;}
    .company01{padding-bottom:140px}
    .company01main{display:flex;justify-content:space-between;align-items:flex-start;}
    .company01main .leftcon{width:52.85%}
    .company01main .data{justify-content:space-between;margin-top:40px;}
    .company01main .data .item{width:auto;margin-bottom:0}
    .company01main .data .item .num{font-size:36px;}
    .company01main .data .item p{font-size:14px;}
    .company01main .rightimg{position:relative;margin-top:0;width:42.85%}
    .company01main .rightimg:after{left:10px;top:10px;}
    .company02 .topimg{position:relative;margin-top:-70px;margin-bottom:50px}
    .company02 .topimg:after{left:10px;top:10px;}
    .company02 .title{display:flex;justify-content:space-between;align-items:flex-start;}
    .company02 .title .text{max-width:75%}

    .brand:after{height:120px;}
    .brand .title {margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;}
    .brand .title h3{font-size:20px;position: relative;}
    .brand .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:0px;content: '';}
    .brand .title .text{font-size:14px;width:85%}
    .brand .video{position:relative;z-index:2;margin-bottom:-40px;margin-top:80px}
    .brand .video .con{position:absolute;left:50%;top:50%;}
    .brand .video .play{width:80px;height:80px;cursor:pointer;}
    .brand .video p{display:block;max-width:300px;margin:0 auto;margin-top:20px;text-align:center;color:#fff;font-size:16px}

    .historymain{position:relative;}
    .historymain .leftcon{margin-bottom:0;width:50.71%;background:rgba(255,255,255,0.7);padding:70px 100px 80px 50px;position:relative;z-index:2;top:50px;}
    .historymain .leftcon h3{font-size:20px;}
    .historymain .leftcon h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:30px}
    .historymain .leftcon .text{font-size:14px;}

    .historymain .rightimg{width:57.42%;position: absolute;right:0;top:0;z-index:1;}

    .history01{padding-bottom:260px;background:#edede9}
    .history02{background:#fff;}

    .history02 .historymain{margin-top:-220px;display:flex;justify-content:flex-end;margin-bottom:200px}
    .history02 .historymain .rightimg{top:100px;right:auto;left:0}
    .history02 .info{font-size:14px;margin-top:0}
    .history02  .more{font-size:14px;margin-top:60px;}
    .history02  .more .iconfont{width:32px;height:32px;font-size:16px;margin-right:10px}

    .industries01{padding-bottom:50px}
    .industries02{padding:60px 0;}
    .industries03{padding:60px 0;}

    .industriescon{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
    .industriescon .leftcon{width:52.85%;order:2;}
    .industriescon .rightimg{margin-bottom:0;width:42.85%;order:1;}
    .industriescon .rightimg:after{left:10px;top:10px;}
    .industries03 .rightimg{order:2;}

    .culture .title {margin-bottom:30px}
    .culture .title h3{font-size:20px;}
    .culture .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}

    .culture-list{padding-bottom:60px;display:flex;justify-content:space-between;flex-wrap:wrap;}

    .culture-list .item{padding:30px 30px 90px 30px;width:32.71%;margin-bottom:20px;position:relative;}
    .culture-list .item h4{font-size:18px;margin-bottom:20px}
    .culture-list .item p{font-size:14px;margin-bottom:50px}
    .culture-list .item .ico{max-height:60px;position: absolute;bottom:40px;left:30px}
    .culture-list .item:nth-child(4),.culture-list .item:nth-child(5){width:49.28%}


    .development01{padding-bottom:60px;}
    .development01 .title {margin-bottom:30px}
    .development01 .title h3{font-size:20px;}
    .development01 .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}

    .developmain{margin-bottom:60px;position:relative;}
    .developmain .leftcon{margin-bottom:0;background:#fff;width:51.07%;padding:30px 80px 30px 30px;}
    .developmain .leftcon h3{color:#222222;font-size:15px;}
    .developmain .leftcon h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:30px}
    .developmain .leftcon .text{font-size:14px;}
    .developmain .rightimg{width:53.21%;position: absolute;right:0;top:-60px;z-index:1;}

    .development01 .developmain:nth-child(2n){display:flex;justify-content:flex-end}
    .development01 .developmain:nth-child(2n) .rightimg{right:auto;top:60px;left:0}
    .development01 .developmain:nth-child(2n) .leftcon{padding:30px 30px 30px 80px;}

    .development02 {padding:50px 0;}
    .development02 .title {margin-bottom:0;}
    .development02 .title h3{font-size:20px;}
    .development02 .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .development02 .title p{font-size:14px;}

    .development02  .item-list{margin-top:40px;display:flex;justify-content:space-between;}
    .development02  .item-list .item{margin-bottom:0;position:relative;width:31.42% }
    .development02  .item-list .item p{bottom:20px;font-size:18px;}

    .development03{padding:120px 0  70px;}
    .development03 .developmain{margin-bottom:0}

    .product-list{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
    .product-list:after{ content:""; display:block; width:31.28%}
    .product-list .item{position:relative;margin-bottom:20px;width:31.28%}
    .product-list .item img{position:relative;z-index:2;transition:all 0.3s}
    .product-list .item .con{position:absolute;z-index:3;}
    .product-list .item .con h4{font-size:14px;position:absolute;bottom:25px;width:100%;text-align:center;transition:all 0.3s}
    .product-list .item .con p{opacity:0;bottom:0;transition:all 0.3s}
    .product-list .item:before{content:"";display:block;width:100%;height:100%;position:absolute;background:#a78e7a;opacity:0;transition:all 0.3s;z-index:1;}
    .product-list .item:hover h4{bottom:50px}
    .product-list .item:hover p{bottom:25px;opacity:1}
    .product-list .item:hover:before{opacity:1;top:10px;left:10px}

    .design .title h3{font-size:20px;}
    .design .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .design .text p{font-size:14px;margin-bottom:10px;}
    .design01main{display:flex;justify-content:space-between;align-items:flex-start;}
    .design01main .img{transition:all 0.6s}
    .design01 .left .imgbox{margin-top:20px;max-width:58.33%;position: absolute;right:-20px; overflow:hidden}
    .design01 .left{margin-bottom:0.4rem;width:60%}
    .design01 .right{width:35%}
    .design01 .right .imgbox{margin-bottom:40px; overflow:hidden}
    .design01 .right p{font-size:14px;}
    .design01 {position:relative;padding-bottom:260px}
    .design01:after{content:"";display:block;width:100%;height:350px;background:#fff;position: absolute;left:0;bottom:0;z-index:1;}
    .design02{padding:60px 0;}
    .design02 .title{display:flex;justify-content:space-between;}
    .design02 .title h3{width:29%}
    .design02 .title .text{width:57%}
    .design02 .imgbox{ overflow:hidden}
    .design02 .img{margin-top:40px;transition:all 0.6s}
    .design01main .img:hover{ transform:scale(1.1)}
    .design02 .img:hover{ transform:scale(1.1)}


    .design02 .swiper-img{ padding-bottom:60px;}
    .design02 .swiper-img .swiper-pagination-bullet{ opacity:1; background:rgba(0,0,0,0.12); width:14px; height:14px; margin:0 5px}
    .design02 .swiper-img .swiper-pagination-bullet-active{ background:#a78e7a}

    .ce .title {margin-bottom:30px; flex:1}
    .ce .title h3{font-size:20px;}
    .ce .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .ce .title p{font-size:14px;}

    .cetop{ display:flex;justify-content:space-between;align-items:flex-start;}
    .ce-nav{ display:flex; width:40%}
    .ce-nav a{ display:flex; align-items:center; justify-content:space-between;font-size:14px; width:100%; padding:20px 30px; margin-bottom:0; margin-left:10px;transition:all 0.3s}
    .ce-nav a:hover .icoon{ display:none}
    .ce-nav a:hover .icoon{ display:block}
    .ce-nav a:hover .ico{ display:none}
    .ce-nav a:hover{ background:#a78e7a; color:#fff}



    .ce-list {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
    .ce-list:after{content:"";display:block;width:31.28%;}
    .ce-list .item{width:31.28%;margin-bottom:30px;position:relative;}
    .ce-list .item .img{margin-bottom:30px}
    .ce-list .item .bottom{height:80px;font-size:16px;}
    .ce-list .item .con{padding:40px 30px 0; position:relative; z-index:2}
    .ce-list .item:before{content:"";display:block;width:100%;height:100%;position:absolute;background:#a78e7a;opacity:0;transition:all 0.3s;z-index:1; left:0; top:0}
    .ce-list .item:hover:before{opacity:1;top:10px;left:10px}

    .pda-list .item .line{font-size:16px;height:100px;line-height:100px;padding:0 40px; cursor:pointer}
    .pda-list .item .line .iconfont{font-size:24px;}
    .pda-list .item .line .iconfont:before{width:32px;height:32px;font-size:16px;}
    .pda-list .item .con{display:none;padding:30px 40px;margin-bottom:30px}
    .pda-list .item .con h4{font-size:18px;margin-bottom:10px;margin-top:10px}
    .pda-list .item .con p{font-size:14px;}

    .news01{padding-bottom:50px}
    .news .title{font-size:20px;margin-bottom:30px}

    .news01 .control .swiper-pagination-fraction{font-size:24px;width:60px;}
    .news01 .control .iconfont{font-size:32px;transition:all 0.3s}
    .news01 .control .iconfont:hover{color:#a78e7a}

    .newstop{display:flex;justify-content:space-between;}
    .newstop .leftimg{width:57.14%}
    .newstop .rightcon{padding:40px 50px 20px;flex:1;}
    .newstop .rightcon h4{font-size:18px;}
    .newstop .rightcon h4:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .newstop .rightcon p{color:#222;font-size:14px;}
    .newstop .rightcon .other{margin-top:30px}
    .newstop .rightcon .other .time{font-size:16px;}
    .newstop .rightcon .other .go{width:40px;height:40px;}
    .newstop .rightcon .other .go .iconfont{font-size:16px;}


    .shaixuan{ position:relative;display:flex;margin-bottom:0;justify-content:flex-end;}
    .shaixuan .select{display:flex;align-items:center;font-size:18px;cursor:pointer;}
    .shaixuan .select .iconfont{margin-left:20px;font-size:24px}
    .shaixuan .fg{width:2px;height:20px;margin: 0 30px;}
    .shaixuan ul{  top:60px; left:0; }
    .shaixuan ul li{ height:50px; line-height:50px;}
    .shaixuan ul li a{ display:block; padding:0 20px; font-size:16px;color:#4e4e4e;}


    .news02 .flex{display:flex;justify-content:space-between;align-items:flex-start;}

    .news02{padding:40px 0;}
    .news-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
    .news-list:after{ content:""; display:block; width:31.42%}
    .news-list .item{margin-bottom:30px;width:31.42%;transition:all 0.3s}
    .news-list .item .info{padding:30px 30px 10px;transition:all 0.3s;}
    .news-list .item .info .time{font-size:12px;margin-bottom:6px}
    .news-list .item .info h4{font-size:18px;margin-bottom:30px}
    .news-list .item .info p{font-size:14px;margin-bottom:20px}
    .news-list .item .info .icon-jiantou{font-size:28px; transition:all 0.3s; display:block}
    .news-list .item:hover{background:#a78e7a;}
    .news-list .item:hover .info{color:#fff;}
    .news-list .item:hover .info .icon-jiantou{transform:translate(15px)}

    .news-detail .title{border-bottom:4px solid #a78e7a;padding-bottom:20px;padding-top:40px;position:relative;}
    .news-detail .title h2{font-size:22px;margin-bottom:10px}
    .news-detail .title span{font-size:14px;color:rgba(34,34,34,0.3);}
    .news-detail .title .right{display:block;position: absolute;right:0;top:40px}

    .news-detail .title .right .icon{max-height:24px;margin-left: 15px;}

    .news-detail .title .right .share-iconcon{ position:absolute; right:0;background:#fff; height:50px; top:40px; padding:0 20px; display:none}
    .news-detail .title .right .flex{display:flex;align-items:center; height:100%;}
    .news-detail .title .right .share-iconcon .ico{ max-height:20px; margin: 0 15px}
    .news-detail .content{font-size:14px;padding:30px 0;}
    .news-detail .content img{max-width:100%;margin:20px 0;}
    .news-detail .title{border-bottom:4px solid #a78e7a;padding-bottom:20px;padding-top:40px;position:relative;}
    .news-detail .title h2{font-size:22px;margin-bottom:10px}
    .news-detail .title span{font-size:14px;color:rgba(34,34,34,0.3);}
    .news-detail .title .right{display:block;position: absolute;right:0;top:40px}

    .news-detail .title .right .icon{max-height:24px;margin-left: 15px;}

    .news-detail .title .right .share-iconcon{ position:absolute; right:0;background:#fff; height:50px; top:40px; padding:0 20px; display:none}
    .news-detail .title .right .flex{display:flex;align-items:center; height:100%;}
    .news-detail .title .right .share-iconcon .ico{ max-height:20px; margin: 0 15px}


    .news-detail .content{font-size:14px;padding:30px 0;}
    .news-detail .content img{max-width:100%;margin:20px 0;}


    .detail-nav{padding-top:50px;padding-bottom:20px;}
    .detail-nav .prev,.detail-nav .next{font-size:14px}
    .detail-nav .prev .iconfont,.detail-nav .next .iconfont{font-size:20px;}
    .detail-nav .menu i{width:18px;}
    .detail-nav .menu i span{width:18px;height:2px;margin-bottom:10px;}

    .contact h3.title{font-size:20px;}
    .contact h3.title:after{width:21px;height:4px;margin-top:20px;margin-bottom:40px}
    .contact-list{padding-bottom:50px;justify-content:space-between;}
    .contact-list .item{width:23.14%;padding:50px 20px 40px;margin-bottom:0;}
    .contact-list .item .ico{max-height:45px;margin-bottom:36px}
    .contact-list .item h4{font-size:16px;margin-bottom:10px}
    .contact-list .item p{font-size:14px;}

    .order .title {margin-bottom:0;display:flex;justify-content:space-between;align-items:flex-start;}
    .order .title h3{font-size:20px;}
    .order .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:0px}
    .order .title p{font-size:14px;width:51.85%}

    .order .ordermain{margin-top:80px;position:relative;}
    .order .ordermain .orderimg{position: absolute;right:0;top:-35px;max-width: 51.85%}
    .order .order-list{background:#fff;width:50%;padding:100px 0 70px;display:flex;align-items:center;flex-wrap:wrap;}
    .order .order-list  .item{width:50%;padding:0;text-align:left;display:flex;align-items:center;margin-bottom:50px; padding-left:30px;}
    .order .order-list  .item .ico{max-height:48px;margin-bottom:0;margin-right:20px;}
    .order .order-list  .item h4{font-size:14px;margin-bottom:10px;}
    .order .order-list  .item p{font-size:12px;}

    .message .title {margin-bottom:200px;}
    .message .title h3{font-size:20px;}
    .message .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .message .title p{font-size:14px;max-width:20%}

    .messagemain{position:relative;}
    .message .form{padding:30px 70px;width:71.42%;position:absolute; top:0;right:30px}
    .message .form .t{font-size:14px;max-width:50%;margin:0 auto;margin-bottom:30px;}
    .message .form .int{height:50px;margin-bottom:10px;font-size:14px;padding-left:15px}
    .message .form .textarea{height:150px;margin-bottom:30px;font-size:14px;padding:15px}
    .message .form .subbtn{width:150px;height:50px;line-height:50px;font-size:14px;}
    .message .messageimg{margin-top:0}



    .job .title {margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;}
    .job .title h3{font-size:20px;max-width: 28.57%}
    .job .title h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:0px}
    .job .title p{font-size:14px;width:66%}

    .jobtopmain{padding-bottom:150px;position:relative;}
    .jobtop .recruitmentimg{position: absolute;right:0;max-width:66%;bottom:-100px}

    .jobmain{padding-top:100px}
    .job-list{margin-top:0;justify-content:space-between;}
    .job-list .item{padding:30px 40px;margin-bottom:20px;width:32%;transition:all 0.3s}
    .job-list .item h4{font-size:20px;margin-bottom:15px;transition:all 0.3s}
    .job-list .item p{font-size:14px;margin-bottom:30px;transition:all 0.3s}
    .job-list .item .go{font-size:24px;width:50px;height:50px;transition:all 0.3s}

    .job-list .item:hover{background:#a78e7a;border:1px solid #a78e7a;}
    .job-list .item:hover h4{color:#fff;}
    .job-list .item:hover p{color:#fff;}
    .job-list .item:hover .go{background:#fff;}



    .job-tc{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:75%;color:#222222;padding:40px;}
    .job-tc .tcmain{height:auto;margin-bottom:20px;display:flex;padding-top:30px;font-size:14px;justify-content:space-between;}
    .job-tc .tcmain .duty{margin-bottom: 0;width:40%;}
    .job-tc .tcmain .requ{margin-bottom: 0;width:46%}
    .job-tc .title{font-size:20px;padding-bottom:20px;}
    .job-tc .t{font-size:14px;}
    .job-tc .applybtn{width:160px;height:60px;background:#a78e7a;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;float:right;}

    .sitemapmain .title{font-size:20px;}
    .sitemapmain .title:after{width:21px;height:4px;margin-top:20px;margin-bottom:40px}

    .sitemapmain .link{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
    .sitemapmain .link .item{width:auto;margin-bottom:0}
    .sitemapmain .link h4{font-size:16px;}
    .sitemapmain .link h4:after{width:18px;height:7px;margin-top:20px;margin-bottom:20px}
    .sitemapmain .link ul li a{font-size:14px;} 

    .detail-top{display:flex;align-items:center;}
    .detail-top .leftimg{border-right:1px solid rgba(0,0,0,0.1);flex-shrink: 0;}
    .detail-top .leftimg .buynow{width:150px;height:50px;line-height:50px;font-size:14px;margin-top:20px;}
    .detail-top .rightcon{padding:30px 50px}
    .detail-top .rightcon h2{font-size:20px;}
    .detail-top .rightcon span{font-size:14px;}
    .detail-top .rightcon .fg{width:21px;height:4px;margin-top:30px;margin-bottom:30px}
    .detail-top .rightcon .text{font-size:14px;}


    .product-fature{padding:60px 0;display:flex;align-items: flex-start;justify-content:space-between;}
    .product-fature .left{width:30%;}
    .product-fature .right{width:62.5%;}
    .product-fature .t h3{font-size:20px;margin-bottom:0}
    .product-fature .t h3:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}
    .product-fature .left p{font-size:14px;margin-bottom:40px}

    .product-fature .left  .tab ul li{margin-bottom:7px;padding:20px  40px;font-size:14px;cursor:pointer;}
    .product-fature .left  .tab ul li.on{background:#a78e7a;color:#fff}

    .product-order{background:#fff;padding:30px 40px;}
    .product-order .t h3{font-size:20px;text-align:center;}
    .product-order .t h3:after{width:21px;height:4px;margin:20px auto;margin-bottom:40px;}
    .product-order .form{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
    .product-order .form .int{width:49%;height:50px;margin-bottom:10px;font-size:14px;padding-left:20px}
    .product-order .subbtn{width:150px;height:50px;line-height:50px;font-size:14px;float:right;margin-top:20px;}
    .product-order:after{content:"";display:block;clear:both;}
    .searchmain .title{font-size:20px;}
    .searchmain .title span{margin:0 15px;}
    .searchmain .title:after{width:21px;height:4px;margin-top:20px;margin-bottom:20px}

    .search-list .item{margin-bottom:4px;transition:all 0.3s}
    .search-list .item a{display:flex;padding:20px;font-size:14px;justify-content:space-between;align-items:center;transition:all 0.3s}
    .search-list .item .iconfont{color:rgba(0,0,0,0.2);font-size:28px;line-height:1}
    .search-list .item:hover a{color:#fff;}
    .search-list .item:hover{background:#a78e7a}
    .search-list .item:hover .iconfont{color:#fff;}

}

@media (min-width:1440px) {
    .container{width: 1400px;}

    .header .searchbox{width:120px;height:120px;}
    .header .searchbox .iconfont{font-size:30px;}
    .header-posi .searchbox{width:100px;height:100px;}

    .search-box{right:120px;height:120px;width:670px}
    .search-box.on{top:120px;}
    .search-box button .ico{ max-height:26px;}
    .search-box button{padding-right:30px;}
    .search-box .int{font-size:18px}

    .video_page .title h3{font-size:24px;}

    .video-list .item{position:relative;margin-bottom:40px;}
    .video-list .item a .icon{max-width:40px}
    .video-list .item a p{font-size:16px;bottom:20px;padding:0 40px;}
    .video_page  .more{font-size:14px;margin-top:40px;}
    .video_page  .more .iconfont{width:32px;height:32px;font-size:16px;margin-right:10px}

    .swiper-index02 .swiper-slide .slide-con .t{margin-top:160px;font-size:16px;margin-bottom:20px;}
    .swiper-index02 .swiper-slide .slide-con .t:before{width:70px;}
    .swiper-index02 .swiper-slide .slide-con .title{font-size:40px;margin-bottom:30px;}
    .swiper-index02 .swiper-slide .slide-con p{font-size:14px;max-width:40%;margin-bottom:140px}
    .swiper-index02 .swiper-slide .slide-con .link a{font-size:14px;padding-left:30px;margin-right:40px}
    .swiper-index02 .swiper-slide .slide-con .control .next{width:70px;}
    .swiper-index02 .swiper-slide .slide-con .control .count{font-size:36px;left:-50px;top:30px;}
    .index03con .t{font-size:16px;padding-left:90px;}
    .index03con .t:before{width:70px;}
    .index03con .title{font-size:30px;margin-bottom:60px;}
    .index03con .content p{margin-bottom:25px;font-size: 14px;}
    .f-left{padding-top:5px;padding-bottom: 20px;}
    .f-left .f-logo{margin-bottom:30px;}
    .f-right{padding-top:100px;}
    .f-right .f-menu{padding-bottom:50px}
    .f-right .f-menu ul li.fg{margin:0 50px;}
    .f-right .f-right-bottom .t{margin-bottom:20px;}
    .f-right .f-right-bottom .subscription{padding-left:80px;padding-top:55px;}
    .f-right .f-right-bottom .findus{padding-top:55px;}
    .f-right .f-right-bottom .findus .icon{margin-left:12px;}
    .pages-banner .banner-con .text{font-size:48px;}
    .pages-nav:before{height:90px;}
    .pages-nav .now{height:90px;font-size:18px;}
    .pages-nav .link a{font-size:16px;padding:0;height:90px;padding:0 20px;line-height:90px}
    .pages-nav .link .fg{width:1px;height:13px;}
    .position{padding-bottom:50px;padding-top:50px;font-size:14px}
    .position a{font-size:14px;}
    .pages{padding-bottom:80px}

    .company .title {margin-bottom:0px;}
    .company .title h3{font-size:24px;}
    .company01{padding-bottom:180px}
    .company01main .data{margin-top:70px;}
    .company01main .data .item .num{font-size:50px;}
    .company02 .topimg{position:relative;margin-top:-100px;margin-bottom:60px}

    .brand:after{height:160px;}
    .brand .title h3{font-size:24px;}
    .brand .video{margin-bottom:-60px;margin-top:120px}
    .brand .video .play{width:100px;height:100px;}
    .brand .video p{margin-top:20px;font-size:20px}

    .historymain .leftcon{padding:90px 160px 90px 70px;top:70px;}
    .historymain .leftcon h3{font-size:24px;}
    .history01{padding-bottom:360px;}

    .history02 .historymain{margin-top:-300px;display:flex;justify-content:flex-end;margin-bottom:250px}
    .history02 .historymain .rightimg{top:120px;}
    .history02  .more{margin-top:80px;}

    .development01{padding-bottom:120px;}
    .development01 .title {margin-bottom:40px}
    .development01 .title h3{font-size:24px;}

    .developmain{margin-bottom:120px;}
    .developmain .leftcon{padding:50px 120px 50px 50px;}
    .developmain .leftcon h3{font-size:18px;}
    .developmain .rightimg{top:-90px;}

    .development01 .developmain:nth-child(2n) .rightimg{right:auto;top:90px;left:0}
    .development01 .developmain:nth-child(2n) .leftcon{padding:50px 50px 50px 120px;}

    .development02 {padding:70px 0;}
    .development02 .title h3{font-size:24px;}

    .development02  .item-list{margin-top:50px;}
    .development02  .item-list .item p{bottom:30px;}
    .development03{padding:150px 0  120px;}
    .ce .title h3{font-size:24px;}
    .ce-list {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
    .ce-list .item{width:31.28%;margin-bottom:30px}
    .ce-list .item .con{padding:40px 30px 0;}
    .ce-list .item .img{margin-bottom:30px}
    .ce-list .item .bottom{height:80px;font-size:14px;}
    .news01{padding-bottom:60px}
    .news .title{font-size:24px;}
    .newstop .rightcon{padding:50px 70px 30px;flex:1;}
    .newstop .rightcon h4{font-size:22px;}
    .newstop .rightcon .other{margin-top:30px}
    .newstop .rightcon .other .time{font-size:20px;}
    .newstop .rightcon .other .go{width:50px;height:50px;}
    .newstop .rightcon .other .go .iconfont{font-size:24px;}
    .shaixuan .select{font-size:22px;}
    .shaixuan .fg{width:2px;height:20px;margin: 0 50px;}
    .shaixuan .select .iconfont{margin-left:20px;font-size:24px}
    .shaixuan ul{  top:60px; left:0; }
    .shaixuan ul li{ height:60px; line-height:60px;}
    .shaixuan ul li a{ display:block; padding:0 20px; font-size:18px;color:#4e4e4e;}

    .news02{padding:50px 0;}
    .news-list .item{margin-bottom:40px;width:31.42%;transition:all 0.3s}
    .news-list .item .info{padding:40px 40px 20px;transition:all 0.3s;}
    .news-list .item .info .time{font-size:12px;margin-bottom:6px}
    .news-list .item .info h4{font-size:22px;margin-bottom:30px}
    .news-list .item .info p{font-size:14px;margin-bottom:20px}
    .news-list .item .info .icon-jiantou{font-size:28px;}

    .news-list .item:hover{background:#a78e7a;}
    .news-list .item:hover .info{color:#fff;}

    .news-detail .title{padding-bottom:25px;padding-top:50px;}
    .news-detail .title h2{font-size:28px;}
    .news-detail .title span{font-size:14px;}
    .news-detail .title .right{top:60px}
    .news-detail .title .right .share-iconcon{ position:absolute; right:0;background:#fff; height:70px; top:50px; padding:0 30px; display:none}
    .news-detail .title .right .flex{display:flex;align-items:center;}
    .news-detail .title .right .share-iconcon .ico{ max-height:24px; margin: 0 24px}
    .news-detail .content{font-size:14px;padding:40px 0;}
    .news-detail .content img{max-width:100%;margin:30px 0;}
 
    .detail-nav{padding-top:80px;}
    .detail-nav .prev,.detail-nav .next{font-size:16px}
    .detail-nav .prev .iconfont,.detail-nav .next .iconfont{font-size:22px;}

    .order .title h3{font-size:24px;}
    .order .ordermain{margin-top:100px;}
    .order .ordermain .orderimg{top:-70px;}
    .order .order-list{padding:110px 0 90px;}
    .order .order-list  .item{margin-bottom:60px;}
    .order .order-list  .item .ico{max-height:60px;margin-right:30px;}
    .order .order-list  .item h4{font-size:16px;margin-bottom:15px;}
    .order .order-list  .item p{font-size:14px;}
    
    .message .title {margin-bottom:300px;}
    .message .title h3{font-size:24px;}
    .message .form{padding:50px 90px;right:50px}
    .message .form .t{margin-bottom:40px;}
    .message .form .int{height:60px;margin-bottom:15px;font-size:14px;padding-left:20px}
    .message .form .textarea{height:180px;margin-bottom:40px;font-size:14px;padding:20px}
    .message .form .subbtn{width:150px;height:60px;line-height:60px;}



    .job .title {margin-bottom:50px;}
    .job .title h3{font-size:25px;}
    .jobtopmain{padding-bottom:150px;position:relative;}
    .jobtop .recruitmentimg{position: absolute;right:0;max-width:66%;bottom:-150px}
    .jobmain{padding-top:150px;}
    .job-list .item{padding:40px 50px;margin-bottom:30px;}
    .job-list .item h4{font-size:24px;margin-bottom:20px}
    .job-list .item .go{font-size:24px;width:50px;height:50px;}

    .job-tc{padding:60px;}
    .job-tc .tcmain{margin-bottom:20px;padding-top:40px;}

    .job-tc .title{font-size:24px;padding-bottom:20px;}
    .job-tc .t{font-size:14px;}
    .detail-top .leftimg .buynow{width:150px;height:60px;line-height:60px;margin-top:30px;}
    .detail-top .rightcon{padding:50px 60px}
    .detail-top .rightcon h2{font-size:26px;}
    .detail-top .rightcon .fg{margin-top:40px;margin-bottom:40px}
    .detail-top .rightcon .text{font-size:16px;}

    .product-fature{padding:90px 0;}
    .product-fature .t h3{font-size:24px;}
    .product-fature .left p{margin-bottom:60px}
    .product-fature .left  .tab ul li{margin-bottom:7px;padding:30px  50px}

    .product-order{padding:50px 50px;}
    .product-order .t h3{font-size:24px;}
    .product-order .form .int{width:49%;height:60px;padding-left:30px}
    .product-order .subbtn{width:150px;height:60px;line-height:60px;margin-top:40px;}


}
@media (max-width:1200px) {
    .container{width: 100%;padding: 0 15px;}
  
}

@media (max-width:1024px)  {
    body{overflow-x: hidden;width: 100%;}
    .container{width: auto;padding: 0 .9rem;}
    
    .navs{height: 100%;overflow-y: auto;}
    .side_bg{background: rgba(0,0,0,.4);position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index:400;display: none;position: fixed;}
    .side_c{width:100%;overflow:auto;position: relative;z-index: 101}
    .sideMenu.active .side_bg{display: block;}
    .sideMenu{padding-top: 70px;}
    .navs li a{ color: #333;display: block;text-align: left;font-size: 14px;letter-spacing: 1px;}
    .navs li a.item{display: flex;align-items: center;justify-content: space-between; padding:15px .9rem;overflow: hidden;color: #b2b2b2;font-size: 22px;}
    .navs li a.item .icon-right{float: right;font-size: 18px;}
    .navs li a.item.on .xiajiantou{transform: rotate(180deg);}
    .navs li:last-child a.item{border-bottom: none;}
    .sub-nav{overflow: hidden; line-height: 30px;display: none}
    .navs li .sub-nav a{position: relative; padding: 6px 5%;color: #b2b2b2;font-size: 22px;}
    .navs li .sub-nav a:after{content: "\e683";font-family: "iconfont" !important;font-size: 16px;position: absolute;right: 20px;top:9px;}
    .mob_header{display: block;background-color: transparent;z-index: 10000;}
    .header{display: none;}
    .mob_logo{height: 60px;display: flex;align-items: center;justify-content: center;}
    .mob_header.active{background-color: #fff !important;}
    .mob_header.active .menu-btn span,.mob_header.on .menu-btn span{background-color: #9a774b;}
    .mob_header.active .mob_logo .logob{display: block;}
    .mob_header.active .mob_logo .logoa{display: none;}
    .mob_header.active .msearch,.mob_header.on .msearch{color: #9a774b;}
    .mob_header.on{background: #fff;}
    .main_a{padding-bottom: 1rem;}
    .nSwiper .control{margin-top: .8rem;}
    .swiper-index02 .swiper-slide .slide-con .control{width:3.72rem;position:absolute;left:0.9rem;bottom:0.8rem;top:auto}
    .swiper-index02 .swiper-slide .slide-con .control .next{width:0.7rem;height:100%;background:#a78e7a;position: absolute;right:0;top:0;display:flex;align-items:center;justify-content:center}
    .swiper-index02 .swiper-slide .slide-con .control .next .icon{max-width:0.13rem}
    .swiper-index02 .swiper-slide .slide-con .control .count{color:#fff;font-size:18px;position: absolute;left:-0.6rem;top:0.36rem;}
    .swiper-index02 .swiper-slide-active .slide-con .control .line{ width:0; height:4px; background:rgba(255,255,255,0.4); position:absolute; left:0; top:0;animation: tolong linear 5.3s infinite;}
    .slide-con .container{height: 100%;position: relative;}
    .com_tit{position: relative;margin-left: -.9rem !important;}
    .com_tit .t{padding-left: .9rem;font-size: 14px;}
    .index03con .com_tit{margin-bottom: .5rem;}
    .index03con .title{line-height: 1.5;}
    .footer-pc{flex-wrap: wrap;}
    .f-left{order: 2;width: 100%;padding: 0 .9rem;}
    .f-right{width: 100%;padding-top: 0;}
    .f-right .f-menu{border-bottom:none;}
    .f-right .f-menu ul{display: block;width: 100%;}
    .f-right .f-menu ul li.fg{display: none;}
    .footer{background-color: #a9a9a9;}
    .footer .container{padding: 0;}
    .footer-pc .f-menu{background-color: #9f9f9f;padding: 0.6rem 0.9rem 0.8rem;}
    .friend_links{padding:0 .9rem .5rem .9rem;}
    .footer-pc .f-menu ul li{border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}.footer-pc .icon-youjiantou{position:absolute;right:0;top:27%;color:#FFF;}
    .footer-pc .f-menu ul li a{color:#fff;font-size:15px;height:1rem;display:flex;align-items:center;justify-content:space-between;font-family:"MontserratBold";}
    .footer-pc .f-menu ul li a{color:#fff;font-size:15px;height:1rem;display:flex;align-items:center;justify-content:space-between;font-family:"MontserratBold";}
    .footer-pc .subscription{margin-top:0.5rem;margin-bottom:0.5rem}
    .footer-pc .subscription .t{color:#fff;font-size:15px;margin-bottom:0.2rem;}
    .footer-pc .subscription .form{border-bottom:1px solid rgba(255,255,255,0.11);width:100%;display:flex;align-items:center}
    .footer-pc .subscription .form input{background:none;border:none;color:rgba(255,255,255,0.8);font-size:10px;flex:1;}
    .footer-pc .subscription .form input::-webkit-input-placeholder{color:rgba(255,255,255,0.2);opacity:1}
    .footer-pc .subscription .form input::-moz-input-placeholder{color:rgba(255,255,255,0.2);opacity:1}
    .footer-pc .subscription .form input::-ms-input-placeholder{color:rgba(255,255,255,0.2);opacity:1}
    .footer-pc .subscription .form button{background:none;border:none;}
    .footer-pc .subscription .form button .iconfont{font-size:24px;color:#fff;}.f-right-bottom{width:100%;padding-right:0.9rem;padding-left:0.9rem;}
    li.fg{display:none;}
    .footer-pc .findus{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.7rem;}
    .footer-pc .findus .t{color:#fff;font-size:15px;}.footer-pc .f-logo{height:0.33rem;margin-bottom:0.2rem;}
    .footer-pc .copyright{color:#fff;font-size:12px;}
    .footer-pc .f-link{margin-top:0.4rem;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:space-between;color:#c9c9c9}
    .footer-pc .f-link a{color:#c9c9c9;font-size:12px;}
    .footer-pc .f-link ul{width:100%;display:flex;align-items:center;justify-content:space-around;margin-bottom:0.7rem;}
    .footer-pc .findus .t{color:#fff;font-size:15px;}
    .footer-pc .f-logo{height:0.33rem;margin-bottom:0.2rem;}
    .footer-pc .copyright{color:#fff;font-size:12px;}
    .footer-pc .f-link{margin-top:0.4rem;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:space-between;color:#c9c9c9}
    .footer-pc .f-link a{color:#c9c9c9;font-size:12px;}
    .f-right .f-right-bottom{flex: auto;padding: 0 .9rem;display: block;}
    .f-right .f-right-bottom .subscription{width: 100%;padding-left: 0;height: auto;border: none;padding-top: 0;}
    .f-right .f-right-bottom .subscription .form{width: 100%;}
    .f-right .f-right-bottom .findus{width: 100%;flex-direction: row;align-content: center;}
    .findus .shareBox{display:flex;align-items:center;}
    .findus .shareBox .icons {display:flex;}
    .f-right .f-right-bottom .findus .icon{width:16px;height:100%;display:block;margin-left:6px;}
    .banner .control .scroll .iconfont{margin-left: .3rem;}
    .sm_cont{font-size: 16px;}
    .search-box.on{top:60px;}
    
}
@media (max-width: 991px){
    .nSwiper .swiper-slide{width:4.36rem;}
    .nSwiper .item .img{height: 2.9rem;}
    .nSwiper .swiper-slide .infobox p{color:#222;font-size:10px;height: .8rem;padding: 0 .5rem;}
    .infobottom,.infobottom .fxIcon{height: .76rem;}
    .infobottom .time{font-size: 12px;padding-left: .5rem;}
    
    .xg_news{margin-right: -.9rem;}
	.tcmain{overflow-y: auto;}
    .sm_cont{font-size: 14px;line-height: 1.9;}
    .friend_links a{font-size: 12px;}
    .swiper-news{overflow: hidden;}
}
@media (max-width: 821px){
	
}
@media (max-width:768px){
   .main_a .container{padding-right: 0;}
   .nSwiper .control .xpages{right: 90px;width: auto;}
   .gflex{display: flex;flex-wrap: wrap;}
   .index03con .content{width: 100%;max-width: 100%;font-size: 14px;}
   .culture02{background-position: 20% center;}
   .cul_info .text{max-width: 100%;}
   .cul_info .text h4{font-size: 14px;}
   .cul_info .text p{font-size: 12px;}
   .cul_info .text .cell{padding: 10px 0;}
   .f-left .f-link ul li{margin-right: 10px;}
   .f-left .f-link ul li a{font-size: 12px;}
   .footer-pc .f-link ul{flex-wrap: wrap;justify-content: flex-start;}
}
@media (max-width:720px){
   
    
}
@media (max-width:640px){
   
}
@media (max-width:520px){
    
}
@media (max-width:480px){
   
}
@media (max-width:420px){

}
@media (max-width:380px){
   
}
@media (max-width:360px){

}