@charset "utf-8";
/* CSS Document */
html{  max-height:100%; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:625%;}
body{font-size: 0.25rem; font-family: \5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif; color:#716e71; line-height:0.4rem;  }
body,p,h1,ul,li,input,img,figure,h4,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a,input{text-decoration:none;outline:0px;}
i,em{ font-style:normal;}
fieldset, img {border:0;}
img{max-width:100%;max-height:100%; vertical-align: middle;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
/*   header    */
.header{width:100%;height:1rem!important;position:relative;z-index:910;}
.head{ background:#53bac9;text-align:left;position:fixed;width:100%;height:1rem;top:0;right:0;line-height:1rem;z-index:99; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; }
.logo{display:inline-block;width:60.9%;height:1rem; text-align:center; margin-left:19.6%; }
/* search part */
.sea-btn{width:5.6%;left:3.28%;height:100%;font-size:0.36rem;line-height:1rem;color:#cecece;text-align:left;overflow:hidden;position:absolute;}
.sea-btn:active{transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360eg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); transition:1s;
-moz-transition:1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari 和 Chrome */
-o-transition: 1s; /* Opera */}
.hideMenu{}
.menulists {position:absolute;width:100%; }
.menulists .search_2016{ height:0.88rem; padding-top:0.44rem;}
.search_2016 .s_box{ width:78%; height:0.47rem; border-radius:25px; border:none; color:#9e9e9e; font-size:0.24rem;line-height:0.46rem;}
.search_2016 .s_btn{ width:19%; height:0.44rem; text-align:center; background:#1abb9c; color:#fff; border:none; margin-top:0.016rem; font-size:0.24rem; line-height:0.43rem;}
.menulists .fenlei{ text-align:center;}
.popMenu {display:none;}
.fenlei a{ color:#fff;}
.fenlei li{padding-bottom:0.21rem; width:100%; height:0.49rem;}
.fenlei h3{ background:#1abb9c; width:100%; height:0.49rem; line-height:0.49rem; font-size:0.28rem; font-weight:300; margin-bottom:0.175rem;}
.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.22rem; width:31.5%; margin-right:1.8%; height:0.49rem; line-height:0.49rem; display:block;}
.fenlei li a:nth-child(3n){ margin-right:0;}
.menulists .uclose{ text-align:center; color:#fff; font-size:0.5rem; }
.uclose li{ width:20%; margin-left:40%;line-height:1rem; height:1rem;}
/* right nav */
.nav-btn{width:7.2%;right:3.28%;top:0;position:absolute;height:100%;font-size:0.42rem;line-height:1rem;color:#fff;text-align:right;overflow:hidden;}
.clicked{ margin-right:56.25%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.clicked2{ margin-right:56.25%; margin-left:-56.25%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;} 
.nav{width:56.25%;position:absolute;right:0;top:0;bottom:0;z-index:2;background:#0e2e55;}
.fixed{width:56.25%;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:205;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.nav_color{background:#0e2e55;    }
.nav li{width:100%;margin:0 auto;border-bottom:1px solid rgba(26,187,156,1);text-align: center; height:0.84rem; line-height:0.84rem; font-size:0.34rem;}
.nav li a{display:block;width:100%;color:#fff;}
.nav li a span{margin-right:8%;font-size:0.45rem; line-height:1rem;}
.nav li:first-child{ height:1rem; background:#1abb9c; line-height:1em; font-size:0.31rem;}
.nav li:last-child{margin-bottom:20%;}
/* banner */
.banner_box { border-bottom:1px solid #ccc; text-align:center;}
.banner_box img { vertical-align:top;}
.swiper-container{ max-width:640px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0.15rem;right:0;width:100%}
.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:100%;background:#53bac9;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#1abb9c}
/* banner_bottom nav */
.bbt_nav{ width:100%; max-width:640px; height:1.08rem; margin:0 auto; text-align:center;}
.bbt_nav li{ width:25%; height:1.08rem; float:left; color:#fff; font-size:0.28rem; line-height:1.5rem; position:relative;}
.bbt_nav li a{ color:#fff;}
.bbt_nav li:nth-child(even){ background:#1abb9c; }
.bbt_nav li:nth-child(odd){ background:#53bac9; }
.bbt_em1{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/rgsj_2016.png) center no-repeat; background-size:contain;}
.bbt_em2{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/sgye_2016.png) center no-repeat; background-size:contain;}
.bbt_em3{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/nxbyun_2016.png) center no-repeat; background-size:contain;}
.bbt_em4{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/nxby_2016.png) center no-repeat; background-size:contain;}


/* common */
.clear {clear:both; display:block;}
.fl{ float:left;}
.fr{ float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone {display:none;}
.bg_lv{ background:#1abb9c; }
.bg_lan{ background:#426aaf; }
#toTop{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.wapper{ width:93.45%; padding-left:3.125%; padding-right:3.125%; margin:0 auto;}
/* html part */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:205;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.black-fixed{position: fixed;z-index:99999!important;right:0;width:0;top:0;height:100%;background:rgba(10,42,82,0.8);text-align:right;font-size:0.5rem;color:#fff;line-height:1rem;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:56.25%;}
/*font*/
@font-face {font-family: "iconfont";
    src: url('../contfont/iconfont.eot'); /* IE9*/
    src: url('../contfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../contfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../contfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../contfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;

  font-style:normal;
  color:#fff;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
}
/*font*/
/*   banner  */
.banner{ width:100%; max-width:640px; margin:0 auto;}
/*   part1  */
.p1{ width:94.625%; margin:0.7rem auto 0.5rem auto; max-width:602px; border-radius:15px; box-shadow:0 0 9px 2px #dad8d8; text-align:center; padding-bottom:0.28rem; font-size:0.22rem;}
.p1 h1{ color:#53bac9; font-size:0.34rem;; font-weight:bold; border-bottom:1px solid #cacaca; width:80.73%; margin:0 auto; padding-top:0.24rem; padding-bottom:0.12rem;} 
.p1 .pp{  width:86%; margin:0 auto; padding:0.06rem 0 0.18rem 0;}
.small{ font-size:0.19rem; color:#787878;}
.p1 .ljgd{ width:32%; height:0.62rem; text-align:center; color:#fff; line-height:0.62rem; border-radius:50px; background:#53bac9; margin:0 auto; display:block;}
/*   part2  */
.t1{ background:#f8f9fc; margin:0 auto; width:100%; max-width:640px; padding-top:0.5rem;}
.t1 h1{ font-size:0.34rem; font-weight:bold; color:#53bac9; padding-left:3.125%; background:url(../images/tt.png) left center no-repeat; background-size:contain; height:0.32rem; line-height:0.32rem; margin-left:3.125%; font-style:italic;}
.t1 p{ text-align:right; padding-right:3.125%;}
.t1 .t_xian{ border-bottom:1px solid #cacaca; padding-top:0.12rem;}
.t1 .db2{ border-bottom:1px solid #cacaca; padding-top:0.12rem;}
.p2{ background:#f8f9fc; width:100%; margin:0 auto; max-width:640px; padding-top:0.3rem;}
.p2 ul li{ width:86%; background:#eaedf4; padding:0.06rem 0 0.06rem 0; position:relative; padding-left:11.875%; padding-right:2.125%; margin-top:0.3rem;}
.p2 ul li:first-child{ background:#53bac9; color:#fff;}
.p2 ul li:last-child{ margin-bottom:0.68rem;}
.p2 ul li em{ display:block; width:11.875%; position:absolute; left:0; top:0.14rem;}
.a_ljgd{ display:inline-block; height:0.5rem; border-radius:50px; text-align:center; font-size:0.28rem; line-height:0.5rem; background:#53bac9; width:45.6%; color:#fff; margin-bottom:0.56rem;}
.a_zxzx{ display:inline-block; height:0.5rem; border-radius:50px; text-align:center; font-size:0.28rem; line-height:0.5rem; background:#5178bb; width:45.6%; color:#fff; margin-bottom:0.56rem; margin-left:7%;}
/*   part3  */
.t2{ margin:0 auto; width:100%; max-width:640px; padding-top:0.5rem;}
.t2 h1{ font-size:0.34rem; font-weight:bold; color:#53bac9; padding-right:4.5%; background:url(../images/tt.png) right center no-repeat; background-size:contain; height:0.32rem; line-height:0.32rem; margin-right:3.125%; font-style:italic; text-align:right;} 
.t2 p{ text-align:left; padding-left:3.125%;}
.t2 .t_xian{ border-bottom:1px solid #cacaca; padding-top:0.12rem;}
.t2 .db2{ border-bottom:1px solid #cacaca; padding-top:0.12rem;}
.p3{ padding-top:0.49rem;}
.p3 ul li{ width:44.6%; font-size:0.22rem;}
.p3 ul li h1{ color:#fff; background:#53bac9; border-radius:50%; text-align:center; height:0.71rem; width:0.71rem; margin:0 auto; line-height:0.71rem; font-size:0.46rem; font-weight:bold;}
.p3 ul li h3{ text-align:center; font-weight:bold; color:#727272;}
.p3 ul li p{ padding-bottom:0.47rem;}
/*   part4  */
.common_zj{ max-width:640px; margin:0 auto; width:100%; overflow:hidden; position:relative; padding-bottom:0.5rem;}
.common_zj ul li{ position:relative; width:100%; background:#f8f9fc; padding-top:0.34rem;}
.common_zj ul li .a_img{ height:4rem; float:right; display:block; padding-right:3.125%;}
.common_zj ul li em{ display:block; width:52.5%; position:absolute; z-index:99; left:3.125%; top:0.6rem;;}
.common_zj ul li em h4{ color:#5178bb; font-weight:bold; border-bottom:1px solid #e0e0e0; font-size:0.36rem; padding-bottom:0.16rem; text-indent:1em; padding-top:0.2rem; }
.common_zj ul li em h4 span{ font-size:0.3rem; color:#787878;}
.common_zj ul li em p{ font-size:0.22rem; padding-left:2%; padding-top:0.18rem; padding-bottom:0.25rem;}
.zj_em_a{ display:block;text-align:center; color:#fff; height:0.53rem; line-height:0.53rem; width:76.5%; background:#78d6e2; border-radius:50px; margin-left:8%;}
.swiper-pagination-zj{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-0.05rem;;right:0;width:100%}
.swiper-pagination-bullet{width:0.12rem;height:0.12rem;display:inline-block;border-radius:100%;background:#5178bb;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#78d6e2; height:0.12rem; width:0.42rem; border-radius:50px;}
/*   part5  */
.p5{ padding-top:0.5rem; padding-bottom:0.8rem;}
.p5 p{ color:#8b8a8b; padding-bottom:0.16rem;}
.p5 h2{ font-size:0.28rem; color:#575557; padding:0.24rem 0 0.12rem 0; font-weight:600;}
.p5_ljgd{ height:0.54rem; line-height:0.54rem; text-align:center; color:#fff; width:29.5%; display:block; background:#53bac9;}
.p5 ul li{ width:100%; border-bottom:1px solid #cfcfcf; font-size:0.28rem; color:#575557; padding:0.20rem 0 0.22rem 0;}
.p5 ul li em{ display: block; float:right; height:0.44rem; width:0.44rem; line-height:0.36rem;}
.p5 ul li a{ color:#575557;}
/*  footer  */
.footer_ba{ text-align:center;}

/*  专题小导航  */
.ztxdh{ width:100%; background:#53bac9; max-width:640px; margin:0 auto; height:0.6rem;}
.ztxdh ul li{ float:left; text-align:center; font-size:0.25rem; line-height:0.6rem; border-left:1px solid rgba(220,220,220,0.8); width:21.1%;}
.ztxdh ul li:first-child{ border-left: none; width:14%;}
.ztxdh ul li a{ color:#ffffff;}






/*-----自适应-----*/
@media all and (min-width:640px){
    .wapper{width:600px;margin:0 auto;position:relative; padding-left:20px; padding-right:20px;}

}
@media only screen and (max-width: 375px) and (min-width: 320px) {
    
body{font-size: 14px;  }
.p4 ul li em p{ font-size:14px;}
.p3 ul li{ width:48%; font-size:14px;}
.p1{ font-size:14px;}
.p1 .pp{ width:92%;}

}
@media only screen and (max-width: 445px) and (min-width: 320px) {

.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#5178bb;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#78d6e2; height:10px; width:0.64rem; border-radius:50px;}
}
@media only screen and (max-width: 335px) and (min-width: 320px) {
    
 .wapper{ width:96%; padding-left:2%; padding-right:2%; margin:0 auto;}
.p1 .pp{ width:94%;}
}

@media only screen and (max-width: 320px) {
   
		.wapper{ width:97%; padding-left:1.5%; padding-right:1.5%; margin:0 auto;}

}