@charset "utf-8";
/* CSS Document Edited by LiLu */
* {
	margin:0;
	padding:0;
	outline:none;
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	list-style:none;
	text-decoration:none;
    margin: 0;
}
body,html {
	color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    font-family:"微软雅黑", Microsoft YaHei;
    position: relative;
    font-size: 14px;
    line-height:24px;
    overflow-x: hidden;
}
img {
    /*display: block;*/
	border:none;
	max-width: 100%;
	width: auto\9;
	height: auto;
	-ms-interpolation-mode: bicubic;
	_width:auto;
}
input, textarea {
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#666;
	font-family:"微软雅黑", Microsoft YaHei;
}
select {
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
	font-family:"微软雅黑", Microsoft YaHei;
}
body a {
	outline: medium none;
	color:#666;
}
a {
	text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	outline: none;
	color:#666;
    transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;
}
a:hover {
	text-decoration:none;
}
em, i {
	font-style:normal;
}
a:focus, input, select {
	outline:none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content:"\200B";
	display: block;
	clear: both;
	height: 0;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
	-webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: normal; padding: 0; margin: 0; font-size: 16px; font-family:"微软雅黑", Microsoft YaHei;}
p{ margin: 0;}
.fl{float: left;}
.fr{float: right;}
.inner{width:1200px;margin:0 auto;}
/*===================header========================*/
.header_t{width:100%;background:#3657bf;color:#fff;padding:10px 0;}
.header_r {line-height:20px;}
.header_shared li{float: left;padding:0 10px;}
.header_shared li a{width:21px;height:21px;display: block;}
.header_b{width:100%;background:#fff;padding-top:15px;position: relative;}
.header_b.active{position: fixed;top:0;left:0;z-index:10;box-shadow:0px 0px 10px #ccc;padding:0;}
.header_b.active .header_nav::before{top:100px;}
nav{width:700px;margin-top:45px;position: relative;}
nav::before{width:0%;height:3px;display: block;position: absolute;bottom:0px;left:50%;background:#3657bf;content: '';}
nav:hover::before{width:160%;left:0;}
nav li{float: left;width:12.5%;text-align: center;height:55px; position: relative;}
nav li a{color:#1d1d1d;font-size:18px;height: 55px;display: block;}
nav li>a:hover,nav li.active>a{color:#3657bf;}
.header_nav::before{width:100%;height:0;background:rgba(0,0,0,0.7) !important;background:#000;filter: alpha(opacity=80);position:absolute;top:115px;left:0;content: '';display: block;z-index:2;}
.header_nav.active::before{height:55px;}
.menu_list{position: relative;z-index: 3; display: none;}
.menu_list a{color:#fff;font-size:14px; line-height:55px;margin:0 17px;position: relative;float: left;}
.menu_list a:before{width:0;height:2px;display: block;position: absolute;bottom:10px;left:50%;background:#3657bf;content: '';}
.menu_list a:hover{color:#3657bf;}
.menu_list a:hover::before{width:100%;left:0;}
.header_name{color:#fff;margin-right:10px;}

/*footer*/
.footer{width:100%;height:285px;background:url(../images/footer_bg.jpg) left top no-repeat;padding-top:45px;}
.footer a{color:#bbb;}
.footer a:hover{color:#fff;text-decoration: underline;}
.foot_nav{width:840px;}
.foot_nav li{width:113px;height:178px; float: left; border-right:1px solid #2b303d;position: relative;padding-left:30px;}
.foot_nav li:nth-child(1){padding-left:0;}
.foot_nav li:after{width:1px;height:20px;display: block;background:#50535d;position: absolute;top: 0;right:-1px;content: '';}
.foot_nav li a{display: block;color:#999;line-height:24px;}
.foot_nav li a.foot_num,.foot_num{font-size:16px;color:#fbfbfb;margin-bottom:10px;}
.foot_nav li a:hover{text-decoration: underline;margin-left:2px;}
.foot_nav li:hover:after{height:100%;}
.foot_r{width:310px;}
.foot_address li{margin-bottom:20px;}
.foot_address img{float: left;margin:2px 10px 0 0;}
.foot_b{padding:10px 0;line-height:30px;background:#1c2330;margin-top: 56px;color:#bbb;}
.foot_b a:hover{text-decoration: underline;}
.foot_ul li{float: left;height:10px;border-right:1px solid #2b303d;line-height:10px;margin:10px 0;padding:0 20px;}

/*page*/
/*.page{text-align: center;margin-top:40px;}
.page a{width:30px;height:30px;text-align: center;line-height:30px;display: inline-block;background:#f9f8f8;margin:0 5px;}
.page a.page_prev,.page a.page_next{width:70px;}
.page a:hover,.page a.active{background:#2164cd;color:#fff;}*/



/*web_map*/
.web_map{width:100%;height:100%;background:rgba(54,87,191,0.98) !important;background:#3657bf;filter: alpha(opacity=98);position: fixed;top:0;left:0;z-index:11;color:#fff;opacity:0;   transform: scale(0);}
.web_map.active{left:0;opacity:1;    transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.web_tit{font-size:26px;position:relative;margin:50px 0;}
.web_closed{font-size:40px;position: absolute;top:0;left:120px;cursor: pointer;font-weight: normal;}
.web_list{height:0;overflow: hidden;opacity:0;}
.web_list.active{height:600px;opacity:1;transition:all 0.5s ease-out 0.4s;-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-ms-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;}
.web_list li{padding-bottom:15px;margin-bottom:15px; border-bottom:1px solid #516fd0;}
.web_list li span{font-size:18px;position: relative;}
.web_list li span::before{width:0;height:5px;display: block;background:#fd9929;position: absolute;bottom:-27px;left:0;content: '';}
.web_list li:hover span::before{width:50px;}
.web_list li em{font-size:22px;padding:0 35px;}
.web_div{display: inline-block;}
.web_div a{color:#fff;margin-right: 40px;position: relative;}
.web_div a::before{width:0;height:1px;display: block;background:#fff;position: absolute;bottom:-5px;left:50%;content: '';}
.web_div a:hover::before{width:100%;left:0;}