@charset "gb2312";
/*
* Description: 科目管理
* Update:      24/07/2017
* Author:      xuyongmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px; background-color:#fff; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}
.btn{ display:block; text-align:center; margin:0 auto; color:#fff;}
/*banner*/
	.banner{ width:100%;}
	.banner_01{ height:55px; background:url(../images/banner_01.jpg) no-repeat top center;}
	.banner_02{ height:150px; background:url(../images/banner_02.jpg) no-repeat top center;}
	.banner_03{ height:157px; background:url(../images/banner_03.jpg) no-repeat top center;}
		
/*people*/	
	.people{ padding:70px 0 40px 0;}
	.peo_con{ width:700px; height:573px; background:url(../images/peo_01.jpg) no-repeat ; margin:0 auto;}
	
/*face*/
	.teacher{ padding:0;}	
	.face,.teacher,.answer,.one,.buy_wrap{ padding:50px 0;width:100%; background-color:#367bf0;}
	.fac_con{ width:716px; height:789px; background:url(../images/fac_01.jpg) no-repeat ; margin:0 auto;}
	.fac_con p{ text-align:center; font-size:42px; line-height:64px; padding-top:50px;}
	
/*quest_wrap*/
	.quest_wrap{ padding-bottom:50px; width:100%;background-color:#f8fdff;}
	.title{font-size:48px; line-height:168px;font-weight:bold;text-align:center;}
	.title_01{ color:#fff; line-height:88px;}
	.que_con{ padding:0 23px;}
	.quest_til li{float:left;height:140px;overflow:hidden;padding:7px 0 2px; font-size:40px; line-height:64px;font-weight:bold;text-align:center;}
	.quest_til .li_bg1,.quest_til .li_bg2{width:383px;}
	.li_bg1{background-color:#d6edff;}
	.li_bg2{background-color:#ffd5b6;}
	.quest_til .li_vs{width:173px;margin:0 6px;background:#fff6a9 url(../images/vs_bg.png) center center no-repeat;background-size:90% 80%;}
	
	.quest_con li{float:left;height:108px;line-height:108px;font-size:36px;color:#333;margin-top:6px;box-sizing:border-box;}
	.quest_con .li_bg1{width:49%;margin-right:6px;padding-left:20px;}
	.quest_con .li_bg2{width:50%;padding-left:6px;}
	
/*teacher	*/
	.teacher{ padding:50px 0;}
	.tea_p{ line-height:80px; font-size:40px; font-weight:bold; color:#fff000; text-align:center; }

.teach_m{margin-top:20px;}
.teach_min{width:1000px;height:495px;position:relative;overflow:hidden;}
.prve_btn,.next_btn{width:50px;height:50px;position:absolute;bottom:0;}
.prve_btn{left:437px;background:url(../images/prve_btn.png) no-repeat;}
.next_btn{right:437px;background:url(../images/next_btn.png) no-repeat;}
.prve_btn:hover{background-image:url(../images/prve_btnh.png);}
.next_btn:hover{background-image:url(../images/next_btnh.png);}

.tea_ul{width:4000px;position:absolute;top:0;left:0;}
.tea_ul li{float:left;width:238px;margin-right:16px; }
	.tli_con{ cursor:pointer;  position:relative; overflow:hidden; width:237px; height:296px; }
	.tli_d .ts,.tli_d .td{ width:237px; height:296px; }
	.ts_01{ background:url(../images/tea_01.jpg)}
	.ts_02{ background:url(../images/tea_02.jpg)}
	.ts_03{ background:url(../images/tea_03.jpg)}
	.ts_04{ background:url(../images/tea_04.jpg)}
	.ts_05{ background:url(../images/tea_05.jpg)}
	.ts_06{ background:url(../images/tea_06.jpg)}
	.ts_07{ background:url(../images/tea_07.jpg)}
	.ts_08{ background:url(../images/tea_08.jpg)}
	.ts_09{ background:url(../images/tea_09.jpg)}
	.ts_10{ background:url(../images/tea_10.jpg)}
	.ts_11{ background:url(../images/tea_11.jpg)}
	.ts_12{ background:url(../images/tea_12.jpg)}
	.ts_13{ background:url(../images/tea_13.jpg)}
	.ts_14{ background:url(../images/tea_14.jpg)}
	.tea_ul li .trans{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: .3s ease-out;transition: .3s ease-out;}
	.tea_ul li .transbc{-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: .3s ease-out;transition: .3s ease-out;}
	.tli_d .td{ background-color:#104cb1;  z-index:10;position: absolute;  top: 0; left: 0; -webkit-transform: rotateY(-90deg);  transform: rotateY(-90deg);}
	.tli_d .td p{ padding:35px 35px 0 35px; color:#fff; font-size:22px; line-height:38px;}
	.tli_p{ width:238px; height:49px; line-height:49px; background-color:#195dcf; text-align:center; color:#fff000; font-size:20px; }
	.tea_ul li .btn{ font-size:24px; color:#195dcf; width:123px; height:43px; line-height:43px; background-color:#fff; border-radius:30px; margin-top:30px; }
	
/*questions	*/
	.questions,.summary,.free_wrap,.live_wrap{ width:100%; background-color:#f8fdff; padding:50px 0;}
	.questions .title,.summary .title,.free_wrap .title,.live_wrap .title{ color:#333; line-height:78px; }
	.que_con1,.ans_con,.sum_con,.one_con{margin:30px auto 0;  }
	.que_con1{ width:992px; height:580px; background:url(../images/que_01.png) no-repeat; }
	
/*answer*/	
	.ans_con{ width:995px; height:460px; background:url(../images/ans_01.png) no-repeat; }
	
/*summary	*/
	.sum_con{ width:992px; height:355px; background:url(../images/sum_01.png) no-repeat; }
	
/*one	*/
	.one_con{ width:980px; height:800px; background:url(../images/one_01.png) no-repeat; }
	
/*free_wrap*/
.free_wrap{background-color:#f5f5f5;}
.free_con{padding:50px 122px 0 53px;}
.free_l{float:left;width:245px; padding-top:35px;}
.free_l img{margin:0 auto;}
.free_l p{line-height:88px;font-size:30px;text-align:center;color:#333;}

.free_r{float:right;width:491px; height:395px; padding:32px 0 0 14px; background:url(../images/free_bg.jpg) no-repeat;}
.free_r a{float:left;width:182px;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;background-color:#ff6463;margin:0 0 12px 33px;}
.free_r a:hover{color:#106cbf;background-color:#ffe363;}
		
/*buy_wrap*/
.buy_wrap{background-color:#f5f5f5;padding:35px 0;}

.buy_con{height:496px;background:url(../images/buy_con.png) center top no-repeat;position:relative;}
.buy_con .buy_p{width:284px;height:44px;line-height:44px;font-size:24px;color:#fff;text-align:center;background-color:#367bf0;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px;position:absolute;cursor:pointer;}
.buy_con .buy_p.cur{background-color:#ff8e39;}
.buy_p1,.buy_p2{top:82px;}
.buy_p1,.buy_p7{left:105px;}
.buy_p2,.buy_p8{right:105px;}
.buy_p3,.buy_p4{top:178px;}
.buy_p3,.buy_p5{left:21px;}
.buy_p4,.buy_p6{right:21px;}
.buy_p5,.buy_p6{top:270px;}
.buy_p7,.buy_p8{top:361px;}

.buy_m{width:322px;height:322px;position:absolute;top:87px;left:339px;}
.buy_mc{width:322px;height:385px;padding-top:37px;display:none;}
.buy_mc h4{line-height:54px;font-size:24px;color:#fff;text-align:center;}
.tao_m{height:125px;padding-top:38px;}
.tao_m p{line-height:48px;font-size:24px;text-align:center;color:#ff8e39;}
.tao_m p span{display:inline-block;vertical-align:middle;width:130px;text-align:left;color:#333;}
.buy_mc a{display:block;width:158px;height:36px;line-height:36px;font-size:24px;color:#fff;text-align:center;background-color:#ff8e39;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;margin:0 auto;}
.buy_mc a:hover{background-color:#ef7113;}


/*live_wrap*/
	.live_con li{background-color:#367bf0; width:294px; height:371px; margin-right:28px;border-radius:10px;}
	.live_con li h4{font-size:40px; line-height:68px; padding-top:37px;font-weight:bold;text-align:center;color:#fff000;}
	.live_con p{font-size:40px;line-height:68px;color:#fff;text-align:center;margin:15px 0;}
	.live_con li a{border:1px solid #fff;}
	.live_con li a span{color:#367bf0;background-color:#fff;}
	.live_wrap .btn2{width:440px; height:98px; line-height:98px;margin:5% auto 0;}
	.live_wrap .btn2 span{height:94px; line-height:96px;font-size:48px;}
	
/*扉页*/
.feiye{ line-height:30px;font-size:12px; color:#EBEBEB; text-align:center;margin-top:30px;}




