*{
	padding:0;
	margin:0;
	border: 0;
}	
img{
	padding:0;
	margin:0;
	border:none;
}

body,a{
	margin:0;
	padding:0;
	font-family:"Microsoft YaHei",arial,simsun;
	font-size:12px;
	font-size: 1.2rem;
	color:#000;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
ul,li,ol{
	list-style:none;
	padding:0;
	margin:0;
}	
input{
	padding:0; 
	margin:0;
	outline:none;
 	font-family:"Microsoft YaHei",arial;
}
.txtblack14w{
	font-size: 14px;
	color: #000;
}
.txtorange18w{
	font-size: 18px;
	color: #fea100;
}
.txtgreen20w{
	font-size: 20px;
	color: #3f3f3f;
}
.txtgreen18w{
	font-size: 18px;
	color: #41413f;
}
.txtgreen16w{
	font-size: 16px;
	color: #41413f;
}
.txtgreen14w{
	font-size: 14px;
	color: #9e9e9e;
}
.txtgreen12w{
	font-size: 12px;
	color: #41413f;
}
.txtorange12w{
	font-size: 12px;
	color: #fea100;
}
.txtwhite26w{
	font-size: 26px;
	color: #fff;
}
.txtwhite22wb{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}
.txtwhite20w{
	font-size: 20px;
	color: #fff;
}
.txtwhite18w{
	font-size: 18px;
	color: #fff;
}
.txtwhite17w{
	font-size: 17px;
	color: #fff;
}
.txtwhite16w{
	font-size: 16px;
	color: #fff;
}
.txtwhite14w{
	font-size: 14px;
	color: #fff;
}
.txtwhite12w{
	font-size: 12px;
	color: #fff;
}
.txtwhite12a{
	font-family: arial;
	font-size: 12px;
	color: #fff;
}
.txtwhite11w{
	font-size: 11px;
	color: #fff;
}



.linkblue20w{
	font-size: 20px;
	color: #00adff;
}
.linkgreen14w{
	font-size: 14px;
	color: #3f3f3f;
}
.linkgreen12w{
	font-size: 12px;
	color: #41413f;
}
.linkgreen12w:hover{
	color: #fea100;
}
.linkgreen12w2{
	font-size: 12px;
	color: #3f3f3f;
}
.linkwhite36w{
	font-size: 36px;
	color: #fff;
}
.linkwhite14w{
	font-size: 14px;
	color: #fff;
}
.linkwhite14w:hover{
	font-size: 14px;
	color: #fea100;
}

.linkblack14w, .linkblack14w:link, .linkblack14w:visited {
font-size: 14px;
color: #3f3f3f
}
.linkblack14w:hover {
color: #9e9e9e;
}


.txtorange{
	color: #fea100;
}
.txtgreen{
	color: #73c202;
}
.txtblue{
	color: #00adff;
}
.txtred{
	color: #ff2b7b;
}





.wrapper{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.wrapper .screenNav{
	width: 100%;
	height: 60px;
	position: fixed;
	left: 0px;
	top: 0px;
	background: url(../images/screenNav_bg.png) repeat-x;
	z-index: 990;
	display: none;
}
.wrapper .screenNav .screenNav1{
	width: 1180px;
	height: 53px;
	margin: 0 auto;
}
.wrapper .screenNav .logo{
	width: 135px;
	height: 53px;
	float: left;
}
.wrapper .screenNav .navList{
	width: 930px;
	height: 53px;
	float: left;
	margin-left: 5px;
}
.wrapper .screenNav .navList li{
	width: auto;
	height: 53px;
	line-height: 53px;
	float: left;
	margin-left: 21px;
}
.wrapper .screenNav .navList li a{
	width: auto;
	height: 50px;
	font-size: 16px;
	color: #411111;
	float: left;
	padding: 0 3px;
	text-align: center;
}
.wrapper .screenNav .navList li.now a,
.wrapper .screenNav .navList li a:hover{	
	color: #fea100;
	border-bottom: solid 3px #fea100;
}
.wrapper .screenNav .campus{
	width: 105px;
	height: auto;
	float: right;
	position: relative;
	z-index: 11;
}
.wrapper .screenNav .campus .campusBtn{
	width: 85px;
	height: 28px;
	padding-right: 20px;
	line-height: 28px;
	float: left;
	background: url(../images/campusBtn.gif) no-repeat 81px 6px #ffb800;
	border-radius: 14px;
	margin-top: 14px;
	text-align: center;
	cursor: pointer;
} 
.wrapper .screenNav .campus .campusBtn.down{
	background-image: url(../images/campusBtn2.gif);
	border-radius: 14px 14px 0 0;
}
.wrapper .screenNav .campus .campuslist{
	width: 100%;
	height: auto;
	float: left;
	border-radius: 0 0 14px 14px;
	padding: 5px 0;
	background: #ffb800;
	position: absolute;
	top: 42px;
	left: 0px;
	z-index: 11;
	overflow: hidden;
	display: none;
}
.wrapper .screenNav .campus .campuslist li{
	width: 100%;
	height: 28px;
	float: left;
}
.wrapper .screenNav .campus .campuslist li a{
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-top: 1px solid #e9a800;
	background: #ffb800;
}
.wrapper .screenNav .campus .campuslist li a:hover{
	background: #e9a800;
}
.wrapper .topNav{
	width: 100%;
	height: 33px;
	float: left;
	border-bottom: solid 1px #ededed;
	background: #f8f8f8;
}
.wrapper .topNav .topNav1{
	width: 1180px;
	height: 33px;
	margin: 0 auto;
} 
.wrapper .topNav .topNav1 .left{
	width: 500px;
	height: 33px;
	line-height: 34px;
	float: left;
	margin-left: 8px;
	position: relative;
	z-index: 10;
}
.wrapper .topNav .topNav1 .left a{
	padding: 0 12px;
	background: url(../images/topNav_line.gif) no-repeat 0px 4px;
}
.wrapper .topNav .topNav1 .right{
	width: 385px;
	height: 33px;
	float: right;
	margin-right: 7px;
}
.wrapper .topNav .topNav1 .right .topNavBox{
	width: auto;
	height: auto;
	background: url(../images/topNav_line.gif) no-repeat  0px 12px;
	float: left;
	position: relative;
	z-index: 10;
}
.wrapper .topNav .topNav1 .right .topNavBox .text{
	width: auto;
	height: 33px;
	line-height: 34px;
	float: left;
	background: no-repeat 10px 8px;
	padding: 0px 10px 0px 34px;
	cursor:pointer;
	border-left: #f8f8f8 solid 1px;
	border-right: #f8f8f8 solid 1px;
	margin-left: 1px;
}
.wrapper .topNav .topNav1 .right .topNavBox.cart{
	background: none;
}
.wrapper .topNav .topNav1 .right .topNavBox.cart .text{
	background-image: url(../images/topNavBox_cart.gif);
	padding-left: 34px;
}
.wrapper .topNav .topNav1 .right .topNavBox.phone .text{
	background-image: url(../images/topNavBox_phone.gif);
	padding-left: 25px;
}
.wrapper .topNav .topNav1 .right .topNavBox.weChat .text{
	background-image: url(../images/topNavBox_weChat.gif);
}

.wrapper .topNav .topNav1 .right .topNavBox.cart.bright .text{
	background-image: url(../images/topNavBox_cart2.gif);
	color: #fea100;
}
.wrapper .topNav .topNav1 .right .topNavBox.phone.bright .text{
	background-image: url(../images/topNavBox_phone2.gif);
	color: #fea100;
}
.wrapper .topNav .topNav1 .right .topNavBox.weChat.bright .text{
	background-image: url(../images/topNavBox_weChat2.gif);
	color: #fea100;
}
.wrapper .topNav .topNav1 .right .topNavBox.bright .text{
	border-left: #ededed solid 1px;
	border-right: #ededed solid 1px;
	background-color: #fff;
	height: 34px;
}
.wrapper .topNav .topNav1 .right .topNavBox .qrcode{
	width: 100px;
	height: 100px;
	border: #ededed solid 1px;
	border-top: none;
	position: absolute;
	z-index: 11;
	top: 34px;
	right: 0px;
	z-index: 2;
	padding: 5px;
	background: #fff;
	display: none;
}
.wrapper .topNav .topNav1 .right .topNavBox .qrcode img{
	width: 100%;
	height: auto;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox{
	width: 350px;
	height: auto;
	float: left;
	border: #ededed solid 1px;
	border-top: none;
	position: absolute;
	z-index: 99;
	top: 34px;
	left: 1px;
	z-index: 2;
	padding: 14px 13px 0px 13px;
	background: #fff;
	display: none;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #e8e8e8;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li{
	width: 100%;
	height: 40px;
	float: left;
	margin: 0;
	margin-bottom: 19px;
	padding: 0;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li:hover{
	background: #eee;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left{
	width: 245px;
	height: 40px;
	float: left;
	padding: 0;
	margin: 0;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left a{
	background: none;
	padding: 0;
	width: 100%;
	height: 100%;
	float: left;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .pic{
	width: 67px;
	height: 39px;
	float: left;
	background: #e3e3e3;
	text-align: center;
	position: relative;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .pic .play{
	width: 17px;
	height: 17px;
	background: url(../images/cartbox_play.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	z-index: 2;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .pic img{
	width: auto;
	height: 100%;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .text{
	width: 170px;
	height: 40px;
	float: right;
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .text .tit{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;    
	font-size: 14px;
	color: #41413f;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .left .text .txt{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;    
	font-size: 12px;
	color: #818180;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .right{
	width: 70px;
	height: 40px;
	float: right;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .right .price{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #ff6c00;
	float: left;
	text-align: right;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .right .delete{
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	float: left;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .right .delete a{
	font-size: 14px;
	color: #41413f;	
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .list li .right .delete a:hover{
	color: #fea900;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .bottom{
	width: 100%;
	height: 52px;
	float: left;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .bottom .txt{
	width: 220px;
	height: 52px;
	line-height: 52px;
	float: left;
	font-size: 12px;
	color: #818180;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .bottom .txt span{
	color: #ff6c00;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .bottom a{
	width: 105px;
	height: 28px;
	line-height: 28px;
	float: right;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #ff6c00;
	border-radius: 2px;
	margin-top: 13px;
	transition: background 0.5s;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
}
.wrapper .topNav .topNav1 .right .topNavBox .cartbox .bottom a:hover{
	background: #ffb800;
}
.wrapper .topNav .topNav1 .right .campus{
	width: 83px;
	height: auto;
	float: right;
	position: relative;
	z-index: 11;
}
.wrapper .topNav .topNav1 .right .campus .campusBtn{
	width: 65px;
	height: 23px;
	border-bottom: solid 1px #fff;
	padding-right: 18px;
	line-height: 23px;
	float: left;
	background: url(../images/campusBtn.gif) no-repeat #ffb800 63px 3px;
	border-radius: 12px;
	margin-top: 5px;
	text-align: center;
	cursor: pointer;
} 
.wrapper .topNav .topNav1 .right .campus .campusBtn.down{
	background-image: url(../images/campusBtn2.gif);
	border-radius: 12px 12px 0 0;
}
.wrapper .topNav .topNav1 .right .campus .campuslist{
	width: 100%;
	height: auto;
	float: left;
	border-radius: 0 0 12px 12px;
	padding: 5px 0;
	background: #ffb800;
	position: absolute;
	top: 28px;
	left: 0px;
	z-index: 11;
	overflow: hidden;
	display: none;
}
.wrapper .topNav .topNav1 .right .campus .campuslist li{
	width: 100%;
	height: 23px;
	float: left;
}
.wrapper .topNav .topNav1 .right .campus .campuslist li a{
	width: 100%;
	height: 23px;
	line-height: 23px;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border-top: 1px solid #e9a800;
	background: #ffb800;
}
.wrapper .topNav .topNav1 .right .campus .campuslist li a:hover{
	background: #e9a800;
}
.wrapper .banner{
	width: 100%;
	/*height: 723px;*/
	height: auto;
	position: relative;
	float: left;
	background: #999;
	z-index: 1;
}
.wrapper .banner img{
	width: 100%;
	height: auto;
}
.nav{
	width: 100%;
	height: 140px;
	position: absolute;
	top: 8px;
	left: 0px;
	z-index: 2;
}
.nav .navbox{
	width: 1180px;
	height: 148px;
	margin: 0 auto;
}
.nav .navbox .logo{
	width: 111px;
	height: 136px;
	float: left;
}
.nav .navbox .left{
	width: 534px;
	float: left;
	margin-top: 80px;
}
.nav .navbox .right{
	width: 530px;
	float: right;
	margin-top: 80px;
}
.nav .navbox .right ul{
	float: right;
}
.nav .navbox li{
	width: auto;
	height: 34px;
	float: left;
}
.nav .navbox li a{
	width: auto;
	height: 34px;
	line-height: 34px;
	float: left;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 0 15px;
	text-shadow: 1px 1px 1px #888;
}
.nav .navbox li.now a{
	background: url(../images/navbox_li_bg.png);
	border-radius: 18px;
}
.nav .navbox li a:hover{
	background: url(../images/navbox_li_bg.png);
	border-radius: 18px;
}
.wrapper .characteristic{
	width: 100%;
	height: 74px;
	float: left;
	margin-top: 33px;
}
.wrapper .characteristic .characteristic1{
	width: 1180px;
	height: 74px;
	margin: 0 auto;
}
.wrapper .characteristic .characteristicbox{
	width: 279px;
	height: 74px;
	float: left;
	background: url(../images/characteristicbox_line.gif) no-repeat 0px 7px;
	padding-left: 21px;
} 
.wrapper .characteristic .characteristicbox .pic{
	width: 74px;
	height: 74px;
	float: left;
}
@keyframes characteristicpic{
	to{transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
}
@-moz-keyframes characteristicpic{
	to{transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
}
@-webkit-keyframes characteristicpic{
	to{transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
}
@-o-keyframes characteristicpic{
	to{transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
}

@keyframes characteristicpic2{
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}
@-moz-keyframes characteristicpic{
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}
@-webkit-keyframes characteristicpic{
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}
@-o-keyframes characteristicpic{
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}
.wrapper .characteristic .characteristicbox .text{
	width: 200px;
	height: 74px;
	float: right;
	margin-top: 12px;
}
.wrapper .characteristic .characteristicbox .text .tit{
	width: 100%;
	height: 32px;
	line-height: 30px;
	font-size: 30px;
}
.wrapper .characteristic .characteristicbox .text .txt{
	width: 100%;
	height: auto;
	line-height: 16px;
	margin-top: 2px;
}
.wrapper .homeNews{
	width: 100%;
	height: 700px;
	float: left;
	background: url(../images/homeNews_bg.gif) repeat-x 0px 0px #e6fafe;
	margin-top: 36px;
}
.wrapper .homeNews .homeNews1{
	width: 1180px;
	height: 700px;
	margin: 0 auto;
}
.wrapper .columntitle{
	width: 100%;
	height: 72px;
	float: left;
}
.wrapper .columntitle .title{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.wrapper .columntitle .title a{
	font-size: 42px;
	color: #00adff;
}
.wrapper .columntitle .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	text-align: center;
	font-size: 20px;
	color: #194255;
	margin-top: 3px;
}
.wrapper .homeNews .columntitle{
	margin-top: 100px;
}
.wrapper .homeNews .homeNewsBox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 45px;
}
.wrapper .homeNews .homeNewsBox .newsList{
	width: 362px;
	height: auto;
	float: left;
}
.wrapper .homeNews .homeNewsBox .newsList.green{
	margin-left: 47px;
}
.wrapper .homeNews .homeNewsBox .newsList.blue{
	margin-left: 47px;
}
.wrapper .homeNews .homeNewsBox .newsList .pic{
	width: 100%;
	height: 202px;
	line-height: 202px;
	float: left;
	background: #e6e6e6;
	text-align: center;
	position: relative;
}
.wrapper .homeNews .homeNewsBox .newsList .pic a{
	width: 100%;
	height: 202px;
	float: left;
	overflow: hidden;
}
.wrapper .homeNews .homeNewsBox .newsList .pic img{
	width: 100%;
	height: auto;
}
.wrapper .homeNews .homeNewsBox .newsList .pic .text{
	width: 352px;
	height: 40px;
	line-height: 40px;
	background: url(../images/newsList_text.png) repeat-x;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .homeNews .homeNewsBox .newsList .pic.now .text{
	color: #fea100;
}
.wrapper .homeNews .homeNewsBox .newsList.green .pic.now .text{
	color: #73c202;
}
.wrapper .homeNews .homeNewsBox .newsList.blue .pic.now .text{
	color: #00adff;
}
.wrapper .homeNews .homeNewsBox .newsList .pic .typeico{
	width: 104px;
	height: 56px;
	background: url(../images/typeico_triangle1.gif) no-repeat 0px 39px;
	position: absolute;
	top: -32px;
	left: -18px;
	z-index: 9;
}
.wrapper .homeNews .homeNewsBox .newsList.green .pic .typeico{
	background-image: url(../images/typeico_triangle2.gif);
}
.wrapper .homeNews .homeNewsBox .newsList.blue .pic .typeico{
	background-image: url(../images/typeico_triangle3.gif);
}
.wrapper .homeNews .homeNewsBox .newsList .pic .typeico .txt{
	width: 100%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #fea100;
}
.wrapper .homeNews .homeNewsBox .newsList .pic .typeico .txt a{
	width: 100%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	float: left;
}
.wrapper .homeNews .homeNewsBox .newsList.green .pic .typeico .txt{
	background: #73c202;
}
.wrapper .homeNews .homeNewsBox .newsList.blue .pic .typeico .txt{
	background: #00adff;
}
.wrapper .homeNews .homeNewsBox .newsList .listBox{
	width: 100%;
	height: 210px;
	float: left;
	margin-top: 19px;
	overflow: hidden;
}
.wrapper .homeNews .homeNewsBox .newsList .listBox li{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-bottom: 16px;
}
.wrapper .homeNews .homeNewsBox .newsList .listBox li .text{
	width: 282px;
	height: 20px;
	line-height: 20px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .homeNews .homeNewsBox .newsList .listBox li .text a:hover{
	color: #fea100;
}
.wrapper .homeNews .homeNewsBox .newsList.green .listBox li .text a:hover{
	color: #73c202;
}
.wrapper .homeNews .homeNewsBox .newsList.blue .listBox li .text a:hover{
	color: #00adff;
}
.wrapper .homeNews .homeNewsBox .newsList .listBox li .date{
	width: 76px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #fea100;
	border-radius: 10px;
	float: right;
}
.wrapper .homeNews .homeNewsBox .newsList.green .listBox li .date{
	background: #73c202;
}
.wrapper .homeNews .homeNewsBox .newsList.blue .listBox li .date{
	background: #00adff;
}
.wrapper .homeCourse{
	width: 100%;
	height: 951px;
	float: left;
	background: url(../images/course_bg.jpg) no-repeat center top;
}
.wrapper .homeCourse .homeCourse1{
	width: 1180px;
	height: 951px;
	margin: 0 auto;
}
.wrapper .homeCourse .columntitle{
	margin-top: 62px;
}
.wrapper .homeCourse .columntitle a,
.wrapper .homeCourse .columntitle .tit{
	color: #fff;
}
.wrapper .homeCourse .recommend{
	width: 100%;
	height: 279px;
	float: left;
	margin-top: 35px;
}
.wrapper .homeCourse .recommend li{
	width: 273px;
	height: 274px;
	float: left;
	margin-left: 29px;
	border-bottom: solid 5px #fea100;
	position: relative;
}
.wrapper .homeCourse .recommend li.orange{
	margin: 0;
}
.wrapper .homeCourse .recommend li.green{
	border-bottom: solid 5px #73c202;
}
.wrapper .homeCourse .recommend li.blue{
	border-bottom: solid 5px #00adff;
}
.wrapper .homeCourse .recommend li.red{
	border-bottom: solid 5px #ff2b7b;
}
.wrapper .homeCourse .recommend li .top{
	width: 100%;
	height: 138px;
	float: left;
	text-align: center;
	background: #e3e3e3;	
	overflow: hidden;
}
.wrapper .homeCourse .recommend li .top img{
	height: auto;
	width: 100%;
}
.wrapper .homeCourse .recommend li .bottom{
	width: 243px;
	height: 136px;
	float: left;
	background: url(../images/recommend_bot.png);
	text-align: center;
	padding: 0 15px;
}
.wrapper .homeCourse .recommend li .bottom .text{
	width: 100%;
	line-height: 23px;
	margin-top: 50px;
	float: left;
}
.wrapper .homeCourse .recommend li .bottom .txt{
	width: 100%;
	line-height: 22px;
	margin-top: 8px;
	float: left;
}
.wrapper .homeCourse .recommend li .icon{
	width: 74px;
	height: 74px;
	text-align: center;
	background: url(../images/recommend_icon1.png) no-repeat;
	position: absolute;
	top: 101px;
	left: 97px;
	z-index: 9;
}
.wrapper .homeCourse .recommend li.green .icon{
	background-image: url(../images/recommend_icon2.png);
}
.wrapper .homeCourse .recommend li.blue .icon{
	background-image: url(../images/recommend_icon3.png);
}
.wrapper .homeCourse .recommend li.red .icon{
	background-image: url(../images/recommend_icon4.png);
}
.wrapper .homeCourse .recommend li .icon .txt{
	width: 40px;
	height: 40px;
	line-height: 18px;
	text-align: center;
	padding: 17px;
	display: none;
}
.wrapper .homeCourse .recommend li .icon .pic{
	width: 29px;
	height: 31px;
	float: left;
	background: url(../images/orange_icon_pic.png);
	margin: 22px 0 0 22px;
}
.wrapper .homeCourse .languages{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 50px;
}
.wrapper .homeCourse .languages .languageBox{
	width: 393px;
	height: 85px;
	float: left;
	margin-bottom: 50px;
}
.wrapper .homeCourse .languages .languageBox .flag{
	width: 137px;
	height: 83px;
	float: left;
	text-align: center;
	background: #e3e3e3;
	overflow: hidden;
}
.wrapper .homeCourse .languages .languageBox .flag:hover{
	box-shadow: 0px 0px 4px 2px #00adff;	
}
.wrapper .homeCourse .languages .languageBox .flag img{
	width: 100%;
	height: auto;
}
.wrapper .homeCourse .languages .languageBox .right{
	width: 240px;
	height: 85px;
	float: right;
}
.wrapper .homeCourse .languages .languageBox .right a:hover{
	color: #fea100;
}
.wrapper .homeCourse .languages .languageBox .right .tit{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	overflow: hidden;
}
.wrapper .homeCourse .languages .languageBox .right .list{
	width: 100%;
	height: 55px;
	float: left;
	margin-top: 5px;
}
.wrapper .homeCourse .languages .languageBox .right .list li{
	width: 70px;
	height: 23px;
	line-height: 23px;
	float: left;
	background: url(../images/languageBox_line.gif) no-repeat  0px 9px;
	padding-left: 9px;
	overflow: hidden;
}
.wrapper .homeTeacher{
	width: 100%;
	/*height: 493px;*/
	height: 570px;
	float: left;
}
.wrapper .homeTeacher .columntitle{
	margin-top: 40px;
}
.wrapper .homeTeacher .teacherBox{
	width: 100%;
	height: 280px;
	float: left;
	margin-top: 35px;
	overflow: hidden;
}
.wrapper .homeTeacher .teacherBox .list{
	width: 216px;
	height: 280px;
	float: left;
	margin-left: 25px;
}
.wrapper .homeTeacher .teacherBox .list a{
	width: 100%;
	height: 100%;
	float: left;
}
.wrapper .homeTeacher .teacherBox .list .phone{
	width: 192px;
	height: 192px;
	float: left;
	position: relative;
	margin-left: 12px;
	text-align: center;
	background: #e3e3e3;
}
.wrapper .homeTeacher .teacherBox .list .phone img{
	width: 100%;
	height: auto;
}
.wrapper .homeTeacher .teacherBox .list .phone .filter{
	width: 100%;
	height: 100%;
	background: url(../images/teacherBox_list_filter.png) no-repeat;
	position: absolute;	
	z-index: 9;
}
.wrapper .homeTeacher .teacherBox .list .phone .name{
	width: 156px;
	height: 30px;
	position: absolute;
	background: url(../images/teacherBox_list_name.png) no-repeat;
	bottom: 0px;
	left: 19px;
	z-index: 19;
	text-align: center;	
	padding-top: 15px;
	overflow: hidden;
	font-size: 18px;
}
.wrapper .homeTeacher .teacherBox .list.now .phone .name{
	background-image: url(../images/teacherBox_list_name2.png);
}
.wrapper .homeTeacher .teacherBox .list .position{
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin-top: 14px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .homeTeacher .teacherBox .list .text{
	width: 100%;
	height: 40px;
	line-height: 19px;
	float: left;
	margin-top: 12px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical; 
	text-align: center;
}

.wrapper .homeTeacher .teacherBoxbtn{
	width: 100%;
	height: 42px;
	float: left;
	margin-top: 50px;
}
.wrapper .homeTeacher .teacherBoxbtn a{
	width: 190px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #00adff;
	border-radius: 40px;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	color: #00adff;
	text-align: center;
}
.wrapper .homeTeacher .teacherBoxbtn a:hover{
	background: #00adff;
	color: #fff;
}


.wrapper .homeVideo{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .homeVideo .top{
	width: 100%;
	height: 788px;
	float: left;
	background: url(../images/homeVideo_top_bg.jpg) no-repeat center top;
	text-align: center;
}
.wrapper .homeVideo .top .columntitle{
	margin-top: 60px;
}
.wrapper .homeVideo .top .videoBox{
	margin: 0 auto;
	margin-top: 190px;
	width: 635px;
	height: 358px;
	overflow: hidden;
	position: relative;
}
.wrapper .homeVideo .top .videoBox .play{
	width: 88px;
	height: 88px;
	position: absolute;
	background: url(../images/videoBox_icon.png) no-repeat;
	top: 50%;
	left: 50%;
	margin-top: -44px;
	margin-left: -44px;
}
.wrapper .homeVideo .bottom{
	width: 100%;
	height: 633px;
	float: left;
}
.wrapper .homeVideo .bottom .videoList{
	width: 1180px;
	height: 590px;
	margin: 0 auto;
	margin-top: 24px;
	overflow: hidden;	
}
.wrapper .homeVideo .bottom .videoList li{
	width: 380px;
	height: auto;
	float: left;
	margin-left: 20px;
	margin-bottom: 18px;
}
.wrapper .homeVideo .bottom .videoList li .pic{
	width: 380px;
	height: 213px;
	float: left;
	position: relative;
	overflow: hidden;
	background: #e3e3e3;
	text-align: center;
}
.wrapper .homeVideo .bottom .videoList li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .homeVideo .bottom .videoList li .pic .play{
	width: 61px;
	height: 61px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	background: url(../images/video_play.png) no-repeat;
	z-index: 9;
}
.wrapper .homeVideo .bottom .videoList li .text{
	width: 380px;
	height: 27px;
	float: left;
	padding-top: 12px;
}
.wrapper .homeVideo .bottom .videoList li .text .txt{
	width: 310px;
	height: 27px;
	line-height: 27px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .homeVideo .bottom .videoList li .text .btn{
	width: 58px;
	height: 27px;
	line-height: 27px;
	background: url(../images/videoList_btn.gif) no-repeat 41px center #ffb800;
	float: right;
	border-radius: 2px;
	padding-left: 7px;
}
.wrapper .homeVideo .bottom .videoList li .price{
	width: 380px;
	height: 28px;
	line-height: 28px;
	float: left;
}
.wrapper .homeVideo .bottom .videoList li .price .discount{
	font-size: 18px;
	color: #9e9e9e;
	text-decoration: line-through;
	margin-left: 10px;
}

.wrapper .homeVideo .homeVideobtn{
	width: 100%;
	height: 42px;
	float: left;
	margin-bottom: 20px;
}
.wrapper .homeVideo .homeVideobtn a{
	width: 190px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #00adff;
	border-radius: 40px;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	color: #00adff;
	text-align: center;
}
.wrapper .homeVideo .homeVideobtn a:hover{
	background: #00adff;
	color: #fff;
}

.wrapper .homeAbout{
	width: 100%;
	height: 475px;
	float: left;
	background: url(../images/homeAbout_bg.gif) repeat-x;
}
.wrapper .homeAbout .homeAbout1{
	width: 1180px;
	height: 475px;
	margin: 0 auto;
	position: relative;
}
.wrapper .homeAbout .homeAbout1 .theBallList{
	width: 1180px;
	height: 475px;
	float: left;
	position: relative;
	z-index: 1;
}
.wrapper .homeAbout .homeAbout1 .theBallList li{
	position: absolute;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall1{
	width: 84px;
	height: 84px;
	background: url(../images/homeAbout_Ball1.png) no-repeat;
	bottom: 0px;
	left: -129px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall2{
	width: 129px;
	height: 129px;
	background: url(../images/homeAbout_Ball2.png) no-repeat;
	top: 7px;
	left: -180px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall3{
	width: 77px;
	height: 77px;
	background: url(../images/homeAbout_Ball3.png) no-repeat;
	top: 83px;
	left: -109px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall4{
	width: 103px;
	height: 103px;
	background: url(../images/homeAbout_Ball4.png) no-repeat;
	top: 61px;
	right: 435px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall5{
	width: 49px;
	height: 49px;
	background: url(../images/homeAbout_Ball5.png) no-repeat;
	bottom: 123px;
	right: 400px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall6{
	width: 64px;
	height: 64px;
	background: url(../images/homeAbout_Ball6.png) no-repeat;
	top: 44px;
	right: 27px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall7{
	width: 72px;
	height: 72px;
	background: url(../images/homeAbout_Ball7.png) no-repeat;
	top: 0px;
	right: -12px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall8{
	width: 48px;
	height: 48px;
	background: url(../images/homeAbout_Ball8.png) no-repeat;
	bottom: 104px;
	right: -78px;
}
.wrapper .homeAbout .homeAbout1 .theBallList li.theBall9{
	width: 265px;
	height: 238px;
	background: url(../images/homeAbout_Ball9.png) no-repeat;
	bottom: 25px;
	right: 7px;
}



.wrapper .homeAbout .left{
	width: 660px;
	height: auto;
	margin-top: 86px;
	position: absolute;
	z-index: 2;
}
.wrapper .homeAbout .left .title{
	width: 100%;
	height: 42px;
	float: left;
}
.wrapper .homeAbout .left .title .tit{
	width: auto;
	height: 42px;
	line-height: 42px;
	float: left;
}
.wrapper .homeAbout .left .title .text{
	width: auto;
	height: 42px;
	float: left;
	margin-top: 3px;
	margin-left: 8px;
}
.wrapper .homeAbout .left .title .text .top{
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 28px;
	color: #85e6ff;
	font-family: arial;
	float: left;
}
.wrapper .homeAbout .left .title .text .bot{
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #85e6ff;
	float: left;
}
.wrapper .homeAbout .left .text{
	width: 100%;
	height: 160px;
	line-height: 28px;
	float: left;
	margin-top: 20px;
	overflow:hidden;
}
.wrapper .homeAbout .left .major{
	width: 100%;
	height: 80px;
	float: left;
	margin-top: 28px;
}
.wrapper .homeAbout .left .major li{
	width: 80px;
	height: 80px;
	float: left;
	text-align: center;
	margin-right: 36px;
	position:relative;	
	z-index:0;
}
.wrapper .homeAbout .left .major li img{
	width: 80px;
	height: 80px;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;	
}
.wrapper .homeAbout .left .major li .text{
	width: 100%;
	float: left;
	height: 24px;
	line-height: 24px;
}
.wrapper .homeAbout .left .major li .txt{
	width: 100%;
	float: left;
	height: 12px;
	line-height: 12px;
}
.wrapper .homeAbout .right{
	width: 610px;
	height: 445px;	
	position: absolute;
	top: 7px;
	right: -66px;
	z-index: 1;
}
.wrapper .homeGuide{
	width: 100%;
	height: 435px;
	height: auto;
	float: left;
	margin-bottom: 35px;
}
.wrapper .homeGuide .homeGuide1{
	width: 1180px;
	height: auto;
	margin: 0 auto;
}
.wrapper .homeGuide .tab{
	width: 100%;
	height: 44px;
	float: left;
	margin-top: 28px;
	border-bottom: solid 1px #f0f0f0;
	text-align: center;
}
.wrapper .homeGuide .tab ul{
	width: auto;
	height: auto;
	display:inline-block;
    display:inline-table;
}
.wrapper .homeGuide .tab li{
	width: auto;
	height: 42px;
	float: left;
	padding: 0 30px;
	background: url(../images/homeGuide_tab_line.gif) no-repeat 0 13px;
	cursor: pointer;
}
.wrapper .homeGuide .tab li .txt{
	width: auto;
	height: 42px;
	line-height: 42px;
	text-align: center;
	float: left;
	font-size: 20px;
	color: #41413f;
}
.wrapper .homeGuide .tab li.now .txt{
	color: #00adff;
	border-bottom: solid 4px #00adff;
}
.wrapper .homeGuide .tabBox{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 26px;
}
.wrapper .homeGuide .tabBox .tabBoxlist{
	width: 100%;
	height: auto;
	float: left;
	display: none;
}
.wrapper .homeGuide .tabBox .tabBoxlist.show{
	display: block;
}
.wrapper .homeGuide .tabBox .tabBoxlist li{
	width: 350px;
	height: 69px;
	float: left;
	margin-left: 50px;
	margin-top: 35px;
	padding-right: 10px;
}
.wrapper .homeGuide .tabBox .tabBoxlist li.now{
	background: #eee;
}
.wrapper .homeGuide .tabBox .tabBoxlist li.now .text .txt{
	color: #00adff;
}
.wrapper .homeGuide .tabBox .tabBoxlist li .pic{
	width: 108px;
	height: 69px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.wrapper .homeGuide .tabBox .tabBoxlist li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .homeGuide .tabBox .tabBoxlist li .text{
	width: 230px;
	height: 69px;
	float: right;
}
.wrapper .homeGuide .tabBox .tabBoxlist li .text .txt{
	width: 100%;
	height: 50px;
	line-height: 24px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical; 
}
.wrapper .homeGuide .tabBox .tabBoxlist li .text .date{
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-family: arial;
	color: #00adff;
	margin-top: 2px;
	float: left;
	overflow: hidden;
}
.wrapper .friendlink{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .friendlink1{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	border-top: solid 3px #39c8ff;
	background: #fff;
}
.wrapper .friendlink .tab{
	width: 1178px;
	height: 39px;
	border: solid 1px #e0e0e0;
	background: #f2f2f2;
	border-bottom: solid 1px #e0e0e0;
	float: left;
	background: #f2f2f2;
	
}
.wrapper .friendlink .tab .title{
	width: 143px;
	height: 39px;
	line-height: 40px;
	text-align: center;
	border-bottom: solid 1px #e0e0e0;
	float: left;
	font-size: 20px;
	color: #39c8ff;
}
.wrapper .friendlink .tab li{
	width: auto;
	height: 39px;
	line-height: 40px;
	padding: 0 24px;
	float: left;
	cursor:pointer;
	font-size:16px;
	color:#606060;
	border-bottom: solid 1px #e0e0e0;
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
}
.wrapper .friendlink .tab li.now{
	height: 39px;
	border-bottom: solid 1px #fff;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	background: #fff;
	color: #39c8ff;
}
.wrapper .friendlink .tabBox{
	width: 1180px;
	height: auto;
	float: left;
	background: #fff;
}
.wrapper .friendlink .tabBox .tabbox1{
	width: 1178px;
	height: auto;
	border: solid 1px #e0e0e0;
	border-top: none;
	float: left;
	display: none;
	padding: 10px 0;
}
.wrapper .friendlink .tabBox .tabbox1.show{
	display: block;
}
.wrapper .friendlink .tabBox .tabbox1 li{
	width: 110px;
	/*height: 75px;*/
	height: auto;
	margin: 10px;
	float: left;
	text-align: center;
}
.wrapper .friendlink .tabBox .tabbox1 li .pic{
	width: 100%;
	height: 40px;
	float: left;
}
.wrapper .friendlink .tabBox .tabbox1 li .txt{
	width: 100%;
	height: 30px;
	line-height: 15px;
	float: left;
	margin-top: 3px;
}
.wrapper .friendlink .tabBox .tabbox1 li .txt a{
	font-size: 14px;
	color: #666;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical; 
}
.wrapper .friendlink .tabBox .tabbox1 li .txt a:hover{
	color: #39c8ff;
}
.wrapper .footer{
	width: 100%;
	height: 222px;
	float: left;
	margin-top: 54px;
	background: url(../images/footer_bg.png) no-repeat center top ;
}
.wrapper .footer .footer1{
	width: 1180px;
	height: auto;
	margin: 0 auto;
}
.wrapper .footer .left{
	width: 460px;
	height: auto;
	float: left;
	margin-top: 99px;
}
.wrapper .footer .left .logo{
	width: 100%;
	height: 50px;
	float: left;
	overflow: hidden;
}
.wrapper .footer .left .nav1{
	width: 100%;
	height: 18px;
	float: left;
	margin-top: 13px;
} 
.wrapper .footer .left .nav1 li{
	width: auto;
	height: 18px;
	line-height: 18px;
	float: left;
	padding: 0 10px;
	background: url(../images/footer_nav_list.gif) no-repeat 0 6px;
}
.wrapper .footer .right{
	max-width: 700px;
	width: auto;
	height: auto;
	float: right;
	margin-top: 73px;
}
.wrapper .footer .right .qrcode{
	width: 87px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 7px;
}
.wrapper .footer .right .qrcode .pic{
	width: 87px;
	height: 87px;
	float: left;
	border-bottom: solid 1px #e8e8e8;
}
.wrapper .footer .right .qrcode .txt{
	width: 100%;
	height: auto;
	line-height: 19px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #606060;
}
.wrapper .footer .right .text{
	width:auto;
	height: auto;
	line-height: 30px;
	float: left;
	margin-left: 8px;
}
.wrapper .footer .right .jb{
	width:auto;
	height: auto;
	float: left;
	margin-left: 8px;
	margin-top:32px
}
.wrapper .copyright{
	width: 100%;
	height: 41px;
	border-bottom: solid 1px #002333;
	background: #006899;
	float: left;
}
.wrapper .copyright .copyright1{
	width: 1180px;
	height: 42px;
	margin: 0 auto;
}
.wrapper .copyright .company{
	width: auto;
	height: 42px;
	line-height: 42px;
	float: left;
}
.wrapper .copyright .company a
{
	font-size:14px;
	color:#fff;
}
.wrapper .copyright .statistical{
	width: 300px;
	height: 42px;
	line-height: 42px;
	float: right;
	text-align: right;
	font-size:14px;
	color:#fff;
	margin-right: 20px;
}
.wrapper .copyright .helloin{
	width: 85px;
	height: 13px;
	float: right;
	margin-top: 14px;
}

/*========================default.html  end ========================*/

.wrapper .banner2{
	height: 526px;
	background: no-repeat top center;
}
.wrapper .banner .bannerPic{
	/*width: 730px;*/
	/*height: 435px;*/
	/*width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -365px;
	z-index: 2;*/
}


.wrapper .banner .bannerPic{
	width: 1000px;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -500px;
	z-index: 2;
}
.wrapper .banner .bannerPic img{
	width: auto;
	height: auto;
}















.wrapper .banner .title{
	width: 1080px;
	height: auto;
	margin: 230px auto 0 auto;
}
.wrapper .banner .title .tit{
	width: 100%;
	height: 64px;
	line-height: 64px;
	font-size: 55px;
	font-weight: bold;
	color: #fff;
	float: left;
	text-shadow: 0px 0px 10px #333;
}
.wrapper .banner .title .txt{
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 24px;
	font-family: arial;
	color: #fff;
	float: left;
	text-shadow: 0px 0px 10px #333;
}
.wrapper .banner .title .txt span{
	font-weight: bold;
}
.wrapper .banner .querybox{
	width: 588px;
	height: auto;
	position: absolute;
	z-index: 9;
	top: 479px;
	right: 50%;
}
.wrapper .banner .querybox .inputbox{
	width: 168px;
	height: auto;
	float: left;
	margin-right: 4px;
}
.wrapper .banner .querybox .inputbox .downinpu{
	width: 168px;
	height: 34px;
	float: left;
	background: url(../images/querybox_inputbox_Arrow.gif) no-repeat 146px 16px #fff;
	border-radius: 2px;
	cursor: pointer;
}
.wrapper .banner .querybox .inputbox .downinpu.now{
	background-image: url(../images/querybox_inputbox_Arrow2.gif);
}
.wrapper .banner .querybox .inputbox .downinpu .pic{
	width: 20px;
	height: 34px;
	float: left;
	padding-left: 7px;
}
.wrapper .banner .querybox .inputbox .downinpu .text{
	width: 110px;
	height: 34px;
	line-height: 34px;
	float: left;
	font-size: 14px;
	color: #645e55;
	margin-left: 6px;
}
.wrapper .banner .querybox .inputbox .downbox{
	width: 100%;
	height: auto;
	max-height: 315px;
	float: left;
	border-bottom: solid 1px #eee;
	border-radius: 0 0 2px 2px;
	overflow: auto;
	display: none;
}
.wrapper .banner .querybox .inputbox .downbox li{
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: #fff;
	text-align: center;
	font-size: 14px;
	color: #645e55;
	border-top: solid 1px #eee;
	cursor: pointer;
}
.wrapper .banner .querybox .inputbox .downbox li:hover{
	background: #eee;
}
.wrapper .banner .querybox .searchBtn{
	width: 63px;
	height: 34px;
	background: url(../images/searchBtn.png) no-repeat;
	float: left;
}
.wrapper .banner .querybox .searchBtn input{
	width: 100%;
	height: 100%;
	float: left;
	background: none;
	cursor: pointer;
}
.wrapper .banner .bottom{
	width: 100%;
	height: 61px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/banner_bottom_bg.png);
	z-index: 1;
}
.wrapper .banner .bottom .bottom1{
	width: 1180px;
	height: 61px;
	margin: 0 auto;
} 
.wrapper .banner .bottom .notice{
	width: 275px;
	height: 61px;
	float: right;
	overflow: visible;
}
.wrapper .banner .bottom .notice .notice_text{
	width: 250px;
	height: 22px;
	margin-top: 19px;
	padding: 0px;
	float: left;
	overflow:hidden;
}
.wrapper .banner .bottom .notice .notice_text li{
	width: 250px; 
	height: 22px;
	text-align: right;
}
.wrapper .banner .bottom .notice .notice_text li a{
	font-size: 14px;
	color: #fff;
}
.wrapper .banner .bottom .notice .notice_text li a:hover{
	color: #feb505;
}
.wrapper .banner .bottom .notice .icon{
	width: 22px;
	height: 22px;
	float: right;
	background: url(../images/notice_icon.png);
	margin-top: 22px;
}
.wrapper .main{
	width: 100%;
	height: auto;
	float: left;
	
}
.wrapper .main .mainbox{
	width: 1180px;
	height: auto;
	margin: 0 auto;
}
.wrapper .main .newsList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 33px;
	margin-bottom: 30px;
}
.wrapper .main .listMenu{
	width: 1180px;
	height: 58px;
	float: left;
	background: #f6f6f6;
}
.wrapper .main .listMenu li{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 3px #d2d2d2;
	width: 168.5px;
	height: 54px;
	float: left;
}
.wrapper .main .listMenu li:first-child{
	width: 169px;
}
.wrapper .main .listMenu li:first-child a{
	width: 167px;
}
.wrapper .main .listMenu li.now{
	border-top: solid 3px #00adff;
}
.wrapper .main .listMenu li a{
	width: 166.5px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	float: left;
	border-right: solid 1px #f6f6f6;
	border-left: solid 1px #f6f6f6;
	background: #f6f6f6;
	font-size: 18px;
	color: #3f3f3f;
}
.wrapper .main .listMenu li.now a{
	height: 54px;
	border-right: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #fff;
	background: #fff;
	color: #00adff;
}
.wrapper .main .listMenu li.now:first-child a{ 
	border-left: solid 1px #f6f6f6;
}
.wrapper .main .listMenu li.now:last-child a{
	border-right: solid 1px #fff;
}
.wrapper .main .listMenu li a:hover{
	color: #00adff;
}
.wrapper .main .newsList .centent{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
}
.wrapper .main .newsList .centent .listBox{
	width: 1088px;
	height: auto;
	float: left;
	margin: 30px 0 47px 42px;
}
.wrapper .main .newsList .centent .listBox li{
	width: 1042px;
	height: 124px;
	float: left;
	background: #fff;
	padding: 32px 23px 0 23px;
}
.wrapper .main .newsList .centent .listBox li.gray{
	background: #fafafa;	
}
.wrapper .main .newsList .centent .listBox li .date{
	width: 48px;
	height: 66px;
	padding: 20px 19px 0 19px;
	float: left;
	background: url(../images/newsList_date.png);
	text-align: center;
}
.wrapper .main .newsList .centent .listBox li.now .date{
	background: url(../images/newsList_date2.png);
}
.wrapper .main .newsList .centent .listBox li .date span{
	width: 100%;
	height: 22px;
	line-height: 22px;
	float: left;
}
.wrapper .main .newsList .centent .listBox li .date span.txtwhite17w{
	border-bottom: solid 1px #fff;
}
.wrapper .main .newsList .centent .listBox li .cent{
	width: 907px;
	height: auto;
	float: right;
	background: url(../images/newsList_line.gif) no-repeat 0px 2px;
	padding-left: 28px;
}
.wrapper .main .newsList .centent .listBox li .cent .text{
	width: 100%;
	height: 100px;
	float: left;
}
.wrapper .main .newsList .centent .listBox li .cent .text .tit{
	width: 100%;
	height: 32px;
	line-height: 32px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .main .newsList .centent .listBox li.now .cent .text .tit{
	color: #00adff;
}
.wrapper .main .newsList .centent .listBox li .cent .text .txt{
	width: 100%;
	height: 48px;
	line-height: 24px;
	float: left;
	font-size: 12px;
	color: #939292;
	margin-top: 5px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .newsList .centent .listBox li.pic .cent .text{
	width: 755px;
}
.wrapper .main .newsList .centent .listBox li.pic .cent .photo{
	width: 142px;
	height: 86px;
	float: right;
	background: #e3e3e3;
	text-align: center;
	overflow: hidden;
}
.wrapper .main .newsList .centent .listBox li.pic .cent .photo img{
	height: 100%;
	width: auto;
}
.wrapper .main .paging{
	width: 100%;
	height: 40px;
	float: right;
	/*margin-top: 26px;*/
	margin-bottom: 52px;
}
.wrapper .main .paging .pagingTxt{
	width: auto;
	height: 40px;
	line-height: 40px;
	float: right;
	font-size: 14px;
	color: #3f3f3f;
}
.wrapper .main .paging .pagingTxt span{
	color: #00adff;
}
.wrapper .main .paging .pagingBox{
	width: auto;
	height: 40px;
	float: right;
}
.wrapper .main .paging .pagingBox li{
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: solid 1px #00adff;
	border-radius: 3px;
	float: left;
	margin-left: 9px;
	overflow: hidden;
}
.wrapper .main .paging .pagingBox li a{
	width: 38px;
	height: 38px;
	float: left;
	background: #00adff;
	font-size: 18px;
	color: #fff;	
}
.wrapper .main .paging .pagingBox li a:hover,
.wrapper .main .paging .pagingBox li.now a{
	background: #fff;
	color: #00adff;
}
.wrapper .main .newsList .centent .problemList{
	width: 1088px;
	height: auto;
	float: left;
	margin: 30px 0px 63px 42px;
	display: inline;
}
.wrapper .main .newsList .centent .problemList li{
	width: 1022px;
	height: auto;
	float: left;
	padding: 31px 35px 28px 31px;
	background: #fff;
}
.wrapper .main .newsList .centent .problemList li.gray{
	background: #fafafa;
}
.wrapper .main .newsList .centent .problemList li .tit{
	width: 980px;
	height: auto;
	min-height: 33px;
	line-height: 28px;
	float: left;
	background: url(../images/problemList1.png) no-repeat top left;
	padding-left: 47px;
	font-size: 20px;
	color: #00adff;
	padding-top: 3px;
}
.wrapper .main .newsList .centent .problemList li .txt{
	width: 980px;
	height: auto;
	line-height: 28px;
	float: left;
	background: url(../images/problemList2.png) no-repeat top left;
	padding-left: 47px;
	font-size: 16px;
	color: #939292;
	margin-top: 9px;
	padding-top: 3px;
}
.wrapper .main .newsList .centent .detailed{
	width: 956px;
	height: auto;
	padding: 0 112px;
	float: left;
	margin-top: 60px;
}
.wrapper .main .newsList .centent .detailed .title{
	width: 840px;
	height: auto;
	float: left;
}
.wrapper .main .newsList .centent .detailed .title .text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 36px;
	color: #070707;
}
.wrapper .main .newsList .centent .detailed .title .txt{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #8e8c88;
	float: left;
	margin-top: 3px;
}
.wrapper .main .newsList .centent .detailed .pagebtn{
	width: 110px;
	height: 50px;
	float: right;
}
.wrapper .main .newsList .centent .detailed .pagebtn a{
	width: 49px;
	height: 49px;
	float: left;
	margin-left: 5px;
}
.wrapper .main .newsList .centent .detailed .pagebtn a.pagebtnl{
	background: url(../images/pagebtn1.gif) no-repeat;
}
.wrapper .main .newsList .centent .detailed .pagebtn a.pagebtnr{
	background: url(../images/pagebtn2.gif) no-repeat;
}
.wrapper .main .newsList .centent .detailed .pagebtn a.pagebtnl:hover{
	background: url(../images/pagebtn12.gif) no-repeat;
}
.wrapper .main .newsList .centent .detailed .pagebtn a.pagebtnr:hover{
	background: url(../images/pagebtn22.gif) no-repeat;
}
.wrapper .main .newsList .centent .detailed .cent{
	width: 100%;
	height: auto;
	line-height: 34px;
	float: left;
	border-top: solid 1px #e5e5e5;
	margin-top: 35px;
	font-size: 16px;
	color: #5b5b5b;
	padding: 35px 0;
}
.wrapper .main .newsList .centent .detailed .cent img{
	max-width: 100%;
	height: auto;
}

.wrapper .main .newsList .centent .detailed .collection{
	width: auto;
	height: 92px;
	float: left;
	text-align: center;
	margin-left: 430px;
}
.wrapper .main .newsList .centent .detailed .collection div{
	width: 92px;
	height: 42px;
	height: 92px;
	float: left;
	/*margin-right: 18px;*/
}
.wrapper .main .newsList .centent .detailed .collection div a{
	width: 92px;
	height: 42px;
	background: url(../images/detailed_collection1.gif) no-repeat;
	font-size: 14px;
	color: #fff;
	text-align: center;
	float: left;
	padding-top: 52px;
}
.wrapper .main .newsList .centent .detailed .collection div.now a{
	background: url(../images/detailed_collection2.gif) no-repeat;
}


.wrapper .main .newsList .centent .detailed .relevant .title{
	width: 100%;
	height: 32px;
	float: left;
	text-align:center;
	background: url(../images/gray_line.gif) repeat-x 0 center;
    margin-top: 20px;
}
.wrapper .main .newsList .centent .detailed .relevant .title .tit{
	width: auto;
	height: 32px;
	line-height: 30px;
	display:inline-block;
    display:inline-table;
    font-size: 30px;
    color: #000;
    background: #fff;
    padding: 0 5px;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 40px;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li{
	width: 100%;
	height: auto;
	float: left;
	padding: 30px 0;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .date{
	width: 68px;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .date .day{
	width: 100%;
	height: 49px;
	line-height: 49px;
	font-family: arial;
	font-size: 60px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .date .year{
	width: 90%;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 16px;
	color: #000;
	text-align: center;
	border-top: solid 2px #000;
	float: left;
	margin-left: 5%;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .text{
	width: 875px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .text .tit{
	width: 100%;
	height: 23px;
	line-height: 23px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .text .tit a{
	font-size: 20px;
	color: #000;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .text .tit a:hover{
	color: #613d8f;
}
.wrapper .main .newsList .centent .detailed .relevant .relevantList li .text .txt{
	width: 100%;
	height: 44px;
	line-height: 22px;
	font-size: 14px;
	color: #8d8d8d;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;
	margin-top: 8px;
	float: left;
}

/*========================news.html  end ========================*/

.wrapper .main .cooperation{
	width: 1179px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 33px;
	margin-bottom: 25px;
}
.wrapper .main .cooperation ul{
	float: left;
}
.wrapper .main .cooperation li{
	width: 322px;
	height: auto;
	border-right: solid 1px #f3f3f4;
	border-bottom: solid 1px #f3f3f4;
	float: left;
	padding: 30px 35px;
}
.wrapper .main .cooperation li .pic{
	width: 322px;
	height: 200px;
	text-align: center;
	float: left;
	background: #E6E6E6;
	overflow: hidden;
}
.wrapper .main .cooperation li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .cooperation li .title{
	width: 100%;
	height: auto;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 8px 0;
	float: left;
}
.wrapper .main .cooperation li .info{
	width: 100%;
	height: auto;
	line-height: 24px;
	float: left;
}
.wrapper .main .cooperation li .text{
	width: 100%;
	height: auto;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #7c7c7c;
	margin: 8px 0;
}
.wrapper .main .cooperation li .comment{
	width: 100%;
	height: auto;
	line-height: 22px;
	float: left;
	margin-top: 10px;
}

/*========================cooperation.html  end ========================*/

.wrapper .main .translate{
	width: 1042px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 33px;
	margin-bottom: 45px;
	border-top: 3px solid #00adff;
	padding: 0 69px;
}
.wrapper .main .translate .title{
	width: 100%;
	height: 36px;
	float: left;
	text-align: center;
	margin-top: 45px;
	background: url(../images/gray_line.gif) repeat-x 0 21px;
}
.wrapper .main .translate .title .tit{
	width: auto;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	display: inline-table;
	background: #fff;
	font-size: 36px;
	color: #00adff;
	padding: 0 5px;
}
.wrapper .main .translate .service{
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
	padding: 0;
	margin-top: 12px;
}
.wrapper .main .translate .service .text{
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	color: #00adff;
	display:inline-block;
    display:inline-table;
}
.wrapper .main .translate .service .text span{
	height: 22px;
	line-height: 22px;
	float: left;
}
.wrapper .main .translate .service .text img{
	float: left;
	margin: 0 12px;
}
.wrapper .main .translate .service .major{
	width: 100%;
	height: 122px;
	float: left;
	text-align: center;
	margin-top: 28px;
}
.wrapper .main .translate .service .major ul{
	display:inline-block;
    display:inline-table;
    clear: both;
}
.wrapper .main .translate .service .major li{
	width: 122px;
	height: 91px;
	float: left;
	margin: 0 13px;
	background: #eee;
	text-align: center;
	padding-top: 32px;
}
.wrapper .main .translate .service .major li .text{
	width: 100%;
	height: 36px;
	line-height: 36px;
	float: left;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}
.wrapper .main .translate .service .major li .txt{
	width: 100%;
	height: 18px;
	line-height: 18px;
	float: left;
	font-size: 17.8px;
	color: #fff;
	margin-top: 2px;
}
.wrapper .main .translate .cent{
	width: 100%;
	height: auto;
	line-height: 34px;
	font-size: 16px;
	color: #5b5b5b;
	float: left;
	margin-top: 25px;
	padding-bottom: 45px;
}
.wrapper .main .translate .languages{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .translate .languages .title{
	width: 100%;
	height: 26px;
	float: left;
	text-align: center;
	background: url(../images/gray_line.gif) repeat-x 0 14px;
}
.wrapper .main .translate .languages .title .tit{
	width: auto;
	height: 26px;
	line-height: 26px;
	display:inline-block;
    display:inline-table;
    font-size: 26px;
    color: #00adff;
    background: #fff;
    padding: 0 4px;
}
.wrapper .main .translate .languages .languagesList{
	width: 100%;
	height: auto;
	float: left;
	margin: 35px 0;
}
.wrapper .main .translate .languages .languagesList li{
	width: 144px;
	height: auto;
	height: 166px;
	float: left;
	margin-left: 35.6px;
}
.wrapper .main .translate .languages .languagesList li .pic{
	width: 144px;
	height: 87px;
	float: left;
	text-align: center;
	background: #e6e6e6;
}	
.wrapper .main .translate .languages .languagesList li.now .pic{
	box-shadow: 0px 0px 4px 2px #00adff;	
	overflow: hidden;
}
.wrapper .main .translate .languages .languagesList li .pic img{
	width: 100%;
	height: auto;
	
}
.wrapper .main .translate .languages .languagesList li .txt{
	width: 144px;
	height: auto;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color: #5b5b5b;
	float: left;
	padding-top: 9px;
}
.wrapper .main .translate .languages .languagesList li.now .txt{
	color: #feb505;
}
.wrapper .main .translate .languages .languagesList li .price{
	width: 144px;
	height: auto;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color: #00adff;
	float: left;
	padding-top: 3px;
}

/*========================translate.html  end ========================*/

.wrapper .main .overseas{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 33px;
	margin-bottom: 52px;
	background: #fff;
}
.wrapper .main .overseas .listMenu li{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 3px #d2d2d2;
	width: 196.6px;
	height: 54px;
	float: left;
}
/*.wrapper .main .overseas .listMenu li:first-child{
	width: 394px;
}
.wrapper .main .overseas .listMenu li:first-child a{
	width: 392px;
}*/
.wrapper .main .overseas .listMenu li.now{
	border-top: solid 3px #00adff;
}
.wrapper .main .overseas .listMenu li a{
	width: 194.6px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	float: left;
	border-right: solid 1px #f6f6f6;
	border-left: solid 1px #f6f6f6;
	background: #f6f6f6;
	font-size: 18px;
	color: #3f3f3f;
}
.wrapper .main .overseas .listMenu li.now a{
	height: 54px;
	border-right: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #fff;
	background: #fff;
	color: #00adff;
}
.wrapper .main .overseas .listMenu li.now:first-child a{ 
	border-left: solid 1px #f6f6f6;
}
.wrapper .main .overseas .listMenu li.now:last-child a{
	border-right: solid 1px #fff;
}
.wrapper .main .overseas .listMenu li a:hover{
	color: #00adff;
}
.wrapper .main .overseas .slideGroup{ 
	width:1112px; 
	padding: 0 34px;
	height: 76px;
	text-align:left;  
	float: left;
	margin-top: 46px;
	overflow: hidden;
	}
.wrapper .main .overseas .slideGroup .slideBox{ 
	width:1035px; 
	height: 80px;
	overflow:hidden; 
	float: left;
	margin-left: 25px;
	}
.wrapper .main .overseas .slideGroup .sPrev{ 
	width:14px; 
	height:76px; 
	float: left;  
	background:url(../images/icoLeft1.gif) 0px 12px no-repeat; 
	}
.wrapper .main .overseas .slideGroup .sNext{ 
	width:14px; 
	height:76px;
	float: right;
	background:url(../images/icoRight1.gif) 0px 12px no-repeat;  
	}
.wrapper .main .overseas .slideGroup .sPrev:hover{
	background-image:url(../images/icoLeft2.gif);
}
.wrapper .main .overseas .slideGroup .sNext:hover{ 
	background-image:url(../images/icoRight2.gif);  
	}
.wrapper .main .overseas .slideGroup .parBd ul{ 
	overflow:hidden;    
	}
.wrapper .main .overseas .slideGroup .parBd ul li{ 
	width: 83px;
	height: 76px;
	margin-right: 36px;
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;  
	}
.wrapper .main .overseas .slideGroup .parBd ul li .pic{ 
	width: 100%;
	height: 50px;
	text-align:center; 
	background: #e6e6e6;
	overflow: hidden;
	}
.wrapper .main .overseas .slideGroup .parBd ul li .pic img{ 
	width:100%; 
	height:auto; 
	}
.wrapper .main .overseas .slideGroup .parBd ul li .title{ 
	width: 100%;
	height: 23px;
	line-height:23px;   
	text-align: center;
	font-size: 14px;
	color: #3f3f3f;
	margin-top: 3px;
	}
.wrapper .main .overseas .slideGroup .parBd ul li:hover .title,.wrapper .main .overseas .slideGroup .parBd ul li.over .title{
	background: #00adff;
	color: #fff;
}
.wrapper .main .overseas .detailed{
	width: 1040px;
	height: auto;
	float: left;
	padding: 0 70px;
	margin-top: 30px;
}
.wrapper .main .overseas .detailed .title{
	width: 100%;
	height: 36px;
	float: left;
	background: url(../images/gray_line.gif) repeat-x 0px 20px;
	text-align: center;
}
.wrapper .main .overseas .detailed .title .tit{
	width: auto;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	display: inline-table;
	background: #fff;
	padding: 0 5px;
	font-size: 36px;
	color: #00adff;
}
.wrapper .main .overseas .detailed .cent{
	width: 100%;
	height: auto;
	line-height: 34px;
	float: left;
	font-size: 16px;
	color: #5b5b5b;
	margin-top: 28px;
	padding-bottom: 95px;
	background: #fff;
}
.wrapper .main .overseas .detailed .cent img{
	max-width: 100%;
}
.wrapper .main .classesbox{
	width: 1174px;
	height: auto;
	float: left;
	margin-top: 33px;
	padding: 3px;
	background: #fff;
	margin-bottom: 35px;
}
.wrapper .main .classesbox table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .classesbox th{
	background: url(../images/classesbox_table_th.gif) no-repeat 0px 16px #00adff;
	font-weight: 500;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #fff;
}
.wrapper .main .classesbox td{
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	font-family: "microsoft yahei";
	color: #7c7c7c;
	background: #fff;
	padding: 30px 0;
}
.wrapper .main .classesbox tr.gray td{
	background: #fafafa;
}
.wrapper .main .classesbox tr:hover td{
	background: #f1f1f1;
}
.wrapper .main .classesbox td.languages{
	width: 73px;
}
.wrapper .main .classesbox td.curriculum1{
	width: 122px;
	color: #3f3f3f;
	font-weight: bold;
}
.wrapper .main .classesbox td.classForm{
	width: 79px;
}
.wrapper .main .classesbox td.time{
	width: 182px;
}
.wrapper .main .classesbox td.discount{
	/*width: 175px;*/
	width: 143px;
	color: #fea700;
	padding: 20px 10px;
	text-align: left;
}
.wrapper .main .classesbox td.signUpObj{
	/*width: 207px;*/
	width: 163px;
	padding: 20px 10px;
	text-align: left;
}
.wrapper .main .classesbox td.profit{
	/*width: 216px;*/
	width: 172px;
	padding: 20px 10px;
	text-align: left;
}
.wrapper .main .classesbox td.signUp{
	width: 178px;
}
.wrapper .main .classesbox td.signUp a{
	width: 63px;
	height: 34px;
	line-height: 34px;
	/*display: block;*/
	float: left;
	background: url(../images/classesbox_signUp.gif) repeat-x;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-left: 5px;
	border-radius: 2px;
}
.wrapper .main .classesbox td.signUp a.collection{
	width: 90px;
	margin-left: 10px;
}
.wrapper .main .classesbox td.signUp a.yes:hover,
.wrapper .main .classesbox td.signUp a.yes{
	background: #999;
}
.wrapper .main .classesbox td.signUp a:hover{
	background: url(../images/classesbox_signUp2.gif) repeat-x;
}



.successboxEject{
	width: 479px;
	height: 457px;
	background: url(../images/signUpEject_bg.png) no-repeat;
	position: fixed;
	left: 50%;
	top: 200px;
	margin-left: -230px;
	z-index: 999;
	_position: absolute;
	_bottom: auto;
	_top:expression(eval(document.documentElement.scrollTop));
	_margin-top:200px;
	display: none;
}
*html .successboxEject{
    background-image:url(about:blank);
    background-attachment:fixed;
}
.successboxEject .title{
	width: 100%;
	height: 38px;
	margin-top: 80px;
	text-align: center;
}
.successboxEject .text{
	width: 300px;
	height: auto;
	float: left;
	font-size: 18px;
	color: #7b7b7b;
	line-height: 33px;
	margin-top: 38px;
	padding: 0 90px;
}
.successboxEject .text span{
	font-size: 24px;
	color: #ffb800;
	text-align: center;
	display: block;
}
.successboxEject .contactbtn{
	width: 267px;
	height: 33px;
	float: left;
	background: url(../images/tencent_btn.gif) no-repeat;
	margin-top: 42px;
	margin-left: 97px;
	line-height: 33px;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.successboxEject .closebtn{
	width: 89px;
	height: 25px;
	line-height: 25px;
	background: url(../images/signUpEject_closebtn.png) no-repeat 64px 0px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	bottom: 15px;
	right: 90px;
}

.signUpFilter{
	width: 100%;
	height: 100%;
	background: url(../images/signUpFilter_bg.png);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 998;
	display: none;
}
.signUpEject{
	width: 479px;
	height: 457px;
	background: url(../images/signUpEject_bg.png) no-repeat;
	position: fixed;
	left: 50%;
	top: 200px;
	margin-left: -230px;
	z-index: 999;
	_position: absolute;
	_bottom: auto;
	_top:expression(eval(document.documentElement.scrollTop));
	_margin-top:200px;
	display: none;
}
*html .signUpEject{
    background-image:url(about:blank);
    background-attachment:fixed;
}
.signUpEject .title{
	width: 302px;
	height: 25px;
	float: left;
	margin-left: 75px;
	margin-top: 45px;
}
.signUpEject .title .tit{
	width: 100px;
	height: 25px;
	float: left;
	margin-left: 5px;
}
.signUpEject .title .txt{
	width: 185px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	font-size: 14px;
	color: #7b7b7b;
	float: right;
}
.signUpEject .title .txt a{
	color: #01adff;
	font-size: 14px;
}
.signUpEject .inpulist{
	width: 302px;
	height: auto;
	float: left;
	margin-left: 75px;
	margin-top: 15px;
}
.signUpEject .inpulist .inpubox{
	width: 270px;
	height: auto;
	float: left;
	margin-bottom: 11px;
	background: #f1f1f1;
	border: solid 1px #e0e0e0;
	border-radius: 15px;
	padding: 5px 15px;
}
.signUpEject .inpulist .inpubox input{
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #7b7b7b;
	background: none;
}
.signUpEject .inpulist .inpubox textarea{
	width: 100%;
	height: 85px;
	line-height: 18px;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #7b7b7b;
	background: none;
	resize: none;
	outline:none;
}
.signUpEject .inpulist .downinpubox{
	width: 298px;
	min-height: 17px;
	float: left;
	margin-bottom: 11px;
	background: #f1f1f1;
	border: solid 1px #e0e0e0;
	border-radius: 15px;
	padding: 0px;
}
.signUpEject .inpulist .downinpubox .downinpubox1{
	width: 149px;	
	height: auto;
	float: left;
	position: relative;
	cursor: pointer;
}
.signUpEject .inpulist .downinpubox .downinpu{
	width: 119px;	
	height: 27px;
	line-height: 27px;
	float: left;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #7b7b7b;
	background: url(../images/Arrow22.png) no-repeat 130px center;
	text-align: center;
	overflow: hidden;
	padding: 0 20px 0 10px;
}
.signUpEject .inpulist .downinpubox .downinpu .downinpu1{
	border-radius: 15px 0 0 15px;	
}
.signUpEject .inpulist .downinpubox .downinpu .downinpu1{
	border-radius: 0 15px 15px 0;
}
.signUpEject .inpulist .downinpubox .downinpubox1.now .downinpu{
	background-color: #fff;
}
.signUpEject .inpulist .downinpubox .downinpubox1.now .downinpu1{
	width: 118px;
	border-radius: 15px 0 0 0px;	
	border-left: solid 1px #e0e0e0;
}
.signUpEject .inpulist .downinpubox .downinpubox1.now .downinpu2{
	border-radius: 0 15px 0 0;
	width: 118px;
	border-right: solid 1px #e0e0e0;
}
.signUpEject .inpulist .downinpubox .downlist{
	width: 147px;
	height: auto;
	max-height: 450px;
	overflow: auto;
	position: absolute;
	top: 27px;
	right: 0;
	background: #fff;
	border: solid 1px #e0e0e0;
	z-index: 9;
	display: none;
}
.signUpEject .inpulist .downinpubox .downlist li{
	width: 100%;
	height: 26px;
	line-height: 26px;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #7b7b7b;
	float: left;
	border-bottom: solid 1px #e0e0e0;
	text-align: center;
}
.signUpEject .inpulist .downinpubox .downlist li:hover{
	background: #f1f1f1;
}
.signUpEject .btnbox{
	width: 302px;
	height: 33px;
	float: left;
	margin-left: 75px;
}
.signUpEject .btnbox .submitbtn{
	width: 130px;
	height: 31px;
	margin-top: 2px;
	background: url(../images/signUpEject_submitbtn.gif) no-repeat;
	float: left;
	margin-left: 15px;
}
.signUpEject .btnbox .contactbtn{
	width: 130px;
	height: 33px;
	background: url(../images/signUpEject_contactbtn.gif) no-repeat;
	float: left;
	margin-left: 15px;
}
.signUpEject .btnbox input{
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	background: none;
}
.signUpEject .btnbox a{
	width: 100%;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 15px;
	float: left;
	color: #fff;
	cursor: pointer;
	background: none;
}
.signUpEject .closebtn{
	width: 89px;
	height: 25px;
	line-height: 25px;
	float: right;
	margin-top: 33px;
	margin-right: 87px;
	background: url(../images/signUpEject_closebtn.png) no-repeat 64px 0px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}
.wrapper .banner .contact{
	width: 189px;
	height: 34px;
	position: absolute;
	top: 219px;
	left: 50%;
	margin-left: 199px;
	z-index: 2;
}
.wrapper .main .contact{
	width: 1096px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 33px;
	margin-bottom: 38px;
	padding: 42px;
}
.wrapper .main .contact .map{
	width: 1094px;
	height: 405px;
	float: left;
	border: solid 1px #eaeaea;
	overflow: hidden;
}
.wrapper .main .contact .contactinfo{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 51px;
}
.wrapper .main .contact .contactinfo .left{
	width: 800px;
	height: auto;
	float: left;
	margin-left: 34px;
	display: inline;
}
.wrapper .main .contact .contactinfo .left .campusbox{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 34px;
}
.wrapper .main .contact .contactinfo .left .campusbox .campus{
	width: 164px;
	height: 15px;
	float: left;
	background: no-repeat 0 0;
	font-family: arial; 
	font-size: 14px;
	color: #c4c4c4;
	padding: 42px 0px 0px 66px;
	letter-spacing:2.3px;
}
.wrapper .main .contact .contactinfo .left .campusbox .address{
	width: 546px;
	height: auto;
	float: right;
	background: url(../images/campusbox_address.gif) no-repeat 0px 13px;
	padding-left: 13px;
	padding-top: 5px;
}
.wrapper .main .contact .contactinfo .left .campusbox .address .text{
	width: 100%;
	height: auto;
	float: left;
	line-height: 26px;
	float: left;
	font-size: 16px;
	color: #3f3f3f;
}
.wrapper .main .contact .contactinfo .left .campusbox .address .text span{
	font-weight: bold;
}
.wrapper .main .contact .contactinfo .weChat{
	width: 187px;
	height: auto;
	float: right;
	background: #fff;
	margin-top: 11px;
	margin-right: 44px;
	border: solid 1px #e2e2e2;
	padding: 11px;
}
.wrapper .main .contact .contactinfo .weChat .pic{
	width: 187px;
	height: 187px;
	float: left;
	text-align: center;
	background: #e6e6e6;
}
.wrapper .main .contact .contactinfo .weChat .pic img{
	width: auto;
	height: 100%;
}
.wrapper .main .contact .contactinfo .weChat .text{
	width: 100%;
	height: auto;
	line-height: 22px;
	float: left;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	color: #000;
}
.wrapper .main .curriculum{
	width: 100%;
	height: auto;
	float: left;
	margin: 33px 0;
	background: #ededed;
}
.wrapper .main .curriculum .curriculumList{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .curriculumList li{
	width: 273px;
	height: auto;
	height: 264px;
	float: left;
	border-bottom: solid 2px #fff;
	background: #fff;
	margin-left: 29px;
	margin-bottom: 33px;
}
.wrapper .main .curriculum .curriculumList li:hover{
	border-bottom: solid 2px #00adff;
}
.wrapper .main .curriculum .curriculumList li .pic{
	width: 100%;
	height: 165px;
	float: left;
	text-align: center;
	background: #e6e6e6;
	position: relative;
	left: 0;
	top: 0;
	z-index: 5;
	overflow: hidden;
}
.wrapper .main .curriculum .curriculumList li .pic img{
	width: 100%;
	height: auto;	
}
.wrapper .main .curriculum .curriculumList li .pic img:hover{
	box-shadow: 0px 0px 4px 2px #00adff;	
}
.wrapper .main .curriculum .curriculumList li .pic .text{
	width: 251px;
	height: 29px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/curriculumList_pic_text.png);
	padding: 0 11px;
	z-index: 6;
}
.wrapper .main .curriculum .curriculumList li .pic .text .txt{
	width: 190px;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
	color: #fff;
	float: left;
	text-align: left;
	overflow: hidden;
}
.wrapper .main .curriculum .curriculumList li .pic .text .see{
	width: 55px;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
	color: #fea700;
	float: right;
	text-align: right;
	overflow: hidden;
	text-decoration:underline;
}
.wrapper .main .curriculum .curriculumList li .bottom{
	width: 243px;
	height: auto;
	/*height: 99px;*/
	padding: 0 15px;
	float: left;
}
.wrapper .main .curriculum .curriculumList li .bottom .languages{
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.wrapper .main .curriculum .curriculumList li .bottom .languages a{
	font-size: 20px;
	color: #00adff;
}
.wrapper .main .curriculum .curriculumList li .bottom .languageslist{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .curriculumList li .bottom .languageslist li{
	width: 33.33%;
	height: 23px;
	line-height: 23px;
	float: left;
	border: none;
	margin: 0;
	background: url(../images/languageBox_line.gif) no-repeat  0px 9px;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}
.wrapper .main .curriculum .curriculumList li .bottom a:hover{
	color: #fea700;
}
.wrapper .main .curriculum .detailed{
	width: 1096px;
	height: auto;
	float: left;
	background: #fff;
	padding: 42px;
}
.wrapper .main .curriculum .detailed .introduce{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 46px;
}
.wrapper .main .curriculum .detailed .introduce .flag{
	width: 273px;
	height: 165px;
	float: left;
	background: #e6e6e6;
	text-align: center;
	margin-top: 8px;
	overflow: hidden;
}
.wrapper .main .curriculum .detailed .introduce .flag img{
	width: auto;
	height: 100%;
}
.wrapper .main .curriculum .detailed .introduce .text{
	width: 792px;
	height: auto;
	line-height: 30px;
	float: right;
	font-size: 14px;
	color: #7c7c7c;
}
.wrapper .main .curriculum .detailed .curriculumbox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .detailed .curriculumbox .title{
	width: 100%;
	height: 40px;
	float: left;
	background: #00adff;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li{
	width: auto;
	height: 40px;
	line-height: 40px;
	float: left;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li.name{
	width: 473px;
	padding-left: 25px;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li.object{
	width: 148px;
	padding-left: 22px;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li.profit{
	width: 159px;
	padding-left: 16px;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li.price{
	width: 103px;
	padding-left: 25px;
}
.wrapper .main .curriculum .detailed .curriculumbox .title li.signUp{
	width: 118px;
	text-align: center;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox.gray{
	background: #f6f6f6;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .title{
	width: 1073px;
	height: 18px;
	float: left;
	background: none;
	margin-top: 25px;
	padding-left: 23px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .title .tit{
	width: auto;
	height: 18px;
	line-height: 18px;
	float: left;
	font-size: 18px;
	color: #3f3f3f;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .title .box{
	width: auto;
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	background: #5bcaff;
	float: left;
	text-align: center;
	padding: 0 14px;
	margin-left: 3px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .title .box.orange{
	background: #fea700;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent div{
	height: auto;
	line-height: 22px;
	font-size: 12px;
	color: #7c7c7c;
	float: left;
	background: url(../images/curriculumboxlist_line.gif) no-repeat 0 14px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .name{
	width: 438px;
	padding: 10px 18px 23px 22px;
	background: none;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .object{
	width: 126px;
	padding: 10px 12px 23px 12px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .profit{
	width: 143px;
	padding: 10px 15px 23px 14px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .price{
	width: 89px;
	padding: 10px 10px 23px 10px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .price .txt{
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	color: #fea700;
	margin-bottom: 5px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp{
	width: 164px;
	padding: 10px 0px 0px 15px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp a{
	width: 63px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	float: left;
	border-radius: 2px;
	background: url(../images/classesbox_signUp.gif) repeat-x;
	font-size: 14px;
	color: #fff;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp a.collection{
	width: 80px;
	margin-left: 10px;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp a.yes:hover,
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp a.yes{
	background: #999;
}
.wrapper .main .curriculum .detailed .cent1{
	width: 100%;
	height: auto;
	line-height: 34px;
	float: left;
	font-size: 16px;
	color: #5b5b5b;
	padding: 0px 0 35px 0;
}
.wrapper .main .curriculum .detailed .curriculumbox .curriculumboxlist .listbox .cent .signUp a:hover{
	background: url(../images/classesbox_signUp2.gif) repeat-x;
}
.wrapper .main .listMenu.method{
	width: 1180px;
}
.wrapper .main .listMenu.method li{
	width: 147.5px;
}
.wrapper .main .listMenu.method li a{
	width: 145.5px;
}
.wrapper .main .download{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 33px;
	margin-bottom: 52px;
}
.wrapper .main .download .centent{
	width: 100%;
	height: auto;
	float: left;
} 
.wrapper .main .download .centent .listBox{
	width: 1096px;
	height: auto;
	float: left;
	padding: 36px 42px 45px 42px;
} 
.wrapper .main .download .centent .listBox li{
	width: 364px;
	height: 172px;
	float: left;
	border-left: solid 1px #f3f3f4;
}
.wrapper .main .download .centent .listBox li a{
	width: 270px;
	height: 134px;
	float: left;
	padding: 0px 54px 0px 40px;
}
.wrapper .main .download .centent .listBox li a:hover{
	background: url(../images/download_icon.gif) no-repeat 320px 57px #f6f6f6;
}
.wrapper .main .download .centent .listBox li .title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #595959;
	margin: 10px 0;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .download .centent .listBox li .text{
	width: 100%;
	height: 70px;
	line-height: 22px;
	font-size: 12px;
	color: #939292;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;                   
	-webkit-box-orient:vertical;   
}
.wrapper .main .download .detailed{
	width: 966px; 
	height: auto;
	float: left;
	padding: 0 107px;
}
.wrapper .main .download .detailed .top{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #e5e5e5;
	margin-top: 62px;
	padding-bottom: 35px;
}
.wrapper .main .download .detailed .top .title{
	width: 700px;
	height: auto;
	float: left;
}
.wrapper .main .download .detailed .top .title .tit{
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 36px;
	color: #070707;
	float: left;
}
.wrapper .main .download .detailed .top .title .txt{
	width: 100%;
	height: auto;
	line-height: 18px;
	font-size: 12px;
	color: #8e8c88;
	float: left;
	margin-top: 5px;
}
.wrapper .main .download .detailed .top .buttons{
	width: 250px;
	height: auto;
	float: right;
}
.wrapper .main .download .detailed .pagebtn{
	width: 110px;
	height: 50px;
	float: right;
}
.wrapper .main .download .detailed .pagebtn a{
	width: 49px;
	height: 49px;
	float: left;
	margin-left: 5px;
}
.wrapper .main .download .detailed .pagebtn a.pagebtnl{
	background: url(../images/pagebtn1.gif) no-repeat;
}
.wrapper .main .download .detailed .pagebtn a.pagebtnr{
	background: url(../images/pagebtn2.gif) no-repeat;
}
.wrapper .main .download .detailed .pagebtn a.pagebtnl:hover{
	background: url(../images/pagebtn12.gif) no-repeat;
}
.wrapper .main .download .detailed .pagebtn a.pagebtnr:hover{
	background: url(../images/pagebtn22.gif) no-repeat;
}
.wrapper .main .download .detailed .downloadbtn{
	width: 136px;
	height: 48px;
	float: right;
	background: url(../images/downloadbtn.gif) no-repeat;
}
.wrapper .main .download .detailed .downloadbtn input{
	width: 100%;
	height: 100%;
	background: none;
	cursor: pointer;
}
.wrapper .main .download .detailed .cent{
	width: 100%;
	height: auto;
	line-height: 34px;
	float: left;
	font-size: 16px;
	color: #5b5b5b;
	padding: 35px 0;
	border-bottom: solid 1px #e5e5e5;
}
.wrapper .main .download .detailed .bottom{
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 33px;
	margin-bottom: 71px;
}
.wrapper .main .download .detailed .bottom .downloadbtn{
	float: left;
}
.wrapper .main .download .detailed .bottom .txt{
	width: 500px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #00adff;
	float: left;
	margin-left: 12px;
}

/*========================curriculum.html  end ========================*/

.wrapper .banner3{
	height: 145px;
	background: no-repeat top center;
}
.wrapper .main .video{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	margin-bottom: 42px;
}
.wrapper .main .video .detailed{
	width: 1111px;
	height: auto;
	float: left;
	padding: 37px 32px 0px 37px;
}
.wrapper .main .video .detailed .topinfo{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .video .detailed .topinfo .pic{
	width: 477px;
	height: 274px;
	background: #e6e6e6;
	text-align: center;
	position: relative;
	overflow: hidden;
	float: left;
}
.wrapper .main .video .detailed .topinfo .pic img{
	width: auto;
	height: 100%;
}
.wrapper .main .video .detailed .topinfo .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/video_topinfo_pic_Filter.png) no-repeat 205px 104px;
	top: 0;
	left: 0;
	z-index: 9;
} 
.wrapper .main .video .detailed .topinfo .right{
	width: 587px;
	height: auto;
	float: right;
	margin-right: 9px;
}
.wrapper .main .video .detailed .topinfo .right .title{
	width: 100%;
	height: auto;
	line-height: 30px;
	float: left;
	font-size: 24px;
	color: #383737;
}
.wrapper .main .video .detailed .topinfo .right .price{
	width: 559px;
	height: 46px;
	line-height: 46px;
	float: left;
	background: #f7f7f7;
	margin-top: 20px;
	padding: 0 14px;
}
.wrapper .main .video .detailed .topinfo .right .price .txt{
	width: auto;
	height: 46px;
	line-height: 46px;
	float: left;
	font-size: 14px;
	color: #8d8d8d;
	margin-right: 22px;
}
.wrapper .main .video .detailed .topinfo .right .price .text{
	width: auto;
	height: 46px;
	line-height: 46px;
	font-size: 33px;
	font-weight: bold;
	color: #ff6c00;
	float: left;
}
.wrapper .main .video .detailed .topinfo .right .price .text span{
	font-size: 18px;
}
.wrapper .main .video .detailed .topinfo .right .infolist{
	width: 570px;
	height: auto;
	float: left;
	margin-left: 14px;
	margin-top: 24px;
}
.wrapper .main .video .detailed .topinfo .right .infolist li{
	width: 215px;
	height: auto;
	line-height: 16px;
	float: left;
	margin-bottom: 17px;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .tit{
	width: auto;
	height: auto;
	float: left;
	font-size: 14px;
	color: #8d8d8d;
	margin-right: 12px;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .txt{
	width: auto;
	height: auto;
	float: left;
	font-size: 14px;
	color: #383737;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .txt.delete{
	text-decoration:line-through;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .txt a{
	font-size: 14px;
	color: #00adff;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .icon{
	width: 15px;
	height: 15px;
	background: url(../images/topinfo_infolist_icon.gif) no-repeat;
	float: left;
	margin-left: 3px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .explain{
	width: 175px;
	height: auto;
	border: solid 1px #00adff;
	position: absolute;
	top: -8px;
	left: 23px;
	font-size: 12px;
	color: #a8a8a8;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	cursor: default;
	z-index: 10;
	display: none;
}
.wrapper .main .video .detailed .topinfo .right .infolist li .explain .arrow{
	width: 6px;
	height: 8px;
	background: url(../images/explain_Arrow.gif) no-repeat;
	position: absolute;
	top: 12px;
	left: -6px;
}
.wrapper .main .video .detailed .topinfo .right .purchase{
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 14px;
}
.wrapper .main .video .detailed .topinfo .right .purchase .btn{
	width: 175px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #00adff;
	float: left;
}
.wrapper .main .video .detailed .topinfo .right .purchase .collection{
	width: auto;
	height: 40px;
	line-height: 40px;
	float: left;
	background: url(../images/purchase_collection1.gif) no-repeat 0px 13px;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 14px;
	color: #a3a3a3;
	cursor: pointer;
}
.wrapper .main .video .detailed .topinfo .right .purchase .collection.yes{
	background: url(../images/purchase_collection2.gif) no-repeat 0px 13px;
}
.wrapper .main .video .detailed .topinfo .right .purchase .collection a{
	font-size: 14px;
	color: #a3a3a3;
}

.wrapper .main .video .detailed .videotab{
	width: 1109px;
	height: 42px;
	background: #f8f8f8;
	border: solid 1px #eeeeee;
	float: left;
	margin-top: 45px;
}
.wrapper .main .video .detailed .videotab.fixednav{
	position: fixed;
	top: 8px;
	left: 50%;
	margin-left: -553px;
}
.wrapper .main .video .detailed .slidetabs_occupy{
	width: 100%;
	height: 88px;
	float: left;
	display: none;
}
.wrapper .main .video .detailed .videotab ul{
	width: auto;
	height: 44px;
	float: left;
}
.wrapper .main .video .detailed .videotab li{
	width: 210px;
	height: 40px;
	line-height: 40px;
	margin-top: 3px;
	text-align: center;
	float: left;
	font-size: 16px;
	color: #383737;
	cursor: pointer;
	margin-left: -1px;
}
.wrapper .main .video .detailed .videotab li.audition{
	width: 177px;
	padding-right: 33px;
	background: url(../images/videoNav_audition.gif) no-repeat 116px 14px;
}
.wrapper .main .video .detailed .videotab li.audition.now{
	width: 175px;
	background-position: 115px 14px;
}
.wrapper .main .video .detailed .videotab li.now{
	width: 208px;
	height: 40px;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-top: 3px solid #00adff;
	background-color: #fff;
	color: #00adff;
	margin-top: 0;
}
.wrapper .main .video .detailed .videotab .purchase{
	width: 350px;
	height: 42px;
	float: right;
}
.wrapper .main .video .detailed .videotab .purchase .price{
	width: 200px;
	height: 42px;
	line-height: 42px;
	float: left;
	font-size: 26px;
	font-weight: bold;
	color: #ff6c00;
	text-align: right;
	margin-right: 12px;
}
.wrapper .main .video .detailed .videotab .purchase .price span{
	font-size: 16px;
}
.wrapper .main .video .detailed .videotab .purchase .btn{
	width: 138px;
	height: 42px;
	line-height: 42px;
	float: right;
	text-align: center;
	background: url(../images/videoNav_purchase_btn.gif) no-repeat 0px 17px #00adff;
}
.wrapper .main .video .detailed .videotabbox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .video .detailed .videotabbox .introduction{
	width: 1071px;
	height: auto;
	line-height: 25px;
	float: left;
	font-size: 16px;
	color: #383737;
	padding: 20px;
}
.wrapper .main .video .detailed .videotabbox .schedule{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 3px;
	display: none;
	padding-bottom: 30px;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist .title{
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-bottom: solid 3px #d2d2d2;
	margin-top: 20px;
	margin-bottom: 4px;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist .title .txt{
	width: auto;
	height: 48px;
	line-height: 48px;
	border-bottom: solid 3px #00adff;
	font-size: 22px;
	font-weight: bold;
	color: #00adff;
	float: left;
	padding-left: 34px;
	padding-right: 18px;
	background: url(../images/schedule_schedulelist_title.gif) no-repeat 4px 12px;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li{
	width: 1074px;
	height: 68px;
	line-height: 68px;
	float: left;
	padding-left: 37px;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li.gray{
	background: #fafafa;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li .text{
	width: 940px;
	height: 68px;
	float: left;
	font-size: 16px;
	color: #00adff;
	overflow: hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li .text a{
	color: #7c7c7c;
	font-size: 16px;
	margin-left: 9px;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li .text a:hover{
	color: #ffb800;
}
.wrapper .main .video .detailed .videotabbox .schedule .schedulelist li .audition{
	width: 64px;
	height: 27px;
	line-height: 27px;
	float: right;
	background: url(../images/schedulelist_li_audition.gif) no-repeat 73px 4px #ffb800;
	border-radius: 2px;
	font-size: 16px;
	color: #fff;
	padding-left: 6px;
	padding-right: 27px;
	margin-top: 20px;
	margin-right: 21px;
}
.wrapper .main .video .videolist{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .video .videolist #focus_Box{
	width: 100%;
	height: 324px;
	position:relative;
	}
.wrapper .main .video .videolist #focus_Box .prev,#focus_Box .next{
	display:block;
	z-index:100;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	width:56px;
	height:56px;
	top:137px;
	}
.wrapper .main .video .videolist #focus_Box .prev{
	background:url(../images/focus_Box_prev.png) left bottom no-repeat;
	left:-67px;
	}
.wrapper .main .video .videolist #focus_Box .next{
	background:url(../images/focus_Box_next.png) right bottom no-repeat;
	right:-67px
	} 
.wrapper .main .video .videolist #focus_Box .prev:hover{
	background-image:url(../images/focus_Box_prev2.png);
	}
.wrapper .main .video .videolist #focus_Box .next:hover{
	background-image:url(../images/focus_Box_next2.png);
	}	
.wrapper .main .video .videolist #focus_Box ul{
	width: 100%;
	/*height: 324px;*/
	height: auto;
	position:relative;
	}
.wrapper .main .video .videolist #focus_Box li{
	width:0px;
	height:0px;
	position:absolute; 
	top:146px;
	left:377px;
	z-index:0;
	overflow: hidden;
	}
.wrapper .main .video .videolist #focus_Box li a{
	width: 100%;
	height: 100%;
	background: url(../images/focus_Box_li_a.png) no-repeat center;
	position: absolute;	
	top: 0px;
	left: 0px;
	z-index: 9;
}
.wrapper .main .video .videolist #focus_Box li img{
	width:100%;
	height:auto;
	}
.wrapper .main .video .videolist #focus_Box li .text{
	width: 100%;
	height: 44px;
	line-height: 44px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 18px;
	background: red;
	padding-top: 20px;
	background: url(../images/focus_Box_text.png) repeat-x;
}
.wrapper .main .video .videolist #focus_Box li .text .tit{
	margin-left: 10px;
	color: #fff;
}
.wrapper .main .video .videolist #focus_Box li .text .price{
	margin-left: 15px;
	color: #ffb800;
}
.wrapper .main .video .videolist #focus_Box li .text .discount{
	margin-left: 10px;
	color: #9e9e9e;
	text-decoration:line-through;
}
.wrapper .main .video .videolist #focus_Box li .text .audition{
	width: 65px;
	height: 29px;
	line-height: 29px;
	float: right;
	margin-top: 8px;
	margin-right: 9px;
	background: url(../images/focus_Box_audition.gif) no-repeat 49px 6px #ffa800;
	border-radius: 2px;
	padding-left: 9px;
}
.wrapper .main .video .videolist .dropChoice{
	width: 100%;
	height: 48px;
	float: left;
	margin-top: 30px;
	text-align: center;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1{
	width: auto;
	height: 48px;
	display:inline-block;
    display:inline-table;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist{
	width: 207px;
	height: auto;
	float: left;
	background: #b4b4b4;
	margin: 0 3px;
	border-radius: 24px;
	cursor: pointer;
	position: relative; 
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .choicebtn{
	width: 167px;
	height: 48px;
	line-height: 48px;
	float: left;
	background: url(../images/choicelist_choicebtn_bg.gif) no-repeat 166px 10px #b4b4b4;
	border-radius: 24px;
	text-align: left;
	padding: 0 20px;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist.now .choicebtn{
	background-image: url(../images/choicelist_choicebtn_bg2.gif);
	background-color: #00adff;
	border-radius: 24px 24px 0 0;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist.now{
	background-color: #00adff;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox{
	width: 100%;
	height: auto;
	float: left;
	background: #00adff;
	border-radius: 0 0 24px 24px;
	padding-bottom: 10px;
	display: none;
	position: absolute;
	top: 48px;
	left: 0px;
	z-index: 99;
	max-height: 400px;
	overflow: auto;
	overflow-x:hidden;
	scrollbar-arrow-color: #009be5;
	scrollbar-face-color: #046c9e; 
	scrollbar-3dlight-color: #046c9e; 
	scrollbar-highlight-color: #046c9e; 
	scrollbar-shadow-color: #046c9e; 
	scrollbar-darkshadow-color: #046c9e;
	scrollbar-track-color: #009be5; 
	scrollbar-base-color:#009be5;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox::-webkit-scrollbar{ 
	background: #046c9e;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox::-webkit-scrollbar-thumb{
	background: #009be5;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox li{
	width: 167px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	padding: 0 20px;
	float: left;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox li a{
	width: 167px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	float: left;
	color:#fff;
	font-size:14px;
}
.wrapper .main .video .videolist .dropChoice .dropChoice1 .choicelist .listbox li:hover{
	background: #009be5;
}
.wrapper .main .video .videolist .videolistbox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 32px;
}
.wrapper .main .video .videolist .videolistbox li{
	width: 380px;
	height: auto;
	float: left;
	margin-bottom: 30px;
	margin-left: 20px;
}
.wrapper .main .video .videolist .videolistbox li .pic{
	width: 380px;
	height: 213px;
	float: left;
	background: #e6e6e6;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.wrapper .main .video .videolist .videolistbox li .pic img{
	width: auto;
	height: 100%;
}
.wrapper .main .video .videolist .videolistbox li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/video_play.png) no-repeat center;
	z-index: 9;
}
.wrapper .main .video .videolist .videolistbox li .text{
	width: 100%;
	height: 27px;
	padding-top: 12px;
	float: left;
}
.wrapper .main .video .videolist .videolistbox li .text .txt{
	width: 312px;
	height: 27px;
	line-height: 27px;
	font-size: 16px;
	color: #41413f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
	float: left;
}
.wrapper .main .video .videolist .videolistbox li .text .audition{
	width: 58px;
	height: 27px;
	line-height: 27px;
	border-radius: 2px;
	background: url(../images/schedulelist_li_audition.gif) no-repeat 40px 4px #ffb800;
	font-size: 14px;
	color: #fff;
	padding-left: 7px;
	float: right;
}
.wrapper .main .video .videolist .videolistbox li .price{
	width: 100%;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 16px;
	color: #fea100;
}
.wrapper .main .video .videolist .videolistbox li .price span{
	color: #9e9e9e;
	text-decoration:line-through;
	margin-left: 10px;
}
.wrapper .playbox{
	width: 100%;
	/*height: 807px;*/
	height: auto;
	float: left;
	background: #1e1e1e;
}
.wrapper .playbox .playbox1{
	width: 1180px;
	/*height: 760px;*/
	height: auto;
	margin: 0 auto;
}
.wrapper .playbox .topbox{
	width: 100%;
	height: 84px;
	float: left;
}
.wrapper .playbox .topbox .left{
	width: 600px;
	height: 84px;
	float: left;
}
.wrapper .playbox .topbox .left .logo{
	width: 156px;
	height: 55px;
	float: left;
	margin-top: 12px;
}
.wrapper .playbox .topbox .left .text{
	width: 400px;
	height: 37px;
	line-height: 37px;
	float: left;
	margin-top: 23px;
	margin-left: 14px;
	padding-left: 16px;
	border-left: solid 1px #353535;
}
.wrapper .playbox .topbox .right{
	width: 548px;
	height: 32px;
	float: right;
	margin-top: 28px;
}
.wrapper .playbox .topbox .right .txt{
	width: 105px;
	height: 32px;
	line-height: 32px;
	float: left;
	font-size: 14px;
	color: #009be5;
}
.wrapper .playbox .topbox .right .dropChoice{
	width: 441px;
	height: auto;
	float: right;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist{
	width: 138px;
	height: auto;
	float: left;
	background: #b4b4b4;
	margin-left: 11px;
	border-radius: 16px;
	cursor: pointer;
	position: relative; 
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .choicebtn{
	width: 110px;
	height: 32px;
	line-height: 32px;
	float: left;
	background: url(../images/choicelist_choicebtn_bg4.gif) no-repeat 111px 6px #b4b4b4;
	border-radius: 16px;
	text-align: left;
	padding: 0 14px;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist.now .choicebtn{
	background-image: url(../images/choicelist_choicebtn_bg3.gif);
	background-color: #00adff;
	border-radius: 16px 16px 0 0;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist.now{
	background-color: #00adff;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox{
	width: 100%;
	height: auto;
	float: left;
	background: #00adff;
	border-radius: 0 0 16px 16px;
	padding-bottom: 8px;
	display: none;
	position: absolute;
	top: 32px;
	left: 0px;
	z-index: 999;
	max-height: 400px;
	overflow: auto;
	overflow-x:hidden;
	scrollbar-arrow-color: #009be5;
	scrollbar-face-color: #046c9e; 
	scrollbar-3dlight-color: #046c9e; 
	scrollbar-highlight-color: #046c9e;
	scrollbar-shadow-color: #046c9e; 
	scrollbar-darkshadow-color: #046c9e; 
	scrollbar-track-color: #009be5; 
	scrollbar-base-color:#009be5;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox::-webkit-scrollbar{ /*濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柟缁㈠枟閺呮繈鏌曟径鍡樻珕闁搞倕鐭傞弻锝夊箛闂堟稑顫梺鍛婄懃缁绘﹢寮诲澶婁紶闁告洦鍓欏▍锝囩磽娴ｅ搫鐝￠柛銉ｅ妿閸樻捇姊虹€圭姵銆冪紒鈧笟鈧鎶芥倷鐎靛摜顔曢梺鍓插亾缂嶅棝宕靛▎鎾搭梿濠㈣埖鍔栭悡銉︾節闂堟稒顥犵紒鐘崇叀閹顫濋悙顒€顏�*/
	background: #046c9e;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox::-webkit-scrollbar-thumb{/*濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柟缁㈠枟閺呮繈鏌曟径鍡樻珕闁搞倕鐭傞弻锝夊箛闂堟稑顫梺鍛婄懃缁绘﹢寮诲澶婁紶闁告洦鍓欏▍銈夋⒑缁嬪潡顎楃紒澶婄秺瀵鈽夐姀鐘插祮闂侀潧枪閸庨亶锝為锔解拺閻熸瑥瀚禒娑㈡煕閺冣偓閸ㄥ灝顕ｇ拠娴嬫婵犲﹤瀛╅澶愭⒒娴ｇ儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷*/
	background: #009be5;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox li{
	width: 120px;
	height: 23px;
	line-height: 23px;
	text-align: left;
	/*padding: 0 15px;*/
	float: left;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox li a{
	width: 120px;
	height: 23px;
	line-height: 23px;
	text-align: left;
	padding: 0 15px;
	float: left;
	font-size: 12px;
	color: #fff;
}
.wrapper .playbox .topbox .right .dropChoice .choicelist .listbox li a:hover{
	background: #009be5;
}
.wrapper .playbox .player{
	width: 100%;
	height: 599px;
	float: left;
}
.wrapper .playbox .player .playerleft{
	width: 884px;
	height: 599px;
	float: left;
	background: #131313;
}
.wrapper .playbox .player .playerleft #player2{ 
	width:884px;
 	height:555px; 
 	float:left; 
 	display:block; 
 }
.wrapper .playbox .player .playerleft .advertisement{
	width: 858px;
	height: 44px;
	line-height: 44px;
	float: left;
	padding: 0 13px;
	overflow:hidden;
}
.wrapper .playbox .player .playerleft .advertisement a{
	font-size: 16px;
	color: #ffb800;	
}
.wrapper .playbox .player .playerleft .advertisement a:hover{
	color: #00adff;
}
.wrapper .playbox .player .playermenu{
	width: 295px;
	height: 599px;
	background: #181818;
	float: right;
}
.wrapper .playbox .player .playermenu .title{
	width: 265px;
	height: 59px;
	float: left;
	border-bottom: 2px solid #00adff;
	line-height: 61px;
	font-size: 20px;
	color: #00adff;
	padding: 0 15px;
	background: #1b1b1b;
}
.wrapper .playbox .player .playermenu .listbox{
	width: 275px;
	height: 518px;
	float: left;
	overflow: auto;
	padding: 0 10px;
	overflow-x: hidden;
	scrollbar-arrow-color: #7f7f7f; 
	scrollbar-face-color: #7f7f7f;
	scrollbar-3dlight-color: #7f7f7f; 
	scrollbar-highlight-color: #7f7f7f;
	scrollbar-shadow-color: #7f7f7f; 
	scrollbar-darkshadow-color: #7f7f7f; 
	scrollbar-track-color: #242424; 
	scrollbar-base-color:#242424; 
	margin-top: 20px;
}
.wrapper .playbox .player .playermenu .listbox::-webkit-scrollbar{ 
	width: 4px;
	background: #242424;
}
.wrapper .playbox .player .playermenu .listbox::-webkit-scrollbar-thumb{
	background: #7f7f7f;
}
.wrapper .playbox .player .playermenu .listbox li{
	width: 231px;
	height: auto;
	line-height: 18px;
	padding: 10px 30px 10px 14px;
	font-size: 14px;
	color: #7c7c7c;
	float: left;
	cursor: pointer;
}
.wrapper .playbox .player .playermenu .listbox li.tit{
	color: #00adff;
	margin-right: 8px;
	cursor: default;
	font-weight: bold;
}
.wrapper .playbox .player .playermenu .listbox li.tit:hover{
	color: #00adff;
	margin-right: 8px;
	cursor: default;
	background: none;
}
.wrapper .playbox .player .playermenu .listbox li span{
	color: #00adff;
	margin-right: 8px;
}
.wrapper .playbox .player .playermenu .listbox li.now,
.wrapper .playbox .player .playermenu .listbox li:hover{
	background: #1b1b1b;
	color: #ffb800;
}
.wrapper .playbox .videotitle{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .playbox .videotitle .title{
	width: 900px;
	height: auto;
	line-height: 35px;
	float: left;
	padding: 20px 0;	
}
.wrapper .playbox .videotitle .collection{
	width: auto;
	height: 24px;
	line-height: 24px;
	margin-top: 22px;
	float: right;
	font-size: 14px;
	color: #a3a3a3;
	padding-left: 32px;
	background: url(../images/videotitle_collection.gif) no-repeat;	
	cursor: pointer;
}
.wrapper .playbox .videotitle .collection span,
.wrapper .playbox .videotitle .collection a{
	font-size: 14px;
	color: #a3a3a3;
}
.wrapper .playbox .videotitle .collection.yes{
	background-image: url(../images/videotitle_collection2.gif);
}
.wrapper .playinfo{
	width: 100%;
	height: 48px;
	float: left;
	background: #1a1a1a;
}
.wrapper .playinfo .playinfo1{
	width: 1180px;
	margin: 0 auto;
}
.wrapper .playinfo .info{
	width: 800px;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	color: #c3c3c3;
	float: left;
}
.wrapper .playinfo .bdsharebuttonbox{
	width: 187px;
	height: 16px;
	line-height: 16px;
	float: right;
	margin-top: 16px;
}
.wrapper .playinfo .bdsharebuttonbox a{
	margin-top: 0px;
}
.wrapper .playinfo .bdsharebuttonbox span{
	float: left;
	font-size: 12px;
	color: #a3a3a3;
}
.wrapper .main .video .videolist .playerInterested{
	width: 100%;
	height: 85px;
	line-height: 85px;
	float: left;
	font-size: 24px;
	color: #00adff;
}

/*========================video.html  end ========================*/

.wrapper .main .about{
	width: 1120px;
	height: auto;
	float: left;
	background: #fff;
	margin-bottom: 36px;
	position: relative;
	padding: 0 30px;
}
.wrapper .main .cornerbox{
	width: 130px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0px;
	background: url(../images/cornerbox_bg.png) no-repeat;
	padding-top: 7px;
	padding-right: 9px;
	font-size: 29px;
	font-family: arial;
	font-weight: bold;
	color: #fff;
	text-align: right;
}
.wrapper .main .cornerbox .filter{
	width: 139px;
	height: 87px;
	background: url(../images/cornerbox_filter.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.wrapper .patternTitle{
	width: 100%;
	height: 60px;
	float: left;
	margin-top: 55px;
	background: url(../images/about_patternTitle_bg.gif) repeat-x 0px 54px;
	text-align: center;
}
.wrapper .patternTitle .title{
	width: 100%;
	height: 42px;
	line-height: 42px;
	float: left;
	font-size: 42px;
	color: #00adff;
	text-align: center;
}
.wrapper .patternTitle .tit{
	width: auto;
	height: 14px;
	line-height: 14px;
	display:inline-block;
    display:inline-table;
    text-align: center;
    margin-top: 6px;
    padding: 0 93px;
    background: url(../images/about_patternTitle_tit_bg.gif) repeat-x 0px 6px;
}
.wrapper .patternTitle .tit .tit1{
	width: auto;
	height: 14px;
	display:inline-block;
    display:inline-table;
    font-size: 14px;
    color: #00adff;
    font-family: arial;
    background: #fff;
    padding: 0 3px;
}
.wrapper .main .about .patternCentent{
	width: 960px;
	height: auto;
	line-height: 26px;
	float: left;
	padding: 0 80px;
	font-size: 16px;
	color: #7c7c7c;
	padding-bottom: 100px;
	margin-top: 48px;
}
.wrapper .main .about .patternCentent img{
	max-width: 100%;
}
.wrapper .main .about .teacherinfo{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 54px;
	margin-bottom: 35px;
}
.wrapper .main .about .teacherinfo .photo{
	width: 192px;
	height: auto;
	float: left;
}
.wrapper .main .about .teacherinfo .photo .pic{
	width: 192px;
	height: 192px;
	float: left;
	position: relative;
	text-align: center;
	background: #e6e6e6;
	overflow: hidden;
}
.wrapper .main .about .teacherinfo .photo .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .about .teacherinfo .photo .pic .filter{
	width: 192px;
	height: 192px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/teacherBox_list_filter.png) no-repeat;
	z-index: 9;
	overflow: hidden;
}
.wrapper .main .about .teacherinfo .photo .pic .filter img{
	width: 100%;
	height: auto;
}
.wrapper .main .about .teacherinfo .photo .pic .name{
	width: 156px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 18px;
	background: url(../images/teacherBox_list_name.png) no-repeat;
	z-index: 10;
	font-size: 20px;
	color: #fff;
	padding-top: 13px;
}
.wrapper .main .about .teacherinfo .photo .text{
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 18px;
	color: #00adff;
	text-align: center;
	margin: 13px 0;
	float: left;
}
.wrapper .main .about .teacherinfo .introduce{
	width: 900px;
	height: auto;
	line-height: 26px;
	float: right;
	font-size: 16px;
	color: #7c7c7c;
}
.wrapper .main .about .schedule{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .about .schedule .title{
	width: 100%;
	height: 26px;
	text-align: center;
	background: url(../images/about_patternTitle_bg.gif) repeat-x 0 11px;
}
.wrapper .main .about .schedule .title .tit{
	width: auto;
	height: 26px;
	display:inline-block;
    display:inline-table;
    padding: 0 96px;
    background: url(../images/about_patternTitle_tit_bg.gif) repeat-x 0 11px;
}
.wrapper .main .about .schedule .title .tit .tit1{
	width: auto;
	height: 26px;
	line-height: 26px;
	display:inline-block;
    display:inline-table;
    font-size: 26px;
    color: #00adff;
    text-align: center;
    background: #fff;
    padding: 0 3px;
}
.wrapper .main .about .schedule .schedulebox{
	width: 1120px;
	height: auto;
	float: left;
	margin-top: 33px;
	background: #fff;
	padding-bottom: 48px;
}
.wrapper .main .about .schedule .schedulebox table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .about .schedule .schedulebox th{
	background: url(../images/classesbox_table_th.gif) no-repeat 0px 16px #00adff;
	font-weight: 500;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #fff;
}
.wrapper .main .about .schedule .schedulebox td{
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	font-family: "microsoft yahei";
	color: #7c7c7c;
	background: #fff;
	padding: 30px 0;
}
.wrapper .main .about .schedule .schedulebox tr.gray td{
	background: #fafafa;
}
.wrapper .main .about .schedule .schedulebox tr:hover td{
	background: #f1f1f1;
}
.wrapper .main .about .schedule .schedulebox td.curriculum1{
	width: 138px;
	color: #3f3f3f;
	font-weight: bold;
}
.wrapper .main .about .schedule .schedulebox td.classForm{
	width: 79px;
}
.wrapper .main .about .schedule .schedulebox td.time{
	width: 182px;
}
.wrapper .main .about .schedule .schedulebox td.discount{
	/*width: 175px;*/
	width: 143px;
	color: #fea700;
	padding: 20px 10px;
}
.wrapper .main .about .schedule .schedulebox td.signUpObj{
	/*width: 207px;*/
	width: 163px;
	padding: 0 10px;
}
.wrapper .main .about .schedule .schedulebox td.profit{
	/*width: 216px;*/
	width: 172px;
	padding: 20px 10px;
}
.wrapper .main .about .schedule .schedulebox td.signUp{
	width: 174px;
}
.wrapper .main .about .schedule .schedulebox td.signUp a{
	width: 63px;
	height: 34px;
	line-height: 34px;
	display: block;
	background: url(../images/classesbox_signUp.gif) repeat-x;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	float: left;
	margin-left: 10px;
}
.wrapper .main .about .schedule .schedulebox td.signUp a.collection{
	width: 80px;
}
.wrapper .main .about .schedule .schedulebox td.signUp a:hover{
	background: url(../images/classesbox_signUp2.gif) repeat-x;
}
.wrapper .main .about .schedule .schedulebox td.signUp a.yes:hover,
.wrapper .main .about .schedule .schedulebox td.signUp a.yes{
	background: #999;
}


.wrapper .banner4{
	height: 637px;
	background: no-repeat top center;
}
.wrapper .banner4 .brandbox{
	width: 460px;
	height: 353px;
	position: absolute;
	top: 153px;
	left: 50%;
	background: url(../images/banner4_brandbox_bg.png) no-repeat bottom;
	margin-left: -230px;
	text-align: center; 
	animation: brandboxmove 3s;
	-moz-animation: brandboxmove 3s;	
	-webkit-animation: brandboxmove 3s;	
	-o-animation: brandboxmove 3s;	
	animation-fill-mode:none;
	display: none;
}
@keyframes brandboxmove{
	from {top: 250px;}
	to {top: 153px;}
}
@-moz-keyframes brandboxmove /* Firefox */{
	from {top: 250px;}
	to {top: 153px;}
}
@-webkit-keyframes brandboxmove /* Safari and Chrome */{
	from {top: 250px;}
	to {top: 153px;}
}
@-o-keyframes brandboxmove /* Opera */{
	from {top: 250px;}
	to {top: 153px;}
}
.wrapper .banner4 .brandbox .text{
	width: auto;
	height: 262px;
	line-height: 262px;
	background: url(../images/banner4_brandbox_year.png) no-repeat bottom right;
	font-size: 353px;
	font-family: arial;
	font-weight: bold;
	color: #fff;
	padding: 0;
	display:inline-block;
    display:inline-table;  
    animation: brandtext 3s;
	-moz-animation: brandtext 3s;	
	-webkit-animation: brandtext 3s;	
	-o-animation: brandtext 3s;	
	animation-fill-mode:none; 
}
@keyframes brandtext{
	from {margin-top: -200px;}
	to {margin-top: 0px;}
}
@-moz-keyframes brandtext /* Firefox */{
	from {margin-top: -200px;}
	to {margin-top: 0px;}
}
@-webkit-keyframes brandtext /* Safari and Chrome */{
	from {margin-top: -200px;}
	to {margin-top: 0px;}
}
@-o-keyframes brandtext /* Opera */{
	from {margin-top: -200px;}
	to {margin-top: 0px;}
}
.wrapper .aboutJp{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .aboutJp .aboutJp1{
	width: 1130px;
	height: auto;
	margin: 0 auto;
}
.wrapper .aboutJp .patternTitle{
	margin-top: 30px;
}
.wrapper .aboutJp .introduce{
	width: 100%;
	height: auto;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #41413f;
	margin-top: 33px;
	padding-bottom: 20px;
}
.wrapper .aboutJp .introduce img{
	max-width: 100%;
}
.wrapper .aboutJp .characteristic{
	margin-bottom: 72px;
}
.wrapper .aboutJp .characteristic .characteristic1{
	width: 100%;
	height: 74px;
	float: left;
}
.wrapper .aboutJp .characteristic .characteristicbox{
	width: 270px;
	height: 74px;
	float: left;
	background: url(../images/characteristicbox_line.gif) no-repeat 0px 7px;
	padding-left: 15px;
} 
.wrapper .aboutJp .characteristic .characteristicbox .pic{
	width: 74px;
	height: 74px;
	float: left;
}
.wrapper .aboutJp .characteristic .characteristicbox .text{
	width: 180px;
	height: 74px;
	float: right;
	margin-top: 12px;
}
.wrapper .teacherPower{
	width: 100%;
	height: 872px;
	float:left;
	background: url(../images/teacherPower.jpg) no-repeat center;
	position: relative;
}
.wrapper .teacherPower .teacherPower1{
	width: 1130px;
	height: auto;
	margin: 0 auto;
}
.wrapper .teacherPower .patternTitle{
	margin-top: 52px;
}
.wrapper .teacherPower .patternTitle .title{
	color: #fff;
}
.wrapper .teacherPower .patternTitle .tit{
    background-image: url(../images/patternTitle_tit_bg2.gif);
}
.wrapper .teacherPower .patternTitle .tit .tit1{
    color: #bc6600;
    background: #ffa839;
}
.wrapper .teacherPower .picScroll{ 
	width:100%;  
	/*overflow:hidden;*/ 
	float: left;
	position:relative;  
	}
.wrapper .teacherPower .picScroll .bd{ 
	width: 100%;
	height: auto;
	margin-top: 34px;
	float: left;
	}
.wrapper .teacherPower .picScroll .bd ul{ 
	overflow:hidden; 
	zoom:1; 
	}
.wrapper .teacherPower .picScroll .bd ul li{ 
	width: 192px; 
	height: auto;
	margin-right: 42px;
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;  
	}
.wrapper .teacherPower .picScroll .bd li .photo{
	width: 192px;
	height: 196px;
	float: left;
	position: relative;
}
.wrapper .teacherPower .picScroll .bd li .photo .pic{
	width: 192px;
	height: 192px;
	float: left;
	text-align: center;
	background: #e6e6e6;
	overflow: hidden;
	border-radius: 50%;
}
.wrapper .teacherPower .picScroll .bd li .photo .pic img{
	width: 100%;
	height: auto;
}
.wrapper .teacherPower .picScroll .bd li .photo .name{
	width: 156px;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 18px;
	background: url(../images/teacherBox_list_name.png) no-repeat;
	z-index: 10;
	font-size: 18px;
	color: #fff;
	padding-top: 15px;
}
.wrapper .teacherPower .picScroll .bd li a:hover .photo .name{
	background-image: url(../images/teacherBox_list_name2.png);
}
.wrapper .teacherPower .picScroll .bd li .position{
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: center;
	margin-top: 14px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
}
.wrapper .teacherPower .picScroll .bd li .text{
	width: 100%;
	height: 40px;
	line-height: 19px;
	float: left;
	margin-top: 12px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical; 
	text-align: center;
}
.wrapper .teacherPower .picScroll .hd{ 
	width: 100%;
	height:12px;    
	text-align: center;
	float: left;
	margin-top: 52px;
	}
.wrapper .teacherPower .picScroll .hd ul{ 
	display: inline-block;
	}
.wrapper .teacherPower .picScroll .hd ul li{ 
	width:12px; 
	height:12px; 
	float:left;   
	margin: 0 3px;  
	cursor:pointer; 
	background: #ffcc47; 
	border-radius: 50%;
	text-indent:-9999px;
	overflow: hidden;
	}
.wrapper .teacherPower .picScroll .hd ul li.on{ 
	background: #fff; 
	}	
.wrapper .teacherPower .prev{
	display:block;  
	width:59px; 
	height:59px; 
	float:right; 
	margin-right:5px; 
	margin-top:10px;  
	overflow:hidden;
	cursor:pointer; 
	background: red;
	position: absolute;
	top: 100px;
	left: -250px;
	background: url(../images/ScrollTime_prev.png) no-repeat;
}
.wrapper .teacherPower .prev:hover{
	background: url(../images/ScrollTime_prev3.png) no-repeat;
}
.wrapper .teacherPower .next{ 
	display:block;  
	width:59px; 
	height:59px; 
	float:right; 
	margin-right:5px; 
	margin-top:10px;  
	overflow:hidden;
	cursor:pointer; 
	background: red;
	position: absolute;
	top: 125px;
	right: -250px;
	background: url(../images/ScrollTime_next.png) no-repeat;
	
}	
.wrapper .teacherPower .next:hover{
	background: url(../images/ScrollTime_next3.png) no-repeat;
	
}	








.wrapper .teacherPower .activitylist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 38px;
}
.wrapper .teacherPower .activitylist .title{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
.wrapper .teacherPower .activitylist .listbox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
	position:relative;  
}
.wrapper .teacherPower .activitylist .listbox .bd{ 
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .teacherPower .activitylist .listbox .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.wrapper .teacherPower .activitylist .listbox li{
	width: 216px;
	height: auto;
	float: left;
	margin-left: 12.5px;
}
.wrapper .teacherPower .activitylist .listbox li .pic{
	width: 216px;
	height: 122px;
	float: left
}
.wrapper .teacherPower .activitylist .listbox li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .teacherPower .activitylist .listbox li .text{
	width: 200px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #7a601b;
	text-align: center;
	background: #ffcc47;
	padding: 0 8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .teacherPower .activitylist .listbox li:hover .text{
	background: #00adff;
	color: #fff;
}
.wrapper .teacherPower .teacherBoxbtn{
	width: 100%;
	height: 42px;
	float: left;
	margin-top: 50px;
}
.wrapper .teacherPower .teacherBoxbtn a{
	width: 190px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #fff;
	border-radius: 40px;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.wrapper .teacherPower .teacherBoxbtn a:hover{
	background: #fff;
	color: #00adff;
}

.wrapper .schoolHonor{
	width: 100%;
	height: auto;
	float: left;
}	
.wrapper .schoolHonor .schoolHonor1{
	width: 1130px;
	height: auto;
	margin: 0 auto;
} 	
.wrapper .schoolHonor .patternTitle{
	margin-top: 60px;
}	 
.wrapper .schoolHonor .companylist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
}
.wrapper .schoolHonor .companylist li{
	width: 220px;
	height: auto;
	float: left;
	padding: 0 3px;
}
.wrapper .schoolHonor .companylist li .pic{
	width: 220px;
	height: 178px;
	float: left;
	text-align: center;
}
.wrapper .schoolHonor .companylist li .pic img{
	max-width: 100%;
	height: auto;
}	
.wrapper .schoolHonor .companylist li .text{
	width: 200px;
	height: auto;
	float: left;
	padding: 0 10px;
	margin-top: 22px;
	font-size: 16px;
	color: #41413f;
	line-height: 20px;
	text-align: center;
	margin-bottom: 30px;
}
.wrapper .schoolHonor .companytxt{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 90px;
}	
.wrapper .schoolHonor .companytxt li{
	width: 358px;
	height: auto;
	float: left;
	font-size: 14px;
	color: #00428d;
	height: 48px;
	line-height: 48px;
	padding: 0 8px;
	background: #aae4ff;
	margin-left: 3px;
	margin-bottom: 3px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}	
.wrapper .schoolHonor .companytxt li.shallow{
	background: #cfefff;
}
.wrapper .development{
	width: 100%;
	height: 629px;
	float: left;
	background: url(../images/development.jpg) no-repeat center;
	margin-bottom: 45px;
} 
.wrapper .development .development1{
	width: 1130px;
	height: auto;
	margin: 0 auto;
}
.wrapper .development .patternTitle{
	margin-top: 49px;
}
.wrapper .development .patternTitle .title{
	color: #fff;
}
.wrapper .development .patternTitle .tit{
    background-image: url(../images/patternTitle_tit_bg3.gif);
}
.wrapper .development .patternTitle .tit .tit1{
    color: #90ffbd;
    background: #43cddc;
}
.wrapper .development .ScrollTime{ 
	width:100%;  
	position:relative;  
}
.wrapper .development .ScrollTime .prev,
.wrapper .development .ScrollTime .next{ 
	width: 59px;
	height: 59px;  
	cursor:pointer; 
	float: left;
	position: absolute;
	top: 295px;
}
.wrapper .development .ScrollTime .prev{
	left: 54px;	
	background: url(../images/ScrollTime_prev.png) no-repeat;
}
.wrapper .development .ScrollTime .prev:hover{
	background-image: url(../images/ScrollTime_prev2.png);
}
.wrapper .development .ScrollTime .next{   
	right: 54px;
	background: url(../images/ScrollTime_next.png) no-repeat;
}
.wrapper .development .ScrollTime .next:hover{
	background-image: url(../images/ScrollTime_next2.png);
}
@media only screen and (max-width: 1378px){
	.wrapper .development .ScrollTime .prev{left: 0px;}
	.wrapper .development .ScrollTime .next{right: 0px;}	
}	
.wrapper .development .ScrollTime .bd{ 
	width: 1130px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper .development .ScrollTime .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.wrapper .development .ScrollTime .bd li{ 
	width: 282px; 
	height: 520px;
	margin-right: 1px;
	float:left; 
	_display:inline; 
	overflow:hidden; 	
	position: relative;
}
.wrapper .development .ScrollTime .bd li .text{
	width: 218px;
	height: auto;
	line-height: 20px;
	max-height: 280px;
	position: absolute;
	left: 0;
	bottom: 93px;
	padding-left: 32px;
	padding-bottom: 98px;
	background: url(../images/ScrollTime_line.gif) repeat-y 7px 0px;
}
.wrapper .development .ScrollTime .bd li .text span{
	width: 17px;
	height: 17px;
	position: absolute;
	display: block;
	top: -17px;
	left: 0px;
	background: url(../images/ScrollTime_text_top.png) no-repeat;
}
.wrapper .development .ScrollTime .bd li .date{
	width: 250px;
	height: 48px;
	line-height: 48px;
	font-size: 48px;
	font-family: arial;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0px;
	padding-left: 32px;
	padding-bottom: 45px;
	background: url(../images/ScrollTime_line.gif) repeat-y 7px 0px;
}

/*========================about.html  end ========================*/

.wrapper .header{
	width: 100%;
	height: 93px;
	float: left;
}
.wrapper .header .headerbox{
	width: 1180px;
	height: auto;
	margin: 0 auto;
} 
.wrapper .header .left{
	width: 600px;
	height: 93px;
	float: left;
}
.wrapper .header .left .logo{
	width: 171px;
	height: 65px;
	float: left;
	margin-top: 17px;
	margin-left: 31px;
}
.wrapper .header .left .logo img{
	max-width: 100%;
	height: auto;
}
.wrapper .header .left .text{
	width: 300px;
	height: 49px;
	line-height: 49px;
	border-left: solid 1px #ecebeb;
	margin-top: 26px;
	margin-left: 26px;
	padding-left: 19px;
	float: left;
}
.wrapper .header .left .text a{
	font-size: 26px;
	color: #53524e;	
}
.wrapper .header .left .text a:hover{
	color: #00baff;
}
.wrapper .header .linkbox{
	width: 175px;
	height: 26px;
	line-height: 26px;
	margin-top: 41px;
	float: right;
	margin-right: 15px;
}
.wrapper .header .linkbox a{
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #747578;
	float: left;
	padding: 0 15px;
	background: url(../images/header_linkbox_line.gif) no-repeat 0px 4px;
}
.wrapper .header .linkbox a:hover{
	color: #00baff;
}
.wrapper .memberLoginBox{
	width: 100%;
	height: 463px;
	float: left;
	background: #00baff; 
	position: relative;
}
.wrapper .memberLoginBox .fullSlide{ 
	width: 100%;
	height: 463px;
	float: left; 
	background:#000; 
}
.wrapper .memberLoginBox .fullSlide .bd{ 
	width: 100%;
	height: 463px;
	float: left;
}
.wrapper .memberLoginBox .fullSlide .bd li{  
	width: 100%;
	height: 463px;
	position:relative; 
	z-index:0; 
}
.wrapper .memberLoginBox .fullSlide .bd li .pic{
	width: 781px;
	height: 463px;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -140px;
}	
.wrapper .memberLoginBox .fullSlide .hd{
	width: 781px;
	height:12px; 
	position: absolute;
	right: 50%;
	margin-right: -140px;
	z-index:9; 
	bottom: 15px;   
	text-align:center; 
}
.wrapper .memberLoginBox .fullSlide .hd li{ 
	width:12px; 
	height:12px; 
	display:inline-block; 
	*display:inline; 
	zoom:1;  
	background:url(../images/fullSlide_hd_li.png) no-repeat; 
	overflow:hidden; 
	font-size:0;
	cursor:pointer; 
	margin: 0 3px;
}
.wrapper .memberLoginBox .fullSlide .hd .on{ 
	background:url(../images/fullSlide_hd_li2.png) no-repeat;
}
.wrapper .memberLoginBox .loginWindwo{
	width: 365px;
	height: 356px;
	padding: 7px;
	position: absolute;
	top: 46px;
	left: 50%;
	margin-left: 186px;
	z-index: 9999;
	background: url(../images/loginWindwo_bg.png);
}
.wrapper .memberLoginBox .loginWindwo .loginWindwo1{
	width: 333px;
	height: 356px;
	float: left;
	background: #fff;
	padding-left: 32px;
}
.wrapper .memberLoginBox .loginWindwo .title{
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 23px;
	color: #333333;
	float: left;
	margin-top: 25px;
}
.wrapper .memberLoginBox .loginWindwo .prompt{
	width: 278px;
	height: 20px;
	line-height: 20px;
	float: left;
	border: solid 1px #ffcc01;
	background: url(../images/loginWindwo_prompt.gif) no-repeat 9px 4px #fff6d2;
	margin-top: 6px;
	font-size: 12px;
	color: #ffb401;
	padding-left: 24px;
	margin-bottom: 5px;
}
.wrapper .memberLoginBox .loginWindwo .prompt.error{
	border: solid 1px #ff2a00;
	background: url(../images/loginWindwo_prompt2.png) no-repeat 4px 2px #fedec7;
	color: #ff2a00;
}
.wrapper .memberLoginBox .loginWindwo .inputbox{
	width: 259px;
	height: 43px;
	float: left;
	border: solid 1px #dddddd;
	margin-bottom: 10px;
	padding-left: 43px;
	background: url(../images/loginWindwo_inputbox1.gif) no-repeat 8px 9px;
}
.wrapper .memberLoginBox .loginWindwo .inputbox input{
	width: 98%;
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
	font-family: "microsoft yahei",arial;
	font-size: 14px;
	color: #b6b4b4;
}
.wrapper .memberLoginBox .loginWindwo .inputbox .verification{
	width: 96px;
	height: 39px;
	float: right;
	border-left: solid 1px #dddddd;
	padding: 2px;
	overflow: hidden;
	cursor: pointer;
}
.wrapper .memberLoginBox .loginWindwo .loginbtn{
	width: 304px;
	height: 41px;
	float: left;
	margin-top: 7px;
	background: #00adff;
	border-radius: 2px;
}
.wrapper .memberLoginBox .loginWindwo .loginbtn input{
	width: 304px;
	height: 41px;
	font-size: 18px;
	color: #fff;
	background: none;
	cursor: pointer;
}
.wrapper .memberLoginBox .loginWindwo .loginlink{
	width: auto;
	height: 20px;
	margin-top: 10px;
	float: right;
	margin-right: 22px;
}
.wrapper .memberLoginBox .loginWindwo .loginlink a{
	font-size: 12px;
	color: #545454;
	padding: 0 8px;
	background: url(../images/header_linkbox_line.gif) no-repeat 0px 3px;
	float: left;
}
.wrapper .memberLoginBox .loginWindwo .loginlink a:hover{
	color: #00adff;
}
.wrapper .memberFooter{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .memberFooter .nav1{
	width: 100%;
	height: 20px;
	text-align: center;
	float: left;
	margin-top: 32px;
}
.wrapper .memberFooter .nav1 ul{
	width: auto;
	display: inline-block;
}
*html .wrapper .memberFooter .nav1 ul{
	width: 450px;
}
*+html .wrapper .memberFooter .nav1 ul{
	width: 450px;
}
.wrapper .memberFooter .nav1 li{
	width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0 14px;
	float: left;
	background: url(../images/header_linkbox_line.gif) no-repeat 0px 5px;
}
.wrapper .memberFooter .nav1 li a{
	font-size: 14px;
	color: #41413f;
}
.wrapper .memberFooter .nav1 li a:hover{
	color: #00adff;
}
.wrapper .memberFooter .friendship{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 18px;
} 
.wrapper .memberFooter .friendship .friendship1{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	color: #8c8c8c;
	line-height: 21px;
} 
.wrapper .memberFooter .friendship a{
	font-size: 12px;
	color: #8c8c8c;
	margin-right: 12px;
}
.wrapper .memberFooter .friendship a:hover{
	color: #00adff;
}
.wrapper .memberFooter .memberCopyright{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 23px;
	text-align: center;
	font-size: 12px;
	color: #8c8c8c;
	float: left;
	margin-bottom: 88px;
}
.wrapper .memberFooter .memberCopyright .memberCopyright1{
	width: 580px;
	height: 20px;
	margin: 0 auto;
}
.wrapper .memberFooter .memberCopyright .company{
	width: auto;
	height: 20px;
	line-height: 20px;
	float: left;
}
.wrapper .memberFooter .memberCopyright .company a
{
	font-size:12px;
	color:#8c8c8c;
}
.wrapper .memberFooter .memberCopyright .company a:hover
{
	font-size:12px;
	color:#00adff;
}
.wrapper .memberFooter .memberCopyright .helloin{
	width: auto;
	height: auto;
	float: right;
	margin-top: 3px;
}
.wrapper .header2{
	width: 100%;
	height: 116px;
	float: left;
}
.wrapper .header2 .headerbox{
	width: 1058px;
	height: auto;
	margin: 0 auto;
} 
.wrapper .header2 .left{
	width: 600px;
	height: 116px;
	float: left;
}
.wrapper .header2 .left .logo{
	width: 146px;
	height: 55px;
	float: left;
	margin-top: 33px;
	margin-left: 0px;
}
.wrapper .header2 .left .logo img{
	max-width: 100%;
	height: auto;
}
.wrapper .header2 .left .text{
	width: 300px;
	height: 41px;
	line-height: 41px;
	border-left: solid 1px #1ac1ff;
	margin-top: 39px;
	margin-left: 14px;
	padding-left: 13px;
	float: left;
}
.wrapper .header2 .left .text a{
	font-size: 26px;
	color: #fff;	
}
.wrapper .header2 .left .text a:hover{
	color: #ffb800;
}
.wrapper .header2 .linkbox{
	width: 230px;
	width: auto;
	height: 20px;
	margin-top: 59px;
	float: right;
	margin-right: 0px;
}
.wrapper .header2 .linkbox a{
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	float: left;
	padding: 0;
	padding-left: 13px;
	margin-left: 8px;
	background: url(../images/header_linkbox_Arrow.png) no-repeat 0px 6px;
}
.wrapper .header2 .linkbox.line a{
	margin-left: 13px;
	background: url(../images/header_linkbox_line.gif) no-repeat 0px 4px;
}
.wrapper .header2 .linkbox a.now,
.wrapper .header2 .linkbox a:hover{
	color: #ffea00;
}
.wrapper .main .member{
	width: 1058px;
	height: auto;
	background:url(../images/member_bg.gif) repeat-y left top #fff;
	float: left;
	margin-left: 60px;
	display: inline;
}
.wrapper .main .member .leftmenu{
	width: 248px;
	height: 100%;
	float: left;
	background: #45484d;
}
.wrapper .main .member .leftmenu .userportrait{
	width: 228px;
	height: auto;
	float: left;
	margin-top: 45px;
	padding: 0 10px;
	text-align: center;
}
.wrapper .main .member .leftmenu .userportrait .photo{
	width: 103px;
	height: 103px;
	float: left;
	background: #e6e6e6;
	margin-left: 62px;
	position: relative;
	text-align: center;
	border-radius: 50%;
	display: inline;
}
.wrapper .main .member .leftmenu .userportrait .photo img{
	width: auto;
	height: 100%;
	border-radius: 50%;
}
.wrapper .main .member .leftmenu .userportrait .photo .filter{
	width: 103px;
	height: 103px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: url(../images/userportrait_photo_filter.png) no-repeat;
}
.wrapper .main .member .leftmenu .userportrait .username{
	width: 100%;
	height: auto;
	line-height: 20px;
	margin-top: 11px;
	float: left;
}
.wrapper .main .member .leftmenu .userportrait .linkbox{
	width: 100%;
	height: 16px;
	line-height: 16px;
	float: left;
	margin-top: 5px;
	text-align: center;r
}
.wrapper .main .member .leftmenu .userportrait .linkbox a{
	width: auto;
	font-size: 12px;
	color: #858181;
	padding: 0 8px;
	background: url(../images/userportrait_linkbox.gif) no-repeat 0px 4px;
}
.wrapper .main .member .leftmenu .userportrait .linkbox a:hover{
	color: #ffb800;
}
.wrapper .main .member .leftmenu .leftmenulist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 54px;
}
.wrapper .main .member .leftmenu .leftmenulist li{
	width: 100%;
	height: 48px;
	line-height: 48px;
	float: left;
	margin-bottom: 12px;
}
.wrapper .main .member .leftmenu .leftmenulist li a{
	width: 212px;
	height: 48px;
	line-height: 48px;
	float: left;
	padding-left: 36px;
}
.wrapper .main .member .leftmenu .leftmenulist li:hover,
.wrapper .main .member .leftmenu .leftmenulist li.now{
	background: url(../images/leftmenulist_li.gif) no-repeat 237px 15px #ffb800;
}
.wrapper .main .member .memberbox{
	width: 705px;
	height: auto;
	float: right;
	padding: 0 56px 0 49px;
}
.wrapper .main .member .memberbox .title{
	width: 100%;
	height: 38px;
	border-bottom: solid 3px #00adff;
	margin-top: 34px;
	float: left;
}
.wrapper .main .member .memberbox .title .tit{
	width: 200px;
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	font-weight: bold;
	color: #00adff;
	float: left;
}
.wrapper .main .member .memberbox .uploadPortrait{
	width: 100%;
	height: auto;
	margin-top: 34px;
	float: left;
}
.wrapper .main .member .memberbox .uploadPortrait .preview{
	width: 128px;
	height: 128px;
	border: solid 1px #d4d4d4;
	float: left;
}
.wrapper .main .member .memberbox .uploadPortrait .preview .pic{
	width: 126px;	
	height: 126px;
	border: solid 1px #fff;
	float: left;
	overflow: hidden;
}
.wrapper .main .member .memberbox .uploadPortrait .preview .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .member .memberbox .uploadPortrait .upload{
	width: 548px;
	height: auto;
	float: right;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .prompt{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-top: 7px;
	font-size: 14px;
	color: #312a28;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadtit{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #312a28;
	float: left;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadbtn{
	width: 100%;
	height: 32px;
	float: left;
	margin-top: 14px;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadbtn .bottom{
	width: 179px;
	height: 30px;
	line-height: 30px;
	border: solid 1px #dddddd;
	float: left;
	background: url(../images/uploadbtn_bottom.gif) repeat-x;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadbtn .bottom1{
	width: 138px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 12px;
	color: #312a28;
	cursor: pointer;
	padding-left: 41px;
	background: url(../images/uploadbtn_bottom2.gif) no-repeat 19px 8px;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadbtn input{
	display: none;
}
.wrapper .main .member .memberbox .uploadPortrait .upload .uploadbtn .text{
	width: 350px;
	height: 32px;
	line-height: 32px;
	float: left;
	margin-left: 12px;
	font-size: 12px;
	color: #a8a8a8;
}
.wrapper .main .member .memberbox .inputlist{
	width: 676px;
	height: auto;
	float: left;
	margin-top: 39px;
	border-top: solid 1px #ededed;
	border-bottom: solid 1px #ededed;
	padding: 38px 0px 13px 28px;
}
.wrapper .main .member .memberbox .inputlist li{
	width: 676px;
	height: 24px;
	float: left;
	margin-bottom: 25px;
}
.wrapper .main .member .memberbox .inputlist li .tit{
	width: 78px;
	height: 24px;
	line-height: 24px;
	float: left;
	font-size: 14px;
	color: #9a9a9a;
}
.wrapper .main .member .memberbox .inputlist li .inputbox{
	width: 254px;
	height: 22px;
	border: solid 1px #dddddd;
	float: left;
	padding: 2px 7px;
}
.wrapper .main .member .memberbox .inputlist li .inputbox input{
	width: 100%;
	height: 20px;
	line-height: 20px;
}
.wrapper .main .member .memberbox .inputlist li .must{
	width: 30px;
	height: 20px;
	padding-top: 4px;
	font-size: 24px;
	font-family: arial;
	color: #ff3c3c;
	text-align: center;
	float: left;
}
.wrapper .main .member .memberbox .inputlist li .prompt{
	width: auto;
	height: 24px;
	line-height: 24px;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	color: #ff6c00;
	background: url(../images/loginWindwo_prompt2.png) no-repeat 0px 5px;
	padding-left: 20px;
}
.wrapper .main .member .memberbox .inputlist li .radiobox{
	width: auto;
	height: 21px;
	float: left;
	padding-top: 3px;
}
.wrapper .main .member .memberbox .inputlist li .radiobox .radiolist{
	width: 81px;
	float: left;
}
.wrapper .main .member .memberbox .inputlist li .radiobox input{
	cursor: pointer;
	margin-top: 3px;
	float: left;
}
.wrapper .main .member .memberbox .inputlist li .radiobox label{
	height: 24px;
	font-size: 14px;
	color: #41413f;
	cursor: pointer;
	float: left;
	padding-left: 4px;
}
.wrapper .main .member .memberbox .inputlist li .datebox{
	width: auto;
	height: 24px;
	float: left;
}
.wrapper .main .member .memberbox .inputlist li .datebox .dateinput{
	width: 130px;
	height: 22px;
	border: solid 1px #dddddd;
	float: left;
	margin-right: 5px;
}
.wrapper .main .member .memberbox .inputlist li .datebox .dateinput select{
	width: 100%;
	height: 22px;
	line-height: 22px;
	outline:none; 
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/select_Arrow.gif) no-repeat 115px 10px;	
	font-size: 12px;
	color: #41413f;
}
.wrapper .main .member .memberbox .inputlist li .datebox .dateinput select::-ms-expand { 
	display: none; 
}
.wrapper .main .member .memberbox .submitbtn{
	width: 550px;
	height: 41px;
	margin-top: 36px;
	margin-bottom: 67px;
	float: left;
	padding-left: 105px;
}
.wrapper .main .member .memberbox .submitbtn .submitbtn1{
	width: 256px;
	height: 41px;
	float: left;
	border-radius: 2px;
	background: #00adff;
	overflow: hidden;	
}
.wrapper .main .member .memberbox .submitbtn input{
	width: 100%;
	height: 100%;
	background: none;
	cursor: pointer;
}
.wrapper .main .member .memberbox .passwordModify{
	width: 100%;
	height: auto;
	margin-top: 61px;
	float: left;
}
.wrapper .main .member .memberbox .passwordModify li{
	width: 100%;
	height: 45px;
	float: left;
	margin-bottom: 36px;
}
.wrapper .main .member .memberbox .passwordModify li .tit{
	width: 115px;
	height: 45px;
	line-height: 45px;
	float: left;
	font-size: 14px;
	color: #333333;
	text-align: right;
}
.wrapper .main .member .memberbox .passwordModify li .inputbox{
	width: 256px;
	height: 43px;
	float: left;
	border: solid 1px #dddddd;
	margin-left: 12px;
	background: url(../images/passwordModify_inputbox1.gif) no-repeat 11px 9px;
	padding-left: 43px;
	padding-right: 3px;
}
.wrapper .main .member .memberbox .passwordModify li .inputbox input{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 6px;
	font-size: 12px;
	color: #aaa8a7;
}
.wrapper .main .member .memberbox .passwordModify li .tips{
	width: auto;
	height: 16px;
	float: left;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #bdbdbd;
	padding-left: 0px;
}
.wrapper .main .member .memberbox .passwordModify li .tips.prompt{
	width: auto;
	height: 16px;
	float: left;
	background: url(../images/loginWindwo_prompt3.gif) no-repeat left center;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #00bff6;
	padding-left: 20px;
}

.wrapper .main .member .memberbox .passwordModify li .tips.error{	
	width: auto;
	height: 16px;
	float: left;
	background: url(../images/loginWindwo_prompt2.png) no-repeat left center;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #ff6c00;
	padding-left: 20px;
}
.wrapper .main .member .memberbox .passwordModify li .verification{
	width: 302px;
	height: 43px;
	float: left;
	border: solid 1px #dddddd;
	background: #f6f5f5;
	margin-left: 127px;
	display: inline;
}
.wrapper .main .member .memberbox .passwordModify li .verification input{
	width: 302px;
	height: 43px;
	font-size: 12px;
	color: #aaa8a7;
	background: none;
	cursor: pointer;
}
.wrapper .main .member .memberbox .passwordbtn{
	width: 304px;
	height: 41px;
	float: left;
	background: #00adff;
	margin-left: 128px;
	margin-top: 4px;
	margin-bottom: 236px;
	display: inline;
}
.wrapper .main .member .memberbox .passwordbtn input{
	width: 100%;
	height: 41px;
	float: left;
	font-size: 18px;
	color: #ffffff;
	background: none;
	cursor: pointer;
}


.wrapper .main .shopping{
	width: 970px;
	height: auto;
	float: left;
	position: relative;
	background: #fff;
	margin-left: 61px;
	padding: 0 48px 0 40px;
	display: inline;
}
.wrapper .main .shopping .shoppinglist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 41px;
}
.wrapper .main .shopping .shoppinglist table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .shopping .shoppinglist table th{
	height: 40px;
	line-height: 40px;
	background: #fafafa;
	font-size: 16px;
	font-weight: normal;
	color: #818180;
	vertical-align: middle;
}
.wrapper .main .shopping .shoppinglist table tr.gray{
	background: #fafafa;
}
.wrapper .main .shopping .shoppinglist table td{
	height: 82px;
	text-align: center;
}
.wrapper .main .shopping .shoppinglist table .choice{
	width: 107px;
	padding-left: 29px;
	text-align: left;
}
.wrapper .main .shopping .shoppinglist table .choice input{
	display: none;
}
.wrapper .main .shopping .shoppinglist table .choice label{
	-webkit-appearance: none;
	width:26px;
	height:26px;
	float:left;
	background:url(../images/checkno.png) no-repeat;
	cursor: pointer;
	margin-right: 3px;
}
.wrapper .main .shopping .shoppinglist table th.choice label{
	margin-top: 8px;
}
.wrapper .main .shopping .shoppinglist table .choice label.yes{
	background:url(../images/checkyes.png) no-repeat;
}
.wrapper .main .shopping .shoppinglist table .course{
	width: 422px;
	text-align: left;
}	
.wrapper .main .shopping .shoppinglist table td.course .pic{
	width: 90px;
	height: 52px;
	position: relative;
	text-align: center;
	background: #e6e6e6;
	float: left;
	overflow: hidden;
}	
.wrapper .main .shopping .shoppinglist table td.course .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .shopping .shoppinglist table td.course .pic .play{
	width: 100%;
	height: 100%;
	background: url(../images/course_pic_play.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}	
.wrapper .main .shopping .shoppinglist table td.course .text{
	width: 320px;
	height: auto;
	float: right;
}
.wrapper .main .shopping .shoppinglist table td.course .text .tit{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #41413f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .shopping .shoppinglist table td.course a:hover .text .tit{
	color: #ffb800;
}
.wrapper .main .shopping .shoppinglist table td.course .text .txt{
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #818180;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}	
.wrapper .main .shopping .shoppinglist table .price{
	width: 103px;
}
.wrapper .main .shopping .shoppinglist table td.price .text{
	font-size: 14px;
	color: #ff6c00;
}
.wrapper .main .shopping .shoppinglist table td.price .txt{
	font-size: 14px;
	color: #41413f;
	text-decoration: line-through;
}
.wrapper .main .shopping .shoppinglist table .time{
	width: 187px;
}
.wrapper .main .shopping .shoppinglist table td.time{
	font-size: 14px;
	color: #41413f;
}
.wrapper .main .shopping .shoppinglist table .operation{
	width: 122px;
	text-align: center;
}
.wrapper .main .shopping .shoppinglist table td.operation .delete{
	width: 26px;
	height: 26px;
	background: url(../images/shoppinglist_operation.png) no-repeat;
	margin: 0 auto;
	cursor: pointer;
	display: block;
}
.wrapper .main .shopping .shoppinglist table td.operation .delete:hover{
	background: url(../images/shoppinglist_operation2.png) no-repeat;
}



.wrapper .main .shopping .shoppinglist table tr.no .choice label{
	background:url(../images/checkno2.png) no-repeat;
	cursor: default;
}
.wrapper .main .shopping .shoppinglist table tr.no td.course .text .tit,
.wrapper .main .shopping .shoppinglist table tr.no td.course .text .txt,
.wrapper .main .shopping .shoppinglist table tr.no td.price .text,
.wrapper .main .shopping .shoppinglist table tr.no td.time,
.wrapper .main .shopping .shoppinglist table tr.no td.price .txt{
	color: #818180;
	cursor: default;
}
.wrapper .main .shopping .shoppinglist table tr.no td .nochoice{
	width:26px;
	height:26px;
	float:left;
	background:url(../images/checkno2.png) no-repeat;
	margin-right: 3px;
}



.wrapper .main .shopping .purchase{
	width: 968px;
	height: 60px;
	float: left;
	border: solid 1px #ff6c00;
	margin-top: 35px;
}
.wrapper .main .shopping .purchase .text{
	width: 350px;
	height: 60px;
	line-height: 60px;
	float: left;
	font-size: 14px;
	color: #818180;
	margin-left: 28px;
}
.wrapper .main .shopping .purchase .text span{
	color: #ff6c00;
}
.wrapper .main .shopping .purchase .payment{
	width: auto;
	height: 60px;
	float: right;
}
.wrapper .main .shopping .purchase .payment .price{
	width: auto;
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #818180;
}
.wrapper .main .shopping .purchase .payment .price span{
	font-size: 30px;
	color: #ff6c00;
}
.wrapper .main .shopping .purchase .payment .paymentbtn{
	width: 161px;
	height: 60px;
	float: right;
	background: #ff6c00;
	margin-left: 13px;
}
.wrapper .main .shopping .purchase .payment .paymentbtn input{
	width: 100%;
	height: 100%;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	background: none;
}
.wrapper .main .shopping .recommend{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 49px;
	margin-bottom: 29px;
}
.wrapper .main .shopping .recommend .title{
	width: 100%;
	height: 26px;
	text-align: center;
	float: left;
	background: url(../images/about_patternTitle_bg.gif) repeat-x 0 11px;
}
.wrapper .main .shopping .recommend .title .tit{
	width: auto;
	height: 26px;
	display:inline-block;
    display:inline-table;
    padding: 0 54px;
    background: url(../images/about_patternTitle_tit_bg.gif) repeat-x 0 11px;
}
*html .wrapper .main .shopping .recommend .title .tit{
	width: 400px;
}
*+html .wrapper .main .shopping .recommend .title .tit{
	width: 400px;
}
.wrapper .main .shopping .recommend .title .tit .tit1{
	width: auto;
	height: 26px;
	line-height: 26px;
	display:inline-block;
    display:inline-table;
    font-size: 26px;
    color: #00adff;
    text-align: center;
    background: #fff;
    padding: 0 17px;
}
*html .wrapper .main .shopping .recommend .title .tit .tit1{
	width: 330px;
}
*+html .wrapper .main .shopping .recommend .title .tit .tit1{
	width: 330px;
}
.wrapper .main .shopping .recommend .videolistbox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 31px;
}
.wrapper .main .shopping .recommend .videolistbox li{
	width: 292px;
	height: auto;
	float: left;
	margin-left: 47px;
	margin-bottom: 20px;
}
.wrapper .main .shopping .recommend .videolistbox li .pic{
	width: 292px;
	height: 164px;
	float: left;
	background: #e6e6e6;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.wrapper .main .shopping .recommend .videolistbox li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .shopping .recommend .videolistbox li .pic .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/video_play.png) no-repeat center;
	z-index: 9;
}
.wrapper .main .shopping .recommend .videolistbox li .text{
	width: 100%;
	height: 27px;
	padding-top: 11px;
	float: left;
}
.wrapper .main .shopping .recommend .videolistbox li .text .txt{
	width: 225px;
	height: 27px;
	line-height: 27px;
	font-size: 16px;
	color: #41413f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical; 
	float: left;
}
.wrapper .main .shopping .recommend .videolistbox li .text .audition{
	width: 58px;
	height: 27px;
	line-height: 27px;
	border-radius: 2px;
	background: url(../images/schedulelist_li_audition.gif) no-repeat 40px 4px #ffb800;
	font-size: 14px;
	color: #fff;
	padding-left: 7px;
	float: right;
}
.wrapper .main .shopping .recommend .videolistbox li .price{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 16px;
	color: #fea100;
}
.wrapper .main .shopping .recommend .videolistbox li .price span{
	color: #9e9e9e;
	text-decoration:line-through;
	margin-left: 10px;
}
.wrapper .main .member .memberbox .title .tab1,
.wrapper .main .member .memberbox .title .tab{
	width: 496px;
	width: auto;
	height: 31px;
	float: right;
	margin-top: 4px;
}
.wrapper .main .member .memberbox .title .tab1 li,
.wrapper .main .member .memberbox .title .tab li{
	width: 121px;
	height: 31px;
	line-height: 31px;
	float: left;
	margin-left: 3px;
	background: #b6b6b6;
	text-align: center;
	cursor: pointer;
	display: inline;
}
.wrapper .main .member .memberbox .title .tab1 li a,
.wrapper .main .member .memberbox .title .tab li a{
	width: 121px;
	height: 31px;
	line-height: 31px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.wrapper .main .member .memberbox .title .tab1 li.now,
.wrapper .main .member .memberbox .title .tab li.now{
	background: #00adff;
	border-bottom: solid 3px #00adff;
}
.wrapper .main .member .memberbox .tabBox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .tabBox .tabBox1{
	width: 100%;
	height: auto;
	float: left;
	display: none;
}
.wrapper .main .member .memberbox .tabBox .videolist{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 10px;
}
.wrapper .main .member .memberbox .tabBox .videolist table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .tabBox .videolist table tr.gray{
	background: #fafafa;
}
.wrapper .main .member .memberbox .tabBox .videolist table th{
	height: 41px;
	font-size: 14px;	
	font-weight: normal;
	color: #818180;
	background: url(../images/languageBox_line.gif) no-repeat 0px 16px #fafafa;
}
.wrapper .main .member .memberbox .tabBox .videolist table td{
	height: 81px;
	text-align: center;
}
.wrapper .main .member .memberbox .tabBox .videolist table .name{
	width: 268px;
	text-align: left;
	padding-left: 15px;
}
.wrapper .main .member .memberbox .tabBox .videolist table .name a:hover .text .tit{
	color: #ffb800;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.name .pic{
	width: 90px;
	height: 52px;
	position: relative;
	text-align: center;
	background: #e6e6e6;
	float: left;
	overflow: hidden;
	float: left;
}	
.wrapper .main .member .memberbox .tabBox .videolist table td.name .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.name .pic .play{
	width: 100%;
	height: 100%;
	background: url(../images/course_pic_play.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}	
.wrapper .main .member .memberbox .tabBox .videolist table td.name .text{
	width: 168px;
	height: auto;
	float: right;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.name .text .tit{
	width: 100%;
	height: auto;
	max-height: 36px;
	line-height: 18px;
	font-size: 14px;
	color: #41413f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .videolist table td.name .text .txt{
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #818180;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .videolist table .price{
	width: 100px;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.price .text{
	font-size: 14px;
	color: #ff6c00;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.price .txt{
	font-size: 14px;
	color: #41413f;
	text-decoration: line-through;
}
.wrapper .main .member .memberbox .tabBox .videolist table .time{
	width: 153px;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.time{
	font-size: 14px;
	color: #41413f;
}
.wrapper .main .member .memberbox .tabBox .videolist table .operation{
	width: 168px;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.operation .study{
	width: auto;
	height: 23px;
	line-height: 23px;
	float: left;
	background: #ffb800;
	border-radius: 2px;
	padding: 0 10px;
	margin-left: 5px;
}
.wrapper .main .member .memberbox .tabBox .videolist table td.operation .suspend{
	width: auto;
	height: 23px;
	line-height: 23px;
	float: left;
	background: #a8a8a8;
	border-radius: 2px;
	padding: 0 10px;
	margin-left: 4px;
}
.wrapper .main .member .memberbox .tabBox .paging{
	width: 100%;
	height: 32px;
	float: right;
	margin-top: 18px;
	margin-bottom: 48px;
}
.wrapper .main .member .memberbox .tabBox .paging .pagingTxt{
	width: auto;
	height: 32px;
	line-height: 32px;
	float: right;
	font-size: 14px;
	color: #3f3f3f;
}
.wrapper .main .member .memberbox .tabBox .paging .pagingTxt span{
	color: #00adff;
}
.wrapper .main .member .memberbox .tabBox .paging .pagingBox{
	width: auto;
	height: 32px;
	float: right;
}
.wrapper .main .member .memberbox .tabBox .paging .pagingBox li{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: solid 1px #00adff;
	border-radius: 3px;
	float: left;
	margin-left: 8px;
	overflow: hidden;
}
.wrapper .main .member .memberbox .tabBox .paging .pagingBox li a{
	width: 30px;
	height: 30px;
	float: left;
	background: #00adff;
	font-size: 16px;
	color: #fff;	
}
.wrapper .main .member .memberbox .tabBox .paging .pagingBox li a:hover,
.wrapper .main .member .memberbox .tabBox .paging .pagingBox li.now a{
	background: #fff;
	color: #00adff;
}
.wrapper .main .member .memberbox.collection .title .tab{
	width: 372px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 6px;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 1px;
	overflow: hidden;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li{
	width: 677px;
	height: auto;
	float: left;
	padding: 16px 12px 12px 15px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li.gray{
	background: #fafafa;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .flag{
	width: 117px;
	height: 71px;
	float: left;
	text-align: center;
	background: #e6e6e6;
	overflow: hidden;
}
.wrapper .main .member .memberbox .tabBox .collectionlist.video li .flag{
	width: 117px;
	height: 66px;
	position: relative;
}
.wrapper .main .member .memberbox .tabBox .collectionlist.video li .flag a{
	width: 117px;
	height: 71px;
	float: left;
	position: absolute;
	z-index: 9;
	background: url(../images/video_play2.png) no-repeat center center;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .flag:hover{
	box-shadow: 0px 0px 5px #00adff;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .flag img{
	width: 100%;
	height: auto;
}
.wrapper .main .member .memberbox .tabBox .collectionlist.news li .text{
	width: 450px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text{
	width: 280px;
	height: auto;
	float: left;
	margin-left: 10px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist.participate li .text{
	width: 450px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .tit{
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .tit a{
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .tit a:hover,
.wrapper .main .member .memberbox .tabBox .collectionlist li .text a:hover .tit{
	color: #fea700;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .tit span{
	color: #00adff;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .tit span a{
	font-size: 14px;
	color: #00adff;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .txt{
	width: 100%;
	height: 50px;
	line-height: 17px;
	font-size: 12px;
	color: #7c7c7c;
	float: left;
	margin-top: 3px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .text .txt a{
	font-size: 12px;
	color: #7c7c7c;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .price{
	width: 190px;
	height: 70px;
	line-height: 72px;
	float: left;
	font-size: 18px;
	color: #fea700;
	text-align: center;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .cancel{
	width: 64px;
	height: 27px;
	float: right;
	margin-top: 21px;
	margin-right: 12px;
	background: #aeaeae;
	border-radius: 2px;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .cancel input{
	width: 64px;
	height: 27px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	background: none;
	float: left;
}
.wrapper .main .member .memberbox .tabBox .collectionlist li .cancel a{
	width: 64px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	background: none;
	float: left;
}
.wrapper .main .member .memberbox .home{
	width: 705px;
	height: auto;
	float: left;
	margin-top: 43px;
	margin-bottom: 73px;
}
.wrapper .main .member .memberbox .home .welcome{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .home .welcome .username{
	width: auto;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 26px;
	color: #00baff;
}
.wrapper .main .member .memberbox .home .welcome .hello{
	width: auto;
	height: 36px;
	line-height: 36px;
	float: left;
	font-size: 14px;
	color: #8d8d8d;
	margin-top: 4px;
}
.wrapper .main .member .memberbox .home .coursemenu{
	width: 100%;
	height: 63px;
	float: left;
	margin-top: 12px;
}
.wrapper .main .member .memberbox .home .coursemenu li{
	width: 231px;
	height: 63px;
	margin-left: 5px;
	float: left;
	background: url(../images/memberbox_oursemenu_l.gif) repeat-y;
}
.wrapper .main .member .memberbox .home .coursemenu li a{
	width: 227px;
	height: 63px;
	float: right;
	background: url(../images/memberbox_oursemenu_r.gif) repeat-y 223px 0px #eef1f5;
}
.wrapper .main .member .memberbox .home .coursemenu li .text{
	width: 60px;
	height: auto;
	float: left;
	margin-left: 60px;
	margin-top: 17px;
	display: inline;
}
.wrapper .main .member .memberbox .home .coursemenu li .text .txt1{
	width: 100%;
	height: 16px;
	line-height: 16px;
	color: #00baff;
	font-size: 16px;
	text-align: center;
	float: left;
	padding-top: 3px;
}
.wrapper .main .member .memberbox .home .coursemenu li .text .txt2{
	width: 100%;
	height: 14px;
	line-height: 14px;
	color: #a8aeb8;
	font-size: 12px;
	text-align: center;
	float: left;
}
.wrapper .main .member .memberbox .home .coursemenu li .number{
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	font-weight: bold;
	font-family: arial;
	color: #00baff;
	margin-top: 13px;
	float: left;
}
.wrapper .main .member .memberbox .home .overdue{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .home .overdue .title{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 14px;
	color: #8d8d8d;
	margin-top: 29px;
	border: none;
}
.wrapper .main .member .memberbox .home .overdue .title span{
	font-size: 18px;
	color: #00baff;
}
.wrapper .main .member .memberbox .home .overdue .overduelist{
	width: 705px;
	height: auto;
	float: left;
	margin-top: 19px;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li{
	width: 683px;
	height: auto;
	float: left;
	border: solid 1px #f1f2f6;
	padding: 10px;	
	margin-bottom: 11px;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li.gray{
	background: #f5f7f9;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .pic{
	width: 134px;
	height: 75px;
	float: left;
	text-align: center;
	background: #e6e6e6;
	position: relative;
	overflow: hidden;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .pic:hover{
	box-shadow: 0px 3px 5px #00adff;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .pic img{
	width: auto;
	height: 100%;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .pic .play{
	width: 134px;
	height: 75px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: url(../images/course_pic_play.png) no-repeat center center;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text{
	width: 300px;
	height: auto;
	float: left;
	margin-left: 13px;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text .tit{
	width: 100%;
	height: 24px;
	line-height: 24px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text .tit a{
	font-size: 16px;
	color: #41413f;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text .tit a:hover{
	color: #fea100;	
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text .txt{
	width: 100%;
	height: 48px;
	line-height: 24px;
	float: left;
	margin-top: 3px;
	font-size: 14px;
	color: #aeaeae;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .text .txt span{
	color: #fea100;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .linkbox{
	width: 234px;
	height: 27px;
	float: left;
	margin-top: 25px;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .linkbox a{
	width: auto;
	height: 27px;
	line-height: 27px;
	background: #ffb800;
	float: left;
	margin-right: 6px;
	padding: 0 13px;
	border-radius: 2px;
}
.wrapper .main .member .memberbox .home .overdue .overduelist li .linkbox a.gray{
	background: #aeaeae;
}
.wrapper .main .member .memberbox .home .title{
	margin-top: 30px;
}
.wrapper .main .member .memberbox .home .title .tit{
	font-weight: normal;
}
.wrapper .main .member .memberbox .home .title .tab{
	width: 372px;
}
.wrapper .main .member .memberbox .home .classesbox{
	width: 705px;
	height: auto;
	float: left;
	margin-top: 3px;
	padding: 0px;
	background: #fff;
	display: none;
}
.wrapper .main .member .memberbox .home .classesbox table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .home .classesbox th{
	background: url(../images/languageBox_line.gif) no-repeat 0px 15px #fafafa;
	font-weight: 500;
	font-family: "microsoft yahei";
	font-size: 14px;
	color: #818180;
	height: 40px;
}
.wrapper .main .member .memberbox .home .classesbox td{
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	font-family: "microsoft yahei";
	color: #7c7c7c;
	background: #fff;
	padding: 22px 0;
}
.wrapper .main .member .memberbox .home .classesbox tr.gray td{
	background: #fafafa;
}
.wrapper .main .member .memberbox .home .classesbox tr:hover td{
	background: #f1f1f1;
}
.wrapper .main .member .memberbox .home .classesbox td.languages{
	width: 73px;
}
.wrapper .main .member .memberbox .home .classesbox td.curriculum1{
	width: 122px;
	color: #3f3f3f;
	font-weight: bold;
}
.wrapper .main .member .memberbox .home .classesbox td.classForm{
	width: 79px;
}
.wrapper .main .member .memberbox .home .classesbox td.time{
	width: 182px;
}
.wrapper .main .member .memberbox .home .classesbox td.discount{
	width: 140px;
	color: #fea700;
	padding: 3px;
}
.wrapper .main .member .memberbox .home .classesbox td.signUp{
	width: 102px;
}
.wrapper .main .member .memberbox .home .classesbox td.signUp a{
	width: 63px;
	height: 34px;
	line-height: 34px;
	display: block;
	background: url(../images/classesbox_signUp.gif) repeat-x;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-left: 20px;
	border-radius: 2px;
}
.wrapper .main .member .memberbox .home .classesbox td.signUp a:hover{
	background: url(../images/classesbox_signUp2.gif) repeat-x;
}
.wrapper .main .member .register{
	width: 908px;
	height: auto;
	float: left;
	background: #fff;
	position: relative;
	padding: 0 75px 97px 75px;
}
.wrapper .main .member .register .title{
	width: 100%;
	height: 26px;
	text-align: center;
	background: url(../images/about_patternTitle_bg.gif) repeat-x 0 11px;
	margin-top: 65px;
	float: left;
}
.wrapper .main .member .register .title .tit{
	width: auto;
	height: 26px;
	display:inline-block;
    display:inline-table;
    padding: 0 96px;
    background: url(../images/about_patternTitle_tit_bg.gif) repeat-x 0 11px;
}
*html .wrapper .main .member .register .title .tit{
	width: 280px;
}
*+html .wrapper .main .member .register .title .tit{
	width: 280px;
}
.wrapper .main .member .register .title .tit .tit1{
	width: auto;
	height: 26px;
	line-height: 26px;
	display:inline-block;
    display:inline-table;
    font-size: 26px;
    color: #00adff;
    text-align: center;
    background: #fff;
    padding: 0 3px;
}
*html .wrapper .main .member .register .title .tit .tit1{
	width: 250px;
}
*+html .wrapper .main .member .register .title .tit .tit1{
	width: 250px;
}
.wrapper .main .member .register .inputlistbox{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 55px;
}
.wrapper .main .member .register .inputlistbox li{
	width: 100%;
	height: 45px;
	float: left;
	margin-bottom: 35px;
}
.wrapper .main .member .register .inputlistbox li .txt{
	width: 300px;
	height: 45px;
	line-height: 45px;
	float: left;
	font-size: 14px;
	color: #333333;
	text-align: right;
}
.wrapper .main .member .register .inputlistbox li .inputbox{
	width: 260px;
	height: 43px;
	float: left;
	border: solid 1px #dddddd;
	margin-left: 12px;
	padding-left: 42px;
	background: url(../images/passwordModify_inputbox1.gif) no-repeat 10px 9px;
	display: inline;
}
.wrapper .main .member .register .inputlistbox li .inputbox input{
	width: 98%;
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
	font-size: 12px;
	color: #aaa8a7;
	float: left;
}
.wrapper .main .member .register .inputlistbox li .validation{
	width: 116px;
	height: 43px;
	border-left: solid 1px #dddddd;
	float: right;
	background: #f6f5f5;
}
.wrapper .main .member .register .inputlistbox li .validation input{
	width: 100%;
	height: 43px;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	color: #aaa8a7;
	background: none;
}
.wrapper .main .member .register .inputlistbox li .verification{
	width: 96px;
	height: 39px;
	border-left: solid 1px #dddddd;
	float: right;
	padding: 2px;
	cursor: pointer;
}
.wrapper .main .member .register .inputlistbox li .refresh{
	width: 15px;	
	height: 15px;
	float: left;
	background: url(../images/verification_Refresh.gif) no-repeat;
	margin-top: 14px;
	margin-left: 13px;
	cursor: pointer;
}
.wrapper .main .member .register .inputlistbox li .tips{
	width: 250px;
	height: 16px;
	float: left;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #bdbdbd;
	padding-left: 0px;
}
.wrapper .main .member .register .inputlistbox li .tips.prompt{
	width: 230px;
	height: 16px;
	float: left;
	background: url(../images/loginWindwo_prompt3.gif) no-repeat left center;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #00bff6;
	padding-left: 20px;
}
.wrapper .main .member .register .inputlistbox li .tips.error{	
	width: 230px;
	height: 16px;
	float: left;
	background: url(../images/loginWindwo_prompt2.png) no-repeat left center;
	margin-top: 14px;
	margin-left: 13px;
	font-size: 12px;
	color: #ff6c00;
	padding-left: 20px;
}
.wrapper .main .member .register .agreement{
	width: 100%;	
	height: 20px;
	line-height: 20px;
	float: left;
	margin-top: 28px;
	text-align: center;
}
.wrapper .main .member .register .agreement .agreement1{
	width: auto;
	display: inline-block;
}
*+html .wrapper .main .member .register .agreement .agreement1{width: 280px;}                                 
*html .wrapper .main .member .register .agreement .agreement1{width: 280px;}     
.wrapper .main .member .register .agreement input{
	float: left;
	margin-top: 4px;
	cursor: pointer;
	float: left;
}
*+html .wrapper .main .member .register .agreement input{margin-top: 0;}                                 
*html .wrapper .main .member .register .agreement input{margin-top: 0;} 
.wrapper .main .member .register .agreement label{
	font-size: 12px;
	color: #333333;
	float: left;
	margin-left: 3px;
	cursor: pointer;
}
.wrapper .main .member .register .agreement a{
	font-size: 12px;
	color: #ff6c00;
} 
.wrapper .main .member .register .agreement a:hover{
	color: #009BE5;
}
.wrapper .main .member .register .loginbtn{
	width: 304px;
	height: 41px;
	float: left;
	margin-top: 36px;
	margin-left: 312px;
	background: #00adff;
	border-radius: 2px;
	display: inline;
}
.wrapper .main .member .register .loginbtn input{
	width: 304px;
	height: 41px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	background: none;
}
.wrapper .header .linkbox .immediately{
	font-size: 24px;
	color: #ffea00;
	font-weight: bold;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}
.wrapper .header .linkbox .immediately:hover{
	color: #00adff;
}
.wrapper .main .member .register .stepslist{
	width: 770px;
	height: auto;
	float: left;
	margin-left: 72px;
	margin-top: 55px;
	display: inline;
}
.wrapper .main .member .register .stepslist li{
	width: 256px;
	height: auto;
	float: left;
}
.wrapper .main .member .register .stepslist li .circle{
	width: 38px;
	height: 40px;
	line-height: 40px;
	background: url(../images/stepslist_circle.gif) no-repeat;	
	float: left;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	font-family: arial;
	color: #fff;
	display: inline;
}
.wrapper .main .member .register .stepslist li .line{
	width: 109px;
	height: 5px;
	background: #c8c8c8;
	float: left;
	margin-top: 18px;
	font-size: 0px;
}
.wrapper .main .member .register .stepslist li .txt{
	width: 100%;
	height: 27px;
	line-height: 27px;
	text-align: center;
	float: left;
	font-size: 16px;
	color: #848484;
}
.wrapper .main .member .register .stepslist li.bright .circle{
	background: url(../images/stepslist_circle2.gif) no-repeat;
}
.wrapper .main .member .register .stepslist li.bright .line{
	background: #00baff;
}
.wrapper .main .member .register .stepslist li.bright .txt{
	color: #00baff;
}
.wrapper .main .member .register .inputlistbox li .verificationbtn{
	width: 302px;
	height: 43px;
	float: left;
	border: solid 1px #dddddd;
	background: #f6f5f5;
	margin-left: 312px;
	display: inline;
}
.wrapper .main .member .register .inputlistbox li .verificationbtn input{
	width: 302px;
	height: 43px;
	font-size: 12px;
	color: #aaa8a7;
	background: none;
	cursor: pointer;
}
.wrapper .main .member .register .complete{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 118px;
	text-align: center;
	margin-bottom: 220px;
}
.wrapper .main .member .register .complete .text{
	width: 300px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/register_complete.gif) no-repeat 0px 0px;
	padding-left: 70px;
}
.wrapper .main .member .register .complete .text .tit{
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: left;
	font-size: 26px;
	color: #00baff;
	font-weight: bold;
	text-align: left;
}
.wrapper .main .member .register .complete .text .txt{
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
	font-size: 14px;
	color: #4d4d4d;
	text-align: left;
	float: left;
} 
.wrapper .main .member .register .complete .text .txt a{
	color: #ff7900;
	font-size: 14px;
}
.wrapper .main .member .register .complete .text .txt a:hover{
	color: #00baff;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist{
	width: 100%;
	height: auto;
	float: left;
	/*border-bottom: solid 1px #e5e5e5;*/
	padding-bottom: 10px;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table tr .separated{
	height: 8px;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table th{
	height: 41px;
	font-size: 14px;	
	font-weight: normal;
	color: #818180;
	background: url(../images/languageBox_line.gif) no-repeat 0px 16px #fafafa;
	border: none;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td{
	height: 81px;
	text-align: center;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .number{
	width: 100%;
	height: 31px;
	border: solid 1px #e1e1e1;
	background: #fafafa;
	margin-top: 8px;
	font-size: 14px;
	color: #41413f;
	text-align: left;
	padding-left: 14px;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .name{
	width: 268px;
	text-align: left;
	padding-left: 15px;
	border-left: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table th.name{
	border: none;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .name a:hover .text .tit{
	color: #ffb800;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .pic{
	width: 90px;
	height: 52px;
	position: relative;
	text-align: center;
	background: #e6e6e6;
	float: left;
	overflow: hidden;
	float: left;
}	
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .pic .play{
	width: 100%;
	height: 100%;
	background: url(../images/course_pic_play.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}	
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .text{
	width: 168px;
	height: auto;
	float: right;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .text .tit{
	width: 100%;
	height: auto;
	max-height: 36px;
	line-height: 18px;
	font-size: 14px;
	color: #41413f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.name .text .txt{
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #818180;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .price{
	width: 100px;
	border-bottom: solid 1px #e1e1e1;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table th.price{
	border: none;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.price .text{
	font-size: 14px;
	color: #ff6c00;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.price .txt{
	font-size: 14px;
	color: #41413f;
	text-decoration: line-through;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .time{
	width: 153px;
	border-bottom: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table th.time{
	border: none;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table td.time{
	font-size: 14px;
	color: #41413f;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table th.operation{
	border: none;

}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .operation{
	width: 168px;
	border-bottom: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .operation .text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	color: #ff6c00;
}
.wrapper .main .member .memberbox .tabBox .notPayinglist table .operation a{
	width: 77px;	
	height: 23px;
	line-height: 23px;
	text-align: center;
	background: #ffb800;
	font-size: 14px;
	color: #fff;
	float: left;
	margin-left: 45px;
	margin-top: 8px;
}
.wrapper .main .member .memberbox .home .classesbox li{
	width: 677px;
	height: auto;
	float: left;
	padding: 16px 12px 12px 15px;
}
.wrapper .main .member .memberbox .home .classesbox li.gray{
	background: #fafafa;
}
.wrapper .main .member .memberbox .home .classesbox li .flag{
	width: 117px;
	height: 71px;
	float: left;
	text-align: center;
	background: #e6e6e6;
	overflow: hidden;
}
.wrapper .main .member .memberbox .home .classesbox li .flag:hover{
	box-shadow: 0px 0px 5px #00adff;
}
.wrapper .main .member .memberbox .home .classesbox li .flag img{
	width: auto;
	height: 100%;
}
.wrapper .main .member .memberbox .home .classesbox li .text{
	width: 550px;
	height: auto;
	float: left;
	margin-left: 10px;
}
.wrapper .main .member .memberbox .home .classesbox li .text .tit{
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .home .classesbox li .text .tit a{
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
}
.wrapper .main .member .memberbox .home .classesbox li .text .tit a:hover,
.wrapper .main .member .memberbox .home .classesbox li .text a:hover .tit{
	color: #fea700;
}
.wrapper .main .member .memberbox .home .classesbox li .text .tit span{
	color: #00adff;
}
.wrapper .main .member .memberbox .home .classesbox li .text .tit span a{
	font-size: 14px;
	color: #00adff;
}
.wrapper .main .member .memberbox .home .classesbox li .text .txt{
	width: 100%;
	height: 50px;
	line-height: 17px;
	font-size: 12px;
	color: #7c7c7c;
	float: left;
	margin-top: 3px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .member .memberbox .home .classesbox li .text .txt a{
	font-size: 12px;
	color: #7c7c7c;
}
.wrapper .errorPage{
	width: 100%;	
	height: 100%;
	float: left;
}
.wrapper .errorPic{
	width: 100%;
	height: 197px;
	float: left;
	margin-top: 208px;
	text-align: center;
}
.wrapper .errorText{
	width: 100%;
	height: 38px;
	line-height: 38px;
	float: left;
	font-size: 38px;
	color: #303030;
	text-align: center;
	margin-top: 37px;
}
.wrapper .errorLink{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
	text-align: center;
	margin-top: 25px;
}
.wrapper .errorLink a{
	font-size: 20px;
	color: #a5a5a5;
}
.wrapper .errorLink a:hover{
	color: #01adff;
}
.wrapper .errorBtn{
	width: 100%;
	height: 62px;
	float: left;
	text-align: center;
	margin-top: 92px;
}
.wrapper .errorBtn a{
	width: 232px;
	height: 58px;
	line-height: 58px;
	display: block;
	margin: 0 auto;
	border: solid 2px #01adff;
	border-radius: 5px;
	font-size: 30px;
	color: #01adff;
}
.wrapper .errorBtn a:hover{
	background: #01adff;
	color: #fff;
}
.wrapper .main .about .activitybox{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
}
.wrapper .main .about .activitybox .activitylist{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.wrapper .main .about .activitybox .activitylist .listbox{
	width: 100%;
	height: auto;
	float: left;
}
.wrapper .main .about .activitybox .activitylist .listbox li{
	width: 216px;
	height: auto;
	float: left;
	margin-left: 8px;
	margin-bottom: 25px;
}
.wrapper .main .about .activitybox .activitylist .listbox li .pic{
	width: 216px;
	height: 122px;
	float: left
}
.wrapper .main .about .activitybox .activitylist .listbox li .pic img{
	width: 100%;
	height: auto;
}
.wrapper .main .about .activitybox .activitylist .listbox li .text{
	width: 200px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #7a601b;
	text-align: center;
	background: #ffcc47;
	padding: 0 8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;  
}
.wrapper .main .about .activitybox .activitylist .listbox li:hover .text{
	background: #00adff;
	color: #fff;
}
.wrapper .main .about .activitybox .detailed{
	width: 956px;
	height: auto;
	padding: 0 72px;
	float: left;
	margin-top: 60px;
}
.wrapper .main .about .activitybox .detailed .title{
	width: 840px;
	height: auto;
	float: left;
}
.wrapper .main .about .activitybox .detailed .title .text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 36px;
	color: #070707;
}
.wrapper .main .about .activitybox .detailed .title .txt{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #8e8c88;
	float: left;
	margin-top: 3px;
}
.wrapper .main .about .activitybox .detailed .pagebtn{
	width: 110px;
	height: 50px;
	float: right;
}
.wrapper .main .about .activitybox .detailed .pagebtn a{
	width: 49px;
	height: 49px;
	float: left;
	margin-left: 5px;
}
.wrapper .main .about .activitybox .detailed .pagebtn a.pagebtnl{
	background: url(../images/pagebtn1.gif) no-repeat;
}
.wrapper .main .about .activitybox .detailed .pagebtn a.pagebtnr{
	background: url(../images/pagebtn2.gif) no-repeat;
}
.wrapper .main .about .activitybox .detailed .pagebtn a.pagebtnl:hover{
	background: url(../images/pagebtn12.gif) no-repeat;
}
.wrapper .main .about .activitybox .detailed .pagebtn a.pagebtnr:hover{
	background: url(../images/pagebtn22.gif) no-repeat;
}
.wrapper .main .about .activitybox .detailed .cent{
	width: 100%;
	height: auto;
	line-height: 34px;
	float: left;
	border-top: solid 1px #e5e5e5;
	margin-top: 35px;
	font-size: 16px;
	color: #5b5b5b;
	padding: 35px 0;
}
.wrapper .main .about .activitybox .detailed .cent img{
	max-width: 100%;
	height: auto;
}
.wrapper .main .about .activitybox .detailed .collection{
	width: auto;
	height: 92px;
	float: left;
	text-align: center;
	margin-left: 430px;
}
.wrapper .main .about .activitybox .detailed .collection div{
	width: 92px;
	height: 42px;
	height: 92px;
	float: left;
	/*margin-right: 18px;*/
}
.wrapper .main .about .activitybox .detailed .collection div a{
	width: 92px;
	height: 42px;
	background: url(../images/detailed_collection1.gif) no-repeat;
	font-size: 14px;
	color: #fff;
	text-align: center;
	float: left;
	padding-top: 52px;
}
.wrapper .main .about .activitybox .detailed .collection div.now a{
	background: url(../images/detailed_collection2.gif) no-repeat;
}
.wrapper .main .about .activitybox .detailed .relevant .title{
	width: 100%;
	height: 32px;
	float: left;
	text-align:center;
	background: url(../images/gray_line.gif) repeat-x 0 center;
    margin-top: 20px;
}
.wrapper .main .about .activitybox .detailed .relevant .title .tit{
	width: auto;
	height: 32px;
	line-height: 30px;
	display:inline-block;
    display:inline-table;
    font-size: 30px;
    color: #000;
    background: #fff;
    padding: 0 5px;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 40px;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li{
	width: 100%;
	height: auto;
	float: left;
	padding: 30px 0;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .date{
	width: 68px;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .date .day{
	width: 100%;
	height: 49px;
	line-height: 49px;
	font-family: arial;
	font-size: 60px;
	font-weight: bold;
	color: #000;
	text-align: center;
	float: left;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .date .year{
	width: 90%;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 16px;
	color: #000;
	text-align: center;
	border-top: solid 2px #000;
	float: left;
	margin-left: 5%;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .text{
	width: 875px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .text .tit{
	width: 100%;
	height: 23px;
	line-height: 23px;
	float: left;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .text .tit a{
	font-size: 20px;
	color: #000;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;                   
	-webkit-box-orient:vertical;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .text .tit a:hover{
	color: #613d8f;
}
.wrapper .main .about .activitybox .detailed .relevant .relevantList li .text .txt{
	width: 100%;
	height: 44px;
	line-height: 22px;
	font-size: 14px;
	color: #8d8d8d;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;                   
	-webkit-box-orient:vertical;
	margin-top: 8px;
	float: left;
}
.wrapper .main .overseas .translate{
	width: 1042px;
	height: auto;
	float: left;
	background: #fff;
	margin-top: 0px;
	margin-bottom: 45px;
	border-top: none;
	padding: 0 69px;
}







#qqbox{
	width:100px;
	height:auto;
	position: fixed; 
	top:30%;
	right: 0;	
	z-index:998; 
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+200)); 
}
#qqbox #qqtit{
	width:100px;
	height:33px;
	float:left;
	background:url(../images/qqbox1.png) no-repeat left top #fff;
}
#qqbox #qqcon{
	padding:10px 0px 5px 0px;
	width:100px;
	height:auto;
	float:left;
	background:url(../images/qqbox2.png) repeat-y left #fff;
}
#qqbox #qqbottom{
	width:100px;
	height:auto;
	float:left;
	background:url(../images/qqbox3.png) no-repeat left top #fff;
}
#qqbox #qqcon #qqtime{
	width:100px;
	height:26px;
	text-align:center;
	color:#999;
	float:left;
}
#qqbox #qqcon #qqtime #qqer_worktime{
	font-size: 12px;
	color: #999;
}
#qqbox #qqcon #qqtit1{
	width:100px;
	height:20px;
	font-size: 12px;
	text-align:center;
	color:#696969;
	font-weight:bold;
	float:left;
}
#qqbox #qqcon #qqlist{
	width:100px;
	height:auto;
	float:left;
}
#qqbox #qqcon #qqlist li{
	width:82px;
	height:24px;
	text-align:center;
	float:left;
	border: solid 1px #83cff1;
	border-radius: 2px;
	box-sizing: border-box;
	margin-bottom: 7px;
	margin-left: 9px;
	background: no-repeat #98dafa;
	cursor: pointer;
	padding: 0;
}
#qqbox #qqcon #qqlist li.offline{
	border: solid 1px #717171;
	background: no-repeat #c5c5c5;
}
#qqbox #qqcon #qqlist li.offline a{
	color: #4c4c4c;
}
#qqbox #qqcon #qqlist li img{
	float: left;
	margin-right: 5px;
}
#qqbox #qqcon #qqlist li a{
	width: 62px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: left;
	float: left;
	/*padding-left: 17px;*/
	font-size: 12px;
	color: #1a649d;
}
#qqbox #qqcon #qqtel #qqer_weixin,
#qqbox #qqcon #qqtel #qqer_hezuotel,
#qqbox #qqcon #qqtel #qqer_tousutel{
	padding-bottom: 14px;
    width: 100px;
    height: auto;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #79c512;
    float: left;
}
#qqbox #qqcon #weixin{
	padding-left:13px;
	padding-bottom:2px;
	width:78px;
	float:left;
}
#qqbox #qqbottom #qqtop{
	width:49px;
	height:27px;
	float:left;
	background:url(../images/blue.gif) no-repeat left top #79C512;
}
#qqbox #qqbottom #qqtop.over #qqtop1{
	width:49px;
	height:37px;
	float:left;
}
#qqbox #qqbottom #qqtop.out #qqtop1{
	width:49px;
	height:37px;
	float:left;
	height: 22px;
	overflow: hidden;
}
#qqbox #qqbottom #qqmessage{
	width:49px;
	height:27px;
	float:left;
	background:url(../images/green.gif) no-repeat right top #FF9E00;
}
#qqbox #qqbottom #qqmessage.over #qqmessage1{
	width:49px;
	height:37px;
	float:left;
}
#qqbox #qqbottom #qqmessage.out #qqmessage1{
	width:49px;
	height:37px;
	float:left;
	height: 22px;
	overflow: hidden;
}
.species{
	width: 100%;
	height: auto;
	float: left;
}
.speciesbox{
	width: 1180px;
	height: auto;
	margin: auto;
	margin-top: 60px;
	overflow: hidden;
}
.speciesbox .liebiaoBox{
	width: 206px;
	height: auto;
	float: left;
	margin-right: 35px;
}
.speciesbox .liebiaoBox:last-child{
	margin-right: 0px;
}
.speciesbox .liebiaoBox li{
	width: 100%;
	height: 45px;
}
.speciesbox .liebiaoBox .bt{
	width: 100%;
	height: 45px;
	border-radius: 45px;
	font-size: 20px;
	color: #ffffff;
	line-height: 45px;
	padding-left: 25px;
	font-family: 微软雅黑;
	align-items:center;        /*垂直居中*/
  	display:-webkit-flex;
  	margin-bottom: 15px;
  	cursor: pointer;
}
.speciesbox .liebiaoBox:nth-of-type(1) .bt{	
	background: #fea100;
	border: 3px solid #ffe0ab;
	box-sizing: border-box;
}
.speciesbox .liebiaoBox:nth-of-type(2) .bt{	
	background: #73c202;
	border: 3px solid #d1ebac;
	box-sizing: border-box;
}
.speciesbox .liebiaoBox:nth-of-type(3) .bt{	
	background: #00adff;
	border: 3px solid #abe4ff;
	box-sizing: border-box;
}
.speciesbox .liebiaoBox:nth-of-type(4) .bt{	
	background: #ff2b7b;
	border: 3px solid #ffb9d4;
	box-sizing: border-box;
}
.speciesbox .liebiaoBox:nth-of-type(5) .bt{	
	background: #715294;
	border: 3px solid #d5c0ed;
	box-sizing: border-box;
}
.speciesbox .liebiaoBox .bt span{
	font-size: 33px;
	line-height: 45px;
	color: #ffffff;
	font-family: Haettenschweiler;
	margin-right: 8px;
}
.speciesbox .liebiaoBox li{
	width: 100%;
	height: 45px;
	background: #f7f7f7;
	border-radius: 45px;
	margin-bottom:5px; 
	font-size: 16px;
	color: #41413f;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}
.speciesbox .liebiaoBox:nth-of-type(1) li:hover{
	background: #fea100;
	color: #fff;
}
.speciesbox .liebiaoBox:nth-of-type(2) li:hover{
	background: #73c202;
	color: #fff;
}
.speciesbox .liebiaoBox:nth-of-type(3) li:hover{
	background: #00adff;
	color: #fff;
}
.speciesbox .liebiaoBox:nth-of-type(4) li:hover{
	background: #ff2b7b;
	color: #fff;
}
.speciesbox .liebiaoBox:nth-of-type(5) li:hover{
	background: #715294;
	color: #fff;
}
.speciesbox .liebiaoBox .more{
	width: 63px;
	height: 24px;
	border-radius: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	float: right;
	margin-top: 10px;
	position: relative;
}
.speciesbox .liebiaoBox .more:before{
	content: '';
  position: absolute;
  top: 7px;
  right: 8px;
  border-top: 6px solid transparent;
  border-left: 6px solid #FFFFFF;
  border-bottom: 6px solid transparent;
}
.speciesbox .liebiaoBox:nth-of-type(1) .more{
	background: #fea100;
}
.speciesbox .liebiaoBox:nth-of-type(2) .more{
	background: #73c202;
}
.speciesbox .liebiaoBox:nth-of-type(3) .more{
	background: #00adff;
}
.speciesbox .liebiaoBox:nth-of-type(4) .more{
	background: #ff2b7b;
}
.speciesbox .liebiaoBox:nth-of-type(5) .more{
	background: #715294;
}
.share{
	width: 150px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	z-index: 8888888;
}