@charset "utf-8";
html,body,div,ul,ol,li,p,h3,h4,span,input,textarea,select,option,table,tr,td,dd,dl,strong{
	padding: 0;
	margin: 0;

}
body{font-family:"微软雅黑";width:100%;color:#202020;overflow-x:hidden;  font-size:24px; }
img{border:none;max-width:100%; vertical-align:middle}
ul,li{list-style-type:none;}
input{outline: none;}
a{text-decoration:none;}
.clear{clear: both;}
.main{ margin:0 auto;min-width:320px;max-width:640px;}
.bt{ width:100%; margin:4% auto 3% auto; background:url(../images/bt_bj.jpg) no-repeat; background-size:100%; color:#4498ff; padding:2.2% 0; text-indent:4%;}
.bt a{ color:#FFF}
.ziti{font-size:20px !important;}

/****content****/
.con0{ width:94%; margin:4% auto 0 auto;}
.con0 ul li{ width:32%; float:left; text-align:center; margin-right:2%; margin-bottom:2%; padding:2% 0; text-indent:4%; color:#FFF; box-sizing:border-box}
.con0 ul li a{ color:#FFF}
.con0 ul li.lz{ margin-right:0 !important}
.con0 ul li.c0_1{ background:url(../images/c0_1.jpg) 14% 50% #47b3ff no-repeat; background-size:18%}
.con0 ul li.c0_2{ background:url(../images/c0_2.jpg) 14% 50% #a03aff no-repeat; background-size:18%}
.con0 ul li.c0_3{ background:url(../images/c0_3.jpg) 14% 50% #d356b4 no-repeat; background-size:18%}
.con0 ul li.c0_4{ background:url(../images/c0_4.jpg) 14% 50% #7d56fe no-repeat; background-size:18%}
.con0 ul li.c0_5{ background:url(../images/c0_5.jpg) 14% 50% #57a559 no-repeat; background-size:18%}
.con0 ul li.c0_6{ background:url(../images/c0_6.jpg) 14% 50% #3db0ba no-repeat; background-size:18%}
.con0 ul li.c0_7{ background:url(../images/c0_7.jpg) 14% 50% #b47c44 no-repeat; background-size:18%}
.con0 ul li.c0_8{ background:url(../images/c0_8.jpg) 14% 50% #af56bf no-repeat; background-size:18%}
.con0 ul li.c0_9{ background:url(../images/c0_9.jpg) 14% 50% #e1840b no-repeat; background-size:18%}

.con1{ width:94%; margin:4% auto 0 auto;}
.con1 ul li{ width:30%; float:left; text-align:center; margin-right:5%; margin-bottom:2%;box-sizing:border-box}
.con1 ul li.lz{ margin-right:0 !important}
.con1 ul li img{ width:60%; margin-bottom:4%;}
.con1 ul li.c1_1 a{ color:#aad00b}
.con1 ul li.c1_2 a{ color:#f97d00}
.con1 ul li.c1_3 a{ color:#8d6ce1}
.con1 ul li.c1_4 a{ color:#ad5dd3}
.con1 ul li.c1_5 a{ color:#f32b8e}
.con1 ul li.c1_6 a{ color:#0cb5ec}

.zhuanjia{ width:94%; margin:0 auto;}
.zhuanjia .zj{width:100%;overflow:hidden;}
.zhuanjia .bh{ height:16px; overflow:hidden; margin-left:0%;}
.zhuanjia .bh li{ width:20px; height:16px; float:left; display:inline;background:#d4d4d4; line-height:16px; text-align:center; color:#fff; margin-right:0.5%; font-size:12px;}
.zhuanjia .bh li.on{ background:#4498ff;}




/* --------------------------------------------------------*/
@media screen and (min-width:500px) and (max-width:640px){
	body{ font-size:20px;}
	.ziti{font-size:16px !important;}
	.con0 ul li{text-indent:6%}
	}
@media screen and (min-width:400px) and (max-width:499px){
	body{ font-size:18px;}
	.ziti{font-size:15px !important;}
	.con0 ul li{text-indent:8%}
	}
@media screen and (min-width:360px) and (max-width:399px) {
	body{ font-size:16px;}
	.ziti{font-size:13px !important;}
	.con0 ul li{text-indent:8%}
	}
@media screen and (max-width:359px) {
	body{ font-size:14px;}
	.ziti{font-size:12px !important;}
	.con0 ul li{text-indent:8%}
	.bt{ padding:1.5% 0;}
	}