@charset "utf-8";
/* CSS Document */

.box-2 {
	width: 100%;
	height: 140px;
	background: #f0f9fe;
	/*margin-top: 30px;*/
	overflow:hidden;
}

.box-2 ul {
	overflow: hidden;
	width: 100%;
	margin-left: 35px;
}

.box-2 ul li {
	width: 88px;
	float: left;
	text-align: center;
	/*margin-right: 58px;*/
	margin-top: 20px;
}

.box-2 ul li a {
	float: left;
	width: 100%;
	text-align: center;
}

.box-2 ul li.active a {
	color: #1a56a8;
}

.box-2 ul li a img {
	margin-bottom: 10px;
}




.xdiv7 .picScroll-left {
	overflow: hidden;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}

.xdiv7 .picScroll-left .xhd {
	/* overflow: hidden; */
	position: relative;
}

.xdiv7 .picScroll-left .prev,
.xdiv7 .picScroll-left .next {
	position: absolute;
	display: block;
	width: 20px;
	height: 40px;
	top: 50px;
	overflow: hidden;
	cursor: pointer;
	z-index: 10;
}

.xdiv7 .picScroll-left .next {
	background: url(right.png) no-repeat;
	right: 15px;
	background-size: 100%;
	display: none;
}

.xdiv7 .picScroll-left .prev {
	background:  url(left.png) no-repeat;
	left: 15px;
	background-size: 100%;
	display: none;
}
.box-2:hover .xdiv7 .picScroll-left .next{
	display: block;
}
.box-2:hover .xdiv7 .picScroll-left .prev{
	display: block;
}
.xdiv7 .picScroll-left .xbd {
	/* padding: 10px; */
}

.xdiv7 .picScroll-left .xbd ul {
	overflow: hidden;
	zoom: 1;
}

.xdiv7 .picScroll-left .xbd ul li {
	/*margin: 0 8px;*/
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.xdiv7 .picScroll-left .xbd ul li .pic {
	text-align: center;
}

.xdiv7 .picScroll-left .xbd ul li .pic img {
	width: 225px;
	height: 90px;
	display: block;
}

.xdiv7 .picScroll-left .xbd ul li .pic a:hover img {
	border-color: #999;
}

.xdiv7 .picScroll-left .xbd ul li .title {
	line-height: 24px;
}

.xdiv7 .picScroll-left .tempWrap {
	width: 100% !important;
}
.box-2 ul {
	overflow: hidden;
	width: 100%;
}

.box-2 ul li {
	width: 88px;
	float: left;
	text-align: center;
	margin-top: 20px;
}

.box-2 ul li a {
	float: left;
	width: 100%;
	text-align: center;
}

.box-2 ul li.active a {
	color: #1a56a8;
}

.box-2 ul li a img {
	margin-bottom: 10px;
}
/*侧边栏效果*/
	body{
				overflow-x: hidden;
			}
			.zk{
				background: url(easybtn_arrow.png) no-repeat;
				position: absolute;
                right: 10px;
                width: 40px;
                height: auto;
                padding-top: 50px;
                text-align: center;
                color: #848484;
                top: 140px;
			}
			.side-column{
				background: none;
				padding: 0px;
			}
			.cbl{
				width: 100%;
				height: 100%;
				background: #949494;
				position: absolute;
				right: -60px;
			}
			.cbl .zj{
				width: 100%;
				height: 115px;
				
			}
			
/*底部图片*/
body{
	position:relative;
}	
/***************自适应***************/

/*@media only screen and (min-width: 700px) and (max-width: 1200px){
	
	.box-2 ul {
	
	margin-left: 30px !important;
}
.zk{display:none;}
.zj{display:none;}
.side-column{
				background: #949494;
				display:none;
				
			}
			.tsk{
				display:none;}
}*/
@media (max-width: 700px) {
	body {
		min-width: 100%;
		width: 100%;
		background: #fff;
	}
	.header{
		padding-top: 0px;
	}
	.container {
		width: 100% !important;
		margin: 0 auto;
	}
	.section {
		overflow: hidden;
	}
	.section>.container {
		padding: 10px !important;
 	.box-2 {
		width: 100%;
		height: auto;
		background: #f0f9fe;
		padding: 10px;
		float: left;
		margin: 0;
	}
	.box-2 ul {
		overflow: hidden;
		width: 100%;
		margin-left: 0;
		margin-left:62px !important;
		margin-top:-10px;
	}
	.box-2 ul li {
		width: 50%;
		float: left;
		text-align: left;
		margin: 0;
		margin-bottom: 10px;
		margin-right:40px;
	}
	.box-2 ul li span {
		float: none;
		width: 100%;
		text-align: center;
		display: block;
	}
	.box-2 ul li a {
		float: none;
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	
	.xdiv7 .picScroll-left .xbd ul li {
		width: 100%;
		margin: 0;
	}
	.xdiv7 .picScroll-left .xbd ul li .pic img {
		width: 100%;
		height: 90px;
		display: block;
	}
	.xdiv7 .picScroll-left .next {
		right: 0;
		display: block;
	}
	.xdiv7 .picScroll-left .prev {
		left: 0;
		display: block;
	}
	.xdiv7 .picScroll-left {
		margin: 0;
	}
	.banner {
		width: 100%;
		height: auto !important;
	}
	.box-2 ul{
		margin-left: 0 !important;
	}
	.xdiv7 .picScroll-left .prev, .xdiv7 .picScroll-left .next{
		top: 26px;
		display: block;
	}
	.zk{display:none;}
.zj{display:none;}
.yincang{
	display:none;
}
.side-column{
				background: #949494;
				display：none;
				
			}
			.tsk{
				display:none;}
				.box-2 ul li{
					margin-right:70px !important;
				}
}

@media (max-width: 414px) {{
	.box-2 ul li{
		margin-right:28px !important;
	}
	.yincang{
		display：none;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 2000px){
   	.box-2 ul {
	overflow: hidden;
	width: 100%;
	margin-left: 50px !important;
}
.box-5 .div7 .picScroll-left .bd ul li .pic img{
	width:223px !important;
}
.box-5 .div7 .picScroll-left .bd ul{
	margin-left:7px !important;
}
.box-5 .div7 .next{
	right:15px;
}
.box-5 .div7 .prev{
	left:14px;
}
.xdiv7 .picScroll-left .xbd ul {
	margin-top:-10px;
}
}
