/* CSS Document */
@charset "utf-8";
html{
	margin:0px;
	padding:0px;
	z-index:1;
	overflow-x:hidden
	}
	
body{
	margin:0px;  
	padding:0px; 
	font-size:20px; 
	font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
	background:#e5e5e5;
	z-index:99;
	}
	
a{
	
	text-decoration:none;
	}
	
a:hover{
	
	text-decoration:none;
	}
	
p{
	padding:0px; 
	margin:0px;
	}
	
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px; 
	font-weight:normal;
	}
	
dl,dt,dd,ul,li{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
	}
	
input{
	outline:none
	}
	
img{
	border:0px; 
	margin:0px; 
	padding:0px;
	}
em{
	font-style:normal
	}

@media only screen and (max-width:300px){body{font-size:10px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:10px}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:10px}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){body{font-size:10px}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){body{font-size:10px}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){body{font-size:11px}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13px}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){body{font-size:14px}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){body{font-size:15px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:16px}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){body{font-size:17px}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:19px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:20px}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){body{font-size:20px}.viewport{max-width:720px}}
@media only screen and (max-width:750px) and (min-width:720px){body{font-size:21px}.viewport{max-width:750px}}
@media only screen and (max-width:800px) and (min-width:750px){body{font-size:22px}.viewport{max-width:800px}}
@media only screen and (max-width:900px) and (min-width:800px){body{font-size:23px}.viewport{max-width:900px}}
@media only screen and (max-width:1000px) and (min-width:900px){body{font-size:25px}.viewport{max-width:1000px}}
@media only screen and (max-width:1500px) and (min-width:1000px){body{font-size:27px}.viewport{max-width:1500px}}

/*--------------头部start-----------------*/
.head{
	background-color:#bf0008;
	width:100%;
	float:left;
}
.head li{
	width:100%;
	float:left;
	height:2em;
	line-height:2em;
	padding:0.9em 0;
}
.head li .img{
	float:left;
	padding:0em 1em;
	width:18em;
	background-color:none;
}
.head li .tel{
	float:right;
	padding:0em 0.5em 0 0;
}
.head img{
	width:100%;
	}

@media only screen and (max-width:300px){.tel{font-size:13px;}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){.tel{font-size:13px;}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){.tel{font-size:13px;}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){.tel{font-size:14px;}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){.tel{font-size:15px;}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){.tel{font-size:15px;}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){.tel{font-size:16px;}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){.tel{font-size:17px;}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){.tel{font-size:18px;}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){.tel{font-size:19px;}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){.tel{font-size:20px;}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){.tel{font-size:21px;}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){.tel{font-size:22px;}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){.tel{font-size:23px;}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){.tel{font-size:24px;}.viewport{max-width:720px}}
@media only screen and (max-width:750px) and (min-width:720px){.tel{font-size:25px;}.viewport{max-width:750px}}
@media only screen and (max-width:800px) and (min-width:750px){.tel{font-size:25px;}.viewport{max-width:800px}}
@media only screen and (max-width:900px) and (min-width:800px){.tel{font-size:25px;}.viewport{max-width:900px}}
@media only screen and (max-width:1000px) and (min-width:900px){.tel{font-size:25px;}.viewport{max-width:1000px}}
@media only screen and (max-width:1500px) and (min-width:1000px){.tel{font-size:25px;}.viewport{max-width:1500px}}




