*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}

/*header*/
.header{width:1100px; height:111px;  overflow:hidden; margin:0 auto;}
.header a{width:132px;  overflow:hidden; float:left; height: 111px;}

/*online_one*/
.online_one{width:1100px; height:109px; padding-top:290px; overflow:hidden; margin:0 auto;}
.online_one ul{padding:0px 23px;}
.online_one ul li{width:20%; float:left; line-height:46px; text-align:center; color:#b61601; font-size:20px;}

/*online_two*/
.online_two{width:1100px; height:659px; padding-top:175px; overflow:hidden; margin:0 auto;}
.title{padding-left:28px; line-height:64px; overflow:hidden; font-size:34px; color:#fff;}
.title font{color:#ffdd6f; font-weight:bold;}

#tab{width:1018px; padding-left:82px; height:48px; overflow:hidden; margin-top:121px;}
#tab span{float:left; width:210px; height:44px; line-height:44px; transition:all 0.4s; cursor:pointer; margin-right:36px; text-indent:48px; color:#1a81fd; font-size:18px; font-weight:bold; background:url(../images/tab1_bg.png) no-repeat}
#tab span.se{height:48px; line-height:48px; color:#e8bc2c; background:url(../images/tab1_se.png) no-repeat;}

#tab_content{width:1040px; height:259px; overflow:hidden; margin:0 auto; margin-top:42px;}
#tab_content div{width:1040px; height:259px; overflow:hidden; display:none;}
#tab_content div.hsjc{background:url(../images/tab_c_03.png) no-repeat; padding-left:54px; padding-top:42px;}
#tab_content div.hsjc ul li{width:400px; float:left;}
#tab_content div ul li h2{line-height:40px; color:#fff; font-size:22px; font-weight:bold;}
#tab_content div ul li h2 span{font-size:14px; font-weight:normal; margin-left:12px;position: relative;}
#tab_content div ul li h2 span::before{
    display: block;
    position: absolute;
    content: "";
    width: 74px;
    height: 4px;
    background: #ffdd6f;
    bottom:-1px;
    left: -9px;
}
#tab_content div ul li p{margin-top:16px; line-height:24px; font-size:16px; color:#fff; font-weight:bold;}
#tab_content div ul li p i{
    display: block;
    color: #fffc00;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
#tab_content div ul li p span{
    font-size: 14px;
    line-height: 26px;

}
#tab_content div ul li p em{
    display: block;
    color: #fffc00;
    font-size: 16px;
    font-weight: 700;
}
#tab_content div ul li p em b{
    color: #fff;
}
#tab_content div.hxjn{background:url(../images/tab_c_06.png) no-repeat; padding-left:54px; padding-top:42px;}
#tab_content div.hxjn ul li{width:266px; float:left;}

#tab_content div.stjj{background:url(../images/tab_c_08.png) no-repeat; padding-left:102px; padding-top:72px;}
#tab_content div.stjj ul li{width:400px;}

#tab_content div.gxjfd{background:url(../images/tab_c_10.png) no-repeat; padding-left:98px; padding-top:72px;}
#tab_content div.gxjfd ul li{width:400px;}


/*online_three*/
.online_three{width:1100px; height:653px; padding-top:55px; overflow:hidden; margin:0 auto;}

#tab2{width:1018px; padding-left:82px; height:48px; overflow:hidden; margin-top:121px;}
#tab2 span{float:left; width:140px; height:40px; line-height:40px; transition:all 0.4s; cursor:pointer; margin-right:22px; text-indent:36px; color:#f33d27; font-size:18px; font-weight:bold; background:url(../images/tab2_bg.png)}
#tab2 span.se{height:44px; line-height:44px; color:#e8bc2c; background:url(../images/tab2_se.png) no-repeat;}


#tab_content2{width:1040px; height:259px; overflow:hidden; margin:0 auto; margin-top:42px;}
#tab_content2 div{width:1040px; height:259px; overflow:hidden; display:none;}
#tab_content2 div.bm_c1{background:url(../images/tab_c_12.png) no-repeat; padding-left:54px; padding-top:42px;}
#tab_content2 div.bm_c1 ul li{width:254px; float:left;}
#tab_content2 div ul li h2{line-height:40px; color:#432dd2; font-size:22px; font-weight:bold;}
#tab_content2 div ul li h2 span{font-size:14px; font-weight:normal; margin-left:12px;position: relative;}
#tab_content2 div ul li h2 span::before{
    display: block;
    position: absolute;
    content: "";
    width: 74px;
    height: 4px;
    background: #ffdd6f;
    bottom:-1px;
    left: -9px;
}
#tab_content2 div ul li h2 span.cl_fff::before{
    background: #fff;
}
#tab_content2 div ul li p{margin-top:16px; line-height:24px; font-size:14px; color:#432dd2;}

