﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, article, aside, footer, header, nav, section{ margin:0; padding:0; border:0; outline:0;  background:transparent; }
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
input,img,fieldset{border:none;}
input{vertical-align:middle;}
th,td {padding: 0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}


fieldset, img { border:none; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
img{display: block;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
ul, ol , li{ list-style:none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
input { padding-top:0; padding-bottom:0; font-family:"STHeiti"; margin:0;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
/*select{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}*/ /*默认样式  没有箭头*/
input::-moz-focus-inner { border:none; padding:0; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
select, input { vertical-align:middle; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
select, input, textarea { font-size:12px; margin:0; padding:0;font-family:"STHeiti"; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none; }
input::-ms-clear{display:none}/*去除IE9以上搜索默认X*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}/*去除iPhone按钮样式*/
textarea { resize:none; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
table { border-collapse:collapse; -webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#666; text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
a:visited {   text-decoration: none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
a:hover, a:active, a:focus { color:#09c; text-decoration: none;-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;}
.hidden{visibility:hidden;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
	-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	-webkit-tap-highlight-color:rgba(255,255,255,0); outline:none;
}

audio:not([controls]) {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family:"Microsoft yahei", "Arial";
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:hover,
a:active {
    outline: 0;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
..container{ width:640px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:20px;}
.fl{float:left;}
.fr{float:right;}
.big_tan{ width:100%; height:100%; background:#000; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; position:fixed; top:0; left:0; z-index:2; display:none;}


.top_header{ width:100%; height:190px; background:url(header_bg.png) left center no-repeat;}
.header_con{ width:1200px;margin:0 auto;}
.logo{ float:left;margin-top: 50px;}
.serch{ float:right;margin-top: 90px;}
.serch_txt{ width:180px; height:12px;border:1px solid #0d76cd; padding:10px; line-height: 12px;; float:left;}
.serch_btn{ width:40px; height:34px; background:url(serch_btn.png) center center no-repeat; float:left;}
.nav{ width:100%; height:50px;
  background: -webkit-linear-gradient(#0161c6, #0073ec); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0161c6, #0073ec); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0161c6, #0073ec); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0161c6, #0073ec); /* 标准的语法 */}
.nav_con{ width:1200px; margin:0 auto;}
.nav_con li{ float:left;width:20%; height:50px; line-height: 50px; text-align: center;}
.nav_con li:hover{ background:#6cb4ff;}
.nav_con li a{ font-size: 20px; color:#fff;}
.con{ width:100%;background:url(bg_img.png) left top repeat-x;}
.con_txt{ width:1200px;margin:0 auto;}
.footer{ width:100%; background:#f8f8f8; border-top: 2px solid #b0d6b1;margin-top: 20px; padding-bottom: 20px;}
.footer a{ color:#333;}
.footer_con{ width:1150px;margin:0 auto;}
.footer_con h3{ font-size: 18px; line-height: 40px;font-weight: bold;color:#333;}
.footer_con .footer_tit{height:35px;  line-height:35px;}
.footer_con .footer_tit b{display:inline-block; width:15%; height:35px; text-align:center; cursor:pointer; font: 18px/35px "微软雅黑"; color:#333;}
.footer_con .footer_tit b.current a{ color:#0d76cd;}
.footer_con ul li{display:none;width:1150px; height:160px; border:1px solid #ccc; text-align: center; background:#fff;}
.footer_con ul li a{font-size: 14px; width:25%; line-height: 30px; display:inline-block; padding: 5px 0;}
.footer_con ul li a:hover{ background:#e8e8e8;}
.footer_con ul li.current{display:block;}
.footer_txt{ width:660px; margin:10px auto 30px;}
.footer_left{ float:left;}
.footer_center{ float:left;}
.footer_right{ float:left;margin: 20px 0 0 5px;}
.footer_center p{ text-align: center;}
.m_nav{ display:none;}
.m_nav_btn{ display:none;}




@media screen and (max-width: 980px) {
.con{ width:99%; margin:0 auto;}
/*移动端按钮导航*/
.m_nav_btn{ width:15%; height:30px; float:right;margin:7% 0 0 0; position:relative; display:block; }
.m_nav_btn img{ width:30px; height:20px;}
.m_nav{ width:100%; background:#0d76cd; position:absolute; left:0px;top:55px; display:none; z-index: 3;}
.m_nav ul{padding:10px;}
.m_nav li{ height:40px;font:20px/40px "微软雅黑"; color:#333; border-bottom:1px solid #ccc; text-align: center;}
.m_nav li a{display: block; height:40px;font:18px/40px "微软雅黑"; color:#fff; text-align: center;}

/*移动端按钮导航end*/

.top_header,.header_con{ width:100%;margin:0 auto 0px;height:100px;}
.logo{ float:left;margin: 18px 0 0 5%; width:60%;}
.logo img{ width:100%;}
.serch{ float:right;margin-top: 10px;}
.serch_txt{ width:180px; height:12px;border:1px solid #0d76cd; padding:10px; line-height: 12px;; float:left;}
.serch_btn{ width:40px; height:34px; background:url(serch_btn.png) center center no-repeat; float:left;}
.nav{ width:100%; height:50px;background:#0d76cd; display:none;}
.nav_con{ width:990px; margin:0 auto;}
.nav_con li{ float:left;width:20%; height:50px; line-height: 50px; text-align: center;}
.nav_con li a{ font-size: 20px; color:#fff;}


.footer_con{ width:100%;margin:0 auto;}
.footer_con h3{ font-size: 18px; line-height: 40px;font-weight: bold;color:#333;}
.footer_con .footer_tit{height:auto;line-height:normal;  }
.footer_con .footer_tit b{display:inline-block; width:18%;height:auto;  text-align:center; cursor:pointer; font-size: 14px; color:#333;line-height:normal;}
.footer_con .footer_tit b.current a{ color:#0d76cd;}
.footer_con ul li{display:none;width:100%; height:160px; border:1px solid #ccc; text-align: center; background:#fff;}
.footer_txt{ width:100%; margin:10px auto 30px;}
.footer_left{ float:none; text-align: center;}
.footer_left img{margin:0 auto;}
.footer_center{ float:none;}
.footer_right{ float:none;margin: 20px 0 0 0px;}
.footer_right img{margin:0 auto;}
}