html{font-size:10px;}

@media screen and (max-width: 320px){html{font-size: 9px;} }

@media screen and (min-width: 320px) and (max-width: 352px){html{font-size: 10px;} }

@media screen and (min-width: 352px) and (max-width: 384px){html{font-size: 11px;} }

@media screen and (min-width: 384px) and (max-width: 416px){html{font-size: 12px;} }

@media screen and (min-width: 416px) and (max-width: 448px){html{font-size: 13px;} }

@media screen and (min-width: 448px) and (max-width: 480px){html{font-size: 14px;} }

@media screen and (min-width: 480px) and (max-width: 512px){html{font-size: 15px;} }

@media screen and (min-width: 512px) and (max-width: 544px){html{font-size: 16px;} }

@media screen and (min-width: 544px) and (max-width: 576px){html{font-size: 17px;} }

@media screen and (min-width: 576px) and (max-width: 608px){html{font-size: 18px;} }

@media screen and (min-width: 608px) and (max-width: 640px){html{font-size: 19px;} }

@media screen and (min-width: 640px){html{font-size: 20px;} }

*{ margin:0; padding:0; }

li{list-style:none; }

a{text-decoration:none;}

a:hover{text-decoration:none;}

img{border:0;max-width:100%; margin:0 auto;}

input,textarea,select {outline:none; border:0; resize: none;background:#fff;}

h1,h2,h3,h4,h5,h6,strong { font-weight:normal; }

i,em {font-style:normal; }

body {max-width:640px;margin:0 auto;font-family:"microsoft yahei"; background-color:#f0f0f0;}

.clear{clear: both;}

.red{color:#ff0000;font-weight: bold;}

.logo,.banner{width:100%;overflow:hidden;}

nav ul li{width:25%;line-height:3rem;height:3rem;float:left;text-align:center;background:#017f7c url(../images/ico.jpg) repeat-y right;border-bottom:1px solid #009894;}

nav ul li a{color:#fff;font:1.4rem/3rem "microsoft yahei";}

.title_bt{margin:0.5rem auto;}

.title_con{background-color: #FFFFFF;width:94%;margin: 0 auto;overflow: hidden;padding:1rem 1%;}

.title_con_img{width: 28%; padding: 1%;float: left;}

.title_con_img img{width:8.25rem;height:7.5rem;}

.title_con_nav{width: 68%; padding:1%;float: left;}

.title_con_nav ul{}

.title_con_nav li{width:31%;margin-right:1%;text-align:center; float: left;border:1px solid #c9c9c9;border-radius:0.2rem;height:1.75rem;line-height: 1.75rem;margin-bottom:0.8rem;font-size: 1.1rem;}

.title_con_nav li a{color:#000000;}

.title_con_nav span{background-color:#0e8783;color: #ffffff;width:48%; height:2rem;line-height:2rem; display:inline-block;text-align:center; font-size:1.2rem}

.title_con_nav .bgcl{ background-color: #ff5400;margin-left:1%;}

.title_con p{float:left;font-size:1.1rem;line-height: 1.5rem;}

.title_youfa{background-color:#FFFFFF;width:90%;margin:0 2%;overflow: hidden;padding:0.6rem 3%;display:inline-block;}

.title_youfa ul{width: 100%;}

.title_youfa li{width: 33.33%;float: left;}

.title_youfa ul li img{width:100%; border: none;}

.title_youfa p{float:left;color: #017f7c;font-size:1.1rem;line-height: 1.5rem;}

.title_jc1{width: 100%; height:2.25rem;line-height:2.25rem;background-color:#ffffff;border-bottom:1px solid #005a58;text-align: center;color: #017f7c;font-weight: bold;font-size: 1.3rem;margin-bottom: 0.7rem;}

.title_jc{background-color:#FFFFFF;width:90%;margin:0 2%;overflow:hidden;padding:0.6rem 3%;display:inline-block; margin-bottom: 0.6rem;}

.title_jc p{font-size:1.1rem;text-indent: 2em;line-height: 1.5rem;margin-bottom:0.8rem;}

.title_jc ul{width:100%;float:left; margin-bottom:0.5rem;}

.title_jc ul li{ background-color: #ff5400;width:32%; border:1px solid #ffffff;float:left;font-size: 0.9rem; text-align: center;color: #ffffff;height: 2rem;line-height: 2rem;}

.title_jc ul li a{color: #FFFFFF;}

.title_jc2{background-color:#FFFFFF;width:90%;margin:0 2%;overflow:hidden;padding:0.6rem 2%;display:inline-block; margin-bottom: 0.6rem;}

.title_jc2 p{font-size: 1.1rem;text-indent: 2em;line-height: 1.5rem;margin-bottom:0.8rem;}

.title_jc2 ul{width:100%;float:left; margin-bottom:0.5rem;}

.title_jc2 ul li{width:31.33%;margin:1%;float:left;}

.title_jc3{background-color:#FFFFFF;width:90%;margin:0 2%;overflow:hidden;padding:0.6rem 3%;display:inline-block; margin-bottom: 0.6rem;}

.piczi{font-size: 0.8rem;line-height: 1.3rem;}

.piczi img{float:left;width:37%;display: block;}

.piczi p{width:61%;text-indent: 2em;line-height: 1.5rem;float: left;padding-left: 2%; font-size:1.1rem;}

.zipic{font-size: 0.8rem;line-height: 1.3rem; margin-top: 0.5rem; margin-bottom: 1rem;float: left;}

.zipic img{width:30%;}

.zipic p{margin-top:0.5rem;width:68%;text-indent: 2em;line-height: 1.5rem;float: left;padding-right:2%;font-size:1.1rem;}





/*dibu*/

.biaodan2{background: #fff;margin: 8px 0px 0;padding: 0 0 4px; font-size:13px;}

.biaodan2 h3{ display:block; overflow:hidden;}

.biaodan2 h3 img{ float:left; width:100%; height:auto;}

.biaodan2 h3 span{color: transparent;}

.biaodan2 p{line-height: 40px;overflow: hidden;text-indent: 0px; margin:0 8px 8px;}

.biaodan2 p img{ float:left; width:100%; height:auto;}

.biaodan2 p label,.biaodan2 p input,.biaodan2 p textarea{display: block;float:left;}

.biaodan2 p label{background: #f1f1f1; line-height:42px; display:inline-block;font-size:16px;width:30%;text-align: center;}

.biaodan2 p input,.biaodan2 p textarea{width: 70%;padding:0px 8px; line-height:40px; height:40px; display:inline-block; border:1px solid #f1f1f1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-appearance:none;}

.biaodan2 p .act-submit,.biaodan2 p .act-submit1{ float:left; background: #058c73;  margin:4px 0;font-size:16px; color:#fff; border-radius:6px;}

.biaodan2 p .act-submit1{ float:right; background:#f1f1f1; color:#333; border:1px solid #f1f1f1}

.biaodan2 p .act-reset{background:#f1f1f1;width: 70%;text-align: center;}

.biaodan2 .act-other{line-height: 28px;padding: 8px;background: #f1f1f1;display:block;margin: 0px;}

.biaodan2 .act-other a{color:red;text-decoration: none;display: inline;}

.biaodan2 .jiami{display: block;margin:6px 10px;}

.biaodan2 .zhu{display:block;line-height: 29px; background:#fff; color:#333; border-radius:4px; color:red;float:left; width:100%; margin:0; text-indent:2em;}

.biaodan2 .zhu img{ vertical-align:middle; width:26px; height:22px;}

.biaodan2 h4{ font-size:14px;  padding-left:8px; display:block; overflow:hidden; line-height:26px; font-weight:normal; }

.biaodan2 h4 span{ padding:0px 6px; float:left; margin-right:10px; position:relative; background:#058c73; color:#fff;}

.biaodan2 h4 span:before{ content:""; position:absolute; right:-6px; top:8px; border-left:6px solid #058c73; border-top:6px solid #fff; border-bottom:6px solid #fff;}

.biaodan2 ul {overflow: hidden; padding-left:5px;  display:block; margin:0 8px 8px; border-bottom:1px solid #d7e3db; padding-bottom:4px;}

.biaodan2 ul li { float:left; width:50%;font-size: 13px;color: #333;margin-top: 4px;height: 24px;line-height: 24px;}

.put{ margin-right:8px; float:left; margin-top:6px;}

.biaodan2 ul li input {vertical-align: middle;}

#bd{ margin-bottom:10px;}

#bd img{ float:left; width:70px; height:74px;}

#bd span{ float:right; position:relative; border-radius:6px; background:#ff6600; padding:10px 10px; color:#fff;  line-height:20px; margin-top:8px;}

#bd span:before{ content:""; float:left; position:absolute; left:-10px; top:20px; border-right:10px solid #ff6600; border-top:6px solid #fff; border-bottom:6px solid #fff;}



.nav_foot{position:fixed;width:100%;height:75px;left:0px;bottom:-8px;}

.nav_foot ul{margin-top:20px;}

.nav_foot ul li{width:20%; height:48px;float:left;background:#058c73;text-align:center;line-height:28px;}

.nav_foot ul li a{color:#fff;}

.nav_foot ul li a em,.nav_foot .cir div em{font-size:1.2rem;display:block;margin:0 auto; height:20px;}

.nav_foot ul li a span{display:block; font-size:12px;}

.nav_foot ul li:nth-child(3){ height:47px;}

.pos{position: absolute;left: 50%;bottom:0px; margin-left:-37px;}





.foot { padding:1em 1em 11em 1em; background:#0a8379; margin:30px 0 0;}

.foot img{width:100%; height:auto;float:left;}

.foot p {float:left;color:#fff;margin-top:0.8em;}

.foot a { color:#FFF; float:right}

.up { float:right; margin-top:4%; display:block; background:#ea6c18; text-align:center; padding:1% 2%; }





@media only screen and (min-width: 480px) and (max-width: 639px){

.foot { padding:1em 1em 14em 1em; background:#0a8379;}

}

@media only screen and (min-width: 360px) and (max-width: 479px){

 .foot { padding:1em 1em 14em 1em; background:#0a8379; margin:55px 0;}

}

@media only screen and (min-width: 320px) and (max-width: 360px){

.foot { padding:1em 1em 14em 1em; background:#0a8379; margin:35px 0;}

}