@charset "utf-8";

.qjbtn-b{width:30%; margin:0 auto; padding:30px 0 60px;}
.qjbtn-b a{display:block; width:100%; line-height:52px; height:52px;color:#fff; text-align:center; font-size:18px;
background: -webkit-linear-gradient(right, #ef4854 , #e83d9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #ef4854 , #e83d9a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #ef4854 , #e83d9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to left, #ef4854 , #e83d9a); /* 标准的语法 */}

.banner{ width:100%; height:570px; position:relative; background:url(../images/banner.jpg) no-repeat top center;}



.cont_title{ font-size: 38px;
    font-weight: normal;
    color: #333;
    text-align: center;
    padding: 60px 0 5px;}

.w1200{width: 1200px;
    margin: 0 auto;
    overflow: hidden;}
.w1290{width: 1290px;
    margin: 0 auto;
    overflow: hidden;}
/************头部免费试听***************/
.container {
    margin: 0 auto;
    width: 1100px;
}
.receive-box {
    position: relative;
    margin-top: -20px;
    padding-bottom: 0px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 50px 1px #fce7e9;
}
.receive-box .receive-title {
    padding: 40px 0 5px 0;
    box-sizing: border-box;
    font-size: 36px;
    color: #fb4d4d;
    font-weight: bold;
    text-align: center;
}
.receive-box p{
    font-size: 24px;
    color: #fb4d4d;
	line-height:50px;
	text-align:center;
	padding-bottom:30px;
	}
.baom{width:90%; margin:10px auto 0; clear:both; overflow:hidden}
.baom .shouji{width:36%; float:left; background:#fff8ed; border:#efefef 1px solid; border-radius:6px; line-height:44px; height:44px; text-indent:32px; outline:none;font-size:16px; margin-right:2%;}
.baom .tijiao1{width:20%; float:left; line-height:44px; height:44px;border-radius:6px; color:#fff; cursor:pointer; text-align:center; border:none;  outline:none;font-size:16px;
background: -webkit-linear-gradient(right, #ef4854 , #e83d9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #ef4854 , #e83d9a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #ef4854 , #e83d9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to left, #ef4854 , #e83d9a); /* 标准的语法 */}
/************开学四重礼***************/		
.sili_t{padding:30px 0 60px;}
.cont0{clear:both; overflow:hidden;}
.cont0 li{width:279px; float:left;}
.cont0 li:nth-child(1),.cont0 li:nth-child(2),.cont0 li:nth-child(3){margin-right:28px;}	

.qjkc{padding-top:50px;}
.qjkc li{margin-bottom:30px;}
.oline-cont {height:520px;}
.group1 { width:402px; position:relative;}
.group1 img { margin:0 auto;display: block;}
.group1 p,.group2 p { color:#333; font-size:17px; text-align:left; line-height:36px;border-radius: 5px;
    box-shadow: 0 10px 15px 1px #ddd; background-color:#f5f7f9; position:absolute; z-index:-100;}
.group1 p span,.group2 p span{color:#ee4759}
.group1 p{top:220px; width:382px; padding:100px 0 30px 22px;}
.group2 p{top:185px; width:382px; padding:100px 0 30px 22px;}
.group2 { width:402px; padding:65px 13px 0; position:relative;}
.group2 h3 { font-size:20px; text-align:center; font-weight:600; color:#FFF; width:334px; margin:0 auto;background-color:#ee4759;line-height:50px;}
.group2 img { margin:0 auto;display: block; width:334px;}
.group1 h3 {
    font-size: 20px;
    color: #fff;
	line-height:50px;
	background-color:#ee4759;
    text-align: center;
    font-weight: 600; width:334px; margin:0 auto;
}
/************第一部分***************/	
.cont1{clear:both; overflow:hidden;}
.cont1 li{width:30%; float:left; border-radius:6px; margin-bottom:30px; padding:30px 0;}
.cont1 li:nth-child(2),.cont1 li:nth-child(5),.cont1 li:nth-child(8){margin:0 5% 30px;}	
.cont1 li h3{font-size:24px; text-align:center; line-height:50px; color:#fff;}.cont1 li span{display:block; width:20px; height:1px; background-color:#fff; overflow:hidden; margin:0 auto;}
.cont1 li p{line-height:30px; font-size:16px; text-align:center; color:#fff; padding:0 10px; height:60px;}	
.cont1-bg1{background-color:#fba538;}
.cont1-bg2{background-color:#f78430;}
.cont1-bg3{background-color:#f56225;}
.cont1-bg4{background-color:#f4500e;}
.cont1-bg5{background-color:#e83830;}
.cont1-bg6{background-color:#d8271e;}
.kc-t{text-align:center; font-size:30px; color:#333; line-height:60px;}
.kc-t::after{ content: '';display:block; width:60px; height:4px; background-color:#f78430; overflow:hidden; margin:0 auto;}

/************大品牌值得信赖***************/	
.ppbg-content {height:235px; background:url(../images/ppbg.jpg) no-repeat center; padding-top:1px;}
.ppbg-content dl { width:200px; float:left; text-align:center;}
.ppbg-content dl dt { font-size:36px; font-weight:bold; color:#ff9000;}
.ppbg-content dl dd { font-size:18px; margin-top:10px; color:#707070;}

/************大品牌值得信赖***************/
.tea-top{clear:both; overflow:hidden; width:90%; margin:0 auto 0 5.5%; padding:40px 0 15px;}
.tea-top li{width:29%; margin:0 2%; float:left; text-align:left; background-color:#fff;box-shadow: 5px 5px 5px #dfe3e8;}
.tea-top li:nth-child(2){width:32%; margin:0;}
.tea-top li img{margin:35px auto 0; float:left; display:block; width:16%; margin-left:4%;}
.tea-top .tea-top-right{float:right; width:75%;}
.tea-top li h1{font-size:20px; line-height:46px; padding-top:20px; font-weight:600; color:#ee4759;}
.tea-top li p{line-height:26px; padding-bottom:20px; padding-right:10%;}

.boxa .con{ width:100%; height:369px; float:left; clear:both; background:url(../images/1.png) no-repeat left center;}

.boxa .con ul{ width:580px; height:369px; float:right; clear:right; margin-top:-40px;}

.boxa .con ul li{ float:left; clear:both; margin-top:40px; padding-left:60px;}

.boxa .con ul li h4{ font-size:22px; color:#666666; line-height:22px;}

.boxa .con ul li p{ font-size:20px; color:#999999; margin-top:10px; line-height:28px; text-align:justify;}

.boxa .con ul li.a{ margin-left:35px; background:url(../images/a.png) no-repeat left top;}

.boxa .con ul li.b{ margin-left:20px; background:url(../images/b.png) no-repeat left top;}

.boxa .con ul li.c{ margin-left:5px; background:url(../images/c.png) no-repeat left top;}



.boxb { width:100%; height:650px; float:left; clear:both; background:url(../images/bg_1.jpg) #ffffff no-repeat left 140px; margin-top:-20px;}

.boxb .con ul{ width:1200px; height:auto !important; float:left; clear:both;}

.boxb .con ul li{ width:320px; height:100px;  float:left; margin:0; padding-left:60px; }

.boxb .con ul li h4{ font-size:22px; color:#666666; line-height:22px;}

.boxb .con ul li p{ font-size:20px; color:#999999; margin-top:10px; line-height:32px; text-align:justify;}

.boxb .con ul li.a{ width:290px;background:url(../images/icon_1.png) no-repeat left top; margin-top:214px; margin-right:60px;}

.boxb .con ul li.b{ width:310px; background:url(../images/icon_2.png) no-repeat left top; margin-top:176px; margin-right:60px;}

.boxb .con ul li.c{width:290px;background:url(../images/icon_3.png) no-repeat left top; margin-top:214px;}



.boxc { width:100%; height:600px; float:left; clear:both; background:url(../images/bg_2.jpg) #ffffff no-repeat left 190px; margin-top:-20px;}

.boxc .desc{ width:100%; height:50px; float:left; clear:both;}

.boxc .desc p{ height:20px; font-size:20px; line-height:20px; color:#333333; border-left:4px solid #ffa710; padding-left:10px; float:left;}

.boxc .desc p.r{ float:right; clear:right;}

.boxc .con ul{ width:1350px; height:274px; margin-left:-75px; float:left; clear:both; position:relative;}

.boxc .con ul li{ width:160px;font-size:20px; color:#666666; text-align:center; position:absolute;}

.boxc .con ul li.b1{ top:224px; left:68px;}

.boxc .con ul li.b2{ top:168px; left:216px;}

.boxc .con ul li.b3{ top:136px; left:364px;}

.boxc .con ul li.b4{ top:118px; left:517px;}

.boxc .con ul li.b5{ top:148px; left:666px;}

.boxc .con ul li.b6{ top:209px; left:818px;}

.boxc .con ul li.b7{ top:192px; left:970px;}

.boxc .con ul li.b8{ top:165px; left:1120px;}



.boxd h3{ width:100%; height:62px; float:left; clear:both; background:url(../images/title_1.png) no-repeat center center; font-size:30px; line-height:62px; text-align:center; color:#ffffff;}

.boxd .con{ width:100%; height:auto !important; float:left; clear:both; margin-top:50px;}



.boxe { width:100%; height:697px; float:left; clear:both; background:url(../images/bg_4.jpg) #ffffff no-repeat left top; }

.boxe h3{ width:100%; height:62px; float:left; clear:both; font-size:36px; line-height:62px; margin-top:44px; text-align:center; color:#333333;}

.boxe .desc{ width:100%; height:32px; float:left; clear:both; margin-top:40px;}

.boxe .desc ul li{ height:32px; float:left;}

.boxe .desc ul li i{ width:32px; height:32px; text-align:center; line-height:32px; font-size:20px; color:#ffffff;float:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.boxe .desc ul li p{ float:left; margin-left:20px; line-height:32px; font-size:20px; color:#666666;}

.boxe .desc ul li.n1{ width:310px; margin-left:10px;}

.boxe .desc ul li.n1 i{ background:#f85353}

.boxe .desc ul li.n2{ width:290px;}

.boxe .desc ul li.n2 i{ background:#f89153}

.boxe .desc ul li.n3{ width:300px;}

.boxe .desc ul li.n3 i{ background:#f8d753}

.boxe .desc ul li.n4{ width:220px;}

.boxe .desc ul li.n4 i{ background:#b7d052}



.boxf .con{ width:100%; height:480px; float:left; clear:both; background:url(../images/bg_3.jpg) no-repeat left center;}

.boxf .con ul{ width:207px; height:190px; float:left; clear:both; margin-left:25px; margin-top:25px;}

.boxf .con ul li{ width:207px; height:44px; float:left; clear:both; line-height:44px; background:url(../images/ab.png) no-repeat center center; text-align:center; color:#666666; font-size:16px;}

.boxf .con p{ width:253px; height:auto !important; float:left; clear:both; font-size:17px; color:#666666; line-height:30px; margin-top:10px; text-align:center;}

.boxf .con a.mores{ width:200px; height:40px; float:left; clear:both; background:url(../images/btn_4.png); line-height:40px; text-align:center; color:#ffffff; font-size:18px; margin-left:28px; margin-top:60px;}

.boxf .con a.mores:hover{opacity:0.8;filter:alpha(opacity=80); border:none; text-decoration:none;}



.boxg .desc{width:100%; height:200px; float:left; clear:both;}

.boxg .desc ul li{ width:300px; height:auto !important; float:left; background:url(../images/o.png) no-repeat center top;}

.boxg .desc ul li i{ width:100%; height:68px; float:left; clear:both; line-height:68px; text-align:center; font-size:28px; font-family:Arial; font-style:normal; color:#ffffff; font-weight:bold; margin-top:10px;}

.boxg .desc ul li p{ width:100%; height:44px; line-height:44px; float:left; clear:both; border:1px solid #ffa710; border-radius:44px; text-align:center; font-size:20px; color:#ffa710; margin-top:30px;}

.boxg .desc ul li p strong{ font-size:28px; color:#e95e1a; font-style:italic;font-family:Arial; padding:0 5px;}

.boxg .desc ul li.c1{ width:300px; margin-right:40px;}

.boxg .desc ul li.c2{ width:400px;}

.boxg .desc ul li.c3{ width:420px; float:right;}

.boxg .con{ width:100%; height:439x; float:left; clear:both; background:#f8f8f8;}

.boxg .con .video{ width:780px; height:439px; float:left; clear:left; position:relative;}

.boxg .con .video .player{ width:780px; height:439px; position:absolute; left:0; top:0; z-index:1; background:url(../images/btm_1.png);}

.boxg .con .video .player i{ width:100px; height:100px; float:left; background:url(../images/player.png); position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}

.boxg .con .video .player:hover i{opacity:0.8;filter:alpha(opacity=80); border:none; text-decoration:none;}

.boxg .con .rxbox{ width:420px; height:439px; float:right; clear:right;}

.boxg .con .rxbox ul{ margin-top:55px;}

.boxg .con .rxbox ul li{ width:230px; height:32px; float:left; clear:both; margin-left:97px; margin-top:26px;}

.boxg .con .rxbox ul li i{ width:32px; height:32px; text-align:center; line-height:32px; font-size:20px; color:#ffffff;float:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.boxg .con .rxbox ul li p{ float:left; margin-left:20px; line-height:32px; font-size:24px; color:#666666;}

.boxg .con .rxbox ul li.n1 i{ background:#ffae5f}

.boxg .con .rxbox ul li.n2 i{ background:#aeda62}

.boxg .con .rxbox ul li.n3 i{ background:#77d77e}

.boxg .con .rxbox a{ width:216px; height:52px; float:left; clear:both; background-image:url(../images/btn_1.png); text-align:center; font-size:22px; color:#ffffff; line-height:52px; margin-top:50px; margin-left:102px;}

.boxg .con .rxbox a:hover{opacity:0.8;filter:alpha(opacity=80); border:none; text-decoration:none;}



.slide{ position:relative; width:1200px; height:auto !important; float:left; clear:both; margin-top:37px;}

.slide .bd{ width:1200px; height:424px; float:left; clear:both; overflow:hidden;}

.slide .bd ul{ width:1200px; height:424px; float:left; clear:both;zoom:1; overflow:hidden; }

.slide .bd ul li{ width:266px; height:424px; background:#ffffff; margin:0 10px;  float:left; _display:inline; overflow:hidden; text-align:center; position:relative;}

.slide .bd ul li img{ width:266px; height:192px;}

.slide .bd ul li h4{ width:183px; height:60px; position:absolute; left:41px; top:165px; background:url(../images/title_2.png); line-height:50px; text-align:center; color:#333333; font-size:18px;}

.slide .bd ul li span{ width:100%; float: left; clear:both; margin-top:30px; font-size:16px; color:#f1610a; text-align:center; }

.slide .bd ul li p{ width:216px; height:auto !important; float:left; clear:both; margin:0 25px; margin-top:15px; font-size:16px; color:#666666; line-height:26px; text-align:justify;}

.slide .bd ul li a{ width:102px; height:28px; float:left; background-image:url(../images/btn_3.png); line-height:28px; color:#ffffff; font-size:16px; text-align:center;}

.slide .bd ul li a.btn_yel{ background-position:left top; position:absolute; left:25px; bottom:25px;}

.slide .bd ul li a.btn_red{ background-position:left bottom; position:absolute; right:25px; bottom:25px;}

.slide .bd ul li a:hover{ border:none; text-decoration:none;opacity:0.8;filter:alpha(opacity=80);}



.video-js .vjs-big-play-button{ width: 100%; height: 100%; background: url(../images/player.png) no-repeat center center; background-size: 100px auto;}





.pt160{ padding-bottom:160px;}

.pt100{ padding-bottom:100px;}

.pt50{ padding-bottom:50px;}

.footer{ width:100%; height:48px; padding:26px 0; font-size:12px; font-weight:normal; color:#ffffff; text-align:center; line-height:24px;}