@charset "utf-8";
*{padding: 0;margin: 0;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul li{list-style: none;}
img{border: 0;outline: none;}
a{color: #585858;text-decoration: none;outline: none;blr:expression(this.onFocus=this.blur());}
input{outline: none;font-size: 13px;background: none;-webkit-appearance: none;margin: 0;padding: 0;}
textarea{font-size: 13px;resize: none;outline: none;text-align: justify;overflow-y: auto;overflow-x: hidden;}
select{color: #585858;outline: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
button, select {text-transform: none;}
button, input {line-height: normal;border: none;outline: none;}
i, em{font-style: normal;}
u{color: #585858;}
q:before,q:after{content:'';}
hr{color:#585858;}
.none{display: none;}
.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
table{width:100%;color:#585858;font-size:12px;border-collapse:collapse;}
input::-webkit-input-placeholder {color: #585858;}
input:-moz-placeholder {color: #585858;}
input::-moz-placeholder {color: #585858;}
input:-ms-input-placeholder {color: #585858;}
textarea::-webkit-input-placeholder {color: #585858;}
textarea:-moz-placeholder {color: #585858;}
textarea::-moz-placeholder {color: #585858;}
textarea:-ms-input-placeholder {color: #585858;}
html {height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {height: 100%;color: #585858;overflow-y:scroll !important; overflow-y:auto;font-size: 13px;font-family:Microsoft YaHei,sans-serif;min-width: 1300px;}
.main{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main .wrapper{
	width: 100%;
	height: auto;
	margin-top: 80px;
	overflow: hidden;
}
/*header*/
.header{
	width: 100%;
	height: 68px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
    min-width: 1300px;
    -webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);     background-color: #fff;
    box-shadow: 0px 0px 5px 5px #bababa;
}
.headerfixed{
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	color: #fff;
	background: rgba(233, 48, 56, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8e93038,endColorstr=#C8e93038);
}
.courseheader{
	width: 100%;
	height: 68px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
    min-width: 1300px;
    -webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	background: rgba(233, 48, 56, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8e93038,endColorstr=#C8e93038);
}
.header .nav{
	width: 100%;
	height: 100%;
}
.header .nav .navl{
	float: left;
	margin-left: 2%;
}
.header .nav .navl .jcicon{
	display: block;
	float: left;
	width: auto;
	height: 60px; margin:4px 0px;
}
.header .nav .navr{
	width: auto;
	float: right;
	margin-right: 2%;
}
.header .nav .navr ul{
	width: auto;
	float: left;
	height: 100%;
	overflow: hidden;
	line-height: 68px;
}
.header .nav .navr ul li{
	float: left;
	width: 90px;
	height: 100%;
	font-size: 15px;
	overflow: hidden;
	text-align: center;
}
.header .nav .navr ul li a{
	position: relative;
	display: block;
	width: 63px;
	height: 30px;
	margin: 19px auto;
	line-height: 30px;
}
.header .nav .navr ul li a.linksmall{
	width: 32px;
}
.header .nav .navr ul li a b{
	position:absolute;
	top:23px;
	left:50%;
	width:0;
	height:0;
	display:block;
	cursor:pointer;
	background:#e93038;
}
.header .nav .navr .langicon{
	display: block;
	float: right;
	width: 68px;
	height: 68px;
}
.header .nav .navr .langicon img{
	display: block;
	width: 68px;
	height: 68px;
}
.header .nav .navr ul li.current a{
	color: #e93038;
}
.headerfixed .nav .navr ul li a{
	color: #fff;
}
.headerfixed .nav .navr ul li.current a{
	color: #f9e596;
}
.headerfixed .nav .navr ul li a b{
	background: #fff;
}
/*footer*/
.footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #333;
}
.footer .footop{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.footer .footop .ftcont{
	width: 1300px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.footer .ftcont .ftleft{
	float: left;
	width: 500px;
	height: auto;
	overflow: hidden;
}
.footer .ftcont .ftleft h2{
	width: 100%;
	height:30px;
	color: #fff;
	margin-top: 38px;
	overflow: hidden;
	line-height: 30px;
}
.footer .ftcont .ftleft h2 img{
	display: block;
	float: left;
}
.footer .ftcont .ftleft h2 span{
	display: block;
	float: left;
	margin-left:5px;
}
.footer .ftcont .ftleft .addlist{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	    color: white;
}
.footer .ftcont .ftleft p{
	width: 100%;
	color: #888;
	text-align: justify;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.footer .ftcont .ftleft a{
	/*display: block;*/
	color: #fff;
	width: 163px;
	height: 30px;
	overflow: hidden;
	font-size: 15px;
	line-height: 30px;
	margin: 10px 0 38px;
	position: relative;
}
.footer .ftcont .ftleft a em{
	background: url(../images/address_foot.png) no-repeat;
	display: block;
	width: 22px;
	height: 30px;
	float: left;
}
.footer .ftcont .ftleft a span{
	display: block;
	float: left;
	-webkit-transition: transform 0.20s ease-in-out;
    -moz-transition: transform 0.20s ease-in-out;
    -o-transition: transform 0.20s ease-in-out;
    transition: transform 0.20s ease-in-out;
}
.footer .ftcont .ftleft a:hover span{
	-moz-transform:scale(1.04,1.04); 
	-webkit-transform:scale(1.04,1.04); 
	-o-transform:scale(1.04,1.04); 
}
.footer .ftcont .ftleft a b{
	position:absolute;
	top:25px;
	left:50%;
	width:0px;
	height:0px;
	display:block;
	cursor:pointer;
	background:#fff;
}
.footer .ftcont .ftmiddle{
	width: 370px;
	height: 300px;
	float: left;
	overflow: hidden;
	margin-left: 110px;
}
.footer .ftcont .ftmiddle .ftmlist{
	width: auto;
	height: auto;
	margin-top: 38px;
	overflow: hidden;
}
.footer .ftcont .ftmiddle .ftmlist h2{
	width: 100%;
	color: #fff;
}
.footer .ftcont .ftmiddle .ftmlist em{
	display: block;
	width: 43px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
	background: #e93038;
}
.footer .ftcont .ftmiddle .ftmlist a{
	width: 53px;
	color: #888;
	display: block;
	line-height: 23px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footer .ftcont .ftmiddle .ftmlist a:hover{
	color: #fff;
}
.footer .ftcont .ftmiddle .ftmlist a.ftlong{
	width: 75px;
}
.footer .ftcont .ftmiddle .ftmlist a b{
	position:absolute;
	top:19px;
	left:50%;
	width:0;
	height:0;
	display:block;
	cursor:pointer;
	background:#585858;
}
.footer .ftcont .ftright{
	float: right;
	width: 130px;
	overflow: hidden;
}
.footer .ftcont .ftright em{
	display: block;
	background: url(../images/logogray.png) no-repeat center center;
	width: 130px;
	height: 100px;
	margin-top: 38px;
}
.footer .ftcont .ftright span{
	display: block;
	width: 130px;
	color: #fff;
	margin-top: 5px;
	text-align: center;
}
.footer .footbot{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: rgba(0,0,0,.2);
	background: #292929\9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
}
.footer .footbot .friendlink{
	width: 1300px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
		color: #888;
}
.footer .footbot .friendlink a{
			color: #888;
}
.footer .footbot .friendlink a:hover{
	text-decoration: underline;
}
.footer .footbot .fbcont{
	width: 1300px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
}
.footer .footbot .fbcont .fbleft{
	background: url(../images/footjclogo.png) no-repeat;
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 340px;
}
.footer .footbot .fbcont .fbright{
	float: left;
	height: 50px;
	margin-left: 30px;
}
.footer .footbot .fbcont .fbright p{
	margin-top: 5px;
		color: #888;
}
.footer .footbot .fbcont .fbright p a{
		color: #888;
}
.footer .footbot .fbcont .fbright p a:hover{
	text-decoration: underline;
}
/*翻译*/
.translate{
	background: url(../images/headfanyi_bg.png) no-repeat;
	-moz-background-size: 100% 100%;
	  -o-background-size: 100% 100%;
	     background-size: 100% 100%;
	width: 100%;
	height: 100px;
	position: fixed;
	top: 68px;
	left: 0;
	z-index: 10;
	overflow: hidden;
	display: none;
	background: #e93038\9;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.translate .tranwrapper{
	width: 920px;
	height: 60px;
	margin: 23px auto;
}
.translate .tranwrapper .traninput{
	width: 690px;
	height: 55px;
	float: left;
}
.translate .tranwrapper .traninput input{
	display: block;
	float: left;
	width: 530px;
	color: #585858;
	height: 50px;
	letter-spacing: 1px;
	font-size: 18px;
	text-indent: 20px;
	line-height: 50px;
	background: #fff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.translate .tranwrapper .traninput a{
	background: url(../images/translatebtn.png) no-repeat center center #ff9a28;
	width: 150px;
	height: 50px;
	display: block;
	float: left;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-transition: background 0.30s ease-in-out;
    -moz-transition: background 0.30s ease-in-out;
    -o-transition: background 0.30s ease-in-out;
    transition: background 0.30s ease-in-out;
}
.translate .tranwrapper .traninput a:hover{
	background: url(../images/translatebtnhover.png) no-repeat center center #ff9a28;
}
.translate .tranwrapper .tranletter{
	width: 170px;
	height: 55px;
	float: right;
}
.translate .tranwrapper .tranletter .tranbtn{
	width: 100%;
	height: 50px;
	float: right;
	line-height: 50px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px rgba(0, 0, 0, .3);
	box-shadow: 0 3px rgba(0, 0, 0, .3);
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
.translate .tranwrapper .tranletter .tranbtn a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	text-indent: 5px;
	letter-spacing: 5px;
	text-align: center;
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@-moz-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		-moz-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		-moz-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		-moz-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		-moz-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@-o-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		-o-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		-o-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		-o-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		-o-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		-moz-transform: translateX(8px);
		-o-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		-moz-transform: translateX(-6px);
		-o-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		-moz-transform: translateX(-2px);
		-o-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		-moz-transform: translateX(1px);
		-o-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
.translate .tranwrapper .tranletter .tranbtn:hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	-moz-animation-name: hvr-wobble-horizontal;
	-o-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	background: #efefef\9;
}
.translate .tranclose{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, .3);
}
.translate .tranclose a{
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	font-weight: normal;
}
.translate .tranclose a:hover{
	color: #ddd;
}
/*首页公共的title*/
.title{
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #ccc;
}
.title p{
	width: 100%;
	height: 97px;
	margin: 0 auto;
	font-size: 38px;
	line-height: 97px;
	text-align: center;
}
.title p span{
	font-size: 18px;
	font-weight: bold;
}
.title em{
	display: block;
	width: 260px;
	height: 3px;
	margin: 0 auto;
	background: #e93038;
}
/*二级页面公共的banner*/
.secondbanner{
	width: 100%;
	height: 400px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.secondbanner .title{
	height: 400px;
}
.secondbanner .title p{
	line-height: 400px;
}
.secondbanner .title em{
	margin-top: 300px;
	margin-top: 301px\9;
}
.aboutbanner{
	background: url(../images/aboutbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/aboutbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/aboutbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.classlistbanner{
	background: url(../images/classlistbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/classlistbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/classlistbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.abroadbanner{
	background: url(../images/abroadbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/abroadbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/abroadbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.groupbanner{
	background: url(../images/groupbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/groupbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/groupbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.downbanner{
	background: url(../images/downbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/downbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/downbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.videobanner{
	background: url(../images/videobanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/videobanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/videobanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.musicbanner{
	background: url(../images/musicbanner_bg.jpg) no-repeat center center;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/musicbanner_bg.jpg', sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/musicbanner_bg.jpg', sizingMethod='scale');
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
/*页面中左右浮标*/
.markbuoy{
	position: fixed;
	top: 280px;
	z-index: 11;
	overflow: hidden;
	-webkit-transform: translateZ(0);
}
.floatmarkl{
	width: 100px;
	height: 167px;
	left: 0;
	overflow: hidden;
}
.floatmarkl a{
	display: block;
	width: 100%;
	height: 147px;
	overflow: hidden;
}
.floatmarkl a img{
	display: block;
	width: 100%;
	height: 100%;
}
.floatmarkl span{
	cursor: pointer;
}
.floatmarkr{
	right: 0;
}
.floatmarkr .marklist{
	width: 120px;
	height: 45px;
	margin-bottom: 10px;
	position: relative;
}
.floatmarkr .marklist a{
	display: block;
	width: 120px;
	height: 45px;
	float: right;
	color: #fff;
	line-height: 45px;
	text-align: center;
	text-indent: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.floatmarkr .marklist a span{
	display: block;
	width: 100%;
	height: 45px;
	cursor: pointer;
}
.floatmarkr .marklist.contactnum a{
	background:url(../images/contactnum_img.png) no-repeat #e93038;
	background-position: 13% center;
}
.floatmarkr .marklist.jctalk a{
	background:url(../images/jctalk_img.png) no-repeat #e93038;
	background-position: 13% center;
}
.floatmarkr .marklist.fanyicon a{
	background:url(../images/fanyi_img.png) no-repeat #e93038;
	background-position: 13% center;
}
.floatmarkr .marklist.backtop a{
	background:url(../images/backtop_img.png) no-repeat #e93038;
	background-position: 13% center;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}
@media screen and (max-width: 1441px) {
	.floatmarkr .marklist a{
		width: 60px;
		-webkit-transition: width 0.3s;
		-o-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
	}
	.floatmarkr .marklist a span{
		-khtml-opacity:0;
		-moz-opacity:0;
		filter:alpha(opacity=0);
		opacity:0;
		-webkit-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	.floatmarkr .marklist.contactnum a{
		background-position: center center;
	}
	.floatmarkr .marklist.jctalk a{
		background-position: center center;
	}
	.floatmarkr .marklist.fanyicon a{
		background-position: center center;
	}
	.floatmarkr .marklist.backtop a{
		background-position: center center;
	}
	.floatmarkr .marklist a:hover{
		width: 120px;
		background-position: 13% center;
	}
	.floatmarkr .marklist a:hover span{
		-khtml-opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
		opacity:1;
	}
}
/*电话遮罩*/
.phonemask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    width: 100%;
    height: 100%;
  	z-index: 100;
	display: none;
	min-width: 1300px;
    overflow: hidden;
	background: rgba(0, 0, 0, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}
.phonemask .phoneclose{
	width: 100%;
	height: 80px;
	overflow: hidden;
}
.phonemask .phoneclose a{
	background: url(../images/back_right.png) no-repeat right center;
	display: block;
	float: right;
	color: #fff;
	font-size: 20px;
	margin-right: 50px;
	line-height: 80px;
	padding-right: 50px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}
.phonemask .phoneclose a:hover{
	background: url(../images/back_righthover.png) no-repeat right center;
	color: #ccc;
}
.phonemask .phonemain{
	width: 1280px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -640px;
}
.phonemask .phonemain .phonelist{
	width: 520px;
	height: 100%;
}
.phonemask .phonemain .phonelist .phonetitle{
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 18px;
	padding-left: 45px;
	line-height: 50px;
	overflow: hidden;
	border-bottom: 3px solid #fff;
}
.phonemask .phonemain .phonelist .phonetitle span{
	display: block;
	float: left;
}
.phonemask .phonemain .phonelist .phonetitle em{
	display: block;
	float: left;
	width: 3px;
	height: 20px;
	background: #fff;
	margin: 15px 10px 0;
}
.phonemask .phonemain .meetcontainer .phonetitle{
	background: url(../images/meet_mask.png) no-repeat left center;
}
.phonemask .phonemain .phonecontainer .phonetitle{
	background: url(../images/phone_mask.png) no-repeat left center;
}
.phonemask .phonemain .phonelist .phoneinfo{
	width: 350px;
	height: auto;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist{
	width: 100%;
	height: 80px;
	position: relative;
	border-bottom: 2px solid #ccc;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist input{
	display: block;
	width: 100%;
	height: 80px;
	color: #fff;
	line-height: 80px;
	background: none;
}
.phonemask .phonemain .meetcontainer .phoneinfo input::-webkit-input-placeholder {color: #fff;}
.phonemask .phonemain .meetcontainer .phoneinfo input:-moz-placeholder {color: #fff;}
.phonemask .phonemain .meetcontainer .phoneinfo input::-moz-placeholder {color: #fff;}
.phonemask .phonemain .meetcontainer .phoneinfo input:-ms-input-placeholder {color: #fff;}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectval{
    width: 100%;
    height: 80px;
    color: #fff;
    cursor: pointer;
    line-height: 80px;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectval em{
	background: url(../images/bottom_triangle2.png) no-repeat;
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 26px;
	right: 2px;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectitem {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: none;
	background: rgba(255, 255, 255, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetsex .selectitem{
	top: 80px;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetaddress .selectitem{
	bottom: 0px;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectitem ul {
    width:100%;
    height:auto;
    cursor: pointer;
    overflow:hidden;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectitem li {
    width:100%;
    height:30px;
    text-indent: 30px;
    line-height: 30px;
    -webkit-transition: background 0.30s ease-in-out;
	-moz-transition: background 0.30s ease-in-out;
	-o-transition: background 0.30s ease-in-out;
	transition: background 0.30s ease-in-out;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetlist .selectitem li:hover {
	background: #eee;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetname input{
	background: url(../images/meet_name.png) no-repeat left center;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetphone input{
	background: url(../images/meet_phone.png) no-repeat left center;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetsex .selectval{
	background: url(../images/meet_sex.png) no-repeat left center;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetaddress .selectval{
	background: url(../images/meet_address.png) no-repeat left center;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetbtn{
	margin: 45px auto 30px;
}
.phonemask .phonemain .meetcontainer .phoneinfo .meetbtn a{
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);;
}
.phonemask .phonemain .phonecontainer .phoneinfo ul{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.phonemask .phonemain .phonecontainer .phoneinfo ul li{
	width: 100%;
	height: 80px;
	color: #fff;
	overflow: hidden;
	text-indent: 50px;
	font-size: 15px;
	border-bottom: 1px dashed #ccc;
}
.phonemask .phonemain .phonecontainer .phoneinfo ul li b{
	display: block;
	margin-top: 22px;
	font-weight: normal;
}
.phonemask .phonemain .phonecontainer .phoneinfo ul li span{
	display: block;
}
/*预约免费试听*/
.meetwrapper{
	display:none;
	width: 260px;
	height: 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 11;
	overflow: hidden;
	background: #f1f1f1;
	border-right: 1px solid #ccc\9;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}
.meetwrapper .meetitle{
	width: 100%;
	height: 40px;
	color: #fff;
	cursor: pointer;
	line-height: 40px;
	background: #ff9a28;
}
.meetwrapper .meetitle span{
	display: block;
	float: left;
	font-size: 16px;
	margin-left: 20px;
	white-space: nowrap;
}
.meetwrapper .meetitle em{
	display: block;
	float: right;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	margin-right: 16px;
}
.meetwrapper .meetline{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
}
.meetwrapper .meetcont{
	width: 88%;
	height: 160px;
	margin: 20px auto 10px;
}
.meetwrapper .meetcont .meetlist{
	width: 100%;
	height: 40px;
	position: relative;
}
.meetwrapper .meetcont .meetlist input{
	display: block;
	width: 100%;
	height: 30px;
	color: #585858;
	padding-left:25px;
	line-height: 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.meetwrapper .meetcont .meetlist input:focus{
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
.meetwrapper .meetcont .meetlist .selectval{
	background: url(../images/bottom_triangle.png) no-repeat;
    width: 100%;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    text-indent: 25px;
    border: 1px solid #ccc;
}
.meetwrapper .meetcont .meetlist .selectval em{
	background: url(../images/bottom_triangle.png) no-repeat;
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 4px;
	right: 2px;
}
.meetwrapper .meetcont .meetlist .selectitem {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
}
.meetwrapper .meetcont .meetsex .selectitem{
	top: 30px;
}
.meetwrapper .meetcont .meetaddress .selectitem{
	bottom: 40px;
}
.meetwrapper .meetcont .meetlist .selectitem ul {
    width:100%;
    height:auto;
    cursor: pointer;
    overflow:hidden;
}
.meetwrapper .meetcont .meetlist .selectitem li {
    width:100%;
    height:28px;
    text-indent: 25px;
    line-height: 28px;
    -webkit-transition: background 0.30s ease-in-out;
	-moz-transition: background 0.30s ease-in-out;
	-o-transition: background 0.30s ease-in-out;
	transition: background 0.30s ease-in-out;
}
.meetwrapper .meetcont .meetlist .selectitem li:hover {
	background: #eee;
}
.meetwrapper .meetcont .meetname input{
	background: url(../images/meet_name.png) no-repeat left center #fff;
}
.meetwrapper .meetcont .meetphone input{
	background: url(../images/meet_phone.png) no-repeat left center #fff;
}
.meetwrapper .meetcont .meetsex .selectval{
	background: url(../images/meet_sex.png) no-repeat left center #fff;
}
.meetwrapper .meetcont .meetaddress .selectval{
	background: url(../images/meet_address.png) no-repeat left center #fff;
}
.meetbtn{
	width: 88%;
	height: 40px;
	margin: 0 auto;
}
.meetbtn a{
	display: block;
	width: 120px;
	height: 38px;
	color: #fff;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
	line-height: 38px;
	background: #e93038;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 5px #ccc;
	-moz-box-shadow: 3px 3px 5px #ccc;
	box-shadow: 3px 3px 5px #ccc;
 	-webkit-transition: background 0.30s ease-in-out;
	-moz-transition: background 0.30s ease-in-out;
	-o-transition: background 0.30s ease-in-out;
	transition: background 0.30s ease-in-out;
    position: relative;
	-webkit-transform: perspective(1px) translateZ(0px);
	-moz-transform: perspective(1px) translateZ(0px);
	transform: perspective(1px) translateZ(0px);
}
.meetbtn a::before{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	border: #ed6a6f solid 2px;
	bottom: -12px;
	content: "";
	left: -12px;
	opacity: 0;
	position: absolute;
	right: -12px;
	top: -12px;
}
@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;

		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
@-moz-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
@-o-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
.meetbtn a:hover::before {
	-moz-animation-name: hvr-ripple-in;
	-o-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in;
	-webkit-animation-name: hvr-ripple-in;
}
.meetbtn a:hover{
	background: #ed6a6f;
}
/*公开课*/
.pubcourse{
	width: 111px;
	height: 210px;
	position: fixed;
	right: 0;
	top: 28px;
	z-index: 5;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.pubcourse a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.pubcourse a:hover{
	-webkit-animation:sucaijiayuan .5s .1s ease both;
	-moz-animation:sucaijiayuan .5s .1s ease both;
	-o-animation:sucaijiayuan .5s .1s ease both;
	animation:sucaijiayuan .5s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	10%{
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	20% {
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	30%{
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	40%{
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	50%{
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	60%{
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	70% {
		-webkit-transform: rotate(3deg);
        transform: rotate(3deg);
	}
	80%，90%，100% {
		-webkit-transform: rotate(0);
        transform: rotate(0);
	}
}
.pubcourse a img{
	display: block;
}
.pubcourse a label{
	position: absolute;
	top: 96px;
	display: block;
	width: 111px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	padding-right: 13px;
}
.pubcourse span{
	display: block;
	position: absolute;
	top: 56px;
	right: 10px;
	cursor: pointer;
	font-size: 20px;
}
/*视频弹出框*/
.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
    background: rgba(0,0,0,.8);
   	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
}
.popup .popcenter {
    width: 800px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -400px;
    z-index:1000;
    display: none;
    border: 2px solid #fff;
}
.popup .popcenter .poptitle {
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #fff;
}
.popup .popcenter .poptitle .poptleft {
    float: left;
    height: 100%;
    color: #fff;
    line-height: 50px;
    margin-left: 20px;
}
.popup .popcenter .poptitle .poptleft span{
    font-size: 16px;
}
.popup .popcenter .poptitle .poptright {
    float: right;
    height: 100%;
    color: #fff;
    margin-right: 20px;
}
.popup .popcenter .poptitle .poptright a {
    display: block;
    width: 32px;
    height: 32px;
    float:left;
    margin-top:9px;
    margin-left:50px;
    -webkit-transition: background 0.30s ease-in-out;
    -moz-transition: background 0.30s ease-in-out;
    -o-transition: background 0.30s ease-in-out;
    transition: background 0.30s ease-in-out;
}
.popup .popcenter .poptitle .poptright a.popclose {
    background:url(../images/popclose.png) no-repeat;
}
.popup .popcenter .poptitle .poptright a.popclose:hover {
    background:url(../images/popclosehover.png) no-repeat;
}
.popup .popcenter .popcont {
    width: 796px;
    height: 446px;
    overflow: hidden;
}
.coursevideo{
	z-index: 9999;
}
/*所有的分页*/
#pagecont{height:80px;text-align:center; line-height:80px; color:#585858;}
#pagecont a{color:#585858; font-weight:bolder;}
#pagecont em a{color:#585858;}
#pagecont q,
#pagecont em{padding:3px 6px; margin:0 2px;}
#pagecont em.act{background:#585858; color:#fff;}
#pagecont em.act a{color:#fff;}
/*刘方需要的分页*/
.pageing {
    width: 100%;
    height: 80px;
    padding-top: 25px;
    text-align: center;
}
.pageing a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	background: #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    -webkit-transition: background 0.30s ease-in-out;
    -moz-transition: background 0.30s ease-in-out;
    -o-transition: background 0.30s ease-in-out;
    transition: background 0.30s ease-in-out;
}
.pageing .pagebtn {
    width: 50px;
}
.pageing a:hover {
    background: #decfcf;
}
.pageing em {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background: #0886c8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*热门关键词*/
.hotgjc{ width:96%;margin:auto;overflow:hidden;margin-left:3.5%;}
.hotgjcbt{ float:left; height:40px; width:100%; line-height:30px; font-size:14px;text-indent:1.3em; color:#333;}
.hotgjcbt span{ font-weight:bold; font-size:14px; float:left;}
.hotgjcbt a{ float:left;color:#8c8c8c;text-indent:1rem;}
.hotgjcbt a:hover{color:#c90d0c}
/*服务区域*/
.footer .footbot .friendlinkqy{
	width: 1300px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	color: #888;
}
.footer .footbot .friendlinkqy a{
			color: #888;
}
.footer .footbot .friendlinkqy a:hover{
	text-decoration: underline;
}