@charset "utf-8";

@font-face { font-family: 'zaproman'; src: url('zap-webfont.eot'); src: url('zap-webfont.eot?#iefix') format('embedded-opentype'), url('zap-webfont.woff2') format('woff2'), url('zap-webfont.woff') format('woff'), url('zap-webfont.ttf') format('truetype'), url('zap-webfont.svg#zaproman') format('svg'); font-weight: normal; font-style: normal; }
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; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
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; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: 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; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1280px; margin: 0px auto;}
.conWidth { width: 1137px; margin: 0px auto; }
.conTxt { font-size: 14px; width: 90%; margin: 0 auto; padding-bottom: 50px; }
.telphone{
  position: absolute;right: 50px;top: 30%;font-size: 15px;color: #FFFFFF;font-weight: 700;animation: telanim 5s;
}

.loading-img img { animation: spin 5s linear infinite; -webkit-animation: spin 5s linear infinite; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
    100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
@keyframes telanim{
      0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes spin {
    0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
    100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
}
/*header*/
.header-box { padding: 23px 0 17px; position: fixed; width: 100%; left: 0; top: 0; transition: 200ms linear; -moz-transition: 200ms linear; -webkit-transition: 400ms linear; z-index: 99; }
.header-box.scoll { background: rgba(255,255,255,0.85);}
.header-box.scoll .logo { background: url(../img/logoc.png) center no-repeat; }
.header-box.scoll .telphone{color:#000000;}
.header-box.pscoll { background: #fff; }
.header-box.pscoll .logo { background: url(../img/logoc.png) center no-repeat; background-size: cover; }
.header-box.pscoll .telphone{color:#000000;}
.header-box.pscoll .menuBtn .burger { background: #717171; }
.header { position: relative; }
.header-box.scoll .menuBtn .burger { background: #717171; }
.header .logo { display: inline-block; float: left; width: 127px; height: 59px; background: url(../img/logo.png) center no-repeat; transition: 350ms; -moz-transition: 350ms; -webkit-transition: 350ms; }
.menuBtn { position: absolute; right: 0; top: 18px; width: 35px; height: 27px; cursor: pointer; }
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background: #fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: transform 277ms ease-in-out; -ms-transition: transform 277ms ease-in-out; -moz-transition: transform 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 11px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-handler1 { display: none; }
.bannerBox { position: fixed; overflow: hidden; width: 100%; left: 0; top: 0; }
.qingkun { position: relative; z-index: -1; }
.pbimg { position: absolute; }
.bannerBox.article-block .triangle img { opacity: 0; transition: 1s; }
.bannerBox.articleShow .triangle img { opacity: 1; }

.bannerBox.article-block .triangle h2 { opacity: 0; transition: 600ms 200ms; -webkit-transition: 600ms 200ms; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bannerBox.articleShow .triangle h2 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }

.bannerBox.article-block .triangle h1 { opacity: 0; transition: 600ms 400ms; -webkit- transition:600ms 400ms; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bannerBox.articleShow .triangle h1 { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }

.bannerBox.article-block .triangle p { opacity: 0; transition: 600ms 600ms; -webkit- transition:600ms 600ms; transform: translate(0,50px); -webkit-transform: translate(0,50px); }
.bannerBox.articleShow .triangle p { opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); }

.wave-canvas-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.navBox { padding: 46px 0 46px; background: #fff url(../img/navb.jpg) top center repeat-x; position: absolute; width: 100%; left: 0; top: 99px; display: none; }
.nav { padding-left: 68px; margin-bottom: 38px; }
.nav-list { display: block; width: 14.2%; float: left; }
.nav-list dt { display: block; margin-bottom: 44px; }
.nav-list dt a { display: block; color: #6e6e6e; font-size: 18px; line-height: 26px; position: relative; }
.nav-list dt a:hover { color: #00a4ac; }
.nav-list dd { display: inline-block; }
.nav-info li a { display: inline-block; margin-bottom: 15px; height: 21px; position: relative; color: #a6a6a6; padding: 0 1px; font-size: 14px; line-height: normal; }
.nav-list:nth-child(1) dt a { padding-left: 29px; background: url(../img/inde.png) left top no-repeat; }
.nav-list dt:hover a, .nav-list dt.on a { color: #00a4ac; }
.nav-list:nth-child(1) dt:hover a, .nav-list:nth-child(1) dt.on a { color: #00a4ac; background: url(../img/home.png) left top no-repeat; }
.nav-info li a b { display: block; width: 0; background: #3fbdc4; height: 1px; position: absolute; left: 50%; bottom: 0; transition: 350ms; }
.nav-info li a:hover, .nav-info li a.cur { color: #00a8b0; }
.nav-info li a:hover b, .nav-info li a.cur b { width: 100%; left: 0; }
.nav-botoom { padding: 24px 0 27px; border-top: 1px solid #e2e2e2; }
.nav-fix { float: left; margin-left: 31px; }
.nav-fix a { display: block; color: #989898; font-family: "新细明体"; line-height: 2.4; text-transform: uppercase; }
.nav-fix a:hover { color: #00a9b1; }
.menuBox { background: #fff url(../img/navb.jpg) top center repeat-x; text-align: center; padding: 66px 0 26px; display: none; position: fixed; left: 0; top: 82px; width: 100%; overflow-x: hidden; overflow-y: auto; display: none; }
.menu-list > li { margin-bottom: 28px; }
.menu-list > li > a { display: block; text-align: center; color: #6e6e6e; font-size: 18px; line-height: normal; }
.menu-list > li:hover a, .menu-list > li.cuttent a { color: #00a6ae; }
.leval-menu { margin-top: 10px; display: none; }
.leval-menu li a { display: block; text-align: center; }
.leval-menu li a b { display: inline-block; margin: auto; position: relative; font-weight: normal; color: #a6a6a6; font-size: 14px; line-height: 2.4; transition: 300ms; }
.leval-menu li a b i { display: inline-block; width: 0%; transition: 300ms; height: 1px; position: absolute; left: 50%; bottom: 0; background: #00a8b0; }
.leval-menu li:hover a b, .leval-menu li.on a b { color: #00a8b0; }
.leval-menu li:hover a b i, .leval-menu li.on a b i { width: 100%; left: 0; }
.mnav { margin-bottom: 75px; }


.eq { float: right; margin-right: 35px; margin-top: 2px; }
.eq a { display: inline-block; width: 24px; height: 24px; border-radius: 50%; margin-left: 23px; }
.eq a:nth-child(1) { background: url(../img/weib.png) center no-repeat; }
.eq a:nth-child(2) { background: url(../img/qq.png) center no-repeat; }
.eq a:nth-child(3) { background: url(../img/weix.png) center no-repeat; }
.eq a:hover { transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); }

.popUpblack { background: url(../img/black_.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 3px solid #00a6ae; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

.acoustics { position: absolute; top: 0; left: 50%; height: 100%; margin-left: -640px; text-align: center; }
.triangle { width: 750px; height: auto; position: relative; margin: auto; }
.triangle img { width: 100%; height: auto; display: block; }
.triang { position: absolute; top: 33%; text-align: center; width: 100%; left: 50%; margin-left: -375px; }
.acoustics h2 { text-align: center; position: relative; color: #ffffff; font-family: Arial; padding-bottom: 24px; text-transform: uppercase; font-weight: normal; }
.acoustics h2 small { display: inline-block; width: 36px; height: 3px; background: #fff; position: absolute; left: 50%; margin-left: -18px; bottom: 0; }
.acoustics h1 { color: #ffffff; line-height: 1.5; width: 100%; font-size: 35px; text-align: center; top: 55%; font-weight: normal; margin-top: 10px; }
.acoustics p { text-align: center; color: #ffffff; font-size: 16px; width: 100%; left: 0; bottom: -36px; }
.acoustics-list { position: absolute; left: 50%; margin-left: -38%; bottom: 21%; text-align: center; width: 76%; }
.noise { display: inline-block; margin: auto; }
.acoustics-list .owl-item { text-align: center; }
.acoustics-list li { width: 150px; height: 60px; position: relative; background: url(../img/icobg.png) center no-repeat; background-size: cover; padding-top: 90px; margin: auto; }
.acoustics-list li i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/icoon.png) center no-repeat; background-size: cover; transform: scale(0); -o-transform: scale(0); filter: alpha(opacity=0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform-origin: center center; transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; -moz-transition: 300ms; -webkit-transition: 400ms; }
.acoustics-list li span { display: block; text-align: center; color: #707070; transition: 300ms; font-size: 13px; font-weight: normal; position: relative; }
.acoustics-list li a b { display: inline-block; position: absolute; left: 50%; transition: 300ms; }
.acoustics-list .owl-item .icon1 { width: 52px; height: 52px; background: url(../img/ico1.png) center no-repeat; margin-left: -25px; top: 34px; }
.acoustics-list .owl-item .icon2 { width: 52px; height: 52px; background: url(../img/ico2.png) center no-repeat; margin-left: -22px; top: 30px; }
.acoustics-list .owl-item .icon3 { width: 52px; height: 52px; background: url(../img/ico3.png) center no-repeat; margin-left: -26px; top: 34px; }
.acoustics-list .owl-item .icon4 { width: 43px; height: 52px; background: url(../img/ico4.png) center no-repeat; margin-left: -21px; top: 32px; }
.acoustics-list .owl-item .icon5 { width: 52px; height: 52px; background: url(../img/ico5.png) center no-repeat; margin-left: -26px; top: 34px; }
.acoustics-list .owl-item .icon6 { width: 52px; height: 52px; background: url(../img/ico6.png) center no-repeat; margin-left: -26px; top: 26px; }
.acoustics-list .owl-item:hover i { transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); filter: alpha(opacity=100); }
.acoustics-list .owl-item:hover .icon1 { background: url(../img/ico1_1.png) center no-repeat; }
.acoustics-list .owl-item:hover .icon2 { background: url(../img/ico2_1.png) center no-repeat; }
.acoustics-list .owl-item:hover .icon3 { background: url(../img/ico3_1.png) center no-repeat; }
.acoustics-list .owl-item:hover .icon4 { background: url(../img/ico4_1.png) center no-repeat; }
.acoustics-list .owl-item:hover .icon5 { background: url(../img/ico5_1.png) center no-repeat; }
.acoustics-list .owl-item:hover .icon6 { background: url(../img/ico6_1.png) center no-repeat; }
.acoustics-list .owl-item:hover span { color: #fff; }
.bannerBox.article-block .acoustics-list .owl-item { transition: 1000ms; opacity: 0; }
.bannerBox.article-block .acoustics-list .owl-item:nth-child(2) { transition: 1000ms 400ms; }
.bannerBox.article-block .acoustics-list .owl-item:nth-child(3) { transition: 1000ms 800ms; }
.bannerBox.article-block .acoustics-list .owl-item:nth-child(4) { transition: 1000ms 1200ms; }
.bannerBox.article-block .acoustics-list .owl-item:nth-child(5) { transition: 1000ms 1600ms; }
.bannerBox.article-block .acoustics-list .owl-item:nth-child(6) { transition: 1000ms 2000ms; }
.bannerBox.articleShow .acoustics-list .owl-item { opacity: 1; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.programme-box { background: #fff; position: relative; }
.programme { padding: 156px 0 116px; text-align: center; }
.programme h2 { color: #707070; font-size: 36px; line-height: 1.26; text-align: center; font-family: Arial; text-transform: uppercase; font-weight: normal; }
.programme h1 { color: #707070; font-size: 35px; font-weight: normal; text-align: center; line-height: normal; margin-bottom: 87px; }
.programme p { width: 755px; text-align: center; margin: auto; line-height: 2; color: #707070; font-size: 13px; }
.pro-more { width: 170px; height: 41px; position: relative; overflow: hidden; border: 3px solid #707070; margin: auto; margin-top: 120px; }
.programme-box.article-block .programme h2 { position: relative; opacity: 0; top: 50px; transition: 600ms; }
.programme-box.articleShow .programme h2 { opacity: 1; top: 0; }
.programme-box.article-block .programme h1 { position: relative; opacity: 0; top: 50px; transition: 600ms 400ms; }
.programme-box.articleShow .programme h1 { opacity: 1; top: 0; }
.programme-box.article-block .programme p { position: relative; opacity: 0; top: 50px; transition: 600ms 700ms; }
.programme-box.articleShow .programme p { opacity: 1; top: 0; }
.programme-box.article-block .programme .pro-more { position: relative; opacity: 0; top: 50px; }
.programme-box.articleShow .programme .pro-more { opacity: 1; top: 0; }



.pro-more a { display: block; position: relative; color: #707070; font-size: 13px; text-align: center; line-height: 41px; }
.pro-more b { display: block; width: 176px; height: 47px; position: absolute; left: -179px; top: -3px; background: #00a9b1; transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; }
.programme-box.article-block { }
.pro-more:hover { border-color: #00a9b1; }
.pro-more:hover a { color: #fff; }
.pro-more:hover b { left: -3px; }
.intriduct { position: relative; background: #fff; }
.introduct-info { width: 50%; float: left; }
.introduct-info .intro-bg { display: block; width: 100%; height: auto; }
.introduct-text { width: 50%; float: left; overflow: hidden; height: auto; position: relative; }
.introduct-img { width: 50%; float: left; overflow: hidden; height: auto; }
.introduct-img img { display: block; width: 100%; height: auto; transition: 400ms; -o-transition: 400ms; -ms-transition: 400ms; -moz-transition: 400ms; -webkit-transition: 400ms; }
.introduct-info:hover .introduct-img img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner span { display: inline-block; position: absolute; }
.inter-inner h3 { font-weight: normal; line-height: normal; }
.inter-inner h3 a { color: #ffffff; font-size: 23px; }
.inter-inner .detail { display: inline-block; padding-right: 20px; color: #ffffff; font-size: 12px; position: absolute; left: 7%; bottom: 17%; }
.inter-inner .detail b { display: inline-block; color: #fff; font-weight: normal; position: absolute; right: 0; top: 0; }
.introduct-info:hover .detail { padding-right: 25px; }
.inter-wr { padding: 16% 18.4% 0 7%; position: relative; width: 100%; height: 100%; box-sizing: border-box; z-index: 20; }
.inter-inner p { color: #ffffff; font-size: 12px; line-height: 1.8; margin-top: 8%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.inter-inner .line1 { border-top: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 3px solid #fff; border-left: 3px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.introduct-info:hover .line1,
.introduct-info:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.property { padding: 7.5% 12% 0 9%; position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; }
.property img { display: block; width: 100%; height: auto; transition: 350ms; -o-transition: 350ms; -ms-transition: 350ms; -moz-transition: 350ms; -webkit-transition: 350ms; }
.property img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.property h3 { margin-top: 6%; color: #00a9b1; font-size: 18px; margin-bottom: 4%; font-weight: normal; }
.property h3:hover { color: #707070; }
.property p { color: #8e9393; }
.property figure { display: block; overflow: hidden; }
.new-box { padding: 119px 0 72px; background: #f8f8fa; position: relative; }
.intriduct.article-block .introduct-info .introduct-text,
.intriduct.article-block .introduct-info .introduct-img { position: relative; top: 80px; opacity: 0; transition: 650ms; }
.intriduct.articleShow .introduct-info .introduct-text, .intriduct.articleShow .introduct-info .introduct-img { top: 0; opacity: 1; }
.intriduct.articleShow .introduct-info:nth-child(1) .introduct-img { transition: 650ms 300ms; }
.intriduct.articleShow .introduct-info:nth-child(2) .introduct-text { transition: 650ms 600ms; }
.intriduct.articleShow .introduct-info:nth-child(2) .introduct-img { transition: 650ms 900ms; }
.intriduct.articleShow .introduct-info:nth-child(3) .introduct-img { transition: 650ms 1200ms; }
.intriduct.articleShow .introduct-info:nth-child(3) .introduct-text { transition: 650ms 1500ms; }
.intriduct.articleShow .introduct-info:nth-child(4) .introduct-text:nth-child(1) { transition: 650ms 1800ms; }
.intriduct.articleShow .introduct-info:nth-child(4) .introduct-text:nth-child(2) { transition: 650ms 2100ms; }
.intriduct .introduct-info:nth-child(4) .introduct-text:hover .property img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.intriduct .introduct-info:nth-child(4) .introduct-text:hover .property h3 { color: #666; }
.intriduct .introduct-info:nth-child(4) .introduct-text:hover .property p { color: #666; }

.i-product { display: none; position: relative; background: #fff; }
.product-info { width: 100%; position: relative; }
.product-info.article-block figcaption h2 { opacity: 0; top: 50px; position: relative; transition: 550ms; -webkit-transition: 550ms; }
.product-info.articleShow figcaption h2 { opacity: 1; top: 0; }
.product-info.article-block figcaption small { opacity: 0; top: 50px; position: relative; transition: 550ms 400ms; -webkit-transition: 550ms 400ms; }
.product-info.articleShow figcaption small { opacity: 1; top: 0; }

.product-info figure { display: block; overflow: hidden; line-height: 0 !important; }
.product-info figure img { width: 100%; height: auto; transition: 350ms; -o-transition: 350ms; -ms-transition: 350ms; -webkit-transition: 350ms; margin: 0; line-height: normal; }
.product-info:hover figure img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.product-info figcaption { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); box-sizing: border-box; }
.protext { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.product-info figcaption h2 { color: #ffffff; font-size: 26px; text-align: center; font-weight: normal; }
.product-info figcaption small { text-align: center; color: #ffffff; font-family: Arial; font-size: 22px; width: 100%; display: block; line-height: normal; text-transform: uppercase; }
.knowledge { padding: 48px 0 0; }
.knowledge h3 { color: #00a9b1; font-size: 18px; margin-bottom: 16px; }
.knowledge p { color: #8e9393; font-size: 14px; margin-bottom: 28px; }
.knowledge figure { display: block; overflow: hidden; line-height: 0; }
.knowledge figure img { width: 100%; height: auto; transition: 350ms; -o-transition: 350ms; -ms-transition: 350ms; -webkit-transition: 350ms; margin: 0; line-height: normal; }
.knowledge figure img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.caseBanner { position: relative; }
.caseBanner .item .pic { line-height: 0; }
.caseBanner .bx-controls-direction { display: none; }
.caseBanner .bx-controls { width: 1280px; position: absolute; left: 50%; margin-left: -640px; bottom: 0; z-index: 20; text-align: right; z-index: 51; }
.caseBanner .bx-caption { width: 1280px; position: absolute; left: 50%; margin-left: -640px; bottom: 0; z-index: 20; text-align: right; }
.caseBanner .bx-caption span { color: #4b4b4b; font-size: 18px; padding: 30px 0 0 28px; height: 80px; border-bottom: 4px solid #00a9b1; width: 482px; display: inline-block; text-align: left; }
.caseBanner .bx-pager { position: absolute; right: 0; bottom: 0; padding: 30px 0 0 28px; height: 80px; border-bottom: 4px solid #00a9b1; width: 482px; }


/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height: 100%; overflow: hidden; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height: 100%; }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading img */
.owl-item.loading { min-height: 150px; background: url(../img/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
.pic-tab { width: 32.7%; float: left; margin-right: 36px; }
.pic-tab h2 { color: #6e6e6e; font-size: 23px; margin-bottom: 20px; padding-left: 3px; font-weight: normal; }
.pic-list li { float: left; overflow: hidden; }
.pic-list li img { display: block; max-width: 100%; transition: 350ms; height: 356px; }
.pic-list li img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.pic-slider .owl-controls { position: absolute; left: 0; bottom: 0; width: 100%; text-align: right; }
.pic-tab .owl-theme .owl-controls .owl-page span { margin: 0; width: 9px; height: 10px; position: relative; top: -2px; line-height: normal; margin-right: 7px; border-radius: 50%; background: url(../img/tab1.png) center no-repeat; }
.pic-tab .owl-theme .owl-controls .owl-page span:last-child { margin-right: 10px; }
.pic-tab .owl-theme .owl-controls .owl-page.active span,
.pic-tab .owl-theme .owl-controls.clickable .owl-page:hover span { width: 15px; height: 15px; background: url(../img/on.jpg) center no-repeat; top: 0; }
.information { width: 37.4%; float: left; }
.information h3 { color: #6e6e6e; font-size: 23px; position: relative; font-weight: normal; margin-bottom: 20px; }
.information h3 a { display: inline-block; color: #6e6e6e; font-size: 12px; position: absolute; right: 18px; top: 12px; }
.informate-list { padding: 0 24px 9px; background: #fff; }
.informate-list li { border-bottom: 1px solid #dcdcdc; }
.informate-list li span { display: inline-block; float: left; line-height: 3; color: #787878; font-size: 14px; margin-left: 1px; width: 80%; overflow: hidden; transition: 300ms; }
.informate-list li time { display: inline-block; float: right; line-height: 3.5; color: #a0a0a0; font-size: 12px; }
.informate-list li:hover span { color: #00a9b1; }
.informate-list li:hover time { color: #00a9b1; }
.informate-list li:last-child { border-bottom: none; }
.techology { padding-bottom: 46px; position: relative; padding-top: 26px; background: #fff url(../img/techology.png) 95% 24px no-repeat; padding-left: 20px; margin-top: 10px; }
.techology:hover .lines { width: 100%; }
.lines { display: block; height: 3px; position: absolute; left: 0; bottom: 0; background: #00a9b1; width: 0; transition: 650ms; }
.techology-left { float: left; }
.techology-left h4 { color: #6e6e6e; font-size: 23px; font-weight: normal; line-height: 1.6; }
.techology-left small { display: block; font-family: Arial; color: #6e6e6e; font-size: 20px; font-family: Arial; margin-bottom: 10px; line-height: normal; }
.techology-left b { color: #6e6e6e; font-size: 14px; font-weight: normal; font-style: italic; }
.resources { width: 24.9%; float: right; }
.resources h3 { color: #6e6e6e; font-size: 23px; margin-bottom: 20px; padding-left: 1px; font-weight: normal; }
.resource-info { background: #fff; padding-bottom: 25px; }
.resource-info figure { display: block; margin-bottom: 22px; overflow: hidden; }
.resource-info figure img { width: 100%; height: auto; transition: 300ms; }
.resource-info figure img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.resource-info span { display: block; padding: 0 20px; color: #6e6e6e; font-family: 黑体; line-height: 25px; margin-bottom: 22px; font-size: 18px; }
.mores { display: inline-block; width: 99px; margin-left: 22px; z-index: 10; height: 28px; line-height: 28px; color: #ffffff; font-size: 12px; background: #00a9b1; font-family: Arial; text-indent: 10px; position: relative; }
.mores:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #6e6e6e; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mores:hover:before, .more:focus:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.resource-info .mores b { width: 7px; height: 7px; background: url(../img/top.png) center no-repeat; position: absolute; right: 14px; top: 11px; transition: 300ms; }
.resource-info .mores:hover b { right: 8px; }
.list.article-block .pic-tab { position: relative; left: -40px; opacity: 0; transition: 800ms; }
.list.articleShow .pic-tab { left: 0; opacity: 1; }
.list.article-block .resources { position: relative; right: -40px; opacity: 0; transition: 800ms; }
.list.articleShow .resources { right: 0; opacity: 1; }
.list.article-block .information h3, .list.article-block .information .informate-list,
.list.article-block .information .techology { position: relative; top: 30px; opacity: 0; transition: 400ms 200ms; }
.list.articleShow .information h3, .list.articleShow .information .informate-list,
.list.articleShow .information .techology { opacity: 1; top: 0; }
.list.article-block .information .informate-list { transition: 400ms 400ms; }
.list.article-block .information .techology { transition: 400ms 600ms; }


/*footer*/
.footer { position: relative; background: #fff; }
.footer-tp { padding: 36px 0 38px; background: #00a9b1; }
.address span { display: inline-block; line-height: normal; color: #ffffff; font-size: 14px; float: left; margin-right: 4.9%; }
.links { float: right; width: 196px; }
.links em { display: block; float: left; width: 21px; height: 21px; background: url(../img/ball.png) center no-repeat; line-height: normal; }
.link { width: 175px; float: left; position: relative; }
.link b { display: block; padding-left: 12px; height: 21px; line-height: 21px; color: #ffffff; font-size: 12px; cursor: pointer; font-weight: normal; }
.link i { width: 10px; height: 7px; position: absolute; right: 2px; top: 7px; background: url(../img/down.png) left center no-repeat; transition: 300ms linear; -o-transition: 300ms linear; -ms-transition: 300ms linear; -webkit-transition: 300ms linear; }
.link:hover b i { transform: rotate(180deg); }
.link-list { width: 100%; position: absolute; left: 0; bottom: 21px; background: #fff; display: none; }
.link-list li a { display: block; line-height: 26px; color: #787878; font-size: 12px; padding-left: 12px; }
.link-list li a:hover { color: #00a9b1; }
.footer-bott { padding: 22px 0 28px;text-align:center; }
.copy {}
.copy a { color: #a0a0a0; font-size: 14px; display: inline-block; margin-bottom: 16px; line-height: normal; }
.copy p a { display: inline-block; margin-right: 23px; margin-bottom: 0; font-size: 12px; }
.copy a:hover { color: #00a9b1; }
.follow { float: right; margin-right: 90px; }
.follow strong { display: block; float: left; width: 38px; height: 38px; background: url(../img/eq.jpg) center no-repeat; margin-right: 14px; margin-top: 1px; }
.follow-text { float: left; }
.follow-text a { display: block; color: #a0a0a0; font-size: 12px; font-family: 黑体; line-height: normal; margin-bottom: 11px; }
.follow-text a:last-child { margin-bottom: 0; }
.follow-text a:hover { color: #00a9b1; }

/*product*/
.inner-page { position: relative; }
.inner-page figure { display: block; line-height: normal;}
.inner-page figure img { display: block; transition: 4.5s; -o-transition: 4.5s; -ms-transition: 4.5s; -moz-transition: 4.5s; -webkit-transition: 4.5s; width: 100%; height: auto; }
.inner-page figcaption { width: 100%; position: absolute; left: 0; text-align: center; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -61px\9; }
.inner-page figcaption h3 { color: #ffffff; font-size: 60px; line-height: normal; margin-bottom: 20px; font-weight: normal; text-align: center; }
.inner-page figcaption small { display: block; text-align: center; color: #ffffff; font-size: 20px; line-height: normal; font-family: Arial; }
.inner-page.article-block figcaption h3, .inner-page.article-block figcaption small { opacity: 0; position: relative; top: 40px; transition: 600ms; }
.inner-page.articleShow figcaption h3 { opacity: 1; top: 0; }
.inner-page.articleShow figcaption small { opacity: 1; top: 0; transition: 600ms 400ms; }
.inner-page.articleShow figure img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.product-fix { width: 1137px; margin: auto; }
.product-area li { padding: 135px 0 125px; }
.product-area li figure { display: block; float: left; line-height: normal; overflow: hidden; width: 44.15%; }
.product-area li.article-block figure { position: relative; top: 120px; opacity: 0; transition: 850ms 300ms; }
.product-area li.articleShow figure { opacity: 1; top: 0; }

.product-area li.article-block .area-text { position: relative; right: -80px; opacity: 0; transition: 850ms 500ms; }
.product-area li.articleShow .area-text { opacity: 1; right: 0; }

.product-area li:nth-child(2n+2).article-block .area-text { position: relative; right: 0; left: -80px; opacity: 0; transition: 850ms 500ms; }
.product-area li:nth-child(2n+2).articleShow .area-text { opacity: 1; right: 0; left: 0; }

.product-area li figure img { transition: 350ms; -webkit-transition: 350ms; width: 100%; height: auto; }
.product-area li figure img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.area-text { width: 50.2%; float: right; }
.area-text strong { display: block; line-height: 1.2; color: #615d5c; font-family: "Arial"; text-transform: uppercase; font-size: 24px; }
.area-text h2 { position: relative; margin-top: 24px; color: #707070; font-size: 30px; font-weight: normal; padding-bottom: 27px; line-height: normal; margin-bottom: 38px; }
.area-text h2 small { display: block; width: 66px; height: 5px; background: #00a9b1; position: absolute; left: 0; bottom: 0; }
.area-text p { color: #707070; font-size: 13px; line-height: 26px; margin-bottom: 55px; text-indent: 2em; }
.area-text .pro-more { margin: 0; width: 117px; height: 31px; border: 2px solid #615d5c; line-height: 31px; }
.area-text .pro-more b { width: 121px; height: 35px; left: -121px; top: -2px; }
.area-text .pro-more a { height: 31px; line-height: 31px; }
.area-text .detail:hover { margin-left: 10px; }
.area-text .pro-more:hover { border-color: #00a9b1; }
.area-text .pro-more:hover b { left: -2px; }
.product-area li:nth-child(2n+2) { background: #f8f8fa; }
.product-area li:nth-child(2n+2) figure { float: right; }
.product-area li:nth-child(2n+2) .area-text { float: left; }

/*产品分类*/
.product-class { padding: 94px 0 90px; background: #f5f7f9; }
.product-list li { width: 31%; float: left; margin-right: 2.5%; border-radius: 4px; background: #fff; margin-bottom: 76px; }
.product-list li .product-infos { border: 1px solid #f5f7f9; border-radius: 4px; transition: 300ms; padding-bottom: 44px; }
.product-list li:nth-child(3n+3) { margin-right: 0; }
.product-list li figure { display: block; width: 100%; overflow: hidden; border-radius: 4px 4px 0 0; line-height: 0; }
.product-list li figure img { display: block; width: 100%; height: auto; transition: 350ms linear; -webkit-transition: 350ms linear; }
.product-list li h3 { text-align: center; margin: auto; margin-top: 17px; width: 70%; height: 63px; font-weight: normal; }
.product-list li h3 a { display: block; text-align: center; color: #707070; font-size: 24px; line-height: normal; }
.product-list li p { width: 85.23%; height: 78px; overflow: hidden; text-align: center; line-height: 26px; color: #707070; font-size: 12px; margin: auto; }
.product-list li .pro-more { margin-top: 56px; border: none; width: 182px; height: 32px; background: #707070; }
.product-list li .pro-more b { width: 182px; height: 32px; left: -182px; top: 0; }
.product-list li .pro-more a { line-height: 32px; color: #f8f8fa; font-size: 12px; }
.product-list li:hover .product-infos { border-color: #7ad0d5; box-shadow: 4px 4px 4px #dee0e2; }
.product-list li:hover .pro-more b { left: 0; }
.product-list li:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.product-list li:hover h3 a { color: #00a9b1; }
.product-class.article-block .product-list li { position: relative; top: 50px; opacity: 0; transition: 600ms 200ms; }
.product-class.articleShow .product-list li { opacity: 1; top: 0; }

/*产品详情*/
.product-view { padding-top: 192px; padding-bottom: 8px; background: url(../img/view.jpg) repeat-x; overflow: hidden; position: relative; }
.view h3 { color: #ffffff; font-size: 40px; font-weight: normal; margin-bottom: 28px; line-height: normal; }
.view.article-block h3 { position: relative; top: 50px; opacity: 0; transition: 650ms; }
.view.articleShow h3 { top: 0; opacity: 1; }
.view.article-block .position { position: relative; top: 50px; opacity: 0; transition: 650ms 300ms; -webkit-transition: 650ms 300ms; }
.view.articleShow .position { top: 0; opacity: 1; }


.position { padding-left: 22px; background: url(../img/mar.png) left top no-repeat; }
.position a, .position b { display: inline-block; float: left; color: #ffffff; font-size: 12px; }
.position a { padding-bottom: 5px; margin-top: 1px; line-height: normal; }
.position a:hover, .position a.on { border-bottom: 1px solid #b0e0e2; }
.position b { margin: 1px 3px; line-height: normal; }
.article { padding: 92px 0 100px; background: #f5f7f9; }
.view-text { background: #fff; padding-top: 86px; }
.view-font { padding: 0 66px; font-size: 14px; line-height: 24px; margin-bottom: 25px; }
.view-font img { max-width: 100%; width: auto!important; height: auto!important; }
.appearance { margin-top: 70px; padding: 0 66px; margin-bottom: 260px; }
.appearance h2 { color: #707070; font-size: 20px; margin-bottom: 20px; font-weight: normal; }
.app-list li { float: left; width: 22.9%; margin-right: 2.8%; margin-bottom: 26px; overflow: hidden; }
.app-list li:nth-child(4n+4) { margin-right: 0; }
.app-list li img { display: block; transition: 400ms; width: 100%; height: auto; }
.app-list li img:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.page { padding: 48px 0 80px; border-top: 1px solid #ebebeb; }
.page-list { float: left; }
.page-list a { display: block; line-height: 30px; color: #707070; font-size: 14px; }
.page-list a:hover { color: #00a9b1; }
.back { float: right; margin-top: 15px; }
.back a { width: 132px; height: 32px; text-align: center; line-height: 32px; display: block; color: #f8f8fa; font-size: 12px; background: #00a9b1; }
.back a:hover { transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); }

/*project*/
.project { padding: 115px 0 98px; }
.project-left { width: 15%; float: left; margin-left: 1px; background: #e2e5e5; }
.project-left li { padding: 17px 0; transition: 450ms; -o-transition: 450ms; -webkit-transition: 450ms; border-bottom: 1px solid #fff; text-align: center; }
.project-left li i { display: block; width: 52px; height: 52px; transition: 400ms; margin: auto; margin-bottom: 15px; }
.project-left li span { display: block; line-height: normal; font-weight: normal; color: #707070; font-size: 13px; text-align: center; transition: 350ms; }
.project-left li:nth-child(1) i { background: url(../img/ico1_2.png) center no-repeat; }
.project-left li:nth-child(2) i { background: url(../img/ico2_2.png) center no-repeat; }
.project-left li:nth-child(3) i { background: url(../img/ico3_2.png) center no-repeat; }
.project-left li:nth-child(4) i { background: url(../img/ico4_2.png) center no-repeat; }
.project-left li:nth-child(5) i { background: url(../img/ico5_2.png) center no-repeat; }
.project-left li:nth-child(6) i { background: url(../img/ico6_2.png) center no-repeat; }
.project-left li:nth-child(7) i { background: url(../img/ico6_3_1.png) center no-repeat; }
.project-left li:hover, .project-left li.current { background: #00a9b1; }
.project-left li:hover span, .project-left li.current span { color: #f5f7f9; }
.project-left li:nth-child(1):hover i,
.project-left li:nth-child(1).current i { background: url(../img/ico1_1.png) center no-repeat; }
.project-left li:nth-child(2):hover i,
.project-left li:nth-child(2).current i { background: url(../img/ico2_1.png) center no-repeat; }
.project-left li:nth-child(3):hover i,
.project-left li:nth-child(3).current i { background: url(../img/ico3_1.png) center no-repeat; }
.project-left li:nth-child(4):hover i,
.project-left li:nth-child(4).current i { background: url(../img/ico4_1.png) center no-repeat; }
.project-left li:nth-child(5):hover i,
.project-left li:nth-child(5).current i { background: url(../img/ico5_1.png) center no-repeat; }
.project-left li:nth-child(6):hover i,
.project-left li:nth-child(6).current i { background: url(../img/ico6_1.png) center no-repeat; }
.project-left li:nth-child(7).current i { background: url(../img/ico6_3.png) center no-repeat; }
.project-text { width: 78.5%; float: right; text-align: center; }
.project-list li { width: 48%; float: left; margin-right: 4%; margin-bottom: 38px; position: relative; }
.project-list li:nth-child(2n+2) { margin-right: 0; }
.project-list li figure { display: block; line-height: 0; overflow: hidden; }
.project-list li figure img { display: block; width: 100%; height: auto; transition: 350ms linear; -webkit-transition: 350ms linear; }
.project-list li figcaption { display: block; padding: 22px 0 25px 0; text-align: left; width: 100%; text-indent: 14px; color: #ffffff; font-size: 16px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); background: url(../img/bg1.png) repeat\9; }
.project-list li figcaption .r { margin-right: 12px; opacity: 0; transition: 400ms; }
.project-list li:hover figcaption .r { opacity: 1; }
.project-list li:hover figure img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.project-list.article-block li { transition: 600ms; position: relative; top: 30px; opacity: 0; }
.project-list.article-block li:nth-child(2) { transition: 600ms 400ms; }
.project-list.article-block li:nth-child(3) { transition: 600ms 800ms; }
.project-list.article-block li:nth-child(4) { transition: 600ms 1200ms; }
.project-list.article-block li:nth-child(5) { transition: 600ms 1600ms; }
.project-list.articleShow li { opacity: 1; top: 0; }

.nextpage { margin-top: 52px; text-align: center; display: inline-block; }
.nextpage a { display: inline-block; width: 50px; height: 50px; float: left; }
.nextpage a.prev { background: url(../img/pde.jpg) center no-repeat; }
.nextpage a.prev:hover { background: url(../img/pdeon.jpg) center no-repeat; }
.nextpage a.next { background: url(../img/nde.jpg) center no-repeat; }
.nextpage a.next:hover { background: url(../img/ndeon.jpg) center no-repeat; }
.nextpage span { display: inline-block; line-height: 50px; color: #c1c1c1; float: left; font-size: 30px; margin: 0 50px; }
.nextpage span b { display: inline-block; color: #00a9b1; font-weight: normal; }
.leader { background-attachment: fixed; width: 100%; padding: 12% 0; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.projects { text-align: center; }
.projects img { margin: auto; }

.suppter { padding: 48px 0 84px; background: #f8f8f8; }
.support li { text-align: center; float: left; }
.support li:nth-child(1) { width: 26.4%; }
.support li:nth-child(2) { width: 48.2%; }
.support li:nth-child(3) { width: 25.4%; }
.support li i { display: block; width: 42px; height: 46px; margin: auto; margin-bottom: 30px; }
.support li:nth-child(1) i { background: url(../img/w.png) center 3px no-repeat; }
.support li:nth-child(2) i { background: url(../img/supper.png) center 1px no-repeat; }
.support li:nth-child(3) i { background: url(../img/x.png) center 0 no-repeat; }
.support li h2 { display: block; text-align: center; color: #919292; font-size: 24px; font-weight: normal; }
.support li span { color: #919292; display: block; font-size: 14px; margin-bottom: 30px; }
.support li span a { display: inline-block; color: #00a9b1; border-bottom: 1px solid #63bec4; }
.support li b { display: block; text-align: center; color: #919292; font-size: 14px; margin-bottom: 8px; font-weight: normal; }
.support li em { display: block; text-align: center; color: #919292; font-size: 14px; font-style: normal; }
.project-view { padding: 120px 0 0; }
.viewtext { font-size: 14px; line-height: 24px; margin-bottom: 25px; }
.viewtext img { max-width: 100%; width: auto!important; height: auto!important; }

/*新闻动态*/
.dynamic { position: absolute; left: 0; bottom: 0; width: 100%; padding: 44px 0; text-align: center; background: rgba(0,0,0,0.1); background: url(../img/bg2.png) repeat\9; }
.dynamic a { display: inline-block; position: relative; width: 134px; height: 32px; margin-right: 3px; }
.dynamic a b { display: inline-block; width: 100%; height: 32px; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: url(../img/now.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.dynamic a span { display: block; width: 100%; height: 32px; line-height: 32px; color: #ffffff; text-align: center; font-size: 16px; position: relative; z-index: 5; }
.dynamic a:hover b, .dynamic a.active b { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.news-box { padding: 158px 0 214px; background: #f5f7f9; }
.new-info { padding: 0 18px; }
.new-info.article-block figure { position: relative; left: -80px; transition: 800ms 300ms; -webkit-transition: 800ms 300ms; opacity: 0; }
.new-info.articleShow figure { left: 0; opacity: 1; }

.new-info.article-block .new-text { position: relative; right: -80px; transition: 800ms 300ms; -webkit-transition: 800ms 300ms; opacity: 0; }
.new-info.articleShow .new-text { right: 0; opacity: 1; }

.new-info figure { display: block; line-height: normal; overflow: hidden; float: left; width: 47%; }
.new-info figure img { display: block; width: 100%; height: auto; transition: 350ms linear; -webkit-transition: 350ms linear; }
.new-info figure img:hover, .new-info figure img:focus { transform: scale(1.1); -webkit-transform: scale(1.1); }
.new-info .new-text { width: 48.6%; float: right; }
.new-info .new-text time { display: block; color: #8c8c8c; font-size: 12px; line-height: normal; }
.new-info .new-text h3 { margin-bottom: 19px; margin-top: 9px; font-weight: normal; }
.new-info .new-text h3:hover a { color: #00a9b1; }
.new-info .new-text h3 a { display: block; line-height: 1.4; color: #535353; font-size: 18px; }
.new-info .new-text p { color: #8c8c8c; font-size: 14px; line-height: 26px; margin-bottom: 70px; }
.more { display: block; width: 74px; height: 25px; text-align: center; line-height: 25px; color: #ffffff; font-size: 12px; background: #777777; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; }
.more:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00a9b1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.more:hover:before, .more:focus:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.news-list { margin-top: 58px; padding-left: 18px; }
.news-list li { float: left; width: 355px; background: #fff; margin-right: 27px; margin-bottom: 30px; }
.news-list li:nth-child(3n+3) { margin-right: 0; }
.news-list li .newfix { padding: 30px 15px 58px 20px; border: 1px solid #d3d5d6; transition: 350ms; }
.news-list li time { display: block; color: #8c8c8c; font-size: 12px; line-height: normal; margin-bottom: 5px; }
.news-list li h3 { margin-bottom: 11px; font-weight: normal; line-height: normal; }
.news-list li h3 a { display: block; line-height: 28px; color: #535353; font-size: 18px; }
.news-list li figure { display: block; line-height: normal; width: 100%; overflow: hidden; margin-bottom: 14px; }
.news-list li figure img { display: block; width: 100%; height: auto; transition: 350ms linear; }
.news-list li p { color: #8c8c8c; font-size: 14px; margin-bottom: 30px; }
.news-list li:hover .newfix { border: 1px solid #00a9b1; box-shadow: 4px 4px 4px #dee0e2; }
.news-list li:hover h3 a { color: #00a9b1; }
.news-list li:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.news-list li:hover .more:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.pagecenter { text-align: center; }

/*hr*/
.hr-box { padding: 38px 0 83px; background: #f8f8fa; }
.hr-info { float: left; width: 30%; margin-right: 2.9%; }
.hr-list.article-block .hr-info { opacity: 0; transition: 650ms 200ms; -webkit-transition: 650ms 200ms; position: relative; top: 60px; }
.hr-list.articleShow .hr-info { opacity: 1; top: 0; }
.hr-list.article-block .hr-info:nth-child(2) { transition: 650ms 600ms; -webkit-transition: 650ms 600ms; }
.hr-list.article-block .hr-info:nth-child(3) { transition: 650ms 1000ms; -webkit-transition: 650ms 1000ms; }

.hr-info:nth-child(1) { margin-left: 22px; }
.hr-info:last-child { margin-right: 0; }
.hr-info figure { display: block; width: 100%; overflow: hidden; }
.hr-info figure img { display: block; width: 100%; height: auto; }
.hr-info figcaption { display: block; padding: 23px 22px 0 20px; border: 1px solid #c6c6c8; height: 108px; }
.hr-info figcaption h5 { color: #575757; font-size: 14px; line-height: 22px; font-weight: normal; }
.hr-info figcaption p { color: #575757; font-size: 12px; line-height: 24px; }
.post { margin-top: 108px; }
.post-wr { padding: 0 18px; }
.post-wr h2 { color: #575757; font-size: 18px; font-weight: normal; line-height: normal; padding-left: 20px; margin-bottom: 20px; }

.recruit-text li:last-child { border-bottom: 3px solid #fff; }
.recuit-top { background: #f8f8fa; cursor: pointer; border-top: 3px solid #fff; }
.recuit-top span { display: inline-block; width: 50%; float: left; height: 72px; line-height: 72px; font-size: 14px; color: #575757; transition: 350ms; }
.recuit-top.on { background: #00a9b1; transition: 350ms; border-top: 3px solid #e6e6e6; }
.recuit-top.on span { color: #fff; }
.recuit-top.on span:nth-child(2) i { background: #fff; }
.recuit-top.on span:nth-child(2) i.line2 { background: #fff; transform: translateY(100px); opacity: 0; }
.recuit-top span:nth-child(1) { text-indent: 20px; }
.recuit-top span:nth-child(2) { text-align: right; box-sizing: border-box; cursor: pointer; padding-right: 30px; position: relative; }
.recuit-top span:nth-child(2) i { display: inline-block; background: #828282; }
.recuit-top span:nth-child(2) i.line1 { width: 15px; height: 2px; position: absolute; right: 29px; top: 33px; transition: 150ms; }
.recuit-top span:nth-child(2) i.line2 { width: 2px; height: 15px; position: absolute; right: 35px; top: 27px; transition: 450ms; }
.reruit-info { padding: 36px 0 20px 20px; background: #e6e6e6; display: none; }
.reruit-info h4 { color: #676767; margin-bottom: 23px; font-weight: normal; }
.reruit-info p { color: #676767; line-height: 24px; }
.reruit-info p:last-child { margin-bottom: 30px; }

/*about*/
.about { height: 347px; background: #00a9b1; position: relative; z-index: 5; }
.about-wr { position: absolute; left: 50%; margin-left: -585px; top: 35%; }
.about-wr h3 { text-align: center; color: #ffffff; font-size: 60px; font-weight: normal; margin-bottom: 50px; }
.about-img { padding: 10px; background: rgba(255,255,255,0.5); box-shadow: 0 4px 4px #e5e5e5; }
.about-img img { display: block; width: 100%; height: auto; }
.introduct { padding: 255px 0 66px; }
.culture { width: 100%; height: 764px; position: relative; }
.culture-bg { background-attachment: fixed !important; width: 100%; height: 764px; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.culture-title { position: absolute; width: 100%; text-align: center; top: 8.65%; }
.culture-title h3 { line-height: normal; text-align: center; color: #ffffff; font-size: 30px; margin-bottom: 12px; font-weight: normal; }
.culture-title small { display: block; text-align: center; color: #ffffff; font-size: 16px; font-family: Arial; line-height: normal; }
.culture-title.article-block h3, .property-title.article-block h3 { opacity: 0; position: relative; top: 30px; transition: 600ms; -webkit-transition: 600ms; }
.culture-title.articleShow h3, .property-title.articleShow h3 { opacity: 1; top: 0px; }
.culture-title.article-block small, .property-title.article-block small { opacity: 0; position: relative; top: 30px; transition: 600ms 450ms; -webkit-transition: 600ms 450ms; }
.culture-title.articleShow small, .property-title.articleShow small { opacity: 1; top: 0px; }


.team { width: 336px; height: 336px; position: absolute; left: 50%; top: 31%; margin-left: -168px; }
.team.article-block .discuss-text h5, .team.article-block .discuss-text small { position: relative; top: 40px; opacity: 0; transition: 600ms; }
.team.article-block .discuss-text .detay, .team.article-block .discuss-text .detay { transition: 600ms 400ms; }
.team.article-block .discuss-text b { transition: 600ms 200ms; transform-origin: center; transform: scale(0); -webkit-transform: scale(0); }
.team.articleShow .discuss-text b { transform: scale(1); -webkit-transform: scale(1); }
.team.articleShow .discuss-text h5, .team.articleShow .discuss-text small { top: 0; opacity: 1; }
.team .line { display: block; width: 436px; height: 463px; background: url(../img/line1.png) center no-repeat; left: -50px; top: -65px; position: absolute; background-size: 100% 100%; }
.discussion { width: 100%; height: 100%; background: url(../img/team.png) center no-repeat; background-size: 100% 100%; vertical-align: middle; border-radius: 50%; text-align: center; position: relative; }
.discussion h5 { text-align: center; color: #013aad; font-size: 18px; line-height: normal; margin-bottom: 6px; font-weight: normal; }
.discussion small { display: block; text-align: center; color: #1291d7; font-size: 12px; font-family: Arial; line-height: normal; }

.discussion b { display: inline-block; width: 65px; height: 5px; background: #044eb7; margin: 22px 0; }
.discuss-text { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin-top: -72px; }
.propertys { padding: 52px 0 78px; }
.property-title { margin-bottom: 26px; }
.property-title h3 { text-align: center; font-weight: normal; color: #7b7b7b; font-size: 30px; line-height: 40px; }
.property-title small { display: block; text-align: center; color: #7b7b7b; font-size: 16px; font-family: Arial; line-height: normal; }
.property-tab ul { position: relative; padding-top: 86px; }
.property-tab .owl-carousel .owl-item { text-align: center; }
.property-tab ul li { text-align: center; }
.property-tab ul li img { display: block; margin: auto; max-width: 100%; height: 246px; border: 3px solid #aedde3; }
.property-tab ul li img:nth-child(1) { margin-bottom: 30px; }
.property-tab .owl-theme .owl-controls { position: absolute; left: 0; top: 0; width: 100%; }
.property-tab .owl-theme .owl-controls .owl-buttons div { width: 62px; height: 27px; display: inline-block; margin: 0; border-radius: inherit; padding: 0; transition: 400ms linear; }
.property-tab .owl-theme .owl-controls .owl-buttons div.owl-prev { background: #7b7b7b url(../img/prev1.png) 58% center no-repeat; }
.property-tab .owl-theme .owl-controls .owl-buttons div.owl-next { background: #7b7b7b url(../img/next1.png) 42% center no-repeat; }
.property-tab .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background: #00a9b1 url(../img/prev1.png) center center no-repeat; }
.property-tab .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: #00a9b1 url(../img/next1.png) center center no-repeat; }

.organizate { padding: 86px 0 168px; background: #f8f8fa; }
.pro-img { text-align: center; }
.pro-img img { max-width: 100%; }
#exhibition { width: 91%; margin: auto; overflow: hidden; }
.exhibition { margin: auto; position: relative; }
#exhibition .pleft { position: absolute; max-width: 305px\9; top: 0px; left: 0; height: 100%; background: url(../img/bg3.png) repeat; z-index: 50; cursor: pointer; }
#exhibition .pright { position: absolute; max-width: 305px\9; top: 0px; right: 0; height: 100%; background: url(../img/bg3.png) repeat; z-index: 50; cursor: pointer; }
.exhibite { width: 65% !important; }
.exhibite .bx-controls-direction .bx-prev, .exhibite .owl-theme .owl-controls .owl-buttons div.owl-prev { width: 18px; height: 34px; position: absolute; left: 34px; top: 50%; margin-top: -17px; margin: 0; z-index: 200; background: url(../img/prev2.png) center no-repeat; text-indent: 999px; padding: 0; transition: 300ms linear; -o-transition: 300ms linear; -webkit-transition: 300ms linear; overflow: hidden; }
.exhibite .bx-controls-direction .bx-next, .exhibite .owl-theme .owl-controls .owl-buttons div.owl-next { width: 18px; height: 34px; position: absolute; right: 34px; top: 50%; margin-top: -17px; padding: 0; margin: 0; z-index: 200; background: url(../img/next2.png) center no-repeat; text-indent: 999px; overflow: hidden; }
.exhibtab .item { line-height: 0 !important; max-width: 1126px\9; }
.exhibtab .item img { line-height: normal; width: 100%; display: block; height: auto; max-width: 1126px\9; }
.exhibition:hover .exhibite .bx-controls-direction .bx-prev { left: 29px; }
.exhibition:hover .exhibite .bx-controls-direction .bx-next { right: 29px; }
.introduct-title { width: 41%; float: left; }
.introduct-title h1 { color: #707070; font-size: 30px; line-height: normal; font-weight: normal; padding-bottom: 22px; position: relative; width: 100%; margin-bottom: 28px; }
.introduct-title h1 small { display: block; width: 65px; height: 5px; position: absolute; left: 0; bottom: 0; background: #7b7b7b; }
.introduct-title.article-block h1 { position: relative; top: 50px; opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.introduct-title.articleShow h1 { top: 0; opacity: 1; }
.introduct-title.article-block span { position: relative; top: 50px; opacity: 0; transition: 600ms 400ms; -webkit-transition: 600ms 400ms; }
.introduct-title.articleShow span { top: 0; opacity: 1; }
.about-wr.article-block h3 { position: relative; top: 50px; opacity: 0; transition: 400ms; -webkit-transition: 400ms; }
.about-wr.articleShow h3 { top: 0; opacity: 1; }
.about-wr.article-block .about-img { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: 400ms 250ms; -webkit-transition: 400ms 250ms; }
.about-wr.articleShow .about-img { transform: translateY(0); transform: translateY(0); opacity: 1; }



.intr-show { transition: 1200ms; }
.intr-show.show { height: auto !important; }
.introduct-title span { display: block; line-height: 26px; color: #707070; font-size: 16px; font-family: Arial; }
.intro p { width: 59%; float: right; color: #707070; font-size: 13px; line-height: 26px; margin-bottom: 38px; text-indent: 2em; }
.introd-hidden { display: none; }
.showMore { text-align: center; margin-top: 90px; }
.showMore span { display: inline-block; width: 122px; height: 37px; border-radius: 9px; background: url(../img/mr.png) center no-repeat; text-align: center; line-height: 37px; color: #7b7b7b; font-size: 13px; cursor: pointer; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.showMore span:before { content: ""; position: absolute; z-index: -1; left: 0; height: 37px; width: 100%; bottom: -37px; background: #00a9b1; border-radius: 9px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.showMore span:hover { color: #fff; }
.showMore span:hover:before, .showMore span:focus:before { bottom: 0; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/*contact*/
.map { height: 480px; width: 100%; }
.contact { padding: 500px 0 160px; }
.contact-add { float: left; margin-left: 17px; }
.contact-add h4 { color: #00a9b1; font-size: 30px; margin-bottom: 40px; font-weight: normal; }
.contact-add address { display: block; margin-left: 6px; font-style: normal; }
.contact-add address p { display: block; color: #777777; font-size: 16px; line-height: 36px; }
.contact-eq { float: right; margin-right: 14px; margin-top: 85px; }
.contact-eq .us-eq { float: left; width: 120px; margin-left: 23px; }
.contact-eq .us-eq img { display: block; width: 100%; height: auto; }
.contact-eq .us-eq span { display: block; width: 100%; text-align: center; margin-top: 18px; color: #777777; font-size: 12px; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; min-height: 350px; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
.swiper-slide img { width: 100% !important; max-width: 1920px; height: auto; }
.caseBanner:hover .arrow-left { opacity: 1; left: 20px; }
.caseBanner:hover .arrow-right { opacity: 1; right: 20px; }
.arrow-left { width: 25px; height: 46px; position: absolute; opacity: 0; transition: 600ms; left: 10px; top: 50%; margin-top: -23px; background: url(../img/prev.png) center no-repeat; cursor: pointer; }
.arrow-right { width: 25px; height: 46px; position: absolute; opacity: 0; transition: 600ms; right: 10px; top: 50%; margin-top: -23px; background: url(../img/next.png) center no-repeat; cursor: pointer; }

/* IE10 Windows Phone 8 Fixes */
.caseBanner { background: #fff; overflow: hidden; }
.caseli.article-block { top: 60px; opacity: 0; transition: 550ms; position: relative; }
.caseli.articleShow { top: 0; opacity: 1; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.tabs { float: right; width: 484px; height: 32px; position: relative; padding: 83px 0 0 27px; background: #fff; border-bottom: 4px solid #00a9b1; }
.tabs a { display: block; padding-top: 54px; width: 8px; margin-right: 14px; height: 28px; float: left; border-radius: 6px 6px 0 0; padding: 2px; }
.tabs a span { display: none; color: #4b4b4b; font-size: 18px; position: absolute; left: 27px; top: 28px; width: 482px; }
.tab-box { position: absolute; left: 50%; margin-left: -550px; bottom: 0; }
.tabs a b { display: block; width: 8px; height: 8px; border-radius: 50%; background: #707070; }
.tabs a.active { background: #00a9b1; }
.tabs a.active b { background: #fff; }
.tabs a.active span { display: block; }
.content-list li { float: left; width: 33.33%; margin-bottom: 34px; }
.content-list li a { display: block; color: #17aadf; font-size: 16px; }
.la-mfb { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; z-index: 1010; transform: translateY(100%); -webkit-transform: translateY(100%); transition: 800ms; -webkit-transition: 800ms; }
.la-mfs { width: 100%; position: relative; overflow: hidden; }
.la-mfc { width: 100%; height: 100%; position: relative; overflow: hidden; }
.la-mfc li { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.la-mfc li .img { margin: auto; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; max-height: 100%; height: auto; width: auto; max-width: 100%; vertical-align: middle; }
.la-title { background: #272727; background: rgba(0,0,0,0.2); font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.la-title .la-tx { transform: translateY(100%); -webkit-transform: translateY(100%); transition: 400ms; -webkit-transition: 400ms; padding-left: 3%; }

.la-mfc .txt { height: 85px; line-height: 85px; background: #272727; color: #fff; padding-left: 3%; }
.la-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.la-close { cursor: pointer; width: 65px; height: 65px; background: #00a6ae; position: absolute; top: 0; right: 0; }
.la-close .ico { display: block; width: 100%; height: 100%; background: url(../img/closebtn.png) no-repeat center center; -webkit-transition: 400ms; transition: 400ms; }
.la-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.la-close:hover .ico { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.lkspes .imgshow .is-handles { display: none; }
.tnb.tnbpos { position: fixed; top: 0; right: 0; bottom: auto; }
.tnb .uptop .icon { background-position: left top; }

.btnRight,
.btnLeft { width: 20px; height: 42px; transition: 300ms; position: absolute; bottom: 50%; margin-bottom: -34px; z-index: 997; transition: 300ms; }
.btnLeft { left: 15px; }
.btnRight { right: 15px; }
.btnRight span,
.btnLeft span { display: block; width: 20px; height: 42px; transition: 300ms; -webkit-transition: 300ms; }
.btnRight i,
.btnLeft i { display: block; width: 100%; height: 100%; }
.btnLeft:hover { transform: translateX(-5px); }
.btnRight:hover { transform: translateX(5px); }
.btnRight i { background: url(../img/next2.png) no-repeat center center; background-size: 100% 100%; }
.btnLeft i { background: url(../img/prev2.png) no-repeat center center; background-size: 100% 100%; }
.btnLeft:hover span,
.btnRight:hover span { opacity: 0.5; filter: alpha(opacity=50); }
#loading-mask { background: #fff; height: 100%; left: 0; opacity: 1; filter: alpha(opacity=100); position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999999; }

.loading-img { height: 100%; left: 0; position: fixed; top: 50%; width: 100%; }
.exhibtab .item .titls { width: 80%; color: #7b7b7b; opacity: 0; display: block; padding-top: 15px; margin: auto; font-size: 14px; text-indent: 2em; }
.exhibtab .item .titls.on { display: block; line-height: 1.8; opacity: 1; transition: opacity 600ms 500ms; }
.exhibite .owl-carousel .owl-item { height: auto; }

/*-----------------[页码]--------------*/
.pagelist{ text-align:center; width:680px; clear:both; font-size:12px; font-family:tahoma; padding:0px; color: #ffffff}
.pagelist ul{ margin:0px; padding:0px; list-style:none;}
.pagelist li{ float:left; border:#EEEEEE solid 1px; height:16px; line-height:17px; padding:3px 5px; margin-left:5px; background:#00a9b1; }
.pagelist .thisclass{ background:#00a9b1; color:#ffffff;}
.pagelist .thisclass a{ color:#036CB4;}
.pagelist a{ color:#ffffff; text-decoration:none;}
.pagelist a:hover{ color:#000000; text-decoration:none;}
/*-----------------[文章内容]--------------*/
.arcneirong{color:#333; font-size:16px;}
.arcneirong p{text-indent:2em;line-height:2;word-break:break-all;padding-top:10px;padding-bottom:10px;}