@charset "utf-8";
/*全局 begin*/
html { height: 100%;}
body { height: 100%;}
body{font-family: Microsoft Yahei; font-size: .24rem;}
body,p,h1,h2,h3,h4,h5,h6{margin: 0; font-weight: normal; padding: 0; font-size: .28rem;}
ol,ul{list-style: none;margin: 0;padding: 0;}
img{border: none; width: 100%;}
input{margin: 0;padding: 0;}
a img{vertical-align: top;}
select{border: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
a{text-decoration: none;color: #000;}
.clearfix:after{content: ""; display: block;height: 0;visibility: hidden;clear: both;}

a:focus { outline: none; }

/*全局结束*/

.text-align { text-align: center;}

#app { max-width: 640px; margin: 0 auto; position: relative; width: 100%; }
#height { height: 1.1rem;}

/*header*/
header { width:100%; height:1rem; overflow: hidden; position: relative;}
header .logo img { width: 4.8rem; height: 1rem; padding-left: .25rem; }
#menu  img{ width: .44rem; height: .49rem; position: absolute;  right: .25rem; top: 0.28rem;}
/*header*/

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
/* index block */
.swiper-container1 {
    margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none;
    padding: 0; /* Fix of Webkit flickering */ z-index: 1;
}
.swiper-container1  .title{ position: absolute;  background: rgba(0,0,0,.4); height: .55rem; line-height: .55rem; bottom: 0.1rem; width: 100%; color: #ffffff; font-size: .24rem; text-indent: .3rem;  }

.swiper-container1  .swiper-pagination-bullets{
     left:2.2rem !important;
}


.swiper-pagination-bullet {
    width: .2rem !important;
    height: .2rem !important;
    display: inline-block;
    border-radius: 100%;
}

.swiper-container img { display: block;}


.index-news { margin: 0 .25rem;  margin-top: .3rem;}
#section-news ul.navtop { display: flex;   }
#section-news ul.navtop li { width: 25%; background: #eeeeee; height: .7rem; line-height: .7rem; text-align: center;  color: #51636f; font-size: .26rem; }
#section-news ul.navtop li.active {  background: #4bb3f0;  color: #ffffff; }
#section-news ul.content li { color: #1d1d1d;font-size: .24rem;  height: .6rem; line-height: .6rem; position: relative; padding-left: .24rem; }
#section-news ul.content li span{ color: #9e9d9d;font-size: .2rem; display: inline-block;  float: right;}

#section-news ul.content li:before { content: " "; border: 2px solid #878787; border-radius: 2px;    color: #878787; position: absolute; left: 0;  font-size: .2rem; top: 48%;  }

.news-more { height:.7rem; line-height:.7rem; text-align:center; font-size:.26rem;  color: #51636f; display: inline-block; background: #eeeeee; flex: 1; }

select { -webkit-appearance:listbox;}

.index-news ol  { margin-top: .3rem; margin-bottom: .25rem;}

.index-sfcx {  margin: 0 .25rem;  }
.index-sfcx form { border: 1px solid #eee;}

#section-sfcx { padding: .3rem 0;}

#section-sfcx .ctr-item { margin-top: .2rem;}
#section-sfcx .ctr-action { margin-top: .2rem; margin-bottom: .36rem; text-align: center;}
#section-sfcx .ctr-item  label{  width: 1.5rem;  text-align: right; display: inline-block; color: #000000; font-size: .24rem; }
#section-sfcx .ctr-input { width: 4.04rem; height: .76rem; line-height: .76rem;  border:1px solid #e6e7e7; }
#section-sfcx select { width:1.95rem; height: .76rem;  line-height: .76rem; color: #000000; font-size: .24rem; border:1px solid #e6e7e7; text-align: center; }
#section-sfcx select:last-child {  margin-left: .1rem   }



#section-sfcx h2 {  background: #4bb3f0;  color: #ffffff;  text-align: center; height: .72rem; line-height: .72rem; }
#section-sfcx .btn-search { color:#ffffff; font-size: .3rem;  text-align: center; background: #4bb3f0;  border-radius: 100px;  width: 2.7rem;  height: .8rem; line-height: .8rem; display: inline-block; }

#section-sfcx .btn-reset { color: #ffffff; font-size: .3rem; text-align: center; background: #f13939;  border-radius: 100px; width:2.7rem; height: .8rem; line-height: .8rem; display: inline-block;}


.index-swbg { margin: 0 .25rem;}
.swbg-title { display: flex;  align-items: center; justify-content: space-between; height: .7rem;}
.swbg-title div:first-child { background: #4fb3f0; color: #fff;  width: 1.5rem;  height: .7rem;  line-height: .7rem; text-align: center;}
.swbg-title div:last-child { background: #eeeeee; color: #828282;  flex: 1; height: .7rem; font-size: .22rem; line-height: .7rem;  text-align: right; padding-right: .25rem; }

#section-swbg {  padding: .3rem 0;   }
.swbg-table {  width: 100%;  border-collapse:collapse;border-spacing:0;  margin-top: .25rem; }
.swbg-table tr:first-child { background: #eeeeee; }
.swbg-table tr:first-child td { color: #333333; text-align: center; font-size: .24rem;  }
.swbg-table tr td { height: .68rem; line-height: .68rem; border: 1px solid #eeeeee; text-align: center; font-size: 15px; color: #4ca9e2;}
.swbg-table tr td:first-child { color: #333333;}

.block-f6 { background: #f6f6f6; height: .25rem; }

#section-gwyl { padding: .3rem 0; }
.gwyl-title { display: flex;  align-items: center; justify-content: space-between; height: .7rem; }
.gwyl-title div:first-child { background: #4fb3f0; color: #fff;  width: 1.5rem;  height: .7rem;  line-height: .7rem; text-align: center;}
.gwyl-title div:last-child { background: #eeeeee; color: #828282;  flex: 1; height: .7rem; font-size: .22rem; line-height: .7rem;  text-align: right; padding-right: .25rem; }

.index-gwyl { margin: 0 .25rem;}
.gwyl-table {  width: 100%;  border-collapse:collapse;border-spacing:0;  margin-top: .25rem; }
.gwyl-table tr:first-child { background: #eeeeee; }
.gwyl-table tr:first-child td { color: #333333; text-align: center; font-size: .24rem;  }
.gwyl-table tr td { height: .68rem; line-height: .68rem; border: 1px solid #eeeeee; text-align: center; font-size: 15px; color: #4ca9e2;}
.gwyl-table tr td:first-child { color: #333333;}


#section-business { background: #f6f6f6;  }
.index-business { box-shadow: 1px 0 4px #eeeeee; background: #ffffff; margin: 0 .25rem;  border-radius: 4px; }
.index-business .header-title { border-bottom: 1px solid #a7d9f7; display: flex; justify-content: space-between; align-items: center; line-height: 2.5; margin: 0 .25rem; }
.index-business .header-title h2 { color: #4fb3f0; font-size: .26rem; border-bottom: 2px solid #4fb3f0; }
.index-business .header-title span { color: #4fb3f0; font-size: .18rem; }

.index-business ul { display: flex;  flex-wrap: wrap;}

.index-business ul li { background: #4fb3f0;  width: 1.6rem; height: 1.5rem; border-radius: .07rem;  margin-left: .25rem; margin-top: .25rem; }
.index-business ul li:last-child { margin-bottom: .25rem;}
.index-business ul li a { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 1.5rem; width: 1.6rem; }
.index-business ul li span { color: #ffffff; display: inline-block; font-size: .64rem; }
.index-business ul li p {  color: #ffffff; font-size: .24rem; display: inline-block;}

    /* index block */



/* culture */
.culture { font-size: .26rem; color: #676767; line-height: 2; }
/*.culture p { text-indent: .26rem;}*/
.culture-title {  font-size: .36rem; font-weight: bold; color: #000000; }
/* culture */

/* business */
.business {}
.business .bgf7 {  background: #f7f7f7;}
.business .item-ctr { margin-top: .3rem; }
.business .item-ctr label{ width: 1.5rem; text-align: right; display: inline-block;  }
.business .item-ctr .ctr-input { width: 3.85rem;  height: .75rem; line-height: .75rem;   border: 1px solid #e6e7e7; padding-left: .2rem; }
.business select { border: 1px solid #e6e7e7; width: 1.96rem; height: .72rem; line-height: .72rem;  }
.business .item-ctr select:last-child  { margin-left: .1rem;}
.business .btn-search { background: #4fb3f0; font-size: .3rem;  text-align: center;  height: .84rem;  line-height: .84rem; color: #ffffff;  width: 2.7rem; border-radius: 1000px; display: inline-block; margin-left: .2rem; }
.business .btn-reset { background: #f13939; font-size: .3rem;   text-align: center;  height: .84rem;  line-height: .84rem; color: #ffffff;  width: 2.7rem; border-radius: 1000px; display: inline-block;}
.business .action {  margin: .3rem 0;  }
.business form { padding-bottom: .3rem; }

/* business */

/* business1 */
.business1 h2{   color: #000000; font-size: .36rem; text-align: center; }
.business1 table { border-collapse:collapse; border-spacing:0;  margin-top: .4rem;}
.business1 table td{  border: 1px solid #626262;  height: .66rem; line-height: .66rem;  font-size: .26rem; color: #000000;}
.business1 table tr td:first-child { width: 2.5rem; text-align: center;}
.business1 table tr td:last-child { width: auto;}

.business1 .action {  background:  #f3fafe; width: 100%; height: 1.1rem; line-height: 1.1rem;  display: flex; align-items: center; justify-content: space-between;  margin: .5rem 0 .3rem 0; }
.business1 .action img { width: .35rem; height: .37rem; }
.business1 .action p { display: inline-block; padding-left: .25rem;}
.btn-download {  color: #ffffff;  width: 1.7rem; text-align: center;  height: .6rem; line-height: .6rem; display: inline-block; background: #4fb3f0;  border-radius: 1000px;  margin-right: .25rem; }


/* business1 */

/* business2 */
.business2{position: relative;}
.business2 h2 {  text-align: center; color: #000000; font-size: .36rem; }
.business2 .item-ctr label { width: 1.6rem; display: inline-block; color: #000000;  font-size: .26rem; }
.business2 .item-ctr label span { color: #ff0000; }
.business2 .item-ctr .ctr-input { width: 3.9rem; height: .65rem; line-height: .65rem;   border:1px solid #e6e7e7; padding-left: .25rem;}
.business2 .item-ctr select.ctr-input { width: 4.151515rem; height: .65rem; line-height: .65rem;   border:1px solid #e6e7e7; padding-left: .25rem;}
.business2 .item-ctr { margin-top: .3rem; }
 .business2  .cp{display: none;}

.business2 .btn-submit { color: #ffffff; font-size: .3rem;  text-align: center;  height: .84rem; line-height: .84rem;  background: #4bb3f0; display: inline-block; width: 2.8rem; border-radius: 1000px;}

.business2 .btn-reset { color: #ffffff; font-size: .3rem; text-align: center; height: .84rem; line-height: .84rem;  background: #706f73;  display: inline-block; width: 2.8rem; border-radius: 10000px; }

.business2 textarea { width: 4rem; height: 3.8rem;   border:1px solid #e6e7e7;}

.business2 #code { width: 2.4rem; height: .65rem;  border:1px solid #e6e7e7; }

.business2 .action { margin-top: .3rem;  display: flex; justify-content: space-between; }

#codeimg {  width: 1.7rem; height: .75rem; display: inline-block; float: right; }

.business2 ul li {  float: left; width: 33.333%  }

/* business2 */


 /* navlist */
.navlist { background: rgba(73,173,232,0.8); position: absolute; bottom: 0; z-index: 10; width: 100%; }
.navlist ul { display: flex; justify-content:  space-around; align-items: center;  padding: 0 .25rem;}
.navlist ul li { width: 25%; height: .7rem; line-height: .7rem;   display: block;overflow: hidden; }
.navlist ul li a { display: block; font-size: .26rem;  color: #fff;text-align: center; }
.navlist ul li a.active {  background: #fff; color: #000; }
/* navlist */

/*about*/
.navgition { margin: 0 .25rem; border-bottom: 1px solid #e5e5e5;  padding: .3rem 0;}
.navgition p { color: #a09f9f; font-size: 12px;}
.navgition a {color: #a09f9f; font-size: 12px;}
.icon_home{ width: 16px;  margin-top: 1px;}
article { padding: .3rem .25rem; font-size: .26rem; color: #1f1f1f; line-height: 1.8;  min-height: 29vh; }
/*about*/

/* water*/
.water-list li { display: flex; width: 100%; height: .9rem; background: #f6f6f6; margin-bottom: .25rem; }
.water-list li a{ display: flex; width: 100%; }

.water-list li h2 { line-height: .9rem; color: #151515; font-size: .26rem; text-indent: .3rem;}
.water-list li .date {  width: .99rem; background: #4fb3f0; overflow: hidden; }
.water-list li .d {  color: #ffffff; font-size: .32rem; text-align: center; display: block; }
.water-list li .ym { color:#fff; font-size: .18rem; display: block; text-align: center; background: rgba(0,0,0,.2); height: .32rem; line-height: .32rem; }
/* water*/


/* new */
.new-list { margin-bottom: .3rem;}
.new-list li { height: 1.1rem;  line-height: 1.1rem; border-bottom: 1px dashed #d7d7d7;  width: 100%; display: block; overflow: hidden; position: relative;}



.new-list li .title{ color:#000000; font-size: .26rem; position: absolute; top: -.2rem; left: 0; }

.new-list li .date { color: #868585; font-size: .22rem;  position: absolute; right: 0; bottom: -.2rem; }

/* new */

/* picture */

.picture {line-height: 2;}

/* picture */


/* news */

.news-desc { text-align: center; border-bottom: 1px solid #ccc; line-height: 1.8; padding-bottom: .25rem; margin-bottom: .25rem;}
.news-desc h2{  text-align: center; font-size: .36rem; color: #000000;  font-weight: bold; }
.news-desc span { color: #acadad; font-size: .2rem; }

.news-prev { margin-top: .5rem;}
.news-next { margin-bottom: .2rem; margin-top: .05rem;}
.news-prev,.news-next {  background: #f3fafe; color: #1e1e1e; font-weight: bold; height: .76rem; line-height: .76rem;  text-indent: .25rem;}
.news-prev a,.news-next a{  color: #333333;  font-size: .22rem; font-weight: 400;}

/* news */


/*neslist*/

.pagenav {display: flex; justify-content: space-between;  }
.pagenav a { width: 2.8rem; height: .85rem; display: inline-block; line-height: .85rem; border: 1px solid #e5e5e5; text-align: center; color: #717171;   font-size: .3rem;  }

.pagenav .prev{ color: #717171; }
.pagenav .next{ color: #fff; background: #4fb3f0;border: 1px solid #4fb3f0; }


/*newslist*/

/*news data */



/* footer*/
footer { height: 1.4rem;background: #e5e5e5; padding-top: .3rem;}
footer .hotline  {  text-align: center;  }
footer .hotline span:first-child { color: #4fb3f0;font-size: .26rem; font-weight: bold; }
footer .hotline span:last-child { color: #fe1d1d;font-size: .26rem; font-weight: bold; }
footer p {  color: #757373; padding: 0 .25rem; line-height: .5rem; text-align: center; font-size: .20rem; }

/* footer*/

/*fiexd */
#bottom { position: fixed;  height: 1.14rem;  background: #2a7fb8; bottom: 0; z-index: 9999; width: 100%; color: #fff;}

#bottom ol { display: flex; align-items: center; justify-content: center;}
#bottom ol li { width: 25%; text-align: center;  display: flex; align-items: center; justify-content: center; flex-direction: column; height: 1.1rem;  }
#bottom ol li img { width: .42rem; }
#bottom ol li p { font-size: .24rem; color: #fff; margin-top: .03rem;}
/* fiexd */

.jdcx{position: absolute;top: -.78rem;right: .4rem;   display: block;  background: #e8424e; color: #ffffff; font-size: .26rem; width: 1.5rem; line-height: .7rem; height: .7rem; display: inline-block; text-align: center; border-radius: 5px;}
.jdcx:hover{color: white;background-color: #FE6171;}


.query{padding:.2rem;}
.query_el{margin-bottom: .1rem;border-bottom: .02rem dashed #d3d0d0;padding-bottom: .1rem;}
.query_el  .q{color: #e8424e;}
.query_el span{display: table-cell;}
.query_el span.t{white-space: nowrap;font-weight: bold;}
.query_ct{display: block; background-color:#4fb3f0 ; width: 1.2rem;height: .40rem;line-height: .40rem;text-align: center;color: white; margin: .20rem 0;}
.query_ct.qr{background: #d53707;}
/*留言搜索列表*/
.messlist2{margin: 0rem .2rem;margin-top: .30rem; background: #4fb3f0;overflow: hidden;}
.messlist2 h2{line-height: .30rem;font-size: .16rem;text-indent: 2em;margin: .20rem;}
.messlist2 h2 span{color: red;font-weight: bold;}
.messlist2 form{margin: .20rem .20rem .30rem .20rem;line-height: .40rem;}
.messlist2 form label{white-space: nowrap; margin-right: .25rem;font-size: .16rem;display: block;text-align: left;margin-bottom: .20rem;}
.messlist2 form input{display: inline-block;vertical-align: top; width: 3.00rem;height: .5rem;line-height: .5rem; border: solid .01rem #CCCCCC;padding: 0 .15rem;border-radius: .05rem;}
.messlist2 form input[type=submit]{width: 2.00rem;background: #d53707;color: #FFFfff;border: 0;font-size: .16rem;cursor: pointer;}

.messshow1_ti{margin-top: .2rem; font-size: .26rem;height: .40rem; line-height: .40rem;border-bottom: solid .01rem #4fb3f0;font-weight: bold;text-indent: .10rem;}
.messshow1_table{margin: .40rem 0;width: 100%;}
.messshow1_table table{width: 100%;table-layout: fixed;border-top: solid .01rem #CCCCCC;border-left: solid .01rem #CCCCCC;}
.messshow1_table table td{border-bottom: solid .01rem #CCCCCC;border-right: solid 0.01rem #CCCCCC;text-align: center;height: .50rem;line-height: .40rem; font-size: .16rem;}