@charset "utf-8";
/*HOME*/
.home {width: 100%;height: 100%;overflow: hidden;}
.head-top {width: 100%; height:180px;background-color:#b38756;position: relative;}
.head-top::before {position: absolute;left: 0;top: 50%;width: 100%;height: 2px;background-color: #e7d9ca;margin-top: -2px;content: "";}
.head-top .logo {position: absolute;left:7%;top:0;line-height:180px;padding:0 20px 0 24px;background-color:#b38756;z-index:18;width: 284px;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;overflow: hidden;}
.head-top .logo img{max-width:100%;height:auto;}
.head-r {width:70%;float: right;padding-right:6.3%;}
.head-r .head-t1 {height:88px;line-height:88px;}
.head-t1::before {position: absolute;width: 100%;height:88px;left: 0;top: 0;content: "";background-color: #b38756;z-index: 10;}
.head-r .head-t1 .lang {margin-left:25px;position: relative;z-index: 12;}
.head-r .head-t1 .lang a {margin-left: 10px;}

#main-nav {display: none;}
.t1-icon {height:88px;}
.t1-icon > li { position:relative;float:left;}
.t1-icon > li > a { text-align: center;display: block;padding: 0 10px;position: relative;z-index: 12;}
.t1-icon > li > a > img {-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.i-mod {position: absolute;top: 100%;width:320px;height:290px;list-style: none;left:50%;margin-left: -160px;z-index:9;opacity: 0;-webkit-transition: all 0.3s, -webkit-transform 0.3s;-moz-transition: all 0.3s, -moz-transform 0.3s;transition: all 0.3s, transform 0.3s;-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);transform: translateY(-30px);visibility: hidden;padding:20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background:#fff;text-align: center;line-height: 1.6;}
.t1-icon > li > .i-mod img {-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.t1-icon > li > .i-mod > img {width: 80px;height: 80px;}
.t1-icon > li > .i-mod .wnr {font-size:14px;color: #898989;}
.t1-icon > li > .i-mod .wnr a {color: #898989;}
.t1-icon > li > .i-mod .inr {font-size:20px;color: #898989;height:112px;display:table;width: 100%;table-layout: fixed;word-wrap: break-word;line-height: 1.4;}
.t1-icon > li > .i-mod .inr .icen {vertical-align:middle; display:table-cell;}
.t1-icon > li > .i-mod .inr .icen a {color: #898989;}
.t1-icon > li > .i-mod a.but {padding:6px 30px;display:inline-block;color: #898989;font-size: 18px; text-align:center;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;border: 1px #898989 solid;}
.t1-icon > li:hover > .i-mod,.t1-icon > li:active > .i-mod {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.t1-icon > li:hover > a img,.t1-icon > li:active > a img{-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);transform: translateY(-6px);}

.head-r .head-t2 {height:90px;line-height:90px;margin-top: 2px;}
.nav {height:90px;float: right;text-align: right;font-size: 0}
.nav > li {padding:0 23px;display: inline-block;vertical-align:top;height: 90px;}
.nav > li:last-child {padding-right: 0;}
.nav > li:first-child {padding-left: 0;}
.nav > li > a {color:#fff;position: relative;display:inline-block;height:90px; line-height:90px;font-size:18px;text-align: center;-webkit-transition:all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.nav > li .wee {height:2px;width: 100%;background-color: #fff;border-radius:2px;-webkit-border-radius:2px;position: absolute; left: 0;bottom:20px;transition: 0.6s;-webkit-transition: 0.6s;}
.w-tcnav {position: absolute;top: 100%;width:100%;height: auto;margin-top: 0;list-style: none;left:0; z-index: 999;-webkit-transition: all 0.3s, -webkit-transform 0.3s;-moz-transition: all 0.3s, -moz-transform 0.3s;transition: all 0.4s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background:#b38756;line-height: 1.6;padding:33px 14%;opacity: 0;visibility: hidden;}
.nav > li > ul.w-tcnav li {-webkit-transition:all ease-out .2s;transition:  all ease-out .2s;float: right;margin:10px 0 10px 7.5%;}
.nav > li > ul.w-tcnav li:last-child {margin-left: 0;}
.nav > li > ul.w-tcnav li a {display: block;color: #717071;font-size: 18px; text-align:center;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.nav > li > ul.w-tcnav li a img {margin-left: 15px;}
.nav > li:hover > ul.w-tcnav,.nav > li:active > ul.w-tcnav {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;background:#fff;}
.nav > li:hover > ul.w-tcnav li a:hover,.nav > li:active > ul.w-tcnav li a:active  {color: #b38756;-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);transform: translateY(-5px);}

.ban-swiper {width: 100%;overflow: hidden;}
.ban-swiper .swiper-slide img{width: 100%;height: auto;}
.ban-swiper .swiper-wrapper {position: relative;}
.ban-swiper .vids {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 6;pointer-events: none;object-fit: cover;object-position: center center;}
.ban-swiper video.vids::-webkit-media-controls{display:none !important;}
.ban-swiper .ban-pag {bottom: 6%;}
.ban-swiper .ban-pag .swiper-pagination-bullet{background-color: #fff;width: 20%;height:2px;margin: 0 2%;border-radius: inherit;opacity:1;
position: relative;}
.ban-swiper .ban-pag .swiper-pagination-bullet i{background:#b38756;height:100%;width:100%;position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.ban-swiper .ban-pag .swiper-pagination-bullet-active i.iact{animation:middle 10s linear;-webkit-animation:middle 10s linear;}	
	@keyframes middle{
	  0% {transform:scaleX(0);}/*1091*/
	  100% {transform:scaleX(1);} /*0913*/
	}	
@-webkit-keyframes middle{
	  0% {transform:scaleX(0);}/*1091*/
	  100% {transform:scaleX(1);} /*0913*/
	}	

.wap-swiper {width: 100%;overflow: hidden;display: none;}
.wap-swiper .swiper-slide img{width: 100%;height: auto;}

.site-main {width: 100%;overflow: hidden;}
.site-pro {width: 100%;}
.site-pro li{margin: 10px 0;}
.site-pro li a{display: block;position: relative;}
.site-pro li img{width: 100%;height: auto;-webkit-transition:all ease-out .5s ;transition:all ease-out .5s;}
.site-pro li .w1 {display: none;}
.site-pro li h3{position: absolute;left: 0;top: 50%;width: 100%;font-size: 40px;text-align: center;color: #fff;margin-top: -32px;-webkit-transition:all ease-out .3s ;transition:all ease-out .3s;}
.site-pro li a:hover img { transform:scale(1.02); -webkit-transform:scale(1.02);}
.site-pro li a:hover h3 {color: #e5c49d;}

.foot-one {width: 100%;overflow: hidden;padding: 0 7%;margin-top:6%;}
.foot-one-m {width: 100%;background: url(../images/foonebg.jpg) repeat-x top;padding: 26px 0 22px;}
.foot-one-l {width:320px;float: left;}
.foot-one-l h2{line-height: 25px;font-size: 25px;color: #888;font-weight: normal;letter-spacing:14px;position: relative;padding-bottom: 16px;}
.foot-one-l h2::before{content: "";position: absolute;left: 0;width: 46px;height: 1px;background: #adadad;bottom: 0;}
.foot-one-l span{line-height:20px;font-size:20px;color: #888;margin-top: 16px;display: block;}
.foot-one-r {width:340px;color: #888;float: right;}
.foot-one-r .tit1 {font-size: 14px;margin-bottom: 14px;}
.foot-one-r .tit2 {font-size: 14px;}
.foot-one-r .tit3 {font-size: 30px;line-height: 30px;font-family:"Microsoft Yahei Light";}
.foot-one-r .tit3 a {color: #888;}

.foot {width: 100%;background-color: #9e9e9f;padding: 0 7%;}
.foot-m {padding:50px 0;}
.foot-m h3 {font-size: 20px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.foot-m-lx {float: left;width:30%;}
.foot-m-lx h4 {font-size: 18px;font-weight: normal;color: #dbdcdc;letter-spacing:7px;}
.foot-m-lx .fnr {font-size: 12px;color: #fff;margin-top: 10px;}
.foot-m-abo {float: left;width:30%;margin-left: 6%;}
.foot-m-abo .fnr {font-size: 12px;color: #dbdcdc;margin-top: 10px;}
.foot-m-r {float:right;width:30%;text-align: right;}
.foot-m-r .alink {margin-bottom:23px;font-size: 0;}
.foot-m-r .alink a{font-size: 25px;color: #b38756;background-color: #fff;width: 186px;height: 50px;line-height: 50px;text-align: center;display: inline-block;margin:0 0 10px 10px;}
.foot-m-r .focus {font-size: 18px;}
.foot-m-r .focus span {display: inline-block;margin-right: 10px;line-height: 48px;color: #fff;}
.foot-m-r .banq {font-size: 11px;color: #dbdcdc;margin-top: 60px;}

.b-icon > li { position:relative;float:left;margin-left:12px;}
.b-icon > li > a { text-align: center;display: block;position: relative;z-index: 12;}
.b-icon > li > a > img {-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;max-width: 100%;height: auto;}
.b-mod {position: absolute;bottom: 100%;width:150px;list-style: none;left:50%;margin-left: -75px;z-index:9;opacity: 0;-webkit-transition: all 0.3s, -webkit-transform 0.3s;-moz-transition: all 0.3s, -moz-transform 0.3s;transition: all 0.3s, transform 0.3s;-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transform: translateY(30px);visibility: hidden;padding:10px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background:#fff;text-align: center;}
.b-icon > li > .b-mod img {-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;max-width: 100%;height: auto;}
.b-icon > li > .b-mod h5 {color: #b38756;font-size: 16px;font-weight: normal;margin-bottom:6px;}
.b-icon > li:last-child > .b-mod {padding-top:30px;}
.b-icon > li > .b-mod p {position: relative;padding-top:8px;color: #888;padding-bottom:20px;}
.b-icon > li > .b-mod p a {color: #888;}
.b-icon > li > .b-mod p::before {content: "";position: absolute;left:50%;width: 46px;height: 1px;background: #adadad;top: 0;margin-left: -23px;}
.b-icon > li:hover > .b-mod,.b-icon > li:active > .b-mod {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.b-icon > li:hover > a img,.b-icon > li:active > a img{-webkit-transform: translateY(4px);-moz-transform: translateY(4px);transform: translateY(4px);}

.floside {position: fixed;right: 0;top:46%;z-index: 999;}
.floside li{background-color: #888;width: 76px;height: 76px;text-align: center;margin-top: 10px;position: relative;-webkit-transition: all ease-out 0.3s, ;transition: all ease-out 0.3s;}
.floside li.ftop {line-height: 76px;cursor: pointer;margin-top: 0;}
.floside li a {color: #fff;font-size: 13px;display: block;height: 76px;position: relative;-webkit-transition: all ease-out 0.3s, ;transition: all ease-out 0.3s;}
.floside li a .fin {position: relative;z-index:12;background-color: #888;height: 76px;padding-top:8px;}
.floside li p{margin-top: 5px;}
.floside li .lol {position: absolute;right: 100%;top: 0;height: 100%;background-color: #b38756;color: #fff;font-size:20px;width: 200px;line-height: 76px;z-index:9;-webkit-transition: all ease-out 0.5s, ;transition: all ease-out 0.5s;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);visibility: hidden;}
.floside li .lol span {display: inline-block;vertical-align: middle;}
.floside li a:hover .lol {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.floside li:hover {background-color: #b38756;}
.floside li a:hover {color: #f8cf9f;}

/*MAIN*/
.nbanner {width: 100%;overflow: hidden;background-position: center;background-size: cover;}
.nbanner img {width: 100%;height: auto;}
.wbanner {width: 100%;overflow: hidden;background-position: center;background-size: cover;display: none;}
.wbanner img {width: 100%;height: auto;}

.show-main {width: 100%;max-width: 1200px;margin: 0 auto;}
.list-abo {padding:6% 0 0;}
.list-abo h1 {color: #9a784d;font-size: 28px;font-weight: normal;border-bottom: 1px #b88f61 solid;padding-bottom:2%;}
.list-abo .abonr {font-size: 18px;color: #888888;padding: 2% 0 5%;line-height:2;}
.list-abo .abonr img {max-width: 100%;height: auto;}

.list-main {width: 100%;overflow: hidden;}
.list-tit {font-size: 35px;color: #9a784d;text-align: center;position: relative;margin:3% 0 0;padding:1% 0;}
.list-tit::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: url(../images/ltitx.png) repeat-x top center;}
.list-tit::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: url(../images/ltitx.png) repeat-x top center;}

.list-pro {padding: 0 7%;margin-top: 2%;}
.list-pro li{float: left;padding: 0 6px;width: 33.333%;margin:1% 0;}
.list-pro li .pimg {overflow: hidden;}
.list-pro li .pimg img {width: 100%;height: auto;-webkit-transition: all ease-out 0.5s, ;transition: all ease-out 0.5s;}
.list-pro li p {color: #9e9e9f;font-size:22px;text-align: center;padding: 10px 0;-webkit-transition: all ease-out 0.3s, ;transition: all ease-out 0.3s;}
.list-pro li a:hover .pimg img,.list-pro li a:active .pimg img { transform:scale(0.95); -webkit-transform:scale(0.95);}
.list-pro li a:hover p,.list-pro li a:active p {color: #b38756;}

.promo {text-align: center;margin:4% 0 6%;}
.promo a {border: 1px #b38756 solid;color: #595757;font-size: 18px;padding:8px 16px 8px 96px;display: inline-block;position: relative;-webkit-transition: all ease-out 0.4s, ;transition: all ease-out 0.4s;}
.promo a i {position: absolute;left: 0;top: 0;width:80px;height: 100%;background:url(../images/promo.png) no-repeat center center #b38756;}
.promo a span {position: relative;z-index: 2;}
.promo a:hover {color: #fff;}
.promo a::before {content:"";position: absolute;left:80px;top: 0;width:0;height: 100%;background-color: #b38756;-webkit-transition: all ease-out 0.4s, ;transition: all ease-out 0.4s;}
.promo a:hover::before{width: calc(100% - 80px);}
.list-pro:last-child .promo {margin-bottom: 0;}

.list-pag {position: relative;margin:3% 0;padding:1.5% 0;}
.list-pag::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: url(../images/ltitx.png) repeat-x top center;}
.list-pag::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: url(../images/ltitx.png) repeat-x top center;}
.list-pag .spag {font-size:0;color: #9a784d;}
.list-pag .spag a{font-size: 22px;color: #9a784d;display: inline-block;background: url(../images/ipag.png) no-repeat left center;padding-left:26px;margin-left: 13px;-webkit-transition: all ease-out 0.2s, ;transition: all ease-out 0.2s;}
.list-pag .spag a:first-child {background: none;padding: 0;margin: 0;}
.list-pag .spag a:hover {color: #bd7c28;}
.list-pag .psear {width: 360px;text-align: right;}
.list-pag .psear span{display: inline-block;font-size: 22px;color: #595757;vertical-align: middle}
.list-pag .psear .sear{display: inline-block;vertical-align: middle;margin-left: 15px;position: relative;}
.list-pag .sear .inp {background-image: none;color: #333;border:1px #a08058 solid; height:30px;font-size: 16px;padding: 0 46px 0 6px; width:200px;-webkit-transition:border-color 0.2s ease-in-out;transition: border-color 0.2s ease-in-out;}
.list-pag .sear .sub { background: url(../images/searsub.png) no-repeat center; border:none; width:40px; height:30px;cursor:pointer; position:absolute; top:0; right:0;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;border-left: 1px #c0ab90 solid;}
.list-pag .sear .inp:focus {border-color: #bd7c28;outline: 0;}

.js-video{position:relative;width:100%;margin:0 auto;}
.js-video img {width: 100%;height: auto;}
video{position: absolute;top: 0;left: 0; width:100%;height:100%;background-size:cover;background-position:center center;background-color: #000;}
.js-video button{-moz-appearance:none;-webkit-appearance:none}
.js-video .playPause.ui-icon{position:absolute;top:0;left:0;right:0;display:block;width:auto;bottom:0;z-index: 9;}
.js-video .playPause.ui-icon:after{position:absolute;top:50%;left:50%;content:'';width:127px;height:127px;margin:-63px 0 0 -63px;}
.js-video .playPause.ui-icon:before{content:'';position:absolute;left: 0;top: 0;width:100%;height: 100%;background: rgba(27,27,27,0);-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.js-video .playPause.fa-play:after{background:url(../images/play.png);}
.js-video .playPause.fa-pause:after{background:url(../images/pause.png);}
.js-video .playPause.fa-undo:after{background:url(../images/undo.png);}
.js-video .playPause.ui-icon.fa-pause{opacity:0;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;}
.js-video .playPause.ui-icon.fa-pause:hover{opacity: 1;}
.js-video .ui{position:absolute;width: 100%;font-style:normal;left:0;bottom:10px;display:block;padding:10px 1vw;font-size:0;z-index: 9;}
.js-video .ui-icon{font-size:20px;vertical-align:middle;width:20px;cursor:pointer}
.js-video .progress{background:rgba(255,255,255,.6);width:100%;position:relative;height:3px;cursor:pointer;overflow:hidden;border-radius:2px;border:0;margin-bottom: 0;}
.js-video  .progress>*{position:absolute;top:0;left:0;height:100%}
.js-video  .progress-time{background-color:#b38756}
.js-video .anim{-moz-transition:width 1s linear;-o-transition:width 1s linear;-webkit-transition:width 1s linear;transition:width 1s linear}
.js-video .progress-buffer{background-color:rgba(0,0,0,.5);-moz-transition:width 250ms linear;-o-transition:width 250ms linear;-webkit-transition:width 250ms linear;transition:width 250ms linear}

.pros-li {margin-top:2%;}
.pros-li li {float: left;width: 33.333%;position: relative;padding:3%;margin:3% 0;overflow: hidden;}
.pros-li li::after {content: "";position: absolute;right: 0;top: 0;width: 2px;height: 100%;background-color: #dcc4b7;}
.pros-li li:nth-child(3n+1)::before {content: "";position: absolute;left: 0;top: 0;width: 2px;height: 100%;background-color: #dcc4b7;}
.pros-li li .pimg {text-align: center;padding:5% 0 16%;}
.pros-li li .pimg a{display: block;position: relative;}
.pros-li li .pimg img {height: auto;width: 100%;display: block;}
.pros-li li .pimg .flopro {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size:contain;-webkit-transition: all ease-out 0.3s, ;transition: all ease-out 0.3s;}
.pros-li li a.tit {text-align: center;font-size: 22px;color: #9a784d;display:block;border-top: 1px #979797 solid;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:8px 0;-webkit-transition: all ease-out 0.2s, ;transition: all ease-out 0.2s;}
.pros-li li .pcs {border: 1px #979797 solid;border-width: 1px 0 ;font-size: 16px;color: #595757;padding:6px 0;}
.pros-li li .pcs .fl,.pros-li li .pcs .fr {height: 36px;line-height: 36px;overflow: hidden;}
.pros-li li .pcs .fl{width: 50%;border-right: 1px #979797 solid;}
.pros-li li .pcs .fr{width:49%;text-align: right;}
.pros-li li a.tit:hover {color: #000;}
.pros-li li .pimg a:hover .flopro {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);transform: translateY(-6px);}

.show-proimg {width: 100%;overflow: hidden;}
.show-proimg img{width: 100%;height: auto;}

.show-ptit {font-size: 30px;color: #9a784d;text-align: center;border-bottom: 1px #b39a7a solid;padding-bottom:20px;margin-top: 5%;}
.show-ptit span {display: inline-block;}
.pint-li {border-bottom: 1px #cbcbcb solid;position: relative;padding:26px 0;font-size: 0;}
.pint-li::after {content: "";position: absolute;left: 94px;width: 1px;height:calc(100% - 20px);bottom: 0;background-color: #cbcbcb;}
.pint-li::before {content: "";position: absolute;right:calc(46% - 94px);width: 1px;height:calc(100% - 20px);bottom: 0;background-color: #cbcbcb;}
.pint-li .pint-l {display: inline-block;width:50%;font-size: 0;vertical-align: middle;margin-right: 4%;}
.pint-li .pint-r {display: inline-block;width:46%;font-size: 0;vertical-align: middle;}
.pint-li h3{display: inline-block; width: 94px;font-size: 18px;color: #595757;vertical-align: middle;}
.pint-li p{display: inline-block;width: calc(100% - 94px);font-size: 18px;color: #595757;padding-left:20px;vertical-align: middle;}
.show-pnr {font-size: 18px;color: #595757;margin-top: 2%;}
.show-pnr img {max-width: 100%;height: auto;}
.show-pn {margin-top:3%;font-size: 22px;color: #9e9e9f;}
.show-pn .pn-l{float: left;}
.show-pn .pn-r{float: right;}
.show-pn a{color: #9a784d;padding-left:30px;margin-left:10px;-webkit-transition: all ease-out 0.2s, ;transition: all ease-out 0.2s;}
.show-pn .pn-l a {background: url(../images/ipagl.png) no-repeat left center;}
.show-pn .pn-r a {background: url(../images/ipag.png) no-repeat left center;}
.show-pn a:hover {color: #d37d0c;}

.show-fac {padding:8% 0 0;}
.show-fac h1 {color: #595757;font-size:38px;border-bottom: 1px #b88f61 solid;padding-bottom:2%;}
.show-fac .facnr {font-size:20px;color: #888888;padding: 2% 0 0;line-height:2.2;}
.show-fac .facnr img {max-width: 100%;height: auto;}

.show-cus {width: 100%;max-width: 1470px;margin:2.5% auto 0;overflow: hidden;}
.show-cus li {border-bottom: 1px #ccc solid;font-size: 0;padding: 20px 0;}
.show-cus li h3{display: inline-block;vertical-align: middle;text-align: center;font-weight: normal;width: 18%;}
.show-cus li h3 span{display: inline-block;font-size: 28px;color: #9a784d;width: 112px;vertical-align: top;text-align-last: justify;-moz-text-align-last: justify ;text-align: justify;text-justify: distribute-all-lines;overflow: hidden;height: 44px;}
.show-cus li h3 span:after{display:inline-block;content:'';overflow:hidden;width:112px;height: 0;}
.show-cus li .cnr{display: inline-block;vertical-align: middle;font-size: 20px;color: #888;line-height: 1.8;width:82%;padding-left: 6%;position: relative;}
.show-cus li .cnr::before {content: "";position: absolute;left:0;width: 1px;height:100%;top:0;background-color: #888888;}

.list-coop {padding: 0 9.4%;margin-top: 6%;}
.list-coop ul {margin: 0 -1%;}
.list-coop li{float: left;width: 25%;padding:1%;margin:2% 0;overflow: hidden;}
.list-coop li img{width: 100%;height: auto;-webkit-transition:all ease-out 0.5s;transition:all ease-out 0.5s;}
.list-coop li:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04);}
.cooptxt {font-size:24px;color: #888888;text-align: center;font-family:"Microsoft Yahei Light";margin:6% 0 3%;letter-spacing: 3px;}

.list-news {padding-bottom:5%;}
.list-news li{border-bottom: 1px #a08058 solid;padding:0 0 24px;overflow: hidden;position: relative;margin-top: 24px;}
.list-news li:first-child {margin-top: 0;}
.list-news li a{display: block;}
.list-news li .dat{width: 15%;margin-right: 2%;font-size: 18px;color: #595757;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.list-news li .tit{width: 47%;}
.list-news li .tit h2{font-size: 18px;color: #595757;font-weight: normal;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.list-news li .tit h3{font-size: 18px;color: #595757;font-weight: normal;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.list-news li .tit span{font-size: 18px;color: #9e9e9f;display: inline-block;margin-top:7%;}
.list-news li .img{width: 33%;}
.list-news li .img img{width: 100%;height: auto;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.list-news li a:hover .dat,.list-news li a:hover .tit h2,.list-news li a:hover .tit h3{color: #9a784d;}
.list-news li a:hover .img img {-webkit-transform: translateX(-8px);-moz-transform: translateX(-8px);transform: translateX(-8px);}

.show-news {margin:3% 0;}
.show-news .tit{color:#595757;font-size: 38px;}
.show-news .ftit{color:#595757;font-size: 38px;border-bottom: 1px #b39a7a solid;padding-bottom:4%;}
.show-news .snr{font-size: 18px;color: #595757;line-height: 2;padding-top:4%;}
.show-news .snr img {max-width: 100%;height: auto;}

.show-cont {margin:5% -5% 2%;}
.show-cont li {width: 33.333%;float: left;padding: 0 5%;margin-bottom:5%;}
.show-cont li .name{font-size: 18px;color: #b38756;}
.show-cont li .cnr{font-size: 16px;color: #888;margin:6% 0 0;border-bottom: 1px #dfd5c9 solid;padding-bottom:7%;word-break:break-all;}

.show-map {font-size: 18px;color: #888888;padding: 2% 0 5%;line-height:2;}
.show-map .map {width: 48%;}
.bdmap {width: 100%;height: 360px;}

.ysimg {width: 100%;text-align: center;font-size: 0;}
.ysimg li{width: 20%;padding: 0 1%;display: inline-block;}

/*CSS loading*/
.loading { position: fixed;width:100%; height:100%;background:#b38756; z-index:9999;overflow: hidden;}
.loading .bloi {width:210px;height:210px;left:50%;top:50%;margin:-105px 0 0 -105px;position: absolute;pointer-events: none;}
.loading .bloi .loi1 {width:108px;height:134px;left:50%;top:50%;margin:-60px 0 0 -54px;position: absolute;z-index: 3;background: url(../images/lo1.png) no-repeat center center;}
.loading .bloi .loi2 {width:185px;height:210px;left:50%;top:0;margin:0 0 0 -92px;position: absolute;z-index:2;background: url(../images/lo2.png) no-repeat center center;}


@-webkit-keyframes tocl {0%{-webkit-transform:translateX(0);transform:translateX(0);}
60% {-webkit-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes tocl {0%{-webkit-transform:translateX(0);transform:translateX(0);}
60% {-webkit-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes tocr {0%{-webkit-transform:translateX(0);transform:translateX(0);}
60% {-webkit-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes tocr {0%{-webkit-transform:translateX(0);transform:translateX(0);}
60% {-webkit-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}

.Float{-webkit-animation:float ease-in-out 2s infinite;animation:float ease-in-out 2s infinite}
@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes shadow { 0%, 100% {transform: scaleX(1);-webkit-transform: scaleX(1);}50% {transform: scaleX(1.1);-webkit-transform: scaleX(1.1);}
}
@keyframes shadow { 0%, 100% {transform: scaleX(1);}50% {transform: scaleX(1.2);}
}

@media (max-width:1400px) {
    .head-top .logo {left: 6%;}
    .head-r {padding-right: 5.3%;}
	.nav > li {padding: 0 14px;}
}
@media (max-width:1200px) {
	.head-top .logo {left:3%;}
    .head-r {padding-right:3%;}
    .nav > li {padding: 0 8px;}
    .w-tcnav {padding: 33px 9%;}
    .list-pag {padding:1.5% 2%;}
    .show-main {padding:0 10px;}
    .pros-li li .pcs .fl {width: 100%;border-bottom:1px #979797 solid;border-right:none;margin-bottom: 6px;padding-bottom: 6px;height: 42px;}
    .pros-li li .pcs .fr {width: 100%;text-align:left;}
    .list-coop {padding: 0 6%;}
    .show-cus {padding: 0 10px;}
    .show-news .tit,.show-news .ftit {font-size:3vw}
}
@media (max-width:1024px) {
	.head-top .logo {line-height: 88px;padding: 0;width: 180px;}
    .head-r {padding: 0 3%;width: 100%;}
    .nav {width: 100%;display: flex;text-align: center;}
    .nav > li {padding: 0;flex:1 1 auto;}
    .w-tcnav {padding:2%;}
    .nav > li > ul.w-tcnav li {margin: 10px 0;width: 33.333%;}
    .nav > li > ul.w-tcnav li a img {margin-left: 6px;}
    .foot-one,.foot {padding: 0 3%;}
    .list-pag {padding: 3%;}
    .list-pag .spag {width: 100%;margin-bottom:3%;}
    .list-pag .psear {float: left;width: 100%;text-align: left;}
    .list-coop {padding: 0 4%;}
    .show-cus li h3 span {font-size: 24px;width:96px;overflow: hidden;height:38px;}
    .show-cus li h3 span:after{width:96px;}
    .show-cus li .cnr {padding-left: 4%;}
    .list-news li .tit span {margin-top: 5%;}
}
@media (max-width:768px) {
    .head-top {height:125px;display: none;}
    .head-top::before {display: none;}
    .head-top .logo {line-height:125px;background: none;width:50%;left: 25%;text-align: center;}
    .head-top .logo img {width: auto;max-height: 66px;}
    .head-r {display: none;}
    .site-pro li h3 {font-size: 28px;margin-top: -22px;}
    .foot-one-l{width: 100%;margin-bottom: 20px;text-align: center;}
    .foot-one-l h2::before {left: 50%;margin-left: -23px;}
    .foot-one-r {width: 100%;text-align: center;}
    .foot-one-m {padding:6% 0;}
    .foot-m-lx {width:47%;}
    .foot-m-abo {width:47%;}
    .foot-m-r {width: 100%;margin-top: 6%;text-align: center;}
    .foot-m-r .alink a {font-size: 20px;width: 180px;height: auto;padding:4px 30px;line-height:2;}
    .b-icon {display: inline-block;float: inherit;vertical-align: middle;}
    .foot-m-r .focus span {vertical-align: middle;}
    .foot-m-r .banq {margin-top:4%;}
    .foot-m-r .alink {margin-bottom: 4%;}
    .js-video .playPause.ui-icon:after {width:80px;height:80px;margin: -40px 0 0 -40px;background-size:cover;}
    .pros-li li a.tit {font-size: 18px;}
    .pros-li li .pcs {font-size: 14px;}
    .list-tit {font-size: 30px;margin-top:5%;}
    .list-pro {padding: 0 4%;margin-top: 4%;}
    .list-pro li p {font-size: 18px;}
    .list-coop {padding: 0 10px;}
    .list-coop li {width: 50%;}
    .cooptxt{font-size: 24px}
    .show-cont li {padding: 0 2%;}
    .show-cont {margin: 5% 0 2%;}
    .show-fac h1 {font-size: 30px}
    .list-pag .psear {display: none;}
    .list-pag .spag {margin-bottom: 0;}
    
}
@media (max-width:640px) {
	.site-pro li h3 {font-size: 6vw;margin-top:0;font-weight: normal;top: 30%;}
    .site-pro li .p1 {display: none;}
    .site-pro li .w1 {display: block;}
    .foot-m {padding:8% 0;text-align: center;}
    .foot-m-lx {width:100%;}
    .foot-m-abo {width:100%;margin-left: 0;margin-top:6%;}
    .foot-m-r .focus span {margin-right: 0;display: block;}
    .b-icon > li {margin: 0 6px;width: 40px;}
    .foot-m-r .banq {margin-top:8%;}
    .list-pag .spag a {font-size:3.5vw;padding-left:15px;margin:3px 0 3px 8px;background-size:6px 11px}
    .list-pag .psear span {font-size: 3.5vw}
    .pint-li {padding: 3% 0;}
    .pint-li .pint-l {width: 100%;margin-right: 0;}
    .pint-li .pint-r {width: 100%;margin-top:3%;padding-top: 3%;border-top: 1px #cbcbcb solid;}
    .pint-li::before {display: none;}
    .show-pn {font-size: 3.5vw}
    .show-pn .pn-l,.show-pn .pn-r {margin: 2% 0;}
    .pros-li li {width:50%;margin: 6% 0;}
    .pros-li li:nth-of-type(n) {clear: none;}
    .pros-li li:nth-of-type(2n+1) {clear: both;}
    .pros-li li a.tit {font-size:4.5vw;}
    .pros-li li .pcs {font-size:3vw}
    .pros-li li .pcs .fl {height: auto;line-height:normal;width: 50%;border-right: 1px #979797 solid;margin: 0;padding:6px;border-bottom: none;}
    .pros-li li .pcs .fr {height: auto;line-height:normal;width: 49%;text-align: right;padding:6px;}
    .pros-li li:nth-child(3n+1)::before {display: none;}
    .pros-li li:nth-child(2n+1)::before {content: "";position: absolute;left: 0;top: 0;width: 2px;height: 100%;background-color: #dcc4b7;display: block;}
    .promo {margin: 8% 0 16%;}
    .list-tit {font-size: 6vw}
    .list-pro {padding: 0 10px;}
    .list-pro li {width:50%;margin:3% 0;}
    .list-pro li p {font-size:4.5vw}
    .list-pro:last-child .promo {margin-bottom: 12%;}
    .cooptxt {font-size: 3.5vw;letter-spacing: 0;}
    .show-cus li h3 {width: 22%;text-align: right;padding-right: 4%;}
    .show-cus li .cnr{width: 78%;font-size: 3.5vw;}
    .show-cus li h3 span {width:100%;font-size:4vw;overflow: hidden;height:30px;line-height:30px;}
    .show-cus li h3 span:after{width:100%;}
    .list-abo .abonr {padding: 4% 0 10%;font-size: 3.5vw}
    .show-cont li {width: 100%;}
    .show-map .map {width: 100%;margin:6% 0;font-size: 3.5vw}
    .show-fac h1 {font-size:4.6vw;padding-bottom:4%;color: #9a784d;font-weight: normal;}
    .show-fac .facnr {font-size: 4vw;padding:4% 0 0;}
    .show-news .snr {padding: 8% 0 4%;font-size: 3.5vw}
    .show-news .tit,.show-news .ftit {font-size: 4.5vw}
    .list-pag {margin: 5% 0;}
    .list-news li .dat {font-size: 3.5vw;width: 100%;margin-bottom: 2%;}
    .list-news li .tit {width: 100%;}
    .list-news li .tit h2,.list-news li .tit h3 {font-size:4vw}
    .list-news li .tit span {font-size: 3.5vw;text-align: right;position: absolute;right: 0;top: 0;margin-top: 0;}
    .list-news li .img {width: 100%;margin-top: 3%;}
    .ban-swiper,.nbanner {display: none;}
    .wap-swiper,.wbanner {display:block;}
    .floside {visibility: hidden;pointer-events: none;}
    .site-pro li {margin:6px 0;}
    .loading .bloi .loi1,.loading .bloi .loi2 {background-size: 80%;}
    .ysimg li{width: 33.333%;}
    .ysimg li:nth-child(4){margin-top:-6%;}
    .ysimg li:nth-child(5){margin-top:-6%;;}
    .list-abo h1 {font-size:5vw}
}
@media (min-width:320px) and (max-width:480px){
    .foot-one-l h2 {font-size: 22px}
    .foot-m-r .alink a {font-size: 16px;padding: 2px 20px;line-height:1.8;width: 136px;}
    .show-ptit {font-size: 5.5vw;}
    .pint-li p,.pint-li h3{font-size: 16px}
    
     .js-video .playPause.ui-icon:after {width:50px;height:50px;margin: -25px 0 0 -25px;}
     .site-pro li {margin:3px 0;}
     .b-icon > li {margin: 0 6px;width:34px;}
     .loading .bloi .loi1{background-size:60%;margin-top: -64px;}
     .loading .bloi .loi2{background-size:60%;}
}