@charset "utf-8";

/*通用部分*/
*{box-sizing: border-box;}
body, ul, dl, dd, dt, ol, li, p, a, h1, h2, h3, h4, h5, h6,textarea, form, select, fieldset, table, tr, td, div, input{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "微软雅黑";}
.fl{float: left;}
.fr{float: right;}
.introduce{width: 100;text-align: center;margin-top: 80px;}
.introduce .title-mean{display: block;width: 930px; color: #666;margin: 20px auto;font-size: 14px;line-height: 28px;}
.btn{width: 100%;text-align: center;margin-top: 50px;}
.btn a{display: inline-block;padding: 5px;width: 120px;border:1px solid #055DA4; color: #055DA4;}
.active{background-color: #FFA500;}




/*页头*/
/* .yeit{
	width: 100%;
	height: 30px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #d4d4d4;
	color: #9e9a9a;
}
.yeit li{
	width: 55%;
	margin-left: 22%;
	font-size: 14px;
	line-height: 28px;
}
.yeit1{
	float: left;

}
.yeit2{
	float: right;
}
.yeit2 p a{
	color: #9e9a9a;
}
.yeit img{
	float: left;
}

@media screen and (min-width:200px) and (max-width:800px){
    .yeit li{
    width: 90%;
    margin-left: 5%;
    font-size: 12px;
    line-height: 28px;
    }
} */
a {
    text-decoration: none;
    color: #666;
}
ul.yeit{
	width: 100%;
	height: 30px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #d4d4d4;
	color: #9e9a9a;
}
ul.yeit li{
	width: 68%;
	height: 100%;
	margin: 0 auto;
}
ul.yeit li > div{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
ul.yeit .yeit1{
	float: left;
}
ul.yeit .yeit2{
	float: right;
	margin-right: 25px;
}
ul.yeit .yeit2 p{
	color: #9e9a9a;
}
ul.yeit .yeit2 a:hover{
	color: #f06200;
	text-decoration: underline;
}


/*logo*/
.logo{
	width: 1080px;
	height: 150px;
	margin: 0 auto;
}
.logo1{
	float: left;
	width: 75%;
}
.logo1 img{
	float: left;
	margin-right: 10px;
}
.logo1 p{
	font-size: 20px;
	color: #575757;
	padding-top: 50px;
}
.logo2{
	width:24%;
	height: 150px;
	float:right;
}
.logo2 img{
	float: left;
	margin-top: 50px;
}
.logop1{
	font-size: 18px;
	color: #5a5858;
	margin-top: 50px;
}
.logop2{
	font-size: 24px;
	color: #f06200;
}


@media screen and (min-width:200px) and (max-width:800px){
	.logo{
	width: 100%;
	height: 110px;
	margin: 0 auto;
	}
	.logo1{
	float: left;
	width: 95%;
	margin-left: 2.5%;
	}
	.logo1 img{
		width: 30%;
	}

	.logo1 p{
	font-size: 12px;
	color: #575757;
	padding-top: 10px;
	}
	.logo2{
	width:95%;
	height: 10px;
	float:left;
	margin-left: 2.5%;

	}
 	.logo2 img{
	float: left;
	width: 15%;
	margin-top:0px;
	}
	.logop1{
	font-size: 12px;
	color: #5a5858;
	margin-top: 0px;
	}
	.logop2{
	font-size: 14px;
	color: #f06200;
	}
	.logop2 p{
		padding:0px;
		margin:0px;
	}
}




/*导航*/
.daoh{
	width: 100%;
	height: 54px;
	background-color: #f06200;
	margin-top: 5px;
}
.daoh div{
	width: 100%;
	height: 52px;
	border-bottom: 1px solid #ffffff;
}
.daoh div ul{
	width: 1100px;
	height: 52px;
	margin: 0 auto;
}
.daoh div ul a{
	float: left;
}
.daoh div ul a li{
	height: 52px;
	color: #FFFFFF;
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	padding: 0 36px;
}
.daoh div ul a li:hover{
	background-color: #fbd6bd;
	color: #f06200;
}



@media screen and (min-width:200px) and (max-width:800px){
	.daoh{
	width: 100%;
	height: 82px;
	background-color: #f06200;
	margin-top: 5px;

	}
	.daoh div{
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #ffffff;


	}
	.daoh div ul{
	width: 100%;
	height: 80px;

	}
	.daoh div ul a{
		display: block;
		width: 25%;
		float: left;

	}
	.daoh div ul a li{
	width: 100%;
	height: 40px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	}
}





/*轮播图*/
#banner{position: relative; width: 100%;height: 550px;overflow: hidden; transition: all 0.3s linear;/*position: absolute;
top: 110px;*/}

#banner ul .banner-list{display: none; position: absolute; width: 100%;height: 100%;}
#banner ul .banner-list img{width: 100%;height: 100%;}

#banner .banner-circle{position: absolute;top: 95%;left: 50%;margin: auto;transform: translate(-50%,-50%);}
#banner .banner-circle:after{content: '';height: 0;display: block;clear: both;}
#banner .banner-circle li{float: left;width: 15px;height: 15px;margin: 0 5px;border: 3px solid #fff;border-radius: 50%;}




@media screen and (min-width:200px) and (max-width:800px){
	#banner{position: relative; width: 100%;height: 130px;overflow: hidden; transition: all 0.3s linear;/*position: absolute;
	top: 110px;*/}

	#banner ul .banner-list{display: none; position: absolute; width: 100%;height: 100%;}
	#banner ul .banner-list img{width: 100%;height: 100%;}

	#banner .banner-circle{position: absolute;top: 95%;left: 50%;margin: auto;transform: translate(-50%,-50%);}
	#banner .banner-circle:after{content: '';height: 0;display: block;clear: both;}
	#banner .banner-circle li{float: left;width: 15px;height: 15px;margin: 0 5px;border: 3px solid #fff;border-radius: 50%;}

}


/*搜索*/
.sous{
	width: 100%;
	height: 62px;
	background-color: #eeeeee;
}
.sous ul{
	width: 1080px;
	margin: 0 auto;
}
.sous1{
	color: #807d7d;
	font-size: 16px;
	line-height: 62px;
	float: left;
}
.sous1 a{
	color: #807d7d;
	font-size: 16px;
}
.form1{
	width: 277px;
	height: 34px;
	border: 1px solid #ed6a24;
	float: right;
	margin-top: 12px;
}
.inp1{
	width: 225px;
	height: 32px;
	float: left;
	color: #807d7d;
	font-size: 16px;
}
.inp2{
	width: 50px;
	height: 32px;

}
@media screen and (min-width:200px) and (max-width:800px){
	.sous{
	width: 100%;
	height: 70px;
	background-color: #eeeeee;
	}
	.sous ul{
	width: 100%;
	margin: 0 auto;
	padding-left: 5px;
	}
	.sous1{
	color: #807d7d;
	font-size: 12px;
	line-height: 28px;
	float: left;
	}
	.sous1 a{
	color: #807d7d;
	font-size: 12px;
	}
	.form1{
	width: 267px;
	height: 30px;
	border: 1px solid #ed6a24;
	float: left;
	margin-top: 5px;
	}
	.inp1{
	width: 225px;
	height: 28px;
	float: left;
	color: #807d7d;
	font-size: 16px;
	}
	.inp2{
	width: 40px;
	height: 28px;

	}
}



/*尾部*/
.weib{
	width: 100%;
	height: 420px;
	background-color: #0e0e0e;
	padding-top: 40px;
}
.weib01{
	width: 950px;
	height: 60px;
	background-color: #2b2b2b;
	margin: 0 auto;
	padding-left: 20px;
}
.weib01 p{
	font-size: 35px;
	color: #424141;
	line-height: 60px;
	float: left;
	margin-right: 30px;
}
.weib01 a{
	display: block;
	width: 150px;
	float: left;
	font-size: 20px;
	color: #7a7a7a;
	line-height: 60px;
}


.weib ul{
	width: 1080px;
	height: 270px;
	margin:0 auto;
	margin-top: 50px;
	padding-left: 65px;
	border-bottom: 1px solid #444444;
}
.weib ul li{
	width: 200px;
	/*height: 211px;*/
	float: left;
}
.weib ul li p{
	font-size: 18px;
	color: #828282;
	margin-bottom: 20px;
}
.weib ul li a{
	font-size: 16px;
	color: #828282;
	line-height: 32px;
}
.xinx{
	font-size: 15px;
	line-height: 50px;
	color: #828282;
	text-align: center;
}
.xinx a{
	font-size: 15px;
	color: #828282;
}


@media screen and (min-width:200px) and (max-width:800px){
	.weib{
	width: 100%;
	height:570px;
	background-color: #0e0e0e;
	padding-top: 20px;
	}
 	.weib01{
	width: 100%;
	height: 40px;
	background-color: #2b2b2b;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	}
	.weib01 p{
	font-size: 20px;
	color: #424141;
	line-height: 40px;
	float: left;
	margin-right: 20px;
	}
	.weib01 a{
	display: block;
	width: 100px;
	float: left;
	font-size: 16px;
	color: #7a7a7a;
	line-height: 40px;
	}


	.weib ul{
	width: 100%;
	height: 450px;
	margin:0 auto;
	margin-top: 20px;
	padding-left: 2.5%;
	border-bottom: 1px solid #444444;
	}
	.weib ul li{
	width: 47.5%;
	height: none;
	float: left;
	margin-top: 20px;
	}
	.weib ul li img{
		width: 48%;
		float: left;
	}
	.weib ul li p{
	font-size: 16px;
	color: #828282;
	margin-bottom: 5px;
	}
	.sma{
		font-size: 10px !important;
	}
	.weib ul li a{
	font-size: 12px;
	color: #828282;
	line-height: 24px;
	}
	.xinx{
	font-size: 10px;
	line-height: 30px;
	color: #828282;
	text-align: center;
	}
	.xinx a{
	font-size: 10px;
	}

}