html,body{margin:0;padding:0;height:auto;}
/*nav*/

#banner{  position:relative;  color:#464141;  }
#banner>div.text{top:28%;left:13%}
#banner>div.text>h3{line-height:1.5em;}
#banner>div.text>p>span{display:inline-block;font-size:16px;margin-bottom:10px;}
.btn-success{background-color:#32B397;border-color:#32B397;}
.cover>a{display:inline-block;width:30px;height:30px;}
.previous{background:url("../img/background.png") -224px 0 no-repeat; }
.next{background:url("../img/background.png") -262px 0 no-repeat; }
.btn-lg{font-weight:bold;padding:10px 15%;background-color:#1F3145;border:1px solid #fff;margin-bottom:2em;}
.round>li a{display:inline-block;width:12px;height:12px;border-radius: 50%;background-color:#999896}
.round>li a.active{width:15px;height:15px;background-color:#32B397}
.act{position:relative;}
.methods{position:absolute;top:2em;left:3em;}


.member{margin-left:0}

/*ÈýÕÅͼƬ»¬¶¯*/
#slider {position:relative;}
.swiper-container { height: 340px; margin-bottom: 30px; }
.slide .kuang { background: #f0f0f0; position: relative; height: 270px; -webkit-transition: margin .6s,height .6s; transform-origin: center center; margin: 15px -60px 0; }
.swiper-slide-active .kuang { height: 300px; margin-top: 0; box-shadow: 0 8px 14px rgba(142,211,222,0.3); }
.bg-wrap{ width: 100%; height: 100%; opacity: 0; z-index: 1; -webkit-transition: opacity .6s; }
.bg-wrap.cg1{background:url('../img/learning1-1-h.jpg') no-repeat;background-size:cover;}
.bg-wrap.cg2{background:url('../img/learning1-2-h.jpg') no-repeat;background-size:cover;}
.bg-wrap.cg3{background:url('../img/learning1-3-h.jpg') no-repeat;background-size:cover;}
.swiper-slide-active .bg-wrap { opacity: 1;  }

.swiper-slide .text-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; display: block; }
.swiper-slide-active .text-wrap { display: block; }
.swiper-slide .img-wrap { text-align: center; height: 50%; padding-top: 12%; -webkit-transition: .6s; }
.swiper-slide .img-wrap img { width: 40%; }
.swiper-slide-active .img-wrap { padding-top: 10%; }
.swiper-slide-active .img-wrap img { width: 50%; }
.swiper-slide p{font-size:12px;color:#666;line-height:1.5;padding:0 10%;position: relative; }
.swiper-slide-active p{color:#fff; font-size: 14px;}
	/*/!* Çл»µã *!/*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	position: absolute;
	text-align: center;
	z-index: 9;
	bottom:0;
}
#slider>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	background: #989898;
}
#slider>.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #32B397;
}


#btm{
	margin:5px 15px 10px 15px;
}
/* #btm > div{
	background-image:url(img/Lback.png);
} */
#bloo{
	position: relative;
	margin:20px 15px;
	text-align: center;
	padding-left:16%;
	background-size: contain;
}
#bloo:before, #bloo:after { display: block; content: ''; height: 100%; position: absolute; top: 0; }
#bloo:before {  width: 10%; background:url('../img/cefr-ico.png') no-repeat center center; background-size: contain;  left: 0; }
#bloo:after { width: 4%; background:url('../img/cefr-ico2.png') no-repeat center center; background-size: auto 100%; left: 12%; }
#bloo p{text-align:left;color:#7c7d7e;font-size:12px;}
#btm span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    font-size: 20px;
    line-height: 75px;
    margin-right: 5px;
}
#btm p {
    margin-left: 20px;
    display: inline-block;
    width: 80%;
    color: #333;
    font-size:12px;
   
}
#btm > div > div {
    width: 100%;
    height: 75px;
    margin-bottom: 4px;
    vertical-align: -webkit-baseline-middle;
}
#ootp{
	/* height: 400px;
    background-image: url(img/greenback.png); */
}
#ootp > div{
}
#ootp p {	
	margin-right:80px;
}
#ootp .scroll-wrap img { max-width: 100%;  }
#img1 { margin-bottom: 20px; }