#tab_content2 div.bm_c2{background:url(../images/tab_c_14.png) no-repeat; padding-left:98px; padding-top:62px;}
#tab_content2 div.bm_c2 ul li{width:500px;}

#tab_content2 div.bm_c3{background:url(../images/tab_c_16.png) no-repeat; padding-left:98px; padding-top:62px;}
#tab_content2 div.bm_c3 ul li{width:500px;}

#tab_content2 div.bm_c4{background:url(../images/tab_c_18.png) no-repeat; padding-left:98px; padding-top:62px;}
#tab_content2 div.bm_c4 ul li{width:500px;}

#tab_content2 div.bm_c5{background:url(../images/tab_c_20.png) no-repeat; padding-left:98px; padding-top:62px;}
#tab_content2 div.bm_c5 ul li{width:500px;display: inline-block;}
#tab_content2 div.bm_c5 ul li:nth-child(2) h2{
    color: #ffffff;
}
#tab_content2 div.bm_c5 ul li:nth-child(2) p{
    color: #fff;
}
#tab_content2 div.bm_c6{background:url(../images/tab_c_22.jpg) no-repeat; padding-left:98px; padding-top:62px;}
#tab_content2 div.bm_c6 ul li{width:500px;}


/*online_four*/
.online_four{width:1100px; height:652px; padding-top:60px; overflow:hidden; margin:0 auto;}

#tab3{width:1018px; padding-left:82px; height:52px; overflow:hidden; margin-top:121px;}
#tab3 span{float:left; width:210px; height:44px; line-height:44px; transition:all 0.4s; cursor:pointer; margin-right:36px; text-indent:48px; color:#1a81fd; font-size:18px; font-weight:bold; background:url(../images/tab1_bg.png) no-repeat;background-size: 100% 100%;}
#tab3 span.se{height:48px; line-height:48px; color:#e8bc2c; background:url(../images/tab1_se.png) no-repeat;background-size: 100% 100%}

#tab_content3{width:1100px; height:277px; overflow:hidden; margin-top:28px;}
#tab_content3 div{width:1100px; height:277px; overflow:hidden; display:none;}

#tab_content3 div.ljc{padding-left:40px; width:1060px;}
#tab_content3 div.ljc dl{width:239px; height:277px; overflow:hidden; float:left; margin-right:22px; position:relative;}
#tab_content3 div.ljc dl dt{width:239px; height:277px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0;}
#tab_content3 div.ljc dl dd{position:absolute; bottom:10px; left:0px; width:100%; z-index:1;}
#tab_content3 div.ljc dl dd p{width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px;}
#tab_content3 div.ljc dl dd a{width:100%; height:30px; line-height:20px; display:block; text-align:center; color:#ffdd6f; font-size:12px;}
#tab_content3 div.ljc dl dd a:hover{color:#e7354d;}

#tab_content3 div.ljc dl dd.black_bg{position:fixed; background:#000; opacity:0.8; width:100%; height:100%; display:none; z-index:2;}
#tab_content3 div.ljc dl dd.big_pic{position:fixed; display:none; z-index:3; top:100px; left:50%; margin-left:-250px; width:500px; height:600px; overflow:hidden; overflow-y:scroll;}
#tab_content3 div.ljc dl dd.big_pic img{display:block; width:100%; height:auto;}
#tab_content3 div.ljc dl dd.black_bg span{position:absolute; color:#e7354d; font-size:20px; cursor:pointer; top:98px; right:50%; margin-right:-274px;}


#tab_content3 div.qcb{padding-left:30px; width:1070px;}
#tab_content3 div.qcb dl{width:200px; height:132px; overflow:hidden; float:left; margin-right:10px; position:relative;}
#tab_content3 div.qcb dl dt{width:200px; height:132px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0;}
#tab_content3 div.qcb dl dd{position:absolute; bottom:10px; height:30px; line-height:30px; left:0px; width:100%; z-index:1;}
#tab_content3 div.qcb dl dd p{float:left; width:138px; text-indent:8px; color:#fff; font-size:12px;}
#tab_content3 div.qcb dl dd a{float:right; width:60px; color:#ffdd6f; font-size:12px;}
#tab_content3 div.qcb dl dd a:hover{color:#e7354d;}

