﻿@charset "utf-8";
/* CSS Document */
/*CSS 解决页面切换时滚动条出现时跳动问题 start*/
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
/*CSS 解决页面切换时滚动条出现时跳动问题 end*/
html,body,div,ul,li,dl,dd,dt,a,ol,u,i,b,br,p,span,hr,label,input,select,textarea,button,form,h1,h2,h3,h4,h5,h6,font,strong,em,iframe,img,tr,th,td,q,abbr,acronym{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body{padding:0;margin:0;font: 12px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif;color:#333;background:#fff;}
input,textarea,select,button{vertical-align:middle;outline:none;font-family:"Microsoft YaHei",微软雅黑;color:#333;}
input.active,textarea.active,select.active,button.active,input.on,textarea.on,select.on,button.on{color:#333;}
textarea{resize:none;}
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#0088FF;text-decoration:none;}
a:focus{outline:none;}
a img {border:none;}
.left,.fl{float:left;}
.right,.fr{float:right;}
/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear,.cc{clear:both;font-size:0;line-height:0;height:0;	margin-top:0;overflow:hidden;}
.clear20{clear:both;font-size:0;line-height:0;height:0; padding:10px 0; overflow:hidden; }
h1,h2,h3{font-weight:normal;}
h1{ font-size:20px;}
h2{ font-size:18px;}
h3{ font-size:16px;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
ul,li{ vertical-align:middle;}
.bot20{ margin-bottom:20px;}
.mainbox{ padding:20px; background:#fff;}
.jump-info .btn-group .btn{ background:#0088ff !important;}
.ui-dialog-title{ color:#0088ff !important;}
.navbar-header{display: none;}
@font-face {
  font-family: "pingfang";
  src: url("../fonts/pingfang.woff2") format("woff2"),
       url("../fonts/pingfang.woff") format("woff"),
       url("../fonts/pingfang.ttf") format("truetype"),
       url("../fonts/pingfang.eot") format("embedded-opentype"),
       url("../fonts/pingfang.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fonts_pf{font-family: "pingfang",微软雅黑,'宋体';}
/***漂浮***/
.j-float{position:relative;z-index:99999;display:none;}
.j-float .img_title{display:none;}
.j-float .float-close{position:absolute;width:38px;height:16px;right:0;top:-20px;}
.j-float .float-close img{cursor:pointer;}

/*****顶部logo****/
.header{ width: 100%;}
.head_con{}
.logoc{background:#fff;}
.top{ width: 100%;height: 40px;background:#0058AA;line-height:40px;color:#fff;font-size:14px;}
.topl{ width: 40%;float:left;padding-left:20px;}
.topr2{ width: 20%;float:right;text-align:right;}
.topr{ width: 20%;float:right;text-align:right;}
.topr a{ color:#fff;font-size:14px;}.topr2 a,.topr3 a{ color:#fff;font-size:14px;}
.topr2 img,.topr3 img{vertical-align:middle;line-height:40px;margin-right:2px;margin-top:-2px;margin-left:10px;}
.topr3{ display:none;}
.logo{float: left;padding:18px 0 18px 10px;width:30%;}
.logo .img_title{display: none;}
.top_right{width:68%;padding-right: 0px;padding-top:0px;margin:0px;}

/***导航****/
.menubox{ width: 100%;background:#0058AA;height: 50px;padding-top:15px;}
.menubox>ul>li{float: left;width:11.5%;position: relative;margin-right:1%;text-align:center;}
.menubox>ul>li>a{display: block;height: 36px;line-height: 36px;font-size: 18px;color: #fff;position: relative;}
.menubox>ul>li>a span{display: block;position: absolute; width:0;height: 2px;left:50%;bottom: 1px; background: #008aff;transition: all .5s;}
.menubox>ul>li>a:hover,.menubox li.active{background: #fff;color:#333;}
.menubox>ul>li>a:hover a,.menubox li.active a{color:#333;}

/***二级下拉导航****/
/*.menubox>ul>li:hover i{display: block;width: 21px;height: 13px;position:absolute;bottom:-1px;left: 50%;margin-left: -10px;background: url(../images/sub_nav_ico.png) center no-repeat;}*/
.sub_nav{display: none; position:absolute;width:100%;background:#fff;left:50%;margin-left:-69px; top: 38px;z-index:100000!important;}
.sub_nav ul li a{display: block;font-size:17px;height:45px;line-height:45px;padding: 0 10px; color: #333;border-bottom:#999 1px solid; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;transition:all .5s;-webkit-transition:all .5s;}
.sub_nav ul li a:hover{background:#c8c4c4;}
.menubox>ul>li.num2 .sub_nav{width: 490px;left: 33px;background: rgba(38,62,94,.95);}

.sub_nav_pro{padding: 20px 0 30px 30px;}
.sub_nav_list{width: 126px;float: left;padding: 0 44px;}
.sub_nav_list span{display:block;  height: 48px;line-height: 48px;border-bottom: #6a7788 2px solid;font-size: 20px;color: #fff;}
.sub_nav_list ul{padding-top: 11px;}
.sub_nav_list ul li a{height: 35px;line-height: 35px;font-size: 14px;padding: 0;border: none;text-align:left;}
.sub_nav_list ul li a:hover{color: #008aff;background: none;}
/***搜索****/

.tel{width:25%;overflow:hidden;height:50px;margin-top:28px;padding-left:8%;margin-left:10%;line-height:25px;float:left;background:url(../images/tel.png) left 0px no-repeat;background-size:50px 50px;}
.tel p{font-size:14px;}
.tel strong{font-size:30px;color:#0058AA;font-weight:bold;}
.ss{width:50%;overflow:hidden;padding-left:5%;float:right;margin-top:28px;}
.ss .fom{ width: 100%;overflow:hidden;}
.ss .text{width:320px;padding:0px 5px;height:29px;border:1px solid #ddd;color:#666;float:left;}
.ss .submit{width:74px;height:31px;display:block;float:left;background:url(../images/da1c.jpg) no-repeat;font-size:0px;border:0px;}
.ss .gjz{line-height:30px;overflow:hidden;}


/*****手机站导航****/
.menu { width: 22px; height: 26px;  text-align: center; cursor: pointer; display: none; padding:2px 6px; margin: 16px 10px 16px 0;/*border: #fff 1px solid;*/ z-index: 1; position: relative;}
.menu .icon-bar{ display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 5px; background: #0058AA; }

#mobileMenu {display: none;position: absolute;  left: 0; top:122px; margin: 0; width: 100%; background:#0058AA;z-index: 1100;border-top: rgba(255,255,255,.5) 1px solid; }
/*#mobileMenu.show { -webkit-transform: translateX(250px); transform: translateX(250px); }*/
#mobileMenu dl { padding: 0px 20px 10px; }
#mobileMenu dd { width:100%;overflow:hidden;line-height:50px; border-bottom: #ddd 1px solid; }
#mobileMenu dd a {width:80%;float:left;display: block; color: #fff; font-size: 17px; }

#mobileMenu dd>span { width:20%;float:left;cursor: pointer; background: url(../images/jia.png) right center no-repeat; }
#mobileMenu dd span.active { color: #e3e4e5; background: url(../images/jian.png) right center no-repeat; }
#mobileMenu dd ul { display: none; }
#mobileMenu dd ul a {width:100%; font-size: 15px;border-bottom:rgba(255,255,255,.2) 1px solid; }
.dede_pages {margin:20px auto;height:30px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;background:#f0f0f0;height:28px; line-height:28px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;display:block;background:#0058AA;color:#fff;}
.dede_pages ul li.active{background:#0058AA;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;}

/*****底部****/
.footer {
	clear: both;
	height: 282px;
	background: url(../images/foot-bg.jpg) center center;
}

.footer .foot-nav {
	height: 45px;
	line-height: 45px;
	background: #266fca;
}

.footer .foot-nav ul li {
	float: left;
	margin-right: 6px;
	margin-top: 8px;
	border-right: 1px solid #2C5E9C;
}

.footer .foot-nav ul li:first-child {
	border-left: 1px solid #2C5E9C;
}

.footer .foot-nav ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	padding: 0 30px;
}

.footer .foot-nav ul li a:hover {
	background: #fff;
	color: #000;
}

.footer .left {
	width: 280px;
	float: left;
	margin-top: 20px;
	height: 155px;
}

.footer .left .phone {
	color: #ddd;
	font-size: 24px;
	margin-left: 10px;
	background: #266fca;
	width: 229px;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
}

.footer .left .phone i {
	font-size: 40px;
	color: #ddd;
	margin-right: 15px;
	margin-top: 2px;
	margin-left: 2px;
	width: 40px;
	height: 40px;
	float: left;
}

.footer .right {
	width: 805px;
	float: right;
	margin-top: 25px;
	margin-bottom: 10px;
}

.footer .right .foot-address {
	width: 290px;
	float: left;
	color: #fafafa;
	padding-left: 28px;
	margin-top: 10px;
	border-right: 1px solid #266fca;
	border-left: 1px solid #266fca;
}

.footer .right .foot-address .title {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #ddd;
}

.footer .right .foot-address span {
	font-size: 16px;
	margin-right: 3px;
	color: #ddd;line-height:28px;
}

.footer .right .foot-address a {
	color: #eee;
}

.footer .right .foot-qr {
	float: left;
	color: #fafafa;
	width: 130px;
	text-align: center;
	margin-left: 20px;
}

.footer .right .foot-qr img {
	width: 120px;
	display: block;
	margin: 10px auto;
}

.footer .right .foot-qr span {
	letter-spacing: 2px;
}

.footer .right .foot-link {
	width: 150px;
	float: right;
}

.footer .right .foot-link a {
	display: block;
	width: 125px;
	height: 40px;
	border-radius: 5px;
	line-height: 40px;
	text-align: center;
	margin: 10px 0;
	color: #fff;
	background: #676767;
}

.footer .right .foot-link a:hover {
	background: #266fca;
}

.footer .right .foot-link a img {
	width: 125px;
	height: 40px;
	border-radius: 5px;
}

 .foot-bottom {padding:10px;
	line-height: 30px;
	color: #fafafa;
	background: #1C2D52;
	text-align: center;
}
.guding{display:none;height:0px;}
.foot-bottom a {
	color: #fafafa;
}

@media (min-width: 992px) and (max-width:1199px) {
	.top_right{display: none;}.header .menu{width:10%;float:right;display:block;padding-top:20px;}
	.search{margin: 16px 15px 16px 0;}
	.sub_nav dl { padding: 25px 30px; }
	.sub_nav .sub_div { padding-left: 0; text-align: center; }
}

@media (min-width:768px) and (max-width:991px) {
	.top_right li.num1{display: none;}
	.top_right li.num2 a,.top_right li.num3 a{background:none;padding-left: 0;}
	.menubox{margin-left:15px;}
	.menubox>ul>li>a{padding:0 12px;}
	.search{margin: 16px 15px 16px 0;}
	.sub_nav dl { padding: 25px 0; }
	.sub_nav .sub_div { padding-left: 0; text-align: center; }
	
	.foot_weixin .web_area{left: auto;margin-left: 0;right: 10px;}
}

@media (max-width: 767px) {
	.header{}
	.menubox{display: none;}
	.top_right li.num1,.top_right li.num2{display: none;}
	.top_right .kfzx a{background: url(../images/top_icon02.svg) left center no-repeat;background-size: 28px;}
	.logo{padding: 18px 10px;}
	.header .menu{width:10%;float:right;display:block;padding-top:20px;}
	.search{margin: 16px 20px 16px 0;}
	.menubox .sub_nav{display: none !important;}	
	.footer{padding: 20px 0;}
	.foot_left{width:auto; float: none !important;padding: 0 10px;}
	.foot_right{width:auto;float: none !important;padding: 0 10px;}
.topl{ width: 70%;float:left;padding-left:20px;}
.topr,.topr2,.top_right{ display:none;}	
.topr3{display:block; width: 20%;float:right;padding-left:0px;overflow:hidden;}

.logo{width: 70%;float:left;}.logoc img{width: 100%;float:left;}
.guding{display:block;padding-top:40px;}
.footer{display: none;}
aside{width:100%;position: relative;position: fixed;bottom:0;height:55px;overflow:hidden;z-index:2;left:0;background:#1C2D52;}
aside .list{margin:0 auto 0;max-width:640px;}
aside .list li{float:left;width:25%;text-align:center;height:55px;line-height:20px;font-size:12px;cursor:pointer;color:#fff;}
aside .list li .fIco{height:25px;font-size:20px;display:block;padding-top:5px;text-align:center;}
aside .list li .fIco1{background:url(../images/ico1.png) center no-repeat;background-size:25px 25px;}
aside .list li .fIco2{background:url(../images/ico2.png) center no-repeat;}
aside .list li .fIco3{background:url(../images/ico3.png) center no-repeat;}
aside .list li .fIco4{background:url(../images/ico4.png) center no-repeat;}

aside .list li span{text-align:center;font-size:12px;}
aside .list li a{color:#fff;}	
}

@media only screen and (max-width:640px) {
	
}

@media only screen and (max-width:480px) {
	.foot_left{font-size: 15px;line-height: 28px;}
	.footer .foot_fwzx{font-size: 18px;}
	.foot_weixin .web_area{left: auto;margin-left: 0;right: 0;}
	
	.footer .foot_left,.footer .foot_right{display: none;}
	.footer .foot_wap{display: block;}
	
}

/*分页/翻页*/
.pagination{clear:both;width:100%;margin:28px 0 10px;padding:3px 0;line-height:28px;font-size:14px;font-family:"Microsoft YaHei",微软雅黑;}
.pagination a,.pagination span{display:inline-block;border:1px solid #d9d9d9;color:#666;margin:3px;padding:0 10px;text-decoration:none;white-space:nowrap;height:28px;}
.pagination a:hover{background:#0088ff;border:1px solid #0088ff;color:#fff !important;}
.pagination a.active{border:1px solid #0088ff;color:#fff;}
.pagination span.current,.pagination span.current:hover{background:#0088ff;border:1px solid #0088ff;color:#fff;}
.pagination span.disabled,.pagination span.disabled:hover{border:1px solid #d9d9d9;color:#666;background:#eee;}
.pagination a.text,.pagination a.text:hover{color:#fff;background:#0088ff;border:#0088ff 1px solid;cursor:text;}
.pagination a.pagemore,.pagination a.pagemore:hover{color:#666;background:#fff;border:1px solid #fff;cursor:text;padding:0 3px;}
.pagination .inputBar{border:0;height:28px;padding:0 6px;}
.pagination .total{border:0;height:28px;padding:0;}
.pagination .inputBar input{width:40px;height:24px;line-height:24px;padding:2px 5px;border:#ccc 1px solid;margin:-3px 3px 0;*margin:-3px 3px 0;_margin:-3px 3px 0;background:#eee;vertical-align:middle;}