@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;outline: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}
.hidden {display: none;}
body{ background: url(../images/bg.png) top center no-repeat #ffffff; position: relative;}
.w1200{ width: 1200px; margin: 0 auto; height: auto; /* position: relative;*/} 
.mr0{ margin-right: 0 !important;}
.mt20{ margin-top: 20px;}


/*top*/
.top{ width: 100%; height: 320px !important; margin: 0 auto; border:none  !important;}
.top_link{ height: 30px;}
.top_link p.fl,.top_link p.fl a{ color: #8ab3df; font-size: 14px; line-height: 30px;}
.top_link p.fl a{ margin: 0 8px;}
.top_link p.fl a:first-child{ margin-left: 0;}
.top_link p.fl a:hover{ text-decoration: underline;}
/*网站群*/
.site_group{ float: right; position: relative; }
.site_group .site_btn{display: block; width: 72px; height: 23px; border: 1px solid #FFFFFF; background: url(../images/site_group_arrow_down.png) 56px center no-repeat; line-height: 23px; font-size: 14px; color: #8ab3df; text-indent: 8px; margin: 3px 0 2px 10px; cursor: pointer;transition: all 0.3s; }
.site_group .site_btn.on{background-image: url(../images/site_group_arrow_up.png);}
.site_group .site_body {z-index: 999;display: none; position: absolute; top: 28px; right: 0;  width: 620px;border: 5px solid #2f73b2;background: #FFFFFF;padding: 13px 15px 0;}
.site_group .site_body .tit{ height: 20px; width: 100%; background: url(../images/site_group_tit_bg.jpg) left center repeat-x;}
.site_group .site_body .tit h2{ height: 20px;width: auto; float: left; line-height: 20px;background: #FFFFFF;padding-right: 10px; font-size: 14px; color: #333333;font-weight: bold;}
.site_group .site_body ul.bm_list{ width: 100%; height: auto;overflow: hidden;padding: 11px 0;}
.site_group .site_body ul.bm_list li {float: left;width: 25%; height: 24px;line-height: 24px;}
.site_group .site_body ul.bm_list li span,.site_group .site_body ul.bm_list li a {font-size: 14px; color: #333333; padding-left: 6px;background: url(../images/site_group_list_dot.png) left center no-repeat;	}
.site_group .site_body ul.bm_list li a{color: #2f73b2; background-image: url(../images/site_group_list_dot_on.png);}


.top .logo{ display: block; width: 346px; height: 67px; margin: 127px auto 26px; margin-left: auto !important;}
.logo_mobile{ display: none;}


/*导航*/
.nav_box{ width: 100%; height: 50px; margin: 0 auto; background: #196bb6;}
.nav_box .nav{float: left; width: auto; height: 50px;}
.nav_box .nav li{ float: left; width: 150px; height: 50px; background: url(../images/nav_bg.png) 0 0 no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav_box .nav li a{ display: block; height: 100%; line-height: 50px; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
.nav_box .nav li:hover,.nav_box .nav li.active{ background: url(../images/nav_bg.png) 0 -50px no-repeat;}

/* 搜索 */
.search_box{display: block;;height: 40px;width: 400px;padding: 0 10px 0 40px; margin: 5px 0;background: url(../images/index_search_bg.png) center center no-repeat;}
.search_box .search_txt{ float: left; border: none;  width: 300px; height: 40px; line-height: 40px; cursor: text; outline: none; background:none; font-size: 14px; color: #999999; }
.search_box .search_txt::-webkit-input-placeholder {color: #999999;}
.search_box .search_txt::-moz-placeholder {color: #999999;}
.search_box .search_txt:-moz-placeholder {color: #999999;}
.search_box .search_txt:-ms-input-placeholder {color: #999999;}
.search_box .search_btn{float: right; border: 0; width: 60px; height: 40px; cursor: pointer; outline: none;background: none;}


/*foot*/
.friendLink_top{ height: 35px; overflow: hidden; margin-top: 20px;}
.friendLink_top li{float: left; width:auto; height: 33px; border: 1px solid #e1e1e1; background: url(../images/link_bg_line.png) left center repeat-x;}
.friendLink_top li:first-child{ margin-right: 10px;}
.friendLink_top a{ display: block; padding: 0 8px 0 37px; height: 33px; line-height: 33px; background: url(../images/link_guohui.png) 9px center no-repeat; font-size: 14px; color: #333; }
.friendLink_top a.zzszxicon{background: url(../images/link_guohui02.png) 9px center no-repeat;}
.friendLink_top a:hover{ color: #3C8BD4;}

.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.friendLink{ width: 100%; height: 35px; padding: 20px 0; background: #f0f0f0;}
.friendLink .w1200 .linkSlt:first-child{ margin-left: 0;}
.linkSlt { width:232px; height:35px; position: relative; float:left; margin-left: 10px; }
.linkSlt > a.slt { display:block; background:#FFFFFF; border: 1px solid #e1e1e1; width:232px; height:35px; line-height:35px; text-indent:12px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.linkSlt > a.slt:hover { color:#333; text-decoration:none;}
.linkSlt > a.slt > i { display:block; background:url(../images/friendlink_arrow_down.png) center center no-repeat; width:12px; height:8px; position:absolute; top:14px; right:11px; cursor:pointer;}
.lklist { background:#fff; border:1px solid #e1e1e1; border-top-style:none; width:232px; height:125px; overflow-y:auto; overflow-x:hidden; position: absolute; top:35px; left:0; z-index:994;}
.lklist li { height:30px; border-bottom:1px solid #edf3f7;}
.lklist li a { display:block; height:30px; line-height:30px; text-indent:15px; color:#666;}
.lklist li a:hover { background:#f2f7fb; text-decoration:none;}

.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}

/*当前位置*/
.location_box{ height: 40px; width: 100%; background: #f0f0f0;}
.location{width: 1200px; margin: 0 auto;  height: 40px; line-height: 40px; background: url(../images/location_home.png) left center no-repeat; text-indent: 28px; color: #999999; font-size: 14px;}
.location a{color: #999999; font-size: 14px; margin: 0 3px; }
.location a:hover{ color: #1b64b4;}

@media screen and  (max-width:1199px) {
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
	.w1200{ width: 98%;}
	.top{ height: auto  !important; margin-bottom: 20px;}
	.top_link{ display: none;}
	body{background: #FFFFFF !important;}
	.top .logo{display: none;}
	.logo_mobile{display: block; }
	.logo_mobile img{display: block; width: 362px; height: 75px; margin: 30px auto;}
	.nav_box{ height: auto; width: 98%;}
	.nav_box .w1200{ width: 100%;}
	.nav_box .nav{ width: 100%; height: auto; overflow: hidden;}
	.nav_box .nav li{ width: calc(100% / 3); border-bottom: 1px solid #FFFFFF; border-right:1px solid #FFFFFF; box-sizing: border-box;background: #2f73b2;}
	.nav_box .nav li:nth-child(3n+3){ border-right: none;}
	.nav_box .nav li a{ background: none !important; text-indent: 0 !important; text-align: center; line-height: 49px; font-weight: normal;}
	.nav_box .nav li.active,.nav_box .nav li:active{background: #088AD0; }
	.search_box{ display: block;}
	
	.friendLink_top,.friendLink{ display: none;}
	.foot_cont{ width: 100%; text-align: center;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{ margin-left: 0;}
	.foot_fr{ margin: 0 auto; max-width: 90%;}
}
@media screen and  (max-width:768px) {
	.logo_mobile img{max-width: 90%; height: auto; }
	.foot_cont .foot_fl{ display: none;}
	.foot_fr{ margin-top:0 ;}
	
	.location_box{ height: auto; width: 98%; margin:0 auto;}
	.location{ height: auto; line-height: 20px; padding: 5px 0 5px 28px; text-indent: 0; box-sizing: border-box;}
}
@media screen and  (max-width:720px) {
	.logo_mobile img{ margin: 20px auto;}
	
}
@media screen and  (max-width:600px) {
	
}
@media screen and  (max-width:480px) {
	.logo_mobile img{max-width: 80%; height: auto; }
	.nav_box .nav li{ height: 40px;}
	.nav_box .nav li a{ line-height: 40px; font-size:16px ;}
}
@media screen and  (max-width:320px) {
	.logo_mobile img{max-width: 70%; height: auto; }
	.nav_box .nav li a{  font-size:14px ;}
}