#Main {
	width: 70%;
	height: 20px;
	margin: 0 auto;
	margin-top: 45px;
}
#scrollBar {
	width: 100%;
	height: 10px;
	background-color: #ccc;
	margin: 0 auto;
	margin-top: 30px;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	cursor: pointer;
}
#scroll_Track {
	width: 0px;
	height: 10px;
	background-color: #00EE76;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
#scroll_Thumb {
	height: 25px;
	width: 25px;
	background-color: #00EEEE;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	position: absolute;
	margin-top: -18px;
	cursor: pointer;
}
#scroll_Thumb:hover {
	background-color: #00EEEE;
	border: 1px solid #fff;
}
#progressBar {
	width: 80%;
	/* height: 10px; */
	background-color: #ccc;
	margin: 0 auto;
	/* margin-top: 50px; */
	-webkit-border-radius: 2em;
	/* -moz-border-radius: 2em;
	border-radius: 2em; */
}
#progressBar_Track {
	width: 200px;
	height: 10px;
	background-color: #ff4400;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
#beian {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 50px
}
#beian a {
	color: gray;
	font: 13px "΢ÈíÑźÚ", Arial, Helvetica, sans-serif;
}

.choose{position:relative;display:flex;}
#wail{ margin-top: 20px; background:#fff;display:flex;}
#wail>li{text-align: center;position: relative}
#wail>li a{text-decoration:none;color:#000;padding:0 1em;margin:1em 0;height:3em;border-right:1px solid #ddd;}
ul.nav-tabs{padding-top:0}
.nav-tabs > li.active{background:#32B397;color:#fff;margin:-0.2em 0;padding:0 0.2em}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
#wail>.nav-tabs > li.active > a:focus{background:#32B397;color:#fff;border:none;}
#wail>li.active>a{color:#fff;border:none;background:#32B397;}
#wail>li>b{display:block;border-bottom:1px solid #32B397;width:30%;border-width:2px;position:absolute;bottom:0;left:1.8em;}
.git1{position: fixed;bottom:116px;right:-12%;z-index:99999999999999999999999;}

/*scroll*/
.scroll { width: 100%; overflow: hidden; }
.scroll-container { width: 100%;  overflow-x: scroll; -webkit-overflow-scrolling: touch;   }
.scroll-wrap { width:900px; padding: 0 4%; }
.bar-container { position: relative; height: 10px; width: 92%; margin: 30px auto; }
.bar { position: relative; height: 10px; border-radius: 10px; overflow: hidden; z-index: 2;
    background: linear-gradient(left,#2ddd9d,#38cebf);
    background: -webkit-linear-gradient(left,#2ddd9d,#38cebf);  }
.bar-path { position: absolute; width: 100%; height: 10px; background: #dadada; transform: translateX(0); box-shadow: inset 0 0 10px rgba(0,0,0,.1); }
.bar-controller { position: absolute; width: 70px; height: 70px; top: -30px; left: -25px; transform: translateX(0); z-index: 2; }
.bar-adorn { content: ''; position: absolute; height: 34px; width: 34px; background: #fff; border-radius: 50%; border: 9px solid #36cfbd; box-shadow: 0 2px 21px rgba(21,150,135,.5); top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; }


@media (max-width:414px){
}
@media (max-width:375px){
	#wail>li>b{left:1.6em}

}
@media (max-width:320px){
	.navbar-brand{margin-left:0}
	.member{margin-left:-1em;margin-top:2em}
	.member>h4{left:4em;}
	.movie-pic>li{font-size:12px;text-align:left;}
	#wail>li a{font-size:12px;}
	#wail>li>b{left:1.2em}
	
	.swiper-slide .img-wrap { height: 45%; }
	.swiper-slide p { padding: 0 5%; }
}


/*进阶体系*/
.advanced-list { padding: 0 15px; }
.advanced-list li { font-size: 12px; padding: .5em .6em .5em 0; margin-bottom: .2em; position: relative; }
.advanced-list li:after { display: block; content: ''; clear: both; }
.advanced-list li span { display: inline-block; width: 40px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; font-size: 1.3em; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.advanced-list li p { color: #282925; font-size: 1.1em; line-height: 1.5; margin-left: 45px; }
.advanced-list .lv1 {
       background: #99d237;
       background: linear-gradient(left,#9cd333,#94d33d);
       background: -webkit-linear-gradient(left,#9cd333,#94d33d);
       background: -moz-linear-gradient(left,#9cd333,#94d33d);
       background: -o-linear-gradient(left,#9cd333,#94d33d);
       background: -ms-linear-gradient(left,#9cd333,#94d33d);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd333', endColorstr='#94d33d',GradientType=1 );
}
.advanced-list .lv2 {
       background: #8cd244;
       background: linear-gradient(left,#93d33e,#86d34c);
       background: -webkit-linear-gradient(left,#93d33e,#86d34c);
       background: -moz-linear-gradient(left,#93d33e,#86d34c);
       background: -o-linear-gradient(left,#93d33e,#86d34c);
       background: -ms-linear-gradient(left,#93d33e,#86d34c);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d33e', endColorstr='#86d34c',GradientType=1 );
}
.advanced-list .lv3 {
       background: #7dd356;
       background: linear-gradient(left,#91d660,#76d35f);
       background: -webkit-linear-gradient(left,#91d660,#76d35f);
       background: -moz-linear-gradient(left,#91d660,#76d35f);
       background: -o-linear-gradient(left,#91d660,#76d35f);
       background: -ms-linear-gradient(left,#91d660,#76d35f);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d660', endColorstr='#76d35f',GradientType=1 );
}
.advanced-list .lv4 {
       background: #6cd369;
       background: linear-gradient(left,#74d360,#63d372);
       background: -webkit-linear-gradient(left,#74d360,#63d372);
       background: -moz-linear-gradient(left,#74d360,#63d372);
       background: -o-linear-gradient(left,#74d360,#63d372);
       background: -ms-linear-gradient(left,#74d360,#63d372);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74d360', endColorstr='#63d372',GradientType=1 );
}
.advanced-list .lv5 {
       background: #5ad37d;
       background: linear-gradient(left,#62d374,#51d386);
       background: -webkit-linear-gradient(left,#62d374,#51d386);
       background: -moz-linear-gradient(left,#62d374,#51d386);
       background: -o-linear-gradient(left,#62d374,#51d386);
       background: -ms-linear-gradient(left,#62d374,#51d386);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62d374', endColorstr='#51d386',GradientType=1 );
}
.advanced-list .lv6 {
       background: #47d290;
       background: linear-gradient(left,#4fd288,#40d198);
       background: -webkit-linear-gradient(left,#4fd288,#40d198);
       background: -moz-linear-gradient(left,#4fd288,#40d198);
       background: -o-linear-gradient(left,#4fd288,#40d198);
       background: -ms-linear-gradient(left,#4fd288,#40d198);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fd288', endColorstr='#40d198',GradientType=1 );
}
.advanced-list .lv7 {
       background: #37d1a1;
       background: linear-gradient(left,#3ed19b,#30d0a9);
       background: -webkit-linear-gradient(left,#3ed19b,#30d0a9);
       background: -moz-linear-gradient(left,#3ed19b,#30d0a9);
       background: -o-linear-gradient(left,#3ed19b,#30d0a9);
       background: -ms-linear-gradient(left,#3ed19b,#30d0a9);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ed19b', endColorstr='#30d0a9',GradientType=1 );
}
.advanced-list .lv8 {
       background: #2aceb0;
       background: linear-gradient(left,#30cfaa,#25cdb4);
       background: -webkit-linear-gradient(left,#30cfaa,#25cdb4);
       background: -moz-linear-gradient(left,#30cfaa,#25cdb4);
       background: -o-linear-gradient(left,#30cfaa,#25cdb4);
       background: -ms-linear-gradient(left,#30cfaa,#25cdb4);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30cfaa', endColorstr='#25cdb4',GradientType=1 );
}
.advanced-list .lv9 {
       background: #21cbb6;
       background: linear-gradient(left,#24ccb5,#1ec8b7);
       background: -webkit-linear-gradient(left,#24ccb5,#1ec8b7);
       background: -moz-linear-gradient(left,#24ccb5,#1ec8b7);
       background: -o-linear-gradient(left,#24ccb5,#1ec8b7);
       background: -ms-linear-gradient(left,#24ccb5,#1ec8b7);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ccb5', endColorstr='#1ec8b7',GradientType=1 );
}
.advanced-list .lv10 {
       background: #1bc5b6;
       background: linear-gradient(left,#29c9b9,#19c1b6);
       background: -webkit-linear-gradient(left,#29c9b9,#19c1b6);
       background: -moz-linear-gradient(left,#29c9b9,#19c1b6);
       background: -o-linear-gradient(left,#29c9b9,#19c1b6);
       background: -ms-linear-gradient(left,#29c9b9,#19c1b6);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29c9b9', endColorstr='#19c1b6',GradientType=1 );
}
.advanced-list .lv11 {
       background: #1abdb6;
       background: linear-gradient(left,#19c1b6,#1ab9b6);
       background: -webkit-linear-gradient(left,#19c1b6,#1ab9b6);
       background: -moz-linear-gradient(left,#19c1b6,#1ab9b6);
       background: -o-linear-gradient(left,#19c1b6,#1ab9b6);
       background: -ms-linear-gradient(left,#19c1b6,#1ab9b6);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19c1b6', endColorstr='#1ab9b6',GradientType=1 );
}
.advanced-list .lv12 {
       background: #19b5b6;
       background: linear-gradient(left,#19b8b6,#19b1b7);
       background: -webkit-linear-gradient(left,#19b8b6,#19b1b7);
       background: -moz-linear-gradient(left,#19b8b6,#19b1b7);
       background: -o-linear-gradient(left,#19b8b6,#19b1b7);
       background: -ms-linear-gradient(left,#19b8b6,#19b1b7);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b8b6', endColorstr='#19b1b7',GradientType=1 );
}
.advanced-list .lv13 {
       background: #19acb6;
       background: linear-gradient(left,#1ab0b6,#1aa8b7);
       background: -webkit-linear-gradient(left,#1ab0b6,#1aa8b7);
       background: -moz-linear-gradient(left,#1ab0b6,#1aa8b7);
       background: -o-linear-gradient(left,#1ab0b6,#1aa8b7);
       background: -ms-linear-gradient(left,#1ab0b6,#1aa8b7);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab0b6', endColorstr='#1aa8b7',GradientType=1 );
}
.advanced-list .lv14 {
       background: #1aa3b5;
       background: linear-gradient(left,#19a7b6,#1aa0b3);
       background: -webkit-linear-gradient(left,#19a7b6,#1aa0b3);
       background: -moz-linear-gradient(left,#19a7b6,#1aa0b3);
       background: -o-linear-gradient(left,#19a7b6,#1aa0b3);
       background: -ms-linear-gradient(left,#19a7b6,#1aa0b3);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a7b6', endColorstr='#1aa0b3',GradientType=1 );
}
.advanced-list .lv15 {
       background: #1a9cb2;
       background: linear-gradient(left,#1a9fb3,#1999b1);
       background: -webkit-linear-gradient(left,#1a9fb3,#1999b1);
       background: -moz-linear-gradient(left,#1a9fb3,#1999b1);
       background: -o-linear-gradient(left,#1a9fb3,#1999b1);
       background: -ms-linear-gradient(left,#1a9fb3,#1999b1);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9fb3', endColorstr='#1999b1',GradientType=1 );
}
.advanced-list .lv16 {
       background: #1a96b0;
       background: linear-gradient(left,#1998b1,#1994af);
       background: -webkit-linear-gradient(left,#1998b1,#1994af);
       background: -moz-linear-gradient(left,#1998b1,#1994af);
       background: -o-linear-gradient(left,#1998b1,#1994af);
       background: -ms-linear-gradient(left,#1998b1,#1994af);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1998b1', endColorstr='#1994af',GradientType=1 );
}