html {
  font-family: "Microsoft Yahei", 'helvetica neue', tahoma, 'hiragino sans gb', 'wenquanyi micro hei', sans-serif; -webkit-text-size-adjust: none; word-break: break-word; font-size: 625%;}
body,ul,h1,h2,h3,p,td,dl,dd,b,input,textarea,select { margin: 0; padding: 0; font-weight: normal;}
a,i,em { text-decoration: none; font-style: normal;}
li { list-style: none;}
img { border: 0; vertical-align: middle;width:100%}
table { border-collapse: collapse; border-spacing: 0;}
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: ead-write-plaintext-only;}
input[type=button],input[type=submit],input[type=file],button { cursor: pointer; -webkit-appearance: none; outline: none;}
input[type="text"],input[type="number"]{ -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.clear { clear: both;}
.hide { display: none;}
@media screen and (max-width: 360px) { html { font-size: 90px !important;}}
.wrapper { max-width: 750px; height: 100%; margin: 0 auto; font-size: .14rem; overflow: hidden;  box-sizing: border-box; background: #f5f5f5;}
header{ width: 100%; height: 45px; background: #4badc6; position: relative; }
header h1{ color: #fff; font-size: .2rem; line-height: 45px; text-align: center; }
header a{ position: absolute; top: 0; color: #fff; font-size: .22rem !important; line-height: 45px }
header a:hover{ color: #fffec6 }
.top-back{ left: 5px;}
.top-home{ right: 10px; font-size: 19px !important }
.top-home2{ left: 10px; font-size: 19px !important }
.top-nav{ right: 10px; font-size: 19px !important }
.g1{ width: 100%; height: auto; overflow:hidden;}
.g1 img{ width: 100%; height: auto; }
nav{ width: 100%; height: 45px; background: #fff; border-bottom: 1px #ddd solid; }
nav a{ width: 20%; height: 45px; float: left; display: block; color: #333; font-size: .16rem; line-height: 45px; text-align: center; }
.nav-cur{ color: #4badc6 }
.wrap1-box{ padding:0 15px; background: #fff; overflow: hidden; border-top: 1px #ddd solid; margin-top: 15px; }
.wrap1-top{ width: 100%; height:45px; border-bottom: 1px #ececec solid }
.wrap1-top a{ border-bottom: 2px #4badc6 solid; display: block; width: 80px; color: #4badc6; font-size: .16rem; line-height: 44px; text-align: center; }
.wrap1-cont{ width: 100%; height: auto; overflow: hidden; position: relative; }
.wrap1-cont dl{ width: 100%; height: auto; border-bottom: 1px #ececec dashed; margin-top:20px; padding-bottom: 20px }
.wrap1-cont dt{ width: 140px; height: 90px; position: absolute; left: 0; top: 20px; z-index: 9; }
.wrap1-cont dt img{ width: 140px; height: 90px; }
.wrap1-cont dd{ margin-left: 155px; height: 90px; }
.wrap1-cont>dd>a{ width: 100%; height: 50px; overflow: hidden; display: block; color: #555; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wrap1-button{ width: 100%; height: 30px; margin-top: 10px }
.wrap1-button button{ width: 90px; height: 30px; border-radius: 5px; line-height: 30px; padding:0 !important; font-size: .14rem; }
.wrap1-button .wrap1-btn{ background: #4badc6 }
.wrap1-button .wrap2-btn{ background: #ffa264 }
@media screen and (max-width: 400px){ 
  .wrap1-button button{ width: 45%;}
}
.wrap2-box{ padding: 0 15px; background: #fff; overflow: hidden; border-top: 1px #ddd solid; margin-top: 15px; }
.wrap2-cont{ width: 100%; height: auto; overflow: hidden; }
.wrap2-cont li{ width: 100%; height: 40px; border-bottom: 1px #ececec dashed; position: relative; }
.wrap2-cont li a{ width: 100%; height: 40px; color: #555; font-size: .15rem; line-height: 40px; overflow: hidden; display: block; }
.wrap2-cont li i{ width: 5px; height: 5px; margin-right: 7px; top: -3px}
.wrap2-cont li span{ height: 40px; margin-right: 95px; display: block; overflow: hidden;}
.wrap2-cont li em{ width: 80px; position: absolute; right: 0; top: 0; z-index: 9; color: #aaa; font-size: .14rem; text-align: right}
.wrap-more{ width: 100%; height: 30px; margin: 10px 0;}
.wrap-more a{ text-align: center; display: block; color: #999; font-size: .14rem; line-height: 30px; }
.wrap-more i{ margin-right: 5px }
.g2{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; }
.g2 img{ width: 100%; height: auto }
.wrap3-box{ padding: 0 15px; background: #fff; overflow: hidden; border-top: 1px #ddd solid; margin-top: 15px; }
.wrap3-cont{ width: 100%; height: auto; overflow: hidden; }
.wrap3-cont dl{ width: 100%; height: auto; overflow: hidden; position: relative; border-bottom: 1px #ececec dashed; padding-bottom: 15px; display: block; margin-top: 15px}
.wrap3-cont dt{ width: 100px; height: 100px; position: absolute; left: 0; top: 5px; z-index: 9; }
.wrap3-cont dt img{ width:100%; height: 100%; border-radius: 50%;  }
.wrap3-cont dd{ margin-left: 115px; height: 110px; }
.wrap3-cont b{ width: 100%; height: 25px; color: #4badc6; font-size: .15rem; line-height: 25px; display: block; }
.wrap3-cont b span{ color: #999; font-size: .12rem; margin-left: 20px; }
.wrap3-cont p{ width: 100%; overflow: hidden; color: #555; font-size: .14rem; line-height: .25rem;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wrap3-cont button{ width: 90px; height: 25px; border-radius: 5px; line-height: 25px; background: #4badc6; font-size: .14rem; margin-top: 10px; }
.wrap4-box{ padding: 0 15px; background: #fff; overflow: hidden; border-top: 1px #ddd solid; margin-top: 15px; }
.wrap4-cont{ width: 100%; height: auto; overflow: hidden; }
.wrap4-cont a{ width: 47%; height: auto; overflow: hidden; float: left; display: block; position: relative; margin-top: 20px }
.wrap4-cont img{ width: 100%; height: auto; }
.wrap4-cont p{ width: 100%; height: 30px; }
.wrap4-cont i{ width: 100%; height: 30px; background: #000; opacity: .5; position: absolute; left: 0; bottom: 0; z-index: 5; }
.wrap4-cont span{ width: 100%; height: 30px; color: #fff; font-size: .14rem; line-height: 30px; text-align: center; display: block; z-index: 9; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.wrap4-cont a:nth-child(2n){ float: right; }
footer { background: #e8e8e8; text-align: center; padding: 10px 0; position: relative; margin-top: 15px;}
.foot-nav a { display: inline-block; height: 30px; line-height: 30px; width: 65px; position: relative; color: #333; text-decoration: none; font-size: .14rem; text-align: center; margin-left: 3px;}
footer #f_menu:after { content: ""; background: #ccc; height: 15px; width: 1px; position: absolute; right: 0;  top: 8px;}
footer p { width: 100%; height: 30px; text-align: center; color: #333; font-size: .12rem; line-height: 30px;}
.intro-box{ padding:0 15px 15px; height: auto; overflow: hidden; background: #fff; }
.intro-box p{ width: 100%; color: #555; font-size: .16rem; line-height: 30px; margin-top: 10px; }
.intro-box b{ width: 100%; color: #555; line-height: 30px; margin-top: 10px; display: block; font-size: .16rem; font-weight: bold; }
.intro-txt{ width: 100%; color: #999 !important; font-size: .14rem !important; line-height:25px !important; }
.dynamic-box{ padding: 0 15px 15px; height: auto; overflow: hidden; background: #fff; }
.dynamic-box hgroup{ width: 100%; height: auto; overflow: hidden; margin-top: 15px; border-bottom: 1px #ececec dashed; padding-bottom: 15px }
.dynamic-box hgroup h3{ width: 100%; line-height: 40px; color: #333; font-size: .18rem; text-align: center; display: block; }
.dynamic-box hgroup p{ color: #999; font-size: .14rem; line-height: 25px; text-align: center; }
.dynamic-box p{ width: 100%; color: #555; font-size: .16rem; line-height: 30px; margin-top: 10px; }
.dynamic-box b{ width: 100%; color: #555; line-height: 30px; margin-top: 10px; display: block; font-size: .16rem; font-weight: bold; }
.dynamic-box img{ width: 100%;height: auto; }
.intro-txt{ width: 100%; color: #999 !important; font-size: .14rem !important; line-height:25px !important; }
.dynamic-wrap{ padding: 0 15px; height: auto; overflow: hidden; background: #fff }
.dyc-list a{ width: 100%; height: auto; overflow: hidden; display: block; border-bottom: 1px #ececec dashed; padding-bottom: 10px; margin-top: 5px }
.dyc-list b{ width: 100%; height: 45px; overflow: hidden; color: #333; font-size: .16rem; line-height: 45px; }
.dyc-list .dyc-txt1{ width: 100%; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; font-size: .14rem; line-height: 25px; overflow: hidden;}
.dyc-list .dyc-txt2{ width: 100%; height: 25px; overflow: hidden; color: #999; font-size: .12rem; line-height: 25px; margin-top: 5px }
.dynamic-wrap #demo{ text-align: center; margin:10px 0; }
.expert-box{ padding: 0 15px; height: auto; overflow: hidden; background: #fff; }
.expert-list a{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px #ececec dashed; padding-bottom: 20px; display: block; margin-top:20px; position: relative; }
.expert-list dt{ width: 90px; height: 90px; position: absolute; top: 0; left: 0; z-index: 9; }
.expert-list dt img{ width: 100%; height: 100%; border-radius: 50%; }
.expert-list dd{ height: 90px; margin-left: 105px; }
.expert-list b{ width: 100%; height: 40px; overflow: hidden; color: #333; font-size: .16rem; line-height: 40px; display: block; }
.expert-list b span{ color: #999; font-size: .14rem; margin-left: 20px }
.expert-list p{ width: 100%; height: 50px; font-size: .14rem; color: #666; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.expert-list p span{ color: #999 }
.expert-list a:last-child{ border-bottom: none; }
.ept-wrap1{ padding: 0 15px 15px; background: #fff; overflow: hidden;  }
.ept-wrap1 dl{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; position: relative; }
.ept-wrap1 dt{ width: 90px; height: 90px; position: absolute; left: 0; top: 0; z-index: 9; }
.ept-wrap1 dt img{ width: 100%; height: 100%; border-radius: 50%; }
.ept-wrap1 dd{ margin-left: 105px; height: 90px; }
.ept-wrap1 dd b{ width: 100%; height: 45px; color: #333; font-size: .16rem; line-height: 45px; display: block; }
.ept-wrap1 dd span{ color: #999; font-size: .14rem; margin-left: 20px }
.ept-wrap1 button{ width: 90px; height: 30px; background: #4badc6; border-radius: 5px; line-height: 30px; margin-top: 5px }
.ept-wrap1 .ept-txt{ width: 100%; height: auto; overflow: hidden; color: #555; line-height: 33px; font-size: .16rem; margin-top: 10px }
.ept-wrap2{ padding: 0 15px; background: #fff; overflow: hidden; margin-top: 15px; border-top: 1px #ddd solid}
.ept-top{ width: 100%; height: 45px; border-bottom: 1px #ececec solid }
.ept-top a{ border-bottom: 2px #4badc6 solid; display: block; width: 80px; color: #4badc6; font-size: .16rem;    line-height: 44px; text-align: center;}
.ept-cont{ width: 100%; height: auto; overflow: hidden; margin-top: 10px; padding-bottom: 15px}
.ept-cont p{ width: 100%; line-height: 33px; color: #555; font-size: .16rem; }
.ept-cont p img{ margin:15px auto 15px; display: block;width: 75%; }
.picture-box{ padding:0 15px; height: auto; overflow: hidden; background: #fff; padding-bottom: 10px }
.picture-box ul{ margin-top: 10px }
.picture-box li{ width: 47%; height: auto; overflow: hidden; float: left; margin-top: 10px }
.picture-box li img{ width: 100%; height: auto; border-radius: 7px }
.picture-box li p{ width: 100%; color: #555; font-size: .14rem; line-height: 40px; text-align: center; display: block; overflow: hidden;height: 40px;}
.picture-box li:nth-child(2n){ float: right }
.menu{ padding:5px 15px 20px; height: auto; overflow: hidden; background: #fff;   }
.menu ul{ width: 100%; height: auto; overflow: hidden;display: flex;display: -webkit-flex;flex-direction: row; flex-wrap:wrap; justify-content:flex-start; }
.menu li{ width: 29%; height: 33px; float: left; margin-top:15px; border:1px #ececec solid; border-radius: 5px; margin-right: 15px }
.menu li:nth-child(3n){ margin-right: 0 }
.menu li a{ height: 33px; overflow: hidden; color: #333; font-size: .14rem; line-height: 33px; text-align: center; display: block; padding: 0 5px}
@media screen and (min-width: 300px) and (max-width: 400px){ 
  .menu li a {font-size: .13rem}
}
.index-box{ padding: 0 15px; height: auto; overflow: hidden; }
.index-box ul{ width: 100%; height: auto; overflow: hidden; }
.index-box li{ width: 99%; height: auto; overflow: hidden; margin-top: 15px; background: #fff; border:1px #ddd solid; padding-bottom: 5px ; position: relative;}
.index-box li img{ width: 94%; height: auto; margin:3%; display: block; }
.index-box li p{ width: 100%; height: 30px; line-height: 30px; color: #555; font-size: .16rem; text-align: center; display: block; }
.index-box i{ width: 50px; height: 50px; background: url(../images/new.png) no-repeat; position: absolute;    z-index: 9; left: 0px; top: 0px; background-size: 50px;}
.back-top{ width: 50px; height: 50px; position: fixed; right: 10px; bottom: 80px; z-index: 99; display: none; }
.back-top a{ width:100%; height:100%; background: url(../images/back_top.png) no-repeat; background-size: 50px; display: block; cursor: pointer; }
.J_load_move_chl {text-align: center;font-size: 17px;}
.button-box {background:white;padding:15px 0;text-align:center;width:100%;height:30px;margin-top:10px;}
.button-box button {width:48%;height:30px;border-radius:5px;line-height:30px;padding:0 !important;font-size:.14rem;}
.button-box .wrap2-btn {background:#ffa264;}
.button-box .wrap1-btn {background:#4badc6;}