@charset "utf-8";

a{font-family:Arial,"Microsoft YaHei",微軟雅黑,"微软雅黑",Verdana,"宋體","細明體",Helvetica, sans-serif;font-size:14px;text-decoration:none;}
a:link   {color:#000e2f;}
a:visited{color:#000e2f;}
a:hover  {color:#d00002}
a:active {color:#000e2f;}
a.a2{ text-decoration:underline; cursor:hand; cursor:pointer;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */ 

/*IE滚动条样式*/
body { SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-FACE-COLOR:#181818;SCROLLBAR-DARKSHADOW-COLOR:#181818;SCROLLBAR-HIGHLIGHT-COLOR:#181818;SCROLLBAR-3DLIGHT-COLOR:#181818;SCROLLBAR-SHADOW-COLOR:#181818;SCROLLBAR-TRACK-COLOR:#E6E6E6;}
/* Webkit内核滚动条样式 */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 0; border-radius:0;}/*滑轨*/
::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background: rgba(24,24,24,1.0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}/*滑块*/
::-webkit-scrollbar-thumb:window-inactive {background:rgba(24,24,24,0.8);} 

body {color:#000e2f; margin:0; background:#fff; text-align:center; line-height:200%; }

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ font-family:Arial,"Microsoft YaHei",微軟雅黑,"微软雅黑",Verdana,"宋體",Helvetica, sans-serif; font-size: 14px;}
body.bg2{ background:#f8f8f8;}
img{ border:0; }
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#7d7d7d}
input::-webkit-input-placeholder{ color:#b8c2c9; } input:-moz-placeholder{ color:#b8c2c9; } input::-moz-placeholder{ color:#b8c2c9; } input:-ms-input-placeholder{ color:#b8c2c9; }/*提示文字*/
textarea::-webkit-input-placeholder{ color:#b8c2c9; } textarea:-moz-placeholder{ color:#b8c2c9; } textarea::-moz-placeholder{ color:#b8c2c9; } textarea:-ms-input-placeholder{ color:#b8c2c9; }/*提示文字*/
.placeholder{position:absolute;z-index:2;top:50%;left:0;width:100%;margin-top:-10px;box-sizing:border-box;color:#b8c2c9;line-height:20px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance: none; }/*重置iphone浏览器默认样式*/
hr{border-top:#cdcdcd 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; margin:2rem auto;}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
/*css3过渡效果*/
/*a,li,p,div,span,dl{transition:box-shadow 0.3s;-webkit-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s; -o-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s;}*/

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
.clearfix:after{content:"";display: block; clear: both; height:0; overflow: hidden; font-size:0;}
.global_width{ width:1200px; margin:0 auto; text-align:left; position:relative;}
.fullWidth{ position:relative; width:100%; min-width:1200px; max-width:1920px; margin:0 auto;}
.textCenter{ text-align: center;}.textLeft{ text-align: left;} .textRig{text-align: right !important;}
.floatL{ float:left;}.floatR{ float:right;}
.red,a.red{color:#d03d4b;}
.gray,a.gray{color:#8894a0;}
.hide{ display:none;}
.clickable{cursor: pointer;}
.enlarge{ overflow: hidden;}
.enlarge img{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s;transition:all 0.4s;}
.enlarge:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.06);transform:scale(1.06);}

/*标题 && 更多按钮*/
a.more{font-size: 0.75rem; color:#8894a0; height:2rem; line-height: 2rem; display: inline-block; transition:color 0.4s,border 0.4s;}
a.more:after{content:""; display: inline-block; width: 20px; height: 8px; background: url("../images/arrow.gif") left top no-repeat; vertical-align: middle; margin-left: 0.5rem;}
a.more.border{border:#b8bfc6 1px solid; padding:0 1.5rem;}
a.more:hover{color:#d00002;}
a.more:hover:after{background-position: left -8px;}
a.more.border:hover{border-color:#d00002;}

.indexTitl{margin:2.5rem auto; color:#062b57; text-align: left; position: relative;}
.indexTitl.white{color:white;}
.indexTitl dt{font-size:2.5rem; font-weight:bold; line-height:1.25em;}
.indexTitl dt.small{font-size:2rem;}
.indexTitl dd{ font-size:0.875rem;letter-spacing:0.2em; text-transform: uppercase;}
.indexTitl dd:before{content:""; display: inline-block; width:2rem; height:2px; background:#d00002; overflow: hidden; vertical-align: middle; margin:-1px 0.75rem 0 0;}
.indexTitl a.more{position: absolute; left:auto; right: 0; top:auto; bottom:0;}

/*隐藏式联系方式*/
#contactBox{position: fixed; width:100%; height: 100%; left:100%; top: 0; z-index: 9998;}
#contactBox.show{left:0;}
#contactCover{position:absolute; left:0; top:0;width:100%; height: 100%;background: url(../images/tran2.png);cursor: hand; cursor: pointer;opacity:0;filter:alpha(opacity=0); -webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s;}
#contact{ background:#fff; position: absolute; z-index: 9999; left:auto; right:-500px; top: 0; height: 100%; width:auto; padding:4rem 5rem 0 5rem; text-align: left; max-width:500px;font-size:13px; -webkit-transition:left 0.4s,right 0.4s;-moz-transition:left 0.4s,right 0.4s;-o-transition:left 0.4s,right 0.4s;transition:left 0.4s,right 0.4s;}
#closeContact{display:inline-block;font-size:2.5rem; height:3rem; width: 3rem; position: absolute; left: auto; right:2rem; top:3rem; color:#808080; cursor: hand; cursor: pointer;}
#closeContact:hover{color:#f08437;}
#contactBox.show #contactCover{opacity:1;filter:alpha(opacity=100);}
#contactBox.show #contact{right: 0;}
#contact h2{font-size:32px; font-weight: normal; margin:0 0 0.5rem 0; padding: 0;}
#contact h4{ margin:0; padding:0; font-weight: normal; font-size:12px; color:#808080; letter-spacing:0.8rem;}
#contact h3{font-size:18px; font-weight: normal; padding: 0; margin:1.5rem 0 0.5rem 0;}
#contact dl{ position: relative; padding-left:32px; color:#606060; margin-bottom:4px;}
#contact dt {position:absolute; left:0; top:0; height:24px;}
.contact_pic img{ float:left; margin-right:0.5rem; max-width:100px; height: auto; vertical-align: bottom;}
.ico_contact{width:24px; height:24px; display: inline-block; background: url(../images/ico-contact.png) center top no-repeat; vertical-align: middle;}
.ico_contact2{background-position:center -24px;}
.ico_contact3{background-position:center -48px;}
.ico_contact4{background-position:center -72px;}
.ico_contact5{background-position:center -96px;}
.ico_contact6{background-position:center -120px;}

	
/*页头*/
#header{ position:fixed; z-index:999;left:0; top:0; height:88px; transition: height 0.25s,background 0.25s,padding 0.25s; background:rgba(8,68,146,0.94);  box-shadow:rgba(0,0,0,0.06) 0 4px 10px;}
#header.haveBG,body.nobanner #header{ /*background-color:rgba(24,24,24,0.9);*/ }
#headBlank,.headBlank{ height:88px;}
#head{padding-top:1px; text-align: center;}
#logo{ text-align:left;/*position:absolute; left:0; top:14px;*/ float:left; margin-top:14px; margin-left:2%;}
#logo img{ max-width:200px; max-height:60px;}
#logo a{display:inline-block;}

/*主导航*/
#menu{ position:relative; margin:1.5rem auto 0 3.5rem; height:3rem; display: inline-block; float:left;}
#nav{white-space: nowrap;}
#nav li{ position:relative; display: inline-block; /*float:left;*/}
#nav li a{ display:inline-block; width:100%; height:3rem; line-height:3rem; font-size: 0.875rem; text-align:center; padding:0 1.25rem; color:#fff;}
#nav li.curr a,#nav li a:hover,#nav li.hover a{ color:#e9c1a3;}
#nav li p{ position:absolute; left:0; top:100%; margin:-2px 0 0 0; display:none; white-space:pre-wrap; padding:10px 16px; min-width:100%; background:#000e2f; box-shadow:rgba(0,46,46,0.12) 0 0 0.5em; border:#202020 1px solid\9; border-top: none; border-bottom:#d00002 2px solid;}
#nav li p:after{content:""; display:inline-block; width:0; height:0; position:absolute; top:auto; left:30%; bottom:100%; border-bottom:5px solid #000e2f; border-left:transparent solid 6px; border-right:transparent solid 6px;}
#nav li p a,#nav li.hover p a{ position:relative; height:34px; line-height:34px; padding:0; font-size:13px; color:#d0d0d0;white-space:nowrap;text-align:left; display: inline-block; width:100%;}
#nav li p a:hover{ color:#e9c1a3;}
#slide{ position:absolute; left:0; top:auto; bottom:0; height:1px; background:#d0d0d0; width:0;}

#fun{float:right; margin-top:28px; margin-right:2%; vertical-align:middle; white-space:nowrap; height:32px; line-height:32px; color:#808080;}
#fun li{ position: relative; display: inline-block;}
#fun li p{ margin: 0; padding:0; position: absolute; left:-50%;  top: 100%; line-height: 20px; background:#fff; box-shadow: rgba(0,0,0,0.2) 0 0 10px; border: #e1e1e1 1px solid\9; max-height:0; transition:max-height 0.3s,padding 0.2s; overflow: hidden;}
#fun li:hover p{max-height: 250px; padding:0.5rem;}

/*图标*/
.icos{display:inline-block;background:url(../images/icos.png) left top no-repeat; vertical-align:middle;width: 24px; height: 24px;}
#ico_ewm,#ico_tel{  margin-left: 16px; }
#ico_ewm{ cursor:pointer; cursor:hand;}
#ico_tel{ background-position: -24px top;}
#tel{ font-size: 20px; display: inline-block; vertical-align: middle; color: #fff; margin-left: 4px;}

.icos2{ background-position:left -24px; cursor: hand; cursor: pointer; margin:-2px 0.25rem 0 0;}.icos2:hover{ background-position:-24px -24px;}


/*滚动到此页头变化*/
#mark{ position:absolute; left:0; top:88px; height:0; width:100%;}

/*公共样式*/
.coverLink{position:absolute; z-index:3; left:0; top:0; width: 100%; height: 100%; background: url(../images/blank.gif);}
#error{ position: absolute; z-index: 10; left: 0; right: 0; top:-200px; margin: 0 auto; display: inline-block; width:auto; max-width:25%; padding: 1em; background:#ec1e28; color:#fff; border-radius:0 0 0.5em 0.5em; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -o-transition:top 0.3s;transition:top 0.3s;}
#error.show{ top:0;}

.fancybox-slide--iframe .fancybox-content {
	max-width :680px;
	max-height: 80%;
	margin: 0;
  background: #fff;
}

/*层滚动条*/
.scrollbar::-webkit-scrollbar {width:0.4em;  }
.scrollbar::-webkit-scrollbar-track { -webkit-border-radius: 0; border-radius:0;}
.scrollbar::-webkit-scrollbar-thumb {-webkit-border-radius:2px;border-radius:2px; background:rgba(186,25,66,0.7);}
.scrollbar::-webkit-scrollbar-thumb:window-inactive {background:rgba(186,25,66,0.7);}


/*页脚*/
.clearFootMargin{ margin-top:-6rem;}
#foot{color:rgba(255,255,255,0.5); font-size:12px;  padding:60px 0 30px; background:#000e2f; margin-top:6rem;}
#foot a{color:rgba(255,255,255,0.5); font-size:12px;}#foot a:hover{color:#d00002;}

#foot_link{ border-left:rgba(255,255,255,0.1) 1px dotted; padding-left:2rem; display: inline-block;}
#foot_link dl{display:inline-block; width:110px; vertical-align: top;}
#foot_link dt,#foot_link dt a{color:#fff; font-size:14px;}
#foot_link dt{margin-bottom:1.25rem;}
#foot_link dd a{display:inline-block; width:100%; line-height:18px; padding:5px 1rem 5px 0;}

#foot_contact{float:right;display: inline-block; margin: 0 3rem; width:262px;}
#foot_contact dl{position: relative; padding:0 0 0 60px; margin:0 0 1.5rem 0; line-height: 1.75em;}
#foot_contact dt{width:60px;position: absolute; left: 0; top:0; margin:0;padding:0; }
#foot_contact dt img{ max-width: 80%; height: auto;}
#foot_contact dd b{ font-size:1.25rem; color:#e4c19c;}
#foot_contact dd span{ font-size:0.875rem; color:#fff;}

#foot_right{float:right;display: inline-block; text-align: center; letter-spacing:2px;}
#foot_right img{max-width: 150px; height: auto;}
#foot_right span{ display: inline-block; vertical-align: top; width: 1em; line-height:1.75em; word-break: break-all; margin-left:0.75rem;}

#copy {margin-top:4rem; border-top:rgba(255,255,255,0.1) 1px solid; padding-top:1rem; text-align: center;}

/*浮动窗*/
#CS{ position:fixed; z-index:100; top:auto; bottom:25%; left:auto; right:0.5rem;  width:32px; min-height:32px; line-height:0;}
#CS a{ position:relative; display:inline-block; width:32px; height:32px; background-image:url(../images/CS.png); background-repeat:no-repeat; cursor:hand; cursor:pointer; border-radius:50%; background-color:rgba(0,14,47,0.8); margin-bottom: 0.5rem;}
a#CS_Top{ background-position: center top; /*background-color:#e4c19c;*/ height:0; transition: height 0.25s;}
a#CS_QQ{ background-position:center -32px;}
a#CS_EWM{ background-position:center -64px; border-bottom:rgba(255,255,255,0.1) 1px solid;}
a#CS_EWM p{ position:absolute; left:auto; right:120%; top:0; margin:0 0; width:0; opacity:0; background:#fff;padding:0; border:#ebebeb 1px solid; line-height:1.5rem; transition:right 0.25s,opacity 0.25s,padding 0s; overflow: hidden; font-size: 0;}
a#CS_EWM p img{max-width:100%; height:auto; vertical-align: bottom;}
a#CS_EWM:hover p{ width:110px;right:105%; opacity: 1; color:#606060; padding:5px; font-size:12px;}


/*新闻列表*/
#news dl{width:330px; float:left; margin:0 105px 4rem 0;position: relative;}
#news dl:nth-child(3n+0){margin-right:0;}
#news dt{width:100%; position: relative; margin-bottom:3rem;}
#news dt a{display: inline-block; width:100%; height: 0; padding-bottom:60%; overflow: hidden;background:#3c4551; vertical-align: bottom;}
#news dt a img{width:100%;height: auto; vertical-align:bottom;}
#news dt p{margin: 0;padding:0.5rem; background:#0d4793; color:#fff; text-align: center; width:4rem; display: inline-block; position:absolute;left:1.5rem;top:auto; bottom:-2rem; font-size:0; line-height: 0;}
#news dt p b{display: inline-block; width:100%; font-size:32px;line-height:2rem;height:2rem; font-weight: normal;}
#news dt p span{font-size:12px;line-height: 1rem; height: 1rem;  display: inline-block; width:100%;}
#news dd b{display: inline-block; width:100%; height:3em; line-height:1.5em; font-size:15px;  overflow: hidden; text-align: justify;}
#news dd p{font-size: 12px; color:#8894a0; line-height:1.5em; height:4.5em; overflow: hidden; margin:0.5rem 0 1.5rem 0; padding:0; text-align: justify;}
#news dd span{display: inline-block; width:100%; text-align: right; color:#8894a0;}
#news dd span:before{content:"";display: inline-block; width:1.8rem; height:1px; overflow:hidden; background:#b8bfc6; vertical-align: middle; transition:width 0.25s; margin-right:0.5rem;}
/*#news dl:hover dd b{color:#d00002;}*/
#news dl:hover dd span{color:#d00002;}
#news dl:hover dd p{color:#000e2f;}
#news dl:hover dd span:before{width:5rem; background:#d00002;}

/*专家团队*/
#experts dl{position:relative; background: #fff; width:280px; height: 380px; overflow: hidden; float:left; margin:0 26px 1.5rem 0; transition:box-shadow 0.4s; box-shadow: rgba(0,0,0,0.1) 0 0 1.5rem;}
#experts dl:nth-child(4n+0){margin-right: 0;}
#experts dt{ height: 280px; width: 100%; overflow: hidden; position: relative;}
#experts dt img{ width: 100%; height: auto; position: absolute; left:0; top:0; bottom: 0; margin: auto 0;}
#experts dd{ padding: 1rem 1rem 0 1rem;}
#experts dd b{display: block; width: 100%; font-size: 1rem; height: 1.5rem; line-height: 1.5rem; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; margin-bottom: 0.25rem;}
#experts dd span{display: inline-block; height:3em; line-height: 1.5em; overflow: hidden;}
#experts dl:hover{box-shadow: rgba(0,0,0,0.25) 0 0 2rem;}
#experts dl:hover dd b{color:#d00002;}