/*@font-face {font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),url('font/he_eth_-webfont.woff') format('woff'),url('font/he_eth_-webfont.ttf') format('truetype'),url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}*/
 @font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?63897202');
  src: url('font/fontello.eot?63897202#iefix') format('embedded-opentype'),
       url('font/fontello.woff?63897202') format('woff'),
       url('font/fontello.ttf?63897202') format('truetype'),
       url('font/fontello.svg?63897202#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{ line-height: 24px;  margin: 0px;  padding: 0px;font-family: "Microsoft Yahei","微软雅黑", Arial;}
BODY{padding: 0px; margin: 0px auto;   color: #333333;  font-size: 14px;background:#ffffff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
em, cite, i { font-style: normal; display: block;}
A:link{ color: #666666;   font-weight:normal;   text-decoration: none;}
A:visited{  color: #666666;   font-weight:normal;   text-decoration: none;}
A:hover{  color: #096bbe;   font-weight:normal; text-decoration: none;}
.fl { float:left;}
.fr { float:right;}
em,i{ font-style:normal;}
li{list-style-type: none;}
ul li{list-style-type: none;}
button,input,select,textarea { font-family: inherit;  font-size: 100%;  margin: 0; outline:none;}
textarea { overflow: auto;  vertical-align: top; resize: none; -webkit-appearance: none;}

a:focus{outline:0;} /*for ff f6n.net*/
.pagewidth , .footer {width:1200px;min-width:1200px; margin:0 auto;}
.pagewidth_left{ width:860px; float:left;border:1px solid #eeeeee; padding:30px 20px;}
.pagewidth_right{ width:260px; float:right;}
.pagewidth_left2{ width:920px; float:left;}

.font12{ font-size:12px;}
.mt50{ margin-top:50px;}
.mt30{ margin-top:30px;}
.mtb30{ margin:30px 0;}
.ptb30{ padding:30px 0;}
.pb50{ padding-bottom:50px;}
.pb30{ padding-bottom:30px;}
/*top*/

.top_head{ width:100%;min-width:1200px;height:35px; line-height:35px; margin:0 auto; background:#f8f8f8; border-bottom:1px solid #f5f5f5;}
.top_left{width:500px; color:#333; font-weight:normal;text-align:left; float:left;height:35px; line-height:35px; }
.top_rihgt{width:500px; float:right; text-align:right}
.top_rihgt UL{list-style-type: none; margin: 0px auto;}
.top_rihgt LI{display:inline-block; text-align:right; background:#3978dc; }
.top_rihgt LI.cn_bak{ background:url(../images/lag_cn.png) left center no-repeat #3978dc; height:35px; line-height:35px;padding-left:20px;background-size:18px 18px;}
.top_rihgt LI.en_bak{ background:url(../images/lag_en.png) left center no-repeat #3978dc; height:35px; line-height:35px;padding-left:20px;background-size:18px 18px;}

.top_rihgt A:link{ height:35px; line-height:35px; font-size:12px; padding:0 22px;color:#fff; font-weight:normal; border-left:1px dashed #ddd;}
.top_rihgt A:visited{ color:#fff; font-weight:normal; }
.top_rihgt A:hover{color:#fff; font-weight:normal; text-decoration:underline;}
.top_rihgt ul li:first-of-type  A{border-left:0px dashed #fff;}

.header{ position:relative;}
.h_con{ height:78px; margin-top:26px;}
.h_con h1{ float:left; padding-right:18px; border-right:1px dashed #ddd; margin-right:15px;}
.h_con p{ float:left; width:500px;font-size:26px; color:#333; font-weight:bold;}
.h_con p strong{ color:#3978dc; font-size:26px; padding:0 0px;}
.h_con p span{ display:block; color:#000; font-weight:normal; font-size:15px; padding-top:8px;}
.h_con em{ float:left;}
.h_con em img{ float:left; margin-top:5px;transition:all .3s;
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
opacity:0.7;
filter:alpha(opacity=40);}
.h_con em:hover img{
-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
opacity:1;
filter:alpha(opacity=100);}
.h_con b{ display:block; float: right; color:#333;font-size:14px; padding-left:0px;  background: url(../images/tel2.png) left 2px no-repeat;
    background-size: 20px 20px;font-weight:normal; margin-top:-5px;}  
.h_con b  span{ margin-left:30px;}
.h_con b i{ display:block;font-family:Impact; color:#3978dc; font-size:30px; padding-top:5px;}

.h_nav{ height:50px; width:100%; background:#3978dc;}
.h_nav ul li{font-size:15px; float:left;}
.h_nav ul li a{ display:inline-block;color:#fff; width:149px; text-align:center; /*padding:0 42px 0 41px;*/ background:#3978dc; border-right:1px solid #4584e8; line-height:50px;}
.h_nav ul .cur a,.h_nav ul li a:hover{ background: #28cc75/*008ce4*/;text-decoration:none; font-weight:bold;}
.h_nav ul .shot a{ line-height:24px; height:65px;}
.h_nav ul .shot span{ display:block; padding-top:18px;}
.h_nav ul .nobor a{ border:none; padding:0 34px;}

.h_nav ul li:last-child a{ border-right:0px;}

/*links*/
.links{padding-top:10px; margin-top:20px; overflow:hidden; text-align:left; border-top:1px dashed #ffdbdc;}
.links span{text-transform:uppercase; font-weight:normal; }
.links a:hover{ text-decoration:none; color:#000;}
.links a{ display:inline-block; font-size:13px; color:#666; line-height:26px; padding:0 10px; text-align:left;}

/*bottom*/
footer { text-align:center; background:url(../images/foot.jpg) center center no-repeat #af1922;color:#fff; padding:20px 0 10px 0; position:relative; clear:both; font-size:14px;z-index:99999999 ; margin-top:35px; }
footer div a{ color:#fff; }
footer a:link{ color:#fff; }
footer a:hover { text-decoration:underline; color:#fff; }
footer a:visited { text-decoration:underline; color:#fff; }
footer p img { vertical-align: middle;}
footer .wei2 { width:128px;  position:absolute; z-index:-10;  left:50%; margin:-50px 0 0 150px; opacity:0; transition: all .2s ease-in-out .01s; overflow:hidden; }
footer .wei2.mouseover { opacity:1; margin:-50px 0 0 150px;  z-index:32; height:138px;  }
footer .wei2 img{ width:128px;height:138px;  }

::selection {background:#fec032;color:#ffffff;}
::-moz-selection {background:#fec032;color:#ffffff;}
::-webkit-selection {background:#fec032;color:#ffffff;}