@charset "utf-8";
/* 
 * Project Name: 帝王洁具2020
 * Author:浅浅
 * Date：2020-8-10
 */
@font-face {
    font-family: 'PF Din Light';
    src: url('PFDinTextCondPro-Light.eot');
    src: url('PFDinTextCondPro-Light.eot?#iefix') format('embedded-opentype'),
        url('PFDinTextCondPro-Light.woff2') format('woff2'),
        url('PFDinTextCondPro-Light.woff') format('woff'),
        url('PFDinTextCondPro-Light.ttf') format('truetype'),
        url('PFDinTextCondPro-Light.svg#PFDinTextCondPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1597042103971');
  src: url('iconfont.eot?t=1597042103971#iefix') format('embedded-opentype'), 
  url('iconfont.woff2') format('woff2'),
  url('iconfont.woff?t=1597042103971') format('woff'),
  url('iconfont.ttf?t=1597042103971') format('truetype'), 
  url('iconfont.svg?t=1597042103971#iconfont') format('svg');
}
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html::-webkit-scrollbar {width:8px;background:none;}
html::-webkit-scrollbar-thumb {width:8px;background:#B97B57;}
html::-webkit-scrollbar-corner {background:none;}
html::-webkit-scrollbar:horizontal{height:9px;}
body { font: 14px/1.8 "Source Han Sans CN",PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,STHeitiSC-Light,Microsoft YaHei,Arial,sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; font-family: "Source Han Sans CN","微软正黑体","Microsoft JhengHei","SimHei","黑体","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #B97B57; color: #fff; text-shadow: none; }
::selection { background: #B97B57; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.f16{ font-size: 16px;}
.inner2020{ width: 1458px; margin: 0px auto;}
.top a:link, .top a:visited { color: #fff;}
.top a:active, .top a:hover { color: #fff;}
.top{ position: fixed; left: 0; top: 0; width: 100%; padding-top: 5px; z-index: 1000; transition: .3s linear;}
.topSroll,.topSroll2{ background: url(../imagest/top_bg.jpg) repeat scroll center top; padding-top: 0;}
.topSroll::before,.topSroll2::before{content: "";position: absolute; bottom: 0; left: 0;z-index: 2; display: block; width: 35px;height: 1px; background: url(../imagest/ico_light.png) no-repeat center center; animation: animation-light 24s infinite;}
.topSroll::after,.topSroll2::after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: rgba(255,255,255,.12); z-index: 1;}
.topSroll .nav .subnav2,.topSroll2 .nav .subnav2{ top: 80px;}
.logo{ float: left; display: inline-block; height: 40px; padding: 20px 0;}
.logo img{ display: block; height: 100%;}
.grop-nav{ float: right; display: inline-block; line-height: 40px; margin-left: 40px; margin-top: 20px; transition: .3s linear;}
.grop-nav .tel-btn{ position: relative; float: left; display: block; font-size: 19px; padding-right: 18px; margin-right: 28px;}
.grop-nav .tel-btn::before{ content: ""; position: absolute; right: 0; width: 1px; height: 20px; background-color: #fff; top: 0; bottom: 0; margin: auto 0;}
.grop-nav .tel-btn i{ position: relative; top: 2px; font-size: 28px; display: inline-block; margin-right: 10px;}
.grop-nav .serach-btn{ font-size: 20px;}
.grop-search{ position: relative; width: 20px; height: 40px; margin: 0; z-index: 2;}
.grop-search .item{ position: absolute; right:0; top: 0; height: 40px; border-radius: 20px; transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search .txt{ width: 100%; display: block; height: 40px; line-height: 40px; border: 0px none; background-color: transparent; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search a.btn{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; line-height: 38px; text-align: center; font-size: 20px; border-radius: 19px; background-color: transparent; color: #fff;}
.grop-search a.btn1{ display: block;}
.grop-search a.btn2{ display: none;}
.nav{ float: right; display: block;}
.nav>ul>li{ position: relative; float: left; display: inline-block; padding: 0 25px;}
.nav>ul>li>a{ position: relative; display: block; line-height: 80px; font-size: 16px;}
.nav>ul>li>a:before{ content:""; width:100%; height:4px; background-color:#fff; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.nav>ul>li>a:hover:before,.nav>ul>li>a.hov:before,.nav>ul>li>a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 100%; width: 140px; margin-left: -80px; padding: 15px 10px; margin-top: -15px; background: url(../imagest/black_80.png) repeat; background:none rgba(0,0,0,0.8); font-size: 14px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); display: none;}
.nav .subnav1::before{ /* content: ""; position: absolute; left: 50%; margin-left: -2px; top: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-bottom: 4px solid rgba(0,0,0,0.8); */}
.nav .subnav1 a{ display: block; padding: 12px 0px; line-height: 1.4; color: #fff; text-align: center; position: relative; border-top: 1px solid rgba(255,255,255,.16); z-index: 1; }
.nav .subnav1 p:first-child a{ border-top: 0 none;}
.nav .subnav1 a:before{ content: "";position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background-color: #B97B57; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; z-index: -1;}
.nav .subnav1 a:hover{ color: #fff;}
.nav .subnav1 a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.nav .subnav2 { position: fixed; left: 0; top: 85px; margin-left: 0; padding:40px 0; width: 100%; text-align: center;}
.nav .subnav2 .item{ display: inline-block; *display: inline;  *zoom: 1; width: 135px; margin: 0px 20px; vertical-align: top;}
.nav .subnav2 .item img{ margin-bottom: 10px;}
.nav .subnav2 a:hover{ color: #B97B57;}
.menu-handler{ width:54px; float:right; height: 54px; display:none; cursor: pointer;}
.menu-handler span { position: relative; display: block; margin: 26px auto 0; width: 24px; height: 2px; background-color: #fff;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBoxM a:link, .menuBoxM a:visited { color: #676767;}
.menuBoxM a:active,.menuBoxM a:hover { color: #676767;}   
.menuBoxM { background-color: #f4f4f4; color: #676767; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 910;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menubarM{ padding:54px 0;}
.menubarM li{ border-bottom: 1px solid #dbdbdb;}
.menubarM .nav-link { display: block; font-size: 18px; padding: 12px 12%; position: relative;}
.menubarM .cur .nav-link{ background-color: #B97B57; color: #fff;}
.menubarM .subnav { background-color: #fff; padding: 20px 0px; display: none;}
.menubarM .subnav a { position: relative; display: block; padding: 8px 12%; line-height: 1.4; color: #333333; font-size: 16px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBoxM { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.menuBoxM a.tel-btnM{ font-size: 24px; color: #B97B57; display: block; margin-bottom: 20px;}
.tel-btnM i{ position: relative; font-size: 30px; display: inline-block; top: 2px; margin-right: 8px;}
.buy-mbox{ font-size: 18px; padding-bottom: 40px;}
.foot{ background-color: #2C2422; color: #8F8F8F;}
.foot a:link, .foot a:visited { color: #C2C2C2;}
.foot a:active,.foot a:hover { color: #fff;} 
.foot-t{ padding: 80px 0;}
.foot-b{ padding: 15px 0; border-top: 1px solid #443E3D;}
.link-nav{ width: 70%; float: left;}
.link-nav li{ float: left; display: inline-block; width: 16%; margin-right: .66%;}
.link-nav a.nav-link{ font-size: 16px; color: #fff;}
.link-nav .subnav{ padding-top: 20px; font-size: 13px;}
.link-nav .subnav p{ margin-bottom: 5px;}
.link-nav a{ position: relative;}
.link-nav a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.link-nav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.foot-sharp{ float: right; display: block; width: 200px; text-align: center;}
.foot-erm .item{ position: relative; font-size: 22px; color: #fff; width: 54px; height: 54px; line-height: 54px; display: inline-block; border-radius: 50%; background-color: #1D1918; margin: 0px 4px;}
.erm-showbox{ position: absolute; left: 50%; bottom: 120%; background-color: #fff; padding: 10px; border-radius: 5px; width: 100px; margin-left: -60px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: translateY(-10px); visibility: hidden; opacity: 0; transition: all .4s ease-out;}
.erm-showbox::before{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #fff; transition: 0.3s;}
.foot-erm .item:hover{ background-color: #B97B57;}
.foot-erm .item:hover .erm-showbox{ opacity: 1; visibility: visible; transform: initial;}
.foot-sharp .txt{ position: relative; margin-top: 20px; z-index: 1;}
.foot-sharp .txt::before{ content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: #707070; top: 50%; z-index: -1;}
.foot-sharp .txt span{ background-color: #2C2422; padding: 0px 10px;}
.foot-link{ padding-bottom: 45px;}
.foot-link dt{ float: left; display: block; width: 95px; color: #fff;}
.foot-link dd{ padding-left: 95px; color: #C2C2C2;}
.foot-link a{ display: inline-block;}
.foot-link .line{ padding: 0px 20px;}
.foot-txt a:link, .foot-txt a:visited { color: #8F8F8F;}
.foot-txt a:active,.foot-txt a:hover { color: #fff;} 
.foot-txt{ font-size: 12px;}
.foot-txt .cbox{ float: left; display: inline-block;}
.foot-txt .line{ padding: 0px 10px;}
.smlink{ float: right; display: inline-block; margin-left: 25px;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.imgw{ width: 100%; display: block;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imagest/w0.png) no-repeat;}
.ermsblack { background: url(../imagest/black_50.png) repeat; background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageC a:link, .pageC a:visited { color: #3B3B3B;}
.pageC a:active, .pageC a:hover { color: #2E5195;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; text-align: justify;}
.pagetab table{ width: 100% !important; }
.pagetab table tr td{ border: 1px solid #E2E2E2; padding: 15px 3%;}
.transition6{ transition: 0.6s linear; -webkit-transition: 0.6s linear;}
.transition6{ transition: 0.8s linear; -webkit-transition: 0.8s linear;}
.scaleO:hover .imgw{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.05);}
.pos-ov{ position: relative; overflow: hidden;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../imagest/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:''}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*base style end */
/*index style */
.animation-light{
  position:absolute;top:100px;left:0;width:35px;height:1px;
  background:url(../images/ico_light.png) no-repeat center center;
  animation:animation-light 24s infinite;
}
@keyframes animation-light{
0%{left:-35px;}
100%{left:100%;}
}
@-webkit-keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes zoom_animation {
	0% {-webkit-transform: scale(1);transform: scale(1)}
	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
}
@keyframes zoom_animation {
	0% {-webkit-transform: scale(1);transform: scale(1)}
	100% {-webkit-transform: scale(1.2);transform: scale(1.2)}

}
@-webkit-keyframes wordsRFade{
0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;visibility:hidden}
100%{-webkit-transform:none;transform:none;opacity:1;visibility:visible}
}
@-moz-keyframes wordsRFade{
0%{-moz-transform:translateX(50px);transform:translateX(50px);opacity:0;visibility:hidden}
100%{-moz-transform:none;transform:none;opacity:1;visibility:visible}
}
@keyframes wordsRFade{
0%{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);transform:translateX(50px);opacity:0;visibility:hidden}
100%{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1;visibility:visible}
}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1); transform: scale(1); }
    to { opacity: 1;  -webkit-transform: scale(1.12); transform: scale(1.12);}
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1); transform: scale(1);}
    to { opacity: 1;  -webkit-transform: scale(1.12); transform: scale(1.12);}
}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes nextSlide {
    0% {
      opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    }
    100% {
      opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    }
  }
  @keyframes nextSlide {
    0% {
      opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    }
    100% {
      opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    }
  }
  @keyframes music-move
  {
  	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
  	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
  	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
  }
  @-webkit-keyframes music-move 
  {
  	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
  	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
  	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
  }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height:100vh; background-color: #f7f7f7; overflow: hidden;  opacity: 0;visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff;}
.phonebanner{ display: none;}
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .item img{ width: 100%; display: block;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .banner-bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../imagest/yy_bg1.png) repeat-x scroll left top;}
.banner .-moving .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { bottom: 3%; z-index: 104;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 10px; width: auto; height: auto; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 11px; height: 11px; margin: 0px auto; border: 1px solid rgba(255,255,255,0.5); background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.5); }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border:1px solid #fff; background-color:transparent;}
.banner .slick-arrow{ width: 50px; height: 60px; line-height: 60px; text-align: center; display: block; position: absolute; top: 50%; margin-top: -30px; color: #fff; opacity: 0; z-index: 500;}
.banner .slick-prev{ left: 1%;}
.banner .slick-next{ right: 1%;}
.banner .slick-arrow i { display: block; font-family:"iconfont" !important; font-size:32px; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.banner .slick-prev i:before{ content: "\e6ad";}
.banner .slick-next i:before{ content: "\e601";}
.banner .slick-arrow:hover { background-color: #B97B57; }
.banner:hover .slick-arrow{ opacity: 1;}
.one-ibox{ background-color: #f9f9f9; padding-bottom: 118px;}
.itype-list{ display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.itype-list li{ position: relative; padding: 65px 0; text-align: center;}
.itype-list li::before{ content: ""; position: absolute; left: -95%; width: 1px; height: 56px; background-color: #E1E1E1;}
.itype-list li:first-child::before{ display: none;}
.itype-list .icon{ position: relative; width: 78px; height: 60px; margin: 0px auto 32px; overflow: hidden;}
.itype-list .icon img{ width: 100%; display: block;}
.itype-list .txt{ color: #333; font-size: 18px; line-height: 1.5;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.ipic-box li{ position: relative; float: left; display: block; width: 49.4%; color: #fff; transition: .2s linear;}
.ipic-box li:last-child{ margin-bottom: 0;}
.ipic-box .one-item{ margin-right: 1.2%; text-align: center;}
.ipic-box .two-item{ margin-bottom: 1.1%;}
/* .ipic-box .two-item .pos-ov::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../imagest/ip1_bg.png) repeat-y;}
.ipic-box .threen-item .pos-ov::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../imagest/ip1_bg1.png) repeat-y;} */
.ipic-box .desc{ position: absolute; left: 8%; right: 8%; top: 65px; line-height: 1.5;}
.ipic-box .t{ font-size: 35px; font-weight: normal;}
.ipic-box .c{ font-size: 16px; margin-bottom: 35px;}
.ipic-box .btn-more{ position: relative; z-index: 4;}
.ipic-box .one-item .btn-more{ margin: 0px auto;}
.ipic-box .pos-ov .imgw{ transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.ipic-box .scaleO:hover .imgw{ transform: scale(1.08);-webkit-transform: scale(1.08);}
.btn-more{ width: 120px; height: 38px; border: 1px solid #fff; display: block; text-align: center; line-height: 38px; color: #fff;}
.btn-more:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background-color: #B97B57; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility:hidden\9; z-index: -1;}
.btn-more:hover{ border-color: #B97B57;}
.btn-more:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.ipic-box li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.two-ibox{ padding: 70px 0 90px;}
.two-ibox a:link, .two-ibox a:visited { color: #666; }
.two-ibox a:active, .two-ibox a:hover { color: #B97B57; }
.iboxT{ text-align: center; margin-bottom: 70px;}
.iboxT .t{ color: #333; font-size: 35px; font-weight: normal; line-height: 1.5;}
.iboxT .c{ font-size: 16px; color: #999999;}
.iboxT .txt{ padding-top: 10px;}
.ibox-newdemo{ float: left; display: block; width: 50%; height: 448px;}
.ibox-newdemo .item{ position: relative; overflow: hidden;}
.ibox-newdemo figure{ background-size: cover;background-repeat: no-repeat; background-position: center center; height: 448px; -webkit-animation-duration: 1.4s; animation-duration: 1.4s;-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.ibox-newdemo figure img{ visibility: hidden;}
.ibox-newdemo .slick-active figure{-webkit-animation-name: nextSlide; animation-name: nextSlide;}
.ibox-newdemo .yy{ position: absolute; left: 0; bottom: 0; right: 0; background: url(../imagest/yy_bg3.png) repeat-x scroll left bottom; height: 100%;}
.ibox-newdemo .txt{ position: absolute; left: 0; bottom: 0; right: 0; padding: 10px 130px 15px 3%; color: #fff; font-size: 16px;}
.ibox-newdemo .txt .type{ background-color: #fff; color: #333; font-size: 13px; padding: 6px 10px; border-radius: 2px; margin-right: 15px;}
.ibox-newdemo .slick-dots { bottom: 15px; width: auto; right: 3%; z-index: 104;}
.ibox-newdemo .slick-dots li { position: relative; display: inline-block; padding: 0 0 0 5px; width: auto; height: auto; margin: 0px; cursor: pointer;}
.ibox-newdemo .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 2px; width: 10px; height: 4px; margin: 0px auto; background-color: rgba(255,255,255,0.5); }
.ibox-newdemo .slick-dots li a:focus { outline: none; }
.ibox-newdemo .slick-dots li.slick-active a { width: 25px; background-color: #fff;}
.ibox-newtab{ float: left; display: block; width: 46%; margin-left: 4%;}
.ibox-tabT{ border-bottom: 1px solid #D8D8D8; margin-bottom: 45px;}
.ibox-tabT li{ float: left; display: inline-block; margin-right: 75px; }
.ibox-tabT li a{ position: relative; display: block; font-size: 20px; line-height: 1; padding-bottom: 14px;}
.ibox-tabT a::before{ content: ""; position: absolute; left: 0; bottom: -3px; background-color: #B97B57; height: 6px; width: 0; transition: .3s; -webkit-transition: .3s;}
.ibox-tabT .active a{ color: #B97B57;}
.ibox-tabT .active a::before{ width: 100%;}
.ibox-tabC{ height: 300px; overflow: hidden; margin-bottom: 18px;}
.ibox-tab-list li a{ display: block; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden;}
.ibox-tab-list li a::before{ content: ">";padding-right: 24px;}
.ibox-tab-list .time{ float: right; display: inline-block; margin-left: 10px;}
.btn-hotmore{ display: block; height: 50px; line-height: 50px; background-color: #F9F9F9; text-align: center;}
.btn-hotmore span{ color: #B97B57;}
.btn-hotmore:hover{ background-color: #EEEEEE;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.ibox-tab-list{ display: none;-webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.ibox-tab-list.active{ display: block;}
/*index style end */

/*product1 style end */
.item-span2 i { font-style: inherit;}
.tbanner{ position: relative; overflow: hidden; overflow: hidden;}
.tbannerH{ height: 100vh;}
.tbannerH .imgbox{ height: 100%; overflow: hidden; }
.tbanner .load-img{ position: relative; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.tbanner .imgbox video{ width: 100%; display: block;}
.tbanner .yy,.banner-yy{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../imagest/yy_bg1.png) repeat-x scroll left top;}
.tbanner-desc{ position: absolute; left: 5%; right: 5%; top: 50%; transform: translateY(-50%); color: #fff; text-align: center;}
.tbanner-desc .t{ font-size: 80px; line-height: 1.1; font-weight: normal; margin-bottom: 15px;}
.tbanner-desc .c{ font-size: 30px; font-weight: lighter; line-height: 1.5;}
.mouse-box{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 3%; font-size: 12px;text-align: center; color: #fff;}
.mouse-box i{ position: relative; display: block; width: 20px; height: 36px; border: 2px solid #fff; border-radius: 12px; margin: 0px auto;}
.mouse-box i:before{ content: ""; position: absolute; left: 9px; top: 5px; width: 2px; height: 7px; border-radius: 3px; display: block; background-color: #fff;  -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.pro-listt figure{ float: left; display: inline-block; width: 38%; margin-left: 5%;}
.pro-listt .desc{ float: right; display: inline-block; width: 40%; font-weight: lighter; margin-top: 18%; margin-right: 5%;}
.pro-listt .desc .btn-more3{ margin: 0;}
.pro-listt .two-item figure{ float: right; margin: 0 5% 0 0;}
.pro-listt .two-item .desc{ float: left; margin-right: 0%; margin-left: 10%;}
.pro-listt .t{ font-size: 50px; color: #333333; font-weight: normal; line-height: 1.5; transition: .3s;}
.pro-listt .c{ position: relative; font-size: 24px; padding-bottom: 12px; color: #333;}
.pro-listt .c::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 54px; height: 7px; background-color: #B97B57; transition: .3s;}
.pro-listt .txt{ padding: 50px 0 80px; font-size: 20px;}
.btn-more2{ position: relative; width: 120px; height: 40px; line-height: 40px; background-color: #B97B57; color: #fff; display: block; text-align: center; z-index: 1;}
.btn-more2:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background-color: #333333; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); z-index: -1;}
.btn-more2:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.remd-boxt{ padding: 130px 0;}
.remd-iboxT{ border-bottom: 1px solid #E2E2E2; text-align: center; font-weight: normal; color: #272727; font-size: 35px; padding-bottom: 20px; margin-bottom: 65px;}
.remd-listt a:link, .remd-listt a:visited { color: #272727; }
.remd-listt a:active, .remd-listt a:hover { color: #B97B57; }
.remd-listt{ margin-left: -2%; font-weight: lighter; color: #272727;}
.remd-listt li{ float: left; display: inline-block; width: 23%; margin-left: 2%;}
.remd-listt figure{ transition: .3s;}
.remd-listt .txt{ text-align: center; margin-top: 18px;}
.remd-listt li:hover figure{-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.1); box-shadow: 0 15px 20px rgba(0,0,0,.1);}
/*product1 style end */
/*case style end */
.box-padding{ padding: 110px 0;}
.prant-listt{ position: relative; bottom: -1px;}
.prant-listt li{ position: relative; border-bottom: 1px solid #E1E1E1; float: left; display: block; width: 12.66%; padding: 30px 2%;}
.prant-listt li::before{ content: ""; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background-color: #E1E1E1;}
.prant-listt img{ width: 100%; max-width: 130px; margin: 0px auto; display: block; transition: .3s linear;}
.prant-listt li:hover img{ transform: scale(1.1);}
.case-demot .item{ position: relative; color: #fff;}
.case-demot .black{ position: absolute; right: 0%; top: 0; bottom: 0; width: 0%; background: url(../imagest/black_90.png) repeat; background: none rgba(0,0,0,0.9); -webkit-transition: .5s cubic-bezier(.4,0,.2,1); transition: .5s cubic-bezier(.4,0,.2,1); opacity: 0;}
.case-demot .desc{ position: absolute; top: 50%; transform: translateY(-50%); width: 30%; left: 55%; opacity: 0;  -webkit-transition: all 0.6s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: all 0.6s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); margin-top: 30px;}
.case-demot .t{ font-size: 30px; line-height: 1.5; margin-bottom: 45px; font-weight: normal;}
.case-demot .c{ font-size: 16px;}
.case-demot .slick-dots { bottom: 5%; width: 30%; left: 55%; z-index: 104; text-align: left;}
.case-demot .slick-dots li { position: relative; display: inline-block; padding: 0 8px 0 0; width: auto; height: auto; margin: 0px; cursor: pointer;}
.case-demot .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; width: 38px; height: 4px; margin: 0px auto; background-color: rgba(255,255,255,0.2); }
.case-demot .slick-dots li a:focus { outline: none; }
.case-demot .slick-dots li.slick-active a { background-color: #fff;}
.case-demot .slick-arrow { position: absolute; width: 44px; height: 44px; line-height: 44px; z-index: 106; top: 50%; border-radius: 50%; margin-top: -22px; text-align: center; background-color: #fff;}
.case-demot .slick-prev{ left: 2%;}
.case-demot .slick-next{ right: 2%;}
.case-demot .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #272727;}
.case-demot .slick-prev i:before{ content: "\e6ad";}
.case-demot .slick-next i:before{ content: "\e601";}
.case-demot .slick-arrow:hover{ background:none #B97B57;}
.case-demot .slick-arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:50%; visibility:hidden; z-index:-1;}
.case-demot .slick-arrow:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}
.case-demot .slick-arrow:hover i{ color: #fff;}
.case-demot .-moving .black{ width: 50%; opacity: 1; transition-delay: .8s; -webkit-transition-delay: .8s;}
.case-demot .-moving .desc{ opacity: 1; margin-top: 0; transition-delay: 1.5s; -webkit-transition-delay: 1.5s;}
/*case style end */
/*investor style*/
.bgf9{ background-color: #F9F9F9;}
.investor-for{ display: -webkit-flex;display: flex; flex-wrap: wrap; justify-content: space-between;}
.investor-for li{ background-color: #fff; padding: 35px 3% 45px; width: 42%; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.12); box-shadow:0 3px 6px 0 rgba(0,0,0,.12);}
.investor-for .name{ position: relative; font-size: 25px; font-weight: normal; padding-bottom: 10px; color: #272727; margin-bottom: 30px; transition: .3s;}
.investor-for .name::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 54px; height: 5px; background-color: #B97B57;}
.investor-for .pageC{ font-size: 16px; font-weight: lighter;}
.investor-three{ margin-left: -3%; padding-bottom: 30px;}
.investor-three li{ position: relative; float: left; display: block; width: 47%; margin-left: 3%; margin-bottom: 35px; transition: box-shadow .3s,transform .6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: box-shadow .3s,transform .6,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.investor-three .desc{ padding: 34px 200px 15px 5%; border: 1px solid #EBEBEB; height: 140px; font-size: 16px;}
.investor-three .title{ font-weight: normal; font-size: 20px; line-height: 1.5; margin-bottom: 5px; color: #272727; transition: .3s;}
.investor-three .name{ margin-bottom: 40px;}
.investor-three .bot{ color: #999999;}
.investor-three .num{ margin-left: 30px;}
.investor-three .pdfico{ position: absolute; right: 0; top: 34px; width: 178px; text-align: center; padding: 20px 0; color: #999999; border-left: 1px solid #EBEBEB;}
.investor-three .pdfico i{ display: block; font-size: 34px; line-height: 1; margin-bottom: 20px; transition: .3s;}
.investor-three li:hover{ -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.12); box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);}
.investor-three li:hover .title{ color: #B97B57;}
.investor-three li:hover .pdfico{ color: #B97B57;}
.investor-three li:hover .pdfico i{ transform: rotateY(180deg);}
.btn-more3{ position: relative; width: 120px; height: 38px; border: 1px solid #272727; display: block; text-align: center; line-height: 38px; color: #272727; z-index: 1; margin: 0px auto;}
.btn-more3:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background-color: #B97B57; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); transform: scaleX(0); z-index: -1;}
.btn-more3:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}
.btn-more3:hover{ border-color: #B97B57; color: #fff;}
.investorTab{ width: 42%; float: left; display: block; overflow: hidden;}
.investorTab a:link, .investorTab a:visited { color: #272727; }
.investorTab a:active, .investorTab a:hover { color: #B97B57; }
.investorTab table{ width: 100%;}
.investorTab td{ border: 1px solid #D1D1D1; padding: 18px; transition: .3s;}
.investorTab:hover td{ border-color: #B97B57;}
.investorTab .title{ width: 112px; display: inline-block;}
.investorC a:link, .investorC a:visited { color: #B97B57; }
.investorC a:active, .investorC a:hover { color: #272727; }
.investorC a{ position: relative; height: 25px;}
.investorC a:before{ content:""; width:100%; height:1px; background-color:#B97B57; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.investorC a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.investor-two{ float: right; width: 45%; color: #999999;}
.investor-twolist{ display: -webkit-flex;display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #D1D1D1; padding: 18px; margin-bottom: 15px; transition: .3s;}
.investor-twolist:hover{ background-color: #fff; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.12); box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);}
.investor-twolist li{ float: left; display: inline-block; padding: 10px 0;}
.investor-twolist li:first-child{ border-right: 1px solid #D1D1D1; padding-right: 18px;}
.investor-twolist .num{ font-size: 38px; color: #B97B57; line-height: 1.2;}
.investor-two-txt{ display: -webkit-flex;display: flex; flex-wrap: wrap; justify-content: space-between; }
.investor-two-img{ position: relative; margin-top: 35px;}
.investor-two-img .imgw{ height: 352px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.investor-two-img .more{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; z-index: 1; width: 160px; height: 50px; line-height: 50px; border: 2px solid #fff; text-align: center;}
.investor-two-img .more:hover{ background-color: #B97B57; border-color: #B97B57;}
/*investor style end*/

/*service style*/
.service-two{ padding: 0 10%; display: -webkit-flex;display: flex; flex-wrap: wrap; text-align: center;}
.service-two li{ float: left; display: block; width: 27.33%; padding: 0 3%;}
.service-two .ico{ position: relative; width: 100px; padding: 60px; border-radius: 50%; background-color: #fff; margin: 0px auto 30px; transition: .3s;}
.service-two .ico:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(185,123,87,.6); border-radius:50%;visibility:hidden;z-index:-1}
.service-two .t{ font-size: 20px; font-weight: normal; color: #272727; transition: .3s;}
.service-two .txt{ font-size: 16px; color: #999999;}
.service-threen{ color: #fff;}
.service-threen .iboxT .t{ color: #fff;}
.iboxT .tbeline{ position: relative; padding-bottom: 30px;}
.iboxT .tbeline::before{ content: ""; position: absolute; left: 50%; bottom: 0; width: 30px; height: 4px; background-color: #B97B57; margin-left: -15px;}
.service-threen-list{ display: -webkit-flex;display: flex; flex-wrap: wrap; text-align: center;}
.service-threen-list li{ float: left; display: block; width: 16%; padding: 0 2%; text-align: center;}
.service-threen-list .ico{ position: relative; display: block; margin: 0 auto; width: 80px; height: 80px; display: block; border: 2px solid #fff; border-radius: 50%; font-size: 46px; line-height: 80px; margin-bottom: 15px; z-index: 1;}
.service-threen-list .ico:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(185,123,87,.6);border-radius:50%;visibility:hidden;z-index:-1}
.service-threen-list .ico i{ display: block;}
.service-threen-list .txt{ font-size: 16px;}
.service-one{ display: -webkit-flex;display: flex; flex-wrap: wrap; text-align: center;}
.service-one li{ display: block; width: 24%; margin-left: 1%; margin-bottom: 1%;}
.service-one .desc{ position: relative; border: 1px solid #E1E1E1; padding: 80px 5%; color: #999999; transition: .3s linear; -webkit-transition: .3s linear;}
.service-one .ico{ position: relative; width: 96px; margin: 0px auto 35px;}
.service-one .ico img{ width: 100%; display: block;}
.service-one .ico .img3{ transition: .3s linear; -webkit-transition: .3s linear;}
.service-one .ico .img1{ transition: .6s linear; -webkit-transition: .6s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.service-one .ico .img2{ position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all .4s linear;  transition: all .4s linear;}
.service-one h4{ font-weight: normal; font-size: 20px; color: #272727;}
/*service style end*/
/*dotQuery style*/
.dotquery-select{ width: 930px; margin: 0px auto; padding-top: 40px;}
.dotquery-select .c-selicts{ float: left; border: 1px solid #fff; box-sizing: border-box; width: 48%; height: 60px; color: #666; font-size: 14px; background: url(../imagest/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  margin:0 1%; padding: 0 15px;}
.dotquery-select .c-selicts_mobile{ float: left; border: 1px solid #fff; box-sizing: border-box; width: 48%; height: 60px; color: #666; font-size: 14px; background: url(../imagest/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  margin:0 1%; padding: 0 15px;}
.dotquery-select .c-selicts_staff{ float: left; border: 1px solid #fff; box-sizing: border-box; width: 30%; height: 60px; color: #666; font-size: 14px; background: url(../imagest/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  margin:0 1%; padding: 0 15px;}

.map-box{ height: 560px;}
.dotquery-right{ position: absolute; right: 0; top: 0; bottom: 0; width: 480px; background: url(../imagest/w80.png) repeat-x; background: none rgba(255,255,255,0.8); color: #2C2422;}
.dotquery-right::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; transition: .3s;}
.dotquery-right:hover::before{ background:none #fff;}
.dotquery-t{ padding: 50px 30px 0; font-size: 16px; line-height: 1.5; height: 45px; border-bottom: 1px solid #E1E1E1;}
.dealer-list{ height: 464px; overflow-y: auto;}
.map-item{ position: relative; padding: 45px 30px; border-bottom: 1px solid #E1E1E1; }
.map-item .t{ font-size: 20px; line-height: 1.5; margin-bottom: 5px;}
.map-item .c{ font-size: 16px;}
.map-item:hover .t{ color: #B97B57;}
.map-item .linkA{ display: none;}
.anchorBL{ display: none !important;}
/*dotQuery style end*/
/*hr style*/
.f35{ font-size: 35px; color: #272727; line-height: 1.5; font-weight: normal;}
.mb50{ margin-bottom: 50px;}
.w745{ width: 745px; margin: 0px auto;}
.hr-img1{ padding-bottom: 25%;}
.w1166{ width: 1166px; margin: 0px auto;}
.hr-threen .f35{ color: #fff;}
.hr-threen-list{ display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.hr-threen-list li{ width: 46%; background-color: #fff; margin-top: 20px; transition: .3s linear;}
.hr-threen-list .pageC{ padding: 35px;}
.hr-threen-list .txt{ float: left; display: block; width: 84px; height: 84px; border-radius: 50%; color: #333; text-align: center; line-height: 84px; font-size: 35px; margin-right: 35px; transition: .3s linear;}
.hr-threen-list .c{ padding-top: 10px; padding-left: 120px;}
.page-nav { height: 70px; border-bottom: 1px solid #E3E3E3;}
.page-nav a:link, .page-nav a:visited { color: #333; }
.page-nav a:active, .page-nav a:hover { color: #B97B57; }
.page-nav-t{ float: right; display: inline-block; height: 70px; line-height: 70px;}
.page-nav-t .line{ padding: 0 5px;}
.page-nav-c a{ position: relative; float: left; display: block; height: 70px; line-height: 70px; padding: 0 25px; font-size: 16px;}
.page-nav-c a::before{ content:""; width:100%; height:4px; background-color:#B97B57; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-c a:hover:before,.page-nav-c a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.page-nav-c a.active{ color: #B97B57;}
.w948{ width: 948px; margin: 0px auto;}
/*hr style end*/
/*hr style*/
.hr-list{ margin-left: -2%;}
.hr-list li{ float: left; display: block; width: 31.33%; margin-left: 2%; text-align: center; margin-bottom: 100px;}
.hr-list .desc{ position: relative; padding: 116px 5% 20px; height: 354px; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,.12); transition: .3s; -webkit-transition: .3s;}
.hr-list .icon{ display: block; width: 116px; height: 116px; border-radius: 50%; text-align: center; color: #fff; line-height: 116px; background-color: #B97A57; margin: 0 auto 20px; font-size: 48px; transition: .3s; -webkit-transition: .3s;}
.hr-list .icon:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(185,122,87,.4); border-radius:50%;visibility:hidden;z-index:-1}
.hr-list .title{ font-size: 24px; color: #272727; font-weight: normal; line-height: 1.5; transition: .3s; -webkit-transition: .3s;}
.hr-list .c{ margin: 5px 0 18px; color: #999999;}
.hr-list .bot{ width: 46px; height: 2px; background-color: #333333; display: block; margin: 0 auto; transition: .3s; -webkit-transition: .3s;}
.hr-link a{ display: inline-block; margin: 30px 25px 0;}
.hr-jinsheng{ width: 1214px; margin: 0px auto; padding-top: 80px;}
.hr-jinsheng li{ float: left; display: inline-block;}
.hr-jinsheng .txt{ width: 175px; background-color: #E1C7B9; text-align: center; font-size: 24px; color: #333;}
.hr-jinsheng .item1{ background-color: #E1C7B9;}
.hr-jinsheng .item2{ background-color: #e1c7ba;}
.hr-jinsheng .item3{ background-color: #e9baa0;}
.hr-jinsheng .item4{ background-color: #d6a78d;}
.hr-jinsheng .item5{ background-color: #cc9272;}
.hr-jinsheng .titem1{ height: 274px; line-height: 274px;}
.hr-jinsheng .titem2{ height: 90px; padding-top: 40px; margin-bottom: 14px;}
.hr-jinsheng li .titem2:last-child{ margin-bottom: 0;}
.hr-jinsheng .t{ font-size: 16px; line-height: 1.2;}
.hr-jinsheng .jtou-item{ position: relative; width: 82px; text-align: center; height: 274px;}
.hr-jinsheng .jtou-item i{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1; font-weight: bold; color: #B97A57;}
/*hr style end*/
/*join style*/
.mb65{ margin-bottom: 65px;}
.join-one{ margin-left: -3%;}
.join-one li{ position: relative; float: left; display: block; width: 30.33%; margin-left: 3%;}
.join-one .tbox{ position: relative; overflow: hidden; height: 490px; box-shadow: 0 0 12px rgba(0,0,0,.12);}
.join-one .tbox .txt{ position: absolute; left: 5%; right: 5%; top: 50%; transform: translateY(-50%); text-align: center; color: #272727; transition: .55s cubic-bezier(.23,1,.32,1);}
.join-one .tbox .iconfont{ font-size: 64px; line-height: 1; display: block; margin: 0 auto 15px;}
.join-one .tbox .title{ position: relative; padding-bottom: 20px; font-size: 24px; line-height: 1.5; font-weight: normal;}
.join-one .tbox .title::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 46px; height: 2px; margin: 0 auto; background-color: #272727;}
.join-one .desc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; overflow: hidden;}
.join-one .desc .img{ position: absolute; left: 0; top: 10%; right: 0; height: 100%; background-size: cover; transition: .55s cubic-bezier(.23,1,.32,1); opacity: 0; visibility: hidden;}
.join-one .desc .img:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%;  height: 100%; background: url(../imagest/black_60.png) repeat; background: none rgba(0,0,0,0.6);}
.join-one .desc .txt{ position: absolute; left: 5%; right: 5%; top: 50%; transform: translateY(-50%);}
.join-one .desc .title{ position: relative; padding-bottom: 20px; font-size: 24px; line-height: 1.5; font-weight: normal; margin-bottom: 30px; transition: .55s cubic-bezier(.23,1,.32,1); opacity: 0; visibility: hidden;  transform: translateY(15px);}
.join-one .desc .c{ transition: .55s cubic-bezier(.23,1,.32,1); opacity: 0; visibility: hidden;  transform: translateY(15px);}
.join-one .desc .title::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 46px; height: 2px; margin: 0 auto; background-color: #fff;}
.cfff{ color: #fff;}
.join-two{ padding-top: 40px; color: #fff; text-align: center; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.join-two li{ position: relative; float: left; display: block; width: 25.33%; padding: 0 4%; margin-bottom: 35px;}
.join-two .icon{ position: relative; display: block; width: 88px; height: 88px; line-height: 88px; font-size: 35px; font-style: inherit; background-color: #B97A57; border-radius: 50%; text-align: center; margin: 0 auto 40px; font-family: 'PF Din Light';}
.join-two .icon:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(185,122,87,.4); border-radius:50%;visibility:hidden;z-index:-1}
.join-two li::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-color: #707070;}
.join-two li:first-child::before{ display: none;}
.join-threen{ margin-left: -2%;}
.join-threen li{ position: relative; float: left; display: inline-block; padding: 50px 5%; height: 146px; text-align: center; width: 8%; margin-left:2%; margin-bottom: 32px; transition: .3s linear; -webkit-transition: .3s linear;}
.join-threen li::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid #E1E1E1;}
.join-threen .icon{ width: 85px; display: block; margin: 0 auto 15px; transition: .3s linear; -webkit-transition: .3s linear;}
.join-for{ display: -webkit-flex; display: flex; flex-wrap: wrap;  color: #fff; text-align: center; margin: 0 8%; padding: 30px 0;}
.join-for li{ float: left; width: 14.2%;}
.join-for .icon{ position: relative; display: block; margin: 0px auto 15px; width: 116px; height: 116px; background-color: #fff; border-radius: 50%; line-height: 116px; text-align: center; font-size: 45px; color: #666666; transition: .3s;}
.join-for .icon:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(185,122,87,.4); border-radius:50%;visibility:hidden;z-index:-1}
.join-for .jt{ font-size: 24px; line-height: 116px;}
.join-form{ width: 606px; margin: 0px auto; color: #999999;}
.join-form li{ margin-bottom: 18px;}
.join-form .iteml{ float: left; display: inline-block; width: 95px; padding: 15px 0;}
.join-form .item{ padding-left: 95px;}
.join-form .jtxt{ border: 1px solid #E1E1E1; padding: 15px; width: 100%; box-sizing: border-box; color: #999;}
.join-form select.jse{ border: 1px solid #E1E1E1; padding: 15px; width: 32.66%; box-sizing: border-box; float: left;}
.join-form .ml{ margin-left: 1%;}
.join-form .jbtn{ width: 100%; display: block; height: 52px; line-height: 52px; background-color: #B97A57; text-align: center; color: #fff; margin-bottom: 10px;}
.join-form .jbtn:hover{ background-color: #3B3B3B;}
/*join style end*/
/*about style*/
.about-desc{ float: left; display: block; width: 46%; padding-top: 10px; text-align: justify;}
.about-img{ float: right; display: block; width: 44%;}
.history-warp{ position: relative;}
.history-warp:before{ content: ""; position: absolute; left: 0; top: 50%; margin-top: -75px; width: 100%; height: 1px; background-color: #CECECE;}
.history-page .swiper-container{ height: 384px; padding-bottom: 158px;}
.history-page .swiper-slide{ position: relative; float: left; display: block;}
.history-page .desc{ position: relative; height: 192px; margin:0 40px;}
.history-page .pageC{ position: absolute; bottom: 20px; color: #999999;}
.history-page .img{ position: relative; width: 110px; height: 110px; border-radius: 50%; margin-top: 82px; transition: .3s;}
.history-page .img img{ border-radius: 50%;}
.history-page .img:before{ content: ""; position: absolute; left: 50%; width: 1px; height:57px;
background-color:#707070; opacity:0.3; bottom: 105%;}
.history-page .bor{ position: absolute; display: block; left: 44px; top: 50%; margin-top: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #B97B57; border: 5px solid #E0C4B5;}
.history-page .bor:before{ content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(185,122,87,0.8); position: absolute;left: 0%;top: 0%;animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(3);
  }
}
.history-page .year{ font-size: 30px; color: #B97A57; font-family: 'PF Din Light'; line-height: 1.5;}
.history-page .two-item .img{ margin-top: 0; margin-bottom: 82px;}
.history-page .two-item .img:before{ bottom: auto; top: 105%;}
.history-page .two-item .pageC{ position: relative; bottom: auto; padding-top: 20px;}
.history-page .swiper-container-horizontal>.swiper-scrollbar{ height: 6px; background-color: #ECECEC; border-radius: 0;}
.history-page .swiper-scrollbar-drag{ background-color: #333; border-radius: 0;}
.honor-nav{ padding-top: 35px;}
.honor-nav a{ position: relative; display: inline-block; margin: 0px 35px; padding-bottom: 5px; color: #fff;}
.honor-nav a:hover,.honor-nav a.active{ color: #B97A57;}
.honor-nav a:before{ content:""; width:100%; height:1px; background-color:#B97A57; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.honor-nav a:hover:before,.honor-nav a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.honor-tab{ position: relative;}
.honor-tab .swiper-arrow { position: absolute; width: 44px; height: 44px; line-height: 44px; z-index: 106; top: 50%; border-radius: 50%; margin-top: -100px; text-align: center; background-color: #c7c7c7;}
.honor-tab .swiper-button-prev{ left: 2%;}
.honor-tab .swiper-button-next{ right: 2%;}
.honor-tab .swiper-arrow i { display: block; font-family:"iconfont" !important;font-size:14px; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff;}
.honor-tab .swiper-button-prev i:before{ content: "\e6ad";}
.honor-tab .swiper-button-next i:before{ content: "\e601";}
.honor-tab .swiper-arrow:hover{ background:none #B97B57;}
.honor-tab .swiper-arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:50%; visibility:hidden; z-index:-1;}
.honor-tab .swiper-arrow:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}
.honor-tab .swiper-arrow:hover i{ color: #fff;}
.honor-tab .pic{ position: relative; opacity: 0.8; -webkit-opacity: 0.8; transition: 0.3s;}
.honor-tab .pic .img{ background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 133%; border: 1px solid #707070;}
.honor-tab .txt{ text-align: center; padding-top: 15px; opacity: 0; visibility: hidden; transition: .3s;}
.honor-tab .swiper-slide-active .pic{opacity: 1; -webkit-opacity: 1;}
.honor-tab .swiper-slide-active aside.txt{ opacity: 1; visibility: visible;}
.honor-tab .swiper-slide-prev .pic{ left: -9%;}
.honor-tab .swiper-slide-next .pic{ right: -9%;}
.honor-tab .swiper-page{ position: relative; width: 100%; overflow: hidden; text-align: center; margin-top: 90px;}
.honor-tab .swiper-pagination{ display: inline-block; position: relative; margin: 0px auto; line-height: 1;}
.honor-tab .swiper-pagination:before,.honor-tab .swiper-pagination:after{ content: ""; position: absolute; height: 1px; top: 50%; width: 500%; background-color: #707070;}
.honor-tab .swiper-pagination:before{ right: 110%;}
.honor-tab .swiper-pagination:after{ left: 110%;}
.honor-tab .swiper-pagination-bullet{ background-color: #666; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; width: 16px; height: 16px; margin: 0 8px;}
.honor-tab .swiper-pagination-bullet-active{  opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.honor-tab{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: .5s; -webkit-transition: .5s; }
.honor-tab.active{ position: relative; visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.honor-tab .swiper-slide .pic{ transform: scale(0.6);}
.honor-tab .swiper-slide-prev .pic,.honor-tab .swiper-slide-next .pic{ transform: scale(0.8);}
.honor-tab .swiper-slide-active .pic{ transform: initial;}
/*about style end*/
/*productshow style*/
.top.hidescroll{ z-index: -10;}
.content{position: fixed; left: 0; top: 0; width: 100%;}
.page{ position: relative; width: 100%; overflow: hidden; background-color: #fff; min-height: 100vh; font-family: "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif;}
.page.action{ z-index: 905;}
.page .ibg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 1s;}
.page.action .ibg{ /* top: -5%; transition: 2s linear; */}
.content.scos{ position: relative;}
.pos{ position: absolute;}
.pk-desc .title{ font-size: 90px; line-height: 1.2; font-weight: bold;}
.pk-desc .title2{ font-size: 70px; line-height: 1.2; font-weight: bold;}
.pk-desc .title3{ font-size: 66px; line-height: 1.2; font-weight: bold;}
.pk-desc .t{ font-size: 62px; line-height: 1.2;}
.pk-desc .c{ font-size: 33px; line-height: 1.2; font-weight: lighter;}
.pk-desc .txt{ font-size: 36px; line-height: 1.2; font-weight: lighter;}
.pk11{ left: 0; bottom: 0; width: 41.66%;}
.pk-desc1 .img{ right: 0; top: 32%; width: 47%;}
.pk-desc1 .txt{ right: 10%; bottom: 10%; width: 37%; color: #fff; font-size: 36px; line-height: 1.5; font-weight: lighter; text-align: center; }
.pkqipao1{ left: 0; bottom: 0; width: 7.6%;}
.pkqipao2{ top: 25%; left: 45%; width: 5.6%;}
.pkqipao3{ top: 0; right: 0; width: 10%;}
.pkqipao4{ bottom: 0; right: 0; width: 9.5%;}
.action .pkqipao1 img{ -webkit-animation: deng 14s infinite;animation: deng 14s infinite; -webkit-transition-timing-function: linear;transition-timing-function: linear;}
.action .pkqipao2 img{ -webkit-animation: deng 10s infinite;animation: deng 10s infinite; -webkit-transition-timing-function: linear;transition-timing-function: linear;}
@-webkit-keyframes deng {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-350px);
		transform: translateY(-350px)
	}
}
@keyframes deng {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-350px);
		transform: translateY(-350px)
	}
}
.pk-desc2{ width: 40%; left: 5%; top: 30%; text-align: center; color: #0f1539;}
.pk-desc2 .t{ margin-bottom: 60px;}
.pkimg2{ width: 47.8%; right: 0; bottom: 0;}
.pkimg21{ width: 25.8%; left: -10%; top: 40%;}
.pkimg22{ width: 36.9%; right: 25%; bottom: 15%;}
.pkimg24{ width: 11.8%; left: 43%;  top: 0;}
.pkimg24 img{ transform-origin: top; -webkit-transform-origin: top; animation: music-move 2.6s infinite alternate ease-in-out; -webkit-animation:music-move 2.6s infinite alternate ease-in-out; }
@keyframes music-move
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes music-move 
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.pk-desc3{ right: 5%; top: 50%; transform: translateY(-50%); color: #0f1539; text-align: center;}
.pk-desc3 .title{ padding: 60px 0;}
.pkimg31{ width: 45%; left: 3%; bottom: -11%;}
.pk-desc4{ left: 5%; top: 35%; text-align: center; color: #0f1539;}
.pk-desc4 .title2{ margin-bottom: 20px;}
.pkimg4{ right: 0; bottom: 10%; width: 31.6%;}
.pkimg41{ width: 162%; bottom: -10%; left: -50%; opacity: 0;}
.pkimg42{ position: relative;}
.pkimg43{ width: 42%; top: 10%; left: 0;}
.pkimg43 img{ animation: fadeIn0 2s linear infinite;}
.action .pkimg41{ animation: animation-waves 4s infinite; animation-timing-function: linear;  opacity: 1; transition: all 2s ease 2.5s;}
.action .pkimg411{ animation-delay: 2.5s; }
.action .pkimg412{ animation-delay: 3.5s; }
@keyframes fadeIn0 {
    0% {  opacity:1;}
    100% { opacity: 0;}
}
@-webkit-keyframes fadeIn0 {
    0% {  opacity:1;}
    100% { opacity: 0;}
}
@keyframes animation-waves{
  0%{opacity: 1;transform: scale(.8);}
  100%{opacity: 0;transform: scale(1.4);}
}
@-webkit-keyframes animation-waves{
  0%{opacity: 1;transform: scale(.8);}
  100%{opacity: 0;transform: scale(1.4);}
}
@-ms-keyframes animation-waves{
  0%{opacity: 1;transform: scale(1);}
  100%{opacity: 0;transform: scale(1.4);}
}
.pk-desc5{ left: 5%; top: 25%; padding: 40px 80px; background: url(../imagest/blue_65.png) repeat; background: none rgba(16,20,49,.75); text-align: center; color: #fff;}
.pk-desc5.tscaleUp{ transform-origin: center center; -webkit-transform-origin: center center;}
.pk-desc5 .title{ margin-bottom: 45px;}
.pkimg5{ right: 0; width: 64.2%; bottom: 0;}
.pkimg51{ position: relative;}
.pkimg52{ width: 11.6%; right: 48%; bottom: 44%;}
.pkimg53{ width: 36.7%; right: 45%; bottom: 28%;}
.pkimg54{ width: 18%; right: 64%; bottom: 28%;}
.action .pkimg52 img{ animation: animation-waves 4s infinite; animation-timing-function: linear; opacity: 1; transition: all 2s ease 2.5s;}
.action .pkimg54 img{ animation: animation-waves 4s infinite; animation-timing-function: linear; opacity: 1; transition: all 2s ease 3.5s;}
.pk-desc6{ right: 5%; width: 40%; top: 40%; color: #0f1539; text-align: center;}
.pkimg6{ left: 5%; width: 41.5%; top: 50%; transform: translateY(-50%);}
.pkimg60{ position: relative;}
.pkimg60.tscaleUp{ transform-origin: center center; -webkit-transform-origin: center center;}
.pkimg61{ width: 19.2%; left: 16%; top: 1%;}
.pkimg62{ width: 19.2%; right: 8%; top: 1%;}
.pkimg63{ width: 19.2%; left: 5%; top: 35%;}
.pkimg64{ width: 19.2%; right: -3%; top: 35%;}
.pkimg65{ width: 19.2%; left: 18%; top: 62%;}
.pkimg66{ width: 19.2%; right: 10%; top: 62%;}
.pkimg67{ width: 19.2%; left: 44.5%; bottom: -5%;}
#pobox7{ height: auto !important; overflow: visible;}
.slidepk-box{ position: fixed; top: 50%; transform: translateY(-50%); right: 2%; z-index: 906;}
.sidepk-list li{ padding: 10px 0; cursor: pointer;}
.sidepk-btn em{ position: relative; display: block; margin: 0px auto; width: 12px; height: 12px; background: url(../imagest/blue_65.png) repeat; background: none rgba(16,20,49,0.5); border-radius: 50%;  transition: .3s;}
.sidepk-btn em::before{ content: ""; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; width: 18px; height: 18px; border: 1px solid #101431; border-radius: 50%; opacity: 0; transform: scale(0); visibility: hidden; transition: .3s;}
.sidepk-btn.cur em{ background-color: #101431;}
.sidepk-btn.cur em::before{ opacity: 1; visibility: visible; transform: initial;}
/*productshow style end*/
/*product style end*/
.product-list li{ position: relative; margin-bottom: 46px; color: #fff;}
.product-list .imgw{ position: relative; padding-bottom: 37.8%; background-position: center center; background-size: cover;}
.product-list .yy{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../imagest/jb1.png) repeat-y scroll left top;}
.product-list .two-item .yy{ background: url(../imagest/jb2.png) repeat-y scroll right top;}
.product-list .desc{ position: absolute; left: 6%; top: 50%; margin-top: -72px;}
.product-list .desc .t{ color: #fff;}
.product-list .desc .c{ font-size: 16px; padding:0 0 35px;}
.product-list .desc .btn-more{ position: relative; z-index: 10;}
.product-list .two-item .desc{ right: 6%; left: auto;}
.product-list li:hover .btn-more{ border-color: #B97B57;}
.product-list li:hover .btn-more:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
/*product style end*/
/*product2 style*/
.pro-type{ background-color: #F9F9F9; padding: 80px 0px; color: #333333;}
.pro-typebox a:link, .pro-typebox a:visited { color: #333333; }
.pro-typebox a:active, .pro-typebox a:hover { color: #B97A57; }
.pro-typebox{ position: relative; margin-bottom: 30px; line-height: 1.5; overflow: hidden;}
.pro-typebox:last-child{ margin-bottom: 0;}
.pro-typebox dt{ float: left; display: block; font-size: 18px; line-height: 1.2; } 
.pro-typebox dd{ margin-left: 82px;}
.pro-typebox dd a{ margin:0 36px 8px 0; float: left; display: inline-block;}
.pro-typebox dd a.active{ color: #B97A57;}
.poc-list{ margin-left: -2%;}
.poc-list li{ float: left; display: inline-block; width: 23%; margin-left: 2%; margin-bottom: 68px;}
.poc-item .pos-ov{ background: url(../imagest/por_bg.png) repeat-x;}
.poc-item{ position: relative; padding-bottom: 5px; transition: .3s; -webkit-transition: .3s;}
.poc-item .desc{ margin-top: 25px;}
.poc-item .desc .t{ font-size: 18px; font-weight: normal;}
.poc-item .desc .c{ color: #999999;}
.poc-item::before{ content: ""; position: absolute; left: -4%; top: -4%; right: -4%; bottom: -4%; display: block;  transition: .3s; -webkit-transition: .3s;}
.paging { padding:50px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #333; }
.paging a:active, .paging a:hover { color: #fff; background-color: #B97A57; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 6px 14px; border: 1px solid #7D7D7D;}
.paging a.act{ background-color: #B97A57; color: #fff; border-color: #B97A57;}
.pagination { padding:50px 0px 0px; text-align: center; }
.pagination a:link, .pagination a:visited { color: #333; }
.pagination a:active, .pagination a:hover { color: #fff; background-color: #B97A57; }
.pagination a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 6px 14px; border: 1px solid #7D7D7D;}
.pagination a.act{ background-color: #B97A57; color: #fff; border-color: #B97A57;}
/*product2 style end*/
/*pro-info style*/
.pro-canshu{ margin-bottom: 120px;}
.pro-canshu table{ width: 100% !important; border-top: 1px solid #E2E2E2;}
.pro-canshu table tr td{ border-bottom: 1px solid #E2E2E2; padding: 15px 3%;}
.pro-tuijian ul{ padding-top: 20px;}
.page-nav2{ margin-top: 80px; height: auto;}
.page-nav3{ margin-top: 0;}
.page-nav2 .page-nav-t{ float: none; display: block; height: 58px; line-height: 58px;}
.pro-info{ padding: 45px 0 80px;}
.pro-info-img{ float: left; display: block; width: 35%;}
.pro-img-nav{ position: relative; width: 40%; max-width: 850px; margin: 22px auto 0;}
.pro-img-nav .item{ position: relative; padding-top: 9px; overflow: hidden; cursor: pointer;}
.pro-img-nav .item::before{ content: ""; position: absolute; border: 9px solid transparent; border-bottom-color: #B97A57; top: 0; left: 50%; margin-left: -9px; opacity: 0; visibility: hidden; transition: .3s; }
.pro-img-nav .item figure{ position: relative; margin: 0 8px;}
.pro-img-nav .item figure::before{ content: ''; position: absolute;width: 100%; height: 100%; border: 2px solid #B97A57; left: 0; top: 0; z-index: 1; box-sizing: border-box; transform: scale(0.9); opacity: 0; visibility: hidden; transition: .3s;}
.pro-img-nav .item.slick-current::before{ visibility: visible; opacity: 1; top: -9px;}
.pro-img-nav .item.slick-current figure::before{ visibility: visible; opacity: 1; transform: initial;}
.pro-info-desc{ float: right; display: block; width: 56%;}
.pro-info-t{ color: #333333;}
.pro-info-t .c{ font-size: 20px; color: #333333; line-height: 1.5;}
.pro-info-c{ padding: 35px 45px 55px; background-color: #fff;}
.pro-info-c h5{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 25px;}
.pro-info-c .pageC{ color: #999999;}
.pro-info-btn .btn-more3{ float: left; display: block; margin-right: 5px;}
.pro-info-btn .btn-more3:last-child{ margin-right: 0;}
.pro-video{ position: relative; overflow: hidden; margin-bottom: 70px;}
.pro-video .video-pro{ width: 100%;}
.pro-video .black-20{ background: url(../imagest/black_20.png) repeat; position: absolute; left: 0; bottom: 0; top: 0; right: 0; cursor: pointer;}
.pro-video .vico{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 58px; line-height: 1; color: #fff; margin: auto; width: 58px; height: 58px; display: block;  border-radius: 50%; z-index: 1;}
.pro-video .vico:before{ content: "";position: absolute;left: 0%;top: 0%; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0,0,0,.4); opacity: 0; z-index: -1;}
.pro-video:hover .vico:before{ animation: bannerbuIn2 infinite linear 1s normal;-webkit-animation: bannerbuIn2 infinite linear 1s normal; }
@keyframes bannerbuIn2 {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(2);
  }
}
.dock { position: fixed; top: 50%; margin-top: -160px; right: 0px; }
.dock-list a:link, .dock-list a:visited { color: #fff; }
.dock-list a:active, .dock-list a:hover { color: #fff; }
.dock-list li{ margin-bottom: 2px;}
.dock-list a{ background-color: #2C2422; display: block; width: 62px; height: 62px; text-align: center; font-size: 28px; line-height: 62px;}
.dock-list a i{ display: block;}
.dock-list a:hover{ background-color: #B97A57;}
.dock-list{ opacity: 0; visibility: hidden\9; transform: translateY(8%); transition: 0.5s; -webkit-transition: 0.5s;}
.dock-list.showme{ transform: initial; opacity: 1; visibility: visible\9; z-index: 1000; }
/*pro-info style end*/
/*company style*/
.company-list{ display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: space-between; padding-bottom: 68px;}
.company-list li{ position: relative; height: 320px; width: 19%; background-color: #fff; text-align: center; font-size: 16px; overflow: hidden;  transition: .55s cubic-bezier(.23,1,.32,1); }
.company-list li::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid #E1E1E1;}
.company-item{ position: absolute; top: 35%; left: 5%; right: 5%; transition: .55s cubic-bezier(.23,1,.32,1);}
.company-item .zh{ font-weight: normal; font-size: 20px; line-height: 1.5; color: #666666;}
.company-item .bot{ width: 32px; height: 3px; background-color: #B97A57; display: block; margin: 32px auto 28px;}
.company-item .txt{ transition: .55s cubic-bezier(.23,1,.32,1); opacity: 0; transform: translateY(15px);}
.company-img{ margin-bottom: 120px;}
.value-list{  display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: center;}
.value-list li{ position: relative; width: 20%; text-align: center; cursor: pointer;}
.value-list .icon{ width: 56px; margin: 0px auto 10px;}
.value-list .t{ font-size: 20px;}
.value-list .bot{ width: 33px; height: 3px; display: block; margin: 20px auto 30px; background-color: #B97A57;}
.jiazhi-desc1{ padding: 35px 5%; transition: .55s cubic-bezier(.23,1,.32,1);}
.jiazhi-desc2{ position: absolute; left: 0; top: 0; padding: 35px 5%; width: 90%; background-color: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.12); transform: scale(.9); opacity: 0; transition: .55s cubic-bezier(.23,1,.32,1); }
/*company style end*/
/*news style*/
.news-list { margin-left: -3%;}
.news-list li{ position: relative; float: left; display: block; width: 30.33%; margin-left: 3%; background-color: #fff; margin-bottom: 48px; transition: box-shadow .3s;}
.news-list .desc{ padding: 28px 28px 40px;}
.news-list .t{ font-size: 20px; line-height: 1.5; font-weight: normal; color: #272727; margin-bottom: 20px;}
.news-list .c{ color:#999999; height: 50px; overflow: hidden; margin-bottom: 25px;}
.news-list .btn{ color: #999999; font-size: 12px;}
.news-list .time .iconfont{ margin-right: 5px;}
.news-list .btn .query{ margin-right:15px;}
.news-list .btn .iconfont::before{ position: relative; margin-right: 5px; line-height: 1.5; font-size: 16px;}
.news-list .query::before{ content: "\e60c";}
.news-list .zan::before{ content: "\e60e";}
.news-list .zan.isadd::before{content: "\e629";}
.news-list li:hover{ box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);}
.news-list li:hover .t{ color: #B97A57;}
.w1052{ width: 1052px; margin: 0px auto;}
.info-T{ text-align: center;}
.info-T .t{ line-height: 1.5;}
.info-T .timebox{ padding-top: 20px; color: #999999;}
.pager{ border-top: 1px solid #E1E1E1; padding: 38px 0 60px;}
.pager a:link, .pager a:visited { color: #272727; }
.pager a:active, .pager a:hover { color: #B97A57; }
.pager a.btn-more3{ position: relative; float: right; display: inline-block;}
.pager a.btn-more3:hover{ color: #fff;}
.pager p{ padding-right: 180px;}
.info-desc{ text-align: center; font-size: 16px; color: #999;}
.info-desc span{ padding: 0 20px;}
.info-desc span::before{ margin-right: 5px;}
.info-desc .query::before{ content: "\e60c";}
.info-desc .zan{ cursor: pointer;}
.info-desc .zan::before{ content: "\e60e";}
.info-desc .zan.isadd::before{content: "\e629";}
.w1200{ width: 1200px; margin: 0px auto;}
.info-twopage{ position: relative;}
.info-twopage .line{ position: absolute; right: 30.33%; top: 0; bottom: 0; width: 1px; background-color: #ccc;}
.info-two{ float: left; display: block; width: 64%;}
.info-two .pageC img{ width: auto !important;}
.info-sider{ position: relative; float: right; display: block;  width: 27%;}
.info-sider a:link, .info-sider a:visited { color: #666; }
.info-sider a:active, .info-sider a:hover { color: #B97A57; }
.info-sider .info-twoT{ text-align: left;}
.info-sider-box{ position: fixed; width: 324px;}
.info-sider-box.fsShow{ position: absolute;}
.info-list{ padding-top: 20px;}
.info-list li{ margin-bottom: 16px; line-height: 1.5;}
.info-list a{ display: block;}
/*news style end*/
/*video style*/
.video-nav a:link, .video-nav a:visited { color: #999999; }
.video-nav a:active, .video-nav a:hover { color: #B97A57; }
.video-nav{ text-align: center; font-size: 16px; margin-bottom: 75px;}
.video-nav a{ position: relative; display: inline-block; margin: 0 16px; padding: 10px 0;}
.video-nav a:before{ content:""; width:100%; height:4px; background-color:#B97A57; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.video-nav a:hover:before,.video-nav a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.video-nav a.active{ color: #B97A57;}
.video-list{ margin-left: -3%; padding-bottom: 50px;}
.video-list li{ position: relative; float: left; display: block; width: 30.33%; margin-left: 3%; margin-bottom: 35px; cursor: pointer;}
.video-list li::before{ content: ""; position: absolute; left: -3%; top: -3%; right: -3%; bottom: -3%; transition: .3s;}
.video-list .yy{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../imagest/black_20.png) repeat;}
.video-list .vico{ position: absolute; left: 5%; bottom: 8%; color: #fff; font-size: 40px; line-height: 1;}
.video-list .desc{ padding: 25px 0 10px;}
.video-list .t{ font-size: 20px; line-height: 1.5; font-weight: normal; margin-bottom: 10px;}
.video-list .btn{ font-size: 12px; color: #999;}
.video-list .iconfont::before{ margin-right: 5px; font-size: 16px; position: relative; line-height: 1.5;}
.video-list .time.iconfont::before{ content: "\e656";}
.video-list .query.iconfont::before{ content: "\e60c";}
.video-list .time{ margin-right: 15px;}
.pvideo-bg{ position: fixed; z-index: 1000; left: -9999px; top: -9999px; bottom: 0; right: 0;  background: url(../imagest/black_80.png) repeat; background:none rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition:opacity .4s 0.3s,visibility .4s 0.3s; transition:opacity .4s 0.3s,visibility .4s 0.3s;}
.pvideo-box { position: absolute; top: 40%; transform: translateY(-50%); width: 1000px; left: 50%; margin-left: -500px; -webkit-transition: top 0.3s ease,opacity .3s ease; transition: top 0.3s ease,opacity .3s ease; opacity: 0;}
.pvideo-box .videon{ width: 100%; display: block;}
.pv-close{ position: absolute; right: -60px; top: 0; width: 60px; height: 60px; font-size: 24px; line-height: 60px; background-color: #fff; text-align: center; color: #222;}
.pv-close:hover{ background-color: #B97A57; color: #fff;}
.overlay{ opacity: 1; visibility: visible; opacity: 1; left: 0; top: 0; transition-delay: 0;}
.overlay .pvideo-box{ top: 50%; opacity: 1; transition-delay: 0.4s;}
.ledmore{ width: 190px;}
/*video style end*/
/*institute style*/
.support-list{ margin-left: -3%;}
.support-list li{ float: left; display: block; width: 13.66%; margin-left: 3%; background-color: #fff;}
.support-list .item{ border: 1px solid #E1E1E1; padding:90px 10% 0; height: 230px; text-align: center; transition: .3s; -webkit-transition: .3s;}
.support-list .icon{ display: block; width: 60px; margin: 0px auto;}
.support-list .txt{ padding: 25px 0; color: #666666;}
.support-list .bot{ width: 33px; height: 3px; background-color: #B97A57; display: block; margin: 0 auto;}
.scientific-page{ padding-top: 110px;}
.scientific-list{ margin-left: -2%;}
.scientific-list li{ float: left; display: block; width: 31.33%; margin-left: 2%; margin-bottom: 2%;}
.scientific-list .txt{ padding: 25px 0; line-height: 1.5; color: #666; border-bottom: 1px solid #E1E1E1; font-size: 20px; transition: .3s;}
.scientific-list li:hover .txt{ color: #B97A57;}
.research-list{ margin-left: -2%;}
.research-list li{ float: left; display: block; width: 48%; margin-left: 2%; margin-bottom: 2%;}
.research-list2 li{ width: 31.33%;}
.research-list li{ position: relative; overflow: hidden; color: #fff; text-align: center;}
.research-list .yy{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../imagest/black_20.png) repeat;}
.research-list .desc{ position: absolute; left: 5%; right: 5%; bottom: 8%;}
.research-list .t{ font-size: 26px; line-height: 1.5; font-weight: normal; margin-bottom: 8px;}
.research-list .c{ font-size: 16px; line-height: 1.5;}
/*institute style end*/
.maintain-sider{ position: relative; float: left; display: block;}
.maintain-page{ float: right; display: block; width: 75%;}
.maintain-nav a:link, .maintain-nav a:visited { color: #333; }
.maintain-nav a:active, .maintain-nav a:hover { color: #B97A57; }
.maintain-nav{ border: 1px solid #E1E1E1; border-bottom: 0 none; background-color: #fff;}
.maintain-nav.fsShow{ position: fixed; top: 120px; width: 290px;}
.maintain-nav li{ border-bottom: 1px solid #E1E1E1;}
.maintain-nav a{ position: relative; display: block; padding: 10px 5px 10px 38px; line-height: 1.5; font-size: 16px;}
.maintain-nav a:before{ content: ""; position: absolute; left: 0; width: 6px; height: 6px; top: 50%; margin-top: -3px; background-color: #B97A57; transition: .3s;}
.maintain-nav .active a{ color: #B97A57;}
.maintain-nav .active a:before{ width: 20px;}
.maintain-title{ font-size: 24px; line-height: 1.5; margin-bottom: 20px; color: #B97A57;}
.maintain-page>li{ display: none; margin-bottom: 15px;}
.maintain-page>li.active{ display: block;}
.maintain-item{ position: relative; display: none; border: 1px solid #C2C2C2; padding: 10px 5% 10px 26px; line-height: 1.5; cursor: pointer; font-size: 16px;}
.maintain-item:before{ content: ""; position: absolute; left: 0; width: 4px; height: 4px; top: 50%; margin-top: -2px; background-color: #B97A57; transition: .3s;}
.maintain-item::after{ content: "\e601"; font-size: 12px; line-height: 1; position: absolute; right: 3%; top: 50%; margin-top: -6px; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; transition: 0.3s; -webkit-transition: 0.3s;}
.maintain-item.active{ color: #B97A57;}
.maintain-item.active::before{ width: 14px;}
.maintain-item.active::after{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.maintain-page .pageC{ font-size: 16px;}
.f18{ font-size: 18px;}
.index-video{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1020;}
.video-in{ position: absolute;left:0; top: 0; width: 100%; margin: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; background-color: #000;}
.sbanner{ background: url(../imgt/pbanner15.jpg) no-repeat scroll center top; background-size: cover; padding: 185px 0 125px;}
.sbanner-desc{ width: 648px; margin: 0px auto;}
.sbanner-desc .t{ font-size: 50px; color: #fff; text-align: center; font-weight: normal; margin-bottom: 35px;}
.serach-box{ position: relative; padding: 0 6% 0 10%; background-color: #fff;}
.serach-box .stxt{ width: 100%; border: 0 none; display: block; height: 32px; line-height: 32px; padding: 10px 0; font-size: 16px;}
.serach-box .sico{ position: absolute; left: 3%; top: 0; bottom: 0; margin: auto 0; font-size: 20px; height: 20px; line-height: 1;}
.se-ci{ color: #B97A57;}
.se-jieguo{ text-align: center; font-size: 16px; margin-bottom: 50px;}
.serach-list{ margin-left: -4%;}
.serach-list li{ float: left; display: block; width: 46%; margin-left: 4%; margin-bottom: 30px;}
.serach-list .desc{ position: relative; border: 1px solid #E1E1E1; background-color: #fff; padding: 25px 35px 35px;}
.serach-list .t{ font-size: 20px; line-height: 1.5; font-weight: normal; color: #666666; margin-bottom: 30px; transition: .3s;}
.serach-list .type{ background-color: #333333; color: #fff; padding: 2px 20px; margin-right: 15px; float: left; display: inline-block; transition: .3s;}
.serach-list .time{ font-size: 12px; color: #999999;}
.serach-list .time::before{content: "\e656"; position: relative; top: 2px; margin-right: 5px; font-size: 16px; position: relative; color: #666;}
.serach-list li:hover .t{ color: #B97A57;}
.serach-list li:hover .type{ background-color: #B97A57;}

/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%;  margin-top: -240px;}
.no-t{ font-size: 29px; line-height: 1.5; margin-top: 35px;}
.no-t2{ font-size: 20px; font-family:arial, helvetica, sans-serif; margin-bottom: 50px;}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ text-align: center; color: #666; padding-top: 12px;}
.no-btn a{ text-decoration: underline;}
.no-btn a:hover{ color: #B1834A;}
/*404 style end*/

/*add map style*/
.map-list dt a:link, .map-list dt a:visited { color: #2C2422; }
.map-list dt a:active, .map-list dt a:hover { color: #B97B57; }
.map-list dt{ padding-top: 40px; font-weight: bold; font-size: 16px;}
.map-list dd a:link, .map-list dd a:visited { color: #666; }
.map-list dd a:active, .map-list dd a:hover { color: #B1834A; }
.map-list .item{ position: relative; padding-left: 32px;}
.map-list .item i{ position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background-color: #2c2422;}
.map-list .item i:before{ content: ""; position: absolute; border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 6px solid #fff; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -3px;}
.map-list dd{ border-bottom: 1px solid #ccc; padding: 18px 0;}
.map-list dd a,.map-list dd span{ display: inline-block;}
.map-list dd .line{ padding: 0px 25px;}
.map-list .item-line:first-child{ border-top: 0 none;}
.map-list .item-line{ padding: 15px 0 10px; border-top: 1px dotted #ccc;}
.map-list dd a.name{ float: left; display: inline-block; min-width: 90px; margin-right: 15px; color: #B97B57; font-weight: bold;}
.map-list dd a.name:hover{ color: #333333;}
.map-list .txt{ padding-left: 105px;}
.map-list .txt a{ display: inline-block; margin-bottom: 8px; margin-right: 15px;}
/*add map style end*/