#tab_content3 div.qcb dl dd.black_bg{position:fixed; background:#000; opacity:0.8; width:100%; height:100%; display:none; z-index:2;}
#tab_content3 div.qcb dl dd.big_pic{position:fixed; display:none; z-index:3; top:100px; left:50%; margin-left:-250px; width:500px; height:600px; overflow:hidden; overflow-y:scroll;}
#tab_content3 div.qcb dl dd.big_pic img{display:block; width:100%; height:auto;}
#tab_content3 div.qcb dl dd.black_bg span{position:absolute; color:#e7354d; font-size:20px; cursor:pointer; top:98px; right:50%; margin-right:-274px;}


#tab_content3 div.tskc{padding-left:30px; width:1070px;}
#tab_content3 div.tskc dl{width:187px; height:275px; overflow:hidden; float:left; margin-right:26px; position:relative;}
#tab_content3 div.tskc dl dt{width:239px; height:275px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0;}
#tab_content3 div.tskc dl dd{position:absolute; bottom:10px; left:0px; width:100%; z-index:1;}
#tab_content3 div.tskc dl dd p{width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px;}
#tab_content3 div.tskc dl dd a{width:100%; height:30px; line-height:20px; display:block; text-align:center; color:#ffdd6f; font-size:12px;}
#tab_content3 div.tskc dl dd a:hover{color:#e7354d;}

#tab_content3 div.tskc dl dd.black_bg{position:fixed; background:#000; opacity:0.8; width:100%; height:100%; display:none; z-index:2;}
#tab_content3 div.tskc dl dd.big_pic{position:fixed; display:none; z-index:3; top:100px; left:50%; margin-left:-250px; width:500px; height:600px; overflow:hidden; overflow-y:scroll;}
#tab_content3 div.tskc dl dd.big_pic img{display:block; width:100%; height:auto;}
#tab_content3 div.tskc dl dd.black_bg span{position:absolute; color:#e7354d; font-size:20px; cursor:pointer; top:98px; right:50%; margin-right:-274px;}


/*online_five*/
.online_five{width:1100px; height:694px; padding-top:185px; overflow:hidden; margin:0 auto;}

#tab4{width:804px; padding-left:296px; height:52px; overflow:hidden; margin-top:86px;}
#tab4 span{float:left; width:210px; height:48px; line-height:48px; transition:all 0.4s; cursor:pointer; margin-right:38px; text-indent:48px; color:#1a81fd; font-size:18px; font-weight:bold; background:url(../images/tab4_bg.png)}
#tab4 span.se{height:52px; line-height:52px; color:#e8bc2c; background:url(../images/tab4_se.png) no-repeat;}

#tab_content4{width:1100px; height:462px; overflow:hidden; margin-top:28px;}
#tab_content4 div.tea_ever{width:1100px; height:422px; overflow:hidden; display:none;}
#tab_content4 div.ys_teacher{position:relative;}
#tab_content4 div.bm_teacher{position:relative; height:460px;}

#tab_content4_1{width:1100px; height:422px; overflow:hidden;}
#tab_content4_1 div{width:1100px; height:422px; overflow:hidden; display:none; position:relative;}
#tab_content4_1 div h2{width:100%; line-height:40px; color:#fff; font-size:30px; font-weight:bold; position:absolute; left:164px; top:28px; overflow:hidden;}
#tab_content4_1 div font{line-height:24px; color:#2e59f1; font-size:14px; font-weight:bold; position:absolute; top:38px; left:266px;}
#tab_content4_1 div p{line-height:26px; color:#fff; font-size:14px; text-decoration:underline; position:absolute; top:80px; left:168px;}
#tab_content4_1 div span{line-height:26px; width:500px; color:#fff; font-size:14px; position:absolute; left:168px; top:182px;}
#tab_content4_1 div img{position:absolute; right:84px; top:0px;}


#tab4_1{width:538px; height:84px; position:absolute; bottom:4px; left:136px;}
#tab4_1 span{width:83px; height:83px; float:left; margin-right:6px; position:relative; cursor:pointer;}
#tab4_1 span i{width:84px; height:92px; display:none; overflow:hidden; background:url(../images/champ.png) no-repeat; position:absolute; left:-2px; top:-9px;}
#tab4_1 span.se i{display:block;}

