@charset "utf-8";
html { height: 100%; }
body { overflow: hidden; height: 100%; padding-bottom: 2.7rem;}
/*html {width: 100%; height: 100%; overflow: hidden;}
body {width: 100%; height: 100%; overflow: auto; padding-bottom: 2.7rem;}*/
.top {width: 16rem;
    
    margin: 0 auto;
    }
/*banner*/
.list{margin:0;padding:0; list-style:none;}
img{ vertical-align:top;}
a{-webkit-tap-highlight-color:rgba(255,0,0,0);}

.main_box {width: 100%; height: 1100px; overflow: auto; }

.banner {width: 16rem; height: auto; margin: 0 auto;}
#tabImage{position:relative; overflow: hidden; margin: 0 auto;}
.list{width:100%; overflow:hidden;}
.list li{float:left;}
.list img{width:100%;}
#tabImageBtn{ position:absolute; left:0; width:100%; height:12px; bottom:80px; text-align:center; z-index: 999;}
#tabImageBtn a{ display:inline-block;width:12px;height:12px; background:#fff; border-radius:6px;}
#tabImageBtn a.active{ background:#3CF;}

/*---------------*/
.jianjie {width: 15.574rem; padding: 0.638rem;}
.jianjie p {width: 100%; font-size: 0.597rem; margin: 0 auto;}