.header{
	background-color:#bf0008;
	width:100%;
	float:left;
}
.header div{
	width:96%;
	padding:10px 0 ;
	float:left;
	margin:0 2%;
}
.header .headerimg{
	width:20%;
	float:left;
	text-align:center; 
}
.header .headerimg a{
	width:100%;
	text-align:left; 
	color:#000;
}
.header .headertit{
	width:80%;
	float:left;
	text-align:center; 
}
@media only screen and (max-width:300px){.header{line-height:25px;font-size:13px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){.header{line-height:25px;font-size:13px}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){.header{line-height:25px;font-size:14px}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){.header{line-height:25px;font-size:15px}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){.header{line-height:26px;font-size:16px}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){.header{line-height:26px;font-size:16px}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){.header{line-height:26px;font-size:16px}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){.header{line-height:26px;font-size:16px}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){.header{line-height:28px;font-size:18px}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){.header{line-height:30px;font-size:20px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){.header{line-height:31px;font-size:21px}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){.header{line-height:32px;font-size:22px}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){.header{line-height:33px;font-size:23px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){.header{line-height:34px;font-size:24px}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){.header{line-height:35px;font-size:25px}.viewport{max-width:720px}}
@media only screen and (max-width:750px) and (min-width:720px){.header{line-height:40px;font-size:26px}.viewport{max-width:750px}}
@media only screen and (max-width:800px) and (min-width:750px){.header{line-height:40px;font-size:26px}.viewport{max-width:800px}}
@media only screen and (max-width:900px) and (min-width:800px){.header{line-height:40px;font-size:26px}.viewport{max-width:900px}}
@media only screen and (max-width:1000px) and (min-width:900px){.header{line-height:40px;font-size:26px}.viewport{max-width:1000px}}
@media only screen and (max-width:1500px) and (min-width:1000px){.header{line-height:40px;font-size:26px}.viewport{max-width:1500px}}
/*----------------头部end-----------------------*/
/*------------底部start---------------------*/
.footer{
	width:100%;
	margin:0px auto 5em;
	float:left;
	text-align:center;
}
@media only screen and (max-width:300px){.footer{font-size:10px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){.footer{font-size:10px}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){.footer{font-size:10px}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){.footer{font-size:11px}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){.footer{font-size:12px}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){.footer{font-size:12px}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){.footer{font-size:13px}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){.footer{font-size:15px}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){.footer{font-size:16px}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){.footer{font-size:17px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){.footer{font-size:18px}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){.footer{font-size:19px}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){.footer{font-size:21px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){.footer{font-size:22px}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){.footer{font-size:22px}.viewport{max-width:720px}}
@media only screen and (max-width:750px) and (min-width:720px){.footer{font-size:23px}.viewport{max-width:750px}}
@media only screen and (max-width:800px) and (min-width:750px){.footer{font-size:24px}.viewport{max-width:800px}}
@media only screen and (max-width:900px) and (min-width:800px){.footer{font-size:25px}.viewport{max-width:900px}}
@media only screen and (max-width:1000px) and (min-width:900px){.footer{font-size:27px}.viewport{max-width:1000px}}
@media only screen and (max-width:1500px) and (min-width:1000px){.footer{font-size:29px}.viewport{max-width:1500px}}
.footer ul:first-child{
	float:left;
	width:100%;
}
.footer ul{
	float:left;
	width:100%;
}
.footer li{
	width:100%;
	float:left;
	color:#8c8c8c;
}
.footer li a{
	margin:0 15px;
	color:#8c8c8c;
}
.footer li .moren{
	color:red;
}
.footer li a:hover{
	color:red;
}
.footer li span{
	color:#8c8c8c;
}
@media only screen and (max-width:300px){.content{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){.content{font-size:8px}.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){.content{font-size:10px}.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){.content{font-size:10px}.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){.content{font-size:10px}.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){.content{font-size:10px}.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){.content{font-size:12px}.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){.content{font-size:12px}.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){.content{font-size:12px}.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){.content{font-size:12px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){.content{font-size:15px}.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){.content{font-size:15px}.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){.content{font-size:17px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){.content{font-size:17px}.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){.content{font-size:19px}.viewport{max-width:720px}}
@media only screen and (max-width:750px) and (min-width:720px){.content{font-size:19px}.viewport{max-width:750px}}
@media only screen and (max-width:800px) and (min-width:750px){.content{font-size:21px}.viewport{max-width:800px}}
@media only screen and (max-width:900px) and (min-width:800px){.content{font-size:22px}.viewport{max-width:900px}}
@media only screen and (max-width:1000px) and (min-width:900px){.content{font-size:22px}.viewport{max-width:1000px}}
@media only screen and (max-width:1500px) and (min-width:1000px){.content{font-size:24px}.viewport{max-width:1500px}}
.footer .top{
	float:right;
	margin-right:0.9em;
	width:auto;
}
/*------------底部end-----------------------*/