@charset "utf-8";
/* 
 * Project Name:mojo
 * Author:影子
 * Date：2014-10-9
 */

@font-face { font-family: 'ProximaNovaBold'; 
src: url('fonts/ProximaNovaBold.eot'); 
src: url('fonts/ProximaNovaBold.eot') format('embedded-opentype'), 
url('fonts/ProximaNovaBold.woff2') format('woff2'), 
url('fonts/ProximaNovaBold.woff') format('woff'), 
url('fonts/ProximaNovaBold.ttf') format('truetype'), 
url('fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg'); 
}

@font-face { font-family: 'ProximaNovaRegular'; src: url('fonts/ProximaNovaRegular.eot'); src: url('fonts/ProximaNovaRegular.eot') format('embedded-opentype'), url('fonts/ProximaNovaRegular.woff2') format('woff2'), url('fonts/ProximaNovaRegular.woff') format('woff'), url('fonts/ProximaNovaRegular.ttf') format('truetype'), url('fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');}
@font-face{
	font-family: 'PingFangMedium';
	src: url('fonts/PingFang.eot');  
	src: url('fonts/PingFang.ttf') format('truetype') ,
	url('fonts/PingFang.eot') format('embedded-opentype');
}
@font-face{
	font-family: 'PingFangRegular'; src: url('fonts/PingFangRegular.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, table, caption, tbody, tfoot, thead, tr, th, td, 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; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 12px/1.8 ProximaNovaRegular,Verdana,"Microsoft JhengHei",Arial,"HelveticaNeueLTProBd",Helvetica,sans-serif,"Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei",verdana,"SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #5c5d5d; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
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;width: 100% }
.proInfoDemo img{max-width:100%;}
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; }
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
@media screen and (min-width:640px) {/*.clearfix { *zoom: 1;display: flex;justify-content: flex-end;align-items: flex-end;}*/}
.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; }

