@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
li { list-style: none; }
img, input { border: 0px; vertical-align: middle; color: #FFF; font-family: "Microsoft YaHei"; }
p, h1, h2, h3, h4, h5, h6, img, ul, li, input, button, dd, dl, dt { margin: 0; padding: 0; list-style: none; border: none; font-weight: normal; font-style: normal; }
a, i, em, b, strong { text-decoration: none; font-style: normal; font-weight: normal; }
.clear { clear: both; display: none; }
.clearfix:after { content: "."; height: 0px; display: block; clear: both; visibility: hidden; }
.clearfix:after { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.wid { width: 1200px; margin: 0 auto; }
button{ outline: none; font-family: "Microsoft YaHei"; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input::-ms-clear {
display: none;
}
table { border-collapse: collapse; border-spacing: 0; }
body, html { background: #ffffff; min-width: 240px;font-family: "Microsoft YaHei";font-size: 14px; position: relative; }
input::-webkit-input-placeholder {
color:#cccccc;
}
input:-moz-placeholder {
color:#cccccc;
font-family:"Microsoft YaHei";
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
a { -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
/*index-------------------------------------------------*/
.header{ height:90px; border-top:4px solid #004694; position:fixed; top:0; width:100%; left:0; z-index:200; background:#fff; box-shadow: 1px 1px 3px #000;}
.header .logo{ line-height:90px;margin-left:5.2%; text-align:center;}
.header .search{margin-right:5.2%; margin-top:28px; border:1px solid #c8c8c8; border-radius:30px; width:166px; height:33px;}
.header .search input[type='text']{ margin-left:18px; color:#333333; font-size:12px; margin-top:8px; width:120px; outline:none;}
.header .search .search_btn{ display:inline-block; width:15px; height:15px; background:url(../search.png) no-repeat center; cursor:pointer; float:right; margin-right:10px; margin-top:9px;}
.header .search .search_btn:hover{background:url(../search2.png) no-repeat center; }
.header .search.search_active{ border:1px solid #004694;}
.header .nav{ margin-right:20px;}
.header .nav ul{} 
.header .nav ul>li{ float:left; line-height:90px; position:relative;} 
.header .nav ul li>a{ display:block; font-size:16px; color:#333333; padding:0px 22px;} 
.header .nav ul li>a:hover{ background:#004694; color:#fff;}
.header .nav ul li>a.hover{ background:#004694; color:#fff;}
.header .nav ul li .navlist{ min-width:460px; height:72px; line-height:72px; position:absolute; top:90px; left:50%; margin-left:-230px; z-index:20; background:#004694; text-align:center; display:none; }
.header .nav ul li .navlist a{ color:#fff; font-size:14px; background:url(../line.png) no-repeat right center; display:inline-block; padding-left:13px; padding-right:30px;}
.header .nav ul li .navlist a:last-child{ background:none;}
.header .nav ul li .navlist a:hover{ opacity:0.8;}



.foot{ background:#333333; border-top:2px solid #004694}
.foot span{ padding:0px 14px;}
.foot .foot_nav{ text-align:center; padding-top:48px; padding-bottom:22px;}
.foot .foot_nav a{ font-size:14px; color:#fff; opacity:0.5; padding:0px 20px; background:url(../shu.png) no-repeat right center;}
.foot .foot_nav a.last{ background:none;}
.foot .foot_nav a:hover{ opacity:1;}
.foot .foot_con{ border-top:1px solid rgba(255,255,255,0.1); text-align:center; padding-top:22px; padding-bottom:40px;}
.foot .foot_con p{ color:rgba(255,255,255,0.5); font-size:13px;line-height:24px;}
.foot .foot_con p a{color:rgba(255,255,255,0.5); font-size:13px;}
.foot .foot_con p a:hover{color:rgba(255,255,255,1);}

/*手机样式*/
.header .menubtn{ width:40px; height:30px; background:url(../menubtn.png) no-repeat center/cover; vertical-align:middle; display:none; position:absolute; left:2.6%; top:50%; margin-top:-15px; z-index:2;}
.phone-nav{ width:290px; height:100%; background:#fff; position:fixed;left:-290px; top:0px; z-index:999999; font-size:18px;}
.phone-nav .navlogo{ background:#004694; height:94px; line-height:94px; text-align:center; width:100%;}
.phone-nav .navlogo img{ }
.phone-nav ul{}
.phone-nav ul li{ height:80px; line-height:80px; text-align:left; font-size:24px; border-bottom:1px solid #eee9e9; }
.phone-nav ul li>a{ color:#333333; display:block; text-indent:49px; }
.phone-nav ul li .a-bg{background:url(../arrow-right.png) no-repeat 246px center;}
.phone-nav ul li.a_active a.a-bg{background:url(../arrow-top.png) no-repeat 246px center;}
.phone-navlist{ display:none;}
.phone-navlist a{ display:block; height:80px; line-height:80px; text-indent:69px; font-size:24px; color:#004694;}
.closebtn{ width:24px; height:24px; background:url(../phone-close.png) no-repeat center/cover; position:fixed; z-index:9999999; top:35px; right:3%; display:none;}
.mask{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:300; display:none; padding-bottom:56px;}







