/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font-size: 12px;
    line-height: 1.5em;
}
/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}
input,select,textarea{
    font-size:100%;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
    border:0;
    width: 100%;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}
a:hover {
    text-decoration:none;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-mr{margin-right:0!important}
.no-mb{margin-bottom:0!important}
.no-pr{padding-right:0!important;}
.no-pb{padding-bottom:0!important}
/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    margin: 0 auto;
}
/* header*/
.top{
    width: 6.4rem;
    height: .73rem;
    background-color: #fff;
    padding: 0 .2rem;
    box-sizing:border-box;
}
.top h2{
    width: 5.3rem;
    float: left;
    background: url(/images/top-icon.jpg) no-repeat left center;
    background-size: .41rem;
    padding-left: .48rem;
    font-size: .24rem;
    color: #333;
    line-height: .73rem;
    box-sizing:border-box;
}
.top a.a1{
    float: right;
    width: .64rem;
    height: .34rem;
    line-height: .34rem;
    border-radius: .04rem;
    background-color: #009582;
    font-size: .24rem;
    text-align: center;
    color: #fff;
    margin-top: .19rem;
}

.top-bt{
    width: 6.4rem;
    height: .7rem;
    background-color: #009582;
    padding-right: .2rem;
    box-sizing:border-box;
}
.top-bt-l{
    width: 1.76rem;
    float: left;
}
.top-bt-l img{
    display: block;
    width: 1.76rem;
}
.top-bt a{
    float: left;
    width: .9rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .3rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.top-bt-cen{
    float: left;
    width: .2rem;
}
.top-bt-cen img{
    display: block;
    width: .2rem;
}
.top-right{
    float: right;
    width: .38rem;
    margin-top: .15rem;
}
.top-right img,.top-right a{
    display: block;
    width: .38rem;
}
.cont{
    width: 6rem;
    margin: 0 auto;
}
.m1-tit{
    font-size: .32rem;
    line-height: .78rem;
    color: #333;
}
.m1-nav li{
    width: 1.86rem;
    float: left;
    margin-right: .21rem;
    box-sizing:border-box;
}
.m1-nav li:nth-of-type(1){
    width: 1.86rem;
    height: 1.19rem;
    background: url(/images/img1-bg.jpg) no-repeat;
    background-size: 100%;
}
.m1-nav li:nth-of-type(1) a{
    display: block;
    background: url(/images/icon1.png) no-repeat .17rem .27rem;
    background-size: .4rem;
    font-size: .26rem;
    line-height: .4rem;
    padding-left: .6rem;
    color: #f43e3e;
    font-weight: bold;
    padding-top: .35rem;
}
.m1-nav li:nth-of-type(2),.m1-nav li:nth-of-type(3){
    width: 1.86rem;
    border:.02rem solid #bfbfbf;
    border-radius: .15rem;
    padding: .18rem 0;
}
.m1-nav li:nth-of-type(2) a,.m1-nav li:nth-of-type(3) a{
    display: block;
}
.m1-nav li:nth-of-type(2) span,.m1-nav li:nth-of-type(3) span{
    display: block;
    font-weight: bold;
    font-size: .26rem;
    line-height: .42rem;
    padding-left: .6rem;
    box-sizing:border-box;
}
.m1-nav li p{
    text-align: center;
    margin-top: .08rem;
}
.m1-nav li p i{
    font-size: .24rem;
    color: #777;
    text-decoration: line-through;
}
.m1-nav li p strong{
    font-size: .24rem;
    color: #ff0101;
}
.m1-nav li:nth-of-type(2) span{
    color: #2296bf;
    background: url(/images/icon1.png) no-repeat .19rem -.77rem;
    background-size: .4rem;
}
.m1-nav li:nth-of-type(3) span{
    color: #fe4800;
    background: url(/images/icon1.png) no-repeat .18rem -1.37rem;
    background-size: .4rem;
}
.m1-cont-tit{
    width: 6.4rem;
    height: .96rem;
    box-sizing:border-box;
    background-color: #f2f2f2;
    padding: 0 .2rem;
    font-size: .24rem;
    font-weight: bold;
    color: #666;
    line-height: .96rem;
    margin-top: .12rem;
}
.m1-cont-tit span{
    font-size: .34rem;
    font-weight: bold;
    color: #ff8700;
}
.m1-box{
    margin-top: .2rem;
    padding-bottom: .23rem;
    border-bottom: 1px dashed #dadada;
}
.m1-box .m1-left{
    width: 1.72rem;
}
.m1-box .m1-left img{
    display: block;
    width: 1.72rem;
}
.m1-box .m1-right{
    width: 4.12rem;
}
.m1-box .m1-right h2{
    font-size: .26rem;
    line-height: .3rem;
    color: #333;
}
.m1-box .m1-right h2 span{
    display: inline-block;
    width: .25rem;
    height: .25rem;
    background-color: #ee0000;
    border-radius: 50%;
    line-height: .25rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    margin-left: .05rem;
}
.m1-box .m1-right h2 i{
    float: right;
    width: .48rem;
    height: .25rem;
    line-height: .25rem;
    background-color: #c5c5c5;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    border-radius: .05rem;
}
.m1-box .m1-right h3{
    margin: .08rem 0;
}
.m1-box .m1-right h3 em{
    display: inline-block;
    height: .22rem;
    line-height: .22rem;
    border-radius: .11rem;
    border:1px solid #fc6c88;
    color: #fc6c88;
    font-size: .2rem;
    padding: 0 .1rem;
    margin-right: .1rem;
}
.m1-box .m1-right p{
    font-size: .2rem;
    color: #666666;
    line-height: .3rem;
    padding-left: .2rem;
    background: url(/images/icon1.png) no-repeat;
    background-size: .4rem;
    box-sizing:border-box;
}
.m1-box .m1-right p.p1{
    background-position: -.15rem -1.94rem;
}
.m1-box .m1-right p.p2{
    background-position: -.15rem -2.46rem;
}
.m1-btn a{
    float: left;
    width: 1.28rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
}
.m1-btn{
    margin-top: .15rem;
}
.m1-btn a.a1{
    background-color: #2296bf;
    margin-right: .22rem;
}
.m1-btn a.a2{
    background-color: #ff6537
}
.no-bb{
    border-bottom: none!important;
}
.m1-bt{
    width: 6.4rem;
    margin-top: .17rem;
}
.m1-bt a,.m1-bt a img{
    display: block;
    width: 6.4rem;
}
.m2-tit{
    margin-top: .35rem;
}
.m2-tit h2{
    float: left;
    width: 1.2rem;
    font-size: .28rem;
    font-weight: bold;
    color: #009582;
    line-height: .42rem;
}
.m2-tit a{
    float: right;
    width: 1.3rem;
    font-size: .2rem;
    color: #666;
    line-height: .42rem;
}
.m2-tit a i{
    float: right;
    background-color: #f43737;
    font-size: .14rem;
    color: #fff;
    padding:0 .05rem;
    height: .16rem;
    line-height: .16rem;
    border-radius: .04rem;
}
.m2-cont{
    width: 6.4rem;
    background-color: #f4f3f3;
    padding: .18rem .2rem .2rem .35rem;
    margin-top: .2rem;
    box-sizing:border-box;
}
.m2-left{
    width: .88rem;
}
.m2-left img{
    display: block;
    width: .43rem;
    margin: 0 auto .06rem;
}
.m2-left p{
    font-size: .24rem;
    color: #009582;
    line-height: .26rem;
    text-align: center;
}
.m2-right{
    width: 4.6rem;
}
.m2-right li a{
    display: block;
}
.m2-right li{
    float: left;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    border:1px solid #666666;
    margin-right: .2rem;
    font-size: .24rem;
    color: #666;
    text-align: center;
    margin-bottom: .2rem;
    box-sizing:border-box;
}
.m2-right li:nth-of-type(1){
    color: #009582;
    border:1px solid #009582;
}
.m2-list{
    margin-top: .15rem;
    margin-bottom: .4rem;
}
.m2-list li{
    width: 3rem;
    float: left;
    font-size: .22rem;
    color: #666;
    line-height: .46rem;
    padding-left: .4rem;
    background: url(/images/icon1.png) no-repeat 0 -2.97rem;
    background-size: .4rem;
    box-sizing:border-box;
}
.m2-img{
    width: 6.4rem;
}
.m2-img a,.m2-img a img{
    display: block;
    width: 6.4rem;
}
.m3-tit{
    width: 6.4rem;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: .1rem;
}
.m3 p{
    font-size: .24rem;
    line-height: .64rem;
    color: #666;
    border-bottom: 1px dashed #e6e6e6;
    padding-left: .2rem;
    box-sizing:border-box;
}
.m3 p:last-of-type{border-bottom: 0;}
.m3 p span{
    float: left;
    width:.24rem;
    height: .24rem;
    line-height: .24rem;
    color: #f43737;
    font-size: .18rem;
    text-align: center;
    border:1px solid #f43737;
    border-radius: .04rem;
    margin-right: .05rem;
    margin-top: .2rem; 
}
.m3-btn{
    width: 5.6rem;
    height: .4rem;
    line-height: .4rem;
    background-color: #f2f2f2;
    font-size: .24rem;
    color: #009582;
    text-align: center;
    margin: 0 auto .2rem;
}
.m3-btns a{
    float: left;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .26rem;
    font-weight: bold;
    color: #fff;
    padding-left: 1.2rem;
    box-sizing:border-box;
}
.m3-btns a.a1{
    background: url(/images/icon1.png) no-repeat .65rem -3.47rem #009582;
    background-size: .4rem;
}
.m3-btns a.a2{
    background: url(/images/icon1.png) no-repeat .65rem -4.2rem #f3a20a;
    background-size: .4rem;
}
.m4-cont{
    margin: .2rem auto;
}
.m4-cont a{
    display: block;
    font-size: .22rem;
    color: #fff;
    text-align: center;
}
.m4-cont1 .a1{
    width: 1.44rem;
    height: 1.3rem;
    line-height: .34rem;
    padding-top: .25rem;
    box-sizing:border-box;
}
.m4-cont .pink{
    background-color: #436fa8;
}
.m4-cont .blue{
    background-color: #0e67dc;
}
.m4-cont .orange{
    background-color: #569fff;
}
.m4-cont .gj{
    background-color: #006f61;
}
.m4-cont .yjtc{
    background-color: #007c6c;
}
.m4-cont .zzy{
    background-color: #03a691;
}
.m4-cont .slg{
    width: 2rem;
    background-color: #0fa390;
}
.m4-cont .xfyd{
    background-color: #00b269;
}
.m4-cont .hs{
    background-color: #407b00;
}
.m4-cont .bj{
    background-color: #007143;
}
.m4-cont .zg{
    background-color: #01ae98;
}
.m4-cont .yjbt{
    background-color: #008a4b;
}
.m4-cont .m4-cont1-l{
    width: 4.56rem;
    overflow: hidden;
}
.m4-cont .m4-cont1-l a{
    float: left;
    width: 2.44rem;
    height: .6rem;
    line-height: .6rem;
    margin:0 0 .1rem .1rem;
}
.m4-cont .m4-cont1-l a.a2{
    width: 1.92rem;
}
.m4-cont2 a{
    width: 1.9rem;
    height: .7rem;
    line-height: .7rem;
    float: left;
    margin-right: .1rem;
}
.m4-cont2 .pink{
    width: 2rem;
}
.m4-cont3-l{
    width: 5rem;
    overflow: hidden;
}
.m4-cont3-l a{
    float: left;
    width: 2.4rem;
    height: .6rem;
    line-height: .6rem;
    margin-right: .1rem;
    margin-top: .1rem;
}
.m4-cont3 .a1{
    float: right;
    width: 1rem;
    height: 1.3rem;
    margin-top: .1rem;
    line-height: .32rem;
    padding: .15rem .05rem 0 .05rem;
    text-align: left;
    box-sizing:border-box;
}
.m5{
    
    margin-bottom: 20px;

}

.m5-tit{
    width: 6.4rem;
    border-bottom: .02rem solid #f3f3f3;
    font-size: .28rem;
    font-weight: bold;
    color: #009582;
    padding-left: .2rem;
    line-height: .6rem;
    box-sizing:border-box;
}
.m5-list{
    width: 6rem;
    margin: .2rem auto;
}
.m5-list li{
    width: 33.333%;
    float: left;
    text-align: center;
    font-size: .24rem;
    color: #666;
	overflow:hidden;
    line-height: .42rem;
}
.m5-list a{
    display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-webkit-overflow:hidden;
	-webkit-white-space:nowrap;
	-webkit-text-overflow: ellipsis;
	-moz-overflow:hidden;
	-moz-white-space:nowrap;
	-moz-text-overflow: ellipsis;
	-ms-overflow:hidden;
	-ms-white-space:nowrap;
	-ms-text-overflow: ellipsis;
	-o-overflow:hidden;
	-o-white-space:nowrap;
	-o-text-overflow: ellipsis;		

}
footer{
    width: 6.4rem;


    background-size: 100%;

    box-sizing:border-box;
    margin-bottom: 1.2rem;
}
footer p{
    font-size: .24rem;
    color: #373d41;
    line-height: .36rem;
    text-align: center;
}
.swt-bd{
    width: 6.4rem;
    height: 1.22rem;
    background-color: #009582;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -3.2rem;
    padding: 0 .7rem;
    box-sizing:border-box;
}
.swt-bd-l{
    width: 1.1rem;
    padding-top: .12rem;
    position: relative;
}
.swt-bd-l em{
    display: block;
    width: .26rem;
    height: .26rem;
    background-color: #ff0000;
    line-height: .26rem;
    border-radius: 50%;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top:.05rem;
    right: .1rem;
}
.swt-bd-l a{
    display: block;
}
.swt-bd-l a img{
    display: block;
    width: .52rem;
    margin: 0 auto .1rem;
}
.swt-bd-l a span{
    display: block;
    font-size: .26rem;
    color:#fff;
    line-height: .32rem;
    text-align: center;
}
.swt-bd-cen{
    width: 1.98rem;
    height: 1.78rem;
    position: absolute;
    left: 50%;
    margin-left: -.99rem;
    bottom: 0;
}
.swt-rigth{
    width: .5rem;
    height: 2.61rem;
    background: url(/images/img_right.jpg) no-repeat;
    background-size: 100%;
    position: fixed;
    right: 0;
    top:50%;
    margin-top: -1.3rem;
}

.swt-rigth a{
    width: .5rem;
    height: 2.61rem;
    position: fixed;
    right: 0;
    top:50%;
    margin-top: -1.3rem;
}
.swt-rigth i{
    display: block;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    background-color: #ff4c4c;
    border-radius: 50%;
    border:.02rem solid #fff;
    font-size: .24rem;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: .5rem;
    left: 50%;
    margin-left:-.15rem; 
}
.close{
    display: block;
    width: .5rem;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.tada {
    animation: tada 2s infinite;
    -moz-animation: tada 2s infinite;
    -webkit-animation: tada 2s infinite;
    -o-animation: tada 2s infinite;
}
.tada {
    animation: tada 2s infinite;
    -moz-animation: tada 2s infinite;
 /* Firefox */
    -webkit-animation: tada 2s infinite;
  /* Safari 和 Chrome */
    -o-animation: tada 2s infinite;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}