@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0;  color:#5e5e5e;  font:12px/180% "Microsoft YaHei", Arial, Helvetica, sans-serif;}
body{width:100%;background:#fff;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0; list-style:none;}
li {list-style:none; vertical-align:bottom;}
img {border:none; display:block;}
em,i {font-style:normal;}
a{text-decoration:none; color:#535353;}
a:hover{ color:#209991;}
.disable {display:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"Microsoft YaHei"; outline:none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ position: relative; width:1200px; margin:0 auto;}

/*头部*/
.header{ min-width: 1200px; height: 68px; background-color: #fff;}
/*.header > ul{ padding: 0 40px;}*/
.logo{ padding-top: 13px;}
.nav_list{ padding-left: 49px;}
.nav_list li{ float:left; padding-right: 49px; line-height: 68px; font-size: 14px;}
.nav_list a.on{color:#209991;}
.h_button{ padding-top: 20px;}
.h_button a{ display:block; float: left; width: 87px; height: 27px; line-height: 27px; color: #fff; text-align: center; background-color: #1fa8a2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left: 11px;}
.h_button a.on{ background-color: #f5a218;}
.h_button a#uhpoto{width: 40px;height: 40px;border-radius: 40px;-webkit-border-radius: 40px; -moz-border-radius: 40px;margin-top: -8px}
.h_button a#uhpoto img{vertical-align: middle;width: 40px;border-radius: 40px;-webkit-border-radius: 40px; -moz-border-radius: 40px;}

/*幻灯片*/
.banner{ height:580px; min-width: 1200px; position: relative; overflow: hidden; background: url(/Public/images/b_bg.jpg) repeat-x;}
.banner .bd{ height: 580px; background: url(/Public/images/b_bg02.jpg) no-repeat center top;}
.banner .bd li{ height: 580px; overflow: hidden;}
.banner .bd li .wrapper{ height:580px; position: relative;}
.banner .bd img{ position: absolute; z-index: 9;}
.banner .bd .img01{ left: 240px; top: 62px;}
.banner .bd .img02{ left: 155px; top: 232px;}
.banner .bd h1{ display:block; position: absolute; left: 620px; top:130px; font-size: 36px; color: #fff; font-weight: 400; font-weight: lighter; line-height: 43px;}
.banner .bd h1 i{ font-size:30px;}
.banner .bd .info{ position: absolute; left: 620px; top: 310px;}
.banner .bd .info div{ margin-right: 20px;}
.banner .bd .link{ display:block; width: 156px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #f09115; border: 1px #f09115 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 12px;}
.banner .bd .link.on{ background-color:#f09115; color: #fff;}
.banner .bd p{ display:block; font-size: 14px; color: #d5d5d5; line-height: 27px; padding-left: 15px; background: url(/Public/images/img_02.png) no-repeat left center;}
.banner .bd span,.banner .bd em{ display:block; padding-left: 15px; font-size: 14px; line-height: 27px;}
.banner .bd span a{ color:#f09115;}
.banner .bd em{ padding-left: 0; color: #d5d5d5; text-align: center;}
.banner .bd .link.on01{ border-color:#1fa8a2; color: #1fa8a2;}
.banner .bd .link.on02{ border-color:#1fa8a2; background-color: #1fa8a2; color: #fff;}
.banner .hd{ position:absolute; width: 1200px; left: 50%; margin-left: -600px; right: 0; bottom: 35px; z-index: 9;}
.banner .hd ul{ width: 720px; text-align: center;}
.banner .hd li{ display:inline-block; width: 10px; height: 10px; border: 1px #818b8e solid; margin: 0 10px; overflow: hidden; text-indent:22em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.banner .hd li.on{ background-color: #1fa8a2; border-color: #1fa8a2;}

/*十大优势*/
.main{ min-width:1200px;}
.main .title{ padding: 40px 0 30px; text-align: center;}
.main .title h2{ display:block; font-size: 36px; color: #272727; font-weight: 400; line-height: 55px;}
.main .title p{ font-size: 14px; color: #646464; line-height: 50px;}
.superiority{ padding-bottom: 53px;}
.superiority li{ float:left; box-sizing: border-box; width: 20%; height: 203px; overflow: hidden; text-align: center; border-right:2px #ededed solid; border-bottom:2px #ededed solid;}
.superiority li.on{ border-right: none;}
.superiority li.n_b{ border-bottom: none; padding-top: 60px;}
.superiority b{ display:block; font-size: 16px; color: #262626; font-weight: normal; line-height: 33px; padding-top: 13px;}
.superiority p{ color: #535353; line-height: 21px;}
.superiority div{ height: 84px; background-position: center bottom; background-repeat: no-repeat;}
.ico_01{ background-image:url(/Public/images/ico_01.jpg);}
.ico_02{ background-image:url(/Public/images/ico_02.jpg);}
.ico_03{ background-image:url(/Public/images/ico_03.jpg);}
.ico_04{ background-image:url(/Public/images/ico_04.jpg);}
.ico_05{ background-image:url(/Public/images/ico_05.jpg);}
.ico_06{ background-image:url(/Public/images/ico_06.jpg);}
.ico_07{ background-image:url(/Public/images/ico_07.jpg);}
.ico_08{ background-image:url(/Public/images/ico_08.jpg);}
.ico_09{ background-image:url(/Public/images/ico_09.jpg);}
.ico_10{ background-image:url(/Public/images/ico_10.jpg);}

/*教育品牌*/
.main01{ background:url(/Public/images/bg_01.jpg) repeat-x; height: 638px; color: #fff;}
.brand{ padding-top:115px; padding-left: 80px; position: relative;}
.brand h1{ display:block; font-size: 36px; font-weight: 400; line-height: 70px;}
.brand p{ font-size: 14px; line-height: 43px;}
.brand_jg{ height: 253px; padding-top: 60px;}
.brand_jg span{ display:block; float: left; text-align: center;}
.brand_jg span b{ display:block; font-size: 16px; font-weight: normal; line-height: 60px;}
.brand_jg span img{ margin: 0 auto;}
.brand_jg i{ display: block; float: left; width: 77px; text-align: center; font-size: 18px;  line-height: 76px;}
.brand_code{ line-height: 30px; font-size: 12px;}
.brand_code img{ display:inline-block; vertical-align: top; margin-right: 20px;}
.brand .img{ display:block; position: absolute; right: 34px; top: 76px; z-index: 2;}

/*直播*/
.main02{ background-color:#f5f5f5;}
.live_broadcast li{ float:left; width: 20%; overflow:hidden;}
.live_broadcast img{ width:100%;}

/*领先教学工具*/
.main03{ background-color:#181818; height: 650px;}
.main03 .title h2,.main03 .title p{ color: #fff;}
.tool{ text-align:center; position: relative;}
.tool span{ display:inline-block; vertical-align: top; width: 130px; color: #fff;}
.tool span img{ margin:0 auto;}
.tool span b{ display:block; font-size: 14px; font-weight: 400; line-height: 55px;}
.tool div{ position:absolute; left: 0; right: 0; top: 140px;}
.tool div > img{ margin:0 auto; width: 655px;}
.tool ul{ text-align: center; padding-top: 50px;}
.tool ul img{ display:inline-block; vertical-align: top; margin: 0 15px;}
.tool p{ font-size: 12px; color: #7f7f7f; padding-top: 35px;}

/*独立收款*/
.main04{ height: 903px; background: url(/Public/images/bg_02.jpg) repeat-x left bottom;}
.independent_receivables{ padding-top:440px; padding-left: 570px; position: relative; text-align: center;}
.independent_receivables .img{ position: absolute; left: 163px; top: 360px; z-index: 1;}
.independent_receivables h1{ display:block; font-size: 36px; font-weight: 400; color: #272727; line-height: 50px;}
.independent_receivables p{ font-size: 14px; color: #646464; line-height: 22px;}
.independent_receivables ul{ padding-top: 80px;}
.independent_receivables span,.independent_receivables i{ display:inline-block; vertical-align: top;}
.independent_receivables img{ margin: 0 auto;}
.independent_receivables b{ display:block; font-size: 16px; text-align: center; color: #262626; font-weight: normal; line-height:75px; }
.independent_receivables i{ padding: 35px 0 0;}
.independent_receivables .wx{ padding: 11px 0 0;}
.independent_receivables .wx b{ line-height: 50px;}

/*自带传播*/
.main05{ height:764px;}
.propagating{ padding-top: 370px; padding-left: 70px; position: relative;}
.propagating h1{ display: block; font-size: 36px; color: #272727; font-weight: normal; line-height: 75px;}
.propagating p{ font-size: 14px; color: #646464; line-height: 23px;}
.propagating ul{ padding-top: 67px; width: 560px;}
.propagating span{ display:block; float:left; width: 137px; font-size: 14px; color: #2e2e2e; line-height: 24px; padding-bottom: 30px;}
.propagating span img{ display:inline-block; vertical-align: top; margin-right: 8px;}
.propagating .img{ position:absolute; right: 99px; top: 237px; z-index: 1;}

/*功能介绍*/
.main06{ height: 380px; background: url(/Public/images/bg_01.png) repeat; position: relative; z-index: 2;}
.function_intro{ padding-top: 87px;}
.function_intro li{ float:left; width: 20%; text-align: center;}
.function_intro li img{ margin:0 auto;}
.function_intro li b{ display:block; font-size: 16px; color: #fff; font-weight: 400; line-height: 85px;}
.function_intro p{ text-align:center; font-size: 18px; color: #fff; margin-top: 50px;}
.function_intro p a{ display:inline-block; color: #fff; vertical-align: top; padding-right: 25px; background: url(/Public/images/jt.png) no-repeat right center;}

/*计费*/
.main07{ padding-top: 120px;}
.charging{ border-bottom:1px #eaeaea solid; padding:0 70px 20px 77px;}
.charging .con{ width:596px;}
.charging h1{ display:block; font-size: 36px; color: #272727; font-weight: normal; line-height: 60px; padding-top: 40px;}
.charging p{ font-size: 14px; color: #646464; line-height: 22px;}
.charging img{ margin:40px auto 0;}
.charging span{ display:block; font-size: 16px; color: #272727; line-height: 65px; text-align: center;}
.charging div{ margin-top: 53px; border: 1px #ebebeb solid; padding:15px 0 0 20px; background-color: #f5f5f5; height: 63px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.charging em{ display: block; font-size: 14px; color: #6e6e6e; line-height: 25px;}
.add_classroom{ text-align:center; padding-top: 20px; padding-bottom: 50px;}
.add_classroom span,.add_classroom i{ display:inline-block; text-align: center; overflow:hidden; vertical-align: top;}
.add_classroom i{ padding-top: 37px;}
.add_classroom div{ width: 80px; height: 80px; margin: 0 auto; line-height: 80px; background-image: url(/Public/images/bg_02.png); font-size: 24px; color: #525252; font-weight: normal;}
.add_classroom b{ display:block; font-size: 16px; color: #313131; font-weight: 400; line-height: 45px; padding-top: 15px;}
.add_classroom p{ line-height:21px; color: #686868; font-size: 14px;}

/*二维码*/
.main08{ background-color:#f5f5f5; padding: 70px 0 50px; text-align: center;}
.main08 li{ display:inline-block; vertical-align: top; width: 290px; text-align: center;}
.main08 li img{ margin:0 auto;}
.main08 b{ display:block; font-size: 16px; color: #313131; font-weight: normal; line-height: 45px;}

/*底部*/
.footer{ background-color:#282828; color: #fff; padding: 50px 0 55px;}
.f_left p{ font-size:14px; line-height: 25px;}
.f_left p i{ color: #878787; font-size: 12px;}
.f_left img{ margin-bottom: 20px; margin-top: 10px;}
.f_nav b{ display:block; font-size: 14px; color: #bababa; line-height: 28px; font-weight: normal;}
.f_nav p{ font-size: 16px; line-height: 36px;}
.f_nav p a{ color:#fff;}
.f_nav p a:hover{ color: #f09115;}
.f_nav.fl{ padding-left:85px;}

/**机构入驻**/
.institution-push{display:none;position:absolute;z-index:99;top:68px;right:0;padding:20px;margin-right:88px;background-color:#f5f5f5;box-shadow:-3px -1px 10px #b5b5b5}
.institution-push>p{font-size:14px}
.institution-push-img{width:100%;padding-top:126px;position:relative;margin-top:20px}
.institution-push-img>img{position:absolute;top:0;left:50%;margin-left:-63px}
.institution-push:after{content:'';position:absolute;top:-20px;left:50%;margin-left:-10px;width:0;border-bottom:10px solid #f5f5f5;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}