@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: #f2f2f2;}
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-left: 0.2rem; padding-right: 0.2rem;}
.padB2{ padding-bottom: 0.2rem;}
.padV2{ padding: 0.2rem 0;}
.marB2{ margin-bottom: 0.2rem;}
.marB3{ margin-bottom: 0.3rem;}
.marB4{ margin-bottom: 0.4rem;}
.marR4{ margin-right: 0.4rem;}
.bgf{ background-color: #fff;}
.box_tem{ padding: 0.2rem; margin-bottom: 0.2rem; background-color: #fff;}

body{ width: 6.4rem; margin: 0 auto;}

header.sty1{ position: relative; width: 6.4rem; height: 2.4rem; background-image: url(../images/banner.jpg); background-size: 100%;}
.logo{ position: absolute; top: 0.34rem; left: 50%; width: 2.26rem; height: 0.52rem; margin-left: -1.13rem;}
a.pc{ position: absolute; top: 0.32rem; right: 0.2rem; width: 0.6rem; height: 0.56rem; background: url(../images/icon_pc.png); background-size: 100%;}
nav.sty1{ position: absolute; bottom: 0; left: 0; width: 6rem; height: 1.2rem; font-size: 0.24rem; line-height: 0.24rem; text-align: center; color: #fff; background: rgba(54,89,178,0.7);}
nav.sty1 .nav_tem{ float: left; width: 1.5rem; height: 1.2rem; overflow: hidden; color: #fff;}
nav.sty1 .nav_tem:before{ display: block; width: 0.52rem; height: 0.48rem; margin: 0.2rem auto 0.1rem; background-image: url(../images/icon_nav.png); background-size: 0.52rem 1.92rem; content: "";}
nav.sty1 .nav_tem.tem1:before{ background-position: 0 0;}
nav.sty1 .nav_tem.tem2:before{ background-position: 0 -0.48rem;}
nav.sty1 .nav_tem.tem3:before{ background-position: 0 -0.96rem;}
nav.sty1 .nav_tem.tem4:before{ background-position: 0 -1.44rem;}

header.sty2{ position: relative; width: 6.4rem; height: 1rem; background-image: url(../images/banner2.jpg); background-size: 100%;}

nav.sty2{ width: 6rem; height: 0.8rem; padding: 0 0.2rem; background-color: #3467c4; }
nav.sty2 a{ position: relative; float: left; width: 1rem; height: 0.8rem; font-size: 0.24rem; line-height: 0.8rem; text-align: center; color: #fff;}
nav.sty2 a:after{ position: absolute; right: 0; top: 50%; width: 0.01rem; height: 0.24rem; margin-top: -0.12rem; background-color: #0f3e94; content: "";}

nav.sty2 a:last-child:after{ display: none;}

.icon_list{}
.icon_list a{ float: left; width: 1.5rem; height: 0.9rem; font-size: 0.24rem; line-height: 0.24rem; text-align: center ; color: #333; overflow: hidden;}
.icon_list a:before{ display: block; width: 0.58rem; height: 0.58rem; margin: 0 auto 0.1rem;  background-image: url(../images/icon1.png); background-size: 0.58rem 2.32rem; content: ""; }
.icon_list a.icon1:before{ background-position: 0 0;}
.icon_list a.icon2:before{ background-position: 0 -0.58rem;}
.icon_list a.icon3:before{ background-position: 0 -1.16rem;}
.icon_list a.icon4:before{ background-position: 0 -1.74rem;}

.lmT{ position: relative; height: 0.28rem; margin-bottom: 0.2rem; overflow: hidden;}
.lmT span{ display: block; height: 0.28rem; padding-left: 0.1rem; font-weight: bold; font-size: 0.28rem; line-height: 0.28rem; color: #3467c4; border-left: 0.03rem solid #3467c4;}
/*.lmT .btn_more{ position: absolute; right: 0.2rem; top: 0.2rem; width: 0.4rem; height: 0.3rem; background: url(../images/btn_more.png) no-repeat center top; background-size: 100%;}
.lmT .lmT_btn_more{ position: absolute; bottom: 0.15rem; right: 0.2rem; width: 0.36rem; height: 0.36rem; font-weight: bold; font-size: 0.32rem; line-height: 0.36rem; color: #3467c4; background-color: #fff; border: 0.01rem solid #3467c4; border-radius: 50%; text-align: center;}
*/


.slider1_wrap{ position: relative; width: 6.4rem; height: 3.6rem; margin-bottom: 0.3rem; overflow: hidden;}
.slider_tem1{}
.slider_tem1 li{ position: relative; width: 6.4rem; height: 3.6rem;}
.slider_tem1 li img{ width: 6.4rem; height: 3.6rem;}
.slider_tem1 .slider_t{ position: absolute; bottom: 0; left: 0; width: 100%; max-height: 1rem; font-size: 0.24rem; line-height: 0.5rem; text-align: center; font-weight: normal; background: rgba(0,0,0,0.6); overflow: hidden;}
.slider_tem1 .slider_t a{color: #fff;}

.slider1_wrap .bx-wrapper{ position: relative;}
.slider1_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: 50%; width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ left: 0; background-image: url(../images/arr_l.png); background-size: 100%;}
.slider1_wrap .bx-next{ right: 0; background-image: url(../images/arr_r.png); background-size: 100%;}

a.btn_more{ display: block; width: calc(6rem - 0.02rem); height: calc(0.5rem - 0.02rem); font-size: 0.24rem; line-height: 0.5rem; text-align: center; color: #3467c4; background-color: #fff; border: 0.01rem solid #3467c4; border-radius: 0.24rem;}

.news_list{}
.news_list li{ height: 0.68rem; padding: 0 0.2rem; font-size: 0.28rem; line-height: 0.68rem;  border-bottom: 0.01rem solid #eee;}
.news_list li a{ display: block; width: 6rem; height: 0.68rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.ad img{ width: 100%;}
.ad.sty2 img{ display: block; margin-bottom: 0.1rem;}

.channel_list{ }
.channel_list li{ float: left; margin-right: 0.18rem;}
.channel_list li:last-child{ margin-right: 0}
.channel_list li img{ width: auto; height: 0.9rem;}

footer{ padding: 0.1rem 0; text-align: justify; background-color: #f5f5f5; border-top: 0.01rem solid #e2e2e2; background-color: #fff;}
footer p{ padding: 0 0.2rem; font-size: 0.2rem; line-height: 0.36rem; text-align: center; color: #888;}

/**/
.lm_list{}
.lm_list li{ float: left; height: 0.8rem; padding-left: 0.18rem; margin: 0 0.2rem 0.2rem 0; font-size: 0.24rem; line-height: 0.8rem; text-align: center; background-color: #f6f6f6;}
.lm_list li a{ color: #333;}


/*list*/
.loc{ position: relative; height: auto; padding-top: 0.2rem; font-size: 0.28rem; line-height: 0.4rem; text-indent: 0.36rem; color: #999; }
.loc:before{ position: absolute; left: 0.2rem; top: 0.24rem; width: 0.23rem; height: 0.28rem; background: url(../images/icon_loc.png) no-repeat center top; background-size: 100%; content: "";}
.loc a, .loc span{ font-size: 0.24rem; line-height: 0.4rem; color: #999;}
.loc span{ font-weight: bold;}




.pages{ margin-bottom: 10px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.05rem; font-size: 0.3rem; line-height: 0.5rem; text-align: center; color: #999; background-color: #f3f3f3;}
.pages span{ font-size: 14px; line-height: 0.5rem; margin: 0 0.05rem;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; height: auto; padding: 0 0.2rem; cursor: pointer;}
.pages a.active, .pages a:hover{ color: #fff; background-color: #3467c4; }

/*content*/
.article_wrap{}
.article_t{ margin-bottom: 0.2rem; font-size: 0.36rem; line-height: 0.44rem; color: #333; text-align: center;}
.article_subt{ margin-bottom: 0.2rem; font-weight: normal; font-size: 0.28rem; line-height: 0.28rem; text-align: center; color: #333;}
.article_item{ margin-bottom: 0.2rem; border-top: 0.01rem solid #eee; border-bottom: 0.01rem solid #eee;}
.article_item span{ font-size: 0.2rem; line-height: 0.6rem; color: #999;}
.article_con{}
.article_con p{ margin-bottom: 0.2rem; font-size: 0.28rem; line-height: 0.44rem; color: #333;}
.article_con img{ display: block; max-width: 80%; height: auto; margin: 0 auto 0.2rem;}

/*jy*/
.jy_lmT{ margin-bottom: 0.2rem; padding-bottom: 0.2rem; font: bold 0.3rem/0.48rem "Microsoft Yahei"; color: #0582e3; border-bottom: 2px solid #0582e3;}
.jy_abs{ margin-bottom: 20px}
.jy_abs p{ font-size: .24rem; line-height: 0.4rem; color: #333;}
.jy_abs p span{ color: #ff2424;}

/*办事*/
.bs_p_block{ }
.bs_p_tem{ float: left; width: 1.48rem; height: 1.48rem; border: 0.01rem solid #eceff4; border-radius: 0.02rem; overflow: hidden;}
.bs_p_icon{ width: 0.78rem; height: 0.65rem; margin: 0.14rem auto 0; background-image: url(../images/icon_bs2.png); background-size: 3.12rem 2.6rem;}
.bs_p_icon.icon1{ background-position: 0 0;}
.bs_p_icon.icon2{ background-position: -0.78rem 0;}
.bs_p_icon.icon3{ background-position: -1.56rem 0;}
.bs_p_icon.icon4{ background-position: -2.33rem 0;}
.bs_p_icon.icon5{ background-position: 0 -0.65rem;}
.bs_p_icon.icon6{ background-position: -0.78rem -0.65rem;}
.bs_p_icon.icon7{ background-position: -1.56rem -0.65rem;}
.bs_p_icon.icon8{ background-position: -2.34rem -0.65rem;}
.bs_p_icon.icon9{ background-position: 0 -1.3rem;}
.bs_p_icon.icon10{ background-position: -0.78rem -1.3rem;}
.bs_p_icon.icon11{ background-position: -1.56rem -1.3rem;}
.bs_p_icon.icon12{ background-position: -2.34rem -1.3rem;}
.bs_p_icon.icon13{ background-position: 0 -1.95rem;}
.bs_p_icon.icon14{ background-position: -0.78rem -1.95rem;}
.bs_p_icon.icon15{ background-position: -1.56rem -1.95rem;}
.bs_p_icon.icon16{ background-position: -2.34rem -1.95rem;}
.bs_p_des{ font-size: 0.22rem; line-height: 0.26rem; color: #333; text-align: center;}
.bs_p_des.sty1{ margin-top: 0.2rem;}
.bs_p_des.sty2{ margin-top: 0.1rem;}

.service_city_tem{ float: left; width: 1.18rem; height: 1.18rem; border: 0.01rem solid #a3baea; border-radius: 0.05rem;}
.service_city_tem a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.service_city_tem a span{display: block;}
.service_city_tem a span.sevice_cn{ margin: 0.25rem auto 0; font-size: 0.26rem; line-height: 0.26rem; color: #0582e3; text-align: center;}
.service_city_tem a span.sevice_en{ margin: 0.12rem auto 0; font-size: 0.12rem; line-height: 0.2rem; color: #888888; text-align: center;}

/*资讯*/
.iBlock{ position: relative; width: 100%;}
.iBlock img{ width: 100%; height: auto;}
.icon_play{ position: absolute; left: 50%; top: 50%; width: 0.9rem; height: 0.9rem; margin: -0.45rem 0 0 -0.45rem; background-image: url(../images/icon_play.png); background-size: 100%}
.iBlock_t{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem; text-align: center; background: rgba(0,0,0,0.7); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.iBlock_t a{ color: #fff;}

.news_list{ }
.news_list li{ padding-bottom: 0.2rem; margin-bottom: 0.2rem; border-bottom: 0.01rem solid #dfdfdf;}
.news_list_t{ margin-bottom: 0.1rem; font-weight: normal; font-size: 0.28rem; line-height: 0.36rem; color: #333; overflow: hidden;}

/*数据*/
.sj{ margin: 0.2rem 0 0.2rem;}
.sj_tem{ padding: 0 0.2rem 0.1rem; margin-bottom: 0.2rem; border-bottom: 0.01rem solid #eee;}
.sj_tem img{ width: 6rem; height: 3.38rem;}
.sj_tem h3{ margin-top: 0.1rem; font-weight: normal; font-size: 0.28rem; line-height: 0.4rem; }
.sj_tem h3 a{ color: #333;}

.city_list{}
.city_list li{ float: left; width: 1.9rem; height: 1.9rem; margin: 0.15rem 0.15rem 0 0;}
.city_list li:nth-child(3n){ margin-right: 0}
.city_list li img{ width: 100%; height: 100%;}

.city_i img{ width: 100%; height: auto;}