@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#333} 
body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px; background: #fff; }
input[type="submit"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
textarea,select,input,button{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
:not(input), :not(textarea){/*-webkit-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;*/ -webkit-text-size-adjust: none}
.fl{ float:left;}
.fr{ float:right;}
.b{ vertical-align:top; width:100%;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height: 0;}
.cfix{*zoom:1;}
.public-focus .hd,
.public-focus .hd ul,
.public-focus .hd ul li{font-size: 0; line-height: 0;}
img[data-src]{ background: url("/static/images/loading.gif") center center no-repeat;}

.cnt{width: 93.75%;margin-left:auto;margin-right:auto;}
.m{padding-bottom: 0.3rem;}
.m .zhd{font-size: 0;text-align: center;margin-bottom: 0.3rem;}
.m .zhd img{display: block;margin: 0 auto;}

.my-btn,.my-btn2{text-align: center;font-size: 0;line-height: 0;}
.my-btn a{display: inline-block;height: 0.6rem;color: #fff;font-size:0.27rem;color:#fff;line-height: 0.6rem;text-align: center;vertical-align: top;padding:0 0.6rem;background:#ff9b57;border-radius: 0.3rem;}

.m1{margin: 0.4rem 0 0 0;}
.m1 .row1{margin: 0 0 0.2rem 0;}
.m1 .row1 .pic{float: left;width: 2.52rem;}
.m1 .row1 .intro{float: right;width: 3.29rem;}
.m1 .row1 .des{height:2.5rem;padding:0.1rem 0.15rem;margin:0.1rem 0 0 0;font-size:0.2rem;color:#999;line-height:0.3rem;background: #f1f1f1; border-radius: 5px;}
.m1 .row1 .des span{color: #4cbcca;}
.m1 .row1 .des a{display: block;width: 2.4rem;height: 0.48rem;margin:0.05rem auto 0;line-height: 0.48rem;text-align: center;color: #fff;font-size: 0.2rem;background: #ff9b57; border-radius: 0.24rem;}

.m1 .row2{padding:0.1rem 0.15rem;margin:0 0 0.2rem 0;color:#fff;font-size:0.2rem;line-height:1.5;background: #4cbcca; border-radius: 0.1rem;}
.m1 .row2 li{float:left;width: 1.29rem;text-align: center;}
.m1 .row2 .info{width: 1.8rem;padding: 0 1em 0 0;}

.m2{padding-top:0.3rem;background: #d9f5f8;}
.m2 .intro{margin-bottom:0.3rem;font-size: 0.2rem;line-height: 1.5;text-indent: 2em; color: #333;}
.m2-tab{margin-bottom: 0.25rem;}
.m2-tab .hd{margin-bottom: 0.15rem;}
.m2-tab .hd ul{margin-left: -0.13rem;}
.m2-tab .hd li{position:relative;float: left;width: 1.4rem;padding:0.15rem 0;font-size:0.24rem;line-height:0.3rem;margin:0 0 0 0.13rem;text-align:center;color:#fff;background: #4cbcca;}
.m2-tab .hd li.on{background: #ff9b57;}
.m2-tab .hd li.on:after{position: absolute; left: 50%;bottom: -10px; margin: 0 0 0 -5px; content: '';height: 0; border: 5px solid transparent; border-top-color: #ff9b57;}
.m2-tab .bd{background: #fff;}
.m2-tab .bd .con{padding: 0.1rem;}
.m2-tab .bd .pic{width: 2.81rem;}
.m2-tab .bd .info{float:right;width: 2.7rem;padding: 0 0.1rem 0 0;font-size: 0.2rem;line-height: 1.5;}
.m2-tab .bd .info p{height: 3rem;padding: 0.1rem 0 0 0;}
.m2-tab .bd .info a{display: block;width: 2.4rem;height: 0.48rem;margin:0 auto;font-size: 0.2rem;color: #fff;line-height: 0.48rem;text-align: center;background: #ff9b57;border-radius: 0.24rem;}

.m3{padding-top:0.3rem;}
.vbox{width: 5rem;margin: 0 auto 0.4rem;}
.vbox .video{height: 3.1rem;position: relative;}
.vbox .video video{position: relative; z-index: 1; display: block;width: 100%;height: 3.1rem;background: #000;}
.vbox .video span{position: absolute; z-index: 2;left:0;top:0;width: 100%;height: 3.1rem;}
.vbox p{height: 0.6rem;background: #4cbcca;line-height: 0.6rem;text-align: center;font-size: 0.22rem; color: #fff;}
.m3 .info{padding: 0.2rem; margin-bottom: 0.2rem; color: #999;font-size: 0.2rem;line-height: 1.5; border-top: 1px dotted #e7e7e7; border-bottom: 1px dotted #e7e7e7;}
.m3 .info span{color: #4cbcca;}
.m3 .info a{color: #ff9b57;}
.m3 .pic{margin-bottom: 0.3rem;}
.m3 .row2{padding: 0.1rem 0 0 0;}
.m3 .row2 ul{margin: 0 0 0 -0.15rem;}
.m3 .row2 li{float: left;width: 1.9rem;margin: 0.2rem 0 0 0.15rem;}
.m3 .row2 li img{display: block;}
.m3 .row2 li .p1{padding:0.1rem 0 0;font-size: 0.2rem;color: #333;white-space:nowrap; line-height: 1.5;}
.m3 .row2 li .p2{font-size: 0.2rem;color: #999;white-space:nowrap; line-height: 1.5;}
.m4{margin: 0;padding: 0;}

.m5{padding:0.3rem 0;background: #d9f5f8;}
.m5 .hd{margin: 0 0 0.3rem 0;}
.m5 .hd li{position:relative;float: left;width: 20%; overflow: hidden; text-align: center;font-size: 0.2rem;line-height: 0.26rem;}
.m5 .hd li:before{position: absolute;z-index:2;top:0;left:50%;margin:0 0 0 -6px;content:'';width: 12px;height: 12px;font-size:0;border-radius: 100%; background: #4cbcca;}
.m5 .hd li:after{position: absolute;z-index:1;left:0;top:6px;content:'';width: 100%;height: 1px;font-size:0;background: #4cbcca;}
.m5 .hd li p{padding: 0.3rem 0 0 0;}
.m5 .hd li.on{color: #ff9b57;}
.m5 .hd li.on:before{background-color: #ff9b57;}
.m5 .bd{}
.m5 .bd img{display: block;}
.m5 .bd .p1{padding:0.2rem 0;text-align: center;color: #4cbcca;font-size: 0.24rem;line-height: 1.5;}
.m5 .bd .p2{line-height: 0.48rem;font-size:0.2rem;border-bottom: 1px dotted #bac4c5;}
.m5 .bd .p2 span{color: #4cbcca;}
.m5 .bd .p3{width: 3.4rem;margin: 0 auto;padding: 0.35rem 0 0 0;font-size: 0;}