@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:#d16599;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:#d16599;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:#d16599; }
.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;width:100%;}
.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  */
.title_h1{  text-align:center; width:100%; height:0.77rem; padding:0.55rem 0 0.57rem 0;}
.p_1{ padding-bottom:0.22rem;}
.p_1 ul li{  height:1.28rem; width:45.67%; background:#d16599; margin-bottom:0.4rem; position:relative;}
.p_1 ul li em{ color:#fff; text-align:center; display:inline-block; height:1.28rem; width:45.25%; font-size:0.32rem; font-weight:bold; position:absolute; top:0; right:0;}
.P_1_em1{ padding-top:0.42rem;}
.P_1_em2{ padding-top:0.24rem;}
.ljgd_slgds{ width:45.5%; height:0.5rem; text-align:center; color:#fff; line-height:0.5rem; border-radius:50px; background:#a3cefb; display:inline-block; float:left; font-size:0.28rem;}
.zxzx_slgds{ width:45.5%; height:0.5rem; text-align:center; color:#fff; line-height:0.5rem; border-radius:50px; background:#d16599; display:inline-block; float:right; font-size:0.28rem;}
/*   part2  */
.title_h2{  text-align:center; width:100%; height:0.77rem; padding:0.55rem 0 0.45rem 0;}
.p_2{ padding-bottom:0.46rem;}
.pp{ font-size:0.21rem; text-align:center; color:#716e71;}
.p_2 ul li{ width:35.83%; height:0.81rem; line-height:0.81rem; font-size:0.37rem; font-weight:bold; color:#d16599; border:1px solid #d16599; text-align:center; margin-top:0.32rem; margin-bottom:0.1rem;}
.p_2 .li_1{ margin-left:8.3%;}
.p_2 .li_2{ margin-right:8.3%;}
/*   part3  */
.p_3{ width:94.6%; padding-left:2.6%; padding-right:2.6%; margin:0 auto; max-width:610px; padding-bottom:0.56rem;}
.p_3 ul li{ width:91%; border:3px solid #eeeeee; position:relative; padding:0.6rem 4% 0.2rem 4%; margin-top:0.68rem; }
.p_3 ul li em{ display:block; position:absolute; width:46.5%; height:0.88rem; color:#fff;  font-size:0.31rem; font-weight:bold; line-height:0.88rem;}
.p3_em1{ background:url(../images/p3_01.png) center no-repeat; background-size:contain; top:-0.44rem;padding-left:21.5%;}
.p3_em2{ background:url(../images/p3_02.png) center no-repeat; background-size:contain; top:-0.44rem; right:4%;padding-right:17%;padding-left:4.5%;}
/*   part4  */
.p_4{ padding-top:0.28rem;}
.p_4 ul li{ width:59%; margin-bottom:0.7rem; padding-top:0.18rem; padding-bottom:0.13rem; position:relative}
.p4_l1{ background:#f8fbff; padding-left:37%; padding-right:4%;}
.p4_l2{ background:#fbf3f7; padding-left:4%; padding-right:37%;}
.p_4 ul li em{ position:absolute; display:block;  width:1.88rem; text-align:center; color:#fff; font-size:0.36rem; font-weight:bold;}
.p4_b1{ background:url(../images/p4_01.png) center no-repeat; background-size:contain; left:0; top:-0.18rem; padding-top:0.56rem;height:1.32rem;}
.p4_b2{ background:url(../images/p4_02.png) center no-repeat; background-size:contain; right:0; top:-0.18rem; padding-top:0.56rem;height:1.32rem;}
.p4_b3{ background:url(../images/p4_03.png) center no-repeat; background-size:contain; left:0; top:-0.18rem; padding-top:0.78rem;height:1.1rem;}
/*   part5  */
.p_5{ text-align:center; padding-bottom:0.5rem;}
.p_5 p span{ font-weight:bold; color:#d16599;}
/*   part6  */
.common_zj{ max-width:640px; margin:0 auto; width:100%; overflow:hidden; position:relative; padding-bottom:0.4rem; padding-top:0.15rem;}
.common_zj ul li{ position:relative; width:100%; height:4.48rem; background:url(../images/bg_01.jpg) center no-repeat; background-size:6.4rem 4.48rem; margin-bottom:0.16rem;}
.zj_a{ height:4.36rem; position:absolute; bottom:0; right:1%;}
.zj_em{ display:block; position:absolute; left:0; top:0; height:4.57rem; width:52.875%; padding-left:3.125%;}
.zj_em h4{ color:#d15699; font-size:0.38rem; width:120%;}
.zj_em h4 span{ font-size:0.29rem; font-weight:400;}
.em_p1{ color:#787878; font-weight:bold; font-size:.31rem; padding-top:0.18rem;}
.em_p2{ padding-top:0.86rem; color:#fff; line-height:0.46rem;}
.zj_em_a{ width:76%; height:0.5rem; display:block; color:#fff; text-align:center; line-height:0.5rem; background:#a3cefb; border-radius:50px; font-size:0.26rem; margin-top:0.32rem; margin-left:6%;}
.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:#d16599;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#a3cefb; height:0.12rem; width:0.42rem; border-radius:50px;}
/*   part7  */
.p_7{}
.p_7 ul li{ width:91.8%; border:1px solid #d16599; color:#575557; font-size:0.28rem; padding-left:3%;line-height:0.34rem; padding-top:0.2rem; padding-bottom:0.15rem; position:relative; margin-bottom:0.4rem;}
.p_7 ul li small{ font-size:0.19rem; color:#716e71; }
.p_7 ul li em{ position:absolute; bottom:-1px; display:block; width:0.61rem; height:0.61rem; right:-0.305rem;}
.p_7 ul li a{ color:#575557;}

/*  footer  */
.footer_ba{ text-align:center;}



.ztxdh{ width:100%; background:#d16599; 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;  }
.pp{ font-size:12px; text-align:center; color:#716e71;}
}
@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:#d16599;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#a3cefb; 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;}

}

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

}