*{padding:0; margin:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;font-size:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,input,font,textarea,figure{padding:0;font-family:Microsoft YaHei,Arial,
 Helvetica, sans-serif;margin:0 auto; color:#333333; font-size:100%}
html,body{ font-size:100%; background:;}
fieldset,img{ border:0; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ol,ul,li,dl,dt,dd{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
a{ color:#333333; text-decoration:none;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; color:#333333;}
.clearfix:after{display: block;font-size:0;content: " ";clear: both;height:0; line-height:0;}
input[type="submit"],
input[type="button"],
button {-webkit-appearance: none; border-radius:0px;}
.img img{ width:100%;}
/*以上都是公共样式*/
.main{ width:100%; max-width:640px; line-height:1.75em;overflow:hidden;}
.banner{margin:1em;}
section{ padding:0 1em;}
.mod-one{margin-bottom:1em;}
.mod-one li{ display:inline; float:left; width:22%; font-size:0.9em; padding:0.6em 0; margin:0 1.5%; text-align:center;}
.mod-one li img{ display:block; margin:0 auto;width:60%;}
.mod-one li:nth-child(1){ background:#25b8a5;}
.mod-one li:nth-child(2){ background:#f47753;}
.mod-one li:nth-child(3){ background:#b152a3;}
.mod-one li:nth-child(4){ background:#f3c043;}
.mod-one li a{ color:#FFF; }

.titles{ font-size:1.1em; height:2em; line-height:2em; clear:both; padding:0 0.7em; background:#28b4c3; color:#FFF;}
.titles a{ float:right; font-size:0.9em; color:#FFF;}
.mod-two{ padding:0.5em; margin-bottom:1.5em;}
.mod-two li{ font-size:1.1em; height:2.4em; line-height:2.4em; border-bottom:1px dashed #9f9f9f;}

.mod-three{ padding:1em 0;}
.mod-three li{ display:inline; float:left; margin:0.2%; width:24.6%; font-size:0.8em; line-height:2.5em;padding:0.7em 0;text-align:center;}
.mod-three li img{ display:block; margin:0 auto;width:41.5%;}
.mod-three li:nth-child(1),.mod-three li:nth-child(8),.mod-three li:nth-child(9){ background:#b152a3;}
.mod-three li:nth-child(2),.mod-three li:nth-child(7),.mod-three li:nth-child(10){ background:#25b8a5;}
.mod-three li:nth-child(3),.mod-three li:nth-child(6),.mod-three li:nth-child(11){ background:#f47753;}
.mod-three li:nth-child(4),.mod-three li:nth-child(5),.mod-three li:nth-child(12){ background:#f3c043;}
.mod-three li a{ color:#FFF;}


.exp{ margin:1em 0;}
.exp .top{ padding-bottom:1em; border-bottom:1px dashed #c2c2c2; margin-bottom:0.5em;}
.exp .top li{ display:inline; float:left; width:24%; font-size:0.9em; margin:0 0.5%; text-align:center;height:1.8em; line-height:1.8em;
background:#e9eaec;}
.exp .top li.on{background:#28b4c3; color:#FFF;}

.exp .bot{ margin:0 auto; padding:1em 0;}
.exp .bot li{ width:95%;}
.exp .bot .left{ float:left; text-align:left; width:72%; padding:2% 5% 0 5%; }
.exp .bot img{ float:left;margin-top:0.5em; width:22.5%;}
.exp .bot .left h3{ color:#28b4c3;  border-bottom:1px dashed #c2c2c2; padding-bottom:0.5em; margin-bottom:0.5em;}
.exp .bot .left h3 span{ color:#333; font-size:1.2em;}
.exp .bot .left p{line-height:1.7em; font-size:0.7em; }
.exp .bot .left p a{ color:#ff0000;}

.mod-four{ width:95%; text-align:center; margin-top:1em;}
.mod-four a{ display:inline-block; height:2.2em; line-height:2.2em; padding:0 0.8em; font-size:0.85em;  color:#FFF; 
background:#28b4c3; border-radius:5px;}
.mod-four a:last-child{ background:#f75e32; margin-left:3%;}

.footer{ background:#f4f4f4; text-align:center; padding:1em 0; margin:0 1em;margin-bottom:6em;}
.footer h3{ font-size:1.1em; color:#28b4c3;}
.footer p{ line-height:1.7em; margin-top:0.5em; font-size:0.95em;}
.footer p span{color:#28b4c3;}

.com-title{ height:2.3em; line-height:2.3em; font-size:0.9em; background:#ededed;margin-top:1em; padding:0 0.6em; clear:both;}
.com-title span{ float:right; font-size:0.8em;}
.com-title span a,.list li p a{ color:#fd0303;}

.list{}
.list ul{ padding:0.5em 0;}
.list li{ padding:1.3em 0; font-size:0.9em; border-bottom:1px dashed #9f9f9f;}
.list li h3{ text-indent:1em;color:#28b4c3; font-size:1.1em;}
.list li p{line-height:2em; margin-top:0.3em;}
.list li h3 a{ color:#28b4c3;}

.mod-five{ width:95%; height:1.8em; border-radius:1.8em; margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center; 
line-height:1.8em; background:#f3c043;}
.mod-five a{ color:#FFF;}
.mod-five i{ padding:0 5%;}

.mod-six{ background:#b152a3; padding:0 1em; margin-bottom:2em;}
.mod-six img{ float:left; margin-right:0.7em; width:37%;}
.mod-six h3{ font-size:1.4em; line-height:1.4em; padding-top:0.7em; margin-bottom:0.1em; font-weight:bold;color:#FFF; }
.mod-six h4{color:#FFF; text-indent:0.3em; }
.mod-six h4 span{}

.arc{ padding:1.5em 0;}
.arc h1{ text-align:center; font-weight:bold; font-size:1.2em;}
.arc h2{ text-align:center; padding:0.5em; font-size:0.9em;border-bottom:1px dashed #9f9f9f;}
.arc p{ text-indent:0em; line-height:1.8em;padding:0 0.5em; font-size:1.1em; margin:1em 0;}

.mod-seven{ text-align:center;}
.mod-seven a{ display:inline-block; margin:0 2.5%; width:45%;}
.mod-seven a img{ width:62%;}

.arc-page{ margin-bottom:1.5em;}
.arc-page li{line-height:2em;}

.mod-eight h2{ height:2.5em; line-height:2.5em; font-size:0.93em;  background:#6230ad; color:#FFF;  }
.mod-eight h2 span{ color:#FFF; background:#28b4c3; display:inline-block; padding:0 1em; margin-right:1em; 
border-right:1px solid #FFF; font-size:1.1em;}
.mod-eight ul{ padding:1em 0;}
.mod-eight ul li{ height:2em; line-height:2em;}


.swf{ width:100%; position:relative; position:fixed;bottom:0; background:#28b4c3; padding-top:1em; 
padding-bottom:0.5em;}
.swf ul:nth-child(1){ float:left; width:40%;}
.swf ul:nth-child(2){ float:right; width:40%;}
.swf ul:nth-child(1) li{ width:50%;}
.swf ul:nth-child(2) li{ width:50%;}
.swf ul li{ display:inline; float:left; line-height:1.7em; font-size:1em;  text-align:center;}
.swf ul li img{ display:block; margin:0 auto; width:30%}
.swf ul li a,.swf h6 a{ color:#FFF;}
.swf h6{ position:absolute; left:50%; top:-1em; margin-left:-2em;  font-weight:bold; height:4em; line-height:2.8em;
 font-size:1.2em;  width:4em; text-align:center;  border-radius:8em;background:#28b4c3; }
.swf h6 a{ display:block; background:#f3c043;border-radius:8em; height:3em; width:3em;
margin:0.45em 0 0 0.5em;}








@media only screen and (max-width: 320px){
.main{ font-size:0.75em;line-height:1.8em;}
}
@media only screen and (min-width: 360px)and (max-width: 384px){
.main{ font-size:0.875em;line-height:1.8em;}
}
@media only screen and (min-width: 385px)and (max-width: 480px){
.main{ font-size:1em;line-height:1.8em;}
}
@media only screen and (min-width: 481px)and (max-width: 639px){
.main{ font-size:1.25em;line-height:1.8em;}
}
@media only screen and (min-width: 640px)and (max-width: 719px){
.main{ font-size:1.56em;line-height:1.8em;}
}