.inner { width: 1200px; margin: 0px auto; }
.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.header { position: fixed; left: 0px; top: 0px; width: 100%; height: 55px; z-index: 1000; }
.homeIco {position: absolute; top: 1.1458333333333333vw; left: 3.125vw; font-size: 14px; color: #fff; font-family: ProximaNovaBold; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.header .sharpBox { color: #fff; padding: 14px 0px 0px; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity: 0; visibility: hidden; transform: translateY(10px); -webkit-transform: translateY(10px); }
.header .share-list a i { -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.header .sharpBox a.i1:hover i { background-position: 0px -50px; }
.header .sharpBox a.i2:hover i { background-position: -36px -50px; }
.header .sharpBox a.i3:hover i { background-position: -76px -50px; }
.header .share-toggle span { background-image: url(../img/sharp_ico2.png); font-family: ProximaNovaBold; }
.header .share-list { background-image: url(../img/sharp_ico4.png); }
.headerAvtive .homeIco { top: 20px; }
.headerAvtive { background: url(../img/black_60.png) repeat; background: none rgba(0,0,0,0.6); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.headerAvtive .sharpBox { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.top { display: none; }
.hlogo { width: 170px; display: block; margin: 0px auto; padding: 20px 0px; }
.hlogo img { width: 100%; display: block; }
.navbar-header-toggle { position: fixed; background-color: #fff; width: 74px; height: 62px; top: 35%; left: -31px; z-index: 900; transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s,color 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s,color 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; cursor: pointer; }
.navbar-header-logo { width: 45px; position: absolute; right: 36px; top: 26px; height: 45px; overflow: hidden; }
.navbar-header-logo img { width: 100%; display: block; }
.navbar-header-logo .ilogo1 { display: block; }
.navbar-header-logo .ilogo2 { display: none; }
.navbar-btn { position: absolute; right: 13px; top: 20px; height: 23px; width: 34px; }
.navbar-btn-bars { width: 16px; height: 23px; }
.navbar-btn-bars .burger { width: 16px; height: 1px; background-color: #5c5d5d; display: block; position: absolute; z-index: 5; top: 5px; right: 0px; transform-origin: right; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.navbar-btn-bars .burger-2 { top: 11px; }
.navbar-btn-bars .burger-3 { top: 17px; }
.navbar-btn-label { position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 1.8; color: #5c5d5d; opacity: 0; visibility: hidden; }
.navbar-header-toggle.active { left: 0px; }
.navbar-header-toggle.active .navbar-btn-bars .burger { width: 0px; opacity: 0; }
.navbar-header-toggle.active .navbar-btn-label { opacity: 1; visibility: visible; }
.navbox-toggle { position: fixed; z-index: 902; background-color: #1b1b1b; width: 580px; top: 0px; bottom: 0px; left: 0px; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; color: #5c5d5d; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transform: translate(-100%,0px); -moz-transform: translate(-100%,0px); /* Firefox 4 */ -webkit-transform: translate(-100%,0px); /* Safari and Chrome */ -o-transform: translate(-100%,0px); /* Opera */ }
.navbox-toggle a:link, .navbox-toggle a:visited { color: #5c5d5d; }
.navbox-toggle a:active, .navbox-toggle a:hover { color: #fff; }
.navbox { width: 72%; margin: 0px auto; padding: 25% 0px 5%; }
.nav-close-bars { height: 83px; }
.nav-close-bars .mlogo { float: left; display: block; width: 53px; }
.nav-close-bars .mlogo img { width: 100%; display: block; }
.nav-close-btn { width: 26px; height: 26px; position: relative; display: block; float: right; margin-top: 40px; cursor: pointer; opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.csstransitions .nav-close-btn span { height: 1px; width: 100%; position: absolute; left: 0px; top: 13px; display: block; background-color: #6c6b6b; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.csstransitions .nav-close-btn span:before { position: absolute; content: ""; top: 0px; width: 0px; height: 100%; background-color: #fff; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.csstransitions .nav-close-btn span.burger-1:before { left: 0px; }
.csstransitions .nav-close-btn span.burger-2:before { right: 0px; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.csstransitions .nav-close-btn .burger-1 { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.csstransitions .nav-close-btn .burger-2 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.csstransitions .nav-close-btn:hover span:before { width: 100%; }
.no-csstransitions .nav-close-btn { background: url(../img/nav_close1.png) no-repeat scroll center center; }
.no-csstransitions .nav-close-btn:hover { background-image: url(../img/nav_close2.png); }
.nav li { overflow: hidden; margin-bottom: 10px;}
.nav { border-top: 1px solid #5c5d5d; border-bottom: 1px solid #5c5d5d; padding: 30px 0px; }
.nav a { text-transform: uppercase; font: 20px/1.2 ProximaNovaBold,Helvetica,Arial,sans-serif; position: relative; overflow: hidden; display: inline-block; opacity: 0; transform: translateY(130%); -webkit-transform: translateY(130%); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.nav a .nav-link-text { color: #5c5d5d; transform-origin:left center; display:inline-block;}
.nav a .cn { margin-left: 16px; font-size: 30px; position: relative; top: -2px; }
.nav a .txt { position: absolute; left: 0px; top: 0px; opacity:0; transform-origin:left center; color: #fff; font-family:ProximaNovaRegular,"microsoft yahei",Helvetica,Arial,sans-serif;}
.nav a:hover .txt {opacity:1;}
.nav a:hover .nav-link-text{opacity:0;}
.nav .subnav{ display: none; padding: 15px 5%;}
.nav .subnav p:last-child{ margin-bottom: 0;}
.nav .subnav p{ margin-bottom: 10px;}
.nav .subnav a{ display: block; font-size: 18px;}
.navActive .navbox-toggle { transform: translate(3%, 0%) matrix(1, 0, 0, 1, -580, 0); -webkit-transform: translate(3%, 0%) matrix(1, 0, 0, 1, -580, 0); }
.navOpen body { overflow: hidden; }
.navOpen .nav-close-btn { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); transition-delay: 380ms; -webkit-transition-delay: 380ms; }
.navOpen .nav li a { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
.navOpen .nav li:nth-child(1) a { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.navOpen .nav li:nth-child(2) a { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.navOpen .nav li:nth-child(3) a { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.navOpen .nav li:nth-child(4) a { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.navOpen .nav li:nth-child(5) a { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.no-csstransforms .navbox-toggle { left: -580px; z-index: 1000; }
.no-csstransforms.navOpen .navbox-toggle { left: 0px; }
.pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../img/black_60.png) repeat; background: none rgba(0,0,0,0.5); display: none; z-index: 910; }
.navOpen .pusher-black { display: block; }
.navOpen .pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.linkBox a:link, .linkBox a:visited { color: #5c5d5d; }
.linkBox a:active, .linkBox a:hover { color: #2c2c2c; }
.linkBox { background-color: rgba(230,230,230,1); padding: 3.125vw 10.15625vw; color: #5c5d5d; font-size: 14px; position: relative; }
.linkBox .link-item1, .linkBox .link-item2 { float: left; display: block; }
.linkBox .link-item2 {float:right;}
.link-contact-box li.ewm img{width:72px;}
.link-logo img { display: block; max-width: 100%; }
.link-contact-box li { float: left; display: block; width: auto !important; margin-left:3vw;}
.link-contact-box li .c{color: rgba(44,44,44); line-height:18px;}
.link-contact-box li.ewm{margin-left:2rem;}
.link-contact-box li.ewm .img{float:left;text-align:center;margin:0 10px;line-height: 20px;}
.link-contact-box li.ewm .img p{ font-weight: bolder;font-size: 1rem;}
.link-contact-box li.ewm .img:nth-child(1){margin-left:0;}
.link-contact-box .t { font: bold 18px/1 ProximaNovaBold; padding: 0px 5% 20px 0px; color: rgba(44,44,44); }
.link-contact-box .c a { position: relative; display: inline-block; -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; color: rgba(44,44,44);}
.link-contact-box .c a:before { background: #5c5d5d none repeat scroll 0 0; content: ""; height: 1px; left: -17px; position: absolute; top: 50%; transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 0; }
.link-contact-box .c a:hover { transform: translateX(17px); -webkit-transform: translateX(17px); }
.link-contact-box .c a:hover:before { width: 12px; }
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; font-family: ProximaNovaBold; }
.foot { background-color: #2c2c2c; padding: 20px 0px; color: #d3d2d2; text-align: center; position: relative; }
.foot a:active, .foot a:hover { color: #fff; }
.backTop { width: 100px; height: 100px; position: fixed; bottom: 0; right: 0px; z-index: 100; text-align: center; cursor: pointer; display: none; }
.backTop .ibg { background: url(../img/w_80.png) repeat; background: none rgba(255,255,255,0.8); position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; -webkit-transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.backTop .ico { background: url(../img/return-top.png) no-repeat center; background-size:auto 100%; display: block; color: #fff; width: 20px; height: 19px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; }

.backTop:hover .ibg { height: 100%; }
.backTop.showme { display: block; }
/* Slider */
.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: #00865e url(../img/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; }
/* Arrows */
.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; }
/* Dots */
.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; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-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); }
}
/*base style*/
/*index style*/
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); 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; }
.transYT2 { 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; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(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; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-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.transYT { opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial; }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.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; }
.black60 { background: url(../img/black_60.png); background: none rgba(0,0,0,0.6); }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.bannerBox { position: relative; overflow: hidden; height: 100%; background-color: #5c5d5d; }
.banner { position: fixed; overflow: hidden; width: 100%; z-index: 0; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; opacity: 1 !important; }
.banner .mark { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 20; background-color: #5c5d5d; display: block; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); }
.banner .slick-active { z-index: 4; }
.banner .slick-active .mark { animation: 0.8s 0ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeleft; animation-name: fadeleft; }

@-webkit-keyframes fadeleft {
    from { -webkit-transform: translateX(100%); }
    40% { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); visibility: hidden; }
}

@-moz-keyframes fadeleft {
    from { -moz-transform: translateX(100%); }
    40% { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); visibility: hidden; }
}

@keyframes fadeleft {
    from { transform: translateX(100%); }
    40% { transform: translateX(0); }
    to { transform: translateX(-100%); visibility: hidden; }
}

.banner .fullscreen-img { position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); opacity: 0; z-index: 5; }
.banner .slick-active .fullscreen-img { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transition: 700ms 100ms; -webkit-transition: 700ms 100ms; -moz-transition: 700ms 100ms; }
.boxC { width: 726px; position: absolute; left: 50%; margin-left: -363px; top: 50%; margin-top:-83px; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); z-index: 8; }
.boxC p { overflow: hidden; }
.boxC .img { margin: 0px auto; display: block; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); }
.boxC .t { font-size: 14px; overflow: hidden; text-transform: uppercase; }
.boxC .bot { width: 100%; height: 1px; overflow: hidden; margin: 18px auto 12px; background-color: rgba(255, 255, 255, 0.55); position: relative; line-height: 1px; }
.boxC .bot span { position: absolute; left: 0px; top: 0px; background-color: #fff; height: 2px; }
.boxC .c { margin-bottom: 20px; overflow: hidden; font-size: 48px; font-weight: bold; line-height: 1.1; }
.boxC .moreBox { font-size: 16px; padding: 4px 30px; border: 1px solid #ffffff; color: #fff; display: inline-block; position: relative; }
.boxC .t span, .boxC .c span { display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
.boxC .c span { font-weight: normal;}
.boxC .moreBox { opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
.moreBox span { position: relative; }
.moreBox span:before { background: #fff none repeat scroll 0 0; content: ""; height: 1px; left: -30px; position: absolute; top: 50%; transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 0; display:none;}
.moreBox:hover span:before { width: 25px; }
.slick-active .boxC .t span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.6s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.6s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.6s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.6s; }
.slick-active .boxC .c span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.8s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.8s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.8s; }
.slick-active .boxC .moreBox { -moz-transition: transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.8s,padding .4s; -o-transition: transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.8s; -ms-transition: transform .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.8s,padding .4s; transition: transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.8s,padding .4s; }
.slick-active .boxC .t span, .slick-active .boxC .c span, .slick-active .boxC .moreBox { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.slick-active .bot span { -moz-animation: bot_line 3s linear; -webkit-animation: bot_line 3s linear; -o-animation: bot_line 3s linear; animation: bot_line 3s linear;animation-fill-mode:forwards;}


@-moz-keyframes bot_line {
    from { width: 0%; }
    to { width: 100%; }
}

@-webkit-keyframes bot_line {
    from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes bot_line { from;
{ width: 0%; }
to { width: 100%; }
}

@keyframes bot_line {
    from { width: 0%; }
    to { width: 100%; }
}

.binbox { position: absolute; width: 74%; left: 14%; bottom: 0px; background-color: #fff; color: #898989; font-size: 14px; height: 42px; -webkit-transform-origin: center bottom 0; -ms-transform-origin: center bottom 0; transform-origin: center bottom 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.4s ease 0s; -webkit-transition: transform 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s; }
.binboxAct { -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -webkit-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; -ms-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s; visibility: hidden; }
.no-transition .binboxAct { transition: none 0s ease 0s; }
.page-header-collapsed .page-header-bar-inner { transition: none 0s ease 0s; visibility: hidden; }

.header .hcar{ position: absolute;right: 3%;top: 18px;color: #fff;height: 26px;line-height: 26px;overflow: hidden;font-family: ProximaNovaBold;background: url(../img/car.png) no-repeat center;background-size: 18px 18px;display: none;width: 18px;height: 18px;} 
.top .hcar{ position: absolute;right: 3%;top: 18px;color: #fff;height: 26px;line-height: 26px;overflow: hidden;font-family: ProximaNovaBold;background: url(../img/car1.png) no-repeat center;background-size: 18px 18px;display: block;width: 18px;height: 18px;} 
.navOpen .hcar{display:none;}
.sharpBox { position: absolute; right: 7%; top: 0px; padding: 8px 0px; color: #898989; height: 26px; line-height: 26px; overflow: hidden; }
.share-toggle { float: left; display: block; }
.share-toggle span { background: url(../img/sharp_ico.png) no-repeat scroll left center; padding: 0px 14px 0px 30px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.share-list { float: left; display: block; padding-left: 20px; background: url(../img/sharp_ico3.png) no-repeat scroll left center; margin-right: -131px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.share-list a { display: block; float: left; display: block; width: 25px; height: 25px; margin-left: 12px; }
.share-list a i { display: block; width: 100%; height: 100%; background-image: url(../img/sharp.png); background-repeat: no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.share-list a.i1 i { background-position: 0px 0px; }
.share-list a.i2 i { background-position: -36px 0px; }
.share-list a.i3 i { background-position: -76px 0px; }
.share-list a.i1:hover i { background-position: 0px -25px; }
.share-list a.i2:hover i { background-position: -36px -25px; }
.share-list a.i3:hover i { background-position: -76px -25px; }
.sharpBox:hover .share-toggle span { background-position: -30px center; }
.sharpBox:hover .share-list { margin-right: 0px; }
.backBot { width: 30px; height: 42px; margin: 0px auto; display: block; position: relative; cursor: pointer; }
.backBot .i1 { height: 50px; width: 1px; position: absolute; left: 50%; top: 0px; background-color: #dcdcdc; display: none; }
.backBot .i2 { background: url(../img/mouse_bg3.png) no-repeat scroll center center; width: 13px; height: 8px; position: absolute; left: 50%; margin-left: -6px; bottom: 15px; display: block; }
.backBot .i3, .backBot .i4 { background: url(../img/mouse_bg2.png) no-repeat scroll left top; width: 15px; height: 0px; transition: 200ms; -webkit-transition: 200ms; position: absolute; display: none; }
.backBot .i3 { left: 0px; bottom: 0px; background-position: left bottom; transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.backBot .i4 { right: 0px; top: 26px; background-position: right top; transition-delay: 0ms; -webkit-transition-delay: 0ms; }
.backBot:hover .i3 { height: 40px; }
.backBot:hover .i4 { height: 40px; }
.control-bol { margin-left: 3%; padding: 6px 0px; line-height: 30px; height: 30px; float: left; display: block; }
.control-bol .prev, .control-bol .next { width: 52px; float: left; display: block; height: 30px; position: relative; }
.control-bol .next { margin-right: 20px; }
.control-bol .prev span, .control-bol .next span { width: 42px; display: block; height: 30px; transition: 300ms; -webkit-transition: 300ms; position: relative; }
.control-bol .prev span { background: url(../img/btn_l.png) no-repeat scroll left center; margin-left: 10px; }
.control-bol .next span { background: url(../img/btn_r.png) no-repeat scroll right center; margin-left: 0px; }
.control-bol .prev i, .control-bol .next i { position: absolute; width: 0px; top: 50%; margin-top: -1px; height: 2px; background-color: #5c5d5d; transition: 300ms; -webkit-transition: 300ms; }
.control-bol .prev i { left: 2px; }
.control-bol .next i { right: 2px; }
.control-bol .prev:hover span { margin-left: 0px; }
.control-bol .next:hover span { margin-left: 10px; }
.control-bol .prev:hover i, .control-bol .next:hover i { width: 34px; }
.control-bor .line { padding: 0px 4px; color: #8e8e8e; }
.control-bor .num { color: #5c5d5d; }
.control-bor { float: left; padding: 30px 0px; line-height: 30px; height: 30px; font-size: 14px; display: none; }
.iboxItem a:link, .iboxItem a:visited { color: #fff; }
.iboxItem a:active, .iboxItem a:hover { color: #fff; }
.iboxItem { position: relative; overflow: hidden; }
.iboxItem .img { width: 100%; display: block; }
.iboxItem .con { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; color: #fff; text-align: center; }
.iboxItem .t {font-size:48px;}
.iboxItem .by { font-size: 18px; line-height: 1.4; font-family: "ProximaNovaRegular",Verdana,"Microsoft Yahei",Arial,"HelveticaNeueLTProBd",Helvetica,sans-serif,"Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei",verdana,"SimHei","黑体","STXihei","华文细黑",sans-serif;}
.iboxItem .black60 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.ibox-video { overflow: hidden; position: relative; display: block; background-size: cover; background-repeat: no-repeat; background-position: center top; text-align: center; color: #fff; height: 500px; }
#vbBox { display: block; height: 100% !important; }
.ibox-video .play { background: url(../img/vico.png) no-repeat; width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; margin: -33px 0px 0px -33px; display: block; }
.iboxItem:hover .black60 { opacity: 0; }
.bg888787 { background-color: #909090; }
.bg888787 .navbar-btn-bars .burger { background-color: #fff; }
.bg888787 .navbar-btn-label { color: #fff; }
.bg888787 .navbar-header-logo .ilogo2 { display: block; }
.bg888787 .navbar-header-logo .ilogo1 { display: none; }
#vbBox_controlbar { bottom: -50px!important; }
#vbBox_display_button_play { background: url(../img/vico.png) no-repeat !important; width: 66px !important; height: 66px !important; }
.t-VideoBox { position: relative; overflow: hidden; height: 600px; }
.t-VideoBox #vbBox { width: 100%; height: 100%; }
#vbBox_logo, #videocontainer_menu, #wrapvidepo_logo, .jwclick { display: none!important; }
.t-VideoBox .vico { position: absolute; left: 50%!important; top: 50%!important; }
#vbBox_display_button { background: none no-repeat!important; }
.jwplayer .jwdisplayIcon div { background: url(../img/vico.png) no-repeat; width: 66px; height: 66px; }
/*index style end*/
/*about style*/
.pbanner { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #555555; }
.pbanner .pimg { display: block; position: absolute; width: 100%; }
.pbanner.pimg-fixed .pimg { position: fixed; z-index: 900; }
.pageC a:link, .pageC a:visited { color: #5c5d5d; }
.pageC a:active, .pageC a:hover { color: #5c5d5d; }
.pageC { font-size: 14px; line-height: 1.8; color: #5c5d5d; font-family: ProximaNovaRegular,"microsoft yahei",Helvetica,Arial,sans-serif; }
.pageC p{font-family:'ProximaNovaRegular' !important; color:#5c5d5d !important;}
.pageC span{font-family:'ProximaNovaRegular' !important; color:#5c5d5d !important;}
.pageC img { max-width: 100%; }
.pageT { color: #434343; font-size: 36px; line-height: 1.5; margin-bottom: 40px; font-family: ProximaNovaBold,verdana,"HelveticaNeueLTProBd",Helvetica,Arial,sans-serif!important; display: block; font-weight: normal; }
.aboutPage { padding: 120px 0px 70px; }
.h500 { height: 700px; }
.h400 { height: 400px; }
.fixed-img { background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
.mojo_image { margin-top: 70px; }
.mojo_image img { width: 100%; display: block; }
.bge0 { background-color: #e0e0e0; }
.contactPage a:link, .contactPage a:visited { color: #5c5d5d; }
.contactPage a:active, .contactPage a:hover { color: #5c5d5d; }
.contactPage { padding: 80px 0px 120px; }
.contactT { font: 28px/1.2 "ProximaNovaBold",Helvetica,Arial,sans-serif,"Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","微软正黑体","Microsoft JhengHei",verdana; color: #434343; margin-bottom: 60px; }
.contactDL { position: relative; padding-right: 402px; }
.contactDL .img img { width: 100%; display: block; }
.contactDL .con { width: 250px; position: absolute; right: 54px; bottom: 0px; color: #5c5d5d; font-size: 16px; }
.mapBtn { width: 148px; height: 26px; line-height: 26px; background-color: #646363; color: #fff; display: block; text-align: center; margin: 15px 0px 30px; }
.mapBtn span { color: #fff; background: url(../img/map.png) no-repeat scroll left center; padding-left: 18px; }
.mapBtn:hover { background-color: #5c5d5d; }
.teamT { font-size: 40px; margin-bottom: 60px; text-align: center; color: #434343; font-family: 'ProximaNovaBold'; }
.teamPage a:link, .teamPage a:visited { color: #626262; }
.teamPage a:active, .teamPage a:hover { color: #5c5d5d; }
.teamPage { padding: 110px 0px; background-color: #F7F8F8;    display: none }
.bgfff { background-color: #fff; }
.teamList { margin-left: -2%; }
.teamList li { float: left; display: block; width: 31.33%; margin: 0px 0px 40px 2%; padding-bottom: 105px; position: relative; overflow: hidden; }
.teamList .imgBox { overflow: hidden; margin-bottom: 5px; }
.teamList .imgBox img { width: 100%; display: block; }
.teamList .con { background-color: #fff; padding: 0px 12%; width: 76%; height: 100%; position: absolute; left: 0px; top: 388px; -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.teamList .title { text-align: center; background-color: #fff; padding: 22px 0px 28px; color: #5c5d5d; overflow: hidden; }
.teamList .title .name { font-size: 24px; line-height: 1.4; font-weight: bold; font-family: 'ProximaNovaBold'; color: #434343; }
.teamList .title .type { font-size: 14px; line-height: 1.5; }
.teamList .con .c { line-height: 2.5; text-align: left; font-size: 12px; color: #5c5d5d; }
.teamList li:hover .con { top: 0px; }
.teamList li:hover .con .title { padding: 58px 0px 50px; }
/*about style end*/
/*works style*/
.pagePadding { padding: 7% 0px; }
.works-nav { text-align: center; font-size: 24px; height: 44px; margin-bottom: 8%; }
.works-nav a { color: #a1a1a1; margin: 0px 25px; font-weight: normal; }
.works-nav a:hover, .works-nav a.active { color: #434343; border-bottom: 1px solid #434343; padding-bottom: 2px; }
.works-list a:link, .works-list a:visited { color: #5c5d5d; }
.works-list a:active, .works-list a:hover { color: #5c5d5d; }
.works-list .workitem { float: left; display: block; margin: 0px 0px 1vw 1vw; width:calc(33.333333333333336% - 1vw); position: relative; }
.works-list{margin-left:-1vw;}
.works-list .img { position: relative; overflow: hidden;}
.works-list .img img { width: 100%; display:block; max-width:100%; -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165,.84,.44,1); transition: 1.2s transform cubic-bezier(.165,.84,.44,1); vertical-align: middle;}
.works-list .black60 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.works-list .name { font: bold 18px/1.5 ProximaNovaBold,verdana,helvetica, sans-serif; color: #434343; height: 27px; overflow: hidden; }
.works-list .type { font: 16px/1.5 verdana,HelveticaNeueLTProLt,"times new roman"; color: #5c5d5d; height: 27px; overflow: hidden; }
.works-list .itemLink { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; }
.works-list .workitem:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.works-list .workitem:hover .black60 { opacity: 1; visibility: visible; }
.workInfoT { font: 36px/1.5 ProximaNovaBold,verdana, geneva, arial, helvetica, sans-serif; color: #434343; margin-bottom: 40px; }
.workInfoPage .pageC { font-size: 14px; text-align: justify;}
.fixed-img-mt { margin-top: 70px; }
.con-bot-box.prosharpBox { padding: 100px 0px 0px; }
.pager a:link, .pager a:visited { color: #929292; }
.pager a:active, .pager a:hover { color: #5c5d5d; }
.pager { margin: 0px auto; text-align: center; padding: 50px 0px 0px; width: 280px;}
.pager a { display: block; font-size: 24px; line-height: 30px; }
.pager a.black-btn { background: url(../img/pager_c.png) no-repeat scroll center center; width: 24px; height: 30px; margin: 0px auto; }
.pager a.prev { float: left; display: block; }
.pager a.next { float: right; display: block; }
.pager a.black-btn:hover { background-image: url(../img/pager_c2.png); }
/*works style end*/
/*product style*/
.pro-T { padding: 90px 0px; text-align: center; }
.pro-T .t { font: 60px/1.2 ProximaNovaBold; color: #434343; }
.pro-T .line { width: 54px; background-color: #828aa8; height: 1px; display: block; margin: 25px auto; }
.pro-T .by { color: #929292; font-size: 14px; line-height: 1.5; }
.pro-nav { margin-bottom: 120px; text-align: center; font-size: 22px; line-height: 1.4; padding-bottom: 6px; color: #a1a1a1; }
.pro-nav a { color: #a1a1a1; margin: 0px 55px; }
.pro-nav a:hover, .pro-nav a.active { color: #434343; border-bottom: 1px solid #434343; padding-bottom: 2px; }
.pro-bot { padding-bottom: 7%; }
.prosider a:link, .prosider a:visited { color: #5c5d5d; }
.prosider a:active, .prosider a:hover { color: #434343; }
.prosider { width: 19%; float: left; display: block; }
.proCon { display: block; width: 77%; overflow: hidden; }
.prosiderT { color: #434343; font: 24px/1.2 "ProximaNovaBold",arial, helvetica, sans-serif; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; }
.product-nav dd { border-bottom: 1px solid #e5e5e5; padding: 20px 0px; font-size: 16px; line-height: 1.8; }
.product-nav dd p { margin-bottom: 7px; }
.product-nav a.act { color: #434343; font-weight: bold; }
.product-list a:link, .product-list a:visited { color: #5c5d5d; }
.product-list a:active, .product-list a:hover { color: #5c5d5d; }
.product-list ul { margin-left: -2%; }
.product-list li { float: left; display: block; margin: 0px 0px 58px 2%; width: 31.33%; position: relative; }
.product-list .img { position: relative; overflow: hidden; margin-bottom: 24px; }
.product-list .img img { width: 100%; display: block; -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165,.84,.44,1); transition: 1.2s transform cubic-bezier(.165,.84,.44,1); }
.product-list .black60 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.product-list .name { font-weight: bold; font-size: 16px; line-height: 1.5; color: #5c5d5d; height: 24px; overflow: hidden; }
.product-list .size, .product-list .price { font-size: 14px; line-height: 1.5; color: #5c5d5d; }
.product-list .itemLink { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; }
.product-list li:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.product-list li:hover .black60 { opacity: 1; visibility: visible; }
.pbanner2 { height: 500px; background-size: cover; background-repeat: no-repeat; }
.proRemoendT a:link, .proRemoendT a:visited { color: #5c5d5d; }
.proRemoendT a:active, .proRemoendT a:hover { color: #5c5d5d; }
.proRemoendT { border-top: 1px solid #e5e5e5; padding: 40px 0px 50px; font: 36px/1.2 ProximaNovaBold,arial, helvetica, sans-serif; color: #434343; }
.proRemoendT .moreAll { font-weight: normal; font-size: 18px; float: right; display: block; margin: 5px 0px 0px 10px; border-bottom: 5px; border-bottom: 1px solid #5c5d5d; color: #5c5d5d; }
.proRemoendT .moreAll:hover { border-bottom-color: #686868; color: #686868; }
.proInfoDemo .imgBox a:link, .proInfoDemo .imgBox a:visited { color: #5c5d5d; }
.proInfoDemo .imgBox a:active, .proInfoDemo .imgBox a:hover { color: #434343; }
.proInfoDemo .imgBox { float: left; display: block; width: 64%; }
.proInfoDemo .imgBox .pro-img-t { width:100%; margin: 0px auto; font: 20px/1.8 ProximaNovaBold; margin-bottom: 30px; }
.proInfoDemo .imgBox .img { text-align: center; width: 88%;}
.proInfoDemo .imgBox .img img { width: 100%; margin: 0px auto; display: block; }
.proInfoDemo .con { width: 36%; float: right; display: block; /*padding-top:66px*/margin-top: 66px; color: #5c5d5d; }
.shopBtn { background-color: #909090; padding: 10px 0px; display: block; width: 100%; line-height: 23px; height: 23px; color: #1e1e1e; text-align: center; }
.shopBtn span { color: #fff; font-size: 16px; line-height: 1.4; background: url(../img/buy_ico1.png) no-repeat scroll left center; padding: 2px 0px 0px 38px; }
.shopBtn:hover { background-color: #5c5d5d; }
.proInfoDemo .name {font: 24px/1.6 "PingFangRegular","microsoft yahei"; color: #434343; padding: 10px 0px; font-weight:bold;}
.proInfoDemo .t, .proInfoDemo .type { font: 16px/1.6 "PingFangMedium","microsoft yahei"; color: #5c5d5d; margin-bottom: 4px; font-weight: bold; }
.proInfoDemo .time { font-size: 14px; line-height: 1.2; color: #5c5d5d; margin-bottom: 20px; }
.borderList a:link, .borderList a:visited { color: #5c5d5d; }
.borderList a:active, .borderList a:hover { color: #888787; }
.borderList li { display: block; border-top: 1px solid #e5e5e5; padding: 12px 0px 16px; color: #5c5d5d; }
.borderList .size { font: 16px/1.2 ProximaNovaBold,"microsoft yahei",arial, helvetica, sans-serif; color: #5c5d5d; margin-bottom: 15px; }
.borderList .item1 { font: 14px/1.5 Verdana,"HelveticaNeueLTProLt","times new roman","microsoft yahei",arial, helvetica, sans-serif; color: #5c5d5d; }
.borderList .item1 .ch { font: 18px/1.5 Verdana,"STHeiti",helvetica, sans-serif; padding: 0px 4px; }
.borderList .wenbox a { font-size: 14px; line-height: 1.5; margin-right: 25px; display: inline-block; float: left; color: #5c5d5d; }
.proInfoDemo .mbt { margin-bottom: 8px; }
.proInfoDemo .price { font-size: 28px; line-height: 1.5; color: #5c5d5d; }
.proInfoDemo .shopBtn { margin-bottom: 25px; }
.proInfoDemo .txt { font-size: 14px; line-height: 1.8; color: #5c5d5d; }
.proInfoDemo .t2 { font: 16px/1.2 "HelveticaNeueLTProLt","times new roman","microsoft yahei",arial, helvetica, sans-serif; }
.proinfo-con a:link, .proinfo-con a:visited { color: #5c5d5d; }
.proinfo-con a:active, .proinfo-con a:hover { color: #5c5d5d; }
.proinfo-con { padding: 110px 0px; width: 80%; margin: 0px auto; color: #5c5d5d; text-align: center; font-size: 14px; }
.proinfo-con .t { margin-bottom: 40px; }
.proinfo-con .t span { padding: 0px 58px; font: bold 20px/1.8 ProximaNovaBold,Verdana,"HelveticaNeueLTProLt","times new roman","microsoft yahei",arial, helvetica, sans-serif; position: relative; color: #434343; }
.proinfo-con .t .l1, .proinfo-con .t .r2 { position: absolute; width: 36px; top: 50%; display: block; height: 1px; background-color: #8C8B8B; }
.proinfo-con .t .l1 { left: 0px; }
.proinfo-con .t .r2 { right: 0px; }
.proinfo-con .c { color: #5c5d5d; }
.pro_image img { width: 100%; display: block; }
.prosharpBox a:link, .prosharpBox a:visited { color: #5c5d5d; }
.prosharpBox a:active, .prosharpBox a:hover { color: #5c5d5d; }
.prosharpBox { text-align: center; padding: 60px 0px 100px; }
.prosharpBox a, .prosharpBox span { cursor: pointer; display: inline-block; margin: 0px 18px; font-size: 14px; line-height: 1.8; color: #848484; text-align: center; *display: inline; *zoom: 1; position: relative; }
.prosharpBox a i, .prosharpBox span i { width: 35px; height: 35px; margin: 0px auto; display: block; border: 1px solid #c2c2c2; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; }
.prosharpBox a:hover i, .prosharpBox span:hover i { border-color: #5c5d5d; }
.prosharpBox .shareBtn i { background: url(../img/pro_s1.png) no-repeat scroll center center; }
.prosharpBox .videwBtn i { background: url(../img/pro_s2.png) no-repeat scroll center center; }
.prosharpBox .linkBtn i { background: url(../img/web_heart_animation.png); background-position: left; background-repeat: no-repeat; cursor: pointer; background-size: 2900%; }
.prosharpBox .linkBtn i.heartAnimation { background-position: -979px; }
.shareBtn .sharpbtn-b { position: absolute; left: 50%; margin-left: -59px; top: -48px; width: 118px; height: 60px; display: none; }
.sharpbtn-b a { display: block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #b3b3b3; padding: 5px; position: absolute; margin: 0px; }
.sharpbtn-b a em { display: block; width: 100%; height: 100%; background-image: url(../img/sharp.png); background-repeat: no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.sharpbtn-b a.i1 { left: 0px; top: 25px; }
.sharpbtn-b a.i2 { left: 42px; top: 0px; }
.sharpbtn-b a.i3 { right: 0px; top: 25px; }
.sharpbtn-b a.i1 em { background-position: 0px 0px; }
.sharpbtn-b a.i2 em { background-position: -36px 0px; }
.sharpbtn-b a.i3 em { background-position: -76px 0px; }
.sharpbtn-b a.i1:hover em { background-position: 0px -25px; }
.sharpbtn-b a.i2:hover em { background-position: -36px -25px; }
.sharpbtn-b a.i3:hover em { background-position: -76px -25px; }
.shareBtn:hover .sharpbtn-b { display: block; }
.productT { font-size: 36px; line-height: 1.5; margin-bottom: 40px; color: #434343; font-family: ProximaNovaBold,verdana!important; }
.pageC2 { font-size: 14px; color: #5c5d5d; margin-bottom: 130px; }
.pro_mb { margin-bottom: 130px; }
/*product style end*/
/*news style*/
.newList { border-top: 1px solid #d2d2d2; margin: 0px 50px; }
.newList dd { padding-bottom: 40px; border-bottom: 1px solid #D2D2D2; margin-top: 40px; position: relative; }
.newList .img { width: 217px; overflow: hidden; display: block; height: 217px; position: absolute; left: 0px; top: 0px; background-color: #5c5d5d; }
.newList .img img { width: 100%; display: block; -webkit-transform: 1.2s -webkit-transform cubic-bezier(.165,.84,.44,1); transition: 1.2s transform cubic-bezier(.165,.84,.44,1); }
/*.newList .img img {  width:auto;position: absolute;min-width:100%;min-height:100%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}*/
.newList .con { padding: 0px 0px 0px 256px; height: 217px; position: relative; }
.newList .t { font-size: 18px; line-height: 1.5; color: #434343; font-family: ProximaNovaBold; }
.newList .c { font-size: 16px; line-height: 1.5; color: #5c5d5d; }
.newList .time { position: absolute; left: 256px; bottom: 0px; color: #5c5d5d; }
.newList .redmore { position: absolute; right: 0px; bottom: 0px; background: url(../img/redmore_ico1.png) no-repeat scroll right center; padding-right: 28px; font-size: 14px; }
.newList .itemLink { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 2; color: #5c5d5d; }
.newList dd:hover .t { color: #5c5d5d; }
.newList dd:hover .img img { transform: scale(1.08); -webkit-transform: scale(1.08); opacity: 0.8; }
.newList dd:hover .redmore { color: #5c5d5d; padding-right: 34px; }
.w1010 { width: 1010px; margin: 0px auto; overflow: hidden; }
.infoT { text-align: center; font: 24px/1.4 ProximaNovaBold; padding-bottom: 10px; color: #434343; }
.infoI { text-align: center; color: #d3d3d3; margin-bottom: 65px; }
.infoI .time { float: right; display: block; color: #5c5d5d; }
.infoI .type { font-size: 16px; color: #5c5d5d; }
.hiden { display: none; }
.info2 { padding: 100px 0px 0px; }
/*news style end*/
.lh-size label{margin-right:12%; cursor:pointer; float:left; margin-top:5px;}
.lh-size label:nth-child(3n){margin-right:0;}
.lh-size label i{float:left; display:block; width:15px; height:15px; background:url(../img/lh_check.png) no-repeat right center; position:relative; top:3px;}
.lh-size label.on i{background-position:left center;}
.lh-size label span{float:left; margin-left:8px;}
.borderList li{padding:30px 0 15px;}
.lh-num{width:150px; position:relative; height:36px;}
.lh-num a{display:block; width:36px; height:36px; border:1px solid #5B5D5D; text-align:center; line-height:36px; float:left; background:url(../img/lh_num.png) no-repeat 7px center;box-sizing:border-box;}
.lh-num a i{font-size:24px;}
.lh-num input{float:left; width:80px; height:36px; line-height:36px; border:1px solid #5B5D5D; background:none; margin-left:-1px; text-align:center; box-sizing:border-box;}
.lh-num .lh-jia{margin-left:-1px; background-position:-38px center;}
.lh-buy-box{display:flex; margin-top:40px;}
.lh-buy-box a{flex:1; display:block; height:40px; line-height:40px; text-align:center; background:#5B5D5D; color:#fff; box-sizing:border-box;}
.lh-buy-box a:first-child{border:1px solid #5B5D5D; background:none; color:#5B5D5D;}
.borderList{margin-top:10px;}
.lh-info{padding:102px 0 196px;}
.lh-title{font-size:30px; color:#434243; font-weight:bold; border-bottom:1px solid #E0DDDB; padding-bottom:20px;}
.lh-info .imgBox{margin-top:66px;}
.lh-info .imgBox .img{text-align:left;}
.lh-info .imgBox .img h2{font-size:20px; color:#616261; font-weight:normal;}
.lh-info .imgBox .img h3{color:#6e6e6e; font-size:14px; font-weight:normal; line-height:30px;}
.lh-honor p{line-height:30px;color:#6e6e6e; font-size:14px;}
.lh-honor{margin-top:90px;}
.lh-cont{padding:134px 0 276px;}
.headerAvtive1 .sharpBox{opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.headerAvtive1 .homeIco{top:20px;}
.lh-cont-l{width:58%; float:left;}
.lh-cont-r{width:36%; float:right;}
.lh-cont-h2{font-size:40px; color:#434343; line-height:40px; text-align:center; margin-bottom:40px;}
.lh-cont-h2.two{font-size:22px;}
.lh-address-item li{margin-bottom:30px; position:relative; overflow:hidden; height:70px;}
.lh-address-item li input{width:100%; height:70px; line-height:70px; box-sizing:border-box; position:absolute; left:0; top:0; border:1px solid #5B5D5D !important; background:none; padding:0 67px; font-size:14px; transition:ease .45s; border:none;}
.lh-address-item li input:focus{border-color:#000;}
.lh-address-item li span{position:absolute; left:15px; top:0; line-height:70px; font-family:'Verdana';}
.lh-select{float:left; width:33.3%; height:70px; position:relative; line-height:70px;}
.lh-select select{position:absolute; left:0; top:0; width:100%; height:70px; border:1px solid #5B5D5D; background:none; box-sizing:border-box; padding-left:80px; color:#757575;-webkit-appearance: none; line-height:70px;font-size:14px;border-radius: 0;
    -webkit-appearance: none;}
.lh-select:nth-child(2n) select{border-left:none; border-right:none;}
.lh-select:last-child select{padding-left:45px;}
.lh-select i{display:block; width:10px; height:6px; background:url(../img/lh_jt.png) no-repeat center; position:absolute; right:12px; top:50%; margin-top:-3px;}
.lh-address-item li.last>div{float:left; height:70px; position:relative;}
.lh-address-item li.last .phone{width:63%;}
.lh-address-item li.last .code{width:37%;}
.lh-address-item li.last .phone a{display:block;width:110px; height:70px; text-align:center; line-height:70px; color:#5c5d5d; position:absolute; right:0; top:0;}
.lh-address-item li.last .phone a.getPhoneCode{color:red;}
.lh-address-item li.last .phone a.getPhoneCode.lj{color:#333;}
.lh-address-item li.last .phone input{border-right:none !important;}
.lh-pay{margin-top:50px;}
.lh-pay li{float:left; width:33.3%; text-align:center;}
.lh-pay li:first-child{text-align:left;}
.lh-pay li:last-child{text-align:right;}
.lh-pay li label{cursor:pointer; line-height:15px; font-size:14px;}
.lh-pay li label i{display:inline-block; width:15px; height:15px; background:url(../img/lh_check.png) no-repeat right center; margin-right:10px; position:relative; top:3px;}
.lh-pay li label.on i{background-position:left center;}
.lh-note{margin-top:210px;}
.lh-note input{width:100%; height:30px; border:none; border-bottom:1px solid #5B5D5D; padding-bottom:10px;font-size:14px; transition:ease .45s;}
.lh-note input:focus{border-color:#000;}
.lh-tips{margin-top:50px; font-size:14px; line-height:18px;}
.lh-tips i{display:block; width:15px; height:15px; background:url(../img/lh_check.png) no-repeat right center; float:left; margin-right:10px;}
.lh-tips.on i{background-position:left center;}
.lh-go{display:block; width:232px; height:40px; background:#5A5D5D; color:#fff; text-align:center; line-height:40px; float:right; font-size:14px; margin-top:146px;}
.lh-go:hover{background:#393939;}
.lh-delivery{font-family:'Verdana';}
.lh-delivery h2{height:70px; line-height:70px; text-align:center; background:#F2F2F2; color:#434343; font-weight:normal;}
.lh-delivery-item li{line-height:70px; display:flex; border-top:1px solid #DEDFDE; box-sizing:border-box; color:#434343;}
.lh-delivery-item li:first-child{border:none;}
.lh-delivery-item li span{flex:1; text-align:center;}
.lh-delivery-item li span:first-child{flex:3; text-align:left; padding-left:15px;}
.lh-delivery .all{height:137px; background:#5A5D5D; color:#fff; padding:40px 30px; box-sizing:border-box;}
.lh-delivery .all span{float:left;}
.lh-delivery .all em{float:right; font-style:normal;}
.lh-delivery .all h3{font-weight:normal; margin-bottom:5px;}
.lh-delivery .all h4{font-size:18px;font-weight:normal;}
.lh-delivery .all h4 em{font-size:16px;}
.lh-car-item li{padding:20px 0; border-bottom:1px solid #E0E0E0; overflow:hidden; position:relative;}
.lh-car-item li:first-child{border-top:1px solid #E0E0E0;}
.lh-car-item li>div{float:left;}
.lh-car-item li .img{width:141px; height:187px; overflow:hidden;    width: 141px;height: 187px;overflow: hidden;display: flex;align-items: center;justify-content: center;height:126px;}
.lh-car-item li .img img{width:141px; height:187px;height:auto;display:block;}
.lh-car-item li .text{width:50%; padding-left:5%;}
.lh-car-item li .text h2 a{color:#434343; font-size:20px;}
.lh-car-item li .text h2 a span{font-size:16px;font-weight:normal;}
.lh-car-item li .text h3{font-weight:normal; font-size:14px; line-height:24px; color:#a1a0a0; margin-top:20px;}
.lh-car-item li .text h4{font-weight:normal;color:#a1a0a0; margin-top:48px; height:12px; line-height:12px;}
.lh-car-item li .num{width:156px;}
.lh-car-item li .pre{float:right;}
.lh-car-item li .pre h2{color:#434343; font-size:14px; height:14px; line-height:14px;}
.lh-car-item li .pre a{color:#a1a0a0;font-family:'Verdana'; position:absolute; right:0; bottom:20px;}
.lh-car-item li .pre a:hover{color:#434343;}
.lh-total{margin-top:110px;}
.lh-total h2{float:right; width:413px; border-bottom:1px solid #E0E0E0; font-size:14px;font-family:'Verdana'; font-weight:normal; line-height:18px; padding-bottom:15px;}
.lh-total h2 span{float:left;}
.lh-total h2 em{float:right; font-size:18px; font-style:normal;}
.lh-total a{float:right; display:block; width:232px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:#5B5D5D; letter-spacing:5px; text-indent:5px; margin-top:78px;}
.lh-total a:hover{background:#434343;}
.lh-car-item li .text h2{height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh-order-tips{text-align:center; border-bottom:1px solid #E0E0E0; font-size:14px; padding-bottom:10px;}
.lh-order-wx{text-align:center; margin-top:78px;}
.lh-order-wx h2{font-weight:normal;}
.lh-header-r{position:absolute; right:3.125vw; top:1.1458333333333333vw;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-btn{width:24px; height:15px; position:relative; margin-left:15px; display:block; float:left; z-index:3;}
.lh-nav-btn:before,.lh-nav-btn:after{content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:50%; margin-top:-8px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-btn:after{margin-top:6px;}
.lh-nav-btn i{width:100%; height:1px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
@media screen and (max-width:641px) {
body .lh-nav{width:80%; background:#fff; position:fixed; left:0; top:0; height:100vh; display:flex;padding:10vw 3.125vw 0 2vw;justify-content: flex-start; text-align:right;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:translateX(-100%); visibility:hidden; box-sizing:border-box;}
html body .Nav .lh-nav-btn i{transform:unset;}
html body .Nav .lh-nav-btn:before{transform:unset;}
html body .Nav .lh-nav-btn:after{transform:unset}
html body .Nav .pusher{transform:translateX(18%) !important;}
html body .x-go-back{position:absolute;right:3rem;bottom:2rem;width:2rem;display:block}
html body .x-go-back img{width:100%;display:block}
}
.lh-nav{width:18%; background:#fff; position:fixed; right:0; top:0; height:100vh; display:flex;padding:10vw 3.125vw 0 2vw; text-align:right;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:translateX(100%); visibility:hidden; box-sizing:border-box;justify-content: flex-end;}
@media screen and (max-width: 641px) {
.lh-nav{text-align: start !important}
}

.lh-nav a{color:#000;    color: rgba(70,70,70);}
.lh-nav-item>li{margin:1vw 0;}
.lh-nav-item>li>a{font-size:20px;text-transform: uppercase;}
.lh-nav-item dl a{font-size:16px;    padding-right: 15px;}
.lh-nav-item dl a:hover{font-weight:bold;}
.lh-nav-item dl{display:none;}
.lh-nav-item>li>a:hover{font-weight:bold;}
.Nav .lh-nav{transform:translateX(0); visibility:visible;}
.Nav .lh-nav-btn:before,.Nav .lh-nav-btn:after,.Nav .lh-nav-btn i{background:#000;}
.Nav .lh-lang,.Nav .lh-lang a{color:#000;}
.Nav .lh-nav-btn i{transform:scaleX(0);}
.Nav .lh-nav-btn:before{transform:translate(0,7px) rotate(45deg);}
.Nav .lh-nav-btn:after{transform:translate(0,-7px) rotate(-45deg);}
@media screen and (max-width:641px) {
.Nav .lh-nav-btn i{transform:unset;}
.Nav .lh-nav-btn:before{transform:unset;}
.Nav .lh-nav-btn:after{transform:unset;}
}
.lh-nav .share-list{position:absolute; right:3.125vw; bottom:6vw; display:block; margin-right:0;}
.control-bol.news{height:auto; padding:0;}
.control-bol.news a{position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:24px;}
.control-bol.news a.prev{left:1.1458333333333333vw;}
.control-bol.news a.next{right:1.1458333333333333vw;text-align:right;margin-right:0;}
.lh-mouse{width:18px; height:25px; border:1px solid #fff; border-radius:6px; position:absolute; left:50%; bottom:5vh; transform:translateX(-50%); z-index:2;}
.lh-mouse:before{content:''; display:block; width:2px; height:2px; border-radius:50%; background:#fff; position:absolute; left:50%; top:2px; margin-left:-1px; animation:mouse linear 1s infinite;}
.headerAvtive .z_words{ color:#fff!important}
@keyframes mouse{ 
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(10px);}	
}
.headerAvtive .lh-header-r,.headerAvtive .z_words{top:20px;}
.link-logo a{width:47px; display:block;}
.link-logo a img{width:100%; display:block;}
.lh-works{padding:1% 3.125vw;}
.lh-works-text{position:absolute; left:0; bottom:0; width:100%;  height:100%; background:rgba(0,0,0,.5); display:flex; align-items:flex-end; padding:2vw; box-sizing:border-box; opacity:0; transform:scale(1.1);transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.works-list .workitem:hover .lh-works-text{opacity:1; transform:scale(1);}
.works-list .workitem{overflow:hidden;}
.lh-works-text p{color:#fff !important;}
.share-list.share a{width:18px; height:15px;}
.share-list.share a.i2{width:16px;}
.share-list.share a.i3{width:16px;}
.share-list.share a i{background:url(/style/img/share1.png) no-repeat center; background-size:cover;}
.share-list.share a:hover i{background-position:center center !important;}
.share-list.share .i2 i{background:url(/style/img/share2.png) no-repeat center; background-size:cover;}
.share-list.share .i3 i{background:url(/style/img/share3.png) no-repeat center; background-size:cover;}
.lh-info{padding: 102px 0 0;}
.lh-lang dd a{display:block;}
.lh-lang{color:#fff; float:left; position:relative; z-index:3;transition:cubic-bezier(0.215,.61,.355,1) .45s; position:absolute; right:35px; top:0; height:15px; min-width:30px; white-space:nowrap;}
.lh-lang dd{display:none; text-align:center; position:absolute; width:100px; position:absolute; left:50%; top:15px; margin-left:-50px; padding:10px 0;}
.lh-lang dt{cursor:pointer; text-align:center; font-size:16px}
.lh-lang:hover dd{display:block;}
.lh-lang a{color:#fff; display:block;}
.headerAvtive .lh-lang{height:35px;}
.headerAvtive .lh-lang dd{top:35px;background: none rgba(0,0,0,0.6);}
.lh-proDetail{padding:130px 8.59375vw 100px;}
.pbanner{display:none;}
.headerAvtive1 .lh-header-r,.headerAvtive1 .z_words{top:20px;}
.lh-lang1{float:left;color:#fff;}
.lh-lang1 a{color:#fff;}
.lh-works{padding:126px 3.125vw 90px;}
.works-nav{margin-bottom:90px;}
.lh-proDetail-banner{width:50vw; overflow:hidden; position:relative; float:left;}
.lh-proDetail-banner img{width:100%; display:block;}
.lh-proDetail-banner .prev,.lh-proDetail-banner .next{position:absolute; left:1vw; top:50%; margin-top:-12px; font-size:24px; color:#fff; z-index:2;}
.lh-proDetail-banner .next{left:inherit;right:1vw;}
.lh-proDetail-text{width:30%; float:right;}
.lh-proDetail-text .name{font-size: 25px; line-height:25px; text-transform: uppercase;}
.lh-proDetail-text .nname{font-size:15px;}
.lh-proDetail-text .price{font-size:12px; margin:10px 0 60px; color:#606060;}
.lh-proDetail-text .size{font-size:12px; margin-top:20px;}
.lh-proDetail-text .size.cont{margin-top:30px;}
.lh-proDetail-text .type{margin-top:20px;}
.lh-proDetail-text .size dt{font-weight:bold; position:relative; height:20px; line-height:20px; cursor:pointer;}
.lh-proDetail-text .size dt i{position:absolute; right:0; top:5px; width:10px; height:10px;}
.lh-proDetail-text .size dt i:before,.lh-proDetail-text .size dt i:after{content:''; display:block; width:10px; height:1px; background:#000; position:absolute; right:0; top:50%;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-proDetail-text .size dt i:after{width:1px; height:10px; right:50%; top:0;}
.lh-proDetail-text .size dt i:after{    transform: scaleY(0);}
.lh-proDetail-text .size dt.on i:after{    transform: scaleY(1);}
.lh-proDetail-text .size dd{text-align:right; margin-top:10px; display:none;}
.lh-proDetail-text .type dd span{width:26px; height:26px; display:inline-block; margin-left:.5vw; position:relative; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lh-proDetail-text .type dd span:before{content:''; display:block; width:100%; height:100%; border:2px solid #000; position:absolute; left:0; top:0; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; box-sizing:border-box;}
.lh-proDetail-text .type dd span.on:before,.lh-proDetail-text .type span:hover:before{opacity:1;}
.lh-proDetail-text .shop{height:35px; padding:0 20px; border:1px solid #000; box-sizing:border-box; line-height:35px; display:inline-block; color:#000; margin-top:30px;}
.lh-proDetail-text .shop img{float:left; position:relative; margin-right:6px; top:9px;width: auto;}
.lh-detailPro-buy{margin-top:130px; border-top:1px solid #B9B8B8;}
.lh-detailPro-buy .title{height:80px; line-height:80px; text-align:center; font-size:18px;}
.lh-pro-other li{width:20%; float:left; padding-left:.5vw; box-sizing:border-box;}
.lh-pro-other li a{display:block; overflow:hidden;}
.lh-pro-other li img{display:block; width:100%;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-pro-other{margin-left:-.5vw; padding:0 12.5vw; margin-top:40px;}
.lh-pro-other li a:hover img{transform:scale(1.1);}
.foot a{height:16px; line-height:16px; padding:0 10px; border:1px solid #fff; display:inline-block; color:#fff;}
.link-logo a{width:70px;}
.homeIco{width:119px; height:14px;}
.headerAvtive1 .homeIco:before{content:''; display:block; width:100%; height:100%; background:url(/style/img/white-logo.png) no-repeat center; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;background-size: contain;}
.headerAvtive1 .homeIco:after{content:''; display:block; width:100%; height:100%; background:url(/style/img/black-logo.png) no-repeat center; position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:1;background-size: cover;}
.headerAvtive1 .lh-lang1,.headerAvtive1 .lh-lang1 a{color:#000;}
.headerAvtive1 .lh-nav-btn:before, .headerAvtive1 .lh-nav-btn:after, .headerAvtive1 .lh-nav-btn i{background:#000;}
.headerAvtive.headerAvtive1 .homeIco:before{opacity:1;}
.headerAvtive.headerAvtive1 .homeIco:after{opacity:0;}
.headerAvtive.headerAvtive1 .lh-lang1,.headerAvtive.headerAvtive1 .lh-lang1 a{color:#fff;}
.headerAvtive.headerAvtive1 .lh-nav-btn:before, .headerAvtive.headerAvtive1 .lh-nav-btn:after, .headerAvtive.headerAvtive1 .lh-nav-btn i{background:#fff;}
.Nav .headerAvtive.headerAvtive1 .lh-nav-btn:before,.Nav .headerAvtive.headerAvtive1 .lh-nav-btn:after{background:#000;}
.Nav .headerAvtive.headerAvtive1 .lh-lang1,.Nav .headerAvtive.headerAvtive1 .lh-lang1 a{color:#000;}
.lh-lang1{position:relative; z-index:2;}
.lh-back{display:block; margin-bottom:10px; color:#000; padding-left:20px; position:relative;}
.lh-back:before{content:''; display:block; width:15px; height:1px; background:#000; position:absolute; left:0; bottom:7px;}
.lh-back:after{content:''; display:block; width:8px; height:1px; background:#000; position:absolute; left:0; bottom:7px; transform:rotate(-45deg); transform-origin:left bottom;}
.pbanner1{height:100vh; position:fixed; left:0; top:0; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center;}
.lh-info{position:relative; z-index:2; background:#fff; margin-top:100vh;}
.pbanner1 .boxC .t span,.pbanner1 .boxC .c span{opacity:1;transform: translate(0px,0);}
.pbanner1 .boxC .bot{display:none;}
.pbanner1 .boxC .c{margin-top:20px;}
.homeIco{left:1.1458333333333333vw;}
.lh-header-r{right:1.1458333333333333vw;}
.Nav .pusher{transform:translateX(-18%);}
@media screen and (max-width:641px) {
.Nav .pusher{transform:translateX(18%);}
.x-go-back{ display:none!important}
.lh-nav-item dl a{ padding-right:0; padding-left:15px}
}
.Nav .lh-lang1,.Nav .lh-lang1 a{color:#000;}
.lh-shadow{width:100vw; height:100vh; position:fixed; right:0; top:0; background:rgba(0,0,0,.5); opacity:0; visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.Nav .lh-shadow{opacity:1; visibility:visible;}
.lh-nav-logo{width:38px; position:absolute; right:3.125vw; top:14rem;}

@media screen and (max-width:1024px) {
.lh-nav-logo{width:38px; position:absolute; left:3rem; top:4rem;}
}
.lh-nav-logo img{width:100%; display:block;}
.x-go-back{position:absolute;right:3rem;bottom:2rem;width:2rem;display:none}
.x-go-back img{width:100%;display:none}