/* CSS Document */

body{
	font-family: "Î¢ÈíÑÅºÚ";
	background-image: url(../images/bj1.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: top;
	background-color: #fff2e1;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	font-family: "Î¢ÈíÑÅºÚ";
}

p{
	margin:0;
	padding:0;
}

a{
	font-weight: bold;
}

a:hover{

}

a:hover,a:active,a:focus {
	outline: 0;
}
.top{
	
	width: 1350px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.hang1{
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	
}
.zi1{
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 18px;
	line-height: 32px;
	color: #FF0000;
	margin-top: 30px;
	margin-bottom: 30px;
}
.hang2{
	width: 100%;


	
}
.tt{
	width: 100%;
	text-align:center;

	background-repeat: repeat-x;	
}
.tt2{
	width: 100%;
	float:left;
	border: 1px solid #FF3300;
	background-color: #fffadb;
	margin-top:20px;
}
.wt{
	width: 23%;
	float:left;
	margin: 1%;
	text-align: center;	
}
.dh{
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.dbj{	
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:5%;	
	float: left;
	
}
.dbj2{	
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:0%;	
	
}
.an{
	float: left;
	width: 22%;
	margin-top: 20px;
	margin-right: 1%;
	margin-bottom: 20px;
	margin-left: 1%;
}

.tiao{
	background-image: url(../images/a2.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 21px;
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
.tiao2{
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.tiao3{
	background-image: url(../images/a2.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 21px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.tp{
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;

}
.tp img{ width:320px; height:220px;}
.tp2{
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;

}
.zi2{
	color: #333333;
	font-weight: bold;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 16px;
}
.zi3{
	color: #FF0000;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 14px;
}


.dt2 {
	width: 50%;
	float: left;
	text-align: center;

}
.wz {
	width: 90%;
	max-width:700px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 18px;
}
.zy {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 65px;
	overflow: hidden;
}
.dbt {
	text-align: center;
	width: 100%;
}
.wzbt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 100%;
	height: 50px;
	overflow: hidden;
}
.dibj {
	width: 100%;
	float:left;


}
.STYLE1 {
	font-size: 18px;
	font-family: "Î¢ÈíÑÅºÚ";
	line-height: 30px;
	color: #333333;
	font-weight: normal;
}
.STYLE2 {
	font-size: 18px;
	font-family: "Î¢ÈíÑÅºÚ";
	line-height: 50px;
	color: #333333;
	font-weight: normal;
}
.STYLE3 {
	color: #333333;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}
.tu {
	margin-top: 12%;
	width: 100%;
}
.tu2 {
	visibility: hidden;
	margin-top: -20%;
}
.yc {
	visibility: visible;
	width:100%;
	float:left;
	margin-top:1%; 
	margin-bottom:1%;	
}

.tiao4 img{

	width:85%;
	margin-top:20px;
	margin-bottom:20px;


}
.STYLE7 {
	color: #FF3300;
	font-family: "Î¢ÈíÑÅºÚ";
	font-size: 1.8rem;
	line-height: 40px;
}


    .banner {width:50%;height:350px;overflow:hidden;position:relative; float:left; margin-top:25px;border-radius:10px;}
	.banner ul { position:absolute;left:0;top:0;z-index:100;}
	.banner ul li { display:block;width:570px;height:350px;float:left;}
	.banner ul li img{width:570px;height:350px;}
	.banner .con { position:absolute; left:45%; bottom:3%;z-index:101; }
	.banner .con a { float:left; margin-right:8px; display:block; width:8px; height:8px; border-radius:100%; background:#000;z-index:101;}
	.banner .con a.active { background:#fff;}
	.banner .u { width:30px;height:20px;background:rgba(255,255,255,0.5); display:none;}
	.banner .left { position:absolute; top:40%;left:2%;z-index:103;}
	.banner .right { position:absolute; top:40%;right:2%;z-index:103;}
	

@media screen and (max-width: 668px) {
body{

	background-image: url(../images/bj1.jpg);

}
.yc {
	visibility: hidden;	
	width:100%
	float:left;
	margin-top:0%; 
	margin-bottom:0%;	
	height:0px;
}
.top{
	height: 200px;
	width: 100%;
}
.top img{
	width: 100%;
}
.tiao2 img{
	width: 100%;
}
.tu {
	margin-top: 5%;
	width: 96%;
	margin-right: auto;
	margin-left: auto;	
	margin-bottom:5%;	

}
.tu2 {
	visibility: visible;	
	margin-top: 0%;
}
.tp{
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
}
.tp2{
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	float: right;
}
.hang2{
	margin-top:-5%;
	float:left;

}
.dh{
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.banner {width:100%;height:200px;overflow:hidden;position:relative; float:left; margin-top:-20%;text-align:center;}

.banner ul li { display:block;width:100%;float:left; text-align:center;}
.banner ul li img{width:100%;padding-right:45px;}
.dt2 {
	width: 100%;
	background:rgba(255,255,255,0.9);
}
.an{
	float: left;
	width: 48%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
}
.wt{
	width: 48%;
	float:left;
	margin: 1%;
	
}
.dbt {
	height: 90px;
	overflow: hidden;
}
.zb {
    float: left;
	width: 60%;

}
.yb {
    float: right;
	width: 60%;

}
.dibj {

}
.dbj{
	margin-top:-5%;	
	float: left;
}
.dbj2{
	margin-top:22%;	
	float: left;
}
.tiao2{
	
	background-color:rgba(255,255,255,.8);
	padding-top: 15px;
	padding-bottom: 15px;
}
.tiao4 img{

	width:100%;
	margin-top:5%;
	margin-bottom:5%;


}
}
.STYLE4 {
	font-size: 12px;
	font-family: "ËÎÌå";
	line-height: 25px;
	color: #FFFFFF;
}
.STYLE5 {
	font-size: 16px;
	font-family: "Î¢ÈíÑÅºÚ";
	line-height: 30px;
	color: #333333;
}
.STYLE6 {
	font-size: 18px;
	font-family: "ËÎÌå";
	line-height: 30px;
	color: #FF0000;
}