@charset "utf-8";

/*   Reset css   */
/*   2010-02-17 LiNing Create  */
/*   2016-7-21  LiNing Edit    */
*{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {PADDING: 0px; MARGIN: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM {PADDING: 0px; MARGIN: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A IMG {BORDER-STYLE: none; border: 0px}
table{border-collapse: collapse;border-spacing: 0;} 
.wordwrap{ word-break: break-all; word-wrap: break-word; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*display:inline-block;*zoom:100%;}
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; overflow:hidden;}
.blank2 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 2px; line-height: 0px; font-size: 0px;}
.blank6 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 6px; line-height: 0px; font-size: 0px;}
.blank10 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 10px; line-height: 0px; font-size: 0px;}
.blank15 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 15px; line-height: 0px; font-size: 0px;}
.blank20 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 20px; line-height: 0px; font-size: 0px;}
.blank30 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 30px; line-height: 0px; font-size: 0px;}
.blank40 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 40px; line-height: 0px; font-size: 0px;}
.blank50 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 50px; line-height: 0px; font-size: 0px;}
.blank380 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 380px; line-height: 0px; font-size: 0px;}
.blank60 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 60px; line-height: 0px; font-size: 0px;}
.blank100 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 100px; line-height: 0px; font-size: 0px;}
.blank110 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 110px; line-height: 0px; font-size: 0px;}
.left{_display:inline;float:left!important;}.right{_display:inline;float:right!important;}
.mc{margin-left: auto; margin-right: auto;}
.mt6{margin-top: 6px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb40{margin-bottom: 40px;}
.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.ml50{margin-left: 50px;}
.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}
.p5{padding: 5px;}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}.p30{padding: 30px;}.p40{padding: 40px;}.p50{padding: 50px;}.p60{padding: 60px;}
.pt6{ padding-top:6px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;}
.pl6{ padding-left:6px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl40{padding-left: 40px;}
.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;}
.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr30{padding-right: 30px;}.pr40{padding-right: 40px;}
.pt0 { padding-top: 0px !important; }.pr0 { padding-right: 0px !important; }.pb0 { padding-bottom: 0px !important; }.pl0 { padding-left: 0px !important; }
.mt0 { margin-top: 0px !important; }.mr0 { margin-right: 0px !important; }.mb0 { margin-bottom: 0px !important; }.ml0 { margin-left: 0px !important; }

