html{font-family:"microsoft yahei",arial;font-size:100%;}
html,body,div,h1,*{margin:0;margin:0;}
li{list-style:none;}
img{max-width: 100%;}

h1{font-size:2em;}
h2{font-size:1.5em;}
header{position:relative;}

a{-webkit-transition: all .2s ease; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.trans{-webkit-transition: all .2s ease; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}

#main{overflow:hidden;position:relative;}
#topbar{width:100%;display:block;background:#fff;z-index:999;height:110px;}

.logo{font-size:1.5em;text-align:center;padding:20px 0;color:#f30;}

.mainbody{margin:0 auto;width:80%;}

/*navigation bar*/
nav{background:#57b20e;margin:0 auto;text-align:center;}
nav li{display: inline-block;}
nav li a{display: inline-block;text-decoration: none;color: white;font-size: 1.25em;padding:10px 40px;}
nav li a:hover,#menuIcon:hover{color:#FFFF33;}
nav li.on a{color:#FFFF33;background:#75c00a;}


#menuIcon{
	display: none;
	color: white;
	font-weight: bold;
	font-size: 2em;
	text-decoration: none;
	font-family: arial;
}


#mainbanner{background:#D4E9F1;padding:80px 30px 30px;text-align:center;}
#mainbanner h2{text-align:center;font-size:2em;font-size:2em;}
#subtitle1{margin-top:20px;color:#4ca80e;font-size:1.25em;}
.maindesc{text-align:center;color:#333;line-height:1.5em;width:80%;margin:30px auto;}

.videoline{}
.videoline h2{text-align:center;margin:40px auto;}
.videobox{text-align:center;}

.zhichi{text-align:center;}
.zhichi h2{text-align:center;margin:20px auto;}
.zhichi h4{background:#57b20e;display:inline-block;padding:4px 10px;color:#fff;border-radius:4px;margin:30px auto;}


.fieldslist{margin:30px auto;margin-top:0;}
.fieldslist li{width:30%;display:inline-block;line-height:2em;background:#ddd;margin-bottom:2px;}



.goumai{padding:40px 0;text-align:center;border-top:1px solid #aaa;margin-top:60px;overflow:hidden;}
.goumaibar{line-height:60px;font-size:1.25em;}
.dingzhi{line-height:2em;font-size:1.5em;margin-bottom:40px;}

.lianxiqq{text-align:left;width:320px;display:inline-block;background:#fff;height:60px;padding:0px;padding-right:20px;border:1px solid #0697db;color:#fff;background:#0697db;margin-bottom:20px;}
.lianxiqq i{display:inline-block;background:url('../img/qqicon.png') no-repeat;width:60px;height:60px;vertical-align:top;margin-right:10px;}

.lianxiqq:hover{background:#2eb0ed;border:1px solid #2eb0ed;}

.tobuy{text-align:left;display:inline-block;background:#fff;height:60px;padding:0px;padding-right:20px;border:1px solid #f30;color:#fff;background:#f30;margin-bottom:20px;}
.tobuy i{display:inline-block;background:url('../img/tobuy.png') no-repeat;width:60px;height:60px;vertical-align:top;margin-right:10px;}

.tobuy:hover{background:#f5613d;border:1px solid #f5613d;}


.topzixun{background:#e59916;color:#fff;padding:4px;text-decoration:none;border-radius:50px;font-size:0.8em;display:inline-block;font-weight:normal;}


.usage{background:#ddd;margin-top:40px;}
.usage h2{padding:20px;}
.usage ul{padding:30px;}
.usage ul li{position:relative;}
.usage ul li span{background:#57b20e;color:#fff;padding:4px 10px;}
.usage ul li p{margin:20px 0;}

.screenbox{background:#ddd;margin-top:40px;}
.screenbox h2{padding:20px;}

.screen_one{padding:10px 30px;}
.screen_one img{max-width:100%;}
.screen_one img{border:10px solid #f00;}



.buybox{background:#ddd;margin-top:40px;text-align:center;}
.buybox h2{padding:20px;}
.buybox ul{padding:30px;}
.buybox ul li{position:relative;}
.buybox ul li span{color:#f30;font-weight:700;}
.buybox ul li p{margin:20px 0;}

.pricetable{border-collapse:collapse;width:40%;margin:0 auto;}
.pricetable td{border:1px solid #333;line-height:1.5em;}
.pricetable .ths td{color:#f30;}

.weixinshoukuan{max-width:100%;}
.buyqlink{vertical-align:top;padding-top:10px;margin-left:20px;display:block; width:74px;margin:10px auto;}


.serc{background:#ddd;margin-top:40px;text-align:center;overflow:hidden;}
.serc h2{padding:20px;}

.serctable{border-collapse:collapse;width:80%;margin:20px auto 20px;}
.serctable td{border:1px solid #333;line-height:2.5em;}
.serctable .ths td{color:#f30;}


.feedback{text-align:center;}
.feedback_box{width:80%;margin:0 auto;}


#sharetools{text-align:center;padding:20px 0 40px;}
#ckepop{margin:0 auto;width:400px;}


.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../img/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../img/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../img/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}


.ext_links{border:2px solid #ddd;text-align:center;padding:30px;}
.ext_links h2{padding:20px;}
.ext_links li{padding:10px 0;}

@media only screen and (max-width:1000px){
	.pricetable{width:90%;}
}
@media only screen and (max-width:900px){
	.fieldslist li{width:40%;}
	.lianxiqq{width:320px;}
	.tobuy{width:320px;}
	.pricetable{width:90%;}
	.serctable{width:90%;}
}
@media only screen and (max-width:800px){
	.videoline{display:none;}
}
@media only screen and (max-width:650px){

	.buybox{background:#ddd;margin-top:40px;text-align:center;}
	.buybox h2{padding:20px 5px;}
	.buybox ul{padding:5px;}

	.logo span{display:block;margin:10px auto;}
	.serctable{width:90%;}
	.suspend{display:none;}
	
}
@media only screen and (max-width:500px){
	.mainbody{margin:0 auto;width:98%;}
	
	nav{padding:10px 0;}
	nav ul{
			display:none;
			padding:0;
			margin: 0 5px;
			
		
	}
	#menuIcon{
		display: block;
		text-align: center;
		padding: 0 5px;
		
	}
	nav ul li{width: 100%;}
	nav ul li a{
		display:inline-block;
		padding:10px;
	}
	nav ul li.on a{
		background:none;
	}
	nav ul li:hover{
		background-color: #75c00a;
	}
	
	#mainbanner{padding:80px 10px 10px;}
	.maindesc{text-align:center;color:#333;line-height:1.5em;width:100%;margin:20px auto;}

	.fieldslist li{width:90%;}

	.lianxiqq{width:320px;}
	.tobuy{width:320px;}
	
	

	
}
@media only screen and (max-width:420px){

}
/*footer*/
footer{width: 100%;text-align: center;clear:both;background:#dedddd;padding-top:20px;margin-top:30px;}
footer li{display: inline-block;}


.flink_fbox{font-size:14px;padding:20px 0;}
.flink_header{font-weight:800;padding:10px 0;}
.flink_links{color:#ccc;}
.flink_links a{font-size:12px;color:#666;}