@charset "utf-8";
/* 
 * Project Name: 维赛
 * Author:浅浅
 * Date：2017-4-5
 */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important; width:100%!important;}
table td,table th{ border: 1px solid #fff!important; padding: 20px 3%; margin: 0px;}
table thead tr{ background-color: #28a3de; color: #fff;}
table tbody tr{ background-color: #f2f2f2;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; margin: 0 auto; color: #333333; background-color: #fff; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing:antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
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: #1d4992; color: #fff; text-shadow: none; }
::selection { background: #1d4992; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.smlink{ margin-left: 15px;}
.inner { width: 1170px; margin: 0px auto; }
.header a:link, .header a:visited { color: #333333; }
.header a:active, .header a:hover { color: #1c3681; }
.header{ background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); z-index: 999;}
.gropSider{ padding-top: 10px; height: 30px;}
.select-Language{ float: right; display: block; width:85px; height:30px; z-index: 104; color: #999; position: relative; font-size: 12px; transition:300ms;-webkit-transition:300ms;}
.select-Language .mb{ padding:0 20px 0 5px; position:relative;cursor:pointer; line-height:30px;}
.select-Language .mb .aw{ width:11px; position:absolute;top:0;bottom:0;right:5px;background:url(../images/bot_sj.png) no-repeat scroll center center; height: 100%; transition:300ms;-webkit-transition:300ms;}
.select-Language .b{ position:absolute;top:30px;display:none; width: 100%;}
.select-Language ul{background-color:#eee; overflow:hidden;}
.select-Language a{ display:block; padding:8px 5px;line-height:1.2; border-top: 1px solid #e1e1e1;}
.select-Language.act{ background-color: #eee;}
.select-Language.act .mb .aw{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.gropSearch{ float: right; display: block; width: 30px; height: 30px; background: url(../images/serach_ico.png) no-repeat scroll center center; margin-right: 5px; cursor: pointer;}
.gropSearch:hover{ background-color: #EEEEEE;}
.top{ position: relative; z-index: 5;}
.logo{ padding: 4px 0px; height: 42px; width: 175px; position: absolute; left: 0; top: 0;}
.logo img{ width: 100%; display: block;}
.nav{ float: right; display: block;}
.nav li{ float: left; display: block; text-align: center; position: relative; margin-left: 22px;}
.nav .nav-link{ height: 50px; line-height: 50px; padding: 0px 20px; display: block; position: relative; z-index: 1; background-color: #fff;}
.csstransforms .nav .nav-link:before{ content:""; width:100%; height:100%; background-color:#1d4992; z-index: -1; position:absolute; left:0; top:0px; transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0;  -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0);}
.csstransforms .nav .nav-link.hov:before,.csstransforms .nav .nav-link.active:before,.csstransforms .nav .nav-link:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;}
.no-csstransforms .nav .nav-link.hov,.no-csstransforms .nav .nav-link.active,.no-csstransforms .nav .nav-link:hover{ background-color: #1d4992;}
.nav .nav-link.hov,.nav .nav-link.active,.nav .nav-link:hover{ color: #fff;}
.nav .subnav a:link, .nav .subnav a:visited { color: #666;}
.nav .subnav a:active,.nav .subnav a:hover { color: #1d4992;}   
.nav .subnav{ position: absolute; left: 0%; top: 80px; padding: 12px 0px; display: none; background-color: #ffffff; word-break:keep-all; white-space:nowrap; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}
.nav .subnav a{ display: block; padding: 5px 15px; line-height: 1.4;}
.searchArea{ position: absolute; left: 0; top: 90px; background-color: #f2f2f2; width: 100%; display: none;}
.search-txt{ display: block; width: 94%; font-weight: bold; padding: 15px 0; border: 0px none; margin: 0; background-color: #F2F2F2; font-size: 15px;}
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; width: 52px; height: 52px; background-color: #1d4992; cursor: pointer; position: absolute; right: 0px; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 26px; height: 3px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0px 0px 0px -13px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-3 { top: 32px; }
.menu-handler.active .burger-1 { top: 24px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-3 { top: 24px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.search-Mbtn { width: 52px; height: 52px; position: absolute; right:52px; top: 0px; cursor: pointer; display: none; border-left: 1px solid #e9e9e9; x}
.search-Mbtn i { width: 24px; height: 24px; background: url(../images/serach_btn2.png) no-repeat scroll center center; background-size: cover; display: block; margin: 15px auto;}
.searchIBox { position: fixed; left: 0px; top: 52px; height: 0px; overflow: hidden; padding: 12px 104px 12px 3%; background-color: #f2f2f2; z-index: 800; width: 100%; box-sizing: border-box; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; visibility: hidden; }
.searchIBox.active { visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); height: 48px; }
.searchIBox .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 100%; background-color: transparent; font-size: 14px; color: #000; font-family: "microsoft yahei"; }
.searchIBox .btn { position: absolute; right: 0px; top: 0px; width: 105px; height: 100%; background-color: #666; }
.searchIBox .btn i { width: 20px; height: 20px; background: url(../images/serach_btn3.png) no-repeat scroll center center; background-size: cover; display: block; margin: 16px auto; }
.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;}
.search-bg,.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuBox { background-color: #fff; color: #000; position: fixed; right: 0px; top: 0px; width: 390px; height: 100%; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; transform: translate(100%,0px); -moz-transform: translate(100%,0px); -webkit-transform: translate(100%,0px); -o-transform: translate(100%,0px); }
.no-csstransforms3d .menuBox { display: none; }
.languageBox a:link, .languageBox a:visited { color: #666; }
.languageBox a:active, .languageBox a:hover, .languageBox a.act { color: #1c3681; }
.languageBox { text-align: right; font-size: 14px; padding: 13px 20px 14px; }
.languageBox a { margin-left: 15px; }
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.navMobile{ border-top: 2px solid #000;}
.navMobile li { padding-bottom: 2px; }
.navMobile .nav-link { color: #000; display: block; font-size: 18px; padding: 5px 25px; position: relative; background-color: #F2F2F2;}
.navMobile .nav-link.cur{ background-color: #1d4992; color: #fff;}
.navMobile .mico { width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; margin-top: -7px;}
.navMobile .mico .line1 { width: 14px; height: 2px; overflow: hidden; background: #000; position: absolute; left: 0; top: 6px; transition: 400ms; -webkit-transition: 400ms; }
.navMobile .mico .line2 { width: 2px; height: 14px; overflow: hidden; background: #000; position: absolute; left: 6px; top: 0; transition: 400ms; -webkit-transition: 400ms;}
.navMobile .cur .mico{ transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.navMobile .cur .mico .line1,.navMobile .cur .mico .line2{ background-color: #fff;}
.navMobile .cur .mico .line2{ display: none;}
.navMobile .subnav { background-color: #fff; display: none; }
.navMobile .subnav dd { margin-bottom: 5px; line-height: 1.4;}
.navMobile .subnav a { color: #666666; position: relative; display: block; padding: 6px 25px; border-bottom: 1px solid #F2F2F2;}
.navMobile .subnav a:hover { color: #1c3681; }
.menuOpen .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; }
.menuOpen .pusher-black { display: block; }
.menuOpen .menuBox { z-index: 999; }
.pageTop{ height:90px;}
.linkIbox a:link, .linkIbox a:visited { color: #666; }
.linkIbox a:active, .linkIbox a:hover { color: #1c3681; }
.linkIbox{ padding: 80px 0px 70px;}
.linkIbox dt,.linkIbox dd{ float: left; display: block; width: 20.78%; margin-right: 3%;}
.linkIbox dt{ width: 16.66%; margin-right: 0;}
.linkIbox dd.lastItem{ width: 12%; margin-right: 0; float:right;}
.ermBox{ float: right; display: block; text-align: center; width: 92px;}
.ermBox .img{ width: 100%; display: block; margin-bottom: 5px;}
.foot{ background-color: #333333; color: #fff; padding: 8px 0px; text-align: center;}
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #ff0000; }
.dock a:link, .dock a:visited { color: #999999; }
.dock a:active, .dock a:hover { color: #fff; }
.dock{ position: fixed; right: 0; bottom: 10%; z-index: 1000;}
.dock a{ width: 50px; height: 50px; margin-bottom: 1px; display: block; background-color: #fff; box-shadow: 0 0 5px rgba(4, 0, 0, 0.1);}
.dock a i{ background: url(../images/dock.png) no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.dock a i.i1{ background-position: 0px 0px;}
.dock a i.i2{ background-position: -50px 0px;}
.dock a i.i3{ background-position: -100px 0px;}
.dock a i.i4{ background-position: -150px 0px;}
.dock a:hover{ background-color: #1d4992;}
.dock a:hover i.i2{ background-position: -50px -50px;}
.dock a:hover i.i3{ background-position: -100px -50px;}
.dock a:hover i.i4{ background-position: -150px -50px;}
.dock a.ihome:hover{ background-color: #fff;}
.backTop{ font-size: 14px; color: #999999; line-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold;}
.pbanner{ position: relative; overflow: hidden; min-height: 200px; background: url(../images/loader.gif) no-repeat scroll center center #fff;}
.pbanner .load-img{ display: block; width: 100%;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #d5012a;}
.pbanner-C{ position: absolute; left: 5%; top: 0%; width: 90%; visibility: hidden; height: 100%; display: block;}
.pbanner-C .t{ color: #fff; text-align: center; font-weight: bold; font-size: 24px; line-height: 1.5;}
.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.pageNavBox { height: 40px; margin-bottom: 50px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #ffffff;}    
.pagenav { background-color: #fff; width: 100%; text-align: center; border-bottom: 2px solid #1d4992;}
.cpnavbox { height: 32px; line-height: 32px; padding-top: 6px; -webkit-transition:height 0.3s;  transition:height 0.3s;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; margin: 0px 5px; padding: 0px 16px;  *display: inline; *zoom: 1; position: relative; text-transform:capitalize}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #1d4992; color: #fff; }
.cpnav { display: none; width: 100%; line-height: 38px; height: 38px; overflow: hidden; text-align: center;  cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
/*video*/
.transYT { transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.transYT2 { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;  }
.transXT { transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transXT2 { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT10 { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; visibility: hidden; transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT250 { 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; }
.transXT50 { 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; }
.transXT250 { 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.transYT50 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT250 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT250 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.tlbg:after,.trbg:after,.ttbg:after,.tbbg:after{background-color: #c9b194; content: ""; width: 100%; height: 100%; position: absolute;top: 0px; left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;   z-index: 1;}
.tlbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.trbg:after{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.ttbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tlbg:after,.action.trbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.action.ttbg:after,.action.tbbg:after{transform: scaleY(0); -webkit-transform: scaleY(0);}
.no-csstransforms .action.tlbg:after,.no-csstransforms .action.trbg:after,.no-csstransforms .action.ttbg:after,.no-csstransforms .action.tbbg:after{ z-index: -1; background-color: transparent;}
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 60px!important; height: 60px!important; transform: rotate(0deg) !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.popUpblack { background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.popUp { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.popUp .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
/*video style end*/
/* 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(../images/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);}
}
/* Slider  end*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; } 
.bannerBox{ height: 100%; position: relative; width: 100%;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef;}
.banner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_10.png) repeat; background: none rgba(0,0,0,0.2);}
.binbox { position: absolute; width: 40%; padding: 35px 5% 30px; overflow: hidden; right: 0; top: 30%; color: #fff; background: url(../images/black_40.png) repeat; background: none rgba(0,0,0,0.4);  transform-origin:0%; -webkit-transform-origin:0%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);}
.binbox .t{ font-size: 36px; line-height: 1.2; }
.binbox .en{ font-size: 18px; text-transform: uppercase; line-height: 1.5; margin-bottom: 40px; font-family: arial, helvetica, sans-serif;}
.banner .slick-dots{ bottom: 3%; z-index: 105; text-align: left; width: 94%; left: 3%;}
.banner .slick-dots li{ position: relative; display: inline-block; padding: 0px 10px 0px 0px; width: 8px; height: 8px; margin: 0px; cursor: pointer;}
.banner .slick-dots li a{ height: 8px; width: 8px; line-height: 8px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/banner_i0.png) no-repeat scroll center center;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(../images/banner_i1.png); }
.btnMore{ display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #fff; text-align: center; z-index: 1; position: relative; overflow: hidden; font-size: 15px;}
.btnMore:before{ content:""; width:100%; height:100%; z-index: -1; position:absolute; left:0; top:0; background-color:#1d4992; transform-origin:0%; -webkit-transform-origin:0%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btnMore:hover{border-color: #1d4992;}
.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.slick-active .binbox{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:100%; -webkit-transform-origin:100%;}
.slick-active .binbox .t span{-moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }
.slick-active .binbox .zh 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.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .binbox .en 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.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .binbox .t span, .slick-active .binbox .zh span, .slick-active .binbox .en span { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.mouseIco { background: url(../images/arrow.png) no-repeat scroll center center; width: 29px; height:18px; position: absolute; right: 3%; bottom: 5%; margin-left: -600px; z-index: 10; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.ws-a-name{ position: relative; display: inline-block;}
.ws-a-name .ws-i1{ position: absolute; left: 0; bottom: -3px; height: 3px; background-color: #28a3de; width: 100%;}
.ws-a-name .ws-i2{ position: absolute; left: 0; bottom: -3px; height: 3px; background-color: #1d4992; width: 32%; transition:300ms;-webkit-transition:300ms;}
.ws-linkaBox .ws-a-name .ws-i2{ width: 100%;}
.ilink-a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.iboxT{ text-align: center;}
.iboxT .zh{ font-weight: bold; font-size: 16px; line-height: 1.2; display: block;}
.iboxT .en{ font-size: 0px; background: url(../images/jt_2.png) no-repeat scroll center center; width: 19px; height: 5px; display: block; margin: 10px auto 0px;}
.iboxT .bot{ width: 38px; height: 2px; background-color: #666666; display: block; margin: 8px auto 0px;}
.productIbox{ background-color: #008eca; position: relative;}
.productIbox a:link,.productIbox a:visited { color: #fff;}
.productIbox a:active,.productIbox a:hover { color: #333333;}
.productIbox .iboxT{ margin-top: 50%;}
.productIbox .iboxT .zh{ font-size: 20px;}
.productIbox .iboxT .en{ background-image: url(../images/jt_1.png);}
.product-Ilist{ border-left: 1px solid #89cdeb; border-right: 1px solid #89cdeb; position: relative;}
.product-Ilist dt,.product-Ilist dd{ float: left; display: block; width: 16.66%; height: 238px; color: #fff;}
.product-Ilist dd{ position: relative; transition:300ms;-webkit-transition:300ms;}
.product-Ilist .name{ position: absolute; left: 5%; width: 90%; top: 42%; font-size: 16px; text-transform: uppercase; text-align: center;  transition:top 300ms; -webkit-transition:top 300ms;}
.product-Ilist .item{ border-left: 1px solid #89cdeb;}
.product-Ilist figure{ height: 130px; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; opacity: 0; visibility: hidden; transition:300ms;-webkit-transition:300ms;}
.product-Ilist figure .img{ width: 100%; display: none;}
.product-Ilist .con{ text-align: center; padding-top: 36px; height: 72px; background-color: #fff; opacity: 0; visibility: hidden; transition:300ms;-webkit-transition:300ms;}
.product-Ilist .ws-a-name{ color: #333; font-size: 16px; font-weight: bold;}
.product-Ilist dd:hover{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);}
.product-Ilist dd:hover .name{ top: 30%; opacity: 0; visibility: hidden;}
.product-Ilist dd:hover figure{ opacity: 1; visibility: visible;}
.product-Ilist dd:hover .con{ opacity: 1; visibility: visible;}
.marketIbox{ padding: 60px 0px 40px;}
.marketIbox .iboxT{ margin-bottom: 45px;}
.bg-white{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/white_80.png) repeat; background: none rgba(255,255,255,0.8);}
.market-IList{ width: 1240px; margin: 0px auto;}
.market-IList dd{ float: left; display: block; width: 23%; margin: 0px 1% 2%; position: relative; overflow: hidden; transition:300ms;-webkit-transition:300ms;}
.market-IList figure{ overflow: hidden;}
.market-IList figure img{ width: 100%; display: block;}
.market-IList article{ position: absolute; width: 100%; height: 65%; padding-top: 35%; text-align: center; display: none;}
.market-IList article .ws-a-name{ font-size: 18px; color: #333;}
article.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -101%; }
.da-slideFromBottom { left: 0px; top: 101%; }
.da-slideFromLeft { top: 0px; left: -101%; }
.da-slideFromRight { top: 0px; left: 101%; }
.da-slideTop { top: 0px; }
.da-slideLeft { left: 0px; }
.market-IList dd:hover{ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);}
.newsIbox{ padding: 90px 0px; background-color: #efefef;}
.newsIbox .itemT a:link,.newsIbox .itemT a:visited { color: #666;}
.newsIbox .itemT a:active,.newsIbox .itemT a:hover { color: #fff;}
.newsIbox .itemT{ float: left; display: block; width: 14%; margin-right: 1%; height: 400px; text-align: center;}
.newsIbox .ws-a-name .ws-i2{ width: 50%;}
.newsIbox .ws-linkaBox .ws-a-name .ws-i2{ width: 100%;}
.newsIbox .more-btn{ height: 38px; background-color: #dbdbdb; display: block; padding-top: 2px;}
.newsIbox .more-btn:hover{ background-color: #CCCCCC;}
.newsIbox .iboxT{ margin-bottom: 1px; height: 111px; background-color: #fff; padding-top: 68px; color: #666666; position: relative; cursor: pointer; z-index: 5;}
.newsIbox .iboxT .sj{ background: url(../images/blue_sj.png) no-repeat scroll right center; width: 10px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; transition:300ms;-webkit-transition:300ms;}
.newsIbox .iboxT.on{ color: #fff; background-color: #28a3de;}
.newsIbox .iboxT.on .en{ background-image: url(../images/jt_1.png);}
.newsIbox .iboxT.on .sj{ right: -10px; opacity: 1; visibility: visible;}
.newsIbox .itemC{ float: left; display: block; width: 85%; height: 400px; position: relative; z-index: 1;}
.newsIbox .itemC a:link,.newsIbox .itemC a:visited { color: #fff;}
.newsIbox .itemC a:active,.newsIbox .itemC a:hover { color: #333333;}
.news-IList{ position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.news-IList li{ float: left; display: block; width: 25%; position: relative; overflow: hidden;}
.news-IList li.nitem1{ width: 50%;}
.news-IList li.nitem4{ display: none;}
.news-IList .img{ height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.news-IList .con{ position: absolute; left: 0; top: 263px; padding: 0px 8%; height: 100%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; font-size: 12px; transition: top .6s cubic-bezier(0.645, 0.045, 0.355, 1), .6s cubic-bezier(0.645, 0.045, 0.355, 1), background .38s cubic-bezier(.4,0,.2,1),color .3s;  -webkit-transition: top .6s cubic-bezier(0.645, 0.045, 0.355, 1), top .38s cubic-bezier(.4,0,.2,1),color .3s;}
.news-IList .sj{ background: url(../images/black_sj.png) no-repeat scroll center bottom; width: 28px; height: 14px; position: absolute; left: 50%; top: -14px; margin-left: -14px;} 
.news-IList .t{ padding: 18px 0px 0px; font-weight: bold; font-size: 16px; line-height: 1.5; text-align: center; height: 24px; overflow: hidden;transition:300ms;-webkit-transition:300ms;}
.news-IList .time{ text-align: center; font-family: arial, helvetica, sans-serif;} 
.news-IList .bot{ width: 14px; height: 1px; display: block; margin: 2px auto 12px; background-color: #fff;}
.news-IList .c{ margin: 0px 0px 40px;height: 36px; max-height: 72px; overflow: hidden; line-height: 1.5;}
.news-IList li{ overflow: hidden; transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden;}
.news-IList.on{ z-index: 5;}
.news-IList.on li { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); 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;}
.news-IList.on li.nitem1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.news-IList.on li.nitem2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.news-IList.on li.nitem3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.news-IList.on li.nitem4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
@-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.partnerIbox{ padding-top: 85px;}
.partnerIbox .inner{ position: relative; overflow: hidden;}
.partnerIdemo{ width: 83.4%;}
.partnerIdemo .item{ background-color: #cccccc; transition:300ms;-webkit-transition:300ms;}
.partnerIdemo .item:nth-child(even){ background-color: #e8e8e8;}
.partnerIdemo .item .img{ margin: 0px auto; max-width: 100%; display: block;}
.partnerNext{ position: absolute; right: 0; top: 0; height: 100%; width: 16.66%; background:url(../images/more.png) no-repeat scroll center center #dedede;  transition:300ms;-webkit-transition:300ms;}
.partnerNext:hover{ background-color: #bebfc0;}
.aboutPageT{ margin-bottom: 35px;}
.aboutPageT .zh{ font-size: 24px; color: #666666; font-weight: bold; text-transform: uppercase;}
.aboutPageT .bot{ width: 36px; height: 1px; background-color: #999; display: block;}
.aboutPageT .by{ color: #999999; line-height:1.4; margin-top:5px; font-size:12px;}
.about-pc{ width: 83.4%; margin:0px 0px 0px 16.6%; overflow: hidden;}
.pageC a:link,.pageC a:visited { color: #1C3681;}
.pageC a:active,.pageC a:hover { color: #000;}
.pageC{ color: #333;}
.pageC img{ max-width: 100% !important;}
.aboutPage{ padding: 30px 0px;}
.aboutPage .aboutPageT{ float: left; display: block; width: 16.6%; margin-bottom: 0;}
.aboutPage .about-pc{ float: left; display: block; margin:0;}
.pageC .pl{ float: left; display: block; width: 38%; margin:0px 0px 5% 19%;}
.pageC .pr{ float: left; display: block; width: 38%; margin:0px 0px 5% 5%;}
.aptitudePage{ padding: 30px 0px;}
.aptitudePage a:link,.aptitudePage a:visited { color: #333;}
.aptitudePage a:active,.aptitudePage a:hover { color: #333;}
.picDemo{ padding-bottom: 35px;}
.picDemo .item{ transition: 300ms; -webkit-transition: 300ms; padding: 5px 0px;}
.picDemo .item a{ display: block; position: relative; margin: 0px 3px; height: 100%;}
.picDemo .item .img{ width: 100%; display: block;}
.picDemo .con{ position: absolute; left: 0; top: 0; background-color: #ffffff; width: 100%; height: 100%; display: block; text-align: center; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; visibility: hidden;}
.picDemo .con .name{ font-size: 18px; font-weight: bold; padding: 0% 5% 10%;}
.picDemo .con .ws-i1,.picDemo .con .ws-i2{ height: 1px;}
.picDemo .con .ws-i2{ width: 50%;}
.picDemo .slick-arrow{ width: 20px; height: 30px; bottom: 0px;}
.picDemo .slick-arrow i{ display: block; width: 100%; height: 100%;}
.picDemo .slick-prev{ right: 40px;}
.picDemo .slick-prev i{ background: url(../images/img_l.png) no-repeat scroll center center;}
.picDemo .slick-next{ right: 0px;}
.picDemo .slick-next i{ background: url(../images/img_r.png) no-repeat scroll center center;}
.picDemo .slick-prev:hover i{ background-image: url(../images/img_l2.png);}
.picDemo .slick-next:hover i{ background-image: url(../images/img_r2.png);}
.honorPage{ padding: 80px 0px 50px; background-color: #f2f2f0;}
.honorPage a:link,.honorPage a:visited { color: #333;}
.honorPage a:active,.honorPage a:hover { color: #333;}
.fixedImg{ background-attachment: fixed; background-position: center top; background-repeat: no-repeat;}
.companyPage{ padding: 85px 0px;}
.companyDemo{ margin-top: 35px;}
.companyDemo dd{ background-color: #efefef; margin-bottom: 1px; text-align: center; padding: 20px 5%; font-size: 16px; position: relative; cursor: pointer; transition: 300ms; -webkit-transition: 300ms;}
.anitOut{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.socialPage{ position: relative; background-color: #008dca;}
.socialPage .inner{ position: relative; color: #fff; padding: 80px 0px;}
.socialPage .aboutPageT{ text-align: center; color: #fff; margin-bottom: 32px;}
.socialPage .aboutPageT .zh{ color: #fff;}
.socialPage .aboutPageT .bot{ margin: 0px auto; background-color: #fff; height: 2px;}
.socialPage .pageC{ font-size: 16px; text-align: center; color: #fff;}
.socialPage .pageC a:link,.socialPage .pageC a:visited { color: #fff;}
.socialPage .pageC a:active,.socialPage .pageC a:hover { color: #fff;}
.teamPage{ padding: 80px 0px; background-color: #f4f4f4;}
.imglist li{ float: left; display: block; width: 40%; padding-left: 10%; margin-bottom: 5%;}
.imglist p{ font-size: 18px; margin: 0px 0px 25px 18%;}
.w60{ width: 50%; margin: 0px 0px 0px 15%;}
/*about style end*/
/*product style */
.pagingPage{ padding: 30px 0px;}
.pro-Page{ padding-top: 30px;}
.proPageT{text-align: center; padding-bottom: 25px;}
.proPageT .zh{ font-size:18px; color: #333; font-weight: bold; text-transform: uppercase; line-height: 1.4;}
.proPageT .bot{ width: 36px; height: 1px; background-color: #333; display: block; margin: 5px auto;}
.proPageT .by{ color: #999999; font-size: 12px; line-height: 1.5;}
.vicell-img{ float: left; display: block; width: 50%;}
.vicell-img .item img{ width: 100%; display: block;}
.vicell-img .slick-arrow{ width:30px; height:60px; position:absolute; right: 0; bottom:0px; z-index:99; box-shadow: 0 0 5px rgba(4, 0, 0, 0.1);}
.vicell-img .slick-prev{ background:url(../images/pro_img_l.png) no-repeat center top #fff; bottom: 60px;}
.vicell-img .slick-next{ background:url(../images/pro_img_r.png) no-repeat center top #fff; bottom: 0px; }
.vicell-img .slick-arrow:hover{ background-color:#28a3de; background-position: center bottom;}
.vicell-C{ float: left; display: block; width: 50%; background-color: #f2f2f2;}
.vicell-C .pageC{ padding: 25px 6% 25px; background-color: #f2f2f2; min-height: 126px;}
.vicell-white a:link,.vicell-white a:visited { color: #fff;}
.vicell-white a:active,.vicell-white a:hover { color: #fff;}
.vicell-C .vicell-white{ background-color: #28a3de; color: #fff;}
.vicell-box2 .vicell-img{ width: 66%;}
.vicell-box2 .vicell-C{ width: 34%;}
.vicell-box2 .vicell-C .pageC{ min-height: 171px;}
.pro-mb{ margin-bottom: 70px;}
.vicell-tab{ -webkit-overflow-scrolling: touch; }
.vicell-tab table{ font-size: 12px;}
.pro-area-box{ background-color: #efefef; padding: 30px 0px 40px;}
.pro-area-img .item{ position: relative;}
.pro-area-img .img img{ width: 100%; display: block;}
.pro-area-img .con{ position: absolute; right: 0px; top: 0; height: 100%; width: 410px; padding: 0px 35px; color: #fff; background: url(../images/black_50.png) repeat; background: nnone rgba(0,0,0,0.6)}
.pro-area-img .slick-arrow{ width:60px; height:40px; position:absolute; right: 0; bottom:0px; z-index:99; box-shadow: 0 0 5px rgba(4, 0, 0, 0.1);}
.pro-area-img .slick-prev{ background:url(../images/pro_img_l2.png) no-repeat left center #fff; right: 480px;}
.pro-area-img .slick-next{ background:url(../images/pro_img_r2.png) no-repeat left center #fff; right: 420px;}
.pro-area-img .slick-arrow:hover{ background-color:#28a3de; background-position: right center;}
.downList dd{ background-color: #e8e8e8; margin-bottom: 1px;font-weight: bold; position: relative; transition: 300ms; -webkit-transition: 300ms;}
.downList a:link,.downList a:visited { color: #333;}
.downList a:active,.downList a:hover { color: #1d4992;}
.downList a{ display: block; padding: 0px 3%; height: 60px; line-height: 60px; overflow: hidden;}
.downList .downico{ float: right; display: block; width: 60px; height: 60px; background: url(../images/down1.png) no-repeat scroll center center; background-size: 50px auto; }
.pading{ text-align: center; padding-top: 25px;}
.pading .blue{ color: #1d4992;}
.pading a:link,.pading a:visited { color: #666666;}
.pading a:active,.pading a:hover { color: #c9b194;}
.pading a{ padding: 2px 4px; font-size: 16px; font-family: arial, helvetica, sans-serif;  margin: 0px 4px; *display: inline; zoom: 1; position: relative;}
.pading .next,.pading .prev{position: relative; overflow: hidden; padding: 2px 20px;}
.pading .prev{ background: url(../images/img_l.png) no-repeat scroll center center; margin:0px 10px 0px 0px;}
.pading .next{ background: url(../images/img_r.png) no-repeat scroll center center; margin:0px 0px 0px 10px;}
.pading .prev:hover{ background-color: #d2d2d2;}
.pading .next:hover{ background-color: #d2d2d2;}
/*product style  end*/
/*market style*/
.about-pdl .img,.about-pdl .con{ float: left; display: block; width: 50%;}
.about-pdl .img img{ vertical-align: middle;}
.about-pdl .item{ padding: 50px 0px 50px 50px;}
.about-pdl-r .item{ padding: 50px 50px 50px 0px;}
.market-imgl{ margin-left: -1%;}
.market-imgl li{ float: left; width: 24%; margin-left: 1%; margin-top: 8%;}
.market-imgl li img{ width: 100%; display: block;}
/*market style end*/
/*news style*/
.newList a:link,.newList  a:visited { color: #fff;}
.newList a:active,.newList  a:hover { color: #333333;}
.newList dd{ display: block; background-color: #f2f2f2; padding-right: 445px; height: 302px; margin-bottom: 12px; position: relative; overflow: hidden;}
.newList .twoItem{ padding: 0px 0px 0px 445px;}
.newList .con{ position: absolute; top: 0; width: 445px; height: 100%; right: 0; color: #fff; background-color: #28a3de;}
.newList .twoItem .con{ right: auto; left: 0;}
.newList .img{ width: 725px; overflow: hidden;}
.newList .img img{ width: 100%; display: block;  transition: transform 0.8s ; -webkit-transition:transform 0.8s ;}
.newList .bg{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transform-origin:100%; -webkit-transform-origin:100%; visibility:hidden\9;}
.newList .vertical-inner{ padding: 0px 35px; text-align: center;}
.newList .t{ font-weight: bold; font-size: 18px; line-height: 1.5;}
.newList .time{ font-size: 12px; font-family: arial, helvetica, sans-serif;}
.newList .bot{ width: 16px; height: 1px; background-color:#fff; margin: 5px auto 15px; display: block; }
.newList .c{ height: 76px; overflow: hidden; margin-bottom: 12%; text-align: left;}
.newList .ws-a-name{transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; visibility: hidden; transition: transform 400ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 400ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.newList .ws-a-name .ws-i2{ width: 50%;}
.newList .ws-linkaBox .ws-a-name .ws-i2{ width: 100%;}
.w960{ width: 960px; margin: 0px auto;}
.infoT{ text-align: center; padding-bottom: 50px;}
.infoT .t{ font-weight: bold; font-size: 30px; line-height: 1.2; color: #666;}
.infoT .bot{ width: 36px; margin: 8px auto 5px; height: 1px; background-color: #666; display: block;}
.infoT .time{ color: #999999;}
.pager a:link,.pager  a:visited { color: #333;}
.pager a:active,.pager  a:hover { color: #1D4992;}
.pager{ width: 250px; background-color: #f2f2f2; height: 40px; line-height: 40px; margin: 0px auto; text-align: center; margin-top: 45px;}
.pager .prev{ background: url(../images/img_l.png) no-repeat 14px center; padding-left: 34px; float: left; display: block; width: 66px;}
.pager .next{ background: url(../images/img_r.png) no-repeat 66px center; padding-right: 34px; float: right; display: block; width: 66px;}
.pager .list{ width: 50px; text-align: center; display: block; margin: 0px auto;}
/*news style end*/
/*contact style*/
.joinPage .aboutPageT{ text-align: center;}
.joinPage .aboutPageT .zh{ color: #333;}
.joinPage .aboutPageT .bot{ background-color: #333; margin: 0px auto;}
.joinList .joinspan{ cursor:pointer; width: 80%; margin-left: 5%; display: block; float: left; height: 60px; line-height: 60px;}
.joinList .joinspan2{ width: 10%;}
.joinList .joinT{ background-color: #e8e8e8; margin-top: 1px; color:#333333; transition:400ms;-ms-transition:400ms;-webkit-transition:400ms;-moz-transition:400ms; font-size: 16px; font-weight: bold; position: relative;}
.joinList .ib{width:16px;height:16px; margin: 22px auto 0px; display: block; position:relative;transition:400ms;-webkit-transition:400ms;-moz-transition:400ms;-ms-transition:400ms;}
.joinList .ib i{ display:block; background-color:#666;}
.joinList .ib .ic1{ width:2px;height:16px;margin-left:7px;}
.joinList .ib .ic2{ width:16px;height:2px;position:absolute;left:0;top:50%;margin-top:-1px;}
.joinList .joinB{ display: none; background-color: #28a3de;}
.joinList .joinCon{ width: 91%; margin: 0px auto; padding:30px 0px 22px; overflow: hidden; color: #fff;}
.joinList .joinCon .pageC{ color: #fff;}
.joinList .joinCon a:link,.joinList .joinCon  a:visited { color: #fff;}
.joinList .joinCon a:active,.joinList .joinCon  a:hover { color: #fff;}
.hline{border-top: 1px solid #eeeeee; padding: 22px 0px; margin-top: 35px;}
.hline a:link, .hline a:visited { color: #fff; text-decoration: underline;}
.hline a:active,.hline a:hover { color: #fff;}   
.joinList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.joinList .active i{ background-color: #1D4992;}
.joinList .active .ib .ic2{ display: none;}
.joinList dd.active .joinT,.joinList dd:hover .joinT{ background-color:#ffffff; z-index: 2; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); color: #1D4992;}
.contact-c a:link,.contact-c  a:visited { color: #fff;}
.contact-c a:active,.contact-c  a:hover { color: #1D4992;}
.contact-c{ float: left; display: block; width: 40%; height: 500px; background-color: #28a3de; color: #fff; position: relative;}
.contact-c article{ margin: 0px 50px;}
.contact-c .aboutPageT { padding: 40px 0px 20px;}
.contact-c .aboutPageT .zh{ color: #fff; font-size: 18px;}
.contact-c .aboutPageT .bot{ background-color: #fff; margin: 12px 0px 0px;}
.contact-tab{ height: 50%;}
.contact-tab a{ padding: 0px 10px; display: inline-block; margin-right: 10px;}
.contact-tab a.active,.contact-tab a:hover{ background-color: #fff; color: #1D4992; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.25);}
.addCbox h4{ line-height: 1.4;}
.ermBox2{ background-color: #fff; text-align: center; width: 92px; float: left; display: block; padding-bottom: 4px; margin-right: 20px; font-size: 12px; color: #333; line-height: 1.2;}
.ermBox2 .img img{ width: 100%; display: block;}
.ermBox2 .img{ margin-bottom: 4px;}
.mapBox{ height: 500px; width: 60%; float: left; display: block;}
.map-arrow{ width:60px; height:30px; position:absolute; right: -60px; top:105px; z-index:99; box-shadow: 0 0 5px rgba(4, 0, 0, 0.1);}
.map-prev{ background:url(../images/pro_img_l2.png) no-repeat left center #fff; right: 0px;}
.map-next{ background:url(../images/pro_img_r2.png) no-repeat left center #fff;}
.map-arrow:hover{ background-color:#666; background-position: right center;}
/*contact style end*/
/*search style*/
.search-page{ background-color: #efefef; padding: 80px 0px;}
.serachPbox{ box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2); transition: 300ms; -webkit-transition: 300ms; height: 60px; overflow: hidden; position: relative; background-color: #fff; padding-right: 130px; margin: 0px auto 35px;}
.serachPbox .txt{ border: 0px none; height: 30px; line-height: 30px; padding: 0px; margin: 15px 0px 0px; width: 96%; margin-left: 2%; background-color: transparent; font-size: 18px; color: #3d3d3d; font-family: "microsoft yahei";}
.serachPbox .btn{ position: absolute; right: 0px; top: 0px; width: 130px; height: 100%; background-color: transparent;}
.serachPbox .btn i{ width: 100%; height: 100%; background: url(../images/serach_btn4.png) no-repeat scroll center center #1D4992; display: block;}
.serachPbox .btn:hover{ background-color: #E2E2E2;}
.serachPbox .btn:hover i{ border-left-color: #E2E2E2;}

.serachList a:link,.serachList a:visited { color: #333;}
.serachList a:active,.serachList a:hover { color: #1D4992;}
.serachList{ padding:15px 0px 40px;}
.serachList dd{ background-color: #fff; margin-bottom: 4px; color: #333;}
.serachList a{ display: block; padding: 12px 2%; line-height: 1.4;}
.serachList .w-search-txt{ color: #1D4992; font-size: 16px;}
/*search style end*/