?@charset "utf-8";
/* CSS Document */


/*重置样式*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
body{background:#fff ;font:.20rem/.3rem Verdana, Simsun, Helvetica, Arial, sans-serif;color:#333; font-family:微软雅黑;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;/*表单中的字体属性与表单以外的不一致，需要单独定义*/}
ul{list-style:none;}

dis{ display:none} /*隐藏*/
.fl{ float:left} /*左浮动*/
.fr{ float:right} /*右浮动*/
.clear{ clear:both} /*清除浮动*/
.red{color:#cd0000;} /*红色文字*/
.boder1px{ border:1px solid #cfcfcf} /*1像素边框*/
.position_rel{ position:relative} /*相对定位*/

a{ text-decoration:none; color:#efeaea}

img{display:block; width:100%;}
#wrap{ max-width:640px; margin:0 auto;}


.top_bj{width:100%; margin:0 auto; padding:0.5% 0;}


.menu_bj{background:#018a91;}
.menu_bj ul li{float:left; line-height:.66rem; font-size:.21rem; border-right:1px solid #fff; padding:0 2.8%;}
.menu_bj ul li a{color:#fff;    font-weight: bold;}
.menu_bj ul li.cur1{border-right:none;}


.about_bj{padding-top:5%;}
.about_bj .about_bt{border-bottom:.02rem solid #e8e8e8; padding-bottom:2%;}
.about_bj .about_bt h3{width:92%; margin:0 auto; color:#018a91; font-size:.3rem; border-left:.06rem solid #018a91; padding-left:2%; line-height:.36rem;}
.about_bj dl{margin-top:3%;}
.about_bj dl dd{width:94%; margin:0 auto; text-indent:2em; color:#666; line-height:.35rem; padding-top:2%;}


.td_bj{padding-top:5%;}
.td_bt{border-bottom:.02rem solid #e8e8e8; padding:2% 0; border-top:.06rem solid #e8e8e8;}
.td_bt h3{width:92%; margin:0 auto; color:#018a91; font-size:.3rem; border-left:.06rem solid #018a91; padding-left:2%; line-height:.36rem;}
.td_bj dl{width:94%; margin:0 auto; padding-top:3%;}
.td_bj dl dd{text-indent:2em; color:#666; line-height:.35rem; padding-top:2%;}


.zl_bj{padding-top:5%;}
.zl_bj dl{padding-top:3%;}
.zl_bj dl dd{width:94%; margin:0 auto; text-indent:2em; color:#666; line-height:.35rem; padding-top:2%;}



.bottom_bj{margin-top:5%; background:#018a91; padding:3% 0;}
.bottom_bj dl{width:94%; margin:0 auto;}
.bottom_bj dl dt{float:left; width:42%;}
.bottom_bj dl dd{float:right; width:54%; color:#fff; padding-top:2%;}


@media screen and (min-width: 414px) and (max-width: 414px) {
.about_bj dl dd{font-size:15px;}
.td_bj dl dd{font-size:15px;}
.zl_bj dl dd{font-size:15px;}
.bottom_bj dl dd{font-size:15px;}
}


@media screen and (min-width: 375px) and (max-width: 375px) {
.about_bj dl dd{font-size:14px;}
.td_bj dl dd{font-size:14px;}
.zl_bj dl dd{font-size:14px;}
.bottom_bj dl dd{font-size:14px;}
}


@media screen and (min-width: 360px) and (max-width: 360px) {
.about_bj dl dd{font-size:13px;}
.td_bj dl dd{font-size:13px;}
.zl_bj dl dd{font-size:13px;}
.bottom_bj dl dd{font-size:13px;}
}


@media screen and (min-width: 320px) and (max-width: 320px) {
.about_bj dl dd{font-size:12px;}
.td_bj dl dd{font-size:12px;}
.zl_bj dl dd{font-size:12px;}
.bottom_bj dl dd{font-size:12px;}
}


.jj_bj{padding-top:5%;}
.jj_bj .jj_bt{border-bottom:.02rem solid #e8e8e8; padding-bottom:2%;}
.jj_bj .jj_bt h3{width:92%; margin:0 auto; color:#018a91; font-size:.3rem; border-left:.06rem solid #018a91; padding-left:2%; line-height:.36rem;}
.jj_bj ul{width:94%; margin:0 auto; padding-top:2%;}
.jj_bj ul li{color:#666; text-indent:2em; line-height:.35rem; padding-bottom:3%;}


.xx_bj{width:94%; margin:0 auto; padding-top:1%;}
.xx_bj dl{background:#870c2b; padding:3% 0 3% 16%; border-radius:1.0rem; margin-bottom:2%;}
.xx_bj dl dt{float:left; width:15%; margin:2% 3%;}
.xx_bj dl dd{float:left; width:60%; color:#fff; font-size:.24rem; line-height:.45rem;}
.xx_bj dl dd p{font-size:.36rem; font-weight:bold;}
.xx_bj dl.cur2{background:#ff7e00;}
.xx_bj dl.cur3{background:#3da7ce;}
.xx_bj dl.cur3 dt{margin-top:5%;}
.xx_bj dl.cur3 dd p{font-size:.3rem; line-height:.36rem;}

@media screen and (min-width: 414px) and (max-width: 414px) {
.jj_bj ul li{font-size:15px;}
.bottom_bj dl dd{font-size:15px;}
}


@media screen and (min-width: 375px) and (max-width: 375px) {
.jj_bj ul li{font-size:14px;}
.bottom_bj dl dd{font-size:14px;}
}


@media screen and (min-width: 360px) and (max-width: 360px) {
.jj_bj ul li{font-size:13px;}
.bottom_bj dl dd{font-size:13px;}
}


@media screen and (min-width: 320px) and (max-width: 320px) {
.jj_bj ul li{font-size:12px;}
.bottom_bj dl dd{font-size:12px;}
}