/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0 auto;padding:0;list-style:none;font-style: normal;  font-family:"微软雅黑"; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none; } 

.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}
.fl,.lf{float: left;}
.fr,.rg{float: right;}
/*body{background-color: #fffbf2;}*/
/*header*/
header{width:100%; height:auto; text-align:center; line-height:44px; overflow:hidden; position: absolute;z-index: 10;}
.logo{width:17%; height: auto; float:left;margin-top:.3rem;margin-left:3%;}
.logo img{width: 100%;height: auto;}
.tel{float:right;color: #2447a0;font-size:0.26rem;margin-right: .2rem;line-height: .3rem;margin-top: .3rem;font-weight: bold;}
.banner{width: 100%;height: auto;position: relative;overflow: hidden;}
.banner>img{width: 100%;height: auto;}

p.banner_btn{width: 100%;height: .7rem;position: absolute;bottom: .05rem;}
p.banner_btn>a{width:32%; display: block;height: .7rem;float: left;text-align: center;line-height:.6rem;font-size: .26rem;margin-left: 13%; font-weight: bold;background-size: 100% 100%;color: #fff;background-image: url(../images/wap_btn1.png);}
p.banner_btn>a.btn2{margin-left:10% ;}


.part1{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_02.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.part1 ul{width: 90%;height: auto;position: relative;overflow: hidden;margin-left: 5%;}
.part1 ul li{width: 48%;height: auto; float: left;cursor: pointer;margin:.3rem 1% 0 1%;}
.part1 ul li h3{width: 100%; height: .8rem;color: #fff;text-align: center;line-height: .7rem;font-size: .3rem;letter-spacing: 1px;background-image: url(../images/win_wap_01.png);background-size: 100% 100%; background-repeat: no-repeat;background-position: center;}
.part1 ul li p{width: 92%; height: auto;line-height: .35rem;font-size: .26rem;background-image: url(../images/win_wap_02.png);background-size: 100% 100%; background-repeat: no-repeat;background-position: center;color: #26456f;text-align: left;padding:0 4% .15rem 4%;}

.part2{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_03.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;padding-bottom: .25rem;}
.part2 ul{width: 92%;height: auto;position: relative;overflow: hidden;margin-left: 4%;}
.part2 ul li{width: 46%;height: auto; float: left;cursor: pointer;margin:.3rem 2% 0 2%;}
.part2 ul li h3{width: 100%; height: .7rem;color: #fff;text-align: center;line-height: .7rem;font-size: .3rem;letter-spacing: 1px;background-image: url(../images/win_wap_11.png);background-repeat: no-repeat;background-position: center;background-size:100% 100%;}
.part2 ul li p{width:92%;height: auto; line-height: .35rem;color: #fff;font-size: .25rem;margin-top:.15rem;text-align: left;padding: .15rem 4%;background-image: url(../images/win_wap_12.png);background-repeat: no-repeat;background-position: center;background-size:100% 100%;}

.course{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_04.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;padding-top: .1rem;}
.course .course_wrap{width: 94%;height:auto;background-image: url(../images/win_wap_03.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;margin-top: .3rem;position: relative;overflow: hidden;padding-bottom: .3rem;}

#tab{width: 100%;height:.8rem;position: relative;overflow: hidden;margin-top: 20px;}
#tab span{display:block;width:25%;height:.8rem;text-align: center;cursor: pointer;float: left;line-height:.65rem;font-size: .27rem;color: #fff;letter-spacing: 1px; background-repeat: no-repeat;background-position: center;background-size:100% 100%;background-image: url(../images/kc_tab.png);}
#tab span.se{color: #0f73e5;font-weight: bold;}
#tab #span1.se{background-image: url(../images/kc_tab1.png);}
#tab #span2.se{background-image: url(../images/kc_tab2.png);}
#tab #span3.se{background-image: url(../images/kc_tab2.png);}
#tab #span4.se{background-image: url(../images/kc_tab3.png);}

#tab_content .ever{display: none;}
#tab_content .active{display: block;}
#tab_content{width:100%;height: auto;position: relative;overflow: hidden;margin-top:-.1rem;background-color: #fff;border-radius: .1rem;padding: .3rem 0;}
#tab_content .kc_img{position: absolute;bottom: .3rem;right:3%;width:60%;height: auto;}
#tab_content .pub_kc_title{width: 94%;height: auto;text-align: left;position: relative;overflow: hidden;margin-bottom: .15rem;margin-left: 3%;}
#tab_content .kc_suit{color: #142d4f;font-size: .26rem;}
#tab_content .kc_info{color: #f49d40;font-size: .28rem;}
#tab_content .kc_info b{display: inline-block;margin-right: .15rem;}
#tab_content .pub_kc_title span{display: inline-block;width:25%;height: .5rem; background-image: url(../images/kc_1.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;text-align: center;line-height: .5rem;color: #ffffff;font-size: .28rem;font-weight: bold;margin-right: .1rem;}

#tab_content .kc_suit{color: #142d4f;}
#tab_content .kc_ms{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
#tab_content .kc_ms li{width: 49%;height: auto;float: left;margin-top: .2rem;cursor: pointer;position: relative;overflow: hidden;margin-right: 2%;}
#tab_content .kc_ms li h3{font-size: .32rem; text-align: center;color: #0099fe;margin-bottom: .1rem;}
#tab_content .kc_ms li p{width: 94%; font-size: .25rem;line-height: .35rem;margin-top:.08rem;color: #142d4f;text-align: left;}
#tab_content .kc_ms li p span{font-size: .27rem;color: #e17218;font-weight: bold;}
#tab_content .kc_ms li a{display: block;width: 70%;height: .5rem;border-radius:.25rem;color: #142d4f;text-align: center;line-height:.5rem;font-size: .28rem;margin-top: .1rem;border: 2px solid #1082ee;margin-left: 15%;}
#tab_content .kc_vip{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
#tab_content .kc_vip li{width: 49%;height: auto;float: left;margin-top: .2rem;cursor: pointer;position: relative;overflow: hidden;margin-right: 2%;padding-top: .45rem;}
#tab_content .kc_vip li h3{font-size: .32rem; text-align: center;color: #0099fe;margin-bottom: .1rem;}
#tab_content .kc_vip li p{width: 94%; font-size: .25rem;line-height: .35rem;margin-top:.08rem;color: #142d4f;text-align: left;}
#tab_content .kc_vip li span{display: block;width: 45%;height:.55rem; font-size:.25rem;color: #fff;line-height: .45rem;background-image: url(../images/icon7.png);background-repeat: no-repeat;background-position: center;background-size:100% 100%;text-align: center;position: absolute;top: 0;right: 11%;}
#tab_content .kc_vip li a{display: block;width: 80%;height: .5rem;border-radius:.25rem;color: #142d4f;text-align: center;line-height:.5rem;font-size: .28rem;margin-top: .1rem;border: 2px solid #1082ee;margin-left: 10%;}


.teacher{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_05.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding-top: .1rem;padding-bottom: .3rem;}
.teacher .tea_info{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;padding-top: .2rem;}
.teacher .tea_info .tea_img{width: 15%;height: auto;position: absolute;left: 0;top: 0;z-index: 2;}
.teacher .tea_info p{width: 82%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_wap_04.png);background-size: 100% 100%;margin-left: 2%;color: #fff;padding: .1rem 3% .1rem 13%;font-size: .28rem;line-height: .38rem;}
.teacher .tea_wrap{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;padding: .2rem 0 0.3rem 0;background-image: url(../images/win_wap_05.png);background-size: 100% 100%;margin-left: 3%;}

#title{width: 94%;height:auto;position: relative;overflow: hidden;}
#title span{display:block;width:24%;height: .6rem;text-align: center;cursor: pointer;float: left;margin-right: 1%;line-height:.6rem;font-size: .3rem;color: #fff;letter-spacing: 1px; background-repeat: no-repeat;background-position: center;background-size:100% 100%;background-image: url(../images/tab1.png);}
#title span.se{background-image: url(../images/tab2.png);font-weight: bold;}

#title_content .ever{display: none;}
#title_content .active{display: block;}
#title_content{width: 94%;height:auto;position: relative;overflow: hidden;margin-top: .2rem;margin-left: 3%;}

#title_content ul{width: 100%;height: auto;position: relative;overflow: hidden;}
#title_content ul li{width: 32%;float: left;margin-right: 2%;cursor: pointer;position: relative;overflow: hidden;}
#title_content ul li img{width: 100%;height: auto;}
#title_content ul li h3{width:100%;height: auto;text-align: center;color: #f58d0c;background-image: url(../images/tea_13.png);background-repeat: no-repeat;background-position: center bottom;background-size:100% 100%;letter-spacing: 1px;font-size:.3rem;z-index: 2;position: absolute;bottom: 0;left: 0;text-align: center;padding: .02rem 0;}
#title_content ul li h3 span{display: block; color: #fff;font-size:.26rem;font-weight: normal;padding-left: .1rem;}

.serivce{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_06.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding-bottom: .3rem;}
.serivce .serivce_img{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;margin-top: .3rem;}

.compare{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_07.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding-bottom: .3rem;}
.compare .compare_wrap{width: 94%;height:auto;position: relative;overflow: hidden;margin-top: .2rem;margin-left: 3%;}

.compare .compare_wrap .compare_wrap_lf{width: 100%;height: auto;position: relative;overflow: hidden;float: left;background-image: url(../images/win_wap_06.png);background-size: 100% 100%;padding: .25rem 0;}
.compare .compare_wrap .compare_wrap_lf h3{width:40%;height:.6rem;background-image: url(../images/hj_14.png);background-repeat: no-repeat;background-position: center top;background-size:100% 100%;position: relative;overflow: hidden;text-align: center;text-align: center;line-height: .6rem;color: #000;font-size:.3rem;}
.compare .compare_wrap .compare_wrap_lf p{width:47%;height: auto;text-align: left;line-height:.35rem;color: #fff;font-size: .26rem;float: left;margin-left: 2%;margin-top: .15rem;}
.compare .compare_wrap .compare_wrap_lf p img{width: 10%; vertical-align: middle;padding-right: .05rem;}

.compare .compare_wrap .compare_wrap_rg{width: 100%;height: auto;position: relative;overflow: hidden;float: left;background-image: url(../images/win_wap_07.png);background-size: 100% 100%;padding: .25rem 0;margin-top: .2rem;}
.compare .compare_wrap .compare_wrap_rg h3{width:70%;height:.6rem;background-image: url(../images/hj_15.png);background-repeat: no-repeat;background-position: center top;background-size:100% 100%;position: relative;overflow: hidden;text-align: center;text-align: center;line-height: .6rem;color: #000;font-size:.3rem;}
.compare .compare_wrap .compare_wrap_rg dl{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .15rem;margin-left: 3%;}
.compare .compare_wrap .compare_wrap_rg dl dt{width: 10%;height: auto;float: left;}
.compare .compare_wrap .compare_wrap_rg dl dt img{width: 100%;height: auto;}
.compare .compare_wrap .compare_wrap_rg dl dd{width: 87%;height: auto;float: right;} 
.compare .compare_wrap .compare_wrap_rg dl dd h4{font-size: .3rem;text-align: left;color: #fff;}
.compare .compare_wrap .compare_wrap_rg p{text-align: left;color: #fff;font-size:.25rem;margin-top: 1px;}

.grade{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_08.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding-bottom: .3rem;}
.grade ul{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;}
.grade ul li{width: 100%;height: auto;float: left;background-image: url(../images/win_wap_08.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;margin-right: 3%;cursor: pointer;padding: .15rem 0;margin-top: .2rem;}
.grade ul li h3{width: 60%;height: auto;background-image: url(../images/win_wap_09.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;text-align: center;color: #fff;font-size: .27rem;letter-spacing: 1px;padding: .1rem 0 .05rem 0;}
.grade ul li p{text-align: left;width: 90%;color: #fff;font-size: .23rem;margin-top: .15rem;margin-left: 5%;position: relative;overflow: hidden;}
.grade ul li p span{display: inline-block;width: 50%;height: auto;float: left;}

.hj{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/win_bg_09.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding-bottom: .3rem;}
.hj .hj_img{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;margin-top: .3rem;}


/*公共*/
h3.pub_head{width:100%; height:auto;position: relative;overflow: hidden;text-align: center;margin-top: .4rem;} 
h3.pub_head img{width: 100%;height: auto;}



.pub_bg{width: 96%;height: auto;position: relative;overflow: hidden;margin-left: 2%;margin-top: .2rem;}
.pub_bg .pub_bg_top,.pub_bg .pub_bg_top2,.pub_bg .pub_bg_bottom{width:100%;height: auto;position: relative;overflow: hidden;}
.pub_bg .pub_bg_top1 img,.pub_bg .pub_bg_top2 img,.pub_bg .pub_bg_bottom img{width: 100%;height: auto;}
.pub_bg .pub_bg_center{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/bg2.png);background-size: 100% auto;background-repeat: repeat-y;}


p.zx{width: 100%;height: .7rem;position: relative;margin-top: .2rem ;overflow: hidden;}
p.zx>a{width: 35%; display: block;height: .7rem;float: left;text-align: center;line-height:.64rem;font-size: .28rem;margin-left: 10%; font-weight: bold;background-size: 100% 100%;color: #fff;background-image: url(../images/wap_btn1.png);}

p.zx1{width: 100%;height: .7rem;position: relative;margin-top: .2rem ;overflow: hidden;}
p.zx1>a{width: 70%; display: block;height: .7rem;float: left;text-align: center;line-height:.64rem;font-size: .28rem;margin-left: 15%; font-weight: bold;background-size: 100% 100%;color: #fff;background-image: url(../images/wap_btn2.png);}