@charset "gb2312";
/* CSS Document */
*{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;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,input,font,figure{padding:0;font-family:Microsoft YaHei,Arial,
 Helvetica, sans-serif;margin:0 auto; }
html,body{color:#373737;font-size:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.box_swt{font-size:16px;}
a{ color:#373737; text-decoration:none;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; color:#373737;}
.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;}
.main{ width:100%; max-width:640px; padding-bottom:64px;}
/*ÉÏƯ¸¡*/
#na{ width:100%;clear:both; overflow:hidden; position:relative;}
.toTop{cursor: pointer;position: fixed;top: 0px;z-index:108; display:none;}
.toTop img{ width:100%;}
.bans img{ width:100%;}
.banners{ padding:1em 0; background:#faf0e4; text-align:center;}
.banners h3{ font-size:5.5em; line-height:1.3em; font-weight:bold; color:#d60400;}
.banners h3 span{ color:#f48d14;}
.banners h4{ font-size:2em; padding:0.6em 0;}
.cstyle {background: none repeat scroll 0 0 #00ade7;
bottom: 0;font-size: 14px;height: 64px;line-height: 1em;position: fixed;text-align: center;width: 100%;z-index: 999;}
.cstyle ul {display: table;height: 100%;margin: 0;padding: 0;table-layout: fixed;width: 100%;}
.cstyle li {display: table-cell;}
.cstyle li:nth-of-type(1) i {background-position: 0 -33px;}
.cstyle li:nth-of-type(1) a {padding-right: 6px;}
.cstyle li:nth-of-type(2) i {background-position: -40px 0;}
.cstyle li:nth-of-type(3) i {background-position: -72px 0;}
.cstyle li:nth-of-type(3) a {padding-left: 6px;}
.cstyle li:nth-of-type(4) i {background-position: -36px -33px;}
.cstyle a {color: #fff;display: block;height: 64px;padding-top: 4px;text-decoration: none;white-space: nowrap;}
.cstyle a.bg1 {background: none repeat scroll 0 0 #8fcb38;}
.cstyle a.bg2 {background: none repeat scroll 0 0 #49c5df;}
.cstyle a.bg3 {background: none repeat scroll 0 0 #f18628;cursor:pointer;}
.cstyle a.bg4 {background: none repeat scroll 0 0 #d61651;}
.cstyle .active {border-radius: 5px 5px 0 0;bottom: 8px;position: relative;transform: scale(1.11, 1.11);}
.cstyle .active {}
.cstyle .active:before, .cstyle .active:after {background: url(../images/icon_bottom.png) no-repeat scroll 0 0 / 176px auto rgba(0, 0, 0, 0);
content: "";display: block;height: 82%;position: absolute;top: 10px;width: 3px;}
.cstyle .active:before {background-position: -167px 0;right: 100%;}
.cstyle .active:after {background-position: -170px 0;left: 100%;}
.cstyle i {background: url(../images/icon_bottom.png) no-repeat scroll 0 0 / 117px auto rgba(0, 0, 0, 0);
display: block;height: 33px;margin: 0 auto;width: 36px;}
.titles{ text-align:center; height:1.8em; line-height:1.8em; background:#d40700; color:#FFF; font-size:1.7em; font-weight:bold;}
.pot-list{ padding:0.5em 0;}
.pot-list li{ float:left; width:33%; text-align:center; padding:1em 0;}
.pot-list li a{ display:inline-block; width:5em; line-height:1.5em; height:5em; font-size:1.3em; border-radius:5em; background:#780101; text-align:center; color:#FFF; padding-top:1em;}
.pot-list li:nth-child(2) a,.pot-list li:nth-child(3) a,.pot-list li:nth-child(6) a{ line-height:1.5em; padding-top:1em;}
.pot-list li:nth-child(2) a{ background:#bf0303;}
.pot-list li:nth-child(3) a{ background:#e30303;}
.pot-list li:nth-child(4) a{ background:#d42d00;}
.pot-list li:nth-child(5) a{ background:#d6265f;}
.pot-list li:nth-child(6) a{ background:#eda824;}
.exp{ width:80%; margin-top:1em; margin-bottom:1em;padding-bottom:3em;position:relative;}
.exp .tp li{background:#f5f5f5; padding:1em; position:relative;}
.exp h4{ display:inline-block; background:#4b4b4b; color:#FFF; position:absolute; right:0; top:0; z-index:999; font-size:2em; padding:5px 0.5em;}
.exp .tp li img{ float:left; margin-right:1em; border:1px solid #d2d2d2; width:40%;}
.exp .tp li h3{ font-size:1.4em; color:#d40700; line-height:1.6em; padding-top:0.5em;}
.exp .tp li h3 span{ font-size:1.5em;}
.exp .tp li p{ line-height:1.6em;font-size:1.3em; padding-top:0.3em;}
.exp .tp li h6{ text-align:center; margin-top:1em;}
.exp .tp li h6 a{ font-size:2.1em; height:1.7em; line-height:1.7em; border-radius:0.3em; width:45%; display:inline-block; background:#d40700; color:#FFF;}
.exp .tp li h6 a:last-child{ background:#ed8724;}
.exp .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; margin-left:-60px; z-index:1; }
.exp .hd li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; 
-moz-border-radius:15px; border-radius:15px; background:#6a6a6a; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.exp .hd li.on{ background:#d40700;  }
.box{font-size:16px;}
.mod-one{ padding:1em;}
.mod-one li{ float:left; width:50%; margin:1em 0;}
.mod-one li h3{ width:2em; margin-right:1em; font-size:1.5em; float:left; color:#FFF; padding:0.5em 0; line-height:1.3em; background:#780101;
 text-align:center; position:relative;}
.mod-one li p{ line-height:1.7em; padding-top:1.5em; padding-right:1em;}
.mod-one li h3:after{content:""; width:15px; height:15px; position:absolute; background:#780101;  position:absolute; right:-5px; top:50%;margin-top:-13px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.mod-one li:nth-child(2) h3,.mod-one li:nth-child(2) h3:after{ background:#bf0303;}
.mod-one li:nth-child(3) h3,.mod-one li:nth-child(3) h3:after{ background:#ed6624;}
.mod-one li:nth-child(4) h3,.mod-one li:nth-child(4) h3:after{ background:#ed8724;}
.footer{ background:#f4f4f4; border-top:1px solid #cdcdcd; padding:1em 0; text-align:center;}
.footer h3{ font-size:1.2em; margin-bottom:0.5em;}
.footer h3 a{ padding:0 10px; color:#d40700;}
.footer h3 img{ vertical-align:top; margin:0 5px;}
.footer h3 a:last-child{ color:#ed8724;}
.footer p{ padding-bottom:1em;}
@media only screen and (min-width: 320px) and (max-width: 480px){
.banners h3{ font-size:3em}
.banners h4,.exp .tp li h6 a,.exp h4{ font-size:1.2em;}
.exp .tp li h3,.exp .tp li p{ font-size:1em;}
.mod-one li p{ padding:0; font-size:0.9em;}
.exp{ width:100%;}
.exp .tp li h3, .exp .tp li p{ font-size:0.9em;}
}
@media only screen and (min-width: 320px){
	body{ font-size:87.5%;}
}
@media only screen and (min-width: 360px) and (max-width: 480px){
	body{ font-size:95%;}
	.mod-one li p{ padding-right:1em;}
}
@media only screen and (min-width: 414px) and (max-width: 639px){
	body{ font-size:1.1em}
}