@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* Style Reset */
html{  max-height:100%; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:625%;}
body{font-size: 0.24rem; font-family: \5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif; color:#898989;  }
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;}
/* 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:#32b1b8; }
#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.9%; padding-left:3.05%; padding-right:3.05%; 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*/
/* sub header */
.header{width:100%;height:1rem!important;position:relative;z-index:910;}
.head{ background:#32b1b8;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:#32b1b8;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#1abb9c}
.swiper-pagination-pt{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}
.banner_yjs{ max-width:640px; width:100%; margin:0 auto;}
.nav_yjs{ padding-top:0.52rem; padding-bottom:0.25rem; max-width:640px; width:98.1%; margin:0 auto; padding-left:1.9%;}
.nav_yjs ul li{ width:21.6%; height:1.38rem; float:left; color:#fff; line-height:1.38rem; text-align:center; margin-left:2.3%;}
.nav_yjs ul li:nth-child(odd){ background:url(../images/sy/nav_yjs_01.png) center no-repeat; background-size:contain;}
.nav_yjs ul li:nth-child(even){ background:url(../images/sy/nav_yjs_02.png) center no-repeat; background-size:contain;}
.nav_yjs ul li a{ color:#fff;}
.yjs_t1{ padding-top:0.56rem;}
/*   part1   */
/*   expert_team    */
.expert_yjs{ padding-top:0.42rem; height:4.03rem; width:100%;  margin:0 auto; max-width:640px; overflow:hidden; position:relative; padding-bottom:0.64rem; }
.expert_yjs li{ position:relative; }
.expert_yjs li .rw_pic{ display:block; position:absolute; bottom:0; height:2.6rem; width:28.1%; left:9.4%;}
.expert_yjs li .re_jies{ display:block; position:absolute; top:1rem; right:5.4%; height:1.74rem; width:45.6%;font-size:0.24rem; line-height:0.3rem;}
.re_jies h4{ height:0.52rem; line-height:0.52rem; font-size:0.22rem; font-weight:400; position:relative; border:none; color:#474747; margin-bottom:0.1rem;}
.re_jies h4 em{ display:block; height:0.05rem; width:25%; position:absolute; bottom:0; left:0; line-height:0.05rem;}
.re_jies h4 span{ font-size:0.31rem; color:#3a3a3a;}
.re_jies .pjj{ color:#474747; font-size:0.22rem;}
.re_jies .pjj2{ color:#727272; font-size:0.20rem;}
.re_jies p{ padding-top:0.12rem;}
.expert_yjs li .ra_zxzx{ display:block; position:absolute; width:20%; height:0.4rem; font-size:0.22rem; text-align:center; line-height:0.4rem; background:#e5709d; right:3%; bottom:0.36rem; color:#fff;}

.expert-next{ position:absolute; height:0.41rem; width:0.41rem; right:3%; top:0.66rem; z-index:100; background:url(../images/sy/yjs_next1.png) no-repeat center; background-size:contain;}
.expert-prev{ position:absolute; height:0.41rem; width:0.41rem; right:15%;  top:0.66rem; z-index:100; background:url(../images/sy/yjs_pre1.png) no-repeat center; background-size:contain; }
.expert-prev:hover{  background:url(../images/sy/yjs_pre2.png) no-repeat center; background-size:contain;}
.expert-next:hover{ background:url(../images/sy/yjs_next2.png) no-repeat center; background-size:contain;}

/*   part2   */
.yjs_p2{ background:#f9fafc; padding-bottom:0.6rem;}
.yjs_p2 ul{ padding-top:0.36rem;}
.yjs_p2 ul span{ display:block;}
.yjs_p2 ul li{ float:left;}
.yjs_p2_l1{ width:37.3%;}
.yjs_p2_l2{ width:60.3%; padding-left:2.4%;}
.yjs_p2_l2 h4{ width:100%; height:0.42rem; border-bottom:1px solid #dbdcdd; color:#535353; font-weight:400;}
.yjs_p2_l2 p{ padding-top:0.1rem; font-size:0.22rem; color:#8b8b8b; line-height:1.6em; padding-bottom:0.2rem;}
.yjs_p2_l2 .more{ display:block; height:0.32rem; color:#fff; width:30.4%; background:#32b1b8; font-size:0.2rem; text-align:center; line-height:0.32rem;}
/*   part2   */
.yjs_p3{  padding-bottom:0.5rem; padding-top:0.48rem;}
.yjs_p3 ul li{ padding-left:13%; font-size:0.22rem; position:relative; color:#8b8b8b; width:87%; padding-bottom:0.36rem;}
.yjs_p3 ul li h4{ color:#3a3a3a; font-weight:400; width:100%; border-bottom:1px solid #dbdcdd; height:0.46rem; line-height:0.42rem;}
.yjs_p3 ul li .more{ display:block; height:0.32rem; color:#fff; width:24.5%; background:#e06496; font-size:0.2rem; text-align:center; line-height:0.32rem;}
.yjs_p3 ul li p{ line-height:1.6em; padding-top:0.1rem; padding-bottom:0.18rem;}
.yjs_p3 ul li em{ display:block; position:absolute; width:13%; height:0.72rem; top:0.1rem; left:0;color:#535353;font-size:0.46rem; line-height:0.36rem;}
.yjs_p3 ul li em small{color:#8b8b8b;font-size:0.17rem;}
/*  footer beian  */
.footer_ba{ padding-top:0.158rem;margin-top:0.02rem;}
.footer_ba p{ height:0.783rem; background:#f9fafc; color:#898989; font-size:0.24rem; text-align:center; line-height:0.33rem; padding-top:0.1rem;}
.table_sreach{ color:#656565; font-size:0.20rem;}
.table_sreach a{ color:#1abb9c; text-indent:1em; }
.table_sreach_input{ border-radius:5px; width:60%;}
.table_sreach_botton{ border-radius:25px; width:20%;}
.table_sreach_position{ padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ccc;}













/*-----自适应-----*/
@media all and (min-width:640px){
    .wapper{width:601px;margin:0 auto;position:relative; padding-left:19.5px; padding-right:19.5px;}
	.fenlei li a{  width:31.5%; margin-right:2.2%;  }
	.tubs_box{ overflow:hidden;width:601px; margin:0 auto; }

}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    
	.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:1.6%; height:0.416rem; line-height:0.416rem; display:block;}

}
@media only screen and (max-width: 320px) {
   
		.fenlei li a{  width:31.5%; margin-right:0.6%;}

}