@charset "utf-8";
@font-face { font-family: 'VeneerCleanRound'; src: url('VeneerCleanRound.eot'); src: url('VeneerCleanRound.eot?#iefix') format('embedded-opentype'), url('VeneerCleanRound.woff') format('woff'), url('VeneerCleanRound.ttf') format('truetype'), url('VeneerCleanRound.svg#VeneerCleanRound') format('svg'); font-weight: normal; font-style: normal; }
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; }
caption, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
body { font: 14px/1.8 tahoma,"Microsoft Yahei","微软雅黑","times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #cdcdcd; }
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; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; margin: 0 auto!important; width: 100%!important; text-align: left; }
table td, table th { border: 1px solid #bebebe!important; padding: 12px 3% !important; margin: 0px!important; }
table thead tr { background-color: #e2e2ea; }
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: #6e6e6e; color: #fff; text-shadow: none; }
::selection { background: #6e6e6e; 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; -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; }
.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: 100%; max-width: 1600px; margin: 0px auto; }
.pinner { width: 1200px; margin: 0px auto; }
header { height: 141px; }
.top { position: relative; border-bottom: 1px solid #cccccc; }
.top a:link, .top a:visited { color: #000000; }
.top a:active, .top a:hover { color: #0137a4; }
.logo { float: left; display: block; padding: 15px 0px; height: 58px; margin-left: 3%; }
.logo img { height: 100%; display: block; }
.grop-sider a:link, .grop-sider a:visited { color: #; }
.grop-sider a:active, .grop-sider a:hover { color: #0137a4; }
.grop-sider { position: absolute; background-color: #; right: 0; top: 0; height: 100%; padding: 38px 20px 0px 50px; height: 50px; }
.languageA { float: left; display: block; padding-top: 6px; line-height: 20px; }
.serach-box { margin: 0px 42px 0px 32px; width: 250px; padding: 4px 0px 0px; height: auto; float: left; position: relative; border-bottom: 1px solid #cccccc; }
.serach-box .serach-txt { border: 0; height: 20px; line-height: 20px; width: 100%; background-color: transparent; color: #; }
.serach-box .serach-btn { position: absolute; right: 0; top: 0; width: 56px; height: 100%; background: url(../images/serach_ico.png) no-repeat scroll center center; right: -42px; }
.logo2 { position: absolute; left: 0px; top: 0; width: 80px; height: 100%; opacity: 0; transform-origin: 0% 100% 0; -webkit-transform-origin: 0% 100% 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); }
.logo2 .img { display: block; margin: 0px auto; height: 100%; }
.nav a:link, .nav a:visited { color: #000; }
.nav a:active, .nav a:hover { color: #0137a4; }
.subnav a:link, .subnav a:visited { color: #333; }
.subnav a:active, .subnav a:hover { color: #0137a4; }
.nav > ul > li > a { position: relative; z-index: 2; background-color: #fff; }
.nav > ul > li > a.active { color: #0137a4; }
.nav > ul > li > a.hov, .nav > ul > li > a:hover { background-color: #0137a4; color: #fff; }
.nav { text-align: center;  position: relative; z-index: 1000; }
.nav li a { display: block; padding: 0px 20px; }
.nav li { display: inline-block; *display: inline; *zoom: 1; margin: 0 8px 0 7px; line-height: 52px; height: 52px; font-size: 17px; position: relative; }
.nav .subnav { position: absolute; left: 0; top: 52px; display: none; text-align: left; background-color: #f2f2f2; padding: 14px 0px 0px; width: 280px; }
.nav .subnav a { font-size: 14px; line-height: 1.4; height: auto; font-weight: normal; padding: 8px 20px; background-position: 90% center; background-repeat: no-repeat; }
.nav .subnav a:hover { background-color: #dadada; background-image: url(../images/subnav_ico.png); background-position: 94% center; }
#nav.fixed { position: fixed; left: 0; top: 0; /* box-shadow: -1px 0 3px rgba(0, 0, 0, 0.35);*/ }
#nav.fixed .logo2 { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); }
.slt-bgc { background-color: #fff; }
.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; 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: 30px; height: 3px; background-color: #666; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0px 0px 0px -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 24px; }
.menu-handler .burger-3 { top: 34px; }
.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-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.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); }
.serach-Mbtn { width: 52px; height: 52px; position: absolute; right: 52px; top: 0px; cursor: pointer; display: none; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.serach-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; }
.serachIBox { position: fixed; left: 0px; top: 52px; height: 0px; overflow: hidden; padding: 12px 105px 12px 3%; background-color: #666; 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; }
.serachIBox.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; }
.serachIBox .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 95%; background-color: transparent; font-size: 14px; color: #fff; font-family: "microsoft yahei"; }
.serachIBox .btn { position: absolute; right: 0px; top: 0px; width: 105px; height: 100%; background-color: #0137a4; }
.serachIBox .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; background-color: #f0f0f0; }
.serach-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: #0137a4; color: #fff; 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: #fff; }
.languageBox a:active, .languageBox a:hover, .languageBox a.act { color: #fff; text-decoration: underline; }
.languageBox { text-align: right; font-size: 14px; padding: 18px 20px 25px; }
.languageBox a { margin-left: 15px; }
.navMobile li { padding-bottom: 5px; }
.nav-link { color: #fff; display: block; font-size: 18px; padding: 5px 25px; }
.navMobile .subnav { background-color: #f5f5f5; display: none; padding: 10px 25px; }
.navMobile .subnav dd { margin-bottom: 5px; line-height: 1.4; }
.navMobile .subnav a { color: #666666; position: relative; font-size: 16px; display: block; padding: 4px 0px; }
.navMobile .subnav a:hover { color: #006f93; }
.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; }
.linkBox { overflow: hidden; background-color: #0137a4; padding: 20px 0; color: #999; }
.linkBox a:link, .linkBox a:visited { color: #fff; }
.linkBox a:active, .linkBox a:hover { color: #0137a4; }
.slt-box1, .slt-box2  .slt-box3{ float: left; display: block; width: 63%; margin-left: 5%; }
.slt-box2 { width: 27%; margin-left: 0; float: right; }
.slt-box3 { width: 97%; margin-left: 0; float: right; }
.linkNav a:link, .linkNav a:visited { color: #fff; }
.linkNav a:active, .linkNav a:hover { color: #fff; }
.linkNav li { float: left; display: block; margin-right: 5%; }
.linkNav li p { margin-bottom: 8px;line-height: 1.4; }
.linkNav li .t { font-size: 14px; border-bottom: 0px solid #5157d4; padding-bottom: 6px; margin-bottom: 15px; }
.linkNav li .t a { color: #fff; }
.linkNav li .t a:hover { color: #fff; }
.contactIbox .t { font-size: 14px; color: #fff; }
.contactIbox .c { margin: 16px 0px 30px; }
.contactIbox .c a:hover { color: #3399ff; }
.contactIbox .b { color: #fff; font-family: arial, helvetica, sans-serif; line-height: 2; }
.contactIbox .c1 { background: url(../images/contact_i1.png) no-repeat scroll left 3px; padding-left: 25px; }
.contactIbox .c2 { background: url(../images/contact_i2.png) no-repeat scroll left 3px; padding-left: 25px; }
.contactIbox .c3 { background: url(../images/contact_i3.png) no-repeat scroll left 3px; padding-left: 25px; }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #0137a4; }
.foot { background-color: #2a2a2a; color: #fff; padding: 35px 0px 48px;}
.fsharp a { display: block; width: 42px; height: 42px; margin-right: 15px; background: url(../images/sharp.png) no-repeat scroll 0px 0px; float: left; position: relative; }
.fsharp a em { background: url(../images/sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.fsharp a .ibg { background: url(../images/sharp.png) no-repeat scroll -238px -42px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.fsharp a:hover { background: none; }
.fsharp a:hover .ibg { -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 1; filter: alpha(opacity=100); }
.fsharp a.a1 { background-position: 0px -42px; }
.fsharp a.a2 { background-position: -59px -42px; }
.fsharp a.a3 { background-position: -117px -42px; }
.fsharp a.a4 { background-position: -176px -42px; }
.fsharp a.a1 .i { background-position: 0px 0px; }
.fsharp a.a2 .i { background-position: -59px 0px; }
.fsharp a.a3 .i { background-position: -117px 0px; }
.fsharp a.a4 .i { background-position: -176px 0px; }
.pbanner { position: relative; overflow: hidden; min-height: 200px; background: url(../images/loader.gif) no-repeat scroll center center #fff; }
.pbanner-C a:link, .pbanner-C a:visited { color: #fff; }
.pbanner-C a:active, .pbanner-C a:hover { color: #0137a4; }
.pbanner-C { position: absolute; left: 50%; margin-left: -600px; bottom: 10%; color: #fff;  line-height: 1.1; border-left: 3px solid #0137a4; visibility: hidden; }
.pbanner-C .t { font-size: 48px;  padding-left: 12px;  font-family: "VeneerCleanRound";}
.pbanner-C .c { font-size: 24px; padding-left: 12px;font-family: "VeneerCleanRound"; }
.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; }
.pbanner-C article { position: relative; float: left; }
.pbanner-C article:after { background-color: #0137a4; background-color: rgba(1,55,165,0.9); }
.no-csstransitions .pbanner-C article:after { background-color: transparent; }
.pbanner .load-img { display: block; width: 100%; }
.load-yy { position: absolute; left: 0; bottom: 0; width: 100%; height: 229px; background: url(../images/yy2.png) repeat-x scroll left top; }

@-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: 57px; margin-bottom: 10px; }
.pageNavBox a:link, .pageNavBox a:visited { color: #fff; }
.pageNavBox a:active, .pageNavBox a:hover { color: #424242; }
.pagenav { background-color: #0137a4; width: 100%; text-align: center; border-top: 1px solid #0137a4; }
.pagenav.fixed { position: fixed; left: 0; top: 52px; z-index: 1000; }
.pagenav.fixed .cpnavbox { height: 40px; line-height: 40px; }
.cpnavbox { height: 55px; line-height: 55px; padding-top: 1px; -webkit-transition: height 0.3s; transition: height 0.3s; }
.cpnavbox a { text-align: center; color: #ffffff; font-size: 14px; display: inline-block; padding: 0px 26px; *display: inline; *zoom: 1; position: relative;  }
.cpnavbox a:before { content: ""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #6c72d8; }
.cpnavbox a:first-child:before { width: 0; }
.cpnavbox a:hover, .cpnavbox a.active { background-color: #f0f0f0; color: #424242; }
.cpnavbox a.download { background-color: #91001f; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 16px; background-color: #0137a4; 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; }

.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); }
#videobox_display_button, #videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico1.png) no-repeat!important; width: 57px!important; height: 57px!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; }

.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; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.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); }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* 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; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.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); }

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

.owl-theme .owl-controls { margin-top: 10px; 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 images */
.owl-item.loading { min-height: 150px; background: url(../images/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; }
.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; }

@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

.transYT { transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transYT2 { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transXT { transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transXT2 { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms 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; }
.transXT280 { transform: translateX(-80px); -webkit-transform: translateX(-80px); 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: translateX(0px); -webkit-transform: translateX(0px); }
.action.transXT280 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transXT2 { transform: translateX(0px); -webkit-transform: translateX(0px); }
.tlbg:after, .trbg:after, .ttbg:after, .tbbg:after { background-color: #eee; 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, .inview .tlbg: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, .no-csstransforms .inview .tlbg: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; }
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.bannerBox { position: relative; overflow: hidden; color: #fff; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner .pimg { display: block; width: 100%; }
.binbox { position: absolute; left: 0; bottom: 0; width: 45%; }
.binbox-con { color: #fff; padding: 0px 30px 22px 52px; background: url(../images/banbg.png) repeat; background: none rgba(1,55,165,0.8); float: left; transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 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: scaleY(0); -webkit-transform: scaleY(0); }
.binbox-con .bor { width: 70px; height: 6px; background-color: #fff; display: block; margin-bottom: 16px; }
.binbox-con .c { font-size: 26px; font-family: "VeneerCleanRound";font-style: italic; line-height: 1.4; }
.binbox-con .t { font-size: 48px;  font-family: "VeneerCleanRound";font-style: italic; line-height: 1.4; }
.banner .slick-dots { bottom: 3%; z-index: 105; }
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 6px; width: 12px; height: 12px; margin: 0px; cursor: pointer; }
.banner .slick-dots li a { height: 12px; width: 12px; line-height: 12px; 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); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .binbox-con { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; }
.iboxT { border-bottom: 1px solid #878787; position: relative;  margin-bottom: 32px; font-size: 24px; text-transform: uppercase; color: #ffffff; text-align: center; }
.slt-bor { position: absolute; left: 50%; bottom: -1px; width: 94px; height: 1px; background-color: #fff; margin-left: -47px; }
.target.slt-bor { transition: 0.4s 0.1s; -webkit-transition: 0.4s 0.1s; width: 0; margin-left: 0; }
.action.slt-bor { width: 94px; margin-left: -47px; }
.ilinkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pridcutIbox .iboxT { font-size: 36px; padding-bottom: 12px; }
.pridcutIbox { background-color: #666666; padding: 0px 0px 0px; overflow: hidden; }
.pridcutIbox a:link, .pridcutIbox a:visited { color: #666666; }
.pridcutIbox a:active, .pridcutIbox a:hover { color: #0137a4; }
.productDemo { margin-right: -2px; }
.productDemo .item { margin-right: 1px; overflow: hidden; float: left; width: 532px; background-color: #f2f2f2; }
.productDemo .itemCon { position: relative; background-color: #fff; /*padding-bottom: 131px;*/ }
.productDemo .img { overflow: hidden; }
.productDemo .img img { width: 100%; display: block; transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.productDemo .t { color: #0137a4;  text-align: center; font-size: 22px; line-height: 1.4; padding-bottom: 10px; position: relative; }
.productDemo .img .t { color: #fff; position: absolute; left: 5%; top: 25%; width: 90%; opacity: 1; transition: .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .4s cubic-bezier(0.445, 0.145, 0.355, 1); }
.con-six{}
.conimg-two{}
.txt-six{	position: absolute;	left: 0;	top: 0;width: 100%;	height: 100%;padding-top: 60px;	line-height: 45px;	text-align: center;	color: #fff;background: rgba(0,0,0,0.6);	display: none;}
.txt-six h3{font-weight: normal;}
.txt-six p{	font-size: 14px;	display: block;	line-height: 20px;}
.productDemo .con { position: absolute; left: 0; bottom: 0; width: 90%; padding: 25px 5% 30px; background-color: #fff; transition: background 300ms; -webkit-transition: background 300ms; }
.productDemo .con .t { height: 0; overflow: hidden; padding-bottom: 0; opacity: 0; transition: 300ms; -webkit-transition: 300ms; }
.productDemo .con .slt-bor { background-color: #0137a4; bottom: 0; }
.productDemo .con .c { height: 76px; overflow: hidden; transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); }
.productDemo .con .sj { background: url(../images/sj1.png) no-repeat scroll center bottom; width: 34px; height: 17px; position: absolute; left: 50%; margin-left: -17px; top: -17px; transition: 300ms; -webkit-transition: 300ms; }
.learnMore { display: block; margin: 0px auto; width: 166px; height: 44px; line-height: 44px; border: 1px solid #fff; text-align: center; z-index: 1; position: relative; overflow: hidden; }
.learnMore .txt { background: url(../images/learnMore_more2.png) no-repeat scroll right center; display: inline-block; padding-right: 32px; font-size: 12px; font-weight: bold; color: #fff; -webkit-transition: 400ms; transition: 400ms; }
.learnMore:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; top: 0; background-color: #0137a4; transform-origin: 100%; -webkit-transform-origin: 100%; -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; }
.learnMore:hover { border-color: #0137a4; }
.learnMore:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.learnMore:hover .txt { color: #fff; padding-right: 42px; }
.productDemo .learnMore { height: 0; overflow: hidden; border: 0px none; opacity: 0; transition: 300ms; -webkit-transition: 300ms; }
.productDemo .learnMore:before { background-color: #e57b8f; }
.productDemo .learnMore .txt { color: #0137a4; background-image: url(../images/learnMore_more.png); }
.productDemo .slick-prev, .productDemo .slick-next { width: 42px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-color: #0137a4; background-color: rgba(1,55,165,0.8); background-position: center center; background-repeat: no-repeat; }
.productDemo .slick-prev { background-image: url(../images/img_l.png); left: 0px; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.productDemo .slick-next { background-image: url(../images/img_r.png); right: 0px; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.productDemo:hover .slick-prev, .productDemo:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.fixedImg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.ie8 .fixedImg { background-attachment: inherit; }
.projectsIbox .item:hover .black-50{ opacity: 1; visibility: visible;}
.projectsIbox .item:hover .con{ bottom: 35%;}

.aboutUsBox { padding: 120px 0px 110px; color: #fff; }
.aboutUsBox a:link, .aboutUsBox a:visited { color: #fff; }
.aboutUsBox a:active, .aboutUsBox a:hover { color: #fff; }
.aboutUsBox .iboxT { border-bottom: 0px none; }
.aboutUsBox-c { width: 80%; margin: 36px auto 0px; text-align: center; }
.aboutUsBox-c .c { font-size: 24px; margin-bottom: 58px; line-height: 1.4; }
.aboutUsBox-list { text-align: center; font-size: 15px; }
.aboutUsBox-list li { display: inline-block; *display: inline; *zoom: 1; margin: 0px 25px 50px; }
.aboutUsBox-list .ico { width: 62px; height: 62px; display: block; margin-bottom: 8px; border: 1px solid #fff; position: relative; z-index: 1; }
.aboutUsBox-list .ico .img { width: 100%; display: block; }
.aboutUsBox-list .ico:before { content: ""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #0137a4; -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); -moz-transform: scaleY(0); transform-origin: 50% 0% 0; -webkit-transform-origin: 50% 0% 0; visibility: hidden\9; }
.aboutUsBox-list a:hover .ico:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: visible\9; }
.aboutUsBox-list a:hover .ico { border-color: #0137a4; }
.twoBox { background-color: #333; }
.twoBox .item1 { float: left; display: block; width: 33%; padding-top: 60px; }
.twoBox .item2 { float: left; display: block; width: 67%; padding-top: 60px; background-color: #666666; overflow: hidden; }
.twoBox .item1 .iboxT { border-bottom-color: #555; }
.newsIbox { margin: 0px 32px; }
.newsIbox a:link, .newsIbox a:visited { color: #fff; }
.newsIbox a:active, .newsIbox a:hover { color: #b7b7b7; }
.newsIbox .list { padding-bottom: 10px; }
.newsIbox .list li { border-bottom: 1px solid #555; font-size: 14px; padding: 0px 0px 18px; margin-bottom: 10px; line-height: 3; overflow: hidden; }
.newsIbox .list a { padding-left: 24px; background: url(../images/dian.png) no-repeat scroll left 21px; display: block; }
.newsIbox .list .time { display: block; margin-bottom: 8px; }
.newsIbox .list .c { height: 42px; overflow: hidden; display: block; }
.black-50 { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.projectsIbox a:link, .projectsIbox a:visited { color: #fff; }
.projectsIbox a:active, .projectsIbox a:hover { color: #fff; }
.projectsIbox .item { margin-left: 1px; width: 532px; float: left; display: block; position: relative; color: #fff; background-color: #f2f2f2; text-align: center; overflow: hidden; }
.projectsIbox .item .t { font-size: 17px; line-height: 1.5; }
.projectsIbox .item .by { font-size: 12px; padding-bottom: 35px; }
.projectsIbox .img { position: relative; overflow: hidden; }
.projectsIbox .img img { width: 100%; display: block; }
.projectsIbox .yy { position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/yy.png) repeat-x scroll left top; }
.projectsIbox .con { position: absolute; left: 5%; bottom: -56px; width: 90%; transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); }
.projectsIbox .item .black-50 { opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.projectsIbox .slick-prev, .projectsIbox .slick-next { width: 42px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-color: #0137a4; background-color: rgba(1,55,165,0.8); background-position: center center; background-repeat: no-repeat; }
.projectsIbox .slick-prev { background-image: url(../images/img_l.png); left: 0px; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.projectsIbox .slick-next { background-image: url(../images/img_r.png); right: 0px; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.projectsIbox:hover .slick-prev, .projectsIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.partnerIbox { padding: 42px 0px; overflow: hidden; }
.partnerIbox .iboxT { text-align: left; padding: 0px 30px 8px; color: #333333; border-bottom-color: #e0e0e0; }
.partnerIbox .iboxT .slt-bor { left: 30px; margin-left: 0; background-color: #333333; }
.partnerIdemo a:link, .partnerIdemo a:visited { color: #333; }
.partnerIdemo a:active, .partnerIdemo a:hover { color: #0137a4; }
.partnerIdemo { margin: 0px 15px; }
.partnerIdemo .item { float: left; display: block; width: 233px; margin: 0px 15px; text-align: center; text-transform: uppercase; }
.partnerIdemo .img { background-color: #f2f2f2; position: relative; overflow: hidden; }
.partnerIdemo .img img { width: 100%; display: block; }
.partnerIdemo article { padding-top: 10px; line-height: 1.5; }
.partnerIdemo .slick-arrow { width: 26px; height: 26px; top: -78px; z-index: 200; }
.partnerIdemo .slick-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.partnerIdemo .slick-prev { right: 45px; }
.partnerIdemo .slick-prev i { background: url(../images/img_l2.png) no-repeat scroll center center; }
.partnerIdemo .slick-next { right: 15px; }
.partnerIdemo .slick-next i { background: url(../images/img_r2.png) no-repeat scroll center center; }
.partnerIdemo .slick-prev:hover i { background-image: url(../images/img_l3.png); }
.partnerIdemo .slick-next:hover i { background-image: url(../images/img_r3.png); }
.filler { position: absolute; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; z-index: 5; }
.filler-left { width: 2px; height: 100%; left: 0%; bottom: 0%; }
.filler-right { width: 2px; height: 100%; right: 0%; top: 0%; }
.filler-top { width: 100%; height: 2px; left: 0%; top: 0%; }
.filler-bottom { width: 100%; height: 2px; right: 0%; bottom: 0%; }
.item:hover .filler { background-color: #0137a4; }
/*.item:hover .filler-left { height: 100%;}
.item:hover .filler-right { height: 100%; transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.item:hover .filler-top { width: 100%; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.item:hover .filler-bottom { width: 100%; transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}*/
/*index style end*/

.pageActive { border-bottom: 1px solid #cccccc; }
.pageActive .pinner { position: relative; }
.pageActive .c { text-align: right; padding: 15px 0px 15px; float: right; display: inline-block; }
.pageActive a:link, .pageActive a:visited { color: #666; }
.pageActive a:active, .pageActive a:hover { color: #0137a4; }
.pageActive .c .active { color: #0137a4; }
.pageActive .c .fg { padding: 0px 3px; }
.mauto { margin: 0px auto; }
.pageT { padding-bottom: 35px; }
.pageT .t { font-size: 36px; color: #424242; text-transform: uppercase; line-height: 1.2;  font-family: 'VeneerCleanRound';}
.pageT .c { color: #999999; line-height: 1.5; }
.pageT .bot { width: 64px; height: 3px; background-color: #0137a4; display: block; overflow: hidden; margin-top: 10px; }
.pageC { color: #666666; font-size: 15px; padding: 10px 0 50px 0}
.pageC2 { color: #666666; font-size: 15px; padding: 10px 0 20px 0}
.pageC h3{ font-size:20px;color:#0137a4; padding: 30px 0}
.pageC a:link, .pageC a:visited { color: #0137a4; }
.pageC a:active, .pageC a:hover { text-decoration: underline; }
.pageC img { max-width: 100% !important; }
.page-list .page-con, .page-list .page-img { float: left; display: block; width: %; }
.page-list .page-img { float: right; display: block; width: 45%; }
.page-list .page-con { padding-top: 5px; }
.page-con h1 { font-size: 72px; color: #ccc; font-family: "VeneerCleanRound";  line-height: 1; }
.page-con h3 { font-size: 24px; line-height: 1; margin-bottom: 0px; }
.companyPage { padding: 45px 0px; }
.aboutService-box { background: url(../images/black_47.png) repeat; background: none rgba(102,102,102,0.47); padding: 102px 0px 128px; color: #fff; font-size: 16px; }
.aboutService-box a:link, .aboutService-box a:visited { color: #fff; }
.aboutService-box a:active, .aboutService-box a:hover { color: #0137a4; }
.aboutService-box .img, .aboutService-box .con { float: left; display: block; }
.aboutService-box .img { width: 560px; }
.aboutService-box .con { width: 630px; margin-left: 10px; padding-top: 5%; }
.aboutService-box .img figure { position: relative; margin-left: -40px; width: 100%; }
.aboutService-box .by { position: absolute; left: 15%; top: 30%; line-height: 1.2; }
.aboutService-box .by .title { font-size: 41px; /*font-family:"VeneerCleanRound light","VeneerCleanRound",tahoma,"times new roman",helvetica,arial;*/ text-transform: uppercase; line-height: 1; }
.aboutService-box .c img {  margin-top: 45px; }
.aboutService-box .c .t { font-size: 24px; /*font-family:"VeneerCleanRound light","VeneerCleanRound",tahoma,"times new roman",helvetica,arial;*/ text-transform: uppercase; padding-top: 5px; display: inline-block; }
.aboutService-box .c .i { font-size: 23px; text-transform: uppercase; font-weight: bold; }
.aboutEvent-box { padding: 80px 0 70px 0; }
.slt-leftBox, .slt-rightBox { float: left; display: block; }
.slt-leftBox { width: 314px; float: right; }
.slt-rightBox { width: 780px; }
.event-list { font-size: 15px; }
.event-list li { padding-bottom: 20px; position: relative; }
.event-list li .ico { float: left; display: inline-block; margin-right: 30px; width: 54px; height: 54px; padding-bottom: 8px; background-color: #fff; position: relative; z-index: 2; color: #0137a4; font-size: 60px; line-height: 1; font-family: "VeneerCleanRound","VeneerCleanRound",tahoma,"times new roman",helvetica,arial; }
.event-list li .ico img { width: 100%; display: block; }
.event-list li .c { float: left; display: inline-block; color: #0137a4; width: 228px; }
.event-list li .line { position: absolute; left: 23px; top: 5%; height: 90%; background-color: #666666; width: 1px; display: block; }
.event-list li.last { color: #666666; padding-bottom: 0; }
.event-list li.last .c { color: #666; }
.event-list li.last .line { display: none; }
.history-box a:link, .history-box a:visited { color: #666; }
.history-box a:active, .history-box a:hover { color: #0137a4; }
.history-box { padding: 10px 0px 80px; overflow: hidden; }
.history-demo { margin-top: 55px; position: relative; color: #666; }
.history-line { position: absolute; left: 0; top: 170px; background-color: #666666; height: 2px; display: block; width: 100%; }
.history-demo .item { position: relative; z-index: 2; padding-top: 15px; }
.history-demo .img { width: 224px; margin: 0px auto; height: 126px; }
.history-demo .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.history-demo .dian { background: url(../images/yuan_dian.png) no-repeat; width: 18px; height: 18px; display: block; margin: 20px auto 12px; }
.history-demo .year { font-size: 24px; font-family: "VeneerCleanRound","VeneerCleanRound",tahoma,"times new roman",helvetica,arial; text-align: center; line-height: 1.2; padding-bottom: 8px; }
.history-demo .c { text-align: center; font-size: 15px; line-height: 1.2; width: 90%; margin: 0px auto; }
.history-demo .slick-arrow { width: 26px; height: 26px; top: 157px; z-index: 200; }
.history-demo .slick-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.history-demo .slick-prev { left: -26px; }
.history-demo .slick-prev i { background: url(../images/img_l2.png) no-repeat scroll center center; }
.history-demo .slick-next { right: -26px; }
.history-demo .slick-next i { background: url(../images/img_r2.png) no-repeat scroll center center; }
.history-demo .slick-prev:hover i { background-image: url(../images/img_l3.png); }
.history-demo .slick-next:hover i { background-image: url(../images/img_r3.png); }

.pagePadding { padding: 40px 0px 65px; }
.culturebox { padding: 2px 0px; position: relative; }
.culture-T { position: ; left: 0; top: 0; color: #333333; font-style: italic; font-size: 32px; font-family: "times new roman",helvetica,arial;line-height: 1.5; background: url(../images/dh.png) no-repeat scroll 5% 5%; padding-top: 75px; z-index: 5; background-color: rgba(255,255,255,0.8); padding: 5% 5% 0% 5%; width: 55%; }
.culture-c { height: 846px; position: relative; }
.culture-c .imgb { background-repeat: repeat-y; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.culture-c .imgb1 { background-position: right 50%; }
.culture-c .imgb2 { background-position: 0 50%; }
.culture-c .imgb3 { background-position: right 50%; }

.cpc { padding: 6% 5% 10% 5%;  }
.cpc p{ line-height: 3;font-size: 14px;font-style: normal;width: 98%; }
.cpc h3{ padding-top: 3%;  }

.culture-demo .pageTc{ padding-top: 2%; padding-bottom: 1%;line-height: 3.5;font-size: 18px; color: #777 }
.culture-demo a:link, .culture-demo a:visited { color: #333; }
.culture-demo a:active, .culture-demo a:hover { color: #0137a4; }
.culture-demo { margin-top: 50px; position: relative; margin-right: -9px; padding-bottom: 78px; border-bottom: 0px solid #ccc; }
.culture-demo .item { width: 374px; margin-right: 25px;  margin-bottom: 25px;float: left; display: block; background-color: #fff; cursor: pointer; position: relative; }
.culture-demo .img { overflow: hidden; }
.culture-demo .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.culture-demo .c { height: 54px; line-height: 54px; font-size: 18px; text-align: center; overflow: hidden; }
.culture-demo .item:hover .c { color: #0137a4; }
.culture-demo .slick-arrow { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #666; bottom: 20px; }
.culture-demo .slick-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.culture-demo .slick-prev { left: 0px; }
.culture-demo .slick-prev i { background: url(../images/img_l4.png) no-repeat scroll center center; }
.culture-demo .slick-next { right: 0px; }
.culture-demo .slick-next i { background: url(../images/img_r4.png) no-repeat scroll center center; }
.culture-demo .slick-arrow:hover { border-color: #0137a4; }
.culture-demo .slick-prev:hover i { background-image: url(../images/img_l5.png); }
.culture-demo .slick-next:hover i { background-image: url(../images/img_r5.png); }
html.openImg { overflow: hidden; }
.overlayClose { z-index: 100; width: 41px; height: 41px; border: 1px solid #fff; border-radius: 50%; display: block; position: absolute; right: 5%; top: 2%; transition: 300ms; -webkit-transition: 300ms; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #0137a4; border-color: #0137a4; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgPrev { z-index: 100; background: url(../images/img_l6.png) no-repeat scroll center center; width: 43px; height: 43px; position: absolute; left: 5%; top: 50%; margin-top: -21px; cursor: pointer; border-radius: 50%; }
.imgNext { z-index: 100; background: url(../images/img_r6.png) no-repeat scroll center center; width: 43px; height: 43px; position: absolute; right: 5%; top: 50%; margin-top: -21px; cursor: pointer; border-radius: 50%; }
.imgPrev:hover, .imgNext:hover { background-color: #0137a4; background-size: 50% auto; }
.imgShowBox { background-color: #262626; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 60px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background-color: #666666; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 0px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; z-index: 5; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; z-index: 100; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; transition: 400ms; -webkit-transition: 400ms; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/img_l6.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/img_r6.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #0137a4; background-size: 50% auto; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #393939; background-size: 30% auto; }

.honor-list a:link, .honor-list a:visited { color: #666666; }
.honor-list a:active, .honor-list a:hover { color: #0137a4; }
.honor-list { overflow: hidden; }
.honor-list ul { margin-left: -2%; }
.honor-list li { float: left; display: block; width: 23%; margin: 0px 0px 30px 2%; text-align: center; font-size: 16px; line-height: 1.5; cursor: pointer; }
.honor-list .img { background-color: #fff; padding: 4px; margin-bottom: 8px; position: relative; overflow: hidden; transition: background-color 300ms; -webkit-transition: background-color 300ms; }
.honor-list .img img { width: 100%; display: block; }
.honor-list .c { height: 24px; overflow: hidden; }
.honor-list li:hover .img { background-color: #0137a4; }
/*.honor-list .filler { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.honor-list .filler-left { width: 8px; height: 0%; left: 0%; bottom: 0%; }
.honor-list .filler-right { width: 8px; height: 0%; right: 0%; top: 0%; }
.honor-list .filler-top { width: 0%; height: 8px; left: 0%; top: 0%; }
.honor-list .filler-bottom { width: 0%; height: 8px; right: 0%; bottom: 0%;}
.honor-list li:hover .filler-left { height: 100%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.honor-list li:hover .filler-right { height: 100%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.honor-list li:hover .filler-top { width: 100%;}
.honor-list li:hover .filler-bottom { width: 100%;}*/
.pading a:link, .pading a:visited { color: #fff; }
.pading a:active, .pading a:hover { color: #fff; background-color: #0137a4; }
.pading { text-align: center; }
.pading span { padding: 0px 14px; height: 30px; line-height: 30px; margin: 0px 4px; display: inline-block; *display: inline; zoom: 1; position: relative; background-color: #b7b7b7; display:none}
.pading a { padding: 0px 14px; height: 30px; line-height: 30px; margin: 0px 4px; display: inline-block; *display: inline; zoom: 1; position: relative; background-color: #0137a4; }
.pading a.active { background-color: #0137a4; color: #fff; }
.pading span { background-color: #b7b7b7; color: #fff; }
.pading .prev span { background: url(../images/p_prev.png) no-repeat scroll left center; padding-left: 18px; }
.pading .next span { background: url(../images/p_next.png) no-repeat scroll right center; padding-right: 18px; }

.capability-t { font-size: 30px; color: #424242; line-height: 1.4; margin-bottom: 20px; }
.capability-tab { background-color: #ccc; margin-bottom: 50px; color: #333; }
.capability-tab a:link, .capability-tab a:visited { color: #333; }
.capability-tab a:active, .capability-tab a:hover { color: #0137a4; }
.capability-tab dd { float: left; display: block; width: 50%; text-align: center; padding: 18px 0px; position: relative; font-size: 18px; font-weight: bold; line-height: 1.9; cursor: pointer; }
.capability-tab dd .num { background-color: #666666; width: 34px; height: 34px; border-radius: 50% 50% 0 50%; color: #fff; display: inline-block; margin-right: 16px; }
.capability-tab dd.active { background-color: #fff; color: #0137a4; }
.capability-tab dd.active a { color: #0137a4; }
.capability-tab dd.active .num { background-color: #0137a4; }
.capability-tab dd.active .bot { width: 100%; position: absolute; left: 0; top: 0; height: 3px; background-color: #0137a4; display: block; }
.capability-h3 { font-size: 18px; font-weight: bold; color: #666666; margin-bottom: 8px; }
.capability-page { width: 90%; margin: 0px auto; overflow: hidden; padding-bottom: 80px; display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

@-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%); }
}

.capability-page.on { display: block; }
.capability-page .pageC { line-height: 1.4; margin-bottom: 40px; }
.relevant-t { padding-bottom: 20px; position: relative; }
.relevant-arrow { position: absolute; top: 0; width: 26px; height: 26px; display: block; z-index: 200; cursor: pointer; }
.relevant-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.relevant-prev { right: 35px; }
.relevant-prev i { background: url(../images/img_l2.png) no-repeat scroll center center; }
.relevant-next { right: 0px; }
.relevant-next i { background: url(../images/img_r2.png) no-repeat scroll center center; }
.relevant-next:hover i { background-image: url(../images/img_l3.png); }
.relevant-next:hover i { background-image: url(../images/img_r3.png); }
.relevant-box { overflow: hidden; }
.relevant-demo { position: relative; left: -20px; width: 1120px; }
.relevant-demo .item { width: 240px; margin: 0px 20px 0px; cursor: pointer; overflow: hidden; }
.relevant-demo .item img { width: 100%; display: block; }
.equipment-list a:link, .equipment-list a:visited { color: #fff; }
.equipment-list a:active, .equipment-list a:hover { color: #0137a4; }
.equipment-list { padding-bottom: 20px; }
.slt-pic-demo { overflow: hidden; }
.slt-pic-demo ul { margin-left: -2%; }
.slt-pic-demo li { float: left; display: block; width: 31.33%; margin: 0px 0px 40px 2%; }
.slt-pic-demo .item { position: relative; }
.slt-pic-demo .img { overflow: hidden; }
.slt-pic-demo .img img { width: 100%; display: block; }
.slt-pic-demo .name { text-align: center; height: 50px; line-height: 50px; font-size: 15px; background-color: #999; color: #fff; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; }
.slt-pic-demo .filler-left, .slt-pic-demo .filler-right { width: 3px; }
.slt-pic-demo .filler-top, .slt-pic-demo .filler-bottom { height: 3px; }
/*.slt-pic-demo .item:hover .filler-left { transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.slt-pic-demo .item:hover .filler-top { transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.slt-pic-demo .item:hover .filler-right { transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.slt-pic-demo .item:hover .filler-bottom { transition-delay: 0s; -webkit-transition-delay: 0s;}*/
.slt-pic-demo li:hover .name { color: #0137a4; background-color: #fff; }
.down-btn { background-color: #0137a4; color: #fff; width: 226px; height: 55px; line-height: 55px; text-align: center; float: left; display: block; /* position: absolute; left: 0; top: 0;*/ }
.down-btn .txt { background: url(../images/down_btn.png) no-repeat scroll left center; padding-left: 40px; color: #fff; font-size: 18px; }
.down-btn:hover { background-color: #333333; }
.product-dl a:link, .product-dl a:visited { color: #333; }
.product-dl a:active, .product-dl a:hover { color: #fff; }
.product-dl dd { background-color: #fff; position: relative; margin-bottom: 42px; transition: 300ms; -webkit-transition: 300ms; }
.product-dl dd:last-child { margin-bottom: 0; }
.product-dl figure { float: left; display: block; width: 44.5%; overflow: hidden; }
.product-dl figure img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.product-dl .con { float: left; display: block; width: 47.5%; margin: 0px 4%; padding: 40px 0px 30px; }
.product-dl .t { font-size: 24px; font-weight: bold; font-style: italic; color: #333; line-height: 1.4; overflow: hidden; height: 34px; }
.product-dl .bot { height: 1px; width: 96px; background-color: #cccccc; display: block; margin: 6px 0px 26px; }
.product-dl .c { color: #666; height: 76px; overflow: hidden; margin-bottom: 56px; }
.product-dl .imglist li { float: left; display: block; width: 124px; margin-right: 20px; position: relative; z-index: 3; }
.product-dl .imglist li img { width: 100%; display: block; }
.product-dl .imglist li.last { padding-top: 11%; width: 22px; margin-right: 0; }
.more-sl { background: url(../images/more_sl.png) no-repeat scroll left center; width: 22px; height: 4px; display: block; position: relative; }
.more-sl i { position: absolute; background: url(../images/more_sl2.png) no-repeat scroll left center; width: 0%; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.prolist-c { padding: 30px; overflow: hidden; margin-bottom: 50px; }
.productList { overflow: hidden; padding-bottom: 20px; }
.productList a:link, .productList a:visited { color: #666; }
.productList a:active, .productList a:hover { color: #0137a4;}
.productList ul { margin-left: -2%; }
.productList li { float: left; display: block; width: 23%; margin: 0px 0px 40px 2%; text-align: center; background-color: #fff; transition: 300ms; -webkit-transition: 300ms; }
.productList figure { overflow: hidden; }
.productList figure img { width: 100%; display: block; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.productList .name { height: 50px; line-height: 50px; font-size: 16px; padding: 0px 2%; overflow: hidden; }
.select-links { font-weight: bold; width: 400px; height: 55px; z-index: 104; float: left; display: block; background-color: #666666; color: #fff; position: relative; transition: 300ms; -webkit-transition: 300ms; }
.select-links .mb { padding: 0 55px 0 30px; position: relative; cursor: pointer; line-height: 55px; font-size: 18px; }
.select-links .mb .aw { width: 55px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../images/select-ico.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.select-links .b { position: absolute; top: 55px; display: none; width: 100%; }
.select-links ul { background-color: #fff; overflow: hidden; border-left: 1px solid #cecece; border-right: 1px solid #cecece; }
.select-links a { display: block; padding: 12px 15px; line-height: 1.2; font-size: 15px; border-bottom: 1px solid #e1e1e1; }
.select-links.act .mb .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.proInfoC { padding: 45px 0px; width: 90%; margin: 0px auto; overflow: hidden; }
.proInfo-t { padding-right: 200px; position: relative; line-height: 1.2; padding-bottom: 18px; border-bottom: 1px solid #d6d6d6; margin-bottom: 38px; }
.proInfo-t b { font-size: 30px; font-style: italic; font-weight: bold; color: #424242; }
.proInfo-t a:link, .proInfo-t a:visited { color: #0137a4; }
.proInfo-t a:active, .proInfo-t a:hover { color: #fff; }
.down-btn2 { width: 170px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; top: 0; border: 1px solid #0137a4; color: #0137a4; }
.down-btn2:hover { background-color: #0137a4; }
.down-btn2 .txt { font-size: 15px; background: url(../images/down_btn2.png) no-repeat scroll right center; padding-right: 30px; }
.down-btn2:hover .txt { background-image: url(../images/down_btn.png); }
.pinfoImg-demo { width: 658px; margin: 0px auto 30px; }
.pinfoImg-demo .slick-list { overflow: inherit; }
.pinfoImg-demo .item { margin: 0px 4px; background-color: #fff; }
.pinfoImg-demo .item img { width: 100%; display: block; filter: alpha(opacity=20); opacity: 0.2; -webkit-transition: 0.3s; transition: 0.3s; }
.pinfoImg-demo .slick-active img { filter: alpha(opacity=100); opacity: 1; }
.pinfoImg-demo .slick-arrow { width: 46px; height: 70px; display: block; position: absolute; top: 50%; margin-top: -35px; z-index: 100; background-color: #333333; background-position: center center; background-repeat: no-repeat; }
.pinfoImg-demo .slick-prev { background-image: url(../images/img_l.png); left: -50px; }
.pinfoImg-demo .slick-next { background-image: url(../images/img_r.png); right: -50px; }
.pinfoImg-demo .slick-arrow:hover { background-color: #0137a4; }
.joblist { padding: 42px 0 52px 0;  }
.joblist a:link, .joblist a:visited { color: #333; }
.joblist a:active, .joblist a:hover { color: #fff; }
.joblist dd { margin-bottom: 4px; background-color: #fff; position: relative; z-index: 1; }
.joblist a { display: block; position: relative; padding: 22px 160px 22px 22px; font-size: 18px; line-height: 1.4; }
.joblist .time { background: url(../images/list_num.png) no-repeat scroll left center; padding-left: 25px; display: inline-block; float: left; margin: 0px 60px 0px 0px; color: #999; font-size: 14px; line-height: 22px; }
.joblist .c { float: left; display: block; }
.down-btn3 { background-color: #cccccc; position: absolute; right: 28px; top: 22px; width: 124px; height: 28px; line-height: 28px; font-size: 12px; text-align: center; }
.down-btn3 .txt { display: inline-block; }
.joblist dd:hover .time { color: #fff; background-image: url(../images/list_num2.png); }
.joblist dd:hover .down-btn3 { background-color: #0137a4; }
.joblist dd:hover .down-btn3 .txt { }
.joblist dd:before { content: ""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #999; -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); -moz-transform: scaleY(0); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: hidden\9; }
.joblist dd:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 0 0; -webkit-transform-origin: 50% 0 0; visibility: visible\9; }

.project-list li { background-color: #fff; }
.project-list .item { cursor: ; }
.project-list .con { padding: 15px 5%; height: 30px; overflow: hidden; }
.project-list .con .t { font-size: 18px; line-height: 1.4; color: #333; max-height: 50px; overflow: hidden; margin-bottom: 5px; text-align:center }
.project-list .con .time { color: #999999; font-size: 12px; }
.project-img { background-color: #262626; padding: 52px 0px; position: relative; overflow: hidden; }
.project-con { background-color: #666; padding: 45px 0px; }
.project-img-demo, .projectP { margin: 0px auto; width: 850px; position: relative; overflow: hidden; }
.projectImg .item img { width: 100%; display: block; }
.project-arrow { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; z-index: 100; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; transition: 400ms; -webkit-transition: 400ms; }
.project-prev { left: 5%; background-image: url(../images/img_l6.png); }
.project-next { right: 5%; background-image: url(../images/img_r6.png); }
.project-arrow:hover { background-color: #0137a4; background-size: 50% auto; }
.projectP { font-size: 16px; color: #fff; }
.projectP img { max-width: 100%; }
.projectP a:link, .projectP a:visited { color: #fff; }
.projectP a:active, .projectP a:hover { color: #0137a4; }
.projectP .name { font-weight: bold; font-size: 24px; line-height: 1.2; }
.projectP .c { color: #b3b3b3; margin-bottom: 15px; }
.md-show, .md-show body { overflow-y: hidden; }
.md-show .md-modal { opacity: 1; visibility: visible; }
.md-modal { position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1000; opacity: 0; /*background:none rgba(0,0,0,0.5);*/ background-color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-overflow-scrolling: touch; min-height: 100%; }
.md-modal .vertical-inner { vertical-align: top; }
.md-btn-close { z-index: 100; width: 41px; height: 41px; border: 1px solid #fff; border-radius: 50%; display: block; position: absolute; right: 5%; top: 2%; transition: 300ms; -webkit-transition: 300ms; }
.md-btn-close i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.md-btn-close:hover { background-color: #0137a4; border-color: #0137a4; }
.md-btn-close:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.solutionsList a:link, .solutionsList a:visited { color: #333; }
.solutionsList a:active, .solutionsList a:hover { color: #0137a4; }
.solutionsList { padding-bottom: 60px; }
.solutionsList dd { position: relative; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; }
.solutionsList .item { border-bottom: 1px solid #c3c3c3; padding: 36px 0px; position: relative; }
.solutionsList figure { float: left; display: block; width: 35%; overflow: hidden; }
.solutionsList figure img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.solutionsList .con { float: right; display: block; width: 61%; }
.solutionsList .con h3 { font-size: 24px; font-weight: bold; font-style: italic; color: #333; line-height: 1.4; margin-bottom: 24px; height: 34px; overflow: hidden; }
.solutionsList .con .c { font-size: 15px; color: #666; height: 126px; overflow: hidden; margin-bottom: 28px; }
.solutionsList .con .more { background: url(../images/more_i1.png) no-repeat; width: 23px; height: 23px; display: block; }

.solutionsList dd:hover{ background-color: #fff;}
.solutionsList dd:hover figure img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.solutionsList dd:hover .item{ border-color: #fff;}
.solutionsList dd:hover .con h3{ color: #0137a4;}
.solutionsList dd:hover .con .more{ background-image: url(../images/more_i2.png);}


.infoC { width: 90%; padding: 50px 0px; margin: 0px auto; }
.infoT { font-size: 30px; font-style: italic; color: #424242; font-weight: bold; line-height: 1.4; margin-bottom: 10px; }
.infobot { width: 30px; height: 3px; background-color: #0137a4; display: block; overflow: hidden; margin-bottom: 40px; }
.infoPage-pager a:link, .infoPage-pager a:visited { color: #424242; }
.infoPage-pager a:active, .infoPage-pager a:hover { color: #0137a4; }
.infoPage-pager { border-top: 1px solid #ccc; position: relative; font-size: 15px; }
.infoPage-pager .bor { background-color: #ccc; height: 100%; width: 1px; position: absolute; left: 50%; top: 0px; }
.infoPage-pager .prev, .infoPage-pager .next { padding: 30px 6%; float: left; display: block; width: 38%; }
.infoPage-pager a { line-height: 1.5; }

.servicePC .pageC1 { padding-bottom: 120px; }
.service-tab { background-color: #ccc; margin-bottom: 50px; color: #333; }
.service-tab a:link, .service-tab a:visited { color: #333; }
.service-tab a:active, .service-tab a:hover { color: #0137a4; }
.service-tab dd { float: left; display: block; width: 50%; text-align: center; padding: 18px 0px; position: relative; font-size: 18px; font-weight: bold; cursor: pointer; }
.service-tab dd .ico { width: 41px; height: 41px; color: #fff; position: absolute; left: 0; top: 0; }
.service-tab dd .ico i { position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-size: cover; }
.service-tab dd .ico i.i1 { display: block; }
.service-tab dd .ico i.i2 { display: none; }
.service-tab dd .c { display: inline-block; padding-left: 58px; position: relative; line-height: 40px; }
.service-tab dd.active { background-color: #fff; color: #0137a4; }
.service-tab dd.active a { color: #0137a4; }
.service-tab dd.active .num { background-color: #0137a4; }
.service-tab dd.active .ico i.i1 { display: none; }
.service-tab dd.active .ico i.i2 { display: block; }
.service-tab dd.active .bot { width: 100%; position: absolute; left: 0; top: 0; height: 3px; background-color: #0137a4; display: block; }
.service-page { width: 90%; margin: 0px auto; overflow: hidden; display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

@-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%); }
}

.service-page.on { display: block; }

.news-list a:link, .news-list a:visited { color: #333; }
.news-list a:active, .news-list a:hover { color: #0137a4; }
.news-list ul { margin-left: -1.33%; }
.news-list li { background-color: #fff; width: 32%; margin: 0px 0px 45px 1.33%; position: relative; }
.news-list .con { padding: 24px 8%; height: 194px; overflow: hidden; font-size: 15px; line-height: 1.5; color: #666; }
.news-list .con .t { font-size: 18px; font-style: italic; font-weight: bold; color: #333; line-height: 1.2; max-height: 44px; overflow: hidden; margin: 20px 0; }
.news-list .con .c { height: 68px; overflow: hidden; margin-bottom: 30px; }
.news-list .con .day { background: url(../images/day.png) no-repeat scroll left center; padding-left: 20px; color: #333333; }

.hon-list a:link, .hon-list a:visited { color: #333; }
.hon-list a:active, .hon-list a:hover { color: #0137a4; }
.hon-list ul { margin-left: -1.33%; }
.hon-list li { background-color: #fff; width: 32%; margin: 0px 0px 15px 1.33%; position: relative;cursor: pointer;  }
.hon-list .con { padding: 20px 8%; height: 32px; overflow: hidden; font-size: 18px; line-height: 1.5; color: #666; }



.infoTime { background: url(../images/day2.png) no-repeat scroll left 4px; padding-left: 22px; color: #999999; font-size: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 25px; }
.infoTime2 { background: none; padding-left: 0px; }
.infoTime .back { margin-left: 14px; color: #0137a4; }
.infoTime2 .back { margin-left: 0; }

.infojob {  color: #444; font-size: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 15px; margin-top: 35px; }

.infoPageC .lbot { width: 0%; height: 3px; background-color: #999; position: absolute; left: 0px; top: 0px; transition: 300ms; -webkit-transition: 300ms; }
.infoPageC .lbot i { margin-left: 5%; width: 0%; height: 3px; background-color: #0137a4; display: block; }
.infoPageC.action .lbot { width: 100%; }
.infoPageC.action .lbot i { width: 90%; }


.mapBox { position: relative; }
.mapBox .img { width: 100%; }
.mapBox .t { position: absolute; left: 15%; top: 15%; color: #333; font-weight: bold; font-size: 38px; line-height: 1.2; text-transform: uppercase; }
.contactPage { position: relative; overflow: hidden; }
.contactPage .bg666 { position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background-color: #666; }
.contactPage .pinner { position: relative; z-index: 2; }
.contactList dd { float: left; display: block; width: 65%; padding: 70px 0px; font-size: 16px; }
.contactList dd.con-left-box { padding-right: 5%; }
.contactList .t { font-size: 22px; line-height: 1.2; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #bdbdbd; color: #333333; }
.contactList .c { padding: 25px 0px 0px 0px; }
.con-left-box .c-i { padding-left: 30px; background-position: left 2px; background-repeat: no-repeat; margin-bottom: 18px; }
.con-left-box .c-i1 { background-image: url(../images/c_i1.png); }
.con-left-box .c-i2 { background-image: url(../images/c_i2.png); }
.con-left-box .c-i3 { background-image: url(../images/c_i3.png); }
.con-left-box .c-i4 { background-image: url(../images/c_i4.png); }
.contactList dd.con-right-box { padding-left: 5%; color: #fff; }
.con-left-box a:link, .con-left-box a:visited { color: #666; }
.con-left-box a:active, .con-left-box a:hover { color: #0137a4; }
.con-right-box a:link, .con-right-box a:visited { color: #fff; }
.con-right-box a:active, .con-right-box a:hover { color: #0137a4; }
.con-right-box .t { font-size: 24px; font-style: italic; border-bottom: 0px none; color: #fff; padding-bottom: 10px; }

.pbanner2 { height: 279px; position: relative; background-position: center center; }
.serachT { font-size: 18px; color: #333333; padding: 0px 2%; }
.serach-banner-box { position: relative; z-index: 1; color: #fff; padding-top: 76px; }
.serach-banner-box .t { font-size: 48px; font-weight: bold; font-style: italic; line-height: 1.2; font-family: "times new roman"; padding-bottom: 8px; }
.serach-banner { position: relative; width: 448px; padding: 16px 84px 16px 24px; background-color: #0137a4; height: 24px; line-height: 24px; }
.serach-banner .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 100%; background-color: transparent; font-size: 14px; color: #fff; font-family: "microsoft yahei"; }
.serach-banner .btn { position: absolute; right: 0px; top: 0px; width: 84px; height: 100%; background-color: #0137a4; }
.serach-banner .btn i { width: 26px; height: 26px; background: url(../images/serach_btn4.png) no-repeat scroll center center; background-size: cover; display: block; margin: 15px auto; }
.serach-banner .btn:hover { background-color: #666; }
.serachList a:link, .serachList a:visited { color: #333; }
.serachList a:active, .serachList a:hover { color: #0137a4; }
.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 .red { color: #0137a4; font-size: 16px; }


.msg{overflow:hidden;}
.msg .form-m1 .form-m1-Left { float: left; width: 50%; }
.msg .form-m1 .form-m1-right { float: right; width: 50%; }
.msg .form-m1 .form-m1-li { padding-top: 10px; }
.msg .form-m1 .form-m1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.msg .form-m1 .form-m1-li label span{padding: 0 6px;}
.msg .form-m1 .form-m1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.msg .form-m1 .form-m1-li textarea { border: 1px #ddd solid; width: 70%; }
.msg .form-m1 .form-m1-li em { color: red; vertical-align: middle; padding-left: 10px; }
.msg .form-m1 .form-m1-li input._yzm { width: 20%; }
.msg .form-m1 .form-m1-li img {height:14px;vertical-align: middle; padding-left: 10px; cursor: pointer; }
.msg .form-m1 .form-m1-li b { color: #666; font-size: 12px; padding-left: 4px; }
.msg .form-m1 .form-m1-btn { clear: both; text-align: center; padding-top: 40px; }
.msg .form-m1 .form-m1-btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; }
.msg .form-m1 .form-m1-btn ._submit { background: #0137a4; margin-right: 10px; }
.msg .form-m1 .form-m1-btn ._reset { background: #909090; }
.msg .form-m1 .Validform_right{white-space: nowrap;}
.msg .form-m1 .form-m1-btn button{width:120px;height:32px; line-height: 32px; border-radius: 0;font-size:15px; padding:0;border: none;}
.msg .form-m1 .form-m1-btn ._submit{background:#0137a4;}
.msg .form-m1 .form-m1-Left,.msg .form-m1 .form-m1-right{width:48%!important;}
.msg .form-m1 .form-m1-li{background: #f7f7f7;padding: 10px 2%;margin-bottom: 15px; position:relative;}
.msg .form-m1 .form-m1-li input{width: 72%!important; background: transparent;border: none!important;}
.msg .form-m1 .form-m1-li textarea{width:75%!important;border: none!important;background: transparent;height: 221px;}
.msg .form-m1 .form-m1-li input._yzm{width:20%!important;}
.msg .form-m1 .form-m1-li .Validform_wrong{position: absolute;right: 7%;top: 13px;}

@media screen and (min-width:1601px){
.inner{ width: 1600px;}
.nav li a{ padding: 0px 28px;}
.nav .subnav a{ font-size: 15px; padding: 9px 30px;}
.binbox-con{ padding:0px 40px 22px 62px;}
.binbox-con .c{ font-size: 36px;}
.productDemo{ margin-right: -2px;}
/*.productDemo .itemCon{ padding-bottom: 146px;}*/
.productDemo .con{ padding: 30px 8% 40px; width: 84%;}
.twoBox .item1{ width: 40%;}
.twoBox .item2{ width: 60%; }
.newsIbox .list .time{ margin-bottom: 12px;}
.newsIbox .list{ padding-bottom: 10px;}
.newsIbox .list li{ padding: 0px 0px 10px; margin-bottom: 14px; font-size: 16px;}
.newsIbox .list .c{ height: 48px;}
.linkNav li{ margin-right: 5%;}
#nav.fixed{ left: 50%; margin-left: -800px;}
.pagenav.fixed{ left: 50%; margin-left: -800px; width: 1600px;}
}