﻿@charset "utf-8";
@font-face{
    font-family:"member";
    src:
        url('../fonts/member.woff') format('woff'),
        url('../fonts/member.ttf') format('truetype');
}
.member_iconfont{
    font-family:"member" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
}
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#666;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;}
/* common */
.content{min-height:8rem;overflow:hidden;font-size:0.2rem;margin-top: 6%;padding-bottom: 15%;background-color: transparent;}
.content_new{margin-top:0!important;} /* 首页不要上边距 */
.common_bg{
	background-color: #00a1de!important;
}
/* index style */

/*header*/
.header{width:100%;height:0.691rem;background:#1d1d1d;position:relative;z-index:9999;}
.head{text-align: center;position:fixed;width:100%;height:0.691rem;top:0;right:0;box-shadow: 0 0 2px rgba(9,2,4,.55);line-height:0.791rem;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: 90%;
    height: auto;
    margin-top: 5px;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:30%;position: absolute;left:35%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#a77c75;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
.search_hl{width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#00a1de;text-align:center;overflow:hidden;}
.search_l{
	left:0%;
}
/*header end*/

/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;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;min-height:6rem;}
.clicked{right:220px!important;-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;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-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;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-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;opacity: 1}
/* nav end*/



/* sub header */
.nav-btn{width: 9.0625%;
    right: 0;
    top: 14px;
    position: absolute;
    font-size: 0.4rem;
    line-height: 0.71rem;
    color: #14589e;
    text-align: center;
    overflow: hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#c27608;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.666rem;color:#a77c75;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}
/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-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;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-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;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:25%;color:#ffffff;margin-top: 10px;}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}

/* foot search btn end*/

/*font*/
@font-face{font-family:"iconfont";src:url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/*font*/
@font-face{font-family:"commonfont";src:url('../fonts/common.woff') format('woff'),url('../fonts/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


















/* for white */
.white-bg{background:#fff;}

/* login & reg */
.login{width:87.5%;margin:10% auto;height:auto;overflow:hidden}
.login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:95%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}

.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn{width:98%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"}
.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}




/* product width cart btn css*/
.view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span{font-size:0.28rem;color:#ff0000}
.view_btns{width:100%;margin:2% auto;overflow:hidden}
.view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child{float:right;}
.view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font{position: absolute;right:0}
.view_collect a a{color:#707070}


.header{height:0.691rem!important;}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;margin-top:6% ; padding-bottom: 16%;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}


/*特色课程*/
.kc_box{ width:100%; margin-top:20px;}
.kc_bt{ width:93.75%; text-align: center; float:left; margin-top:1%; margin-left:3%; padding:1% 0; background-size:1%;  }
.kc_bt span{ display: inline-block; background-size:100% 100%; font-size: 0.22rem; color:#000; padding:1.5% 8%; }
.kc_t{ width:100%;}
.kc_t li{ float:left; width:30%; margin-right:1%; margin-left:1%; margin-bottom:10px; border:#CCC 1px solid;border-radius:30px;overflow:hidden;}
.kc_t li a{ font-size:14px; height:30px; line-height:30px; text-align:center; color:#000; display:block;}
.index_line{ background-color:#efefef; height:8px;}
.ck span{ display:block; width:30%; height:30px; border:#CCC 1px solid; text-align:center; line-height:30px;border-radius:30px;overflow:hidden; margin:4% auto;}
/*当前位置*/
.com_title{ width:92.5%; margin-left:3%; background-color:#14589e; color:#FFF; height:40px; margin-bottom:0.2rem;}
.com_title h4{ font-weight:normal; font-size:16px; line-height:40px; padding-left:0.2rem;}
/*关于我们*/
.about{ width:92.5%; margin-left:3%;}
.about p{ font-size:14px; line-height:30px;}
/*联系我们*/
.gy_right{ width:100%; min-height:400px;}
.gy_right ul{ margin-top:10px; margin-left:10px;}
.gy_right li{ font-size:16px; line-height:24px; font-size:14px;}
.gy_right .map{ width:100%; margin-top:20px; padding-left:10px;}
/*系统栏目*/
.gy_nr{ width:90%; border-bottom:#b1aeae 1px dashed; margin-left:5%; margin-top:5%; margin-bottom:5%;}
.gy_nr h1{ font-size:16px; color:#000; font-weight:normal; margin-bottom:5px;}
.gy_nr h3{ font-size:15px; margin-top:10px; color:#000; margin-bottom:10px; font-weight:normal;}
/*翻页按钮*/
.apage { height:5%; line-height:40px;margin-bottom:10px; float:right; width:96%; border-top:1px solid #ccc; letter-spacing:2px; padding:0 5px; margin-top:10px; font-size:14px; text-align:right; }
.apage a {   margin-right:5px;}
.apage .num_btns {float:right;}
.apage a:hover, .apage .cur { border:1px solid #D5D5D5;background-color:#274276; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px;}
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
/*系统内容模板*/
.article_box { padding: 0px 25px;}
.article_title { font-size: 18px; text-align: center; height: auto; font-weight: bold; margin-bottom: 20px;}
.article_title a{ color:#000;}
.article_info { text-align: center; color: #999;}
.article_info a{ color:#999;}
ul.other_article { width: 705px; margin: 30px auto; border-top: 1px dashed #ccc; padding: 10px;}
.article_info span { display: inline-block; margin-left: 20px; margin-bottom:20px;}
.article_con{ margin-left:-20px;}
.article_con p { font-size:14px; width:95%; margin-left:3%;}
dl { display: block;-webkit-margin-before: 1em; -webkit-margin-after: 1em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;}
ul.other_article dl dt { width:100%;float: left;}
.article_title a{ font-size:18px;}
dd { display: block; -webkit-margin-start: 40px;}
Inherited from ul.other_article
ol, ul {list-style: none;}
user agent stylesheet
ul, menu, dir {display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em;-webkit-margin-start: 0px;
-webkit-margin-end: 0px; -webkit-padding-start: 40px;}
a:-webkit-any-link {cursor: auto;}
.news_content img{ margin:0 auto; max-width:95%; min-height:100%;}
.news_content { padding-left:20px;margin-top:20px; font-size:16px; line-height:30px;}
/*联系我们*/
.ls{ width:93%; margin-top:3%; margin-left:3%;}
.ls h1{ font-weight:normal; font-size:16px; line-height:30px; margin-left:8%;}
.ls p{ font-size:16px; line-height:30px; margin-left:8%;}

.common_news{ width:95.5%; margin-left:3%;}
.common_news li{ float:left;}
.common_news p {
    width: 98.571428571%;
    display: block;
    border: 0.02rem solid #f1f1f1;
}