﻿.sev-banner-wrap{ height:400px; background:#ddd; min-width:1200px;}
.sev-container{ width:100%; min-width:1200px;}
.area-gray{ background:#f9f9f9; padding:30px 0;}


.sev-banner-inner{ min-width:1200px;}
.ban-img-main{ width:100%; height:400px; }
.ban-img-main span{ display:none;} 
.ban-pic01{background:url(../Images/sev-banner01.jpg) no-repeat center top;}
.ban-pic02{background:url(../Images/sev-banner02.jpg) no-repeat center top;}


.carousel-control{position: absolute; top: 0; left: 0; bottom: 0; width: 15%; /*opacity: 0.5; filter: alpha(opacity=50);*/ font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index:1999;}
.carousel-control.left{width: 45px; height: 70px; top:170px; background: url(../Images/arrow_pic.png) no-repeat -90px 0 ;}
.carousel-control.left:hover{background: url(../Images/arrow_pic.png) no-repeat -90px 0;}
.carousel-control.right{width:45px; height:70px; /* background-color:#000; */ left: auto; top:170px; right: 0; background: url(../Images/arrow_pic.png) no-repeat -135px 0px;}
.carousel-control.right:hover{background: url(../Images/arrow_pic.png) no-repeat -135px 0px;}
.carousel-color {}
.carousel-color li{ background:#999; border:1px solid #fff; display:inline-block; clear:both; zoom:1;}
.carousel-color .active{ background:#01ccb0;}


.sev-main{ width:1200px; margin:0 auto;}
.head-tit{ text-align:center; margin-bottom:30px;}
.head-tit h1{ font-size:32px; height:60px; line-height:60px; font-weight:normal;border-bottom: 1px solid #EAEAEA; color:#444; position:relative; margin:20px 0; font-weight:bold;}
.head-tit em{ height:3px; overflow:hidden; width:60px; position:absolute; left: 50%; margin-left: -30px; bottom:-1px; background:#3CC;}
.head-tit p{ font-size:16px;}
.head-tit .addico{ width:26px; height:26px; display:inline-block; vertical-align:middle; background: url(../Images/sev-mainimg.png) no-repeat -118px -97px; margin:0 10px;}
.guarantee-item { overflow:hidden; margin:50px auto;}
.guarantee-item li{ float:left; margin:0 35px;}
.guarantee-item li h2{ font-size:22px; margin-bottom:15px; margin-top:5px; color:#F6A905;}
.guarantee-item li i{ width:95px; height:95px; display:inline-block; background: url(../Images/sev-mainimg.png) no-repeat; float:left;}
.guarantee-item li span{ float:left; width:210px; margin-left:15px; line-height:22px;}
.guarantee-item li i.gu-ico01{ background-position:0 0;}
.guarantee-item li i.gu-ico02{ background-position:-95px 0;}
.guarantee-item li i.gu-ico03{ background-position:-190px 0;}

.sev-inner{}
.l-docs-sidebar{ float:left; width:120px; float:left; position:relative; margin-left:25px;}

.l-docs-sidebar li { padding-bottom:10px; width:116px;}
.l-docs-sidebar li a{ width:81px; height:33px; padding-right:38px; line-height:33px; background:url(../Images/sev-mainimg.png) no-repeat 0 -130px; display:inline-block; margin-right:-40px; text-align:right;}
.l-docs-sidebar li a:hover{ background:url(../Images/sev-mainimg.png) no-repeat 0 -97px; color:#fff;}
.l-docs-sidebar li.active a{ background:url(../Images/sev-mainimg.png) no-repeat 0 -97px; color:#fff;}
.l-docs-sidebar .snav-tabs > .nav > li > a {position: relative;display: block; padding:0; padding-right:36px;}

.free-week { margin-top:30px;}
.free-week a{ width:116px; height:33px;line-height:33px;background:url(../Images/sev-mainimg.png) no-repeat 0 -163px; color:#fff; display:inline-block;text-align: center;}


.r-docs-section{ float: right; margin-left:; width:1030px;padding-left:52px;margin-left: -52px;border-left: 1px solid #ECECEC;}
.sev-item{ overflow:hidden; padding-bottom:50px;}
.sev-item h2{ font-size:24px; font-weight:bold; color:#444; margin-bottom:20px;}
.sev-item-mod{ background: url(../Images/sev-item-bg.png) no-repeat #fff center center;box-shadow: 0px 1px 1px #d6d6d6; overflow:hidden;}
.sev-item-bd { width:400px; float:left; margin:40px 57px; color:#777;}
.sev-item-bd h3{ font-weight:bold; font-size:20px; margin:0px 0 25px 0; color:#444;}
.sev-item-bd p{ margin-bottom:10px;}

.text-yellow{ color:#ffae00;}
.text-green{ color:#19b992;}

.t-center{ text-align:center;}
.out-link { text-align:center;}
.out-link a{ display:inline-block; height:30px; padding:0 15px; line-height:30px; border-radius:3px; border:1px solid #e96061; margin:0 5px;}
.out-link a:hover{ color:#e96061;}

.Support-text { margin-top:20px; color:#e96061;}
.Support-text span{ width:72px; height:20px; display:inline-block; vertical-align:middle; background:url(../Images/sev-mainimg.png) no-repeat -152px -97px}

.question-link { margin-top:20px;}
.question-link h5{ margin-bottom:10px;}
.question-link a{ text-decoration:underline;}
.question-link a:hover{ color:#119cec;}
.question-link a{ display:block; margin-bottom:5px;}

.ap-teacher { overflow:hidden; margin-bottom:20px;}
.ap-teacher li{ width:160px; text-align:center; float:left; margin:15px 20px; font-size:12px; color:#777;}
.ap-teacher li h4{ font-size:14px; color:#333; margin:10px 0;}
.ap-teacher span{ width:108px; height:108px; border-radius:50%; background:#ddd; display: inline-block; overflow:hidden;}
.ap-teacher span img{ width:100%;}

.blockquote-text{ margin-bottom:35px; clear:both; border-left: 3px solid #ddd; padding-left: 12px; padding:0 20px; }
.blockquote-text h4{color: #333; font-size: 16px; margin-bottom:10px;}
.blockquote-text h4 em{ font-size:14px;}

.student-story { margin-bottom:50px;}
.student-story li{ background:#fff; padding: 35px 35px;box-shadow: 0px 1px 1px #d6d6d6; float:left; width: 435px; margin-bottom: 20px; margin:10px 0;}
.student-story li span{ float: right; width: 325px; margin-left:15px;}
.student-story li h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:15px;}
.student-story li h4 a{ font-weight:bold; color:#3d98e0; font-size:16px;}
.student-story ul{position: relative; width: 100%; overflow: hidden;}
.student-photo{ width:68px; height:68px; border-radius:50%; background:#ddd; display: inline-block; overflow:hidden; float:left;}
.student-photo img{ width:100%;}
.student-story li.margin-r{ float: right;}
.student-story .ugc {line-height: 26px;}


.easy-box{ background:#FFF7E0; text-align:center; padding:20px 50px; font-size:18px; color:#333;}
.easy-box h1{ font-size:38px; color:#333; margin-bottom:25px;}
.easy-box h1 strong{ font-weight:bold; font-size:36px; color:#f78c19;}
.easy-box p{ margin-bottom:25px;}

.easy-box i{ width:27px; height:27px; display:inline-block; vertical-align:middle; background:url(../Images/easy-img.png) no-repeat;}
.easy-box i.diannao{ background-position:0 -54px;}
.easy-box i.ermai{ background-position:-27px -54px;}
.easy-box i.shangke{ background-position:-54px -54px;}

.easy-box a{ width:252px; height:49px; display:inline-block; background:url(../Images/easy-img.png) no-repeat; text-align:center; color:#fff; font-size:24px; font-weight:bold; line-height:44px;}
.easy-box a:hover{ color: yellow;}







