body{background: #fff;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs0{font-size:0;}
.fs100{font-size: 100px;line-height: 1;}
.fs48{font-size: 48px;}
.fs40{font-size: 40px;}
.fs36{font-size: 36px;}
.fs30{font-size: 30px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}


@font-face{font-family: "iconfont";
 src: url('../fonts/iconfont.eot'); /* IE9*/
 src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
 url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
 font-family:"iconfont" !important;
 display:inline-block;
 vertical-align: middle;
 margin:0 .3em;
 font-size: 1.1em;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0px;
 -moz-osx-font-smoothing: grayscale; 
}


@font-face{
 font-family: 'ht';
 src:url('syn.otf');
}

@font-face{
 font-family: 'syl';
 src:url('syl.ttf');
}

.ht{font-family: '黑体';}
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
/*.navbar-collapse{padding:20px 0;}*/
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;}

.common-btn{position:relative; z-index:1}
.common-btn:after {content:'';position:absolute;top:0;left:0; width:0;background:#723e1e; height:100%; transition:width .5s ease; -webkit-transition:width .5s ease;z-index:-1;}
.common-btn:hover{color:#fff!important;}
.common-btn:hover:after { content:''; background:#723e1e; width:100%;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}


@media (min-width: 767px){
 .container{width:90%;max-width: 1630px;}
}
@media (min-width: 1200px){
 .container{width:88%;}
}

@media (min-width: 1700px){
 .container{width: 1630px;}
}

/* 导航部分 */
.header{color:#fff;position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.inner-header{/*position: fixed;*/background: #fff;color:#333;}
.header-blank{height: 134px;}
.header.fixed,.header:hover,.header.active{top:0;background: #fff;color:#333333;}
.header_box{position: relative;padding-right:4.375%;}
.header_box .menu-btn{cursor: pointer;position: absolute;right:0;top:0;height:100%;width:4.375%;background: url(../images/icon-nav.png) no-repeat center;background-size: 100% auto;}
.header.active .header_box .menu-btn,.header.fixed .header_box .menu-btn,.header:hover .header_box .menu-btn,.inner-header .menu-btn{background-image: url(../images/icon-nav1.png);}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flexC{height: 100%;}
.header .header_logo img{max-height:80%;margin:0;}
.header .logo,.header.fixed .logo-w,.header.active .logo-w,.header:hover .logo-w,.inner-header .logo-w{display: none;}
.header.fixed .logo,.header.active .logo,.header:hover .logo,.inner-header .logo{display: block;}
.header .header_nav{text-align: right;font-size:16px;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-right:5.6%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{transition: all .3s;display: block;padding:56px 10px;position: relative;}
/*.header .header_nav .nav_container>ul>li>a::after{transition: all .3s;position: absolute;content:'';width:0;height: 2px;background: #fff;left:50%;transform: translateX(-50%);bottom:30px;}*/
.header .header_nav .nav_container>ul>li>a.active,.header .header_nav .nav_container>ul>li>a:hover{color:#723e1e;}
.header .header_nav .nav_container .dropdown-menu{width:190px;margin:0;padding:0;border:none;left:50%;transform: translateX(-50%);text-align: center;border-radius:0;background:#fff;font-size:15px;}
.dropdown-menu li a{display: block;white-space: nowrap;padding:27px 10px;line-height: 1;color:#333;position: relative;transition: all .3s;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus,.dropdown-menu li a.active{background: #dcdcdc;color:#723e1e;}
.header.fixed .header_nav .nav_container>ul>li>a{padding:40px 10px;}
@media (max-width: 1700px){
 .header .header_nav .nav_container>ul>li{margin-right: 4%;}
}
@media (max-width: 1400px){
 .dropdown-menu li a{padding:20px 10px;}
}

@media (max-width: 1200px){
 .header-blank{height:101px;}
}
@media (max-width: 992px){
 .header-blank{height:65px;}
 .header .nav_container{display: none;}
}


.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}
.header-contents{display: none;width:100%;height:100%;position: fixed;top:0;right:0;z-index:90;background: rgba(0,0,0,.5)}
.header-contents .inner{opacity: 0;transform: translateX(100%);transition: all .4s;width: 500px;max-width: 40%;background: #fff;height: 100%;padding:140px 2.86% 60px;float:right;overflow-y: auto;}
.header-contents .tit{line-height: 1;color:#333;font-weight: bold;letter-spacing: 1px;margin:40px 0;}
.header-contents .n-item{margin-bottom: 10px;transition: all .3s;display: block;line-height: 18px;padding:20px 10.2% 20px 7.4%;border:1px solid #dddddd;color:#333;position: relative;}
.header-contents .n-item:after{position: absolute;content:'';width:6px;height: 10px;background: url(../images/icon-arrow1.png) no-repeat center;right:10.2%;top:50%;margin-top:-5px;}
.header-contents .n-item.active,.header-contents .n-item:hover{background: #a5783f;color:#fff;border-color:#a5783f;}
.header-contents .n-item.active:after,.header-contents .n-item:hover:after{background-image: url(../images/icon-arrow.png);}
/*.header-contents .inner .i-box{margin-top:40px;}*/
.header-contents .s-item{display: block;line-height: 70px;color:#fff;padding:0 7.7%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.header-contents.active .inner{transform: translateX(0);opacity: 1;}
.header-contents.fixed .inner{padding-top:110px;}

.header-contents .inner::-webkit-scrollbar {width:5px;}
.header-contents .inner::-webkit-scrollbar-track {background:#fff;}
.header-contents .inner::-webkit-scrollbar-thumb {background:#333;}
.header-contents .inner::-webkit-scrollbar-thumb:window-inactive {background:#333;}
.header-contents .inner::-webkit-scrollbar-thumb:vertical:hover {background:#333;}

.mobile_key {display: none;width:28px;height:25px;position: relative;border:none!important;cursor: pointer;padding:0;}
/*.button_menu{width: 30px;height: 25px;position: absolute;top:7px;left:0;}*/
.button_menu span {display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.button_menu span:nth-child(1) {top:0}
.button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.button_menu span:nth-child(3) {bottom:0}
.header.fixed .button_menu span,.header:hover .button_menu span,.header.active .button_menu span{background: #333;}
/*.button_close .button_menu span:nth-child(1) {
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg)
}
.button_close .button_menu span:nth-child(2) {
 -moz-transform: rotate(-45deg) translate(6px,-7px);
 -ms-transform: rotate(-45deg) translate(6px,-7px);
 -webkit-transform: rotate(-45deg) translate(6px,-7px);
 transform: rotate(-45deg) translate(6px,-7px)
}*/
/*.header.fixed .header_tools .button_menu span,.header:hover .header_tools .button_menu span,.index_header.allIn .header_tools .button_menu span{background: #000;}*/





.video-fixed {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:130;top:0;left:0;cursor:pointer;display:none;}
.video-fixed .videoboxs {width:100%;height:100%;position:absolute;left:0;top:0;right:0;margin:auto;margin-top:0;background:#000;/* padding:30px;*/ box-sizing:border-box;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width:40px;height:40px;background:url(../images/close-vid2.png) no-repeat center/100% auto;position:absolute;top:40px;right:40px;cursor:pointer;}

@media (max-width:767px){
 .video-fixed .cha {width: 25px;height: 25px;right:25px;top:25px;}
}

.banner{overflow: hidden;}
.indexBanner {overflow:hidden;width:100%;position: relative;}
.webGL-slider {position:relative;display:flex;align-items:center;width:100%;height:100vh;margin:0 auto;z-index:5;overflow:hidden;}
.webGL-slider > img {width:100%;max-width:100%;position:relative;top:0;left:0;z-index:0;opacity:0;}
.webGL-slider canvas {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:2;transform-origin:50% 50%;}
.pagination-list ,.banner-swiper .pagination-list{margin:0;border-radius:0;position: absolute;right:6%;font-size:0;z-index:10;bottom:7.46%;left:auto;width:auto;}
.pagination-list a,.banner-swiper .pagination-list .swiper-pagination-bullet{cursor:pointer;display:inline-block;width: 20px;height: 20px;border-radius:100%;overflow: hidden;opacity: 0.4;background: #fff;margin-left:12px;}
.pagination-list a:hover,.pagination-list a.active,.banner-swiper .pagination-list .swiper-pagination-bullet-active,.banner-swiper .pagination-list .swiper-pagination-bullet:hover{opacity: 1;}
.banner .swiper-btn {position:absolute;left:6%;bottom:7.46%;z-index:10;}
.banner .banner-btn{margin:0;}
.banner .banner-btn span {height: auto;display:block;color:#fff;line-height:1;cursor:pointer;transition:0.3s;position: static;float:left;margin:0;margin-right:60px;}
.banner .banner-btn span:hover {opacity:0.8;}
.banner .pagebtn:after{font-size:38px;}
.banner .video-btn{cursor: pointer;z-index:10;width:55px;height: 55px;background: url(../images/icon-play.png) no-repeat center;background-size: 100% auto;position: absolute;bottom:6.5%;left:50%;transform: translateX(-50%);}

.wrapper{padding-bottom: 80px;}
.part1{padding-top:72px;}
.part1 ul{margin-left:-16px;margin-right:-16px;}
.part1 li{padding:16px;}
.part1 .item{background: #f7f7f7;border-radius:10px;overflow: hidden;color:#999999;display: block;}
.part1 .item .item-con{line-height: 1;padding:54px 0;padding-left:10.72%;}
.part1 .item .item-con .tit{color:#333;line-height: 1;padding-bottom: 32px;position: relative;margin-bottom: 28px;padding-right:15px;}
.part1 .item .item-con .tit:after{position: absolute;content:'';width: 15px;height: 2px;background: #816a55;bottom:0;left:3px;}
.part1 .item .img{position: relative;padding-bottom: 48.83%;overflow: hidden;}
.part1 .item .img img{position: absolute;left:0;top:0;}
@media (min-width:767px){
 .part1 li.up-item{width: 50%;}
 .part1 li.up-item .item-con{float:left;width: 34%;padding-left:7.01%;padding-top:130px;}
 .part1 li.up-item .item-img{float:right;width: 66%;}
 .part1 li.up-item .item-img .img{padding-bottom:90.7%}
}
.part1 .item:hover{color:#fff;background: #d1b9a5;}
.part1 .item:hover img{transform: scale(1.03);}

.part-title{border-top:1px solid #e2e2e2;padding-top:78px;line-height: 1;position: relative;}
.part-title .title{color:#000000;/*letter-spacing: 1px;*/line-height: 1;flex:none;}
.part-title .swiper-btn-box{flex:none;}
.part-title .swiper-btn{width: auto;height: auto;color:#000;position: static;margin:0;float:left;}
.part-title .swiper-btn:after{font-size:32px;}
.part-title .swiper-button-next{margin-left:0.7rem;}
.part-title .swiper-btn.swiper-button-disabled{color:#cdcdcd;}
.part-title .tips{color:#a8a8a8;text-align: center;padding:0 15px;}

.part-recmd{margin-top:65px;}
.part-recmd .recmd-list{margin-top:68px;}
.part-recmd .recmd-list .swiper-slide{width:280px;}
.part-recmd .recmd-item{display: block;border-radius:18px;overflow: hidden;border:1px solid #ececec;}
.part-recmd .recmd-item .item-img{overflow: hidden;}
.part-recmd .recmd-item .item-img .img,.part-brand .brand-item .item-img .img{position: relative;padding-bottom: 100%;overflow: hidden;}
.part-recmd .recmd-item .item-img img{max-height: 100%;}
.part-recmd .recmd-item .item-con{border-top:1px solid #ececec;padding:25px 5.36% 29px 10.3%;line-height: 1;color:#333;}
.part-recmd .recmd-item .item-con .txt{padding-right:38px;position: relative;}
.part-recmd .recmd-item .item-con h2{line-height: 1;color:#d1b9a5;margin-bottom: 15px;}
.part-recmd .recmd-item .tri{width:10px;height: 12px;background: url(../images/icon-tri.png) no-repeat center;background-size: 100% auto;margin-top:20px;margin-left:2px;}
.part-recmd .recmd-item .item-con .more{position: absolute;top:18.07%;right:0;width: 36px;height: 36px;background: url(../images/icon-add.png) no-repeat center;background-size: 100% auto;}
.part-recmd .recmd-item:hover .item-img .img{transform: scale(1.04);}

.part-brand{margin-top:80px;}
.part-brand .brand-list{margin-top:75px;}
.part-brand .brand-list .swiper-slide{width: 300px;}
.part-brand .brand-item{display: block;}
.part-brand .brand-item .item-img{border-radius:18px;overflow: hidden;}
.part-brand .brand-item .item-img img{position: absolute;left:0;top:0;}
.part-brand .brand-item .item-con{padding:28px 0 0;line-height: 1;}
.part-brand .brand-item .tit{letter-spacing: 2px;}
.part-brand .brand-item .line{width: 41%;height: 1px;background: #333;margin:29px 0 26px;}
.part-brand .brand-item .date{color:#666;line-height: 1;position: relative;}
.part-brand .brand-item .date i{position: absolute;width:0;height:0;right: 2.6667%;top:50%;margin-top:-6px;border:6px solid transparent;border-left:10px solid #333333;}
.part-brand .brand-item:hover .tit,.part-brand .brand-item:hover .date{color:#bf916d;}
.part-brand .brand-item:hover .date i{border-left-color: #bf916d;}
.part-brand .brand-item:hover .line{width: 100%;}
.part-brand .brand-item:hover .img{transform: scale(1.04);}
.part-brand .more-btn{transition: all .3s;width: 240px;line-height: 58px;text-align: center;border:1px solid #333;color:#333;display: block;margin:58px auto 0;}
/*.part-brand .more-btn:hover{background: #bf916d;color:#fff;border-color:#bf916d;}*/

.footer-box{background: url(../images/footer-bg.png) no-repeat top center;background-size: cover;color:#929292;padding-top:98px;}
.footer-box .copyright{padding:46px 0;border-top:2px solid rgba(255,255,255,.1);margin-top:42px;}
.footer .left{float:left;color:#bf916d;width: 30%;}
.footer .footer-logo img{max-height: 75px;margin:0;}
.footer .f-info{margin-top:35px;}
.footer .f-info>*{margin-bottom: 14px;}
.footer .code{margin-top:42px;}
.footer .code-item{float:left;width: 90px;margin-right:30px;}
.footer .code-item:last-child{margin-right:0;}
.footer-nav{float:right;max-width: 70%;}
.footer-nav li{float:left;margin-left:1.6rem;margin-bottom:18px;}
.footer-nav li>a{color:#fff;}
.footer-nav p{margin-top: 18px;}
.footer-nav li:first-child{margin-left:0;}

@media (max-width:1400px){
 .fs48{font-size: 42px;}
 .fs40{font-size: 36px;}
 .fs36{font-size: 32px;}
 .fs30{font-size: 28px;}
 .fs26{font-size: 24px;}
 .fs24{font-size: 22px;}
 .fs18{font-size: 17px;}
 .fs16{font-size: 15px;}
 .pagination-list a,.banner-swiper .pagination-list .swiper-pagination-bullet{width: 18px;height: 18px;}
 .header .header_nav .nav_container>ul>li{margin-right: 2%;}
 .part1 .item .item-con .tit{font-size:28px;}
 .part1 li{padding:14px;}
 .part1 ul{margin-left:-14px;margin-right:-14px;}
 .part1 li.up-item .item-con{padding-top:80px;}
 .part1 .item .item-con{padding:40px 35px;}
 .part1 .item .item-con .tit{padding-right:0;}
 .part1 li.up-item .item-con{padding-left:35px;}
 .part-title .swiper-btn:after{font-size:30px;}
}

@media (max-width:1200px){
 .fs48{font-size: 40px;}
 .fs40{font-size: 34px;}
 .fs36{font-size: 30px;}
 .fs30{font-size: 26px;}
 .fs26{font-size: 22px;}
 .fs24{font-size: 20px;}
 .header .header_nav .nav_container>ul>li>a{padding:40px 10px;}
 .header.fixed .header_nav .nav_container>ul>li>a{padding:30px 10px;}
 .header-contents .inner{padding-top:100px;}
 .header-contents.fixed .inner{padding-top:80px;}
 .header .header_nav .nav_container>ul>li{margin-right:1.2%;}
 .header .header_nav{font-size:15px;}
 .header-contents .tit{margin:35px 0;}
 .dropdown-menu li a{padding:23px 10px;}
 .pagination-list a,.banner-swiper .pagination-list .swiper-pagination-bullet{width: 16px;height: 16px;}
 .part1{padding-top:55px;}
 .part1 li.up-item .item-con{width: 40%;padding:55px 25px 20px;}
 .part1 li.up-item .item-img{width: 60%;}
 .part1 .item .item-con .tit{font-size:24px;padding-bottom: 25px;margin-bottom: 21px;}
 .part1 .item .item-con{padding:35px 25px;}
 .part1 li{padding:10px;}
 .part1 ul{margin-left:-10px;margin-right:-14px;}
 .part-recmd{margin-top:55px;}
 .part-title{padding-top:60px;}
 .part-title .swiper-btn:after{font-size:28px;}
 .part-recmd .recmd-list{margin-top:50px;}
 .part-brand{margin-top:65px;}
 .part-title .tips{font-size:16px;}
 .part-brand .brand-list{margin-top:60px;}
 .part-brand .brand-list .swiper-slide{width: 280px;}
 .part-brand .brand-item .line{margin:26px 0 23px;}
 .part-brand .more-btn{width:220px;line-height: 52px; margin:45px auto 0;}
 .wrapper{padding-bottom: 65px;}
 .footer-box{padding-top:80px;}
 .footer .footer-logo img{max-height: 65px;}
 .footer .f-info{margin-top:30px;}
 .footer .code{margin-top:30px;}
 .footer-nav p{margin-top:15px;}
 .footer-box .copyright{padding:30px 0;}
}

@media (max-width:992px){
 .fs48{font-size: 34px;}
 .fs40{font-size: 30px;}
 .fs36{font-size: 28px;}
 .fs30{font-size: 24px;}
 .fs26{font-size: 20px;}
 .fs24{font-size: 18px;}
 .fs18{font-size: 16px;}
 .fs16{font-size: 14px;}
 .header_box{padding:20px 70px 20px 0;}
 .mobile_key{display: block;float:right;}
 .header_box .menu-btn{width: 45px;}
 .header-contents .inner,.header-contents.fixed .inner{padding-top:65px;max-width: 350px;padding-bottom: 50px;}
 .header-contents .tit{font-size:24px;margin:30px 0;}
 .header-contents .n-item{padding-top:18px;padding-bottom: 18px;}
 .pagination-list a,.banner-swiper .pagination-list .swiper-pagination-bullet{width: 13px;height: 13px;}
 .banner .video-btn{width: 44px;height: 44px;}
 .banner .pagebtn:after{font-size:32px;}
 .banner .banner-btn span{margin-right:45px;}
 .part1 .item .item-con{padding:30px 25px;}
 .part1 li.up-item .item-con,.part1 li.up-item .item-img{width: 100%;float:none;}
 .part1 li.up-item .item-con{padding:40px 25px;}
 .part1 li.up-item .item-img .img{padding-bottom: 48.83%;}
 .part1 .item .item-con .tit{font-size:22px;}
 .part1 li{padding:8px;}
 .part1 ul{margin-left:-8px;margin-right:-8px;}
 .part-title{padding-top:50px;}
 .part-recmd,.part-recmd .recmd-list{margin-top:45px;}
 .part-recmd .recmd-item .item-con .txt{padding-right:32px;}
 .part-recmd .recmd-item .item-con .more{width:30px;height: 30px;}
 .part-brand{margin-top:55px;}
 .part-title .tips{font-size:14px;}
 .part-brand .brand-list{margin-top:50px;}
 .part-brand .more-btn{width: 200px;line-height: 46px;}
 .footer-box{padding-top:60px;}
 .footer-nav{width: 60%;}
 .footer .left{width: 35%;}
 .footer-nav li{margin-left:1.2rem;}
}
@media (max-width:767px){
 .fs48{font-size: 30px;}
 .fs40{font-size: 28px;}
 .fs36{font-size: 26px;}
 .fs30{font-size: 22px;}
 .fs26{font-size: 18px;}
 .fs24{font-size: 17px;}
 .header .header_logo{max-width: 40%;}
 .header .header_logo img{max-height: 90%;}
 .footer .left,.footer .footer-nav{float:none;width: 100%;max-width: none;}
 .header .header_nav{text-align: left;}
 .pagination-list a,.banner-swiper .pagination-list .swiper-pagination-bullet{width: 10px;height: 10px;margin-left:10px;}
 .banner .pagebtn:after{font-size:28px;}
 .banner .banner-btn span{margin-right:35px;}
 .part1{padding-top:40px;}
 .part1 li:first-child{width: 100%;}
 .part1 li .item-con{padding:25px 20px!important;}
 .part1 li{padding:5px;}
 .part1 ul{margin-left:-5px;margin-right:-5px;}
 .part1 .item .item-con .tit{font-size:19px;padding-bottom: 19px;margin-bottom: 17px;}
 .part1 .item .item-con p{font-size:13px;}
 .part-recmd, .part-recmd .recmd-list{margin-top:40px;}
 .part-title{padding-top:38px;}
 .part-title .swiper-btn:after{font-size:24px;}
 .part-recmd .recmd-list .swiper-slide{width: 230px;}
 .part-recmd .recmd-item .item-con{padding:20px 12px 25px 18px;}
 .part-title .tit-box{display: block;}
 .part-title .tips{text-align: left;font-size:12px;margin-top:14px;padding:0;}
 .part-brand .part-title{align-items: flex-start;}
 .part-brand .brand-list{margin-top:40px;}
 .part-brand .brand-list .swiper-slide{width: 260px;}
 .part-brand .brand-item .item-con{padding-top:24px;}
 .part-brand .brand-item .line{margin:20px 0 18px;}
 .part-brand .brand-item .tit{letter-spacing: 1px;}
 .part-brand .more-btn{width: 160px;line-height: 38px;}
 .wrapper{padding-bottom: 50px;}
 .footer-box{padding-top:35px;}
 .footer .footer-logo img{margin:0 auto;max-height: 55px;}
 .footer .code{display: flex;justify-content: center;}
 .footer .f-info{text-align: center;}
 .footer-nav{margin-top:30px;}
 .footer-nav li{margin:0;width: 25%;text-align: center;}
 .footer-smenu{display: none;}
 .footer-box .copyright{padding:15px 0;font-size:12px;margin-top:30px;}
}


.inner-banner{position: relative;}
.inner-banner .nav-now{position: absolute;top:50%;transform: translateY(-50%);left:0;width: 100%;z-index:10;color:#fff;}
.inner-banner .nav-now h2{line-height: 1;}
.inner-banner .nav-now p{line-height: 1;margin-top:28px;opacity: 0.8;}
.inner-banner .nav-now p a:after{content:' / ';}
.inner-banner .nav-now p a:last-child:after{content:'';}

.subcolumn-nav{background: #f5f5f5;text-align: center;}
.subcolumn-nav a{display: inline-block;line-height: 70px;letter-spacing: 1px;}
.subcolumn-nav .line{margin:0 5.37%;display: inline-block;color:#cccccc;}
.subcolumn-nav span{display: inline-block;position: relative;}
.subcolumn-nav span:after{content:'';position: absolute;bottom:0;height: 3px;width: 0;left:0;background: #723e1e;transition: all .3s;left:50%;transform: translateX(-50%);}
.subcolumn-nav a.active,.subcolumn-nav a:hover{color:#723e1e;font-weight: bold;}
.subcolumn-nav a.active span:after,.subcolumn-nav a:hover span:after{width:100%;}

.brand-part1{width: 100%; overflow: hidden;padding:95px 0;}
.brand-part1 .bp1box{position: relative; overflow: hidden;}
.brand-part1 .title h2{margin-bottom: 22px; line-height: 1;}
.brand-part1 .title h2 span{color:#723e1e;}
.brand-part1 .bg-top{top:0;right:18%;position: absolute;width:11.75%;max-width: 188px;height: 205px;background: url(../images/td.png) no-repeat top center;background-size: 100% auto;}
.brand-part1 .description{margin-top:40px;position: relative;}
.brand-part1 .description .txt{letter-spacing: 1px;font-size:18px;text-align: justify;line-height: 2;position: relative;z-index:10;}
.brand-part1 .description .txt img{max-width: 56.8%;float:right;margin-top:15px;margin-left:10px;}
.brand-part1 .description .icon{width:20%;max-width: 307px;position: absolute;top:15%;left:15.5%;pointer-events: none;}
.brand-part1 .more{transition: all .4s;width: 200px;line-height: 46px;text-align: center;letter-spacing: 1px;border:1px solid #dedede;margin-top:48px;color:#723e1e;}
.brand-part1 .more i{width:0;height: 0;display: block;border:4px solid transparent;border-left:7px solid #723e1e;margin-left:10px;}
/*.brand-part1 .more:hover{background: #723e1e;color:#fff;border-color:#723e1e;}*/
.brand-part1 .more:hover i{border-left-color:#fff;}
.brand-part1 .container{height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.brand-part1 .bp1_lf{width: calc(50% - 20px); height: 100%;}
.brand-part1 .bp1_lf .description{height: calc(100% - 150px);}
.brand-part1 .bp1_lf .description .txt{height: calc(100% - 80px); overflow: hidden;}
.brand-part1 .bp1_rt{width: calc(50% - 20px); float: right;}
.brand-part1 .bp1_rt img{width: 100%;}

.brand-part2{padding:170px 0 150px;color:#fff;background-repeat: no-repeat;background-size: cover;background-position: center;text-align: center;position: relative;}
.brand-part2 .video-btn{cursor: pointer;margin:70px auto 0;width: 100px;height: 100px;border-radius:100%;text-align: center;border:1px solid #fff;color:#fff;}
.brand-part2 .video-btn i{width:0;height: 0;border:7px solid transparent;border-left:12px solid #fff;position: relative;left:6px;}
.brand-part2 .video-btn p{line-height: 1;margin-top:10px;}
.brand-part2 .video-fixed{position: absolute;}

.brand-part3{position: relative;padding:80px 0;}
.brand-part3 .title{text-align: center;line-height: 1;letter-spacing: 1px;}
.brand-part3 .content{position: relative;margin-top:56px;}
.brand-part3 .content .line{position: absolute;top:62px;width: 100%;height: 1px;background: url(../images/line.png) repeat-x left center;}
.brand-part3 .swiper-box{padding:0 50px;position: relative;text-align: center;}
.brand-part3 .swiper-box .item h2{margin-top:28px;}
.brand-part3 .swiper-box .item p{color:#999999;line-height: 22px;max-width: 200px;padding:0 10px;margin:8px auto 0;}
.brand-part3 .swiper-box .item-icon{transition: all .6s;margin:0 auto;width: 126px;height: 126px;border-radius:100%;overflow: hidden;background: #f7f7f7;}
.brand-part3 .swiper-box .item-icon:hover{transform: rotateY(180deg);}
.brand-box .swiper-btn{background: #fff;color:#676767;width:40px;height: 40px;border-radius:100%;border:1px solid #cdcdcd;background: #fff;top:62px;margin-top:-20px;}
.brand-box .swiper-btn:after{font-size:12px;}
.brand-box .swiper-button-prev{left:0;}
.brand-box .swiper-button-next{right:0;}

.brand-part4{background: #f7f7f7;}
.brand-part4 .box{padding:80px 0 155px;background: url(../images/bg.png) no-repeat bottom center;background-size: 100% auto;}
.brand-part4 .title{line-height: 1;text-align: center;}
.brand-part4 .swiper-box{padding:0 5.6%;margin-top:80px;position: relative;}
.brand-part4 .swiper-box p{line-height: 1;margin-top:28px;opacity: 0;letter-spacing: 1px;}
.brand-part4 .swiper-box .swiper-slide{width: 33.333%;}
.brand-part4 .swiper-box .swiper-slide-active p{opacity: 1;text-align: center;}
.brand-part4 .swiper-btn{background: #f7f7f7;top:50%;margin-top:-36px;}

@media (max-width:1400px){
 .brand-part1 .description .txt{font-size:17px;}
 .brand-part4 .swiper-box{margin-top:70px;}
 .brand-part4 .box{padding-bottom: 140px;}
}
@media (max-width:1200px){ 
 .brand-part1{padding:80px 0;}
 .brand-part1 .description .txt{font-size:16px;letter-spacing: 0;}
 .brand-part1 .more{margin-top:40px;}
 .brand-part2{padding:160px 0 140px;}
 .brand-part3 .swiper-box .item-icon{width: 120px;height: 120px;}
 .brand-part3{padding:70px 0;}
 .brand-part4 .box{padding:70px 0 130px;}
 .brand-part1 .container{position: unset; transform: unset;}
 .brand-part1 .bp1_lf{width: 100%;}
 .brand-part1 .bp1_rt{width: 100%; float: unset; margin-top: 40px;}
 .brand-part1 .bp1_rt img{width: auto; max-width: 100%; display: block; margin: auto;}
}

@media (max-width:992px){ 
 .subcolumn-nav a{line-height: 60px;}
 .subcolumn-nav span{font-size:15px;}
 .subcolumn-nav .line{margin:0 4.4%;}
 .brand-part1 .bg-top{width: 15%;}
 .brand-part1{padding:70px 0;}
 .brand-part1 .title h2{margin-bottom: 18px;}
 .brand-part1 .description .txt{font-size:15px;}
 .brand-part2{padding:150px 0 130px;}
 .brand-part2 .video-btn{margin-top:60px;}
 .brand-part3 .swiper-box .item-icon{width: 100px;height: 100px;}
 .brand-part3 .swiper-box .item-icon img{max-width: 36px;}
 .brand-part3 .content .line,.brand-part3 .swiper-btn{top:50px;}
 .brand-part4 .box{padding:65px 0 120px;}
 .brand-part4 .swiper-box{padding:0 60px;margin-top:60px;}
 .brand-part4 .swiper-box .swiper-slide{width: 50%;}
 .brand-part4 .swiper-box p{padding:0 12px;margin-top:22px;}
}
@media (max-width:767px){
 .brand-part1{padding:60px 0;}
 .brand-part3 .swiper-box .item-icon{width:120px;height: 120px;}
 .brand-part1 .title p{font-size:16px;}
 .brand-part1 .title h2{margin-bottom: 15px;}
 .brand-part1 .description .txt{font-size:14px;line-height: 1.8;}
 .brand-part1 .description .txt img{float:none;max-width: 100%;margin:10px auto;}
 .brand-part1 .more{margin-top:30px;width: 180px;line-height: 39px;}
 .brand-part2{padding:120px 0 100px;}
 .brand-part2 h2{font-size:26px;line-height: 1.5;}
 .brand-part2 .video-btn{margin-top:50px;}
 .brand-part3{padding:60px 0;}
 .brand-part3 .swiper-box .item p{max-width: 100%;}
 .brand-part3 .content .line, .brand-part3 .swiper-btn{top:62px;}
 .brand-part4 .box{padding:60px 0 90px;}
 .brand-part4 .swiper-box{margin-top:50px;padding:0 50px;}
 .brand-part4 .swiper-box .swiper-slide{width: 100%;}
}

.product-box{padding:40px 0 20px;}
.pro-list .pro-item{display: block;color:#333;}
.pro-list .pro-item .item-img,.pro-list .pro-item .item-img .img{position: relative;overflow: hidden;}
.pro-list .pro-item .item-img .img{position: relative;overflow: hidden;padding-bottom:64.7%;}
.pro-list .pro-item .item-img .img img{max-height: 100%;}
.pro-list .pro-item .item-con{line-height: 1;padding:48px 10px 48px 0;border-bottom:2px solid #e4e4e4;position: relative;}
.pro-list .pro-item .item-con:after{content:'';position: absolute;bottom:-2px;left:0;width: 0;height: 2px;background: #8d5431;z-index:10;transition: all .4s;}
.pro-list .pro-item .item-con p{letter-spacing: 1px;position: relative;padding-right: 30px;}
.pro-list .pro-item .item-con p i{background: url(../images/icon-right.png) no-repeat center;background-size: 100% auto;position: absolute;width:26px;height: 100%;top:0;right:15px;opacity: 0;transition: all .4s;}
.pro-list{margin-left:-17px;margin-right:-17px;}
.pro-list li{margin-bottom: 40px;padding:0 17px;}
.pro-list .pro-item:hover .item-con p i{opacity: 1;right:0;}
.pro-list .pro-item:hover{color:#723e1e;}
.pro-list .pro-item:hover .item-con:after{width: 100%;}

@media (max-width:1200px){
 .pro-list .pro-item .item-con{padding:40px 10px 40px 0;}
 .pro-list li{margin-bottom: 35px;}
}
@media (max-width:992px){
 .product-box{padding-bottom: 40px;}
 .pro-list .pro-item .item-con{padding:32px 10px 32px 0;}
}
@media (max-width:767px){
 .inner-banner .slide-item-img{min-height: 200px;object-fit: cover;object-position: center;}
 .inner-banner .nav-now p{margin-top:18px;font-size:14px;}
 .subcolumn-nav .box{white-space: nowrap;overflow-x: auto;}
 .subcolumn-nav a{line-height: 54px;}
 /*.subcolumn-nav span{font-size:14px;}*/
 .pro-list{margin:0 ;}
 .pro-list li{padding:0 10px;}
 .pro-list .pro-item .item-con{padding:28px 10px 28px 0;}
 .pro-list .pro-item .item-con p i{right:0;opacity: 1;}
}

.product-detail{padding:80px 0 60px;}
.product-top{margin-bottom: 92px;}
.product-top .imgList{width: 50.8%;float:left;border-right:1px solid #e1e1e1;flex-direction: row-reverse;}
.product-top .right{width: 49.2%;float:right;}
.product-top .right .con{padding:0px 11.4%;}
.product-top .right .tit{color:#723e1e;padding-bottom: 28px;border-bottom:1px solid #e1e1e1;letter-spacing: 1px;}
.product-top .right .desc{color:#999;line-height: 1.875;margin-top:20px;word-break: break-all;min-height: 200px;}
.product-top .right .tips{margin-top:40px;color:#999999;}
.product-top .right .tips a{float:left;margin-right:36px;padding-left: 40px;line-height: 27px;}
.product-top .right .tips .icon-tel{background: url(../images/icon-contact.png) no-repeat left center;}
.product-top .right .tips .icon-share{background: url(../images/icon-share.png) no-repeat left center;}
.product-top .thumb-box{float:left;width: 20%;padding:36px 0;position: relative;}
.product-top .gallery-thumbs{height: 350px;}
.product-top .gallery-top{float:right;width: 79%;margin:0;}
.product-top .gallery-thumbs .swiper-slide{height: auto;border:1px solid #d9d9d9;}
.product-top .gallery-thumbs .swiper-slide .item-img{border:1px solid transparent;overflow: hidden;}
.product-top .swiper-slide .item-img,.product-top .swiper-slide .img{height: 100%;position: relative;}
.product-top .swiper-slide .item-img img{max-height: 100%;}
.product-top .gallery-thumbs .swiper-slide-thumb-active{border-color:#a6783e;}
.product-top .gallery-thumbs .swiper-slide-thumb-active .item-img{border-color:#a6783e;}
.product-top .thumb-box .swiper-btn{color:#d9d9d9;margin:0;}
.product-top .thumb-box .swiper-btn:after{font-size:40px;transform: rotate(90deg) scaleX(0.8);}
.product-top .thumb-box .swiper-btn:hover{color:#a6783e;}

@media (min-width:992px){
 .product-top .thumb-box .swiper-btn{left:0;width: 100%;right:0;height: 16px;}
 .product-top .thumb-box .swiper-button-prev{top:0;}
 .product-top .thumb-box .swiper-button-next{top:auto;bottom:0;}
}

.recommend-list{}
.recommend-list .title{line-height: 1;position: relative;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.recommend-list .title span{display: inline-block;position: relative;padding:25px 0;letter-spacing: 1px;font-weight: bold;color:#723e1e;}
.recommend-list .title span:after{position: absolute;content:'';height: 3px;width: 100%;background: #723e1e;left:0;bottom:0;}
.recommend-list .pro-list li{margin:0;}
.recommend-list .pro-list .pro-item{margin-top:50px;}
.pro-list .pro-item:hover .item-img{background: #f5f5f5;}
.pro-list .pro-item:hover .item-img .img{transform: scale(1.03);}

@media (max-width:1200px){
 .product-top .imgList{width: 60%;}
 .product-top .right{width: 40%;}
 .product-top .right .con{padding-right:0;}
 .product-top .right .tit{padding-bottom: 24px;}
 .product-top .gallery-thumbs .swiper-slide{height: 120px;}
 .product-top .gallery-thumbs{height: 390px;}
 .product-top .right .tips{margin-top:30px;}
 .product-top{margin-bottom: 80px;}
 .recommend-list .pro-list .pro-item{margin-top:35px;}
}
@media (max-width:992px){
 .product-detail{padding:70px 0 50px;}
 .product-top .imgList{width:51%;padding-right:2%;}
 .product-top .right{width: 49%;}
 .product-top .thumb-box,.product-top .gallery-top{width: 100%;float:none;}
 .product-top .thumb-box{padding:0 28px;margin-top:20px;}
 .product-top .gallery-top .item-img{height: auto;padding-bottom: 100%;position: relative;}
 .product-top .gallery-thumbs,.product-top .gallery-thumbs .item-img,.product-top .gallery-thumbs .swiper-slide{height: auto;}
 .product-top .gallery-thumbs .img{position: relative;height: auto;padding-bottom: 87.5%;}
 .product-top .right .tips a{font-size:15px;background-size: 20px auto!important;}
 .product-top .thumb-box .swiper-btn:after{transform: scaleX(0.8);}
 .product-top .thumb-box .swiper-btn{height: 100%;width: 16px;top:0;}
 .product-top .thumb-box .swiper-button-prev{left:0;}
 .product-top .thumb-box .swiper-button-next{right:0;}
 .product-top{margin-bottom: 70px;}
 .recommend-list .title span{padding:22px 0;}
 .product-top .right .desc{min-height: 200px;}
 .product-top .right .tips a{padding-left: 32px;}
 .product-top{margin-bottom: 60px;}
 .recommend-list .pro-list .pro-item .item-con{padding:26px 10px 26px 0;}
}
@media (max-width:767px){
 .product-top .imgList,.product-top .right{float:none;padding:0;width: 100%;}
 .product-top .imgList{border:none;border-bottom:1px solid #e1e1e1;padding-bottom: 25px;}
 .product-detail{padding:50px 0 40px;}
 .product-top .gallery-top{border:1px solid #e1e1e1;}
 .product-top .thumb-box{padding:0 24px;}
 .product-top .thumb-box .swiper-btn:after{font-size:32px;}
 .product-top .right .con{padding:30px 0 0;}
 .product-top .right .tit{font-size:22px;padding-bottom: 18px;}
 .recommend-list .title span{padding:20px 0;}
}

.join-box{padding-bottom: 80px;}
.join-box .join-jmzz{padding-top:80px;}
.join-box .inner-title{text-align: center;}
.join-box .inner-title h2{color:#dedede;line-height: 1;}
.join-box .inner-title h2 span{color:#333;}
.join-box .inner-title .en{color:#723e1e;text-transform: uppercase;line-height: 1;margin-top:16px;}
.join-jmzz .tab-box{font-size:0;text-align: center;margin-top:35px;}
.join-jmzz .tab-item{color:#000;cursor: pointer;transition: all .3s;display: inline-block;width:21.25%;text-align: center;line-height: 78px;margin:12px 12px 0;background: #f9f9f9;position: relative;}
.join-jmzz .tab-item i{z-index:10;position: absolute;width:6px;height: 100%;top:0;right:16%;background: url(../images/icon-arrow1.png) no-repeat center;}
.join-jmzz .tab-item:hover,.join-jmzz .tab-item.active{background: #b28f6e;color:#fff;}
.join-jmzz .tab-item:hover i,.join-jmzz .tab-item.active i{background-image: url(../images/icon-arrow.png);}
@media (min-width:767px){
 .join-jmzz .tab-cons li{width:47.5%;margin-right:5%;}
 .join-jmzz .tab-cons li:nth-child(2n+2){margin-right:0;}
}
.join-jmzz .tab-cons{margin-top:10px;}
.join-jmzz .tab-cons li{padding:0;border-bottom:1px solid #e4e4e4;min-height: 136px;margin-bottom: 20px;padding:15px 0;}
.join-jmzz .tab-cons li .txt{width:100%;letter-spacing: 1px;font-size:17px;}
.join-jmzz .tab-cons li .num{color:#723e1e;margin-right:5.2%;line-height: 1;}
.join-jmzz .tab-cons .cons-item{display: none;}
.join-jmzz .tab-cons .cons-item:first-child{display: block;}

.join-yxzc{padding-top:80px;}
.join-yxzc .content{padding-top:40px;}
.join-yxzc .content .item{margin-top:14px;border-bottom:1px solid #e4e4e4;padding: 30px 5.6% 30px 0;}
.join-yxzc .content .item .tit{cursor: pointer;position:relative;line-height: 44px;background-repeat: no-repeat;background-position: left top;background-size: auto 44px;letter-spacing: 2px;}
.join-yxzc .content .item .tit i{transition: all .3s;position: absolute;right:0;top:0;height: 100%;width:24px;/*background: url(../images/icon-plus.png) no-repeat center;*/background-size: 100% auto;}
.join-yxzc .content .item .tit i:after,.join-yxzc .content .item .tit i:before{transition: all .3s;position: absolute;content:'';width: 24px;height: 2px;background: #723e1e;top:50%;margin-top:-1px;right:0;}
.join-yxzc .content .item .tit i:after{transform: rotate(45deg);transition-delay: .2s;}
.join-yxzc .content .item .tit i:before{transform: rotate(-45deg);transition-delay: .2s;}
.join-yxzc .content .item .tit i{transform: rotate(45deg);}
.join-yxzc .content .item .desc{line-height: 2;margin-top: 12px;display: none;}
.join-yxzc .content .item .desc,.join-yxzc .content .item .tit{padding:0 9.14% 0 76px;}
.join-yxzc .content .item:first-child .desc{display: block;}
.join-yxzc .content .item .tit.active i{transform: rotate(0deg);}
.join-yxzc .content .item .tit.active i:after,.join-yxzc .content .item .tit.active i:before{transform: rotate(0deg);}

.join-process,.join-apply{padding-top:100px;}
.join-process .process-swiper{margin-top:56px;position: relative;}
.join-process .swiper-box{overflow: hidden;padding-top: 12px;}
.join-process .swiper-btn{width: 50px;height: 50px;text-align: center;border-radius:100%;overflow: hidden;border:1px solid #bababa;color:#000;transition: all .3s;}
.join-process .swiper-btn:after{font-size:18px;}
.join-process .swiper-btn:hover{background:#a6805c;border-color:#a6805c;color:#fff;}
.join-process .swiper-button-prev{transform: translateX(-50%);}
.join-process .swiper-button-next{transform: translateX(50%);}
.join-process .swiper-container{overflow: visible;}
.join-process .swiper-slide{width: 20%;}
.join-process .process-item{background: #ececec;overflow: hidden;position: relative;top:0;}
.join-process .process-item .item-txt{height: 400px;text-align: center;padding-top:90px;position: relative;}
.join-process .process-item:hover{top:-12px;border-radius:18px;background: #333333;color:#fff;}
.join-process .process-item:hover .item-txt{background: url(../images/process-bg.png) no-repeat center;background-size: cover;}
.join-process .process-item .en{font-weight: bold;transition: all .3s;line-height: 1;color:#a6783e;opacity: 0.5;margin-bottom: 28px;}
.join-process .process-item .desc{line-height: 1.67;padding:0 20px;letter-spacing: 1px;}
.join-process .process-item:hover .en{opacity: 1;}
.join-process .process-item .num{position: absolute;bottom:7%;left:0;width: 100%;z-index:10;text-align: center;color:#999;font-size:14px;line-height: 1;}
.join-process .process-item .num-hide{opacity: 0;transition: all .3s;z-index:10;pointer-events: none;font-family: aria;position: absolute;top:100%;right:7.2%;font-weight: bold;color:rgba(255,255,255,.1);}
.join-process .process-item:hover .num-hide{opacity: 1;transform: translateY(-72%);}
.join-process .process-item:hover .num{display: none;}

.join-apply .form{margin-top:60px;}
.join-apply .form .row{margin-left:-12px;margin-right:-12px;}
.join-apply .form-item{padding:0 12px;margin-bottom: 24px;width: 33.33333%;float:left;}
.join-apply .form .item-value{border:none;outline: none;line-height: 64px;height: 66px;display: block;width: 100%;border:1px solid #d0d0d0;padding:0 30px;}
.join-apply .form .item-value::-webkit-input-placeholder {color:#666;}
.join-apply .form .item-value:-moz-placeholder {color:#666;}
.join-apply .form .item-value::-moz-placeholder {color:#666;}
.join-apply .form .item-value:-ms-input-placeholder {color:#666;}

.join-apply .form select.item-value{ appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;padding-right:11.6%;}
.join-apply .form .item-select{position: relative;}
.join-apply .form .item-select:after{content:'';position: absolute;width:4%;max-width:18px;height: 10px;background: url(../images/arrow-down.png) no-repeat center;background-size: 100% auto;top:0;height: 100%;right:7.5%;}
.join-apply .form-item:first-child,.join-apply .form-item:nth-child(2){width:50%;}
.join-apply .f-box .form-item:last-child{width:66.666666%;}
.join-apply .btn-box .form-btn{line-height: 66px;width: 200px;width:2rem;margin-left:24px;float:left;border:none;outline: none;color:#333;background:#e6e6e6;text-align: center;letter-spacing: 1px;}
.join-apply .btn-box .form-btn:first-child{margin:0;}
.join-apply .btn-box .form-btn-fill{background: #b28f6e;color:#fff;}
.join-apply .form .yzm-item{margin-right:24px;width: 2.75rem;}
.join-apply .form .yzm img{max-width: 2rem;}

@media (max-width:1400px){
 .join-jmzz .tab-item{font-size:16px;line-height: 65px;}
 .join-process .swiper-slide{width: 25%;}
 .join-jmzz .tab-cons li .txt{font-size:16px;}
 .join-yxzc .content .item .tit{background-size:auto 40px;line-height: 40px;letter-spacing: 1px;}
 .join-box .join-jmzz,.join-yxzc{padding-top:70px;}
 .join-yxzc .content .item .desc{line-height: 1.8;}
 .join-yxzc .content .item .desc, .join-yxzc .content .item .tit{padding-left: 65px;}
 .join-process, .join-apply{padding-top:90px;}
 .join-process .process-swiper{margin-top:45px;}
 .join-apply .form-item{padding:0 10px;}
 .join-apply .form .row{margin-left:-10px;margin-right:-10px;}
 .join-apply .form{margin-top:50px;}
}

@media (max-width:1200px){
 .join-jmzz .tab-cons li .txt{font-size:15px;}
 .join-yxzc .content{padding-top:30px;}
 .join-yxzc .content .item .desc, .join-yxzc .content .item .tit{padding-left: 55px;}
 .join-yxzc .content .item .tit{background-size: auto 32px;line-height: 32px;}
 .join-apply .form .item-value{line-height: 56px;height: 58px;padding:0 22px;}
 .join-apply .btn-box .form-btn{line-height: 58px;}
}
@media (max-width:992px){
 .join-box .join-jmzz, .join-yxzc{padding-top:60px;}
 .join-jmzz .tab-item{line-height: 60px;width: 30%;}
 .join-jmzz .tab-cons li .txt{font-size:14px;}
 .join-yxzc .content .item .tit{font-size:22px;background-size: auto 28px;line-height: 28px;}
 .join-yxzc .content .item .desc, .join-yxzc .content .item .tit{padding-left:45px;}
 .join-yxzc .content .item{margin-top:10px;padding-top:25px;padding-bottom: 28px;}
 .join-process, .join-apply{padding-top:80px;}
 .join-process .swiper-slide{width: 280px;}
 .join-process .swiper-button-prev{transform: none;left:10px;}
 .join-process .swiper-button-next{transform: none;right:10px;}
 .join-process .swiper-btn{width: 44px;height: 44px;}
 .join-process .swiper-btn:after{font-size:16px;}
 .join-apply .form .item-value{padding:0 20px;line-height: 46px;height: 48px;}
 .join-apply .form-item{margin-bottom: 20px;}
 /*.join-apply .f-box .form-item:last-child{width: 100%;}*/
 .join-apply .form .yzm{}
 .join-apply .form .yzm .btn-box{width:100%;text-align: center;margin-top:30px;}
 .join-apply .btn-box .form-btn{width: 180px;margin:0 20px;float:none;display: inline-block;line-height: 50px;}
 .join-apply .form .yzm-item{width: 200px;}
 .join-yxzc .content .item .tit i:after, .join-yxzc .content .item .tit i:before{width: 19px;}
}
@media (max-width:767px){
 .join-box .join-jmzz, .join-yxzc{padding-top:55px;}
 .join-jmzz .tab-box{margin-top:25px;}
 .join-jmzz .tab-item{width: 140px;line-height: 46px;font-size:15px;}
 .join-jmzz .tab-cons{margin-top:25px;}
 .join-jmzz .tab-cons li{min-height: 70px;}
 .join-jmzz .tab-cons li .txt{letter-spacing: 0;}
 .join-box .inner-title .en{margin-top:14px;}
 .join-yxzc .content .item .tit{font-size:20px;background-size: auto 22px;line-height: 22px;}
 .join-yxzc .content .item .desc, .join-yxzc .content .item .tit{padding-left:35px;}
 .join-yxzc .content .item .desc{font-size:15px;}
 .join-yxzc .content .item{padding:22px 0 25px;}
 .join-process, .join-apply{padding-top:70px;}
 .join-process .swiper-slide{width: 100%;}
 .join-process{padding:70px 40px 0;}
 .join-process .swiper-button-next{right:-30px;}
 .join-process .swiper-button-prev{left:-30px;}
 .join-process .process-item{border-radius: 18px;background: #333333;color: #fff;}
 .join-process .process-item .item-txt{background: url(../images/process-bg.png) no-repeat center;background-size: cover;}
 .join-process .process-item .num-hide{opacity: 1;transform: translateY(-72%);}
 .join-process .process-item .num{display: none;}
 .join-process .process-item .en{opacity: 1;}
 .join-process .swiper-btn{width: 40px;height: 40px;}
 .join-process .process-swiper{margin-top:35px;}
 .join-apply .form-item{width: 100%!important;margin-bottom: 16px;}
 .join-apply .form .yzm-item{width: 150px;}
 .join-apply .form{margin-top:40px;}
 .join-apply .form .item-value{padding:0 16px;font-size:15px;}
 .join-apply .btn-box .form-btn{width:160px;font-size:15px;float:left;margin:0;line-height: 48px;}
 .join-apply .btn-box .form-btn-fill{float:right;}
}

.news-list .list li{border-bottom:1px solid #dfe2ef;padding:60px 0;}
.news-list .news-item .item-con{width:54.7%;float:left;position: relative;margin-top:60px;}
.news-list .news-item .item-txt{padding-left:12.2%;color:#333;}
.news-list .news-item .item-num{position: absolute;top:0;left:0;line-height: 26px;font-family: arial;padding-right:15px;}
.news-list .news-item .item-num i{position: absolute;right:0;width: 8px;height: 8px;bottom:4px;background: url(../images/icon-tri1.png) no-repeat center;background-size: 100% auto;}
.news-list .news-item .item-img{width: 38.8%;float:right;overflow: hidden;}
.news-list .news-item .item-img .img{height: 350px;position: relative;overflow: hidden;}
.news-list .news-item .item-tit{line-height: 1;margin-bottom: 38px;}
.news-list .news-item .item-desc{line-height: 28px;font-size:16px;height: 84px;-webkit-line-clamp:3;line-clamp:3;color:#999999;text-align: justify;}
.news-list .news-item .item-more{margin-top:44px;width:130px;line-height: 42px;border:1px solid #c4c4c4;border-radius:4px;overflow: hidden;letter-spacing: 1px;text-align: center;}
/*.news-list .news-item .item-more:hover{background: #a6783e;border-color:#a6783e;color:#fff;}*/
.news-list .news-item .item-img:hover .img{transform: scale(1.04);}

.pages{margin:30px 0;text-align: center;}
.pages .qilin_pager{font-size:0;}
.pages .qilin_pager a{display: inline-block;font-size:15px;min-width:30px;line-height: 28px;border:1px solid #c4c4c4;padding:0 10px;margin:5px 5px;border-radius:4px;overflow: hidden;transition: all .3s;}
.pages .qilin_pager a.Ahover,.pages .qilin_pager a:hover{background: #a6783e;border-color:#a6783e;color:#fff;}

@media (max-width:1400px){
 .news-list .list li{padding:50px 0;}
 .news-list .news-item .item-con{margin-top:50px;}
 .news-list .news-item .item-tit{margin-bottom: 30px;}
 .news-list .news-item .item-more{margin-top:35px;}
 .news-list .news-item .item-img{width: 40%;}
 .news-list .news-item .item-img .img{height: 310px;}
}
@media (max-width:1200px){
 .news-list .list li{padding:40px 0;}
 .news-list .news-item .item-con{margin-top:30px;}
 .news-list .news-item .item-tit{margin-bottom: 20px;}
 .news-list .news-item .item-more{margin-top:30px;}
 .news-list .news-item .item-num{line-height: 22px;}
 .news-list .news-item .item-img .img{height: 240px;}
 .news-list .news-item .item-desc{font-size:15px;line-height: 26px;height: 72px;}
 .news-list .news-item .item-more{line-height: 36px;}
 .pages .qilin_pager a{font-size:14px;}
}
@media (max-width:992px){
 .news-list .news-item .item-txt{padding-left:50px;}
 .news-list .list li{padding:35px 0;}
 .news-list .news-item .item-con{margin-top:25px;}
 .news-list .news-item .item-tit{margin-bottom: 16px;}
 .news-list .news-item .item-more{margin-top:25px;}
 .news-list .news-item .item-img .img{height: 230px;}
 .news-list .news-item .item-num i{width: 6px;height: 6px;}
 .news-list .news-item .item-num{padding-right: 12px;line-height: 20px;}
}
@media (max-width:767px){
 .news-list .news-item .item-con,.news-list .news-item .item-img{float:none;width: 100%;}
 .news-list .news-item .item-con{margin:0 0 25px;}
 .news-list .news-item .item-desc{font-size:14px;line-height: 1.75;height: auto;max-height: 72px;}
 .news-list .news-item .item-more{margin-top:20px;}
 .pages .qilin_pager a{font-size:13px;margin:5px 4px;}
 .news-list .list li{padding:30px 0;}
}

.join-box{padding:78px 0 60px;}
.join-box .join-title{line-height: 1;font-family: 'syl';text-transform: uppercase;margin-bottom: 40px;}
.join-box .join-title span{margin-right:1.75%;color:#723e1e;font-family: 'ht';}
.join-box .description{color:#999;line-height: 1.75;text-align: justify;}

.join-box .join-nav{height: 760px;position: relative;margin-top:42px;}
.join-box .join-nav .nav-item{height: 100%;position: absolute;top:0;width: 50%;display: block;overflow: hidden;}
.join-box .join-nav .nav-item .item-con{position: absolute;z-index:10;color:#fff;}
.join-box .join-nav .nav-item1{left:0;height:55.26%;display: flex;align-items: center;flex-wrap: wrap;background: #aace39;}
.join-box .join-nav .nav-item2{left:0;top:auto;bottom:0;height: 44.74%;}
.join-box .join-nav .nav-item3{right:0;height: 100%;}
.join-box .join-nav .nav-item .item-img{height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.join-box .join-nav .nav-item .desc{line-height: 1.75;}
.join-box .join-nav .nav-item .more{line-height: 1;margin-top:50px;}
.join-box .join-nav .nav-item .tit{line-height: 1;margin-bottom: 25px;letter-spacing: 1px;font-weight: bold;text-transform: uppercase;}
.join-box .join-nav .nav-item .en{line-height: 1;font-family: arial;text-transform: uppercase;}
.join-box .join-nav .nav-item1 .item-img,.join-box .join-nav .nav-item1 .item-con{width:50%;position: static;}
.join-box .join-nav .nav-item1 .item-con{padding:20px 5% 0 8%;}
.join-box .join-nav .nav-item2 .item-con{width: 100%;top:50%;transform: translateY(-50%);text-align: center;color:#333;}
.join-box .join-nav .nav-item3 .item-con{bottom:0;right:0;width:60.6%;padding:100px 0;background: rgba(0,0,0,.5);text-align: right;padding-right: 10%;}
/*.join-box .join-nav .nav-item .tit{font-size:;}*/
.join-box .join-nav .nav-item .en{font-size:22px;}

@media (max-width:1400px){
 .join-box .join-nav .nav-item3 .item-con{padding:80px 10% 80px 0;}
 .join-box .join-nav{height: 700px;}
 .join-box .join-nav .nav-item .more{margin-top:40px;}
 .join-box .join-nav .nav-item .tit{font-size:32px;margin-bottom: 22px;}
 .join-box .join-nav .nav-item .en{font-size:20px;}
 .join-box .join-nav .nav-item1 .item-con{padding-left:5%;}
}
@media (max-width:1200px){
 .join-box{padding:68px 0 50px;}
 .join-box .join-nav{height: 600px;}
 .join-box .join-nav .nav-item .more{margin-top:30px;}
 .join-box .join-nav .nav-item3 .item-con{padding:55px 5% 55px 0;}
 .join-box .join-nav .nav-item .tit{font-size:28px;margin-bottom: 20px;}
 .join-box .join-nav .nav-item .en{font-size:18px;}
}
@media (max-width:1000px){
 .join-box .join-nav{height: auto;}
 .join-box .join-nav .nav-item{position: relative;top:auto;left:auto;right:auto;bottom:auto;float:left;}
 .join-box .join-nav .nav-item1{width: 100%;}
 .join-box .join-nav .nav-item .item-img{height: auto;padding-bottom: 50%;}
 .join-box .join-nav .nav-item3 .item-con{padding:35px 15px 35px 0;}
 .join-box .join-nav .nav-item .tit{font-size:24px;margin-bottom: 18px;}
 .join-box .join-nav .nav-item .en{font-size:16px;}
}
@media (max-width:767px){
 .join-box .join-nav .nav-item{width: 100%;}
 .join-box .join-nav .nav-item1 .item-img, .join-box .join-nav .nav-item1 .item-con{width: 100%;}
 .join-box .join-nav .nav-item1 .item-con{padding:30px 20px;}
 .join-box .join-nav .nav-item3 .item-img{padding-bottom:95%;}
 .join-box .join-nav .nav-item3 .item-con{width: 70%;}
 .join-box{padding:50px 0 40px;}
 .join-box .join-nav{margin-top:30px;}
 .join-box .join-title{margin-bottom: 30px;}
}

.job-list{padding:60px 0;}
.job-list .job-tit{line-height: 1;padding:20px 25px;color:#fff;background: #723e1e;}
.job-list .job-item{border-bottom:1px solid #dedede;padding:28px 25px;color:#333;}
.job-list .job-item .i-tit{line-height: 1;font-size:20px;margin-bottom: 26px;}
.job-list .job-item .i-tit span{color:#723e1e;}
.job-list .job-item .rule li{margin-top:12px;padding:0 20px 0 0;}
@media (max-width:992px){
 .job-list .job-item .i-tit{font-size:18px;margin-bottom: 22px;}
 .job-list .job-item{padding:24px 25px;}
}
@media (max-width:767px){
 .job-list .job-item{padding:24px 15px;}
 .job-list .job-tit{/*font-weight: bold;*/padding:16px 15px;}
 .job-list{padding:45px 0;}
 .job-list .job-item .i-tit{font-size:16px;font-weight: bold;margin-bottom: 18px;}
 .job-list .job-item .rule li{padding-right: 15px;}
 .job-list .job-item .rule .workplace{width: 100%;}
}

.map-box{position: relative;padding-bottom: 33.86%;}
.map-box .map{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.map-box #allmap{height: 100%;width: 100%;}

.contact-box .c-box{max-width: 1300px;margin:0 auto;padding:90px 0;}
.contact-box .c-tit{line-height: 1;margin-bottom: 50px;color:#0a0f2b;}
.contact-box .left-info{float:left;width: 32.3%;}
.contact-box .info-item{padding-left: 60px;position: relative;line-height: 1.55;color:#0a0f2b;margin-bottom: 25px;}
.contact-box .info-item .icon{position: absolute;left:0;top:5px;width: 32px;height:35px;background: url(../images/contact-icon1.png) no-repeat center left;background-size: 100% auto;}
.contact-box .info-item .icon-mail{background-image:url(../images/contact-icon2.png);}
.contact-box .info-item .icon-fax{background-image:url(../images/contact-icon3.png);}
.contact-box .info-item .icon-tel{background-image:url(../images/contact-icon4.png);}
.contact-box .left-info .code-box{margin-top:45px;}
.contact-box .left-info .code-box img{float:left;width: 45.5%;margin-right:4.5%;border:1px solid #e2e2e2;}
.contact-box .right-form{float:right;width: 51.54%;}
.contact-box .right-form .form-item{margin-bottom: 20px;}
.contact-box .right-form .item-value{display: block;line-height: 22px;padding:18px 28px;width: 100%;background: #f7f7f7;border:1px solid #cccccc;border-radius:4px;overflow: hidden;}
.contact-box .right-form textarea.item-value{height: 160px;}
.contact-box .right-form .item-value::-webkit-input-placeholder {color:#a9a9a9;}
.contact-box .right-form .item-value:-moz-placeholder {color:#a9a9a9;}
.contact-box .right-form .item-value::-moz-placeholder {color:#a9a9a9;}
.contact-box .right-form .item-value:-ms-input-placeholder {color:#a9a9a9;}
.contact-box .right-form .submit-btn{display: block;border:none;outline: none;line-height: 54px;width: 170px;text-align: center;border-radius:5px;background: #723e1e;color:#fff;}
@media (max-width:1200px){
 .contact-box .left-info{width: 40%;}
 .contact-box .c-box{padding:80px 0;}
}
@media (max-width:992px){
 .contact-box .c-box{padding:70px 0;}
 .contact-box .right-form .item-value{padding:15px 22px;font-size:15px;}
 .contact-box .info-item{padding-left:50px;}
 .contact-box .info-item .icon{width: 28px;}
}
@media (max-width:767px){
 .contact-box .left-info,.contact-box .right-form{float:none;width: 100%;}
 .contact-box .right-form{margin-top:45px;}
 .contact-box .c-box{padding:55px 0;}
 .contact-box .c-tit{margin-bottom:35px;}
 .contact-box .info-item{margin-bottom: 20px;padding-left:45px;}
 .contact-box .info-item .icon{width: 25px;}
 .contact-box .right-form .item-value{padding:12px 16px;}
 .contact-box .right-form .form-item{margin-bottom: 16px;}
 .contact-box .right-form .submit-btn{font-size:14px;line-height: 46px;width: 160px;}
 .map-box{padding-bottom: 100%;}
 .contact-box .left-info .code-box{margin-top:35px;}
}

.txt-item li {position:absolute;left:5%;top:50%;width:90%;transform:translateY(-50%);z-index:10;display:none;}
.txt-item li:first-child {display:block;}
.txt-item li.show .btext strong,.txt-item li.show .btext p {opacity:1;transform:translateY(0px);transition:0.58s;}
.txt-item li.show .btext p {transition-delay:0.45s;}
.txt-item li.show .bline {opacity:1;transform:scaleX(1);transition:0.8s 0.2s;}
.btext {position:absolute;left:50%;margin-left:-45%;top:50%;transform:translateY(-50%);width:90%;text-align:center;z-index:10;}
.btext strong {display:block;line-height:1;color:#fff;font-size:46px;font-size:0.46rem;letter-spacing:5px;opacity:0;transform:translateY(100%);font-weight: normal;}
.btext p {display:inline-block;margin-left:-6px;letter-spacing:15px;color:#fff;line-height:1;font-size:26px;font-size:0.26rem;opacity:0;transform:translateY(100%);margin-top:0.3rem;}
.bhide {overflow:hidden;}
.news-detail{margin:50px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{max-width: 100%;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{margin:30px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
}

 .s-more{display: inline-block; vertical-align: middle; font-size: 16px; color: #723e1e; line-height: 1.2; padding-bottom: 15px; border-bottom: 1px solid #723e1e; padding-right: 24px; box-sizing: border-box; position: relative; cursor: pointer; margin-top: 48px;}
 .s-more:after{position: absolute; content: ""; width: 10px; height: 5px; right: 0; top: 8px; background: url(../images/j18.png) no-repeat center; background-size: 100%;}
 .w1280{ margin: 0 auto;}
 .close{float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
body.on,
html.on{overflow: hidden;padding-right: 4px;}
.text-fixed-words{position: fixed;z-index: 20;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);left: 0;top: 0;display: none;}
.text-fixed-words .close{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;background: url(../images/closes.png) no-repeat center;background-size: 100%;opacity: 1;}
.text-fixed-words .left{width: 100%;height: 100%;overflow: auto;}
.text-fixed-words .fixed-box{position: absolute;left: 50%;top: 50%;background: #ffffff;transform: translate(-50%, -50%);padding: 1rem;max-height: 70%;overflow: hidden;overflow-y: auto;}
.text-fixed-words .fixed-box .left{width: 100%;}
.j-roads-images{height: 18.75rem;position: relative;overflow: hidden;}
.j-roads-images .psp{position: absolute;width: 1.25rem;height: 1.25rem;bottom: 1.5rem;left: 0;right: 0;margin: auto;background: url(../images/psp.png) no-repeat center;background-size: 100%;border: 1px solid rgba(255, 255, 255, .4);border-radius: 50%;cursor: pointer;transition: .5s ease-in-out;}
.j-roads-images .psp:hover{background-color: #004a9a;border-color: #004a9a;transition: .5s ease-in-out;}
.j-roads-images .words{position: absolute;top: 5.375rem;left: 50%;transform: translateX(-50%);font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.j-roads-images .img{position: relative;}
.j-roads-images .img .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 0;}
.j-roads-images .img .text .li{font-size: 14px;display: inline-block;width: 10%;position: relative;height: 100%;}
.j-roads-images .img .text .li .p{/*word-break: keep-all;*/line-height: 24px;margin-top: 5px;}
.j-roads-images .img .text .li .box{position: absolute;width: 150%;left: 50%;transform: translateX(-30%);}
.j-roads-images .img .text .li:nth-child(2n+1) .box{padding-top: .5rem;}
.j-roads-images .img .text .li .tit,
.j-roads-images .img .text .li .txt{font-size: 16px;line-height: 1;color: #ffffff;}
.j-roads-images .img .text .li .txt{margin-top: 10px;}
.j-roads-images .img .text .li0 .box{top: 100%;left: 0;transform: translateX(0);}
.j-roads-images .img .text .li1 .box{top: 140px;}
.j-roads-images .img .text .li2 .box{top: 220px;}
.j-roads-images .img .text .li3 .box{top: 70px;}
.j-roads-images .img .text .li4 .box{top: 175px;}
.j-roads-images .img .text .li5 .box{top: 0;}
.j-roads-images .img .text .li6 .box{top: 125px;}
.j-roads-images .img .text .li7 .box{top: -25px;}
.j-roads-images .img .text .li8 .box{top: 80px;}
.j-roads-images .img .text .li9 .box{top: -85px;}
.j-roads-lists .list .li.active:before{background: url(../images/i1.png) no-repeat center;transition: .5s ease-in-out;}
.j-roads-lists .list .li.active .box .tit{color: #e60012;transition: .5s ease-in-out;}
@keyframes moves{from{transform: rotate(-90deg);}
to{transform: rotate(90deg);}}
.j-roads-lists{padding-top: 2.5rem;padding-bottom: 4.25rem;}
.j-roads-lists .j-sear{margin-top: 1.25rem;}
.j-roads-lists .list{padding-top: 2.5rem;position: relative;}
.j-roads-lists .list .li{position: relative;width: 50%;}
.j-roads-lists .list .li:after{position: absolute;width: 100%;height: 1px;content: "";background: #d9d9d9;}
.j-roads-lists .list .li:before{position: absolute;content: "";width: 25px;height: 25px;background: url(../images/i0.png) no-repeat center;z-index: 4;transition: .5s ease-in-out;}
.j-roads-lists .list .li.fl:after{right: 0;top: 0;}
.j-roads-lists .list .li.fl:before{right: -12px;top: -12px;}
.j-roads-lists .list .li.fr:after{left: 0;top: 0;}
.j-roads-lists .list .li.fr:before{left: -12px;top: -12px;}
.j-roads-lists .list .li.fr{text-align: right;}
.j-roads-lists .list .li.fr .box{text-align: left;}
.j-roads-lists .list .li .box{width: 420px;display: inline-block;position: relative;text-align: left;font-size: 14px;line-height: 24px;color: #666666;}
.j-roads-lists .list .li .box .words{padding-top: 0.625rem;}
.j-roads-lists .list .li .box .tit{font-size: 26px;line-height: 1.5;color: #333333;transition: .5s ease-in-out;}
.j-roads-lists .list .li .box .txt{font-size: 18px;line-height: 1.5;color: #004a9a;margin-top: 0.375rem;margin-bottom: 0.5rem;}
.j-roads-lists .list .li .words{/*position: absolute;*/height: 100%;top: 100%;left: 0;width: 100%;overflow-y: auto;}
.j-roads-lists .list .itembox{padding-top: 3rem;}
.j-roads-lists .list .items{cursor: pointer;margin-top: -3rem;}
.j-roads-lists .list .items:last-child .li .words{position: static;}
.j-roads-lists .list .before{width: 25px;height: 25px;border: 2px solid #004a9a;border-radius: 50%;left: 0;right: 0;top: 0;margin: auto;position: absolute;z-index: 2;background: #ffffff;}
.j-roads-lists .list .after{height: 100%;top: 0;left: 0;right: 0;position: absolute;background: #d9d9d9;width: 1px;margin: auto;z-index: 0;}
.j-roads-lists .list .itembox{position: relative;z-index: 5;}
.j-sear{width: 27px;height: 28px;margin: 0 auto;background: url(../images/j53.png) no-repeat center;background-size: 100%;cursor: pointer;display: none;}
.text-fixed-words .fixed-box{width: 800px;height: 500px;overflow: hidden;padding: 45px 35px;font-size: 15px;color: #666666;line-height: 26px;background: url(../images/j56.png) #fff no-repeat right bottom;background-size: 100%;}
.text-fixed-words .fixed-box .h{font-weight: bold;}
.text-fixed-words .fixed-box .con{margin-top:15px;height: 300px;overflow-y: auto;}
.text-fixed-words .fixed-box .con::-webkit-scrollbar{width: 1px;height: 1px;}
.text-fixed-words .fixed-box .con::-webkit-scrollbar-track{background: #d0d7de;}
.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb{background: #91969b;/*border-radius: 4px;*/}
.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:window-inactive{background: #91969b;}
.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:vertical:hover{background: #91969b;}
.text-fixed-words .fixed-box .con-li:nth-child(n+2){margin-top: .75rem;}
.text-fixed-words .fixed-box .close{width: 25px;height: 25px;background: url(../images/j54.png) no-repeat center;background-size: 100%;top: 40px;right: 40px;}
.text-fixed-words .fixed-box .tit{font-size: 24px;color: #e60012;line-height: 1.6;padding-bottom:30px;border-bottom: 1px solid #e5e5e5;}
.text-fixed-words.on{display: block;}
.j-structure{position: relative;overflow: hidden;}
.j-structure:after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";z-index: 1;}
.j-structure .z-span{z-index: 0;bottom: 0;left: 0;}
.j-structure-bot{min-height: 30.375rem;padding-top: 3rem;padding-bottom: 4.25rem;}
.j-structure-bot .tit{line-height: 1;margin-bottom: 1rem;}

@media (max-width: 767px){
.text-fixed-words .fixed-box{width: 100%;padding: 20px 15px;}

}

.banner-swiper{position: relative;}
.banner-swiper .btext{position: absolute;left:0;right:0;z-index:10;text-align: center;top:50%;transform: translateY(-50%);margin:0;width:100%;}
.banner-swiper .swiper-container{height:100vh;}
.banner-swiper .img-list{width:100%;opacity: 0.4;transition: linear .4s;height:100vh;object-fit: cover;object-position: center;}
.banner-swiper .swiper-slide-active .img-list{opacity: 1;}
.banner-swiper .ani-slide .btext strong,.banner-swiper .ani-slide .btext p {opacity:1;transform:translateY(0px);transition:0.58s;}
.banner-swiper .ani-slide p {transition-delay:0.45s;}


div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}