.hand {CURSOR: pointer;}
.red {COLOR: #c60027}.white{color: White;}
.tb{font-weight: bolder;}.tl{ text-align: left !important;}.tr{ text-align: right!important;}.tc{ text-align: center!important;}
.none{display: none;}.visi{ visibility:hidden}
.relative{position: relative;}
.inline_block{ display:inline-block}.block{ display:block}
.vm > *{display:inline-block;vertical-align:middle;}
.vm > option{display:block;}
a{blr:expression(this.onFocus=this.blur());-webkit-text-size-adjust:none;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
a:link,a:visited { color:#666;text-decoration:none;}
a:hover,a:active { color:#0E5183;text-decoration:none;}
a.fff:link,a.fff:visited {color:#ffffff;text-decoration:none;} a.fff:hover,a.fff:active {color:#ffffff;text-decoration:underline;}
a.red:link,a.red:visited {color:#c60027;text-decoration:none;} a.red:hover,a.red:active {color:#f1002f;text-decoration:underline;}
a.yellow:link,a.yellow:visited {color:#EE6407;text-decoration:none;} a.yellow:hover,a.yellow:active {color:#EE6407;text-decoration:underline;}
a.blue:link,a.blue:visited {color:#2E259E;text-decoration:none;} a.blue:hover,a.blue:active {color:#2E259E;text-decoration:underline;}
A.text_none:hover{ text-decoration:none}


button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:none}
body::-webkit-scrollbar{width:12px;height:12px;}body::-webkit-scrollbar-button{display:none;}body::-webkit-scrollbar-track{background-color:black;}body::-webkit-scrollbar-track-piece{background:#ffffff;}body::-webkit-scrollbar-thumb{background-color:#8E8E8E;border-radius:5px;}body::-webkit-scrollbar-thumb:hover{background-color:#3b3b3b;}body::-webkit-scrollbar-resizer{background-color:#ff6e00;}
/* Backgrounds */
.bg_white { background-color: #fff}.bg_org { background-color: #FF7400;}.bg_red { background-color: #DD2700;}
.org {color: #FF7000; }.silver {color: #A9A9A9; }.gray{ color:#adadad}
.f12 { font-size: 12px}.f13 { font-size: 13px}.f14 { font-size: 14px}.f16 { font-size: 16px}.f18 { font-size: 18px}.f20 { font-size: 20px}.f24 { font-size: 24px}
.fa { font-family: Arial}.ft { font-family: Tahoma}.fv { font-family: Verdana}.fs { font-family: Simsun}.fl { font-family: 'Lucida Console'}.fw { font-family: 'Microsoft Yahei'}
.lh1{ line-height:1em}.lh1_5{ line-height:1.5em}.lh1_8{ line-height:1.8em}.lh2{ line-height:2em}.lh3{ line-height:3em}.lh26{ line-height:26px}
.wraper img,.wraper a{ -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.trans_all{ filter:alpha(opacity=20);opacity: 0.2; }
.trans_bg{ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#80000000', endColorstr = '#80000000' )\9;
        background-color:rgba( 0, 0, 0, .4 );background-color:transparent\9 }
.box_shadow{-webkit-box-shadow: 0 0 5px rgba(228,230,233,1);-moz-box-shadow: 0 0 5px rgba(228,230,233,1); box-shadow: 0 0 5px rgba(228,230,233,1); border-bottom:#E5E5E5 1px solid}
.border_shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1); filter:progid:DXImageTransform.Microsoft.Shadow(color=#D2D2D2,direction=135,strength=5); border-radius:4px;}

input,textarea,select{font-size: 12px;color: #444;  outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;vertical-align:middle }
input[type='submit'],input[type='reset'],input[type='button'],select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
::-ms-input-placeholder{color: #999;}
.ani{transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.text_indent{ text-indent:2em; }



/*   change    */
/*   date: 2017-9-25 */
/*   author:lining   */

BODY {Font-family:'Microsoft Yahei', Verdana,simsun,tahoma;  background:#fff; overflow-x:hidden; position:relative}
.bg_silver {background:#FAFAFA;}



.container{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px}
.container:before,.container:after{content: " ";display: table}
.container:after{clear: both}
@media (min-width: 768px){.container{max-width:830px}}
@media (min-width: 992px){.container{max-width:1030px}}
@media (min-width: 1200px){.container{max-width:1230px}}
.container-fluid{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px}
.container-fluid:before,.container-fluid:after{content: " ";display: table}
.container-fluid:after{clear: both}
.row{margin-left: -15px;margin-right: -15px}
.row:before,.row:after{content: " ";display: table}
.row:after{clear: both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float: left}
.col-xs-1{width: 8.3333333333%}.col-xs-2{width: 16.6666666667%}.col-xs-3{width: 25%}.col-xs-4{width: 33.3333333333%}.col-xs-5{width: 41.6666666667%}.col-xs-6{width: 50%}.col-xs-7{width: 58.3333333333%}.col-xs-8{width: 66.6666666667%}.col-xs-9{width: 75%}.col-xs-10{width: 83.3333333333%}.col-xs-11{width: 91.6666666667%}.col-xs-12{width: 100%}.col-xs-pull-0{right: auto}.col-xs-pull-1{right: 8.3333333333%}.col-xs-pull-2{right: 16.6666666667%}.col-xs-pull-3{right: 25%}.col-xs-pull-4{right: 33.3333333333%}.col-xs-pull-5{right: 41.6666666667%}.col-xs-pull-6{right: 50%}.col-xs-pull-7{right: 58.3333333333%}.col-xs-pull-8{right: 66.6666666667%}.col-xs-pull-9{right: 75%}.col-xs-pull-10{right: 83.3333333333%}.col-xs-pull-11{right: 91.6666666667%}.col-xs-pull-12{right: 100%}.col-xs-push-0{left: auto}.col-xs-push-1{left: 8.3333333333%}.col-xs-push-2{left: 16.6666666667%}.col-xs-push-3{left: 25%}.col-xs-push-4{left: 33.3333333333%}.col-xs-push-5{left: 41.6666666667%}.col-xs-push-6{left: 50%}.col-xs-push-7{left: 58.3333333333%}.col-xs-push-8{left: 66.6666666667%}.col-xs-push-9{left: 75%}.col-xs-push-10{left: 83.3333333333%}.col-xs-push-11{left: 91.6666666667%}.col-xs-push-12{left: 100%}.col-xs-offset-0{margin-left: 0%}.col-xs-offset-1{margin-left: 8.3333333333%}.col-xs-offset-2{margin-left: 16.6666666667%}.col-xs-offset-3{margin-left: 25%}.col-xs-offset-4{margin-left: 33.3333333333%}.col-xs-offset-5{margin-left: 41.6666666667%}.col-xs-offset-6{margin-left: 50%}.col-xs-offset-7{margin-left: 58.3333333333%}.col-xs-offset-8{margin-left: 66.6666666667%}.col-xs-offset-9{margin-left: 75%}.col-xs-offset-10{margin-left: 83.3333333333%}.col-xs-offset-11{margin-left: 91.6666666667%}.col-xs-offset-12{margin-left: 100%}
@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-1{width: 8.3333333333%}.col-sm-2{width: 16.6666666667%}.col-sm-3{width: 25%}.col-sm-4{width: 33.3333333333%}.col-sm-5{width: 41.6666666667%}.col-sm-6{width: 50%}.col-sm-7{width: 58.3333333333%}.col-sm-8{width: 66.6666666667%}.col-sm-9{width: 75%}.col-sm-10{width: 83.3333333333%}.col-sm-11{width: 91.6666666667%}.col-sm-12{width: 100%}.col-sm-pull-0{right: auto}.col-sm-pull-1{right: 8.3333333333%}.col-sm-pull-2{right: 16.6666666667%}.col-sm-pull-3{right: 25%}.col-sm-pull-4{right: 33.3333333333%}.col-sm-pull-5{right: 41.6666666667%}.col-sm-pull-6{right: 50%}.col-sm-pull-7{right: 58.3333333333%}.col-sm-pull-8{right: 66.6666666667%}.col-sm-pull-9{right: 75%}.col-sm-pull-10{right: 83.3333333333%}.col-sm-pull-11{right: 91.6666666667%}.col-sm-pull-12{right: 100%}.col-sm-push-0{left: auto}.col-sm-push-1{left: 8.3333333333%}.col-sm-push-2{left: 16.6666666667%}.col-sm-push-3{left: 25%}.col-sm-push-4{left: 33.3333333333%}.col-sm-push-5{left: 41.6666666667%}.col-sm-push-6{left: 50%}.col-sm-push-7{left: 58.3333333333%}.col-sm-push-8{left: 66.6666666667%}.col-sm-push-9{left: 75%}.col-sm-push-10{left: 83.3333333333%}.col-sm-push-11{left: 91.6666666667%}.col-sm-push-12{left: 100%}.col-sm-offset-0{margin-left: 0%}.col-sm-offset-1{margin-left: 8.3333333333%}.col-sm-offset-2{margin-left: 16.6666666667%}.col-sm-offset-3{margin-left: 25%}.col-sm-offset-4{margin-left: 33.3333333333%}.col-sm-offset-5{margin-left: 41.6666666667%}.col-sm-offset-6{margin-left: 50%}.col-sm-offset-7{margin-left: 58.3333333333%}.col-sm-offset-8{margin-left: 66.6666666667%}.col-sm-offset-9{margin-left: 75%}.col-sm-offset-10{margin-left: 83.3333333333%}.col-sm-offset-11{margin-left: 91.6666666667%}.col-sm-offset-12{margin-left: 100%}}
@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-1{width: 8.3333333333%}.col-md-2{width: 16.6666666667%}.col-md-3{width: 25%}.col-md-4{width: 33.3333333333%}.col-md-5{width: 41.6666666667%}.col-md-6{width: 50%}.col-md-7{width: 58.3333333333%}.col-md-8{width: 66.6666666667%}.col-md-9{width: 75%}.col-md-10{width: 83.3333333333%}.col-md-11{width: 91.6666666667%}.col-md-12{width: 100%}.col-md-pull-0{right: auto}.col-md-pull-1{right: 8.3333333333%}.col-md-pull-2{right: 16.6666666667%}.col-md-pull-3{right: 25%}.col-md-pull-4{right: 33.3333333333%}.col-md-pull-5{right: 41.6666666667%}.col-md-pull-6{right: 50%}.col-md-pull-7{right: 58.3333333333%}.col-md-pull-8{right: 66.6666666667%}.col-md-pull-9{right: 75%}.col-md-pull-10{right: 83.3333333333%}.col-md-pull-11{right: 91.6666666667%}.col-md-pull-12{right: 100%}.col-md-push-0{left: auto}.col-md-push-1{left: 8.3333333333%}.col-md-push-2{left: 16.6666666667%}.col-md-push-3{left: 25%}.col-md-push-4{left: 33.3333333333%}.col-md-push-5{left: 41.6666666667%}.col-md-push-6{left: 50%}.col-md-push-7{left: 58.3333333333%}.col-md-push-8{left: 66.6666666667%}.col-md-push-9{left: 75%}.col-md-push-10{left: 83.3333333333%}.col-md-push-11{left: 91.6666666667%}.col-md-push-12{left: 100%}.col-md-offset-0{margin-left: 0%}.col-md-offset-1{margin-left: 8.3333333333%}.col-md-offset-2{margin-left: 16.6666666667%}.col-md-offset-3{margin-left: 25%}.col-md-offset-4{margin-left: 33.3333333333%}.col-md-offset-5{margin-left: 41.6666666667%}.col-md-offset-6{margin-left: 50%}.col-md-offset-7{margin-left: 58.3333333333%}.col-md-offset-8{margin-left: 66.6666666667%}.col-md-offset-9{margin-left: 75%}.col-md-offset-10{margin-left: 83.3333333333%}.col-md-offset-11{margin-left: 91.6666666667%}.col-md-offset-12{margin-left: 100%}}
@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-1{width: 8.3333333333%}.col-lg-2{width: 16.6666666667%}.col-lg-3{width: 25%}.col-lg-4{width: 33.3333333333%}.col-lg-5{width: 41.6666666667%}.col-lg-6{width: 50%}.col-lg-7{width: 58.3333333333%}.col-lg-8{width: 66.6666666667%}.col-lg-9{width: 75%}.col-lg-10{width: 83.3333333333%}.col-lg-11{width: 91.6666666667%}.col-lg-12{width: 100%}.col-lg-pull-0{right: auto}.col-lg-pull-1{right: 8.3333333333%}.col-lg-pull-2{right: 16.6666666667%}.col-lg-pull-3{right: 25%}.col-lg-pull-4{right: 33.3333333333%}.col-lg-pull-5{right: 41.6666666667%}.col-lg-pull-6{right: 50%}.col-lg-pull-7{right: 58.3333333333%}.col-lg-pull-8{right: 66.6666666667%}.col-lg-pull-9{right: 75%}.col-lg-pull-10{right: 83.3333333333%}.col-lg-pull-11{right: 91.6666666667%}.col-lg-pull-12{right: 100%}.col-lg-push-0{left: auto}.col-lg-push-1{left: 8.3333333333%}.col-lg-push-2{left: 16.6666666667%}.col-lg-push-3{left: 25%}.col-lg-push-4{left: 33.3333333333%}.col-lg-push-5{left: 41.6666666667%}.col-lg-push-6{left: 50%}.col-lg-push-7{left: 58.3333333333%}.col-lg-push-8{left: 66.6666666667%}.col-lg-push-9{left: 75%}.col-lg-push-10{left: 83.3333333333%}.col-lg-push-11{left: 91.6666666667%}.col-lg-push-12{left: 100%}.col-lg-offset-0{margin-left: 0%}.col-lg-offset-1{margin-left: 8.3333333333%}.col-lg-offset-2{margin-left: 16.6666666667%}.col-lg-offset-3{margin-left: 25%}.col-lg-offset-4{margin-left: 33.3333333333%}.col-lg-offset-5{margin-left: 41.6666666667%}.col-lg-offset-6{margin-left: 50%}.col-lg-offset-7{margin-left: 58.3333333333%}.col-lg-offset-8{margin-left: 66.6666666667%}.col-lg-offset-9{margin-left: 75%}.col-lg-offset-10{margin-left: 83.3333333333%}.col-lg-offset-11{margin-left: 91.6666666667%}.col-lg-offset-12{margin-left: 100%}}


.header{ width:100%; z-index:9; background: #fff; margin: 10px 0px 0px;}
.header .logo{ width:190px; height:70px; background:url(../images/logo_b.png) no-repeat left center; float: left}
.header .logo A.home{ width:190px; height:70px; display:block;}

 /*手机头部*/
.m_bar{height: 50px;background: #0E5183;}
.logo_m{display: inline-block;float: left;margin-left: 1em;height: 50px;line-height: 50px;}
.logo_m img{height: 40px;display: inline-block;z-index: 60;vertical-align: middle;}
.m_hd{display: none;position: fixed;top: 0;left: 0;width: 100%;z-index: 60000; right:0px;}
.m_nav{clear: both;position: absolute;top: 50px;left: 0;width: 100%; z-index:99}
.blank_bg{ position: fixed;top: 50px;left: 0; right:0;width: 100%; height:100%; background:rgba(0,0,0,.5);display: none; z-index:9}
.m_nav a{display: block;width: 100%;line-height: 40px;text-align: left;border-top: 1px solid #e0e0e0;font-size: 15px;background-color: #fff;padding: 0 20px;color: #333;}
.m_nav a.has{background: #fff url(../images/ico_100.png) no-repeat 96% center; background-size:auto 22% }
.m_trigger{height: 50px;cursor: pointer;width: 50px;float: right;display: none;}
.m_nav{display: none;}
.m_sub{display: none;}
.m_sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1; }
.m_show{display: none;}
#nav_toggle{position: absolute;right:14px;top: 13px;display:none;color: #fff;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);transform-origin: 100% 50%;}
#nav_toggle{cursor: pointer;padding: 10px 35px 16px 0px;}
#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after{cursor: pointer;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;-o-border-radius: 1px;height: 5px;width: 35px;background: #fff;position: absolute;display: block;content: '';}
#nav_toggle span:before{top: -10px;}
#nav_toggle span:after{bottom: -10px;}
#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after{transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;}
#nav_toggle.active span{background-color: transparent;}
#nav_toggle.active span:before, #nav_toggle.active span:after{top: 0;}
#nav_toggle.active span:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
#nav_toggle.active span:after{transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);top: 10px;}


.menu{height:80px;line-height:80px; color:#333; float:right; }
.nav{position:relative;}
.nav>li.m{float:left;position:relative;z-index:1;}
.nav>li>a{color:#333;font-size:16px; font-weight: 700}
.nav .m>a{display:block;text-align:center; width:95px;}

.nav .sub{display:none;position:absolute;top:80px;z-index:1;width:200px;background:rgba(0,0,0,.8); padding:10px 0px;}
.nav .sub dd{text-align:left;padding:0 0px;}
.nav .sub dd a{display:block; color:#ADADAD;font:13px/36px "Microsoft YaHei"; margin-bottom:5px; padding:0px 20px;}
.nav .sub dd a:hover{background: url(../images/navbg_hover.png); padding-left:30px; color: #fff}
.nav .block{height:4px;width:95px;background:#0E5183;position:absolute;left:0;top:76px;overflow:hidden;}


/*-----------banner-------------*/
.banner{ width:100%; height:570px;}
#banner{height: 570px;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .item{height: 100%;}
#banner .item{background-position: center center;background-repeat: no-repeat;outline: 0;-o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;   -webkit-background-size: cover; background-size: cover;}
#banner .item .img{ display:none;}
#banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{display: block;width:14px;height:14px;border: 0;outline: 0;cursor: pointer;font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius:20px;}
#banner .slick-dots li.slick-active button{background-color: #0E5183; width:40px;}

#banner .slick-arrow { width: 40px; height: 90px; margin: -50px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat -5px 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; border: none; visibility: hidden;transition: all 500ms;}
#banner .slick-prev { left: 0; border-radius:0px 6px 6px 0px;}
#banner .slick-next { background-position: 0 -90px; right: 0;border-radius:6px 0px 0px 6px;}
#banner .slick-arrow:hover { filter:alpha(opacity=70) !important;opacity:0.7 !important;  border: none; }
#banner:hover .slick-arrow{ visibility: visible}


.banner_single{ width:100%; height:360px; background-repeat: no-repeat; background-position:center; background-size: cover}
.banner_single .img{ display:none;}



.particle_box{background: linear-gradient(to right,#081832, #1F1F2E);}
.particle_box canvas{ position: absolute; top: 0px;}






/*-----------i_box-------------*/




.i_hd{ position:relative; text-align:center; height:100px;margin:70px auto 40px;}
.i_hd p{ text-align:center;position:relative; display:inline-block; }
.i_hd p strong{font:400 36px/60px "Microsoft YaHei"; text-align:center;position:relative; width:200px; display:inline-block; letter-spacing: 10px; margin-right: -10px; z-index: 1}
.i_hd p::after,.i_hd p::before{content:' '; position: absolute; height: 0; line-height: 0; border-top: 1px solid #E5E5E5; width: 200px; top: 134%}
.i_hd p::before{left:150%}
.i_hd p::after{right:150%}
.i_hd p em{ position:absolute; width:600px; bottom:-30px; text-align:center;font:700 30px/20px "Microsoft YaHei"; margin-left:-300px; left:50%; color:#E5E5E5; text-transform:Uppercase;z-index:0}

.i_box{margin:20px auto 40px; z-index: 0}





/*-----------i_box-------------*/
.cpfw_box{ padding-bottom:0px;}

.cpfw_box A span.ico{ display:block; width:100px; height:100px;  opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.cpfw_box A span.icon_01{background:url(../images/icon_01.png) no-repeat center;}
.cpfw_box A span.icon_02{background:url(../images/icon_02.png) no-repeat center;}
.cpfw_box A span.icon_03{background:url(../images/icon_03.png) no-repeat center;}
.cpfw_box A span.icon_04{background:url(../images/icon_04.png) no-repeat center;}
.cpfw_box A span.icon_05{background:url(../images/icon_05.png) no-repeat center;}
.cpfw_box A span.icon_06{background:url(../images/icon_06.png) no-repeat center;}

.cpfw_box .cpfw_li{ margin: 0px 0px; position: relative; padding: 0px 0px;}
.cpfw_box .cpfw_li img{display: block;width: 100%;}
.cpfw_box .cpfw_li A{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.cpfw_box .cpfw_li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.cpfw_box .cpfw_li h3{ position: absolute;font:400 28px/40px "Microsoft YaHei"; color:#fff;width: 100%;left: 0;top: 53%;transition: .3s; text-align: center}
.cpfw_box .cpfw_li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;opacity: 0;transition: .3s; color: #BDD5E7; line-height: 200%; text-align:  center}
.cpfw_box .cpfw_li A:hover{ background: rgba(7,76,126,.95);}
.cpfw_box .cpfw_li A:hover p{top: 50%;opacity: 1;}
.cpfw_box .cpfw_li A:hover span.ico{bottom: 63%;}
.cpfw_box .cpfw_li A:hover hr{top: 40%;opacity: 0;}
.cpfw_box .cpfw_li A:hover h3{top: 38%;}
.cpfw_box .cpfw_li A:hover span.more{top: 75%;opacity: 1;}



.cpfw_box .cpfw_li A span.more{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 1px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;  left: 50%; text-align: center; border-radius: 30px;}
.cpfw_box .cpfw_li A span.more:hover{background: #fff;color: #373d41;}


button.slick-arrow{ border: none; position: absolute;top: 0px; left: -40px; background: #3C3D45 url("../images/left.png") no-repeat center; width: 40px; height: 100%; text-indent: -999rem; cursor: pointer;display: none; visibility: hidden}
button.slick-arrow:hover{ background: #074C7E url("../images/left.png") no-repeat center;  }

button.slick-arrow.slick-prev{ background-position: 0px center}
button.slick-arrow.slick-next{background-position: -40px center; right: -40px; left: auto; top: 0px;width: 40px; height: 100%;}


.particle_box:hover button.slick-arrow{ display: block; visibility:visible}




A.index_btn1{width: 100px;height: 26px; text-align: center;display: inline-block; background-color: #D3D3D3;color: #fff;position: relative; border:none; font:400 12px/25px "Microsoft YaHei"; border-radius:3px;}
A.index_btn1 span{position: relative;z-index: 2;}
A.index_btn1 .s1{position: absolute;width: 0;height: 100%;top: 0;left: 0; background-color: #2BB4E0;z-index: 1; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;border-radius:2.7px;}
.cpfw_box .cpfw_li:hover A.index_btn1 .s1{width: 100%;}


/*-----------i_box-------------*/
.bg_model{ padding:40px 0px 0px;}
.xwdt_box{ margin: 100px 0px 40px; overflow: hidden}
.xwdt_li{}
.xwdt_li:last-child{ display:none}
.xwdt_box .pic{padding-top: 60%;height: 0;position: relative; overflow: hidden;}
.xwdt_box .pic img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.xwdt_box .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transform-origin: 50% 50%;
}
.xwdt_box h3{font-size: 18px;margin-bottom: 5px; background: #fff; padding: 20px 20px;}
.xwdt_box h3 a{display: block;line-height: 30px;overflow: hidden;height: 60px;}
.xwdt_li:hover h3 a{}
.xwdt_box h3 em{font-weight: bold;}
.xwdt_box .time{color: #909090;display: block;margin-bottom: 10px; font-size:13px;}
.xwdt_box p{font-size: 14px;line-height: 26px;color: #909090;height:auto;overflow: hidden;margin-bottom: 21px;}
.xwdt_box .bottom{ width:100%; height:5px; background:#fff}


.index_xwdt{ }

.bg_index_xwdt{ background: url("../images/index_xwdt.jpg") center; background-size: cover}





.index_xwdt A.btn1{width: 140px;height: 35px; text-align: center;display: inline-block;  color: #fff;position: relative; border:#fff 1px solid; font:400 14px/34px "Microsoft YaHei"; border-radius:30px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; }
.index_xwdt A.btn1 span{position: relative;z-index: 2;}
.index_xwdt A.btn1:hover{background: #fff;color: #373d41;}
 

.news_list_page{ padding:60px 0px;}
.news_li{ margin-bottom:20px;}
.news_li A{ display:block; padding:25px 25px; background:#fff}
.news_li span{ display:block}
.news_li span.title{ height:52px; line-height:26px; font-size:18px;}
.news_li span.date{ line-height:32px; color:#888; font-size:12px;}
.news_li span.img{ display:block; position:relative; margin-top:8px; width:100%}
.news_li img.up_img{ display:block; position: absolute; width:100%; height:100%; top:0px; left:0px;}
.news_li span.word{ height:70px; margin-top:13px; width:100%; overflow:hidden; color:#666; font-size:12px; line-height:1.8}
.news_li span.more{ margin-top:19px;color:#333; line-height:24px; background:url(../images/ico_42.png) no-repeat right center; display:inline-block; padding-right:16px; font-size:12px;}


.news_li A:hover{ background:#0E5183}
.news_li.col-lg-3{ padding:0px 10px;}
.news_li A:hover .title{ color:#fff}
.news_li A:hover .date{ color:#fff}
.news_li A:hover .word{ color:#fff}
.news_li A:hover .more{ color:#fff;background:url(../images/ico_43.png) no-repeat right center;}





/*-----------hzhb_box-------------*/
.index_hzhb{ padding-top:0px; padding-bottom:40px;}
.hzhb_box{ padding:20px 0px;}
.hzhb_box li{ width:12.5%; float:left; padding:0px;}
.hzhb_box li img{ display:block}






/*-----------foot-------------*/
.foot{ background:#101429; padding:0px 0px 0px;}
.fd_link{float: left;}
.fd_wei{float: right;color:#D6D6D6}
.fd-nav dt{margin-bottom: 20px;}
.fd_link dt{color: #D6D6D6;font-size: 16px;margin-bottom: 20px; display:block}
.fd_link dd a{color: #959595;margin-bottom: 10px;display: block; font-size:12px;}
.fd_link dd a:hover{color: #fff;}
.fd_link dl{float: left;width: 150px;}
.fd_wei h4{font-size: 16px;}
.fd_wei h5{font-weight: bold;font-size: 24px;margin: 20px 0;}
.fd_wei .qr-box,.fd_wei .con{display: inline-block;vertical-align: top;}
.fd_wei .con{width: 300px;}
.fd_wei .con p{line-height: 1.6; font-size:14px;}
.qr-box{width: 80px;}
.qr-box img{margin-bottom: 10px;width:80px;height:80px;}
.qr-box p{text-align: center;}

.copyright{ background:#171A29; padding:20px 0px; color:#fff; font-size:13px; text-align:center}


.float-bar{position: fixed;right: 15px;top: 70%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 60px;z-index: 80;}
.float-bar li{position: relative;height: 60px;background-color: rgba(211,211,211,.6);width: 60px;float: right;margin-bottom: -1px;-webkit-transition:.3s;transition:.3s;}
.float-bar li.s1 a{-webkit-animation-name: hvr-buzz;animation-name: hvr-buzz;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease;animation-timing-function: ease;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
/* Buzz */
@-webkit-keyframes hvr-buzz{50%{-webkit-transform:rotate(5deg); transform:rotate(5deg);} 100%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}}
@keyframes hvr-buzz{50%{-webkit-transform:rotate(5deg); transform:rotate(5deg);} 100%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}}
.float-bar a{display: block;width: 100%;height: 60px;background-repeat: no-repeat;background-position: right 0;}
.float-bar .tel{background-image: url(../images/c1.png);}
.float-bar .cal{background-image: url(../images/c2.png);}
.float-bar .qr{background-image: url(../images/c3.png);}
.float-bar .top{background-image: url(../images/c4.png);}
.float-bar li:hover a,
.float-bar a:hover{background-position: right -60px;}
.float-bar li:hover{background-color: rgba(0,129,204,.8);}
.float-bar .s2{position: relative;}
.float-bar .s2 span{width: 330px;text-align:left;color: #fff;font-size: 16px;position: absolute;left: 0;top: 0;height: 60px;line-height: 60px;visibility: hidden;opacity: 0;-webkit-transition:.3s;transition:.3s; padding-left: 15px;}
.float-bar .s2:hover{width: 300px;}
.float-bar .s2:hover span{visibility: visible;opacity: 1;}

.pop-qr{position: absolute;left: -130px;top: -35px;opacity: 0;transform: translateX(25px);-webkit-transform: translateX(25px);-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;transition: .3s;visibility: hidden;}
.float-bar li.s3:hover .pop-qr{opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);visibility: visible;}





*html{background-image:url(about:blank);background-attachment:fixed;}
div.floatCtro{ width:74px;position: fixed; left:50%; bottom:120px; z-index:100; margin-left:710px; display:none}
div.floatCtro p{width:74px;  color:#fff; margin:0; padding:0; cursor:pointer; background:#006796; text-align:center; }
div.floatCtro a{ display:inline-block;  width:74px;   margin:0px 0 0 0; background:#0E5183; color:#fff;  vertical-align:middle; cursor:pointer; padding:12px 0px 12px; text-align:center; line-height:20px; font-size:12px;}
div.floatCtro a:hover{ background:#176FB4; color:#fff; zoom:1; text-decoration:none}
div.floatCtro a i{ display:inline-block; width:22px; height:22px; background:url(../images/upup.png) no-repeat }
div.floatCtro p:hover{ background:#FF9F23; color:#fff;}
div.floatCtro p.cur{ background:#FF9F23; color:#fff;margin-left:-2px; width:78px;}




.s_navbox{ border-bottom:#E5E5E5 1px solid}
.s_navbox li{ float:left; margin-right:20px; }
.s_navbox li a{ padding:0px 10px; bottom:-1px;font-size:16px; line-height:74px; display:block; position:relative}
.s_navbox li.on a{ border-bottom:#0E5183 3px solid}
.s_navbox li a:hover{border-bottom:#0E5183 3px solid}


.single_box{ padding:40px 0px;}
.single_box h4.ch{ font:400 40px/50px "Microsoft YaHei"; color:#0E5183}
.single_box h5.en{ font:400 20px/32px "Microsoft YaHei"; color:#e5e5e5; text-transform:uppercase;}
.single_box .wwword{ font:400 14px/26px "Microsoft YaHei"; color:#666;}
.single_box .wwword p{padding: 5px 0px;}







/* news show  */
.news_show_box{ padding: 0px;}
.news_show_hd{padding: 10px 0px 10px 0px; position: relative;}
.news_show_hd h1{  font:lighter 26px/34px "Microsoft YaHei"; color:Black; margin-bottom:15px; text-align:left; }
.news_show_hd p{  line-height: 20px;  padding: 4px 0px 10px; text-align: left;  margin-bottom:10px;   border-bottom: #DFE3E4 1px dashed;  }
.news_show_hd p span{ padding: 0px 16px 0px 0px; color: #9B9B9B;font: 12px Microsoft YaHei; }


.news_show_bd{padding: 10px 0px 70px 0px; text-align: left;  font: 15px Microsoft YaHei; color: #6D6D6D; min-height:500px}
.news_show_bd P{ text-align: left;   font: 15px/2 Microsoft YaHei; color: #000;  margin-bottom: 20px;}
.news_show_fd{margin-top:0px;   border-top: #DFE3E4 1px dashed;   text-align:  left; padding: 16px 0px; position: relative; font-size:14px;}
.news_show_fd p{ color: #222; line-height:30px;}
.news_show_bianji{text-align: right; color: #7D7D7D; margin-top: -50px; padding: 0px 0px 10px 0px; display: block; font-size:12px;}
.news_show_home{ text-align: center; }
.news_show_home A{	 background: #02ADF5; border: #02ADF5 1px solid;  padding: 6px 30px; display: inline-block;  font:lighter 19px/30px Microsoft YaHei; color: White; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px;text-shadow:0px 2px 6px rgba(0, 0, 0, 0.6); margin:0px 6px;}
.news_show_home A:hover{background: #F99801; border: #F99801 1px solid;  text-decoration: none;text-shadow:0px 2px 4px rgba(0, 0, 0, 0.6);}



.service_list{}
.service_list li{ float:left; margin:15px;}
.service_list li img{ display:block}


.company_list{}
.company_list .box{ background:#fff; padding:30px 0px 30px 0px;}
.company_list .box h4{font:400 20px/50px "Microsoft YaHei"; border-bottom:#E5E5E5 1px solid}
.company_list .box span{ float:left; display:block; width:25%; font-size:13px; color:#666; line-height:36px; background:url(../images/navbg.png) no-repeat left center; padding-left:10px;}
.company_list .box ul{ padding-top:20px;}






.sub_con{min-height: 200px; padding:40px 0px 40px 0px}
.history .history_area{padding-top: 28px;}
.history .time_line{margin-left: 100px;padding-bottom: 100px;}
.history .time{margin-left: -100px; padding: 10px 0 0;background: url(../images/time_bg7.png) 90px 0 repeat-y;}
.history .time_area{padding-bottom: 40px;}
.history .year{display: block;font:700 30px/50px Arial, Helvetica, sans-serif;color: #7d7f84;background: url(../images/time_bg3.png) 83px 10px no-repeat; float: left; width:136px; padding-left:0px; margin-top:-10px;}
.history .time_con{ padding: 0px 20px 0 0px;margin-left: 116px;}
.history .time_text{padding: 10px 30px;min-height: 60px;line-height: 40px;color: #4a4a4a;border: 1px solid #EEEEF5; border-radius:4px;}
.history .time_text:hover{ background:#FAFAFA; border:#F0F0F0 1px solid;box-shadow:0 0 2px #d2d2d2;}
.history .time_text p{ background:url(../images/navbg.png) no-repeat left center; padding-left:16px;}


.culture_word{ }
.culture_word h2{font:700 20px/50px "Microsoft YaHei"; color:#666666;}
.culture_word h3{ font-weight:400; font-size:larger}
.culture_word p{ margin-bottom:20px;}
.culture_word .ulul{border-bottom:#666666 1px dotted; padding:20px 0px;}


.contact_map{position: relative;}
.map_box{}
.map_info{background: rgba(255,255,255,.9);line-height: 30px;color: #484848;padding-top: 13%;padding: 5% 40px 0 100px;width: 650px;position: absolute;left: 55%;top: 0;bottom: 0;overflow: auto;}
.map_info h3 b{position: relative;}
.map_info h3 b:before{content: '';font-size: 70px;position: absolute;left: -70px;top: 16px;background: url(../images/quote.png) no-repeat left top;width: 37px;height: 37px;}
.map_info h3,
.honor_box h1{font-size: 30px;color: #000;margin-bottom: 40px;font-weight: bold;text-align: center;line-height: 48px;}
.map_info h3{text-align: left;}
.map_info hr{border-bottom: 1px dashed #484848;width: 100%;max-width: 297px;text-align: left;margin-top: 25px;float: left;}
.baidu_map img{max-width: 9999px;}




.laypage_main a,.laypage_main input,.laypage_main span {height:38px;line-height:38px}
.laypage_main button,.laypage_main input,.laypageskin_default a {border:1px solid #ccc;background-color:#fff; border-radius: 3px;}
.laypage_main {font-size:0;clear:both;color:#666;position:relative;left:-50%;}
.laypage_main * {display:inline-block;vertical-align:top;font-size:14px}
.laypage_main a {text-decoration:none;color:#000}
.laypage_main a:hover{border:1px #FFB212 solid; background-color:#FFB212;color:#fff;}
.laypage_main a,.laypage_main span {margin:0 3px 6px;padding:0 15px}
.laypage_main input {width:34px;margin:0 5px;padding:0 5px}
.laypage_main button {height:38px;line-height:32px;margin-left:5px;padding:0 10px;color:#666}
.laypageskin_default span {height:38px;line-height:38px;color:#000;  border-radius: 3px;}
.laypageskin_default .laypage_curr {font-weight:700;color:#fff; background: #FFB212;}
.laypageskin_molv a,.laypageskin_molv span {padding:0 12px;border-radius:2px;height: 26px; line-height: 26px;}
.laypageskin_molv a {background-color:#f1eff0}
.laypageskin_molv a:hover{ border:none; }
.laypageskin_molv .laypage_curr {background-color:#FFB212;color:#fff}
.laypageskin_molv input {height:24px;line-height:24px}
.laypageskin_molv button {height:26px;line-height:26px}
.laypageskin_yahei {color:#333}
.laypageskin_yahei a,.laypageskin_yahei span {padding:0 13px;border-radius:2px;color:#333; }
.laypageskin_yahei .laypage_curr {background-color:#333;color:#fff}
.laypageskin_flow {text-align:center}
.laypageskin_flow .page_nomore {color:#999}





/*页码  css*/
.page_box{width:100%; overflow:hidden; margin: 30px 0px 20px; padding-top:30px }
.x_page {width:auto;position:relative;left:50%;float:left;padding-top:10px;padding-bottom:10px;}
.x_page ul{position:relative;left:-50%;}
*html .x_page ul{float:left}
.x_page ul span{border:1px #FF6F02 solid;height:38px;padding:0px 15px; font-size:21px;line-height:38px;float:left;margin-right:5px;font-weight:normal; display:block;background:#FF6F02;color:#fff;font-weight:bolder; border-radius:3px; text-shadow: 0 1px 1px #000;}
.x_page ul a{border:1px #E5E5E5 solid;height:38px;padding:0px 15px;float:left;line-height:38px;background-color:#fff;color:#333;display:block;margin-right:5px; border-radius:3px;  }
.x_page ul a:hover{border:1px #FF6F02 solid; background-color:#FF6F02;color:#fff;}
.x_page a.page_cn{ height:36px;padding:3px 10px 0px; float:left;line-height:36px; display:block;margin-right:5px; text-decoration:none}
.x_page a.page_cn:hover{}



/*薪酬福利*/
.job_a{ padding:40px 0px 20px;}
.job_a h3{font:700 25px/50px "Microsoft YaHei"; color:#0E5183; margin-bottom:20px;}
.job_a .container{font:400 14px/26px "Microsoft YaHei"; color:#525252;}
.job_a .container p{ padding-bottom:26px;}

.job_b{background-color:#09847E; padding:60px 0px 60px}
.job_b h3{font:700 25px/50px "Microsoft YaHei"; color:#fff;margin-bottom:20px;}
.job_b .img{ float:right; width:50%}
.job_b .word{ float:left;  width:50%; padding-right:10%}
.job_b .container{font:400 14px/26px "Microsoft YaHei"; color:#fff;}
.job_b .container p{ padding-bottom:26px;}


.job_c{padding:60px 0px 60px}
.job_c h3{font:700 25px/50px "Microsoft YaHei"; color:#0E5183;margin-bottom:20px;}
.job_c h4{font:400 16px/50px "Microsoft YaHei"; color:#666;margin-bottom:10px; background:url(../images/map.png) no-repeat left center; background-size:20px; padding-left:25px;}
.job_c .pic_box{ margin-bottom:20px; margin-right:-3%}
.job_c .pic_box li{ width:25%; float:left; padding-right:3%;}
.job_c .pic_box img{border-radius:4px;}





.gzhj{height: 290px;margin: 0px auto;}
.c{width: 1202px;margin: 0 auto;border: 1px solid transparent;}
.s3 ul li{border-radius: 4px;/* border: 6px solid #6859BD;*/overflow: hidden;float: left;text-align: center;margin-right: 26px;width: 229px;height: 199px;background-color: #fff;}
.gongzuohuanjing{text-align: center;font-size: 16px;font-family: "Microsoft Yahei";color: #999;line-height: 24px;margin-bottom: 30px;margin-top: 20px;}
.s3{margin-bottom: 40px;}




.case_dis{ }
.index_title a{text-decoration: none;}
.case_li .title{ color: #34b8d0; padding-bottom: 4px;}
.case_li .title a{ text-decoration: none; font-size: 18px; color: #34b8d0; padding-bottom: 4px;}
.case_li .word{padding-top: 12px;  font-size: 13px; line-height: 28px;}
.case_li .word.black{color: #fff;}
.case_li .word.white{color: #a7a7a7;}
.case_li{ width:33.3333%; float:left; height:250px; overflow:hidden}
.case_li img{ width:100%}
.case_dis_1{ background-color: #282f35; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_2{ }
.case_dis_3{ background-color: #f8f8f8; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_4{ background-color: #f8f8f8; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_5{ background-color: #fff; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_6{ }
.case_dis_7{ }
.case_dis_8{ background-color: #f8f8f8; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_9{ background-color: #282f35; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_10{ background-color: #fff; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_11{ }
.case_dis_12{ background-color: #fff; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_13{ background-color: #282f35; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_14{ }
.case_dis_15{ background-color: #f8f8f8; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_16{ background-color: #f8f8f8; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_17{ background-color: #fff; padding-top: 35px; padding-left: 34px; padding-right: 34px; }
.case_dis_18{ }


.parter_box{ padding:60px 0px;}
.parter_box h2.title{ font:700 28px/50px "Microsoft YaHei"; color:#0E5183; text-align:center; padding-bottom:30px;}
.parter_box .intro_a{ font:400 15px/30px "Microsoft YaHei"; padding-left:30px;text-align:center; color:#6C6C6C; padding-bottom:30px;}
.parter_box .intro_a strong{ font:400 16px/30px "Microsoft YaHei"; color:#FF8500; display:inline-block; padding:0px 5px;}
.parter_box .intro_b{ font:400 14px/24px "Microsoft YaHei"; color:#777; padding-left:30px;}
.parter_box .intro_b h3{ font:400 18px/30px "Microsoft YaHei"; color:#FF8500; padding:10px 0px 10px; background:url(../images/h3_ico.png) no-repeat left center; background-size:18px; padding-left:30px; margin-left:-30px; margin-top:20px;}


.guihua .adv_txt{ float:left; width:50%; padding-right:5%; padding-left:50px;}
.guihua .adv_img{ float:right; width:50%; padding-left:30px}

.guihua .adv_txt h6{font:400 18px/50px "Microsoft YaHei"; color:#FF8500; margin-left:-50px;}
.guihua .adv_txt em{font:italic 700 50px/50px "Georgia"; color:#FF8500;vertical-align:-5px; display:inline-block; margin-right:10px;}
.guihua .adv_txt{ font:400 14px/24px "Microsoft YaHei"; color:#777; padding-left:30px;}




.guihua li{ padding:30px 0px;}

.guihua .adv_txt_more{ float:right; width:50%;  padding-left:50px;}
.guihua .adv_img_more{ float:left; width:50%}

.guihua .adv_txt_more h6{font:400 18px/50px "Microsoft YaHei"; color:#FF8500; margin-left:-50px;}
.guihua .adv_txt_more em{font:italic 700 50px/50px "Georgia"; color:#FF8500;vertical-align:-5px; display:inline-block; margin-right:10px;}
.guihua .adv_txt_more{ font:400 14px/24px "Microsoft YaHei"; color:#777; padding-left:30px;}
.guihua .adv_txt_more p.ttt{ font:700 14px/30px "Microsoft YaHei"; background:#FF8500; display:inline-block; color:#fff; padding:0px 10px; border-radius:4px; margin:10px 0px 5px;}


.parter_box .intro_c h3.sub_title{ font:400 18px/30px "Microsoft YaHei"; color:#FF8500; padding:10px 0px 10px; background:url(../images/h3_ico.png) no-repeat left center; background-size:18px; padding-left:30px; margin-left:-30px; margin-top:20px;}
.circle_hezuo .hezuo_c_li{ width:25%; float: left; text-align:center}
.circle_hezuo{ padding:30px 0px 10px;}
.parter_box .intro_c{ padding-left:30px;}
.circle_hezuo .hezuo_c_li .icon{width: 120px; height: 120px; border-radius: 50%; background: #fff; margin: 0 auto; text-align: center; position: relative; border: 2px solid #0E5183;}
.circle_hezuo .hezuo_c_li .icon:before{content: ''; width: 96%; height: 96%; border-radius: 50%; background: #0E5183; position: absolute; top:2%; left:2%; z-index: 10; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.3s ease 0s;}
.circle_hezuo .hezuo_c_li:hover .icon:before{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.circle_hezuo .hezuo_c_li h3{ line-height:50px; font-weight:700; color:#0E5183}
.circle_hezuo .hezuo_c_li .icon span{width: 60px; height: 60px; border-radius: 50%; background: url(../images/parter.png) no-repeat center; background-size:100%; display:block; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; z-index:20; transition: all 0.3s ease 0s;}
.circle_hezuo .hezuo_c_li:hover .icon span{ background: url(../images/parter_hover.png) no-repeat center;background-size:100%;}
.parter_box .intro_d{ padding-left:30px;}
.parter_box .intro_d h3.sub_title{ font:400 18px/30px "Microsoft YaHei"; color:#FF8500; padding:10px 0px 10px; background:url(../images/h3_ico.png) no-repeat left center; background-size:18px; padding-left:30px; margin-left:-30px; margin-top:20px;}
.parter_box .intro_d dd{ font:400 14px/30px "Microsoft YaHei"; color:#6C6C6C;}
.parter_box .intro_tel{ font:400 14px/30px "Microsoft YaHei"; color:#6C6C6C; border-top:#CCC 1px dotted; margin-top:30px; padding:30px 0px; text-align:center}
.parter_box .intro_tel p{ font:700 24px/40px "Microsoft YaHei"; color:#FF9F23; padding-top:40px;}


.honor_box{ padding:60px 0px;}
.honor_box h2.title{ font:700 28px/50px "Microsoft YaHei"; color:#0E5183; text-align:center; padding-bottom:30px;}
.honor_box .intro_a{ font:400 15px/30px "Microsoft YaHei"; padding-left:30px;text-align:center; color:#6C6C6C; padding-bottom:30px;}
.honor_box .intro_a strong{ font:400 16px/30px "Microsoft YaHei"; color:#FF8500; display:inline-block; padding:0px 5px;}
.honor_box .pic_box{ margin-bottom:20px; margin-right:-3%}
.honor_box .pic_box li{ width:25%; float:left; padding-right:3%; text-align:center;height:240px;}
.honor_box .pic_border img{border-radius:4px; height:auto; max-height:100%}
.honor_box .pic_box li .pic_border{border:#EEEEF5 1px solid;height:190px; padding:10px; border-radius:4px; background:#FAFAFA}
.honor_box .pic_box li p{ margin-top:20px;}
.honor_box .intro_word{ font:400 15px/30px "Microsoft YaHei"; text-align:left; color:#6C6C6C; padding-bottom:30px;}


.software_list_page{ padding:60px 0px;}
.software_li{ margin-bottom:20px;}
.software_li A{ display:block; padding:0px; background:#fff;-webkit-transition: .2s; transition: .2s}
.software_li span{ display:block; padding:0px 25px;}
.software_li span.title{ line-height:26px; font-size:16px; padding-top:15px; padding-bottom:25px}
.software_li span.img{ display:block; position:relative; margin-top:8px; width:100%; overflow:hidden; background-color:#000}
.software_li img.up_img{ display:block; position: absolute; width:100%; height:100%; top:0px; left:0px;}
.software_li span.more{ margin-top:19px;color:#333; line-height:24px; background:url(../images/ico_42.png) no-repeat right 9px; display:inline-block; padding-right:16px; font-size:12px; padding-bottom:20px;}
.software_li.col-lg-3{ padding:0px 10px;}
.software_li .img img.up_img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}


.software_li .img img{-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.software_li .img figcaption{padding: 0em;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
.software_li .img figcaption::before{position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid  rgba(255,255,255,.6);content: '';}
.software_li .img figcaption::before{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
.software_li .img p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0); position:absolute; left:50%; top:50%; margin-left:-2.5em; margin-top:-1em; background:#FF9F23; padding:.5em 1em; border-radius:3px; font-size:14px; letter-spacing:2px;}
.software_li:hover .img figcaption::before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.software_li:hover .img p{opacity: 1;-webkit-transform: scale(1);transform: scale(1);color: #fff; }
.software_li:hover .img img{opacity: 0.4;}
.software_li:hover A{ color:#000; box-shadow:0 0 20px #d2d2d2;  -webkit-transform: translateY(-10px);transform: translateY(-10px)}


.it_a{padding:60px 0px 60px}
.it_a h3{font:700 25px/50px "Microsoft YaHei"; color:#0E5183;margin-bottom:20px;}
.it_a .img{ float:left; width:30%}
.it_a .word{ float:right;  width:70%; padding-left:10%; padding-top:50px}
.it_a .container{font:400 14px/26px "Microsoft YaHei"; color:#525252;}
.it_a .container p{ padding-bottom:26px; padding-top: 20px;}

.word .word_dl{}
.word .word_dl dt{ background: url("../images/system.png") no-repeat left center; padding: 5px 0px 5px 20px; position: relative;-webkit-transition: padding 0.25s ease;-moz-transition: padding 0.25s ease;-ms-transition: padding 0.25s ease;-o-transition: padding 0.25s ease;transition: padding 0.25s ease; z-index: 1}
.word .word_dl dt:hover{color: #fff;background: url("../images/system2.png") no-repeat 4px center; padding-left: 24px;}
.word .word_dl dt:hover::after{  position: absolute; content: ""; display: block; width: 500px; height:36px; top: 0px; left: -20px; z-index: -1; border-radius: 3px;background: linear-gradient(to right,#5AB0F6, #3284EC);}




.it_b{padding:60px 0px 60px; background: linear-gradient(to right,#D6E8F5, #C6D8E8);}
.it_b h3{font:700 25px/50px "Microsoft YaHei"; color:#0E5183;margin-bottom:20px;}
.it_b .img{ float:right; width:30%}
.it_b .word{ float:left;  width:70%; padding-right:10%; padding-top:50px}
.it_b .container{font:400 14px/26px "Microsoft YaHei"; color:#525252;}
.it_b .container p{ padding-bottom:26px;padding-top: 20px;}

.it_b .high{ margin-top: 100px;}

.more A.more_a{width: 80px;height: 30px; text-align: center;display: inline-block; background-color: #D3D3D3;color: #fff;position: relative; border:none; font:400 12px/29px "Microsoft YaHei"; border-radius:3px;}
.more A.more_a span{position: relative;z-index: 2;}
.more A.more_a::before{position: absolute;width:100%;height:0%;bottom: 0;left: 0; background-color: #0E5183;z-index: 1; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;border-radius:2.7px;content: '';}
.it_a .word:hover A.more_a::before{height: 100%;}
.it_b .word:hover A.more_a::before{height: 100%;}



.page_intro{ padding: 40px 20px 20px; line-height: 26px; font-size: 14px;}
.page_intro p{ padding-bottom: 15px;}
.page_intro h5.en{ padding-bottom: 20px;}




.fangan_page{ padding:50px 0px;}
.fangan_page li{ float:left; margin-right:28px; margin-bottom:28px;}
.fangan_page li img{ display:block}
.fangan_page .container{  }



.e_page{ padding:50px 0px;}
.e_page .content{overflow: hidden;}
.e_page .e_box .content li{  width:50%; height: 422px; float:left; background:#fff}
.e_page .e_box .pic_shadow li{float: left; position: relative;  background: #fff;}
.e_page .e_box h3{line-height: 59px;  font-weight: 400; color: #333; }
.e_page .e_box .pic_shadow li .cover_a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.e_page .e_box .product_name{color: #0E5183; text-align: center; padding: 0px 0; font:700 24px/50px microsoft}
.e_page .e_box .product_feature{padding-bottom: 5px; font-size: 16px; text-align: center; color:#555555; margin-bottom:70px;}
.e_page .e_box .word_div{ width:600px; text-align:center}




.e_page .e_box li.word{ padding-top:60px;}
.e_box .content:hover A.more_a::before{height: 100%;}
.e_box .content:hover A.more_a::before{height: 100%;}
.e_box .content p.more{ margin-top:20px;}
.e_page .e_box .ie_a li.pic{ background:#DFDFDF url(../images/14224446x0m4.png) no-repeat center right;}
.e_page .e_box .ie_a li.word em{ background:#fff url(../images/16152110y09w.png) no-repeat center; width:116px; height:116px; display:inline-block}
.e_page .e_box .ie_b li.pic{ background:#434345 url(../images/1617213859na.jpg) no-repeat center left;}
.e_page .e_box .ie_b li.word em{ background:#fff url(../images/16152110y092.png) no-repeat center; width:116px; height:116px; display:inline-block}
.e_page .e_box .ie_c li.pic{ background:#64605F url(../images/1617213859na2.jpg) no-repeat center right;}
.e_page .e_box .ie_c li.word em{ background:#fff url(../images/16152110y09w.png) no-repeat center; width:116px; height:116px; display:inline-block}
.e_page .e_box .ie_d li.pic{ background:#403A3A url(../images/1617213859na3.jpg) no-repeat center left;}
.e_page .e_box .ie_d li.word em{ background:#fff url(../images/16152110y092.png) no-repeat center; width:116px; height:116px; display:inline-block}
.e_page .e_box .ie_b .word_div{ float:right}
.e_page .e_box .ie_d .word_div{ float:right}


.down_list_page{ padding:60px 0px; margin-right:-20px;}
.down_li{ margin-bottom:20px; width:20%; float:left; padding-right:20px;}
.down_li A{ display:block; padding:25px 25px; background:#fff}
.down_li span{ display:block}
.down_li span.title{line-height:26px; font-size:16px; margin-bottom:10px; height:52px;}
.down_li span.img{ display:block; position:relative; margin-top:8px; width:100%}
.down_li img.up_img{ display:block; position: absolute; width:100%; height:100%; top:0px; left:0px;}
.down_li span.more{ margin-top:19px;color:#fff; line-height:24px; background:#0E5183 ; display:inline-block;  font-size:12px; display:inline-block; padding:3px 15px 3px 15px; border-radius:3px;}


.down_li A:hover{ background:#0E5183}
.down_li.col-lg-3{ padding:0px 10px;}
.down_li A:hover .title{ color:#fff}
.down_li A:hover .more{ color:#fff;background:url(../images/ico_43.png) no-repeat right center;}


.col_r{ width:75%; padding-left:5%; float:right; border-left:#E5E5E5 1px solid}
.col_l{ width:25%; float:left}
.soft_list{ margin:60px 0px 20px; padding:20px 0px 10px 0px;}
.soft_list h4{ padding:2px 0px; border-left:#0E5183 4px solid;font:700 16px/20px "Microsoft YaHei";  padding-left:20px;}
.soft_list ul{ padding-top:20px;}
.soft_list ul li{ display:block; padding:5px 30px 5px 15px}
.soft_list ul li A{font:400 14px/22px "Microsoft YaHei"; display:block}
.soft_list ul li A i{overflow:hidden;width:4px;height:4px;background-color:#9A9A9A;display:inline-block;margin-right:10px;margin-bottom:2px; margin-left:-15px;}
.soft_list ul li A:hover i{background-color:#0E5183;}
.soft_list ul li A:hover{ margin-left:4px;}
.soft_list ul li.on A{color:#0E5183 !important}
.soft_list ul li.on i{background-color:#0E5183; height:8px; width:8px; margin-bottom:0px; }
 
.news_relation{ margin:60px 0px 20px; padding:20px 0px 10px 0px;}
.news_relation h4{ padding:2px 0px; border-left:#0E5183 4px solid;font:700 16px/20px "Microsoft YaHei";  padding-left:20px;}
.news_relation ul{ padding-top:20px;}
.news_relation ul li{ display:block; padding-right:60px}
.news_relation ul li .pic{ display:block; width:100%;   overflow:hidden}
.news_relation ul li .pic img{ display:block; width:100%;}
.news_relation ul li A{ display:block; margin-bottom:20px}

.news_relation ul li p{font:400 14px/20px "Microsoft YaHei"; padding-top:6px;}
.news_relation ul li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}




.cases_list_page{ padding:60px 0px;}
.cases_li{ margin-bottom:20px; overflow:hidden;}
.cases_li A{ display:block; padding:0px; background:#fff; padding-bottom:66px;-webkit-transition: .2s; transition: .2s}
.cases_li span{ display:block; padding:0px 25px;}
.cases_li span.title{ line-height:26px; font-size:16px; padding-top:15px; padding-bottom:15px}
.cases_li span.img{ display:block; position:relative; margin-top:8px; width:100%; overflow:hidden;}
.cases_li span.img b{ position: absolute; left:4px; bottom:4px;}
.cases_li span.img em{ display:block;background-color:#FF9F23; padding:2px 10px; font-size:14px; float:left; margin-right:4px; color:#fff}
.cases_li img.up_img{ display:block; position: absolute; width:100%; height:100%; top:0px; left:0px;}
.cases_li.col-lg-3{ padding:0px 10px;}
.cases_li .img img.up_img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}


.cases_li .img img{}
.cases_li .img figcaption{}
.cases_li .img figcaption::before{position: absolute; content: ''; top:0px; width:100%; height:100%; left:0px; background:rgba(0,0,0,.5); opacity:0;transition: all .2s ease-in-out;}
.cases_li .img figcaption::before{}
.cases_li .img p{opacity: 0; position:absolute; left:50%; top:50%; margin-left:-3em; margin-top:-4em; background:#FF9F23; padding:.5em 1em; border-radius:3px; font-size:14px; letter-spacing:2px; z-index:3;transition: all .5s ease-in-out;}
.cases_li:hover .img figcaption::before{opacity: 1; z-index:2}
.cases_li:hover .img p{opacity: 1; color: #fff; }
.cases_li:hover .img img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.cases_li:hover A{ color:#000; box-shadow:0 0 20px #d2d2d2;  -webkit-transform: translateY(-10px);transform: translateY(-10px)}
.cases_li:hover{}
.cases_li .des_word{ height:66px; position:absolute; bottom:0px; z-index:5;transition: all .2s ease-in-out;}
.cases_li span.word{ color:#fff; line-height:24px;font-size:13px; padding-bottom:20px; display:none}
.cases_li:hover .des_word{ height:150px; background:#fff}
.cases_li:hover span.word{ display:block; color:#666}
.cases_li:hover .title{ font-weight:700}


/* .text_indent img{ max-width:80% !important;width:auto !important; height:auto !important; margin-left:-2em}   */
img{transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}   
.copyright A{color:#fff}

.banner0 {
    width: 1200px;
    margin: auto;
    height: 570px;
}