/*----------------*/
.nav ul {width: 14.5rem; margin: 0 auto; overflow: hidden;}
.nav ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.nav ul li {width: 2.56rem; height: 3.984rem; float: left; margin-right: 1.365rem; position: relative; margin-bottom: 0.438rem;}
.apic {width: 2.56rem; height: 2.56rem; display: block; border-radius: 50%;}
.nav ul li:nth-of-type(1) a:nth-of-type(1) {background: url(../img/xxgk.png) #eb5a1c no-repeat center; background-size: 1.536rem 1.28rem;}
.nav ul li:nth-of-type(2) a:nth-of-type(1) {background: url(../img/xbjs.png) #35b86d no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(3) a:nth-of-type(1) {background: url(../img/xyfc.png) #3e9cd9 no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(4) a:nth-of-type(1) {background: url(../img/bxts.png) #78ba24 no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(5) a:nth-of-type(1) {background: url(../img/xxry.png) #3e9cd9 no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(6) a:nth-of-type(1) {background: url(../img/bxcg.png) #ffa800 no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(7) a:nth-of-type(1) {background: url(../img/jzxs.png) #b067cd no-repeat center; background-size: 1.536rem 1.28rem;}
.nav ul li:nth-of-type(8) a:nth-of-type(1) {background: url(../img/yybm.png) #3e9cd9 no-repeat center; background-size: 1.28rem 1.28rem;}
.nav ul li:nth-of-type(4n) {margin: 0;}
.atex {width: 100%; text-align: center; display: block; font-size: 0.597rem; color: #333;}


/*----------------*/
.school {width: 16rem; height: auto; margin: 0 auto;}
.school .title {width: 100%; height: 1.706rem; background-color: #0061ae;}
.school .title h4 {line-height: 1.706rem; color: #fff; font-size: 1.024rem; padding-left: 0.512rem; float: left;}
.school .title em {font-size: 0.64rem; color: #999; float: left; padding-top: 0.512rem;}
.school .title a {width: 3.584rem; height: 1.28rem; display: block; background-color: #fff; color: #666; border-radius: 0.64rem; text-align: center; line-height: 1.28rem; font-size: 0.64rem; float: right; margin-right: 0.12rem; margin-top: 0.2rem;}
.school .imgs {width: 100%; height: auto;}
.school .imgs:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.school .imgs .imgs1 {width: 8rem; height: 10.154rem; float: left; position: relative;}
.school .imgs img {width: 100%; height: 100%;}
.school .imgs p {width: 100%; height: 1.493rem; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; line-height: 1.493rem; text-align: center; color: #fff; font-size: 0.64rem;}
.school .imgs .imgs2, .school .imgs .imgs3 {width: 8rem; height: 5.079rem; float: left; position: relative;}

/*----------------*/
.student {width: 16rem; height: auto; margin: 0 auto; margin-top: 1.5rem;}
.student .title {width: 100%; height: 1.706rem; background-color: #0061ae;}
.student .title h4 {line-height: 1.706rem; color: #fff; font-size: 1.024rem; padding-left: 0.512rem; float: left;}
.student .title em {font-size: 0.64rem; color: #999; float: left; padding-top: 0.512rem;}
.student .title a {width: 3.584rem; height: 1.28rem; display: block; background-color: #fff; color: #666; border-radius: 0.64rem; text-align: center; line-height: 1.28rem; font-size: 0.64rem; float: right; margin-right: 0.512rem; margin-top: 0.2rem;}
.student .imgs {width: 100%; height: auto;}
.student .imgs:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.student .imgs .imgs1 {width: 8rem; height: 10.154rem; float: left; position: relative;}
.student .imgs img {width: 100%; height: 100%;}
.student .imgs p {width: 100%; height: 1.493rem; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; line-height: 1.493rem; text-align: center; color: #fff; font-size: 0.64rem;}
.student .imgs .imgs2, .student .imgs .imgs3 {width: 8rem; height: 5.079rem; float: left; position: relative;}


/*----------------*/
.tese {width: 16rem; height: auto; margin: 0 auto; margin-top: 1.5rem;}
.tese:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.tese .title {width: 100%; height: 1.706rem; background-color: #0061ae;}
.tese .title h4 {line-height: 1.706rem; color: #fff; font-size: 1.024rem; padding-left: 0.512rem; float: left;}
.tese .title em {font-size: 0.64rem; color: #999; float: left; padding-top: 0.512rem;}
.tese .title a {width: 3.584rem; height: 1.28rem; display: block; background-color: #fff; color: #666; border-radius: 0.64rem; text-align: center; line-height: 1.28rem; font-size: 0.64rem; float: right; margin-right: 0.512rem; margin-top: 0.2rem;}


.tese .wste {width: 8rem; height: 8.533rem; float: left; position: relative;}
.tese .wste img {left: 0; top: 0; width: 100%; height: 100%;}
.tese .wste .biaoti1 {width: 100%; height: 1.493rem; background-color: #5bcbc0; position: absolute; left: 0; top: 0; z-index: 900;}
.tese .wste .biaoti1 h4 {color: #fff; font-size: 0.768rem; line-height: 1.493rem; padding-left: 0.512rem;}
.tese .wste .biaoti2 {width: 100%; height: 1.493rem; background-color: #f63c07; position: absolute; left: 0; top: 0; z-index: 900;}
.tese .wste .biaoti2 h4 {color: #fff; font-size: 0.768rem; line-height: 1.493rem; padding-left: 0.512rem;}
.tese .wste .biaoti3 {width: 100%; height: 1.493rem; background-color: #fbac01; position: absolute; left: 0; top: 0; z-index: 900;}
.tese .wste .biaoti3 h4 {color: #fff; font-size: 0.768rem; line-height: 1.493rem; padding-left: 0.512rem;}
.tese .wste .biaoti4 {width: 100%; height: 1.493rem; background-color: #0061ae; position: absolute; left: 0; top: 0; z-index: 900;}
.tese .wste .biaoti4 h4 {color: #fff; font-size: 0.768rem; line-height: 1.493rem; padding-left: 0.512rem;}
.tese .wste .te_as {width: 100%; height: 1.493rem; display: block; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 900; text-align: center; color: #fff; line-height: 1.493rem; font-size: 0.64rem;}
.tese .wste a {display: block; width: 100%; height: 100%;}

/*------------------*/
.xuebu {width: 16rem; height: auto; margin: 0 auto; margin-top: 1.5rem;}
.xuebu ul li {width: 7.594rem; height: 4.437rem; float: left; margin: 0 0.213rem 0.213rem 0; position: relative;}
.xuebu .num1 {border: 1px solid #0061AE; background-clip: border-box;}
.xuebu .num1 .xb_h4 {width: 100%; text-align: center; color: #0061AE; font-size: 1.024rem; padding: 1.1rem 0 0;background:#fff;}
.xuebu .num1 p {width: 100%; color: #999; text-align: center; padding: 0; margin: 0;}
.xuebu .num2 { background-size: 4.437rem;}
.xuebu .num3 {background: url(../img/xxb.jpg) no-repeat left top #0061ae; background-size: 4.437rem;}
.xuebu .num4 {background: url(../img/czb.jpg) no-repeat left top #0061ae; background-size: 4.437rem;}
.xuebu .num5 {background: url(../img/gzb.jpg) no-repeat left top #0061ae; background-size: 4.437rem;}
.xuebu .num6 {background: url(../img/gjb.jpg) no-repeat left top #00a392; background-size: 4.437rem;}
.xuebu ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.xuebu ul {width: 15.41rem; margin: 0 auto;}
.xuebu ul li a {width: 7.594rem; height: 4.437rem; display: block; position: absolute; left: 0; top: 0; z-index: 900;}
.xuebu ul li h4 {color: #fff;font-size: 0.668rem;background: #333;opacity: .5;text-align: center;}
.xuebu ul li p {width: 2.75rem; color: #fff; font-size: 0.512rem; margin-left: 4.651rem;}
.xuebu ul li:nth-of-type(2n) {margin-right: 0;}


/*----------------------------------*/
.chengguo {width: 16rem; height: auto; margin: 0 auto; margin-top: 1.5rem;}
.chengguo:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.chengguo .title {width: 100%; height: 1.706rem; border-bottom: 1px solid #999;}
.chengguo .title h4 {line-height: 1.706rem; color: #0061AE; font-size: 1.024rem; padding-left: 0.512rem; float: left;}
.chengguo .title em {font-size: 0.64rem; color: #999; float: left; padding-top: 0.512rem;}
.chengguo .title a {width: 3.584rem; height: 1.28rem; display: block; background-color: #0061AE; color: #fff; border-radius: 0.64rem; text-align: center; line-height: 1.28rem; font-size: 0.64rem; float: right; margin-right: 0.512rem; margin-top: 0.2rem;}
.chengguo .toutiao {width: 15.146rem; height: auto; margin: 0.5rem auto 0;}
.chengguo .toutiao:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.chengguo .toutiao img {width: 6.656rem; height: 4.437rem; float: left;}
.chengguo .toutiao dl {width: 7.936rem; float: right;}
.chengguo .toutiao dl dt {color: #EB5A1C; font-size: 0.768rem; line-height: 0.8rem; margin-bottom: 0.325rem;}
.chengguo .toutiao dl dd {font-size: 0.384rem;}
.chengguo .toutiao .dd_tex {color: #999;}
.chengguo .toutiao ul {width: 100%; margin-top: 0.5rem; height: auto; float: left;}
.chengguo .toutiao ul li {width: 100%; height: 1.28rem;}
.chengguo .toutiao ul li a {width: 100%; height: 100%; line-height: 1.28rem; display: block; color: #333; font-size: 0.597rem; background: url(../img/bxcg_ico.png) no-repeat left center; background-size: 0.149rem 0.234rem; padding-left: 0.512rem;}


/*-------------------*/
.book {width: 16rem; margin-top: 1.5rem; height: 450px;}
.book:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.book .title {width: 100%; height: 1.706rem; border-bottom: 1px solid #999;}
.book .title h4 {line-height: 1.706rem; color: #0061AE; font-size: 1.024rem; padding-left: 0.512rem; float: left;}
.book .title em {font-size: 0.64rem; color: #999; float: left; padding-top: 0.512rem;}
.book .form {width: 14.506rem; height: auto; margin: 0.5rem auto 0;}
.book .form div {height: 1.943rem; margin-bottom: 0.5rem;}
.book .form .name input, .book .form .tel input, .book .form .qq input, .book .form .subm input {width: 100%; height: 100%; border: 1px solid #999; border-radius: 0.213rem; font-size: 0.768rem; text-indent: 0.512rem;}
.book .form .subm input {background-color: #0061AE; color: #fff; font-size: 0.768rem;}
.book .form .sex input {width: 0.712rem; height: 0.712rem;}
.book .form .sex {font-size: 0.768rem; line-height: 0.768rem; padding-top: 0.512rem;}


/*-------------------------------*/
.sub_nav {width: 100%; height: 2.56rem; background-color: #0061AE !important; position: fixed; left: 0; bottom: 0; z-index: 999;}
.sub_nav ul {width: 90%; height: 100%; margin: 0 auto;}
.sub_nav ul li {width: 20%; height: 100%; margin-right: 5%; float: left;}
.sub_nav ul li a {width: 100%; height: 30%; display: block; text-align: center; color: #fff; font-size: 0.512rem; padding-top: 64%;}

.sub_nav .tel {background: url(../img/home.png) no-repeat center 0.213rem; background-size: 1.2rem 1.109rem;}
.sub_nav .ms {background: url(../img/phone.png) no-repeat center 0.213rem; background-size: 1.109rem 1.109rem;}
.sub_nav .zx {background: url(../img/address.png) no-repeat center 0.213rem; background-size: 1.237rem 1.109rem;}
.sub_nav .bm {background: url(../img/zixun.png) no-repeat center 0.213rem; background-size: 1.024rem 1.024rem;}



/*-----------list-----------*/
#tab_nav {width: 1.237rem; height: 0.768rem; background: url(../img/main_ico.png) no-repeat; position: absolute; right: 0.426rem; top: 50%; margin-top: -0.384rem; background-size: 100%;}
.topbox {width: 100%; height: 2.56rem; background-color: #0061AE; position: absolute; left: 0; top: 0; z-index: 999;}
.topbox h4 {width: 16rem; height: 100%; color: #fff; font-size: 0.768rem; line-height: 2.56rem; text-align: center;}
.tex_list {width: 16rem; height: auto; margin: 0.5rem auto 0;}
.tex_list .toutiao {width: 15.146rem; height: auto; margin: 0.5rem auto 0; text-align: center; border-bottom: 1px solid #999;}
.tex_list .toutiao img {width: 100%;}
.tex_list .toutiao a {display: block; font-size: 0.768rem; color: #0061AE; text-align: center; line-height: 1.5rem;}
.tex_list .tex_lis {width: 15.146rem; height: auto; margin: 0 auto;}
.tex_list .tex_lis li:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.tex_list .tex_lis li {width: 100%; height: auto; height: auto; border-bottom: 1px dashed #999; padding: 0.426rem 0;}
.tex_list .tex_lis .l_img {width: 4.693rem; height: 3.413rem; display: block; float: left; margin-right: 0.213rem;}
.tex_list .tex_lis .l_img img {width: 100%; height: 100%;}
.tex_list .tex_lis .r_til {width: 10.24rem; display: block; float: left; font-size: 0.7rem; color: #333; }
.tex_list .tex_lis .r_ps {width: 10.24rem; float: left; font-size: 0.5rem; color: #999;}

.nav_ul {width: 16rem; height: auto; margin: 0 auto;}
.nav_ul ul {width: 100%; -padding-top: 2.56rem;}
.nav_ul ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.nav_ul ul li {width: 4rem; height: 1.706rem; float: left; background-color: #0061AE; line-height: 1.706rem; text-align: center;}
.nav_ul ul li a {width: 100%; height: 100%; display: block; color: #fff; font-size: 0.682rem;}


/*---------------------neirong-------------------*/
.cont_box {width: 16rem; height: auto; margin: 0 auto; padding-bottom: 8.5rem;}
.cont_box .tex_cont {width: 15.146rem; height: auto; margin: 0.5rem auto 0;color:#000}
.cont_box .tex_cont h4 {width: 100%; text-align: center; color: #333; font-size: 0.8rem; line-height: 1.5;}
.cont_box .tex_cont .spantime {font-size: 0.6rem; text-align: center; color:#000;}
.cont_box .tex_cont span {width: 100%; display: block; padding-bottom: 0.768rem; font-size: 0.683rem; line-height: 2 !important;}
.cont_box .tex_cont img {width: 100% !important; height: auto !important; margin: 0 auto;}
.cont_box .tex_cont p {width: 100%; height: auto; color: #333; padding: 0.213rem; line-height: 2 font-weight:normal;text-align:center;font-size:0.683rem !important;}
.cont_box .fenxiang {width: 15.146rem; height: 2.133rem; margin: 0.853rem auto; font-size: 0.384rem;}
.cont_box .fenxiang span {height: 2.133rem; display: block; line-height: 2.133rem; font-size: 0.683rem; float: left;}
.cont_box .fenxiang ul {float: left;}
.cont_box .fenxiang ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.cont_box .fenxiang ul li {float: left; margin-right: 0.5rem;}
.cont_box .fenxiang ul li a {width: 2.133rem; height: 2.133rem; display: block; border-radius: 50%;}
.cont_box .fenxiang .xinlang {background: url(../img/xl.png) no-repeat center #f56467; background-size: 1.706rem 1.408rem;}
.cont_box .fenxiang .qqkj {background: url(../img/qqkj.png) no-repeat center #f5be3f; background-size: 1.706rem 1.621rem;}
.cont_box .fenxiang .qqwb {background: url(../img/qqwb.png) no-repeat center #38a6d7; background-size: 1.6rem 1.450rem;}
.cont_box .page_prv, .cont_box .page_next {width: 100%; margin-bottom: 0.5rem;}
.cont_box .page_prv:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.cont_box .page_next:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.cont_box .page_prv span, .cont_box .page_next span {display: block; font-size: 0.512rem; color: #0061AE; float: left; margin-left: 0.426rem;}
.cont_box .page_prv a, .cont_box .page_next a {display: block; font-size: 0.512rem; color: #333; float: left;}


.cont_box .two_nav {margin-top: 0.5rem;}
.cont_box .two_nav:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.cont_box .two_nav li {width: 3.2rem; height: auto; text-align: center; float: left; border-right: 1px solid #999;}
.cont_box .two_nav li:nth-last-of-type {border: none;}
.cont_box .two_nav li a {display: block; height: 0.8rem; color: #333; font-size: 0.512rem; line-height: 0.8rem;}

#three_nav {margin-top: 0.5rem;}
#three_nav:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
#three_nav li {width: 8rem; height: auto; text-align: center; float: left; border-right: 1px solid #999;}
#three_nav li:nth-last-of-type {border: none;}
#three_nav li a {display: block; height: 0.8rem; color: #333; font-size: 0.512rem; line-height: 0.8rem;}

#four_nav {margin-top: 0.5rem;}
#four_nav:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
#four_nav li {width: 4rem; height: auto; text-align: center; float: left; border-right: 1px solid #999;}
#four_nav li:nth-last-of-type {border: none;}
#four_nav li a {display: block; height: 0.8rem; color: #333; font-size: 0.512rem; line-height: 0.8rem;}

#page {font-size: 0.683rem; margin: 0.426rem;}