﻿@charset "utf-8";

a{font-family:Arial,Verdana,微软雅黑,"微软雅黑","宋体",Helvetica, sans-serif;font-size:13px;text-decoration: none;}
a:link   {color:#1d1b1c;}
a:visited{color:#1d1b1c;}
a:hover  {color:#e62129;}
a:active {color:#1d1b1c;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */ 

/*IE滚动条样式
body { SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-FACE-COLOR:#0071b7;SCROLLBAR-DARKSHADOW-COLOR:#0071b7;SCROLLBAR-HIGHLIGHT-COLOR:#0071b7;SCROLLBAR-3DLIGHT-COLOR:#0071b7;SCROLLBAR-SHADOW-COLOR:#0071b7;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: 0px; border-radius:0px;}/*滑轨*/
::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background: rgba(0,113,183,1.0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}/*滑块*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,113,183,0.7);} 

body {color:#1d1b1c; margin:0; background:#fff; text-align:center; line-height:200%; }
body,html{ height:auto !important;*height:100%; min-height:100%;}

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{font-family:Arial,Verdana,微软雅黑,"微软雅黑","宋体",Helvetica, sans-serif; font-size:14px;}
img{ border:0;}
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#646464}
hr{border-top:#bbb 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s; -o-transition:background-color 0.3s;}

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
.floatL{ float:left;}.floatR{ float:right;}
.hide{ display:none;}
.global_width{width:1000px; margin:0 auto; text-align:left;}

/*-------------主导航---------------*/
#menu_box{ width:100%; margin:0 auto;position:absolute; z-index:10;top:66px;}
#menu{ position:relative; width:1200px;height:62px; margin:0 auto; background:url(../images/Element.png) right -62px no-repeat;}
#nav{height:62px; position:relative; background:url(../images/Element.png) left top no-repeat; padding:0 124px 0 25px;}
#nav2{ padding:0 25px 0 124px;}
.nav{ position:relative; width:50%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nav li{ position:relative; z-index:12; float:left; height:56px; /*width:25%;*/}
.nav li a{ display:block; height:56px; line-height:55px; padding:0 5px; color:#1d1b1c; font-size:16px; text-transform:uppercase;}
.nav li.active a{ color:#c52e47;}
/*二级导航*/
.nav li p{ position:absolute; left:0; margin:0; padding:10px; background:#ecf1f8; top:56px; display:none; min-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nav li p a,.nav li.active p a{color:#414f5a; height:auto; padding:5px 0; line-height:20px; font-size:13px; border-bottom:#dde2e8 1px solid; /*text-transform:none;*/}
.nav li p a:hover,.nav li.active p a:hover{ color:#c52e47;}
/*滑块*/
#slide{ position:absolute; z-index:11; left:25px; bottom:7px; top:auto; background:url(../images/Element.png) right -132px no-repeat; height:7px; overflow:hidden; width:0; max-width:140px;}
#slide p{ height:7px; padding:0; margin:0 12px 0 0; background:url(../images/Element.png) -460px -124px no-repeat;}
/*语言版本*/
#language span{ display:inline-block; height:24px; line-height:24px; color:#e8eff7; font-size:13px; padding-left:24px; margin-top:16px; background:url(../images/Element.png) -248px -170px no-repeat #00589f; cursor:hand; cursor:pointer;}
#language span i{ display:inline-block; width:24px; height:24px; float:right; margin-left:5px; background:url(../images/Element.png) -250px -194px no-repeat;}
#language:hover span i{ background-position:-250px -218px;}

/*logo*/
#logo{ position:absolute; z-index:13; top:-6px; left:476px; width:248px; height:95px; background:url(../images/Element.png) left -124px no-repeat;}
#logo a{ display:inline-block; height:95px; width:248px; overflow:hidden; line-height:95px; display: table-cell; vertical-align:middle; text-align:center; *font-size:82px;}
#logo a img{ vertical-align:middle;}

/*banner*/
#banner{text-align:center; width:100%;  margin:0 auto;overflow:hidden; min-width:1200px; /*background:#525252;*/ position:relative; z-index:1; }
#js { position:relative; z-index:2; width:1600px;  overflow:hidden; margin:0 auto; clear:both; left:50%; margin-left:-800px; text-align:center;background:url(../images/loading.gif) center center no-repeat;}

/*框架*/
.box{ width:1200px; text-align:left; position:relative; margin:0 auto;}

/*口号*/
#slogan{ float:left;}
/*搜索*/
#search{ float:left; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; width:450px; overflow:hidden; margin:0 0 0 30px; padding:0 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#Searchform{ height:35px; width:370px; overflow:hidden; background:#f1f1f1; border:#c9ced4 1px solid; }
#Searchform input{height:35px; line-height:35px; border:none; padding:0; margin:0 0 0 10px; width:320px; display:inline; color:#9e9e9e; background:none; vertical-align:top;}
#Searchform #SearchBtn{ width:35px; height:35px; overflow:hidden; background:url(../images/Element.png) -275px -194px no-repeat; border:none; display:inline-block; vertical-align:top; float:right;}
#Searchform #SearchBtn:hover{ background-position:-310px -194px;}
#search p{ margin:0; padding:5px 0; width:100%; overflow:hidden;white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#bebebe; font-size:13px}
#search p b{ font-weight:normal; color:#1a2d4e;}
#search p a{ color:#bebebe;}#search p a:hover{color:#1a2d4e;}
/*联系*/
#index_contact{ float:right; font-size:16px; margin-top:-5px; }
#ico_ewm,#ico_qq,#ico_facebook,#ico_linkedIn,#ico_twitter,#ico_tel{ position:relative; width:35px; height:40px; display:inline-block; background:url(../images/Element.png) -345px -190px no-repeat; vertical-align:middle; margin:0; cursor:hand; cursor:pointer; font-size:0; line-height:0;}
#ico_ewm span{ position:absolute; display:none; width:160px; left:-64px; top:auto; bottom:40px; z-index:99; background:#fff; box-shadow:0 0 5px #ccc; text-align:center; line-height:16px; padding:0 8px 6px 8px; color:#ccc; line-height:20px; font-size:12px;}
#ico_ewm span img{ max-width:160px;}
#ico_ewm:hover span{ display:inline-block; color:#424242;}
#ico_qq{background:url(../images/Element.png) -380px -190px no-repeat; }#ico_qq:hover{ background-position:-415px -190px;}
#ico_facebook{ background-position:-345px -231px;}#ico_facebook:hover{ background-position:-380px -231px;}
#ico_linkedIn{ background-position:-415px -231px;}#ico_linkedIn:hover{ background-position:-450px -231px;}
#ico_twitter{ background-position:-485px -231px;}#ico_twitter:hover{ background-position:-520px -231px;}
#ico_tel{ width:32px; height:32px; background-position:-557px -235px;}

#Telephone{ margin:0; padding:0; font-size:25px; font-weight:bold; color:#1d1b1c;}
#Telephone b{ padding:0; width:13px; height:24px; overflow:hidden; background:url(../images/Element.png) -460px -194px no-repeat; display:inline-block; font-weight:normal; font-size:0; line-height:0; vertical-align:middle;}
#Telephone b.b1{ background-position:-473px -194px;}
#Telephone b.b2{ background-position:-486px -194px;}
#Telephone b.b3{ background-position:-499px -194px;}
#Telephone b.b4{ background-position:-512px -194px;}
#Telephone b.b5{ background-position:-525px -194px;}
#Telephone b.b6{ background-position:-538px -194px;}
#Telephone b.b7{ background-position:-551px -194px;}
#Telephone b.b8{ background-position:-564px -194px;}
#Telephone b.b9{ background-position:-577px -194px;}

/*页脚*/
#foot{ position:relative; z-index:100; width:100%; max-width:1600px; min-width:1200px; background:url(../images/foot_bg.png) center top no-repeat; margin:30px auto 0 auto; position:relative; min-height:146px;}
#foot,#foot a{color:#80b9e6;}#foot a:hover{ color:#fff;}
#goTopBtn{ display:inline-block; width:50px; height:45px; background:url(../images/Element.png) -405px -124px no-repeat; margin:15px auto 0 auto; cursor:hand; cursor:pointer;}
#fot{ width:950px; margin:0 auto;}
#foot_1,#foot_2,#foot_3{ float:left; line-height:20px;}
#foot_1{ width:260px; text-align:right;}
#foot_2{ width:430px; text-align:center; font-size:12px;}#foot_2 span{ color:#fff;}
#foot_3{ width:260px; text-align:left;}

/*在线客服*/
#CS{ position:fixed; z-index:9999; left:auto; right:10px; top:25%; background:#f0f0f0; border:#dcdcdc 1px solid; padding:0 8px; background:url(../images/CS.png) center top no-repeat #f0f0f0; height:200px; cursor:pointer; cursor:hand;}
#CS li{ position:relative; width:32px; height:50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;border-bottom:#dedddd 1px solid; border-top:#fff 1px solid;}
#CS li:first-child{ border-top:none;}#CS li:last-child{ border-bottom:none;}
#CS li p{ position:absolute; top:0; left:auto; right:99%; background:#fff; border:#dcdcdc 1px solid; display:none; margin:0; padding:0; line-height:0;}
#CS li:hover p{ display:inline-block;}
#CS li p span{ display:inline-block; padding:4px 8px; margin:0 0 10px 0; text-align:left; background:#00589f; color:#fff; width:100%;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; line-height:16px;white-space:nowrap;}
#CS li p a{ display:inline-block; clear:both; line-height:16px; font-size:12px; margin-bottom:10px; padding:0 6px;}
#CS li p a img{ vertical-align:middle; margin:0 4px;}

@media screen and (max-width: 1000px){
  #banner{min-width:980px;}
  #menu{width:980px;}
  .nav li a{ font-size:14px;}
  #logo{ left:366px;}
  .box{ width:980px;}
  #foot{ min-width:980px;}
  
  #search{margin:0 15px; padding:0 15px; width:270px;}
  #Searchform{ width:230px;}
  #Searchform input{ width:180px;}
}