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{ margin: 0; padding: 0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",Helvetica,Arial; margin: 0 auto; color: #4e4e4e; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul,li { 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; }
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;}

select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
a { color: #313131; text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { color: #313131; text-decoration: none; }
a:active, a:hover { text-decoration: none; }


.pbanner { position: relative; overflow: hidden;color: #fff; margin-top: 104px;height: 100vh;}
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; position: fixed; z-index: 0; /*opacity: 0; visibility: hidden; -webkit-transition:all 4s linear;transition:all 4s linear;*/ z-index: -1;}
.pbanner .active .load-img{/* -webkit-transform:scale(1.05);transform:scale(1.05); opacity: 1; visibility: visible;-webkit-transition:opacity 0.2s linear,-webkit-transform 4s linear; transition:opacity 0.2s linear,transform 4s linear;*/}
.pbanner .load-yy{ background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pbanner-C{ position: absolute; left: 5%; top: 0; width: 90%; height: 100%; color: #fff; text-align: center;}
.pbanner-C .zh{ font-size: 48px; font-weight: bolder; line-height: 1.4;}
.pbanner-C .en{ margin: 40px auto 50px; font-size: 20px; text-align: center; }
.pbanner-C .by{ margin: 40px auto 50px; width: 850px; font-size: 20px;}
.scroll-bot{ border: 1px solid #fff; width: 65px; height: 65px; display: block; border-radius: 50%; margin: 0px auto; cursor: pointer;}
.scroll-bot i{ background: url(../img/arrow.png) no-repeat; width: 30px; height: 16px; margin: 25px auto 0; display: block; -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;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}
.pageC a:link, .pageC a:visited { color: #444444; }
.pageC a:active, .pageC a:hover { color: #deb685;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; font-size: 14px; line-height: 2;}
/*public style end*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:hand}
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block; zoom: 1; }
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.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}
.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: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXL50 { transform: translateX(-600px); -webkit-transform: translateX(-600px); opacity: 1; visibility: hidden; transition: transform 100ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT50 { transform: translateX(600px); -webkit-transform: translateX(600px); opacity: 1; visibility: hidden; transition: transform 100ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50,.action.transYT502,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transXL50 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }

.tlbg:after,.trbg:after,.ttbg:after,.tbbg:after{background-color: #fff; content: ""; width: 100%; height: 100%; position: absolute;top: 0px; left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;   z-index: 1;}
.tlbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.trbg:after{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.ttbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tlbg:after,.action.trbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.action.ttbg:after,.action.tbbg:after{transform: scaleY(0); -webkit-transform: scaleY(0);}
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/w0.png) no-repeat;}

.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 104px auto 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
@media screen and (max-width:1024px){
  .banner {   
    margin: 70px auto 0px auto;
  }
}
.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 .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s 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: 12px; height: 12px; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 10px; height: 10px; margin: 0px auto; border: 2px solid rgba(0,0,0,0); background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border-color: #fff; background:none transparent; }
.mb5{ margin-bottom: 5px;}
.iboxT{ margin-bottom: 40px;}
.iboxT .zh{ font-size: 26px; line-height: 1.4;}
.iboxT .en{ font-size: 40px; line-height: 1.4; font-family: "Bell MT";}
.ibox-life a:link, .ibox-life a:visited { color: #2c2422; }
.ibox-life a:active, .ibox-life a:hover { color: #deb685; }
.ibox-life{ padding: 128px 0px 90px; height: 600px; text-align: center; color: #2c2422;}
.ibox-life-list{ padding-top: 90px;}
.ibox-life-list li{ float: left; display: block; width: 14.2%; text-align: center; padding: 28px 0px; position: relative;}
.ibox-life-list .sj { -moz-transform: translateY(-50%) translateX(-50%)rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%)rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%)rotate(45deg); transform: translateY(-50%) translateX(-50%)rotate(45deg); position: absolute; top: 50%; left: 50%; display: block;}
.ibox-life-list .sj:before { position: relative; content: ''; display: block; margin-top: 100%;}
.ibox-life-list .sj:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.ibox-life-list li:hover .sj {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.ibox-life-list li:hover .sj:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-out-pseudo {
  0% {background: rgba(172, 128, 79, 0.6);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo {
  0% { background: rgba(172, 128, 79, 0.6);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
  0% {background: rgba(172, 128, 79, 0.6);}100% { background: transparent;}
}
@keyframes anim-out-pseudo {
  0% { background: rgba(172, 128, 79, 0.6);}100% {background: transparent;}
}
.ibox-life-list .ico{ width: 48px; height: 48px; display: block; position: relative; margin: 0px auto 5px;}
.ibox-life-list .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.ibox-life-list .ico i.i2{ display: none;}
.ibox-life-list .bg{ background:url(../images/fk_ico.png) no-repeat scroll center center; width: 153px; height: 153px; display: block;  position: absolute; left: 50%; top: 50%; margin: -76px 0px 0px -76px; opacity: 0; visibility: hidden\9; transform: scale(0.5) ; -webkit-transform: scale(0.5); -webkit-transition:all .8s 0s; transition:all .8s 0s; }
.ibox-life-list .txt{ position: relative; -webkit-transition:color .3s; transition:color .3s;}

.verticaltop{ position: relative; top: -60px;}
.ibox-life-list1{ padding-top: 0; position: absolute; left: 50%; margin-left: -550px; bottom: 40px;}
.ibox-life-list1 .ico i.i1{ display: none;}
.ibox-life-list1 .ico i.i2{ display: block;}
@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); }
}
.black-60{ background: url(../img/black_60.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; width: 100%; height: 100%;}
.iproduct-list a:link, .iproduct-list a:visited { color: #4E4E4E; }
.iproduct-list a:active, .iproduct-list a:hover { color: #fff; }
.iproduct-list{margin-left: -0.2%;}
.iproduct-list li{ float: left; display: block; width: 49.7%; margin-left: 0.3%; position: relative;}
.iproduct-list .img{ position:relative; width: 100%; padding-bottom:75.3%;}
.iproduct-list .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.iproduct-list .img .img1{ opacity: 1; transition: opacity 0.1s ease-in 0s; -webkit-transition: opacity 0.1s ease-in 0s;}
.iproduct-list .img .img2{ opacity: 0; visibility: hidden; -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.iproduct-list .black-60{ opacity: 0; visibility: visible; -webkit-transition:opacity .3s; transition:opacity .3s;}
.iproduct-list .cbox{ position: absolute; left:5%; top: 10%; text-align: center; width: 90%; color: #fff; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.iproduct-list .twoc .cbox{ color: /*#4e4e4e*/#fff;}
.iproduct-list .type{ font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
.iproduct-list h3{ font-size: 38px; font-weight: normal; line-height: 1.5; }
.btn-more{  margin: 0px auto; width: 360px; height: 65px; line-height: 65px; font-size: 20px; text-align: center; display: block; background-color: #0d3aa3; position: relative; overflow: hidden;}
.btn-more .txt{ color: #fff;}
.btn-more .txt b{ font-size: 26px; }
@media screen and (max-width:1024px){
  .btn-more{width: 100%; font-size: 20px;}
  .btn-more .txt b{ font-size: 18px; }
}
.btn-more .bg { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%)  rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); position: absolute; top: 50%; left: 50%; display: block;}
.btn-more .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.btn-more .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.btn-more:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.btn-more:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}
@-webkit-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-webkit-keyframes anim-out {
  0% { width: 0%;}100% {width: 100%; }
}
@-moz-keyframes anim-out {
  0% { width: 0%; } 100% {width: 100%;}
}
@-ms-keyframes anim-out {
  0% {width: 0%;}100% {width: 100%;}
}
@keyframes anim-out {
  0% {width: 0%; } 100% {width: 100%;}
}
.ibox-customized a:link, .ibox-customized a:visited { color: #4E4E4E; }
.ibox-customized a:active, .ibox-customized a:hover { color: #c3a075; }
.ibox-customized{ padding: 140px 0px 90px; color: #fff; text-align: center; }
.ibox-customized .pageC{ font-size: 20px; margin-bottom: 60px;}
.icustomized-list{ margin-top: 90px;}
.icustomized-list li{ float: left; display: block; width: 16.66%; border-bottom: 1px solid #dadada; padding-bottom: 8px; position: relative;}
.icustomized-list li:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #deb685;transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.icustomized-list .ico{ width: 30px; height: 30px; display: block; margin: 0px auto 8px; position: relative;}
.icustomized-list .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute;left: 0; top: 0;}
.icustomized-list .ico .i2{ display: none;}
.icustomized-list .txt{ position: relative; text-align: center; font-size: 16px;}
.icustomized-list .txt span{ display: block;}
/*.icustomized-list .txt .en{ font-family: "Bell MT";}
.icustomized-list .txt .zh{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}*/
.icustomized-list li:hover{ color: #deb685;}
.icustomized-list li:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.icustomized-list li:hover .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
.icustomized-list li:hover .ico .i1{ display: none;}
.icustomized-list li:hover .ico .i2{ display: block;}
/*.icustomized-list li:hover .txt .en{ visibility: hidden; opacity: 0;  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.icustomized-list li:hover .txt .zh{ display: block;}*/
.linkA{ background: url(../img/w0.png) no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.black-50{ background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0;}
.ibox-case{ overflow: hidden;}
.ibox-case a:link, .ibox-case a:visited { color: #fff; }
.ibox-case a:active, .ibox-case a:hover { color: #fff; }
.icase-list{ margin-left: -0.2%;}
.icase-list dd{ float: left; display: block; width: 24.8%; margin-left: 0.2%; background-color: #DDDDDD; position: relative; padding-bottom: 28.1%; color: #fff;}
.icase-list .black-50{-webkit-transition: .3s; transition: .3s;}
.icase-list .img{ position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; display: block;}
.icase-list .img img{ width: 100%; display: block; -webkit-transition: 1s linear;transition: 1s linear;}
.icase-list .cbox{ position: absolute; left: 5%; width: 90%; top: 50%; margin-top: -35px; text-align: center; line-height: 1.5;}
.icase-list .cbox .en{ font-size: 24px; font-family: "Bell MT";}
.icase-list .cbox .zh{ font-size: 32px;}
.icase-list dd:hover .img img{ -webkit-transform:scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg);-webkit-transition: 2s linear;transition: 2s linear;}
.icase-list dd:hover .black-50{ background: none rgba(0,0,0,0.3);}
@-webkit-keyframes pa_imgwrap{0%{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes pa_imgwrap{0%{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes pa_imgwrap_img{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes pa_imgwrap_img{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.icase-list dd{ visibility: hidden;}
.icase-list dd.action{ visibility: visible;}
/*.icase-list .action{-webkit-animation: pa_imgwrap 1.2s 1 ease;animation: pa_imgwrap 1.2s 1 ease; visibility: visible;}
.icase-list .action .img img{-webkit-animation: pa_imgwrap_img 1.2s 1 ease;animation: pa_imgwrap_img 1.2s 1 ease;}*/
/*index style end*/
/*product style*/
.container-content{ position: relative; background-color: #fff; }

.pagePadding{ padding: 100px 0px; position: relative;}
.pagePadding2{ padding-top: 100px;}
.pro-type{ padding: 25px 0px;}
.pro-typebox a:link, .pro-typebox a:visited { color: #6d6a6a; }
.pro-typebox a:active, .pro-typebox a:hover { color: #123aa1; }
.pro-typebox{ position: relative; line-height: 1.5;}
.pro-typebox dt{ position: absolute; left: 0; width: 100px; top: 0; font-size: 16px;} 
.pro-typebox dd{ text-align: right; color: #2d2d2d;}
.pro-typebox dd a{ margin:0 0px 8px 20px; padding-right: 20px; display: inline-block;border-right: 1px solid #dfdfdf;}
.pro-type .pro-nav .active{color:#123aa1;}
@media screen and (max-width:1024px){
  .pro-typebox dt{ position: relative; margin-bottom: 10px;}
}
.product-list{ margin-left: -1%;}
.product-list li{ float: left; display: block; width: 24%; margin:0 0 1% 1%; position: relative;}
.product-list a{ display: block;}
.product-list figure{ position: relative; padding-bottom:117%; overflow: hidden;}
.product-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block; transition: 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.product-list .con{ position: absolute; left: 5%; width: 90%; text-align: center; color: #fff; top: 50%; margin-top: -32px; line-height: 1.5; transition: 0.6s cubic-bezier(.075,.82,.165,1); -webkit-transition: 0.6s cubic-bezier(.075,.82,.165,1); opacity: 0; visibility: hidden; -webkit-transform: translateY(20px);transform: translateY(20px);}
.product-list .bot{ width: 98px; height: 1px; margin: 10px auto; background-color: #fff; display: block;}
.product-list .black-50{ opacity: 0; visibility: hidden; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.product-list .pico{ background: url(../img/pro_ico1.png) no-repeat; width: 56px; height: 82px; position: absolute; right: 2%; top: 2%; color: #fff; text-align: center;}
.product-list .pico{ font-size: 14px;}
.product-list .pico b{ display: block; padding: 10px 0 0; line-height: 1.2; font-size: 16px; font-family: arial, helvetica, sans-serif;}
.product-list .newico{ background-image: url(../img/pro_ico2.png);}
.paging { padding: 80px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #666666; }
.paging a:active, .paging a:hover { color: #fff; background-color: #deb685; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; border: 1px solid #dddddd;}
.paging a.act{ background-color: #deb685; color: #fff; border-color: #deb685;}
/*product style end*/
/*productInfo style*/
.page-cur a:link, .page-cur a:visited { color: #fff; }
.page-cur a:active, .page-cur a:hover { color: #fff; }
.page-cur{ background-color: #ad8150; color: #fff; padding: 10px 0px; font-size: 12px;}

.pro-infoPage{ padding:60px 0px 20px; background:url(../img/infoPage.jpg) no-repeat center #0f3084;}
.pro-info-box img{ width: 100%; display: block;}
.pro-info-box .con{ padding: 80px 0px 50px;}
.pro-info-box .con ul li{ position: relative; padding:10px 10px;  border:1px solid #fff; font-size: 16px; line-height: 1.5; color: #fff; margin-bottom: 20px;}
.pro-info-box .con ul li p{ margin: 0px 0px;}

.proTC{ padding: 22px 0; border-bottom: 1px solid #e1e1e1; display: none;}
.btn-linsou{ width: 100px; position: relative; padding-left: 60px; height: 45px; font-size: 16px; display: block; color: #fff; background-color: #c3a075; line-height: 45px; margin-top: 35px;}
.btn-linsou .iconfont{ position: absolute; left: 20px; top: 0; font-size: 24px; line-height: 45px;}
.btn-linsou:hover{ background-color: #AD8150;}
.pro-type-list li{ display: block; background: url(../img/yd.png) no-repeat scroll 15px 8px; margin-bottom: 4px; line-height: 1.5;}
.pro-type-list li p{ padding: 0px 32px;}
.pro-type-list li.w100{ width: 100%;}
.pro-color-list .item{ width: 26px; height: 26px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; float: left; display: block; margin:0 0 5px 15px;}
.pro-info-bg{ padding-bottom: 32%;}
.pro-info-bg img.vm{ width: 100%; display: none;}
.pro-info-list a:link, .pro-info-list a:visited { color: #fff; }
.pro-info-list a:active, .pro-info-list a:hover { color: #fff; text-decoration: underline;}
.pro-info-list{ margin-left: -1%; color: #fff; font-family: "微软正黑体","Microsoft JhengHei";}
.pro-info-list li{ float: left; display: block; width: 49%; margin: 0 0 40px 1%; position: relative; overflow: hidden;}
.pro-info-list figure{ position: relative; overflow: hidden; padding-bottom: 53%;}
.pro-info-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.pro-info-list .txt{ background: url(../img/y_50.png) repeat; background: none rgba(173,129,80,0.5); position: absolute; left: 0; bottom: 0; width: 90%; padding: 10px 5%; transition: .35s; -webkit-transition: .35s;}
.pro-info-list article{ font-weight: bold; position: absolute; left: 0; top: 0; overflow: hidden; background: url(../img/y_90.png) repeat; background: none rgba(173,129,80,0.9); padding: 0px 8%; width: 84%; height: 100%; transition:  0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition:  0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; visibility: hidden\9; transform: translateY(100%); -webkit-transform: translateY(100%);}
.pro-info-list h3{ font-size: 18px; line-height: 1.5; padding: 50px 0px 20px;}
.proT{ background-color: #f6f6f6; text-align: center; padding: 15px 0px; color: #2c2422; font-size: 20px;}
/*productInfo style end*/
/*customized style*/
.page-nav2 li{ width: 50%;}
.page-nav3 li{ width: 33.33%;}
.page-nav4 li{ width: 25%;}
.page-nav5 li{ width: 20%;}
.page-nav6 li{ width: 16.66666666%;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #666666;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #fff;}  
.page-nav-btn li{ display: inline-block; *display: inline; *zoom: 1; float: left; text-align: center;}
.page-nav-btn a{  height: 70px; line-height: 70px; font-size: 20px; display: block; position: relative; z-index: 1; border-right: 0px solid #b2b2b2;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #123aa1; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:after,.page-nav-btn a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.page-nav-btn a.active{ color: #fff; border-right-color: #123aa1;}

.white{ color: #fff; }
.blue{color:#123aa1;}
.pageT{ margin-bottom: 45px; }
.pageT .zh{ font-size: 36px; line-height: 1.5; margin-bottom: 20px;}
.pageT .en{ font-size: 26px; line-height: 1.5; font-family: "Bell MT";}

.customized-type{ margin:90px 0 0 -1%;}
.customized-type li{ padding: 66px 0px; position: relative; float: left; display: block; width: 19%; margin-left: 1%; overflow: hidden;}
.customized-type .img{ position: absolute; left: 50%; top: 50%; width: 192px; height: 312px; margin: -156px 0 0 -96px; opacity: 0; visibility: hidden\9; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-type .box{ border: 1px solid #d1d1d1; height: 180px; position: relative; transition: border-color 0.3s; -webkit-transition: border-color 0.3s;}
.customized-type .ico{ width: 30px; height: 30px; display: block; margin: 60px auto 8px; position: relative; -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-type .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute;left: 0; top: 0;}
.customized-type .ico .i2{ display: none;}
.customized-type .bot{ width: 22px; height: 1px; display: block; margin: 20px auto; background-color: #fff;}
.customized-type .c{ width: 76%; margin: 0px auto; text-align: center; font-size: 12px; opacity: 0; visibility:hidden\9; transform:translateY(20px); -webkit-transform:translateY(20px); -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-img{ background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 160px 0px;}
.customized-imgbox a:link, .customized-imgbox a:visited { color: #fff;}
.customized-imgbox a:active,.customized-imgbox a:hover { color: #fff;}  
.customized-imgbox{ background: url(../img/y_90.png) repeat;  background: none rgba(173,129,80,0.9); width: 600px; padding: 40px 80px 25px; margin: 0px auto; color: #fff;}
.cus-fh{ font-size: 72px; font-family: "Bell MT"; line-height: 0.5;}
.cus-fh2{ padding-top: 20px; text-align: right;}
.customized-list dd{ float: left; display: block; position: relative; margin-bottom: 75px;}
.customized-list figure{ position: relative; overflow: hidden;}
.customized-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.customized-list .con{ padding: 25px; position: absolute; right: -25%; bottom: -5%; background-color: #fff; width: 70%; font-size: 12px; color: #636363; z-index: 10;}
.customized-list h4{ font-size: 16px; line-height: 1.5; margin-bottom: 15px; color: #0f0f0f;}
.customized-list .item1,.customized-list .item3{ width: 51%;}
.customized-list .item1 figure,.customized-list .item3 figure{ padding-bottom: 59%;}
.customized-list .item2{ float: right; width: 31%;}
.customized-list .item2 figure{ padding-bottom: 130%;}
.customized-list .item2 .con{ right: 0; }
.customized-list .item3{ margin-left: 15%;}
.reveal,.reveal img{ -webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 1.5s cubic-bezier(.35,0,0,1);transition:transform 1.5s cubic-bezier(.35,0,0,1);will-change:transform}
.reveal{overflow:hidden; -webkit-transform:translateY(100%); -ms-transform:translateY(100%);transform:translateY(100%); }
.action.reveal,.action.reveal img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 
/*customized style end*/
/*cube style*/
.cubePageT{ position: relative; z-index: 4; margin-bottom: 0;}
.cube-page1,.cube-page2{ margin-bottom: 70px;}
.cube-page1 .img{ float:right; display: block; width: 43%; position: relative; margin-right: 9%;}
.cube-page1 .img img{ position: relative; z-index: 1; width: 100%; display: block;}
.cube-page1 .bg1{ position: absolute; left: -50%; top: 5%; width: 70%; height: 60%; background-color: #f6f6f6;}
.cube-page1 .bg2{ background-color: #f6f6f6; position: absolute; right: -21%; top: 40%; height: 35%; width: 50%;}
.cube-page1 .con{ position: relative; width: 37%; float: left; margin-top: 20%;}
.cube-page2 .img{ float: left; display: block; width: 43%; position: relative; margin-top: -5%;}
.cube-page2 .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.cube-page2 .bg1{ background-color: #f6f6f6; position: absolute; right: -30%; top: 70%; height:90%; width: 70%;}
.cube-page2 .con{ margin:28% 0 0 8%; width: 40%; float: left; display: block; position: relative;}
.cube-page-demo{ padding-bottom: 100px;}
.bgf0{ background-color: #f6f6f6;}
.cube-demo{ position: relative;}
.cube-demo .bgf0{ position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.cube-img-demo{  position: relative;}
.cube-img-demo .img{ width: 50%; padding-bottom: 63%; position: relative; margin-left: 50%; display: block; overflow: hidden;}
.cube-img-demo .img img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.cube-img-demo .con{ width: 38%; position: absolute; left: 0; top: 0; height: 100%;}
.cube-img-demo .con h4{ font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #282828;}
.cube-arrow{ position: absolute; top: 50%; margin-top: -30px; width: 58px; height: 58px; line-height: 58px; border: 1px solid #a48e75; z-index: 400; color: #fff; text-align: center; color: #000000;}
.cube-left{ left: 2%; background-color: #f6f6f6;}
.cube-right{ right: -114px; background-color: #fff;}
.cube-arrow:hover{ background-color: #a48e75; color: #fff;}
.bgdeb685{ background-color: #deb685;}
.cube-form a:link, .cube-form a:visited { color: #2c2422;}
.cube-form a:active,.cube-form a:hover { color: #fff;}  
.cube-form{ color: #2c2422;}
.cube-form .title{ font-size: 30px; margin-bottom: 30px; line-height: 1.5;}
.cube-form-box{ margin-bottom: 25px; padding-right: 148px; position: relative;}
.cube-form-box li{ float: left; width: 31.33%; margin-right: 2%;}
.cube-form-box .ctxt{ display: block; background-color: #fff; border:1px solid #fff; padding: 18.5px 5%; line-height: 1.8; font-size: 12px; font-family: "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; width: 90%; color: #2c2422;}
.cube-form-box .cbtn{ background-color: #2d2523; position: absolute; right: 0; top: 0; width: 148px; height: 60px; line-height: 60px; display: block; color: #fff; text-align: center; border: 0px none; cursor: pointer;}
.cube-form-box .cbtn:hover{ background-color: #444444;}
.cube-form-box input[type="text"]:focus, .cube-form-box textarea:focus { border-color: #444;}
.cube-form .ts{ font-size: 12px; font-style: italic;}
/*cube style end*/
/*solution style*/
.solution-list li{ position: relative; overflow: hidden; border: 1px solid #dad9d9; margin-top: 25px; cursor: pointer;}
.solution-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.solution-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.solution-list .img .black-20{ background: url(../img/black_20.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.solution-list .con{ color: #666666; width: 40%; height: 100%; position: absolute;  top: 0%;}
.solution-list .con .time{ color: #deb685; font-size: 16px; font-family: "Bell MT"; font-style: italic; margin-bottom: 22px;}
.solution-list .con h4{ font-size: 14px; max-height: 42px; overflow: hidden; color: #3d3d3d; line-height: 1.5; margin-bottom: 15px;}
.solution-list .con .c{ color: #878787; font-size: 12px; height: 84px; overflow: hidden; margin-bottom: 75px;}
.solution-list .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.btn-more2{ width:52px; height: 52px; line-height: 52px; border: 1px solid #b6b6b6; display: block; position: relative; z-index: 1; cursor: pointer;}
.btn-more2:before{ content:""; width:100%; height:100%; background-color:#deb685; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-more2 .txt{ position: absolute; left:50%; color: #242424; font-family: "Bell MT"; font-style: italic; width: 200%;}
.btn-more2:hover:before,.solution-list li:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.btn-more2:hover,.solution-list li:hover .btn-more2{ border-color: #deb685;}
.solution-list .oneItem .con{ left: 55%;}
.solution-list .twoItem .img{ margin-left: 50%;}
.solution-list .twoItem .con{ left: 5%;}
.solution-list li:hover h4{ color: #deb685;}
.solution-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
.solution-list li:hover .black-20{ opacity: 1; visibility: visible;}
/*solution style end*/
/*service style*/
.f20{ font-size: 20px; line-height: 1.5; margin-bottom: 20px; color: #444;}
.serviceList dd{ padding: 86px 0px; border-top: 1px solid #d7d7d7;}
.serviceList .img{ float: left; display: block; width: 55%;}
.serviceList .img img{ width: 100%; display: block;}
.serviceList .con{ float: right; display: block; width: 32%; padding-top: 16px;}
.serviceList .oneItem .img{ float: right;}
.serviceList .oneItem .con{ float: left;}

.problem-list li{ border-bottom: 1px solid #d8d8d8;overflow: hidden; padding: 10px; font-size: 16px; background: url(../img/nav_dian2.png) no-repeat left center;}
.problem-list .qbox-ico{ float: right; font-size: 14px; background: #0f3aa3; color: #fff; padding:3px 20px;}

.contact{background: #0d3aa3; overflow: hidden;}
.contact .contactCon{color: #fff; font-size: 18px; font-weight: normal; margin-top:25px;}
.contact .contactCon dl{font-size: 18px;  margin-top: 15px; overflow: hidden;}
.contact .contactCon dl dt{font-weight: normal; padding-left: 35px; padding-right: 0;}
.contact .contactCon .add{ background: url(../img/add.png) no-repeat left center;}
.contact .contactCon .tel{ background: url(../img/tel.png) no-repeat left center;}
.contact .contactCon .fax{ background: url(../img/fax.png) no-repeat left center;}
.contact .contactCon .email{ background: url(../img/mail.png) no-repeat left center;}
.contact .contactCon .postcode{ background: url(../img/post.png) no-repeat left center;}
.contact .contactCon p{ margin-top: 15px; }
.contact .imgs{padding-right: 0px; height: 480px;}

/*service style*/
.service ul li{ overflow: hidden; line-height:2;}
.service ul li p{margin-bottom: 0px;}
.service ul li:before{content: "◆";font-size: 16px; color: #0f3aa3; margin-right: 10px;display: inline-block;
    float: left;margin-top: -2px;}
.service em{ margin-top: 10px; margin-bottom: 10px; font-style: normal; font-size: 14px; background: #0f3aa3; color: #fff; padding:3px 20px;}

.gbook .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 30px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px; 
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); 
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075); 
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.gbook .btn-info {    
    font-size: 20px;
    padding: 10px 55px;
    border-radius: 0px;
    background-color: #0f3aa3;
    border-color: #0f3aa3;   
}
/*service2 style end*/
.downloadList a:link, .downloadList a:visited { color: #636363;}
.downloadList a:active,.downloadList a:hover { color: #636363;} 
.downloadList dd{ margin-bottom: 6px; border: 1px solid #f5f5f5; position: relative; background-color: #fff;}
.downloadList .t{ display: block; padding: 30px 122px 30px 74px; background-color: #fff; font-size: 16px; line-height: 1.5; background: url(../img/pdf.png) no-repeat scroll 30px 28px;}
.downloadList .downBtn{ width: 90px; height: 100%; position: absolute; right: 0; top: 0; background-color: #c3c3c3; display: block; text-align: center; font-size: 12px;}
.downloadList .pdf{ background: url(../img/pdf.png) no-repeat; width: 26px; height: 26px; display: block; margin: 22px auto 5px;}
.downloadList .t:hover{ background-color: #f3dac2;}
.downloadList .downBtn:hover .pdf{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.pageT2{ margin-bottom: 40px;}
.service-type{ padding: 110px 0px; background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.4);}
.service-type-list li{ float: left; display: block; width: 33.33%;}
.service-titem{ width: 196px; height: 196px; border: 2px solid #fff; border-radius: 50%; display: block; margin: 0px auto; text-align: center; color: #fff; font-size: 16px; position: relative;transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1;}
.service-titem i{ width: 66px; height: 66px; display: block; margin: 48px auto 12px;}
.service-titem .bot{ background: url(../img/line.png) no-repeat scroll center top; width: 5px; height: 0px; position: absolute; left: 50%; margin-left: -2px; top: 107%;  -webkit-transition: 0.3s linear; transition: 0.3s linear;}
.service-titem:before{ content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #d6aa76; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; }
.service-titem:hover{ transform: translateY(-25px); -webkit-transform: translateY(-25px);border-color: #d6aa76;}
.service-titem:hover .bot{ height: 55px;}
.service-titem:hover:before{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.02); transform: scale(1.02);}
.btn360{ color: #DEB685; background: url(../img/360.png) no-repeat scroll left center; padding:15px 0px 15px 70px;}
.box360 .pageC{ margin-bottom: 70px;}
.box360 .img{ float: right; display: block; width: 48%; position: relative;}
.box360 .img .bgf0{ position: absolute; right: -5%; top: -5%; width: 88%; height: 80%;}
.box360 .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.box360 .con{ float: left; display: block; width: 34%; margin-top: 5%;}
/*service2 style end*/
/*dotQuery style*/
.map-box,.query-r{ float: left; display: block; height: 530px;}
.map-box{ width: 62%;}
.query-r{ width: 38%; position: relative; z-index: 1;}
.query-r:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #cecece; display: block; z-index: -1;}
.act-add{ background-color: #c3a075; padding: 0px 40px; height: 70px; line-height: 70px; overflow: hidden; color: #fff; font-size: 16px;}
.query-t{ padding:32px 10px 32px 40px; line-height: 40px;}
.c-selicts{ float: left;  box-sizing: border-box; width: 32%; height: 40px; color: #444; font-size: 12px; border: 1px solid #cecece; background: url(../img/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  margin-left: 10px; padding: 0px 10px;} 
.BMap_bubble_content{ font-size: 14px; color: #a1a1a1;}
.BMap_bubble_content .title{ color: #444;}
.dealer-list{ position: relative; margin: 0px auto; height: 302px; overflow: hidden;}
.dealer-list .mCSB_scrollTools{ right: 6px;}
.dealer-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 0; width: 5px; background-color: #ccc;}
.dealer-list .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; border-radius: 0; background-color: #ececec;}
.map-item{ border-bottom: 1px solid #d6d6d6; padding: 20px 0; margin: 0px 15px; cursor: pointer;}
.map-item .t{ color: #c3a075;}
.map-item .c{ font-size: 16px; line-height: 1.5; padding: 5px 0 15px;}
.map-item .btn a{ display: inline-block; float: left; margin-right: 8px; height: 32px; line-height: 32px; width: 106px; text-align: center; background-color: #c3a075; color: #fff; border-radius: 5px;}
.map-item .btn a:hover{ background-color: #A48E75;}
.shopbanner a:link, .shopbanner a:visited { color: #fff; }
.shopbanner a:active, .shopbanner a:hover { color: #fff; }
.shopbanner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.shopbanner.slick-initialized {visibility: visible;opacity: 1;    }
.shopbanner .item { position: relative; width: 100%; overflow: hidden;}
.shopbanner .item img{ width: 100%; display: block;}
.shopbanner .slick-dots { bottom: 3%; z-index: 104;}
.shopbanner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 12px; height: 12px; margin: 0px; cursor: pointer;}
.shopbanner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin: 0px auto; border: 2px solid rgba(0,0,0,0); background: none #fff; }
.shopbanner .slick-dots li a:focus { outline: none; }
.shopbanner .slick-dots li.slick-active a { border-color: #fff; background:none transparent; }
.buy-type{background-color: #f6f6f6; position: relative;}
.buy-type-list .item{ float: left; display: block; width: 50%; padding: 15px 0;}
.buy-type-list .line{ width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; top: 0; background-color: #cdcdcd;}
.bgf6{ background-color: #f6f6f6;}
.pageT3{ text-align: center; color: #6e6e6e; margin-bottom: 55px;}
.pageT3 .zh{ font-size: 35px; line-height: 1.5; margin-bottom: 5px;}
.pageT3 .en{ font-size: 16px; line-height: 1.5;}
.buy-list li{ float: left; display: block; width: 24.5%; margin:0 0 0.5% 0.5%; position: relative;} 
.buy-list li.oneItem{ width: 50%; margin-left: 0;}
.buy-list figure{ position: relative; padding-bottom: 78%; overflow: hidden;}
.buy-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.buy-list .black-50{ opacity: 0; visibility: hidden\9; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.buy-list .oneItem figure{ padding-bottom: 77.5%;}
.buy-list .con{ position: absolute; left: 5%; top: 0; width: 90%; height: 100%; display: block; text-align: center; color: #fff; opacity: 0; visibility: hidden\9; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.buy-list .bot{ width: 98px; height: 1px; margin: 8px auto; background-color: #fff; display: block;}
.buy-list .btn-item{ width: 90%; margin: 0px auto;}
.buy-list .buybtn{ height: 36px; line-height: 36px; width: 49%; background-color: #fff; float: left; margin-top: 7%; color: #777777;}
.buy-list .buybtn.r{ float: right;}
.buy-list .buybtn:hover{ background-color: #cc0000; color: #fff;}
.buy-list .oneItem .btn-item{ width: 262px; }
.buy-list .oneItem .buybtn{ margin-top: 10%; height: 40px; line-height: 40px;}
.buy-list li:hover .black-50,.buy-list li:hover .con{ opacity: 1; visibility: visible\9;}
/*dotQuery style end*/
/*join style*/
.pageTc{ margin-bottom: 0px;}
#joinPage1{ margin: 0px auto;}
.advantages-nav{ background: url(../img/bot1.jpg) repeat-x scroll left center;}
.advantages-nav .item{ padding-bottom: 20px;}
.advantages-nav .y{ position: absolute; right: 0; top: 50%; width: 14px; height: 14px; border: 2px solid #fff; background-color: #f0f0f0; border-radius: 50%; margin-right: -7px; margin-top: -10px;}
.advantages-nav .box{ width: 114px; height: 114px; text-align: center; line-height: 114px; margin: 0px auto; background-color: #f0f0f0; border-radius: 50%; -webkit-transition:all .3s; transition:all .3s; font-size: 16px; color: #444; position: relative; cursor: pointer;}
.advantages-nav .box i{ position: absolute; left: 50%; margin-left: -16px; bottom: -20px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #f0f0f0; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
.advantages-nav .slick-current .box{ background-color: #deb685; color: #fff; }
.advantages-nav .slick-current .box i { opacity: 1; visibility: visible; }
.advantages-nav .slick-arrow { position: absolute; top:50%; background-color: #deb685; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; z-index: 106; margin-top: -11px; text-align: center;}
.advantages-nav .slick-prev{ left: 0px;}
.advantages-nav .slick-next{ right: 0px;}
.advantages-nav .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: #fff;}
.advantages-nav .slick-prev i:before{ content: "\e60d";}
.advantages-nav .slick-next i:before{ content: "\e60e";}
.advantages-nav .slick-arrow:hover{ background-color: #444;}
.advantages-for .item{ background-color: #f0f0f0; padding: 50px 45px; font-size: 12px;}
.advantages-list li{ float: left; display: inline-block; width: 16.66%; margin-bottom: 20px;}
.advantages-list .name{ width: 90%; text-align: center; line-height: 78px; margin: 0px auto; background-color: #f6f6f6; border-top-left-radius:30px; border-bottom-right-radius:30px; -webkit-transition:all .3s; transition:all .3s; font-size: 22px; color: #313131; position: relative;}
.advantages-list .name:hover{ background-color: #123aa1; color: #fff;}
#joinPage2{ background-color: #2b2321; color: #fff;}
#joinPage2 .inner,#joinPage4 .inner{ position: relative;}
.joining-c{ width: 50%; margin-left: 2%; float: left; display: block;}
.joining-img{ float: right;  width: 45%; }
.joining-img img{ width: 100%; display: block;}
.pageline{ position: absolute; left: 0; top: 0; width: 8px; height: 126px; background-color: #123aa1;}
.process-list{ margin-left: -1%;}
.process-list li{ float: left; display: block; width: 24%; margin:0 0 22px 1%;}
.process-list .item{ border: 1px solid #a1a1a1; font-size: 20px; padding: 0px 15px;  height: 56px; line-height: 56px; overflow: hidden; transition: 0.3s ; -webkit-transition: 0.3s; cursor: pointer;}
.process-list .num{ font-size: 30px; line-height: 1.5; color: #313131; font-family: "Bell MT"; margin-right: 8px;}
.process-list li:hover .item{ background-color: #123aa1; border-color: #123aa1; color: #fff;}
.process-list li:hover .num{ color: #fff;}
.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; right:0px; bottom:0; z-index:10003; opacity:0; background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.5); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { background-color: #deb685; width: 46px;height: 46px; line-height: 46px; position: absolute; right: -65px;top: -5px; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 46px; text-align: center; color: #fff; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover { background-color: #444444;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.processPage { width:670px; padding: 40px 54px 60px; border-top: 5px solid #deb685;}
.processPage .title{ font-size: 24px; line-height: 1.2; padding-bottom: 25px; border-bottom: 1px solid #deb685; color: #323232;}
.processPage .pageC{ color: #666666; padding-top: 60px;}
.process-box-txt{ padding-bottom:35px; color:#222;}
#joinPage5 { background-image: url(../img/jiabg.jpg); background-size: cover; }
.onlie-join{ background: url(../img/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 130px 0px;}
.onlie-join-btn{width: 260px; margin: 0px auto; display: block; text-align: center; color: #444; font-size: 16px; padding-top: 26px;}
.onlie-join-btn .ico{ width: 110px; height: 94px;background-image: url(../img/jm_ico.png); background-size: 100% auto; background-repeat: no-repeat; display: block; margin:0px auto 5px;}
.onlie-join-btn p:hover{ background: none #123aa1; color: #fff;}
.onlie-join-btn p{ background: #fff; font-size: 28px;  padding:0px 20px; border-radius: 10px;}
.cdeb685{ color: #deb685;}
.ijoinpage .title,.idownpage .title{ margin-bottom: 30px;}
.jointab{ width: 100%; border: 0 none;}
.jointab td{ padding-bottom: 25px;}
.jointab .name{ width: 76px;}
.jointab .jtxt{ border: 1px solid #cfcfcf; display: block; padding: 10px 5%; width: 90%;}
.jointab .jtxt2{ width: 80%;}
.jointab .jtxt3{ width: 30%;}
.jointab .item{ float: left; display: inline-block; width: 32%; margin-right: 2%;}
.jointab .itemmr{ margin-right: 0;}
.j-selicts{ box-sizing: border-box; width: 100%; height: 40px; color: #444; font-size: 12px; border: 1px solid #cfcfcf; background: url(../img/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none; padding: 0px 10px;} 
.jointab .sbtn{ width: 156px; height: 46px; line-height: 46px; background-color: #deb685; font-size: 16px; font-weight: bold; color: #fff; border: 0px none; cursor: pointer;}
.jointab .sbtn:hover{ background-color: #B1834A;}
.idownpage{ width: 500px;}
.yppage .j-selicts2{ width: 300px;}
.yppage .jtxt{ box-sizing: border-box; padding: 10px 15px;}
.yppage .jtxt3{ width: 300px;}
.yppage .item{ width: 96px; margin-right: 6px;}
.yppage .jtxt4{ height: 110px;resize: none; width: 100%;}
/*join style end*/
/*about style*/
.btn-video{ border: 2px solid #fff; width: 126px; height: 34px; line-height: 34px; display: block; position: absolute; right: 0%; bottom: 5%; text-align: center;}
.btn-video span{ padding-right: 38px; position: relative; z-index: 2;}
.btn-video i{ border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: block; border-left: 6px solid #fff; position: absolute; right: 0%; top: 50%; margin-top: -4px;}
.btn-video:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #deb685;transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-video:hover{border-color: #deb685;}
.btn-video:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.load-img2{ visibility: hidden;}
.banner-video{ width: 100%; height: 100%; }
#aboutPage .con p{margin-bottom: 20px;}
#aboutPage .img{ float: right; display: block; width: 44.5%; position: relative;}
#aboutPage .img .bgf0{ width: 70%; height: 70%; top: -5%; right: -5%; position: absolute;}
#aboutPage .img img{ width: 100%; display: block; position: relative; z-index: 1;}

.online{ background-image: url(../img/online.jpg); font-size:18px; color: #fff;}
.online span{
    display: block;
    font-size: 32px;
    font-weight: bolder;
}
.online .btn-link{  margin: 0px; width: 120px; height: 40px; line-height: 40px; text-align: center; display: block; background-color: #fff; position: relative; overflow: hidden;}
.online .btn-link .txt{ color: #0d338b; font-size: 14px;}
.online .btn-link .bg { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%)  rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); position: absolute; top: 50%; left: 50%; display: block;}
.online .btn-link .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.online .btn-link .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.online .btn-link:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.online .btn-link:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}

/*关于我们概况下图*/
.factoryCon{position: relative;}
.factoryCon h5{
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 16px;
  line-height: 60px;
  color: #fff;
  width: 100%;
  padding-left: 25px;
  background: rgba(0,0,0,0.6);
}
.swiper-container-horizontal>.swiper-pagination-bullets{
  right: 2%;
  left: auto;
  width: auto;
}
.factoryCon .swiper-pagination-bullet {      
    background: #fff;
    opacity: 1;
}
.factoryCon .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
/*荣誉*/
.honorlist dd{ margin-bottom: 20px; }
/*质量控制*/
.equipment{
    position: relative;
}
.equipment .gallery-thumbs { 
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;     
      box-sizing: border-box;
      padding: 40px 0;
      background: rgba(0,0,0,0.6);
    }
.equipment .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.8;
      color: #fff;
      font-size: 20px;
      text-align: center;
      cursor: pointer;
      border-right: 2px solid #dcdcdc;
    }
.equipment .gallery-thumbs .swiper-slide:last-child{
    border-right: 0px solid #dcdcdc;
}    
.equipment .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
}

@media (max-width: 1020px) {
  .equipment .gallery-thumbs { 
    padding: 15px 0;    
  }
  .equipment .gallery-thumbs .swiper-slide {    
    font-size: 14px;    
  }
}
.gallery-top img{max-width: 100%;}
/*品质把控*/
.quality{
    background: url(../img/quality.jpg) no-repeat;
    margin-top: 30px;    
}
.process{
    background: rgba(18, 58, 161, 0.71);
}
.process h4{
    font-size: 36px;
    font-weight: bold;
}
.process .processInfo{
    margin-top: 10px;
    margin-bottom: 20px;
}
.qualityImg{
    height: 600px;
}
.qualityImg img{max-width: 100%;}
.qualityImg li {    
    position: absolute;
    text-align: right;
    width: 95%;    
    top: 20%;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.4);
    z-index: -1;
    transition: all linear 0.2s;        
}
.qualityImg .on {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1;
}
.qualityCon li{cursor: pointer;}
.qualityR{position: relative; overflow: hidden; padding-bottom: 40px;}
.qualityR .swiper-pagination{    
    left: auto;
    right: auto;
    width: auto;
    bottom: 0px;
}
.qualityR .swiper-pagination-bullet{
  margin-right: 10px;
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: .9;
}
.qualityR .swiper-pagination-bullet-active {
    opacity: 1;
    background: #123aa1;
}
#corePage{ background-color: #010202;}
#corePage .pageT{ color: #fff;}
#corePage .pageT .en{ opacity: 0.5; filter:alpha(Opacity=50);}
.advantage-demo{ width: 1220px; margin: 0px auto; padding-bottom: 86px;}
.advantage-demo .slick-list{ height: 352px; overflow: hidden;}
.advantage-demo .item{ padding: 0px 10px; float: left; display: block;}
.advantage-demo .con{ background-color: #fff; padding:10px 12px; text-align: center; height: 342px; line-height: 1.5;}
.advantage-demo figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 68%;margin-bottom: 20px;}
.advantage-demo figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.advantage-demo h3{ font-weight: normal; font-size: 24px; color: #deb685;}
.advantage-demo .en{ font-size: 18px; font-family: "Bell MT"; color: #deb685; text-transform: uppercase;}
.advantage-demo .bot{ width: 18px; height: 2px; display: block; margin: 8px auto 14px; background-color: #000;}
.advantage-demo .slick-dots{ font-size:0; text-align:center; position:absolute; left:0; right:0; bottom:5%; z-index:99; }
.advantage-demo .slick-dots li{ width:10px; height:10px; background:#fff; border-radius:5px; margin:0 7px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.advantage-demo .slick-dots li a{ display:block; width:100%; height:100%; }
.advantage-demo .slick-dots li.slick-active,.advantage-demo .slick-dots li:hover{ background:#123aa1;}
.advantage-demo .slick-dots li.slick-active{ width: 40px;}
.advantage-demo .slick-arrow{ width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -17px; z-index: 100; color: #fff; background-color: #a4a4a2; display: none !important;}
.advantage-demo .slick-prev{ left: 0;}
.advantage-demo .slick-next{ right: 0;}
.advantage-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.advantage-demo .slick-prev i:before{ content: "\e60d";}
.advantage-demo .slick-next i:before{ content: "\e60e";}
.advantage-demo .slick-arrow:hover { background-color: #fff;}
.advantage-demo .slick-arrow:hover i{ color: #ba956c;}
/*品牌历程*/
#historyPage{ padding-bottom: 0px;}
.brand-T{ text-align: center; font-size: 16px; padding-bottom: 18px;}
.brand-history{ position: relative; padding: 100px 0px 130px;}
.brand-line{ height: 100%; width: 1px; background-color: #e9e9e9; position: absolute; left: 50%; top: 0;}
.brand-top{ width: 20px; height: 20px; display: block; border-radius: 50%; border: 4px solid #e7d3ba; position: absolute; left: 50%; top: 0px; margin-left: -9px; background-color: #deb685;}
.brand-historylist dd{ margin-bottom: 45px; border-bottom: 1px solid #e9e9e9; padding-bottom: 11px; width: 70%;}
.brand-historylist .oneItem{ margin-left: 30%;}
.brand-historylist .year{ float: right; display: inline-block; font-size: 36px; line-height: 1.5; color: #deb685;}
.brand-historylist .oneItem .year{ float: left; width: 274px;}
.brand-historylist .img{ float: left; display: inline-block; width: 108px; height: 108px; margin: 0px 17.5% 0 12%; border-radius: 50%; border: 2px solid #f4f4f4;}
.brand-historylist .img img{ width: 100%; height: 100%; display: block;}
.brand-historylist .oneItem .img{ float: right; margin: 0 6% 0 0;}
.brand-historylist .pageC{ float: left; display: inline-block; width: 214px;}
/*about style end*/

/*news style*/
.pbanner2{ padding: 115px 0px; text-align: center; background-size: cover;}
.pbanner2 .en{ font-size: 35px; line-height: 1.2; color: #fff; font-family: "Bell MT";}
.new-content{ width: 90%; max-width: 1600px; margin: 0px auto;}
.new-content .grid-sizer { width: 32%; float: left; }
.new-content .gutter-sizer { width: 2%; }
.new-content .news-item { float: left; display: block; width: 32%; margin: 0 0 32px 0px; position: relative;  border: 1px solid #b6b6b6; cursor: pointer;}
.news-item .img{ position: relative; padding-bottom: 65%; overflow: hidden;}
.news-item .img img{ width: 100%; display: block; position: absolute; left: 0; top:0px;  transition:  0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition:  0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.news-item .con{ padding: 22px 25px 16px;}
.news-item .con .time{ color: #deb685; font-size: 16px; font-family: "Bell MT"; font-style: italic; margin-bottom: 22px;}
.news-item .con h4{ font-size: 14px; max-height: 42px; overflow: hidden; color: #3d3d3d; line-height: 1.5; margin-bottom: 15px;}
.news-item .con .c{ color: #878787; font-size: 12px; height: 42px; overflow: hidden; margin-bottom: 65px;}
.news-item:hover img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.news-item:hover .black-20{ opacity: 1; visibility: visible;}
.news-item:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.news-item:hover .btn-more2{ border-color: #deb685;}
.news-item:hover{ border-color: #deb685;}
.infoPage{ width: 918px; margin: 0px auto; padding: 40px 60px; background-color: #fff;}
.infoPage .title{ border-bottom: 1px solid #cccccc; padding-bottom: 28px; margin-bottom: 50px;}
.infoPage .form-box-close{ background-color: transparent; position: fixed; right: 2%; top: 0;}
.infoPage .form-box-close i{ font-weight: bold; font-size: 24px;}
.info-pading{ position: fixed; top: 50%; margin-top: -45px; width: 64px; color: #fff;}
.info-prev{ left: 1%;}
.info-next{ right: 2%; text-align: right;}
.info-pading i{ position: relative; width: 100%; height: 64px; line-height: 64px; text-align: center; color: #6c6c6c; display: block; background-color: #fff; margin-top: 4px; font-size: 22px;}
.info-pading:hover i{ background-color: #deb685; color: #fff;}
/*news style end*/

/*add2 style*/
.add-cube-img{ position: relative; overflow: hidden;}
.add-cube-img .slick-arrow { position: absolute; top: 50%; margin-top: -30px; width: 58px; height: 58px; line-height: 58px; border: 1px solid #a48e75; z-index: 400; color: #fff; text-align: center; color: #000000;}
.add-cube-img .slick-prev{ left: 5%;}
.add-cube-img .slick-next{ right: 5%;}
.add-cube-img .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: #000000;}
.add-cube-img .slick-prev i:before{ content: "\e60d";}
.add-cube-img .slick-next i:before{ content: "\e60e";}
.add-cube-img .slick-arrow:hover{ background-color: #a48e75; color: #fff;}


.space-demo{ position: relative; overflow: hidden; }
.space-demo h4{ margin-bottom: 15px; font-size: 26px; color: #123aa1; font-weight: normal; line-height: 1.5;}
.space-demo .c{ padding-left: 20%; padding-right: 120px; color: #666666; font-size: 16px; line-height: 2; text-align: justify;}
.space-demo .desc{ background: #f6f6f6; height: 580px;}
.space-demo .imgw{background: url(../img/space-demo.jpg) no-repeat right; padding-left: -150px;}
.space-demo .imgw figure{margin-left: -80px; margin-top: -75px;}
.space-demo .desc .txt{ display: block; white-space: initial; padding-left: 75px;}
.space-demo .slick-arrow { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; line-height: 60px; border: 3px solid #a0a0a0; z-index: 400; color: #a0a0a0; text-align: center; z-index: 1;}
.space-demo .slick-prev{ right: 63px;}
.space-demo .slick-next{ right:0;}
.space-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.space-demo .slick-prev i:before{ content: "\e60d";}
.space-demo .slick-next i:before{ content: "\e60e";}
.space-demo .slick-arrow:hover{ border-color: #deb685; color: #deb685; z-index: 10;}
.space-demo2 .slick-arrow{ right: auto; left: 0;}
.space-demo2 .slick-prev{ left: 0; right: auto;}
.space-demo2 .slick-next{ left:63px; right: auto;}
.space-btn-more{ width: auto; padding: 12px 0;}

.dock { position: fixed; width: 60px; bottom: 10%; right: 0px; z-index: 1000; }
#doyoo_panel{ top: 18% !important;}
.dockCon { right: 0px; top: 0px; position: absolute; }
.dockCon li { background:url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: relative;}
.dockCon li:hover .itemD{ background:url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); }
.dockCon .itemD{ position: relative; display: block; width: 60px; height: 55px; display: block; text-align: center;}
.dockCon .itemD:before{ content: ""; position: absolute; left: 50%; height: 1px; background-color: #b2afaf; background-color: rgba(255,255,255,0.3); bottom: 0; width: 18px; margin-left: -9px; }
.dockCon .itemD4:before{ display: none;}
.dockCon .itemD i {  font-size: 28px; line-height: 55px; }
.dockCon .con { background-color: #c3a075; color: #fff; position: absolute; top: 0; right: 0px; width: 108px; text-align: center; height: 55px; line-height: 55px; display: none; z-index: -1; }
.dockCon .itemD2 .con{ width: 100px; padding: 15px; height: auto; line-height: 1.5; top: -55px;}
.dockCon .last { opacity: 0; visibility: hidden\9; transition: all 0.3s 0s; -webkit-transition: all 0.3s  0s;}
.dockCon .last.showme{ opacity: 1; visibility: visible\9;}
.backTop:before{ content: ""; position: absolute; left: 50%; height: 1px; background-color: #b2afaf; background-color: rgba(255,255,255,0.3); top: 0; width: 18px; margin-left: -9px; }
.backTop{ font-size: 12px; width: 60px; height: 46px; padding-top: 9px; display: block; text-align: center;}
.backTop .iconfont{ display: block; text-align: center; font-size: 16px; line-height: 1;}