@charset "utf-8";
 
@font-face {
    font-family: 'metromedium_lt_tworegular';
    src: url('METROMEDIUMLT-TWO.eot');
    src: url('METROMEDIUMLT-TWO.eot?#iefix') format('embedded-opentype'),
         url('METROMEDIUMLT-TWO.woff2') format('woff2'),
         url('METROMEDIUMLT-TWO.woff') format('woff'),
         url('METROMEDIUMLT-TWO.ttf') format('truetype'),
         url('METROMEDIUMLT-TWO.svg#metromedium_lt_tworegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metrolite_lt_tworegular';
    src: url('METROLITELT-TWO-webfont.eot');
    src: url('METROLITELT-TWO-webfont.eot?#iefix') format('embedded-opentype'),
         url('METROLITELT-TWO-webfont.woff2') format('woff2'),
         url('METROLITELT-TWO-webfont.woff') format('woff'),
         url('METROLITELT-TWO-webfont.ttf') format('truetype'),
         url('METROLITELT-TWO-webfont.svg#metrolite_lt_tworegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 12px/1.8 Maiandra GD, Microsoft sans serif, Verdana, Microsoft PhagsPa, Arial, Helvetica,"微软雅黑"; margin: 0 auto; color: #989898; background: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
 

h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size:14px; }
h1{ font-size:26px;font-family:Impact, Microsoft sans serif, Arial,"微软雅黑"; padding-bottom:10px;}
h2{ padding:0px;  }
h3{ font-size:16px;}
.jwlogo,.jwclick {display:none!important;}
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection{ background:#5aaeeb; color:#fff; text-shadow:none;}
::selection { background:#5aaeeb; color:#fff; text-shadow: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; }
a{ color:#454545;}
a:hover{color:#ca2114;}
a.more{color:#ca2114;}
p{ line-height:20px;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.cleart{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; }
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.inner{ width: 1138px; margin: 0px auto;}
.head{ position: fixed; left: 0px; top: 0px; z-index: 1000; width: 100%; background-color: #fff; box-shadow:0px 0 6px 0px rgba(0,0,0,0.5);}
.headroom { -webkit-transition: top 600ms ease; -moz-transition: top 600ms ease; -ms-transition: top 600ms ease; -o-transition: top 600ms ease; transition: top 600ms ease; }
.headroom--unpinned { top: -112px; }
.top{ position: relative; height: 82px;}
.logo{ position: absolute; left: -10px; top: 20px; width: 212px; z-index: 20;}
.logo img{ width: 100%; display: block;}
.nav{ float: right; display: block; font: 14px/1.4 "microsoft yahei"; padding-top: 40px; height: 42px;}
.nav a:link,.nav a:visited{ color: #696969;}
.nav a:active,.nav a:hover { color: #0e81d5;}
.nav li{ float: left; display: block; width: 200px; height: 42px; position: relative; text-align: center;}
.nav li.lin0{ width: 85px;}
.nav li.hov a{ color: #0E81D5;}
.subbg { background:url(../img/subbg_bg.png) repeat; background:none repeat scroll 0 0 rgba(60, 102, 156, 0.9);  position: absolute; width: 100%; left: 0px; top: 82px; z-index: 10; box-shadow:0px 0 4px 0px rgba(0,0,0,0.15); display: none;}
.subbg a:link, .subbg a:visited { color: #ffffff; }
.subbg a:active, .subbg a:hover { color: #5aaeeb; }
.subbox { position: relative; overflow: hidden; width: 672px; padding-left: 465px; margin: 0px auto; border-right: 1px solid #557ca4; }
.subnav { float: left; padding: 25px 0px; height: 190px; font-family: "microsoft yahei"; width: 111px; border-left: 1px solid #557ca4; position: relative;}
.subnav0{ width: 84px;}
/*.subnavAct{ background: url(../img/subnav_bg.png) repeat; background:none repeat scroll 0 0 rgba(14, 129, 213, 0.25);}*/
.subnav a { margin: 0px 0px 0px 28px; padding: 5px 0px; display: block; position: relative;}
.csstransitions .cbg{
 	content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../img/subnav_bg.png) repeat; background:none repeat scroll 0 0 rgba(14, 129, 213, 0.25);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  }
.csstransitions .subnavAct .cbg{ -webkit-transform: scaleX(1);transform: scaleX(1);}
.no-csstransitions .cbg{ display: none;}
.no-csstransitions .subnavAct{background: url(../img/subnav_bg.png) repeat; background:none repeat scroll 0 0 rgba(14, 129, 213, 0.25);}
.navbox { background-color: #f8f6f4; padding: 75px 0px 22px; width: 100%; position: relative; z-index: 100; display: none;}
.menu-handler{ width: 52px; height: 52px; cursor: pointer; display: none; float: right; position: relative; margin-right: 5%;}
.menu-handler .burger{  width: 34px; height: 4px; background: #0e81d5; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0 0 0 -17px; 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; }
.csstransforms .menu-handler.active .burger-1 { top: 27px;-moz-transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .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; }
.csstransforms .menu-handler.active .burger-3{ top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransitions .trans,.csstransitions .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransitions .trans-fast,.csstransitions .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; }
.no-csstransitions .menu-handler.active .burger-1,.no-csstransitions .menu-handler.active .burger-2,.no-csstransitions  .menu-handler.active .burger-3 { display: none; }
.no-csstransitions .menu-handler.active { background: url(../img/mob_close.png) no-repeat scroll center center; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a{ text-transform: uppercase; font-size: 16px;}
.navMobile dd a { display: block; padding: 14px 0px 14px 5%; line-height: 1.4; font-size: 14px; color: #434343; }
.navMobile dd a:hover, .navMobile dd a.cur { background-color: #3c669c; color: #fff; }
.navMobile dd a:active { background-color: #5aaeeb; color: #fff; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #7e7e7e; }
.navMobile dd .msubnav a:hover { background-color: #e6e6e6; }
.article-block{ position: relative;}
 
.foot{ background-color: #213855; padding: 4% 0px; color: #fff; position: relative; z-index: 10;}
.foot a:link,.foot a:visited{ color: #fff;}
.foot a:active,.foot a:hover { color: #c8d2de;}
.foot .inner{ width: 940px;}
.lett{ letter-spacing: 0.1em; padding-bottom: 15px;}
.foot .sharpBox{ width: 120px; letter-spacing: 0.1em;}
.foot .sharpBox .c{ padding-top: 15px;}
.sharpBox a { display: block; width: 32px; height: 32px; margin-right: 12px; background: url(../img/sharp.png) no-repeat scroll 0px -38px; float: left; position: relative; }
.sharpBox a.a1 { background-position: 0px -37px; }
.sharpBox a.a2 { background-position: -46px -38px; }
.sharpBox a.a3 { background-position: -93px -38px; }
.sharpBox a em { background: url(../img/sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a .ibg { background: url(../img/sharp2.png) no-repeat scroll 0px 0px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-position: 0px 0px; }
.sharpBox a.a2 .i { background-position: -47px 0px; }
.sharpBox a.a3 .i { background-position: -94px 0px; }
.sharpBox a.a3{ margin-right: 0px;}
.iLink dl{ width: 1000px; padding: 0px;}
.iLink dd{ width: 17%; padding-left: 0.5%;}
.iLink dd.item6{ width: 11.5%;}
.iFoot .inner{ width: 1000px;}
.backTop { background: url(../img/backTop.png) no-repeat; width: 63px; height: 63px; position: fixed; bottom: 5%; right: 1%; z-index: 9999; display: none; }
.backTop .ico { display: block; width: 11px; height: 12px; background: url(../img/backTop_ico.png) no-repeat scroll center top; margin: 18px auto 0px; -webkit-transition: all 400ms; -ms-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
.backTop:hover .ico { margin-top: 14px;}
/* 
 * 	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; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { 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: 50px; background: url(../img/loader.gif) no-repeat center center; }

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

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

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-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); }
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #9c9c9c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 8px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c61210;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:0%;background: url(../img/banner_lr.png) no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background: url(../img/banner_lr.png) no-repeat right bottom;}
.bx-wrapper .bx-prev:hover {background-position: 0 top;}
.bx-wrapper .bx-next:hover {background-position: right top;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 31px;height:31px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background: url(images/controls.png) -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;
outline: 0;/*background: url(images/controls.png) -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 100%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/*base style end*/
/*index style*/
.banner{ width: 100%; overflow: hidden; margin: 0px auto; position: relative;}
.bannerBox{ position: relative; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden;}
.banner .item{ width: 100%; position: relative; overflow: hidden;}
.banner .item .pic{ width: 100%; display: block; position: relative; }
.banner .item .bfont{ width: 80%; position: absolute; left: 10%; top: 45%; text-align: center;}
.banner .item .bfont p{ margin-top: 50px; display: none;}
.banner .item .bfont  h3{ color:#ff0000;font-size:50px;font-family:Impact, Microsoft sans serif, Arial,"微软雅黑"; font-weight:bold;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;  
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;  
text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;   
*filter: Glow(Color=#fff, Strength=2); 

}

.banner .item .bfont p img{ max-width: 100%;}
.banner .owl-controls { margin: 0px; position: absolute; left: 0px; width: 100%; bottom: 5%; }
.banner .owl-controls .owl-page span { background:url(../img/banner_num1.png) no-repeat scroll 0 0; border-radius: 0px; display: block; width: 12px; height: 12px; margin: 0 10px; outline: 0 none; text-indent: -9999px; }
.banner .owl-controls .owl-page.active span,
.banner .owl-controls.clickable .owl-page:hover span { background: url(../img/banner_num2.png) no-repeat scroll 0 0; }
.ibox{ position: relative; z-index: 10; background-color: #fff;}
.gropNewBox dd a:link,.gropNewBox dd a:visited{ color: #575757;}
.gropNewBox dd a:active,.gropNewBox dd a:hover { color: #0e81d5;}
.gropNewBox{ margin: 0px auto; border-bottom: 1px solid #e3e3e3;}
.gropNewBox dt{ height: 42px; text-align: center; padding-top: 23px; color: #494949; letter-spacing: 0.1em; cursor: pointer;}
.gropNewBox dt a{ background: url(../img/i1.png) no-repeat scroll right 0px; height: 19px; line-height: 19px; margin: 0px auto; width: 70px; display: block; padding-right: 32px; font-size: 14px; color: #494949;}
.gropNewBox dt.act a{ background-position:right -19px;}
.gropNewBox dd{ width: 1138px; margin: 0px auto; overflow: hidden; display: none;}
.gropNewList li{ width: 520px; float: left; margin-right: 98px; padding: 32px 0px;}
.gropNewList li.linT{ margin-right: 0px;}
.gropNewList .img{ float: left; display: block; width: 205px; overflow: hidden;}
.gropNewList .img img{width: 100%; display: block; transition:400ms; filter: Alpha(Opacity=100); opacity: 1;}
.gropNewList .con{ width: 262px; float: left; display: block; margin-left: 53px; overflow: hidden;}
.gropNewList .con .t{ font: 14px/1.1 "microsoft yahei"; overflow: hidden; height: 16px; margin-bottom: 12px;}
.gropNewList .con .c{ height: 42px; margin-bottom: 32px; overflow: hidden; color: #8a8a8a;}
.gropNewList .con .more{ text-transform: uppercase; font: 12px/1.1 arial; color: #0e81d5;}
.gropNewList li:hover .more{ color: #494949;}
.gropNewList li:hover img{ filter: Alpha(Opacity=80); opacity: 0.8; -webkit-transform:scale(1.14); transform:scale(1.14);}
.typeIbox a:link,.typeIbox a:visited{ color: #242424;}
.typeIbox{ margin:48px auto 58px; background: url(../img/type_ico.gif) no-repeat scroll left center;}
.typeIbox li{ float: left; width: 227px; text-align: center; background: url(../img/type_ico.gif) no-repeat scroll right center; font: 14px/1.8 "microsoft yahei"; letter-spacing: 0.1em;}
.typeIbox li.titem1 a:hover{ color: #d33838;}
.typeIbox li.titem2 a:hover{ color: #86c26c;}
.typeIbox li.titem3 a:hover{ color: #e79e48;}
.typeIbox li.titem4 a:hover{ color: #6742a5;}
.typeIbox li.titem5 a:hover{ color: #8c4949;}
.typeIbox li a{ display: block; padding-top: 90px; position: relative;}
.typeIbox li a .i1,.typeIbox li a .i2{ display: block; margin: 0px auto; width: 80px; height: 79px; position: absolute; left: 50%; margin-left: -40px; top: 0px;}
.typeIbox li a .i1{ transition: 400ms;}
.typeIbox li a .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.typeIbox li a:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.typeIbox li a:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); }
.newIbox{ width: 1138px; margin:48px auto 18px;}
.newIbox dd a:link,.newIbox dd a:visited{ color: #575757;}
.newIbox dd a:active,.newIbox dd a:hover { color: #0e81d5;}
.newIbox dd{ float: left; display: block; width: 337px; margin:0px 63px 35px 0px; overflow: hidden;}
.newIbox dd.nitem3{ margin-right: 0px;}
.newIbox .img{ width: 337px; height: 200px; overflow: hidden; margin-bottom: 15px;}
.newIbox .img img{ width: 100%; display: block; transition:400ms; filter: Alpha(Opacity=100); opacity: 1;}
.newIbox .type{ color: #8a8a8a;}
.newIbox .t{ font-size: 14px; height: 24px; overflow: hidden; margin-bottom: 10px;}
.type{ font-size:18px}
.newIbox .c{ height:164px; overflow: hidden; color: #8a8a8a;}
.newIbox .c p{ font-size:12px; font-family:"微软雅黑"}
.newIbox dd:hover .img img{ filter: Alpha(Opacity=80); opacity: 0.8; -webkit-transform:scale(1.14); transform:scale(1.14);}
.gropLine{ border-top: 1px solid #e3e3e3; height: 0px; line-height: 0px; position: relative; width: 100%; padding-bottom: 38px;}
.gropLine .ico{ background: url(../img/grop.png) no-repeat scroll center center #fff; height: 11px; width: 204px; position: absolute; top: -5px; left: 50%; margin-left: -102px;}
/*index style end*/
/*about style*/
.pbanner{ position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover;}
.pbanner .vt{ position: relative; width: 100%; display: block;}
.pbanner .pbtxt{ position: absolute; top: 51%; left: 0px; color: #fff; width: 100%; text-align: center; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);}
.pbanner .pbtxt p{ position: relative; top: 80px; display: none;}
 
.pbanner .pbtxt b,.pbanner .pbtxt h4,.pbanner .pbtxt h3{ color:#FFF;font-size:34px;font-family:Impact, Microsoft sans serif, Arial,"微软雅黑";}
 
.page{ color: #575757; padding: 70px 0px; line-height: 2;}
.page a:link,.page a:visited{ color: #5aaeeb;}
.page a:active,.page a:hover { color: #0068b6;}
.page .pl{ width: 48%; float: left; display: block; overflow: hidden;}
.page .pr{ width: 48%; float: right; display: block; overflow: hidden;}
 
 /*contact style*/
 
.mapbox { height: 600px; }
.contactPage a:link, .contactPage a:visited { color: #9f7d5b; }
.contactPage a:active, .contactPage a:hover { color: #543924; }
.contactPage { position: relative; top: -78px; }
.contactPage .t { padding: 0px 5%; height: 78px; font: 27px/78px "微软雅黑"; color: #fff; background-color: #D7141F; }
.contactPage .c { padding: 5%; background-color: #fff; }
.iconBox { float: left; width: 34%; padding-right: 4%; color: #9f7d5b; font-size: 14px; }
.iconBox .wbox { font-size: 18px; color: #543924; line-height: 2.5; }
.formBox { float: left; display: block; width: 60%; color: #939393; }
.formBox .ts { border-bottom: 1px dashed #939393; padding-bottom: 20px; margin-bottom: 18px; }
.formBox .mtxt { border: 1px solid #c5c5c5; border-radius: 3px; padding: 2%; font: 12px/1.8 "微软雅黑"; width: 43%; margin: 0px 2% 2% 0px; color: #7d7c7c; }
.formBox .mtxt2 { width: 93%; height: 130px; overflow: hidden; resize: none; }
.formBox .mbtn { background-color: #D7141F; border: 1px solid #543924; border-radius: 3px; color: #fff; width: 120px; height: 40px; line-height: 36px; font-family: "微软雅黑"; padding: 0px; margin: 0px; }
.formBox input[type="text"]:focus, .formBox textarea:focus { border: 1px solid #9f7d5b; background-color: #f4f4f4; }
.formBox .mbtn:hover { background-color: #9f7d5b; border: 1px solid #9f7d5b; }
/*contact style end*/
/* DIRECTION CONTROLS (NEXT / PREV) */
.teamList li.firstBox .owl-controls .owl-buttons div.owl-prev {left: -5%;background: url(../img/owl_lr.png) no-repeat 0 top;}
.teamList li.firstBox .owl-controls .owl-buttons div.owl-next {right: -5%;background: url(../img/owl_lr2.png) no-repeat right top;}
.teamMore{ background-color: #8d4a4a; width: 940px; margin: 0px auto; color: #fff; position: relative; display: block; line-height: 80px; text-align: center; height: 80px;}
.teamMore .moreB{ position: absolute; left: 0px; top: 0px; transition: all 500ms ease 0s; background-color: #0068B6; height: 100%; width: 0;}
.teamMore .moreZ{ position: relative; z-index: 1;}
.teamMore:hover .moreB{ width: 100%;}
 
/*about style end*/
/*responsibility style*/
.pbannerTwo .pbtxt{ top: 35%;}
.pbannerTwo img.vt{ position: relative;}
.socialBox{ position: absolute; left: 0px; bottom: -100px; background: url(../img/blue.png) repeat; width: 100%; padding: 4% 0px; color: #fff; line-height: 2; display: none;}
.ri{ float: left; margin-right: 40px;}
/*responsibility style end*/
/*join style*/
.pbannerThree{ height: 945px; overflow: hidden;}
.pbannerThree img.vt{ height: 100%; width: auto;}
 
 
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(-10px,0);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(10,0);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(-10px,0);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(10px,0);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(-10px,0);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(10px,0);}
}
 
.pageBT{ width: 880px; float:right;}
.join-dl{ color: #575757; padding-bottom: 40px; border-top: 3px solid #e6e6e6;}
.join-dl dt{ cursor:pointer; position:relative; padding:25px 20px; border-bottom: 3px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; background-color: #fff;}
.join-dl dt .joico{ width:15px; height:15px; position:absolute; right:20px; top:28px;}
.join-dl dt .joico .line1{ width:15px; height:3px; overflow:hidden; background:#575757; position:absolute; left:0; top:6px; transition:400ms;}
.join-dl dt .joico .line2{ width:3px; height:15px; overflow:hidden; background:#575757; position:absolute; left:6px; top:0; transition:400ms;}
.join-dl dt .joico .line3{ width:15px; height:3px; overflow:hidden; background:#fff; position:absolute; left:50px; top:6px; opacity:0; filter:alpha(opacity=0); transition:400ms;}
.join-dl dt.joinact .line1{ left:-70px; opacity:0; filter:alpha(opacity=0);}
.join-dl dt.joinact .line2{ top:-70px; opacity:0; filter:alpha(opacity=0);}
.join-dl dt.joinact .line3{ left:0px; opacity:1; filter:alpha(opacity=100);}
.join-dd{ padding:28px 20px 40px; border-bottom: 3px solid #e6e6e6; display: none; color: #ffffff; background-color: #d33838;}
.join-dl dt.joinact{ background-color: #721e1e; color: #fff;}
.join-dl0 dt.joinact{ background-color: #0a70bb;}
.join-dl0 .join-dd{ background-color: #0e81d5;}
/*join style end*/
.pages { padding: 45px 0px 45px; text-align: center; }
 
 
.k_pagelist {float:left;display:table;clear:both;line-height:30px;}
.k_pagelist strong {margin-right:5px;font-weight:Bold;color:red;width: 51px; height: 31px; line-height: 31px; text-align: center; display: inline-block; margin: 0px 1px 0px 0px;  font-family: "宋体"; }
.k_pagelist a,.k_pagelist em {margin-right:5px;width: 51px; height: 31px; line-height: 31px; text-align: center; display: inline-block; margin: 0px 1px 0px 0px; color: #fff; background-color: #0e81d5; font-family: "宋体"; }
.k_pagelist a:hover, .k_pagelist strong,.k_pagelist em { background-color: #0e81d5; color: #fff!important; } 
/*product style*/
.probanner{ width: 100%; position: relative; overflow: hidden;}
.probanner .slide{ transform: translate3d(0px, 0px, 0px); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.probanner .full_width{ position: relative; width: 100%; display: block;}
.probanner .pay{ position: absolute; width: 372px; height: 372px; left: 50%; top: 50%; margin: -186px 0px 0px -186px; text-align: center; color: #fff;}
.probanner .pay p{ position: relative; top: 20px; opacity: 0;}
.probanner .pay .ybg{ width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.probanner .pay .ibg{ position: relative; padding:84px 0px 0px; top: 20px;  opacity: 0;}
.probanner .pay .line{ background: url(../img/pro_line1.png) no-repeat scroll center center; width: 288px; height: 11px; overflow: hidden; line-height: 11px;  margin: 14px auto;}
.probanner .pay .en{ text-transform: uppercase; font: 26px/1.8 'metrolite_lt_tworegular';}
.probanner .pay .zh{ font:bold 18px/1.4 "microsoft yahei","黑体"; letter-spacing: 0.1em;}
.scroll_down{ cursor: pointer; background: url(../img/scrollTop.png) no-repeat; width: 35px; height: 17px; position: absolute; bottom: 40px; left: 50%; margin-left: -17px; transform: 300ms; -webkit-transform:300ms;}
.hidden_by_scaling {-webkit-transform:scale(0, 0);transform: scale(0, 0);}
.no-csstransitions .probanner .pay .ybg{ display: none;}
.proInner a:link,.proInner a:visited{ color: #0e81d5;}
.proInner a:active,.proInner a:hover { color: #0071c3;}
.proInner{ width: 1000px; margin: 0px auto; color: #575757; line-height: 2.2;}
.proOnePage{ background-color: #d33838;}
.proOnePage dd{ float: left; display: block; padding: 50px 0px; color: #fff; width: 28%;}
.proOnePage dd.item4{ width: 16%;}
.proOnePage dd .t{ padding-left: 8px;}
.proOnePage dd .num{ font: 100px/1.2 'metrolite_lt_tworegular'; letter-spacing: -0.05em;}
.proOnePage dd .en{ text-transform: uppercase; font: 18px/1.4 "times new roman"; padding-left: 8px;}
.proOnePage dd.item2 .en,.proOnePage dd.item4 .en{ font-size: 14px;}
.proNewBanner{ height: 440px; background-size: cover; background-position: center top;}
.proNew a:link,.proNew a:visited{ color: #575757;}
.proNew a:active,.proNew a:hover { color: #575757;}
.proNewDemo{ width: 1224px; margin: 0px auto; overflow: hidden; padding-bottom: 70px;}
.proNewDemo .item{ float: left; display: block;  margin:0px 43px;}
.proNewDemo .img{ width: 100%; overflow: hidden; position: relative;}
.proNewDemo .img img{ width: 100%; display: block; transition: all 400ms ease 0s;}
.proNewDemo .con{ height: 83px; overflow: hidden; margin-top: 18px;}
.proNewDemo .t{ height: 22px; overflow: hidden; margin: 0px 0px 18px; font-size: 14px; font-weight: bold; position: relative;}
.proNewDemo .c{ height: 42px; overflow: hidden; position: relative; margin-bottom: 20px;}
.proNewDemo .more{ width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; display: block; position: relative;}
.borderradius .proNewDemo .more{ border-radius: 3px; background-color: #d33838;}
.no-borderradius .proNewDemo .more{ background: url(../img/pro_more1.png) no-repeat;}
.proNewDemo .owl-controls { margin: 0px; position: absolute; left: 0px; width: 100%; bottom: 0px; }
.proNewDemo .owl-controls .owl-page span { background:url(../img/banner_num3.png) no-repeat scroll 0 0; border-radius: 0px; display: block; width: 12px; height: 12px; margin: 0 10px; outline: 0 none; text-indent: -9999px; }
.proNewDemo .owl-controls .owl-page.active span,
.proNewDemo .owl-controls.clickable .owl-page:hover span { background: url(../img/banner_num4.png) no-repeat scroll 0 0; }
.proPng{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../img/pro_png1.png) repeat; text-align: center; color: #fff; text-transform: uppercase; display: none;}
.proNewDemo .item .line{ /*transition:300ms;*/ display: none; width:0px; height:0px; background:#fff; position:absolute;}
.proNewDemo .item .line1{ left:5%; top:5%;}
.proNewDemo .item .line2{ right:5%; bottom:5%;}
.proNewDemo .item .line3{ left:5%; bottom:5%;}
.proNewDemo .item .line4{ right:5%; top:5%;}
.proNewDemo .itemHover .line{ display: block;}
.proNewDemo .itemHover .line1{ width:90%; height:1px; transition:300ms 300ms;}
.proNewDemo .itemHover .line2{ width:90%; height:1px; transition:300ms 300ms;}
.proNewDemo .itemHover .line3{ width:1px; height:90%; transition:300ms;}
.proNewDemo .itemHover .line4{ width:1px; height:90%; transition:300ms;}
.proPng .txt span{ display: block; position: relative; margin-bottom: 6px; top: 20px;}
.proPng .txt .ico{ width: 43px; height: 36px; margin: 12% auto 10px; display: block;}
.proPng .txt .en{ font: 15px/1.2 'metrolite_lt_tworegular';}
.proNewDemo .item:hover .img img{-webkit-transform:scale(1.12); transform:scale(1.12);}
.proCase{ width: 100%; position: relative; overflow: hidden;}
.proCaseDemo{ width: 100%; position: relative;}
.proCaseDemo .item{ background-size: cover;}
.proCaseDemo .item img{ display: block; width: 100%;}
.proCase .owlp-prev,.proCase .owlp-next{  width: 100px; height: 252px; display: block; position: absolute; top: 50%; margin-top: -126px;}
.proCase .owlp-prev{ background: url(../img/pro_case_l.png) no-repeat scroll right center; left: 0px;}
.proCase .owlp-next{ background: url(../img/pro_case_r.png) no-repeat scroll left center; right: 0px;}
.proCase .owlp-prev .ico,.proCase .owlp-next .ico{ width: 19px; height: 31px; display: block; position: absolute; top: 50%; margin-top: -15px; transition: 300ms;}
.proCase .owlp-prev .ico{background: url(../img/pro_case_l1.png) no-repeat; left: 30%; }
.proCase .owlp-next .ico{background: url(../img/pro_case_r1.png) no-repeat; right: 30%;}
.proCase .owlp-prev:hover .ico{ left: 25%;}
.proCase .owlp-next:hover .ico{ right: 25%;}
.proCaseTXT{ position: absolute; width: 1000px; left: 50%; margin-left: -500px; top: 40px; color: #575757;}
.proCaseTXT .pbox{ width: 330px; padding:55px 50px 40px; background-color: #fff;}
.proCaseTXT .en{ font: 66px/1.1 'metrolite_lt_tworegular'; color: #d33838; text-transform: uppercase; margin-bottom: 40px;}
.proCaseTXT .zh{ color: #d33838; font: 20px/1.8 "microsoft yahei";}
.proCaseTXT .con{ padding: 5px 0px 0px 0px; height:62px; margin-bottom: 15px; overflow: hidden; overflow: hidden;}
.cclist li{ width: 100%; height: 100%; display: none;}
.moreCase{ background-color: #d33838; width: 115px; height: 75px; padding-top: 35px; display: block; color: #fff; text-align: center; font-size: 14px; border-radius: 3px;}
.moreCase .ico{ background: url(../img/bot_i.png) no-repeat; width: 10px; height: 17px; display: block; margin: 10px auto;-webkit-animation: start 1.5s infinite ease-in-out;-moz-animation: start 1.5s infinite ease-in-out; animation: start 1.5s infinite ease-in-out;}
a.moreCase:hover{ background-color: #5f5f5f;}
.proJoin{ padding-bottom: 140px;}
.proJoint{ padding: 80px 0px; font: 14px/1.5 "microsoft yahei"; text-align: center; color: #575757;}
.procontact-img{ height: 440px; overflow: hidden; background-position: center top; background-size: cover; position: relative;}
.procontact-img .procbg{ background: url(../img/pro_con_bg.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block;}
.procontact-con{background-color: #d33838; color: #fff;}
.procontact-con dl{ padding: 45px 0px; font: 14px/32px "microsoft yahei";}
.procontact-con dd{ float: left; display: block; width: 44%;}
.procontact-con dd.sharpBox{ float: right; width: 120px;}
.procontact-con dd .add{ background: url(../img/add1.png) no-repeat scroll left center; padding-left: 30px; display: inline-block;}
.procontact-con dd .tel{ background: url(../img/tel1.png) no-repeat scroll left center; padding-left: 30px; display: inline-block;}
.prot3{ float: left; margin-right: 5%;}
.prozh1{color: #86c26c; font: 33px/1.2 "microsoft yahei";}
.proen1{ font: 16px/1.4 "microsoft yahei"; text-transform: uppercase; color: #86C26C;}

.pro_i1{ background: url(../img/pro_i1.png) no-repeat scroll center center;}
.pro_i2{ background: url(../img/pro_i2.png) no-repeat scroll center center;}
.pro_i3{ background: url(../img/pro_i3.png) no-repeat scroll center center;}
.pro_i4{ background: url(../img/pro_i4.png) no-repeat scroll center center;}
.pro_i5{ background: url(../img/pro_i5.png) no-repeat scroll center center;}
.procontect2 .proInner a:link,.procontect2 .proInner a:visited{ color: #86c26c;}
.procontect2 .proInner a:active,.procontect2 .proInner a:hover { color: #5f9946;}
.borderradius .procontect2 .proNewDemo .more{ background-color: #86c26c;}
.no-borderradius .procontect2 .proNewDemo .more{ background-image: url(../img/pro_more2.png);}
.procontect2 .proPng{ background-image: url(../img/pro_png2.png);}
.procontect2 .proNewDemo .owl-controls .owl-page.active span,.procontect2 .proNewDemo .owl-controls.clickable .owl-page:hover span{ background-image: url(../img/banner_num6.png);}
.procontect2 .proCaseTXT .en,.procontect2 .proCaseTXT .zh{ color: #86c26c;}
.procontect2 .moreCase{ background-color: #86c26c;}
.join-dl2 dt.joinact{ background-color: #5f9946;}
.join-dl2 .join-dd{ background-color: #86c26c;}
.procontect2 .procontact-con{ background-color: #86c26c;}

.procontect3 .proInner a:link,.procontect3 .proInner a:visited{ color: #e79e48;}
.procontect3 .proInner a:active,.procontect3 .proInner a:hover { color: #dd751c;}
.procontect3 .proPage{ background: url(../img/pro3_c1.png) no-repeat scroll left 100%; background-attachment: fixed;}
.procontect3 .proInner{ width: 1138px;}
.borderradius .procontect3 .proNewDemo .more{ background-color: #fff; color: #e79e48;}
.no-borderradius .procontect3 .proNewDemo .more{ background-image: url(../img/pro_more3.png); color: #e79e48;}
.procontect3 .proNew a:link,.procontect3 .proNew a:visited{ color: #fff;}
.procontect3 .proNew a:active,.procontect3 .proNew a:hover { color: #fff;}
.procontect3 .proNew .pageBT{ background-color: #e79e48;}
.procontect3 .proPng{ background-image: url(../img/pro_png3.png); color: #e79e48;}
.procontect3 .proNewDemo .item .line{ background-color: #e9a75a;}
.procontect3 .proNewDemo .owl-controls .owl-page.active span,.procontect3  .proNewDemo .owl-controls.clickable .owl-page:hover span{ background-image: url(../img/banner_num8.png);}
.procontect3 .proJoin{  background: url(../img/pro3_c2.png) no-repeat scroll right 100%; background-attachment: fixed;}
.join-dl3 dt.joinact{ background-color: #dd751c;}
.join-dl3 .join-dd{ background-color: #e79e48;}
.procontect3 .procontact-con{ background-color: #e79e48;}
.pro3-l{ width: 256px; float: left; display: inline-block; padding-right: 56px; padding-bottom: 100px;}
.pro3-l .en{ font: 29px/1.4  'metrolite_lt_tworegular'; text-transform: uppercase;}
.pro3-l .zh{ font-size: 20px;}
.procontect3 .proCase{ background-position: center top; width: 100%; height: 100%;}
.procontect3 .moreCase{ background-color: #e79e48; margin: 0px auto;}
.procontect3 .proCase .owlp-prev{ background-image: url(../img/pro_case_l2.png);}
.procontect3  .proCase .owlp-next{ background-image: url(../img/pro_case_r2.png);}
.t2{ color: #fff; padding: 72px 0px; text-align: center;}
.t2 .en2{ font: 60px/1.2 'metrolite_lt_tworegular'; text-transform: uppercase;}
.t2 .zh2{ font: 20px/1.4 "microsoft yahei";}
.procaseDemo2 a:link,.procaseDemo2 a:visited{ color: #575757;}
.procaseDemo2 a:active,.procaseDemo2 a:hover { color: #575757;}
.procaseDemo2{ width: 1138px; margin: 0px auto;}
.procaseDemo2 .item{ margin: 0px 49px; width: 466px; position: relative; float: left; overflow: hidden;}
.procaseDemo2 .item .img{ width: 100%; display: block; transition:400ms; filter: Alpha(Opacity=100); opacity: 1;}
.procaseDemo2 .item .con{ position: absolute; left: 0px; bottom: -36px; background-color: #fff; width: 100%; height: 88px; overflow: hidden;}
.procaseDemo2 .item .con .c{ height: 52px; line-height: 52px; overflow: hidden; padding:0px 5%;}
.procaseDemo2 .item .con .more{ color: #e79e48; border-bottom: 1px solid #e79e48; margin-left: 5%;}
.procaseDemo2 .item:hover .img{ filter: Alpha(Opacity=80); opacity: 0.8; -webkit-transform:scale(1.14); transform:scale(1.14);}

.procontect4 .proInner a:link,.procontect4 .proInner a:visited{ color: #6742a5;}
.procontect4 .proInner a:active,.procontect4 .proInner a:hover { color: #4e42a5;}
.procontect4 .proInner{ width: 1138px; color: #6742a5;}
.borderradius .procontect4 .proNewDemo .more{ background-color: #fff; color: #6742a5;}
.no-borderradius .procontect4 .proNewDemo .more{ background-image: url(../img/pro_more3.png); color: #6742a5;}
.procontect4 .proNew a:link,.procontect4 .proNew a:visited{ color: #fff;}
.procontect4 .proNew a:active,.procontect4 .proNew a:hover { color: #fff;}
.procontect4 .proNew .pageBT{ background-color: #6742a5;}
.procontect4 .proPng{ background-image: url(../img/pro_png3.png); color: #6742a5;}
.procontect4 .proNewDemo .item .line{ background-color: #7453ac;}
.procontect4 .proNewDemo .owl-controls .owl-page.active span,.procontect4  .proNewDemo .owl-controls.clickable .owl-page:hover span{ background-image: url(../img/banner_num8.png);}
.procontect4 .proNewDemo .owl-controls .owl-page span{background-image: url(../img/banner_num9.png);}
.procontect4 .proCase .owlp-prev{ background-image: url(../img/pro_case_l3.png);}
.procontect4  .proCase .owlp-next{ background-image: url(../img/pro_case_r3.png);}
.procontect4 .moreCase{ background-color: #6742a5; margin: 0px auto;}
.join-dl4 dt.joinact{ background-color: #4e42a5;}
.join-dl4 .join-dd{ background-color: #6742a5;}
.procontect4 .procontact-con{ background-color: #6742a5;}
.pddDEMO dd{ float: left; display: block; width: 398px;}
.pddDEMO dd.pdditem3{ float: right; padding-top: 80px; width: 140px;}
.pddDEMO dd.pdditem1{ margin-right: 105px;}
.pddDEMO .en3{ font: 44px/1.2 'metrolite_lt_tworegular'; text-transform: uppercase;}
.pddDEMO .zh3{ font:bold 26px/2 "microsoft yahei"; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 30px;}
.pddDEMO .zh4{ padding-bottom: 15px; border-bottom: 1px solid #d2d2d2; color: #575757; margin-bottom: 18px;}
.pddDEMO .en4{ font: 22px/1.5 'metrolite_lt_tworegular'; color: #575757; margin-bottom: 30px;}

.procontect5 .proPage{ background-color: #8d4a4a;}
.procontect5 .proPage .proInner{ color: #fff;}
.procontect5 .proInner a:link,.procontect5 .proInner a:visited{ color: #fff;}
.procontect5 .proInner a:active,.procontect5 .proInner a:hover { color: #fff; text-decoration: underline;}
.borderradius .procontect5 .proNewDemo .more{ background-color: #8d4a4a;}
.no-borderradius .procontect5 .proNewDemo .more{ background-image: url(../img/pro_more5.png);}
.procontect5 .proNew a:link,.procontect5 .proNew a:visited{ color: #8d4a4a;}
.procontect5 .proNew a:active,.procontect5 .proNew a:hover { color: #8d4a4a;}
.procontect5 .proPng{ background-image: url(../img/pro_png5.png);}
.procontect5 .proNewDemo .owl-controls .owl-page.active span,.procontect5 .proNewDemo .owl-controls.clickable .owl-page:hover span{ background-image: url(../img/banner_num11.png);}
.procontect5 .proCaseTXT .en,.procontect5 .proCaseTXT .zh{ color: #8d4a4a;}
.procontect5 .moreCase{ background-color: #8d4a4a;}
.procontect5 .proCase .owlp-prev{ background-image: url(../img/pro_case_l4.png);}
.procontect5  .proCase .owlp-next{ background-image: url(../img/pro_case_r4.png);}
.join-dl5 dt.joinact{ background-color: #6d3939;}
.join-dl5 .join-dd{ background-color: #8d4a4a;}
.procontect5 .procontact-con{ background-color: #8d4a4a;}
.icbox{position: relative; padding:0px 10%; overflow: hidden;}

.pbannerFOR{ height: 300px; padding-top: 66px; background: #021656;}
.activeBox a:link,.activeBox a:visited{ color: #575757;}
.activeBox a:active,.activeBox a:hover { color: #0068B6;}
.activeBox{ background-color: #e6ebef; border-bottom: 1px solid #c3d4da; padding: 25px 0px; text-align: center; color: #575757;}
.activeBox span{ font-family: "宋体";}
.activeBox a.act{ color: #095dac;}
.pagecon{ width: 1138px; margin: 0px auto; padding: 40px 0px 50px;border-top: 1px solid #e3e3e3;}
.siderPage{ width: 227px; float: left; display: block;}
.siderPage { width:250px; float:left; background:#f1f2f3; height:538px;}
.siderPage h2 ,.title,.infoPage .title{ height:47px; line-height:47px; background:#D7141F; font-size:20px; margin-bottom:2px; padding:0 37px 0 23px;}
.siderPage h2 a ,.title a,.conPage .title a,.pageBT .title a,.conPage a:link,.conPage a:visited,.infoPage .title{
	color: #fdfeff;
	font-weight: bold;
}
.siderPage h2 ,.siderPage h3 { height:38px; line-height:38px; background:url(../img/ic6.gif) 203px center no-repeat; background-color:#7e7f80; font-size:14px; margin-bottom:1px; padding:0 37px 0 23px;}
.siderPage h2 a,.siderPage h3 a { color:#fcfefe; height:38px; overflow:hidden;}
.siderPage .up {background:url(../img/ic5.gif) 203px center no-repeat; background-color:#7e7f80; }
.siderPage ul { padding:6px 0; }
.siderPage li { height:30px; line-height:30px; overflow:hidden; padding-left:23px;}
.siderPage li a { background:url(../img/ic7.gif) left center no-repeat; display:inline-block; padding-left:24px;}
.siderPage li a:hover { background:url(../img/ic8.gif) left center no-repeat; } 

.siderPage  dd { width: 100%; float: left; margin:6px; }
.siderPage   dd  img{transition: 300ms; display: block; width: 69%;padding: 13%;background-color: #F5F5F5;border: 1px solid #DEDEDE;-moz-border-radius: 15px;      /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */ border-radius:15px;            /* W3C syntax */}
.siderPage  dd:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1.0; filter: alpha(opacity=100); }

.conPage{ width: 880px; float: right; margin-top: 0px; display: block;}

.conPage a:active,.conPage a:hover { color: #2082c4;}
 .conPage .title h2,.pageBT .title h2{padding-bottom:0px; font-size:24px;font-family:Impact, Microsoft sans serif, Arial,"微软雅黑";}
.conPage  .p_name { display:inline-block; padding:0 52px; color:#fff;}

.conPage .title h2,.pageBT .title h2{
	height:47px; line-height:47px; 
	font-size: 20px;
	font-family: Impact, "Microsoft sans serif", Arial, "微软雅黑";
	border-bottom: #ccc 1px solid;
	font-weight: bold;
	margin-bottom:10px;
}

.caseList li{ float: left; margin:0px 0px 12px 30px; width: 367px; height: 281px; position: relative; overflow: hidden;}
.caseList li .img{ width: 100%; display: block; transition:400ms;}
.caseList li .con{ position: absolute; left: 0px; bottom: -36px; background-color: #fff; width: 100%; height: 88px; overflow: hidden;}
.caseList li .con .c{ height: 52px; line-height: 52px; overflow: hidden;}
.caseList li .con .more{ color: #2082c4; border-bottom: 1px solid #2082c4;}
.caseList li:hover .img{ -webkit-transform:scale(1.14); transform:scale(1.14);}
.caseList li:hover a .c{ color: #575757;}
.paging{ text-align: center; padding: 40px 0px 0px;}
.paging a:link,.paging a:visited{ color: #ffffff;}
.paging a:active,.paging a:hover{ color: #fff; font-weight: bold; background-color: #2082c3;}
.paging a,.paging span{ display: inline-block; margin: 0px 3px; background-color: #dedede; font-size: 14px; width: 32px; height: 32px; line-height: 32px;}
.paging .prev,.paging .next{ display: inline-block; font-family: "宋体";  color:#fff; margin: 0px 30px!important; -webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;transition: 0s;}
.paging span{ background-color: #2082c3;color: #fff;}
/*product style end*/
/*news style end*/
.newList li{ float: left; display: block; width: 440px; height: 195px; margin: 0px 0px 26px 0px;}
.newList li .img{ width: 200px; height: 170px; overflow: hidden; float: left; display: block;}
.newList li .img img{ width: 100%; display: block;  transition:400ms;}
.newList li .con{ width: 200px; float: left; margin:0 10px 0 30px; padding-bottom: 24px; border-bottom: 1px solid #ebebeb;}
.newList li .t{ font: 14px/1.8 "microsoft yahei"; color: #575757; height: 28px; margin-bottom: 12px; overflow: hidden;}
.newList li .t h4 a{ color: #575757; }

.newList li .t h3 a{ color: #575757;}
.newList li .t h2 a{ color: #575757;}

.newList li .c{ height: 38px; overflow: hidden; color: #969696; margin-bottom: 52px;}
.newList li:hover .img img{ -webkit-transform:scale(1.15); transform:scale(1.15);}
.newList li:hover .more3 .i0{ width: 100%;}
.newList li:hover .more3 .i1{ color: #fff;}
.newList li:hover .t{ color: #095dac;}
.newList li:hover .con{ border-bottom: 1px solid #dfdfdf;}
.more3{ color: #fff; text-align: center; position: relative; display: block; background-color: #2082c4; width: 116px; height: 40px; line-height: 40px;}
.more3 .i0{ background: #949494; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.more3 .i1,.more3 .i1 a{ font:12px/40px "microsoft yahei"; color: #fff; position: relative; z-index: 1;}
.more3:hover .i0{ width: 100%;}
.more3:hover .i1{ color: #fff;}
.pagingTwo{ position: fixed; top: 0px; right: -40%; width: 63px; height: 100%; z-index: 999;}
.pagingVi{ width: 63px; position: absolute; top: 50%; height: 250px; margin-top: -125px; overflow: hidden;}	
.pagingVi a{ display: block; width: 100%; height: 84px; position: relative;}
.pagingVi a span{ display: block; width: 100%; height: 100%; text-align: center;}
.pagingVi a:hover span.i1{ left: 0px;}
.pagingVi span.i0{ background-color: #526885; color: #fff; font:52px/84px "宋体";}
.pagingVi span.i1{ font: 14px/84px "microsoft yahei"; color: #fff;  background-color: #0e81d5; position:absolute; left: 100%; top: 0px; transition: 0.4s;}
.pagingVi .con{ height: 82px; line-height: 82px; text-align: center; color: #e8ecf0; font-size: 34px; font-family: arial;}
.pagingVi .con .act{ color: #0e81d5;}
.pagingVi .con .num{ color: #526885; font-size: 26px;}
.infoPage{ width: 880px; float: right; display: block;}
.infoPage a:link,.infoPage a:visited{ color: #5aaeeb;}
.infoPage a:active,.infoPage a:hover { color: #0068b6;}
.infoPage img{ max-width: 100%;}
.it{ text-align: center; background-color: #0066ba; padding: 40px 20px; color: #fff; margin-bottom: 40px;}
.it .t{ font-size: 24px; margin-bottom: 10px;}
.ic{
	padding: 20px;
}
 .basket .botton{width: 100px;height: 20px;margin-left: 2%;border-radius: 3px; box-shadow: 0px 5px 0px #870116;background: #df0023;color: #fff;text-align: center;float:right}
.botton a{width: 100px;height: 20px;margin-left: 2%;border-radius: 3px; box-shadow: 0px 5px 0px #870116;background: #df0023;color: #fff;text-align: center;float:right}