article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
img{display: block; max-width: 100%; margin: 0 auto;width: auto !important;height: auto !important;}
video embed,video object,video iframe{width: 100%;height: auto;}
body{max-width:480px;font-size:16px; line-height:1.5; margin: 0 auto !important; overflow-x: hidden; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.of{overflow: hidden;font-size: 14px;}


/*list*/
.list-info{padding:0 0 3% 0;border-bottom: 1px solid #d9d9d9;margin-top: 2%;overflow: hidden;}
.list-info .article-img{float: left;margin-right: 2%;width: 25%;}
.list-info .article-info{overflow: hidden;padding-top: 5%;}
.list-info .article-info .article-info-title{float: left;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 63%;}
.list-info .article-info .num{padding-left: 9%;background: url("eye.png") no-repeat left center;float: right;margin-right: 4%;font-size: 12px;}
.list-info .article-info .click{float: right;}
.click-more{text-align: center;margin: 1rem 0;}
.click-more a{display: inline-block;padding: 0 2rem;border: 1px dotted #606060;text-align: center;height: 2rem;line-height: 2rem;}
.click-more a b{display: inline-block;width: 18px;height: 11px;background: url("listMore.png") no-repeat center;}


/*img-link*/
.img-link{position: relative;}
.img-link a{position: absolute;display: block;width: 25%;height: 25%;}
.img-link .ls{top:10%;left: 6%;}
.img-link .yk{top:10%;left: 34%;}
.img-link .gy{top:36%;left: 20%;}


/*adress-contact*/
.p-b{position: absolute;top: 9%;right: 5%;}
.ads{position: relative;margin: 15px auto 0 auto;}
.ads .ads-t{margin-bottom: 10px;}
.ads .ads-t a{display: block;background: #434a54;color: #fff;padding: 5px 22px;}
.ads .ads-t p{background: url("icon4.png") no-repeat left center;padding-left:24px;line-height: 30px; }
.ads .ads-t .box-s{box-shadow: 0 8px 10px 0 #d3d4d7;}
.ads .ads-b p{background: url("icon3.png") no-repeat left center;padding-left:24px;line-height: 30px;}


/*footer-menu*/
.footer{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99999;overflow: auto;}
.menu-more{background: #fff;position: absolute;top: -500px;}
.menu-more h3{background: url("icon7.png") no-repeat left center;padding-left: 10px;vertical-align: middle;margin-left: 15px;height: 35px;line-height: 35px;font-size: 24px;}
.footer .footer-menu{
    height: 57px;
    background: #2a93d5;
    padding: 5px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-pack:justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align:center;
    -moz-box-align: center;
    -ms-flex-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content :space-between;
    -webkit-justify-content :space-between;
    -webkit-align-items:center;
}
.footer .footer-menu a{
    text-align: center;
    color: #fff;
    flex: 1;
    -webkit-flex: 1;
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex:1;
}
.footer .footer-menu a p{width: 28px;background: url("footer-list2.png") no-repeat center;height: 36px;text-align: center;margin: 0 auto;}
.footer .footer-menu a:nth-child(1) p{background-position: -47px 0;}
.footer .footer-menu a:nth-child(2) p{background-position: -141px 0;width: 34px;}
.footer .footer-menu a:nth-child(3) p{background-position: 0 0;}
.footer .footer-menu a:nth-child(4) p{background-position: -94px 0;}
.menu-list{text-align: center;padding: 0 10px;overflow: hidden;}
.menu-list a{display: block;margin: 0 5%;width: 22%;text-align: center;float: left;}
.menu-list a p{width: 89px;height: 80px;margin-bottom: 0;margin: 0 auto;}
.menu-list a span{padding:5px 0;display: block;font-size: 12px;}
.menu-list a img{width: 100%;}
.menu-more {position: fixed;z-index: 9999;top:100%;  left: 0;  width: 100%;  overflow: hidden;  }



/*category*/
header{position: relative;height: 70px;border-bottom: 4px solid #a2a2a2;background: #d0d0d0;line-height: 70px;font-size: 18px;}
header .return{float: left;margin-left: 5%;width: 20%;}
header .zj{width: 48%;float: left;margin: 0 1%;text-align: center;position: relative;}
header .zj .zj-menu{position: absolute;top: 60px;left: 0;}
header .zj .zj-menu ul li{line-height: 40px;margin-bottom: 5px;background:#d0d0d0;color: #333; }
header .zj b{background: url("down.png") no-repeat center;display: inline-block;width: 14px;height: 7px;}
header .pic{float: right;width: 25%;}
header .pic span{margin-right: 15%;}
header img{display: inline-block;vertical-align: middle;}

.banner{padding: 0 0;}
.banner p{height: 3.87rem;font-size: 16px;line-height: 3.87rem;margin-bottom: 0;background: #e6e6e6;text-align: left;padding-left: 5%;}
.banner p b{display: inline-block;width: 20px;height: 20px;background: url("sound.png") no-repeat left center;vertical-align: middle;margin-right: 10px;}


.column{padding: 0 10px;}
.column .column-title{margin: 1rem 0;}
.column ul{padding-top: 0.81rem;}
.column ul li{list-style: inside disc;margin-bottom: 16px;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.column .mb{margin-bottom: 0.375rem;}

.column .sym-img,.column .harm-img{float: left;margin-right: 0.625rem;padding-top: 0.625rem;width: 36%;}
.column .cause-img,.column .treat-img{float: right;margin-left: 0.625rem;padding-top: 0.625rem;width: 36%;}
.column .cause-info,.column .harm-info,.column .treat-info{border-top: 1px dotted #d1d1d1;}
.column .more-article{width: 11.5rem;height: 2.25rem;margin: 1rem auto;line-height: 2.25rem;text-align: center;border: 1px dotted #606060;}
.column .ts{position: relative;}
.column .ts .detail{width: 3rem;height: 1.2rem;position: absolute;background: #ff6c00;border-radius: 5px;left: 43%;bottom: 2.7%;text-align: center;line-height: 1.2rem;font-size: 12px;}
.column .ts .detail a{color: #fff;}
.column .doc{position: relative;}
.column .doc .name,.column .doc .doc-info{position: absolute;}
.column .doc .name{top: 8.6%;left: 46%;}
.column .doc .name strong{font-size: 22px;}
.column .doc .name span{color: #8a8a8a;padding-left: 5px;font-size: 12px;}
.column .doc .doc-info{top: 50%;right: 0;width: 56%;font-size: 12px;}
.column .doc .doc-info p{padding-left: 30px;font-size: 12px;margin-bottom: 5px;}
.column .doc .doc-info p:first-child{background: url("docIcon-1.png") no-repeat left center;}
.column .doc .doc-info p:nth-child(2){background: url("docIcon-2.png") no-repeat left center;}
.column .doc .doc-info p:nth-child(3){background: url("docIcon-3.png") no-repeat left center;}
.column .doc .zx{text-align: right;}
.column .doc .zx a{display: inline-block;width: 4rem;height: 1.5rem;line-height: 1.5rem;text-align: center;border-radius: 5px;}
.column .doc .zx a:first-child{background: #232b3b;color: #fff;}
.column .doc .zx a:last-child{background: #71b838;color: #fff;}
.column .doc-more{position: absolute;right: 0;top: 0;}
.column .rel{position: relative;}
.column .ts .detail-bnz{left: 62%;}
.column .ts .detail-bnz{left: 62%;}

.column .com-type ul{padding: 0;}
.column .com-type ul .rt{float: right;width: 44%;}
.column .com-type ul .mb{margin-bottom: 3.2%;}
.column .com-type ul.rt{float: right;width: 44%;}
.column .com-type ul.lt .bg-blue{width: 100%;}
.column .com-type ul.lt .bg-blue span{background: #1fa2e9;color: #fff;text-align: center;padding: 0.375rem 0;width: 100%;display: inline-block;}
.column .com-type ul.lt .bg-blue .sp1{float: left;width: 35%;}
.column .com-type ul.lt .bg-blue .sp2{float: right;width: 55%;}
.column .com-type ul.lt{float: left;width: 54%;overflow: hidden;}
.column .com-type ul li.w5{position: relative;float: left;list-style: none;line-height: 1.5;width: 55%;}
.column .com-type ul li p{margin: 0;text-align: center;font-size: 16px;padding: 0.34rem 0;}
.column .com-type ul li .pos{position: absolute;bottom: 0.625rem;left: 6%;right: 6%;background: rgba(254,245,244,0.9);text-align: center;}
.column .com-type ul li{position: relative;float: left;list-style: none;line-height: 1.5;}
.column .com-type ul li p{margin: 0;text-align: center;font-size: 16px;padding: 0.34rem 0;}
.public{margin-bottom: 90px;margin-top: 30px;padding: 0 10px;}








@media screen and (min-width: 641px){

}
@media screen and (min-width: 481px) and (max-width: 640px){

}

@media (max-width: 360px) {
    .menu-list a span{font-size: 11px;}
}
@media (max-width: 414px) {

    .header .logo{width: 60%;}
}
@media (max-width: 375px) {
    .footer .menu-list a p{width: 78px;}
    .menu-list a p{width: 80px;}
}
@media screen and (max-width: 320px){
    .term-list ul li{font-size: 14px;}
    .feature .doc-list p{font-size: 14px;}
    .example .more{font-size: 14px;}
    .pr p{font-size: 14px;}
    .pr .contact p,.pr .contact strong{font-size: 18px;}
    .room .room-text h3{font-size: 16px;font-weight: bold;padding: 0;}
    .room .room-text p{font-size: 14px;}
    .room .room-list ul li a{font-size: 14px;}
    .footer .menu-list a{width: 17%;margin: 0 10px;}
    .footer .menu-list a p{width: 60px;height: 56px;}
    .menu-list a p{height: 71px;}
}