@charset "utf-8";
/* CSS Document */
*{
	 margin:0 auto; 
	 padding:0px; 
	 color: #333333;
	 font-size: 14px;
	 font-family: "Microsoft YaHei","微软雅黑";
	 font-style: normal;
}
img {
	display: block;
	border:0;
	margin:0; 
	padding:0;
}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;
}
input[type=checkbox], input[type=radio]{
	margin: 0;
}
a{
	text-decoration: none !important;
	cursor: pointer;
}
a:hover{
	color: #b50507;
}
.wrap{
	margin: 0 auto;
	width: 1200px;
}
.clear{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ellipsis{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.head .logo{
	padding-top: 12px;
}
.head .logo img{
	height: 80px;
}
.nav li{
	float: left;
	width: 100px;
}
.nav li a{
	display: block;
	line-height: 100px;
	text-align: center;
	font-size: 14px;
	border-bottom: solid 4px #fff;
}
.nav li a:hover{
	color: #4d7fff;
	background-color: #edf2ff;
	border-bottom: solid 4px #4d7fff;
}

/*banner图开始*/
#banner{
	position: relative;
	height: 600px;
}
#banner ul{
	height: 100%;
}
#banner li{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
#banner li img{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

#banner .btn{
	display: none;
	width: 50px;
	height: 50px;
	background: #666;
	opacity: .5;
	position: absolute;
	top: 40%;
	color: #fff;
	font-size: 40px;
	text-align: center;
	line-height: 45px;
	z-index: 20;
}
#banner .prev{
	left: 0;
}
#banner .next{
	right: 0;
}
.banner_nav{position: absolute; overflow: hidden; width: 100%; bottom: 5%; left: 0; text-align: center; z-index: 20; text-align: center;}
.banner_nav span{
	display: inline-block; 
	margin: 0 10px; 
	width: 30px; 
	height:5px;
	cursor: pointer; 	
	background: #fff;
}
.banner_nav .active{
	background: #4d7fff;
}
/*banner图结束*/
.idx-a{
	padding: 55px 0;
	overflow: hidden;
}
.idx-a li{
	float: left;
	width: 268px;
	margin: 15px;
	border: solid 1px #e6e6e6;
}
.idx-a li a{
	display: block;
	padding: 25px 0;
}
.idx-a li img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin: 0 auto;
}
.idx-a li p{
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	color: #666666;
}
.idx-b{
	background-color: #f7f7f7;
	padding: 75px 0;
}
.idx-b1{
	width: 480px;
	padding-top: 50px;
}
.idx-b1-a{
	margin-bottom: 35px;
}
.idx-b1-a span{
	display: inline-block;
	vertical-align: middle;
	color: #4d7fff;
	font-size: 20px;
}
.idx-b1-a i{
	display: inline-block;
	width: 300px;
	height: 1px;
	background-color: #4d7fff;
	vertical-align: middle;
}
.idx-b1-b{
	font-size: 32px;
	margin-bottom: 50px;
}
.idx-b1-c{
	font-size: 14px;
	color: #808080;
	line-height: 25px;
	margin-bottom: 50px;
}
.idx-b1-d a{
	display: inline-block;
	border: solid 1px #4d7fff;
	border-radius: 30px;
	width: 160px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #4d7fff;
}
.idx-c{
	padding: 75px 0;
	background-image: url(../img/icon1.jpg);
	background-position: center center;
}
.idx-c1{
	margin-bottom: 35px;
}
.idx-c1-a{
	text-align: center;
	font-size: 36px;
	margin-bottom: 10px;
}
.idx-c1-a span{
	color: #4d7fff;
	font-size: 36px;
}
.idx-c1-b{
	text-align: center;
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}
.idx-c1-b1{
	overflow: hidden;
}
.idx-c1-b1 ul{
	width: 10000px;
}
.idx-c1-b1 li{
	float: left;
	width: 380px;
	margin: 0 10px;
	background-color: #ffffff;
}
.idx-c1-b1-a img{
	width: 100%;
	height: 260px;
}
.idx-c1-b1-b{
	padding: 15px;
}
.idx-c1-b1-b1{
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}
.idx-c1-b1-b2{
	text-align: right;
}
.idx-c1-b1-b2 a{
	display: inline-block;
	background-color: #333333;
	color: #FFFFFF;
	width: 45px;
	line-height: 26px;
	text-align: center;
	padding-right: 26px;
	background-image: url(../img/icon3.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
.idx-c1-b2{
	text-align: center;
	padding-top: 30px;
}
.idx-c1-b2 span{
	cursor: pointer;
	display: inline-block;
	width: 26px;
	height: 26px;
	border: solid 1px #4d7fff;
	background-color: #4d7fff;
	text-align: center;
	line-height: 26px;
	color: #FFFFFF;
	margin: 0 5px;
}
.idx-c1-b2 .on{
	background: none;
	color: #4D7FFF;
}
.idx-d{
	padding: 75px 0;
}
.idx-d1{
	overflow: hidden;
}
.idx-d1 li{
	float: left;
	margin: 10px;
	width: 560px;
	padding: 10px;
	background-color: #f7f7f7;
}
.idx-d1-a img{
	width: 160px;
	height: 120px;
}
.idx-d1-b{
	width: 380px;
}
.idx-d1-b1{
	font-size: 18px;
	margin-bottom: 15px;
	padding-top: 5px;
}
.idx-d1-b2{
	color: #999999;
	font-size: 14px;
	line-height: 25px;
}
.idx-d2{
	text-align: center;
	padding-top: 40px;
}
.idx-d2 a{
	display: inline-block;
	border: solid 1px #4d7fff;
	border-radius: 30px;
	width: 160px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #4d7fff;
}
.idx-e1{
	width: 50%;
}
.idx-e2{
	width: 50%;
	height: 500px;
	background-image: url(../img/icon4.jpg);
	background-position: left center;
}
.idx-e2-a{
	padding-top: 80px;
	padding-left: 40px;
}
.idx-e2-a1{
	color: #FFFFFF;
	font-size: 36px;
	margin-bottom: 10px;
}
.idx-e2-a2{
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.idx-e2-a dl{
	overflow: hidden;
	width: 560px;
	margin: 15px 0;
}
.idx-e2-a dt{
	float: left;
	width: 50px;
	padding-top: 3px;
}
.idx-e2-a dt img{
	width: 24px;
	height: 24px;
}
.idx-e2-a dd{
	float: left;
	width: 510px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 30px;
}
.foot{
	text-align: center;
	background-color: #333333;
	line-height: 80px;
	color: #FFFFFF;
	font-size: 18px;
}

.idx-a li:hover{
	background-color: #4d7fff;
}
.idx-a li:hover p{
	color: #FFFFFF;
}
.pg-a img{
	width: 100%;
}
.pg-b{
	line-height: 40px;
	background-color: #f5f5f5;
}
.pg-b img{
	display: inline-block;
	vertical-align: middle;
}
.pg-b .position{
	background-image: url(../img/icon15.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.pg-c{
	padding: 50px 0;
	font-size: 14px;
	line-height: 25px;
}
.pg-c *{
	font-size: 14px;
	line-height: 25px;
}
.pg-c img{
	max-width: 100%;
}
.pg-c * img{
	max-width: 100%;
}

.ls-c1 li{
	padding: 30px 0;
}
.ls-c1-a{
	width: 140px;
	text-align: center;
}
.ls-c1-a dl{
	padding-top: 25px;
}
.ls-c1-a dt{
	font-size: 28px;
	color: #666666;
}
.ls-c1-a dd{
	font-size: 14px;
	color: #999999;
}
.ls-c1-b img{
	width: 160px;
	height: 120px;
}
.ls-c1-c{
	width: 870px;
	padding-top: 20px;
}
.ls-c1-c1{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ls-c1-c2{
	color: #999999;
	line-height: 25px;
	margin-bottom: 20px;
	
}
.ls-c1 li:hover .ls-c1-c1{
	color: #b50507;
}
.pagination{
	padding: 40px 0;
	text-align: center;
}
.pagination li{
	display: inline-block;
	margin: 0 10px;
	border: solid 1px #e6e6e6;
	padding: 0 10px;
	line-height: 30px;
}
.pagination .current{
	color: #fff;
	background-color: #4d7fff;
}
.at-a1{
	font-size: 20px;
	text-align: center;
	padding-top: 50px;
	font-weight: bold;
}
.at-a2{
	padding-top: 15px;
	margin-bottom: 30px;
	text-align: center;
	color: #999999;
}
.at-a3{
	line-height: 25px;
	margin-bottom: 30px;
}
.at-a3 *{
	line-height: 25px;
}
.at-a3 img{
	max-width: 100%;
}
.at-a4{
	border-top: solid 1px #e6e6e6;
	padding-top: 20px;
	padding-bottom: 50px;
}
.list-a1{
	text-align: center;
	padding: 30px 0;
}
.list-a1 a{
	display: inline-block;
	width: 160px;
	margin: 0 20px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	background-color: #e6e6e6;
}
.list-a1 .on{
	background-color: #4d7fff;
	color: #FFFFFF;
}
.at-a{
	padding: 60px 0;
}
.at-a5{
	margin-bottom: 50px;
}
.at-a5-a{
	width: 290px;
	height: 290px;
	background-color: #f5f5f5;
}
.at-a5-a img{
	width: 100%;
	height: 100%;
}
.at-a5-b{
	width: 860px;
	font-size: 32px;
	font-weight: bold;
	line-height: 290px;
}
.at-a6{
	margin-bottom: 30px;
}
.at-a6 i{
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 20px;
	background-color: #4d7fff;
}
.at-a6 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #4d7fff;
	font-weight: bold;
}
.at-a3{
	font-size: 14px;
	line-height: 25px;
}
.at-a3 *{
	font-size: 14px;
	line-height: 25px;
}
.at-a3 img{
	max-width: 100%;
}
.at-a3 * img{
	max-width: 100%;
}