#tab_content4_2{width:1100px; height:422px; overflow:hidden;}
#tab_content4_2 div{width:1100px; height:422px; overflow:hidden; display:none; position:relative;}
#tab_content4_2 div h2{width:100%; line-height:40px; color:#fff; font-size:24px; font-weight:bold; position:absolute; left:164px; top:28px; overflow:hidden;}
#tab_content4_2 div font{line-height:24px; color:#2e59f1; padding-right:20px; font-size:14px; font-weight:bold; position:absolute; top:38px; left:266px; background:url(../images/sc_bg.png) no-repeat;}
#tab_content4_2 div p{line-height:26px; color:#fff; font-size:14px; text-decoration:underline; position:absolute; top:80px; left:168px;}
#tab_content4_2 div span{line-height:26px; width:500px; color:#fff; font-size:14px; position:absolute; left:168px; top:182px;}
#tab_content4_2 div img{position:absolute; right:84px; top:0px;}


#tab4_2{width:538px; height:84px; position:absolute; bottom:42px; left:136px;}
#tab4_2 span{width:83px; height:83px; float:left; margin-right:6px; position:relative; cursor:pointer;}
#tab4_2 span i{width:84px; height:92px; display:none; overflow:hidden; background:url(../images/champ.png) no-repeat; position:absolute; left:-2px; top:-9px;}
#tab4_2 span.se i{display:block;}

/*.hide_cir{width:538px; height:31px; left:136px; position:absolute; bottom:6px;}
.hide_cir span{float:left; width:83px; height:31px; background:#1e23de;}
.hide_cir p{float:right; width:83px; height:31px; background:#1e23de;}
*/
/*online_six*/
.online_six{width:1100px; height:751px; padding-top:186px; overflow:hidden; margin:0 auto;}

#d_tab29{width:1100px; margin:0 auto; margin-top:74px;}
#d_tab29 ul{width: 1100px; }
#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none }
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 {width:1100px;height: 509px;position: relative;overflow: hidden; text-align: left ;}
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1100px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 ;}
#d_tab29 .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
#d_tab29 .d_img li img { width: 100% }
#d_tab29 .d_img li.d_pos1 { display: block; width: 0px; left: 0%; top:0px; z-index: 2 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 180px; left:44px; top: 56px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 200px; left:224px; top: 36px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 221px; left: 438px; top:16px; z-index: 4 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 200px; left:677px; top: 36px; z-index:3 }
#d_tab29 .d_img li.d_pos6 { display: block; width: 180px; left:877px; top: 56px; z-index: 2 }
#d_tab29 .d_img li>a{display: block; width:35%;height:auto ;border: 1px solid #3da59a;color: #3da59a;padding: 3px 0; text-align: center;font-size: 12px;border-radius:10px ;position: absolute;bottom:28% ;left: 50%;margin-left: -17%;}
#d_tab29 .d_img li>a:hover{background-color: #3da59a;color: #fff;}

.iphone_bg{position:absolute; left:422px; top:0px; z-index:8;}


/*online_seven*/
.online_seven{width:1100px; height:694px; padding-top:97px; overflow:hidden; margin:0 auto;}

#tab5{width:100%; height:52px; padding-left:182px; overflow:hidden; margin-top:116px;}
#tab5 span{float:left; width:200px; height:48px; line-height:48px; transition:all 0.4s; cursor:pointer; margin-right:48px; text-indent:48px; color:#1a81fd; font-size:18px; font-weight:bold; background:url(../images/tab5_bg.png)}
#tab5 span.se{height:52px; line-height:52px; color:#e8bc2c; background:url(../images/tab5_se.png) no-repeat;}

#tab_content5{width:1100px; height:386px; overflow:hidden; margin-top:40px;}
#tab_content5 div{width:100%; height:100%; overflow:hidden; display:none;}


/*online_eight*/
.online_eight{width:1100px; height:770px; padding-top:184px; overflow:hidden; margin:0 auto;}


/*footer*/
.footer{width:1100px; height:245px; padding-top:42px; line-height:30px; color:#fff; font-size:16px; text-align:center; overflow:hidden; margin:0 auto;}


/*float_window*/
#float_window{width:261px; height:464px; overflow:hidden; position:fixed; top:50%; margin-top:-232px; left:10px; background:url(../images/fl.png) no-repeat;}

.video{width:247px; height:139px; overflow:hidden; position:absolute; top:118px; left:7px;}

#float_window span{color:#e7354d; font-size:20px; cursor:pointer; position:absolute; right:0px; top:0px;}