/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑"; }

html,body{}

body{Font-size:62.5%;font-family:"microsoft yahei";font:14px/22px; min-width:320px; max-width:640px; margin:0 auto;}

.R{ float:right;}

#kzk{  margin:0 auto; max-width:1000px;}
/*logo部分*/

#logo{ width:100%;overflow:hidden; background:url(../images/logo_bg.jpg) repeat-x; /* position: fixed; top:0; height:5em; z-index: 1000;  实现头部永居顶*/}

#logo .ico-home{float:left;width:12%;overflow:hidden;text-indent:-9999em;background:url(../images/home.png) center no-repeat;}

#logo #title{text-align:center;background:url(../images/logo.png); }

.logo2{width:100%;background:url(../images/logo.png) no-repeat center;}

#logo .pho{ color:#fff; font-size:1.8em; padding-right:1%; }

#logo .pho span{font-style: italic; color:#fff; font-weight:bold; font-size:1.1em;}

/*主导航样式*/

#nav{ width:100%; background:#e9e9e9; padding-bottom:0.8%; max-height:102px; line-height:102px; font-size:2.5em;}

#nav ul li{ float:left; width:15%; margin-left:1.66%; text-align:center;}

#nav ul li a{ color:#5e5e5e;}

#nav ul li a:hover{ color:#2a408b;}


		  
li{ list-style:none;}


.clear{ clear:both;}
		
a{ text-decoration:none;}


.main{ background:#e11432; overflow:hidden;}

.sd{ padding:0% 6% 2%; overflow:hidden; } 

.sd li{ width:46%; float:left; margin:4% 2% 2%;}


/*.hou{ width:21%; position:absolute; left:78%; top:50%;}

@media only screen and (min-device-width: 320px){.hou{ top:45%;}}

@media only screen and (min-device-width: 375px){.hou{ top:51%;}}

@media only screen and (min-device-width: 414px){.hou{ top:54%;}}

@media only screen and (min-device-width: 768px){.hou{ top:50%;}}

*/

.biao{ clear:both; color:#7a7a7a; margin:0 auto;  overflow:hidden; padding:5% 0% 13%; background:url(../images/pho_bg.png) no-repeat;  background-size:100%;}
.biao h3{ color:#fff; font-size:2em; font-weight:bold; text-align:center;}
.biao h4{font-size:1em; color:#000; text-align:center;}

.biao form{ width:80%; margin:0 auto;}

.biao ul li{ width:100%; display:block; clear:both;}

.biao ul li:nth-child(1){ color:#fe5945; text-align:center;font-size:1.2em;}


.biao input{ width:80%; background:#fcf3de; padding:3% 0 3% 25%; border:0;  font-size:1em; float:left; margin-top:5%;}

.biao .name{
	border:0;
	background:url(../images/name_bg.png) no-repeat;
	background-size:100%;
	font-weight:normal;
}
.biao .tel{
	border:0;
	background:url(../images/tel_bg.png) no-repeat;
	background-size:100%;
}

#go{ width:70%; margin:0 auto; clear:both; overflow:hidden; background:#ffe700; 
color:#bd0a2a; font-size:2em; font-weight:bold;padding:2.5% 0% 4%;
 margin-left:16%; margin-top:8%; cursor:pointer;
  border-radius:50px; box-shadow:5px 5px 10px #000;
  -moz-border-radius:10px; -moz-box-shadow:5px 5px 10px gray;
}

.biao .name01{
	border:0;
	background:url(../images/name01_bg.png) no-repeat;
	background-size:100%;
	font-weight:normal;
}
.biao .tel01{
	border:0;
	background:url(../images/tel01_bg.png) no-repeat;
	background-size:100%;
}

#go01{ width:70%; margin:0 auto; clear:both; overflow:hidden; background:#ffe700; 
color:#6800d1; font-size:2em; font-weight:bold;padding:2.5% 0% 4%;
 margin-left:16%; margin-top:8%; cursor:pointer;
  border-radius:50px; box-shadow:5px 5px 10px #000;
  -moz-border-radius:10px; -moz-box-shadow:5px 5px 10px gray;
}



.ys{ background:#39353a; width:100%; margin:0 auto;}
.jxms{ background:#6800d1; width:100%; margin:0 auto;}


.bottom-btn{
    margin:0 auto;
    width:100%;    
	max-width:640px;  
    bottom:0px;
    position:fixed;
    z-index:999;
    background-color:#2a2a2a;
	height:8%;
}
.bottom-btn a{ width:50%;  text-align:center; margin:0 auto; display:block; float:left; padding:2% 0;}

/*二维码部分*/
#cgw-500{width: 100%;height:400px;}

.cgw-500{
			
			display:table;
			/*color:#FFFFFF;*/
			color:white;
			background:#666263 url('../images/bg.jpg') no-repeat top center;
			
			background-size:100% auto;
			margin:0 auto;
}
.cgw-500-posit{
	position:absolute;
	width:100%;
	height:400px;
	top:50%;
	margin:-200px 0 0 0;
	padding-top: 30px;
}
.cgw-500 h1{
	padding-bottom:2px;
	font-size:26px;
	line-height:140%;
}
.cgw-500 h2{
	font-size:15px;
	padding-bottom:5px;
	line-height:130%;
}
.cgw-500 h3{
	font-size:12px;
	margin:0 0 15px 0;
}
.cgw-500 img.ercode{
	width:200px;
	height:200px;
	margin:0 auto 2.5em auto;
}
.cgw-500 a.cgw-red{
	display:block;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#FFFFFF;
	background-color:#D70D2B;
	margin:10px auto 0 auto;
}
.cgw-500 .cgw-500-bt{
	display:block;
/*	position:absolute;
	bottom:2.36em;*/
	width:100%;
}
.panel {
    display: block;
    
    height: 100vh;
    font-family: Microsoft YaHei;
    line-height: 23px;
    font-size: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.cgw-500 h1,.cgw-500 h2,.cgw-500 h3,.cgw-500 h4,.cgw-500 h5{
	display:block;
	width:90%;
	margin:0;
	padding:0 5% 0 5%;
	font-weight:normal;
}

@media screen and (max-width: 480px){
	.cgw-500 img.ercode{
	width:170px;
	height:170px;
	margin:1em auto 2.5em auto;
	}
	#cgw-500{width: 100%;height:300px;}
	.cgw-500-posit{
	position:absolute;
	width:100%;
	height:300px;
	top:50%;
	margin:-200px 0 0 0;
	padding-top: 55px;
	
	}
	.cgw-500 h1,.cgw-500 h2,.cgw-500 h3,.cgw-500 h4,.cgw-500 h5{
	display:block;
	width:90%;
	margin:0;
	padding:0 5% 0 5%;
	font-weight:normal;
	font-size: 0.8em;
}
}