@charset "utf-8";
/* 全局  */
html{height:100%;}
body{ -webkit-tap-highlight-color: transparent; font-size:14px;height:100%;color:#333333;padding:0px; line-height:1.8;  margin:0; background:#fff}
a{cursor:pointer;text-decoration: none;color:#333333;-webkit-tap-highlight-color: transparent; display:inline-block}
a:link,a:visited{color:#333333;}
img{border:none; display:inline-block; max-width:100%}
div{display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul{display:block;margin:0px;padding:0px; list-style:none}
.clear{ clear:both; height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
p{ margin:0}
table{border-collapse:collapse; max-width:100% }
input,textarea,select{ font-size:14px;-webkit-tap-highlight-color: transparent;border:none;outline:medium;color:#333333; background:none;}
input[type="button"]{-webkit-appearance: none;}
input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input[type="submit"]{-webkit-appearance: none; background:none; border:none }
select{ height:32px; display:inline-block;-webkit-appearance: none;padding-right:9%;background:url(../images/coin0.png) no-repeat 96% center; background-size:14px; height:28px; line-height:28px}
input::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder {color:#999;}
input::-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
.pb20{ padding-bottom:20%}
/*头部*/
#page{min-height:100%;width:100%;max-width:750px;margin:0 auto;overflow:hidden; position:relative;}

.top{  height:55px; position:relative; text-align:center  }
.logo img{ display:block; height:55px; margin:0 auto; max-width:100%}
.logo{ width:60%;}
.coin2{ position:absolute; width:30px; right:12px; top:15px}
.coin1{ position:absolute; width:30px; left:12px; top:15px}

.nav a{ color:#fff; font-size:18px; line-height:26px;}
.nav ul li{ margin:30px 0}

.nav{ margin-left:35%; margin-top:10%; height:80%; overflow:scroll}
.navbg{ position:fixed; top:0;max-width:525px; right:-70%; z-index:99999; overflow:hidden; width:70%; height:100%;  background:#333333}
.huibg{ display:none; background:#000; position: fixed; width:100%; height:100%;top:0; left:0; z-index:9999; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; width:100%; height:100%;}
.gnav span{ background:url(../images/coin5.png) no-repeat left center; background-size:36px; font-size:18px; color:#b2b2b2; line-height:60px; padding-left:45px; display:inline-block}
.gnav { background:#606060; position:fixed; bottom:0px; width:70%; text-align:center; max-width:525px;}
/*搜索*/
.sbg{ background:#f0f0f0; padding:2% 0; display:none}
.search{ width:94%; background:#fff;border-radius:3px; margin:0 auto; padding:0 2%}
.sousuo{ width:30px; height:35px; border:none; float:right; background:#fff url(../images/coin1.png) no-repeat center center; cursor:pointer; background-size:30px }
.shuru{ font-size:14px;   height:35px; overflow:hidden; line-height:35px;  background:#fff;outline:none; color:#333;  width:82%;}



.nav10{background: #fff;padding: 10px 0 0;}
.nav10 li{width: 20%;float: left;text-align: center; line-height:2 }
.nav10 li img{width:70%;margin: 0 auto;display: block;}
.nav10 li a{ font-size:14px }
@media screen and (max-width:320px) {.nav10 li a{ font-size:12px } }


.w96{ width:96%; margin:0 auto}
.in_ti{ border-bottom:1px #ededed solid;border-top:1px #ededed solid; padding:1.5% 2%; margin:2% 0}
.in_ti1{ border-bottom:1px #ededed solid;border-top:1px #ededed solid; padding:1.5% 2%; margin:2% 0}

.in_ti a{ float:right; color:#e30f03 }
.in_ti span{ border-left:3px #e30f03 solid; font-size:16px; font-weight:bold; color:#333333; padding-left:6px}
.in_ti font{ color:#999999;text-transform: uppercase; font-size:13px; margin-left:5px}

.pic_list ul li{ width:49%; float:left}
.pic_list ul li:nth-child(2n){ float:right}
.pic_list ul li img{ width:100%; display:block; border-radius:5px}
.pic_list ul li a{ width:100%; display:block}
.pic_list ul li p{ line-height:40px; height:40px; overflow:hidden; text-align:center}
/*尾页*/
.footer{ position:fixed;bottom:-1px;width:100%;max-width:750px;z-index:9999; background:#e30f03;  }
.footer ul li{ float:left; width:25%; text-align:center; line-height:1.5}
.footer ul li p{ margin:0}
.footer ul li a{ font-size:13px; color:#fff; display:block;padding:10px 0; }
.footer ul li img{ display:block; margin:0 auto; width:30%; max-width:30px; margin:0 auto }


/*新闻*/
.in_newda_list ul li{ margin-bottom:3%}
.in_newda_bg1 a{padding:3%; display: -webkit-box;background:#fff; width:94%; background:#f4f4f4 }
.in_newda_bg1 .in_newda_sj p{ color:#e30f03; font-size:24px; font-weight:bold}
.in_newda_bg1 .in_newda_sj { padding-top:10px; color:#ff635a;  font-size:18px; line-height:1.2; background:url(../images/xian.jpg) no-repeat right center; width:90px; margin-right:20px}
.in_newda_bg1 .in_new_ti{ font-size:16px; color:#333333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap
}
.in_newda_bg1 .in_new_xx{ line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
 color:#666666}
.in_newda_bg1 .in_new_zi{  -webkit-box-flex:1;}


/*优秀学员*/
.in_xylist ul li{ float:left; width:48%;box-shadow:0 0 10px #f7dbdd ; margin-bottom:15px}
.in_xylist ul li a{ padding:8px; font-size:14px; text-align:center; color:#333}
.in_xylist ul li:nth-child(2n){ float:right}
.in_xylist ul li img{ width:100%; display:block}
.in_xylist_tu{ margin-bottom:8px}
.in_xylist ul li p{  overflow:hidden; height:28px; line-height:28px}
.dan_xx{ color:#666666}
.dan_xx img{ max-width:100%; display:inline-block}
.jia_more{ margin:3% 0}
.jia_more span{ background:url(../images/jia.jpg) no-repeat left center; background-size:25px; padding-left:30px}
.jia_more a{ display:block; text-align:center; color:#e30f03}



.n_fen {color:#355e92;font-size:16px;text-align:left; margin-top:10px;}
.n_fen a{text-align:center; background:#efefef; color:#838383;margin:0 2px; margin-bottom:10px; display:inline-block;  padding:2px 5px; min-width:20%;border-radius:50px}
.n_fen a:hover{ background:#c30101; color:#fff }
#n_fen{ background:#c30101; color:#fff }



.index_more{padding:3% 0 6% 8%;}
.index_more a{display:inline-block;width:40%;padding:3% 0 3% 5%;background-size:100% 100%;color:#000000;box-sizing:border-box;text-align:center;}