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

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;  /*-webkit-appearance:none; -moz-appearance:none;*/}
body{ font-size:32px;margin: 0 auto; -webkit-text-size-adjust:100%; background-color: #fff;}
a{ color:#333;text-decoration:none}
a:hover{color:#000;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#777;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.pad2{ padding: 0.2rem;}
.padS2{ padding: 0 0.2rem;}
.marB2{ margin-bottom: 0.2rem;}
.marB3{ margin-bottom: 0.3rem;}
.marB4{ margin-bottom: 0.4rem;}
.bgf{ background-color: #fff;}

html,body{ height: 100%;}
body{ width: 7.5rem; margin: 0 auto; background: url(bg.jpg) no-repeat center bottom #e4fafd; background-size: 100% auto;}


.banner{ height: 3.12rem;  background-image: url(banner.jpg); background-size: 100% 100%;}

.icon_tem1{ position: relative; float: left; width: 50%; height: 2.7rem; padding: 0.2rem; box-sizing: border-box;}
.icon_tem1:nth-child(odd):before{ position: absolute; top: 0.2rem; right: 0; width: 0.02rem; height: 2.3rem; background-color: #fff; content: "";}
.icon_tem1:after{ position: absolute; bottom: 0; left: 0.2rem; width: 3.45rem; height: 0.02rem; background-color: #fff; content: "";}
.icon_tem1.noaf:after{ display: none}
/*.icon_tem1:nth-child(1):after,.icon_tem1:nth-child(2):after{ display: none}*/
.icon_tem1 a{}
.icon_tem1 i{ display: block; width: 1.34rem; height: 1.34rem; margin: 0.4rem auto 0;}
.icon_tem1 p, .icon_tem2 p{ margin-top: 0.1rem; font-size: 0.28rem; line-height: 0.36rem; color: #333; text-align: center;}
.p1_icon i{ background-image: url(p1_icon.png); background-repeat: no-repeat; background-size: 1.34rem 6.7rem;}
.p1_icon.pos1 i{ background-position: 0 0}
.p1_icon.pos2 i{ background-position: 0 -1.34rem}
.p1_icon.pos3 i{ background-position: 0 -2.68rem}
.p1_icon.pos4 i{ background-position: 0 -4.02rem}
.p1_icon.pos5 i{ background-position: 0 -5.36rem}

.icon_tem2{ padding: 0.4rem 0.2rem; border-bottom: 0.02rem solid #fff;}
.icon_tem2 p{}
.icon_tem2 i{ display: block; width: 1.34rem; height: 1.34rem; margin: 0 auto;}
.p2_icon i{ background-image: url(p2_icon.png); background-repeat: no-repeat; background-size: 1.34rem 2.68rem;}
.p2_icon.pos1 i{ background-position: 0 0}
.p2_icon.pos2 i{ background-position: 0 -1.34rem}

.p3_icon i{ background-image: url(p3_icon.png); background-repeat: no-repeat; background-size: 1.34rem 6.7rem;}
.p3_icon.pos1 i{ background-position: 0 0}
.p3_icon.pos2 i{ background-position: 0 -1.34rem}
.p3_icon.pos3 i{ background-position: 0 -2.68rem}
.p3_icon.pos4 i{ background-position: 0 -4.02rem}
.p3_icon.pos5 i{ background-position: 0 -5.36rem}

.etab{ width: 7.1rem; padding: 0.3rem 0; margin: 0 auto; border-bottom: 0.02rem solid #fff;}
.etab a{ float: left; width: 2.3rem; height: 0.7rem; margin-right: 0.1rem; font-size: 0.3rem; line-height: 0.7rem; color: #fff; text-align: center; background-color: #a1afb3; border-radius: 0.35rem;}
.etab a.active{ font-weight: bold; background-color: #8cba2a;}
.etab a:last-child{ margin-right: 0;}

.p4_icon1 i{ background-image: url(p4_icon1.png); background-repeat: no-repeat; background-size: 1.34rem 2.68rem;}
.p4_icon1.pos1 i{ background-position: 0 0}
.p4_icon1.pos2 i{ background-position: 0 -1.34rem}

.p4_icon2 i{ background-image: url(p4_icon2.png); background-repeat: no-repeat; background-size: 1.34rem 5.36rem;}
.p4_icon2.pos1 i{ background-position: 0 0}
.p4_icon2.pos2 i{ background-position: 0 -1.34rem}
.p4_icon2.pos3 i{ background-position: 0 -2.68rem}
.p4_icon2.pos4 i{ background-position: 0 -4.02rem}

.p4_icon3 i{ background-image: url(p4_icon3.png); background-repeat: no-repeat; background-size: 1.34rem 5.36rem;}
.p4_icon3.pos1 i{ background-position: 0 0}
.p4_icon3.pos2 i{ background-position: 0 -1.34rem}
.p4_icon3.pos3 i{ background-position: 0 -2.68rem}
.p4_icon3.pos4 i{ background-position: 0 -4.02rem}

.p5_icon i{ background-image: url(p5_icon.png); background-repeat: no-repeat; background-size: 1.34rem 2.68rem;}
.p5_icon.pos1 i{ background-position: 0 0}
.p5_icon.pos2 i{ background-position: 0 -1.34rem}

.wrap.sty2{ position: relative; height: 100%;}
.sbzy{ overflow: hidden;}
.sbzy_con{ width: 6.6rem; height: auto; padding: 0.2rem; margin: 0.4rem auto 0; background-color: #fff; border-radius: 0.1rem; box-sizing: border-box;}
.sbzy_tit{ height: 0.36rem; margin-bottom: 0.2rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #d31f24; text-align: center; background: url(icon_sbzy.png) no-repeat center center; background-size: 100% auto;}
.sbzy_con p{ margin-bottom: 0.34rem; font-size: 0.24rem; line-height: 0.4rem; color: #333; text-align: justify;}
.sbzy_con p span{ font-weight: bold; color: #d31f24;}
a.btn_sssb{ position: absolute; bottom: 0.2rem; left: 50%; margin-left: -1.5rem; display: block; width: 3rem; height: 0.8rem; background-image: url(btn_wssb.png); background-size: 100% 100%;}