@charset "gbk";
/* CSS Document */
/******************************/
*{ margin:0px; padding:0px;}
body{ margin:0px auto; padding:0px;  font-size:100%/1.6; font-family:"微软雅黑";color:#333333; background:#fff; max-width:640px;}
ul,li,hr,p{ margin:0px;  padding:0px; border:none;}
li{ list-style:none;}
div{zoom:1}
h1,h2,h3,h4,h5{ font-weight:normal}
img{ border:none;}
a{ text-decoration:none; color:#333333;}
/*****ie*****/
a{blur:expression_r(this.blur());}
a { outline:none; } 
.fr{ float:right;}
.fl{ float:left;}
.clear{ clear:both}





.hc_login{background:#9ec56a url(../img/login.jpg) bottom center no-repeat; background-size:100% 100%;height:100%; overflow:hidden; position:absolute; width:100%; left:0}
.hc_reg{ width:92%; margin:30px auto 0; text-align:center;}
.hc_reg img{ width:80%;}
form.hc_heton{width:92%; margin:0px auto 0;}
.hc_input{width:92%;line-height:40px;height:40px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:8px 0;padding:0 4%;color:#888; background:rgba(255,255,255,0.4); font-size:1em}
.hc_input img{ width:20px; height:20px; float:left; margin-top:10px; margin-right:8px;}
input.fo{ background-color:transparent; border:none; width:85%; height:38px; color:#fff; font-family:'微软雅黑',Arial, Helvetica, sans-serif; font-size:16px;}
.fo1{ width:100%; max-height:50px; background-color: transparent; border: none; color:#fff;  margin-top:0px;}
.hc_heton p{ text-align:right;font-size:14px; margin-top:10px; color:#fff}
.hc_heton p a{ color:#ff7900}
::-webkit-input-placeholder{ color:#fff;}
:-moz-placeholder{ color:#fff;}
::-moz-placeholder{ color:#fff;}
:-ms-input-placeholder{ color:#fff;}



/* ----------------公共---------------------- */

.xl_top{ width: 100%;overflow: hidden; margin: 0 auto; max-width: 640px; background:#fff url(../img/bg.png) top repeat-x; background-size:auto 3px; height:50px; padding-top:3px;}
.xl_top a{display:block; width:100%; text-align:center;}
.xl_top a img{margin:0; vertical-align:middle;width:auto; height:40px; margin-top:5px;}



.xl_dv7{ width: 100%; overflow: hidden; max-width: 640px; margin: 0 auto; border-bottom:1px solid #d9d9d9; height:50px; background:#fff}
.xl_dv7_fh{ width:15%; float: left; display: block; text-align:center;}
.xl_dv7_img{ width: 100%; display: block; overflow: hidden;text-align:center;}
.xl_dv7_img img{height:50px;}
.xl_dv7_gd{ width: 70%; float:left; text-align: center; color: #072460; font-size: 1em; line-height:50px; position:relative;}
.xl_dv7_gd img{ height:50px;}
.xl_dv7_fz{ width:14%; display: block; text-align:center; float: right;  }
.xl_dv_m{ display: block; width: 100%;overflow: hidden;}
.xl_dv_m img{height:50px;}

.ex_adr{ position:absolute; right:4%; top:0; width:50px;}
/*popmenu*/
#popmenu{cursor:pointer; display:block; position:relative;  text-align: left;  margin:0 auto;color:#666}
#popmenu:after { content: ""; width: 0;height: 0;position: absolute;right:5px; top:18px;-webkit-transform: rotate(45deg);transform: rotate(45deg); width: 8px; height: 8px; display: inline-block; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; cursor: pointer;}
.ui-title{min-height: 35px; text-align: center; font-size: 14px; font-weight:normal; display: block; 
 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
outline: 0 !important; display:none;color:#fff; }



footer{ width: 100%;/*height: 111px; */ padding-top:50px; position: relative; }


/* ----------------banner---------------------- */
.slideBox{ position:relative; overflow:hidden; margin:0px auto 0;  max-width:800px; z-index:9 }
.slideBox .hd{ position:absolute; height:20px; line-height:20px; bottom:0px; z-index:1; width:100%; text-align:center;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;}
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:50%;  height:28px; line-height:24px; color:#fff;  text-align:left; font-size:14px; }
.slideBox .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;}
.htcime_cursor{cursor:pointer;}
.htcime_Arial{ font-family:Arial, Helvetica, sans-serif;}
.lsdl_hon{border-bottom:2px solid #209e61; color:#209e61; }



/* ----------------首页---------------------- */



.hc_tj{width:100%; margin:0px auto;  height:auto; position:relative}
.hc_bt{ width:100%; margin:-12px auto 0px;background:url(../img/tu2.png) center center no-repeat; background-size:100%; z-index:99999;position:relative; overflow:hidden;  height:30px}
.hc_bt p{ width:60%;background:url(../img/tu1.png) center center no-repeat; background-size:auto 30px;  color:#fff;  line-height:30px; font-size:16px; text-align:center; margin:-2px auto ; position:relative}



ul.hc_stj{width:100%;margin:10px auto 10px;}
ul.hc_stj li{width: 92%;margin:0 auto 10px;-webkit-border-radius: 4px;-moz-borde-radius: 4px;border-radius: 4px;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);overflow:hidden; background:#ffffff}
ul.hc_stj li a{ display:block}
ul.hc_stj li a:hover h5{ color:#00a0b0}
.hc_tpic{width:100%;max-height:165px; overflow:hidden;}
.hc_tpic img{width:100%;}
.hc_twd{margin-top:10px;width:96%;padding:0 2% 10px;line-height:1.5}
.hc_twd h5{font-size:1em;overflow:hidden;height:28px; overflow:hidden; }
.hc_twd p{ font-size:0.9em; color:#888; line-height:1.5}



/* ----------------列表---------------------- */



.hc_kcap{ width:94%; padding:0px 3%; background:#fff; border-bottom:1px solid #dfdfdf;}
.hc_kcap ul li{ width:96%; padding:8px 2%; background:#f7f7f7; border-radius:5px;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #ccc; overflow:hidden; margin:8px auto;}
.hc_kcap ul li a{ display:block}
.hc_kcap ul li a:hover h4{color:#00a0b0}
.hc_kct{width:45%; height:100px; float:left; position:relative;}
.hc_kct img{ width:100%;height:100px;}
.hc_kct p{ position:absolute; left:-3px; top:-3px;}
.hc_kct p img{ width:60px; height:auto}
.hc_kcbt{width:53%; float:right;overflow: hidden; }
.hc_kcbt h4{ font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden;}
.hc_kcbt p{ font-size:12px;line-height:20px; max-height:40px; overflow:hidden; margin-top:3px; color:#666}
.hc_kcbt p img{ width:16px; vertical-align:middle}




/* ----------------内容---------------------- */

.hc_lm{  width:100%; background:#fff; height:42px;border-bottom:1px solid #e5e5e5;}
.hc_lm ul{width:100%;}
.hc_lm ul li{width: calc(100% / 4); float:left;}
.hc_lm ul li a{ display:block; width:100%; height:40px; line-height:40px; text-align:center;}
.hc_lm ul li a:hover{ border-bottom:2px solid #0aa5b4; color:#0aa5b4}
.hc_lm ul li a.hc_lm_on{ border-bottom:2px solid #0aa5b4; color:#0aa5b4}

.lj-grzl{ width:100%; margin:0 auto;height:auto; overflow:hidden;}
.hc_trav{ width:94%; margin:auto; background:#fff; padding:10px 3% 20px;border-bottom:1px solid #dfdfdf; overflow:hidden;}
.hc_trav h4{font-size:16px; color:#333; line-height:26px; font-weight:600}
.hc_trav h5{ margin:auto;font-size:12px;color:#888; line-height:20px; padding-bottom:8PX; border-bottom:1px solid #dfdfdf; margin-bottom:8px;}
.hc_trav h5 img{ width:16px; vertical-align:middle; margin-right:5px;}
.hc_trav h5 a{ color:#fa810c}
.hc_trav p{font-size:16px; line-height:35px; font-size:14px; color:#666;}
.hc_trav p img{ height:14px;vertical-align:middle; width:auto }
.hc_trav p span{ display:inline-block; line-height:1.6;}
.hc_trav p span img{ width:20px; height:auto;margin-right:5px}

.hc_trzxcn{ width:100%;margin:8px auto;overflow:hidden;}
.hc_trzxcn h3{color:#ff6633;line-height:1.8; font-size:16px; font-weight:normal; padding:8px}
.hc_trzxcn p{ font-size:14px; line-height:1.6; margin:5px 0;}
.hc_trzxcn img{ width:100%}


.bx_yuy{width:100%; max-width:640px;margin:0px auto;overflow:hidden; position:absolute; position:fixed; bottom:50px; z-index:999999}
.bx_yuy a{ height:50px; width:100%; display:block; background:#ff6633; text-align:center; color:#fff; line-height:50px;}




/* ----------------报名表---------------------- */



.bx_grzl{width:94%; padding:8px 3% 30px; background:#fff; margin-bottom:10px;border-bottom:1px solid #dfdfdf;}
.bx_grzl h4{font-size:1em; color:#aaa;line-height:1.8; font-weight:normal; padding:0 0 8px 0; border-bottom:1px solid #dfdfdf;}

.hc_gezltx{width:96%; margin:10px auto 0;}
.bx_xx{ width:100%;}
.bx_xx p{ font-size:14px; color:#666;line-height:25px;}
.bx_xx p span{ color:red}

.hc_frip{width:94%;line-height:35px;height:35px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:4px 0 4px;padding:0 3%;color:#333; font-size:14px;font-family:'微软雅黑',Microsoft YaHei;}
.hc_frsl{width:100.5%;height:35px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:10px 0;padding:0 3%;color:#aaa; background-color:transparent;background-image: none;font-size:0.9em;font-family:'微软雅黑',Microsoft YaHei;}

.hc_frqk{width:94%;line-height:22px;height:70px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:4px 0 4px;padding:0 3%;color:#aaa; font-size:14px;font-family:'微软雅黑',Microsoft YaHei;}
.hc_sub{ width:100%; max-height:50px; background-color: transparent; border: none; color:#fff;  margin-top:10px;}


/* ----------------ok---------------------- */

.hc_orderpay{ text-align:center;}
.hc_orderpay p img{ width:30%; margin-top:50px; margin-bottom:15px; max-height:180px;}
.hc_orderpay p{ width:92%;  line-height:30px; margin:0 auto 10px; font-size:16px;}

.hc_orderpay a{ width:92%; display:block; margin:auto; background:#0aa5b4; line-height:2.2; text-align:center; color:#fff; border-radius:4px;}
.hc_orderpay img{ /*width:88%;*/ margin-top:12px;  max-height:180px;}
img.hc_ggy{ width:70%; }

/*--------------------------------------个人中心--------------------------------------*/

.lj_hytx{ background:url(../img/tu7.jpg) top center no-repeat; background-size:100% 100%; width:100%; overflow:hidden;padding:15px 0% 0; }
/*.lj_hytx a{ text-align:center; display:block}*/
.hc_tx{ text-align:center}
.hc_tx img{width:60px;height:60px; border-radius:30px; }
.hc_yhm h4{ font-size:16px; font-weight:normal; line-height:30px;/* margin-top:8px;*/ color:#fff; text-align:center} 
.hc_yhm p { text-align:center; background:rgba(122,186,203,0.5); overflow:hidden}
.hc_yhm p a{ display:block; font-size:14px; width:calc(100% / 3); float:left; color:#fff;}
.hc_yhm p img{ width:20px; margin:5px auto}

span.tx_number{ float:right; font-size:0.8em; margin-right:3px;}
.tx_arrow-ent {  margin-left: 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); width: 15px; height: 15px; display: inline-block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer; position: relative; top: 30px;}

.hc_fxfl{ width:100%;  padding:0; background:#fff;border-bottom:1px solid #dfdfdf;}
.hc_fxfl ul li{ width:94%; border-bottom:1px solid #dfdfdf;padding:10px 0%; line-height:1.6; overflow:hidden; margin:0 auto; }
.hc_fxfl ul li img{ width:20px; vertical-align:middle; margin-right:8px;}
span.sub{ width:88%; float:left; display:block; font-size:14px;}
span.number{ float:right; font-size:0.8em; margin-right:3px}
.arrow-ent {  margin-left: 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); width: 8px; height: 8px; display: inline-block; border-right: 1px solid #888; border-bottom: 1px solid #888; cursor: pointer; position: relative; top: 6px;}





.hc_dhwp{width:94%; padding:0px 3%; margin-top:8px; background:#fff; margin-bottom:20px;}
.hc_dhwp ul li{ width:100%; border-bottom:1px solid #dfdfdf; overflow:hidden; padding:10px 0;} 
.hc_dhwp ul li img{ width:80px; height:60px; float:left; border-radius:4px;}
.hc_sql{  width:72%; float:right;}

.hc_sql h4{ height:40px; font-weight:normal; line-height:40px;font-size:16px;}
.hc_sql h4 span{ width:60%; float:left; display:block;height:40px;  overflow:hidden; line-height:40px;}
.hc_sql h4 small{ width:38%; float:right; display:block; font-size:13px; text-align:right}
.hc_sql p {height:22px; font-size:13px; color:#888 }
.hc_sql p span{ width:60%; float:left; display:block;height:20px;  overflow:hidden; font-size:13px; color:#888}
.hc_sql p small{ width:38%; float:right; display:block; color:#ff6633; text-align:right;font-size:14px}


.hc_wg{ width:94%; padding:0px 3%; background:#fff; border-bottom:1px solid #dfdfdf;}
.hc_wg ul li{ width:94%;   border-radius:5px;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #ccc; overflow:hidden; margin:8px auto; background:#f7f7f7; padding:5px 3%}
.hc_wgry{ width:100%;}
.hc_wgry a{ background:none}
.hc_wgry h5{ width:60px; float:right}
.hc_wgry h5 a{ display:block; width:58px; line-height:35px; text-align:center; border:1px solid #aaa; border-radius:5px; margin-top:6px; cursor:pointer}
.hc_wgry h4{ width: calc(100% - 70px); float:left }
.hc_wgry h4 a{ display:inline; background:none}
.hc_wgry h4 p{ font-size:14px; line-height:24px;} 

.hc_sub{ background-color:transparent; border:none;width:100%;line-height:35px;height:35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#1aad19;color:#fff;font-size:16px; margin-top:10px;}
.hc_subhs{ background-color:transparent; border:none;width:100%;line-height:35px;height:35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#666;color:#fff;font-size:16px; margin-top:10px;}

.hc_xzry{ width:100%; overflow:hidden;}
.checkboxThree {width:30%;border:1px solid #dfdfdf;float:left;border-radius: 5px;position: relative;margin-top:10px; margin-right:3.5%; text-align:center; line-height:35px; height:35px; font-size:12px;}
.checkboxThree:after {position: absolute;top: 0px;left: 0px;width:100%;line-height:35px;color: #fff;font-size: 16px;}
.checkboxThree label {display: block;width:100%;border-radius: 5px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;cursor: pointer;position: absolute;top: 0px;z-index: 1;left: 0px;background: #fff;line-height:35px;}

.checkboxThree input{ visibility:hidden;}
.checkboxThree input[type=checkbox]:checked + label {left: 0px;background:#F90; width:100%; color:#fff}

.checkboxThree:nth-child(3n){ margin-right:0}

.tjanniu{-webkit-appearance:none;}