@charset "utf-8";
/* CSS Document */
/* reset 默认样式重置 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, dl, dt, dd, form, article, aside, embed, table, td, th, input, button, legend, fieldlset, blockquote, textarea, label, strong, img, cite { margin: 0; padding: 0; outline: none; }
body {background: #fff; font-family:"微软雅黑"; font-size: 12px; line-height: 1;  margin: 0 auto; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: 100;}
table { border-collapse: collapse; }
ul, li , ol, li{ list-style: none; }
img{ border: none; vertical-align:top;}
em, cite, address,i { font-style: normal; font-weight: normal; }
a { text-decoration:none; outline: none;display:block;}
input { outline:none; border:none; background-color:transparent; display: block;}
input::-ms-clear { display:none; }
textarea { outline:none; resize:none; ;overflow:auto;border:none;background: transparent;}

/* 清浮动 */
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}

body{overflow-x: hidden;}

/*header*/

.header{width:100%;position:fixed;left:0;top:0;z-index:10;background:#fff;}
.head-line{position:absolute;left:0;bottom:-4px;width:100%;height:4px;}
.line_fl{float:left;width:50%;height:100%;background:#007c36;}
.line_fr{float:left;width:50%;height:100%;background:#00478b;}
.headbar{height:100px;position:relative;}
.logo{width:196px;margin:0 auto;padding:20px 0;}
.logo a{display: block;}
.logo img{width:100%;}
.email{position:absolute;right:40px;top:0;}
.email a{float:left;margin-left:20px;font-size:14px;line-height:100px;}
.email .zxns_link{color:#00478b;}
.email .email_link{color:#333;}
.menuNav{width:100%;text-align: center;border-top:solid 1px #ccdae8;}
.navList{text-align: center;height:100%;}
.navList li{display: inline-block;width:150px;font-size:14px;line-height:59px;position:relative;height:59px;transition:all .3s;}
.navList li a{color:#00478b;display: block;}
.navList li:before{content: "";display: block;width:1px;height:14px;background:#e6e6e6;position:absolute;right:0;top:50%;margin-top:-7px;}
.navList .active{background:#00478b;}
.navList li:hover{background:#00478b;}
.navList li:hover a{color:#fff;}
.navList .active a{color:#fff;}
.navList .active:before{display: none;}
.navList li:hover:before{display: none;}
.navList li:last-child:before{display:none;}

.contWidth{width:1200px;margin:0 auto;}
.header_bar .logo{float:left;}
.header_fr{float:right;}
.header_frTop{height:36px;line-height:36px;font-size:14px;margin-bottom:10px;}
.header_frTop a{float:right;color:#999;}
.header_frTop i{float:right;margin:0 15px;font-size:14px;color:#999;}
.header_frTop .zxns_link{color:#00478b;}
.searchBox{width:400px;height:40px;border:solid 1px #ccdae8;border-radius: 20px;border-right: none;box-sizing: border-box;position:relative;}
.searchBox input{float:left;width:315px;padding:0 15px;box-sizing: border-box;line-height:30px;height:30px;margin:4px 0;font-size:14px;}
.searchBtn{position:absolute;right:0;top:-1px;width:80px;height:40px;border-radius: 20px;background:#00478b;text-align: center;cursor: pointer;}
.searchBtn i{width:20px;height:20px;background:url(../images/icons.png) no-repeat -100px -140px;display: inline-block;vertical-align: middle;margin-top:10px;}
/*footer*/
.footer{width:100%;background:#00162b;}
.contFooter{padding:40px 0 30px;}
.footFl{padding-top:20px;text-align: center;}
.footList li{line-height:35px;font-size:14px;color:#fff;}
.footFr{width:150px;float:right;}
.footFr img{display: block;width:150px;height:150px;margin-bottom:15px;}
.footFr p{color:#fff;font-size: 14px;text-align: center;height:24px;line-height:24px;}
.footBot{width:100%;line-height:60px;color:#7c99b4;font-size:14px;background:#000e1b;text-align: center;padding:0 4%;box-sizing: border-box;}

/*手机版头部导航*/
.mobileHeader{width:100%;background:#fff;position:fixed;left:0;top:0;z-index:20;display: none;}
.mobileHeadbar{height:90px;width:100%;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.18);z-index:25;}
.logo2{width:196px;margin:0 auto;padding:15px 0;display: block;}
.logo2 a{display: block;}
.logo2 img{width:100%;}

.lcbody{width:24px;height:21px;position:absolute;right:25px;top:50%;margin-top:-11px;cursor: pointer;}
.lcitem{width:100%;height:2px;background:#333;position:absolute;left:0;transition: all .3s;}
.lcbody .top{top:0;}
.lcbody .center{top:9px;}
.lcbody .bottom{bottom:0;}
.lcbody.lcbodyBtn .top{-webkit-transform: rotate(45deg);transform: rotate(45deg);top:10px;}
.lcbody.lcbodyBtn .bottom{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);bottom:9px;}
.lcbody.lcbodyBtn .center{display: none;}

.searchBtns{position:absolute;width:40px;height:100%;cursor: pointer;right:80px;top:0;}
.searchBtns i{width:30px;height:30px;display: inline-block;background:url(../images/icons.png) -100px -210px no-repeat;vertical-align: middle;margin-left:5px;margin-top:30px;}
.SearchMain{width:550px;height:54px;float:left;margin:18px 0 0 20px;display:none ;}
.search_close{width:30px;height:100%;float:left;position:relative;}
.search_close em{width:20px;height:20px;background: url(../images/icons.png) -140px -140px no-repeat;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-10px;}
.inputSearch{margin-left:30px;padding:10px 0;background:#f5f5f5;}
.inputSearch input{height:34px;line-height:34px;width:100%;box-sizing: border-box;font-size:16px;font-family: "微软雅黑";color:#333;padding:0 10px;}
.mobileNav{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:21;display: none;}
.moblienavList{width:100%;height:auto;background:#fff;padding-top:90px;}
.moblienavList li{margin:0 20px;border-bottom:solid 1px #ebebeb;line-height:60px;font-size:14px;padding:0 20px;}
.moblienavList li a{color:#666666;display: block;position:relative;}
.toggle{position:absolute;right:0;top:50%;margin-top:-6px;width:24px;height:13px;background:url(../images/icons.png) no-repeat -100px -270px;transition:all .3s;}
.toggleTo{transform: rotate(-180deg);}
.moblienavList li .navList_ul{display: none;}
.moblienavList li .navList_ul li{padding:0 20px;margin:0 -40px;line-height:60px;border-bottom:none;text-indent:40px;transition:all .3s;}
.moblienavList li:hover a{color:#01478c;}
.moblienavList li:hover .navList_ul li a{color:#666666;}
.moblienavList li .navList_ul li:hover{background:#ebebeb;} 
.moblienavList li .navList_ul li:hover a{color:#01478c;}
/*响应式*/

@media only screen and (max-width:1260px ) {
	.contWidth{width:980px;}
	.navList li{width:120px;}
}



@media only screen and (max-width:1023px ) {
	.contWidth{width:92%;}
	.header{display: none;}
	.mobileHeader{display: block;}
	
	.footBot{line-height:35px;}
	
}


@media only screen and (max-width:800px ) {
	.SearchMain{width:70%;}
	.contFooter{padding:0 0 20px;}
	.footFl{width:100%;}
	.footFr{float:left;padding-top:10px;}
}
@media only screen and (max-width:600px ) {
	.logo2{float:left;margin-left:15px;}
}

@media only screen and (max-width:500px ) {
	.SearchMain{width:65%;margin-left: 10px;}
	.lcbody{right:15px;}
	.searchBtns{right:55px;}
}




























