/*banner*/
.banenr-bg{display: block;width: 100%;height: 400px;background-position:center center;background-size:cover;background-repeat: no-repeat;position: relative;}
.banenr-bg{
	background-image: url(https://statics.jcpeixun.com/www/xmz/img/banner.jpg);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://statics.jcpeixun.com/www/xmz/img/banner.jpg', sizingMethod='scale');
	}
.ts-fluid{height:35px;background:rgba(0,0,0,.6);color:#fff;line-height:32px;position:absolute;left:0;}
.ts-fluid .ts-close{display:inline-block;width:26px;height:26px;background:rgba(255,255,255,.3);line-height:24px;font-size:18px;text-align:center;border-radius:100%;margin-top:4px;margin-right:6px;cursor:pointer;}
.ts-fluid span{font-size:16px;}
.ts-fluid span a{color:#2DA3D3;margin-left:20px;cursor:pointer;}

@media only screen and (max-width:768px) {
   .ts-fluid span{font-size:1rem;} 
   .ts-fluid span b{margin-left:.5rem;}
}
.play-btn{width: 240px;height: 135px;top: 192px;background: url(../img/play.png);cursor: pointer;border:1px solid #89ddff;position:relative;background-size:cover;}
.play-btn:before{
    content:"";
    width:240px;
    height:135px;
    position:absolute;
    left:0;right:0;top:0;bottom:0;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #89ddff;
    animation:line infinite 1s ease-out;
    border-radius:5px;
}
@keyframes line{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}

@-webkit-keyframes line{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
@-moz-keyframes line{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
@-ms-keyframes line{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
.play-btn:after{
	content: "";
    position: absolute;
    top: 0;
	width: 240px;
	height:135px;
	background: rgba(0,0,0,.3);
	}
.play-btn:hover:after{display: none;}
.play-btn .point{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid #fff;
	background: #FF0000;
	position: absolute;
	bottom: 12px;
	left: 12px;
	animation: point 2s infinite ease-in-out;
	-webkit-animation: point 2s infinite ease-in-out ;	
	-moz-animation: point 2s infinite ease-in-out;
	-ms-animation: point 2s infinite ease-in-out;	
}

@keyframes point{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}

@-webkit-keyframes point{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
@-moz-keyframes point{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
@-ms-keyframes point{
	0%{opacity: 0;transform: scale(1);}
	50%{opacity: 100;}
	100%{opacity: 0;transform: scale(1.5);}
}
.news{height: 120px;box-shadow: 1px 2px 4px 1px rgba(0,0,0,.2);background: #fff;position:absolute;bottom: -60px;left: 0;right: 0;margin-left: auto;margin-right: auto;}	
.icon-share{display: inline-block;margin-top: -1px;cursor: pointer;border-top-left-radius:5px;border-bottom-left-radius:5px;overflow:hidden;}
.share{position: relative;}
.share:hover .share-box{display: block;}
.share-box{width: 230px;height: 62px;background: #f4f4f4;line-height: 60px;box-shadow: 1px 2px 4px 1px rgba(0,0,0,.2);display: none;position: absolute;z-index:66}
.share .list{display: inline-block;width: 42px;height: 42px;margin-left: 10px;position: relative;border-radius: 100%;}
.share .list:after{
	position: absolute;
	content: "";
	width: 42px;
	height: 42px;
	background: rgba(0,0,0,.1);
	border-radius: 100%;
	left: 0;top: 10px;	
}
.share .list:hover:after{
	display: none;
}
.share .code{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 250px;
	height: 320px;
	border-radius: 5px;
	background: #f4f4f4;
	text-align: center;
	box-shadow: 1px 2px 4px 2px rgba(0,0,0,.1);
	padding: 10px 0;
	display: none;
	z-index: 11;
	}
	
.share .code .close-btn{
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 5px;
	line-height: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 100%;
	transition: all .2s; 
	transform: rotate(0deg);	
}	
.share .code .close-btn:hover{background: #ccc;transform: rotate(180deg);}
.share .code .code-img{width: 80%;}
.share .code .wb{font-size: 12px;margin-top: 10px;}

.news .lab-box{width: 540px;}
.news .lab-box li{width: 33.3333%;text-align: center;height: 80px;margin-top: 20px;padding: 14px 0 0 0;}
.news .lab-box li span{line-height: 10px;}
.news .lab-box li.center{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.news .lab-box li p{font-size: 18px;color: #666;}
.news .lab-box li i{color: #2da3d3;font-size: 24px;}
.news .lab-box li b {font-size: 24px;color: #666;}
.news .quick_btn:hover{box-shadow: 1px 2px 4px 2px rgba(0,0,0,.1);}
.news .fa{display: none;}

.news .click{background: #ccc; 	width: 160px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	margin-top: 35px;
	margin-right: 40px;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 5px;}
.news .click:hover{box-shadow: 1px 2px 4px 2px rgba(0,0,0,0);}
.news .aplay-box .num {
    color: #FF0000;
    font-size: 24px;
    margin-top: 45px;
    margin-left: 50px;
    display: inline-block;
}
/***fixed****/
.news-fixed{
	position: fixed;
	top: 0;left: 0;right: 0;bottom: auto;
	margin-left: auto;margin-right: auto;
	z-index: 99;
	animation: news .6s ease-in-out;	
}
@keyframes news{
	0%{margin-top: -100px;}
	50%{margin-top: -90px;}
	100%{margin-top: 0;}
}
@-webkit-keyframes news{
	0%{margin-top: -100px;}
	50%{margin-top: -90px;}
	100%{margin-top: 0;}
}
@-ms-keyframes news{
	0%{margin-top: -100px;}
	50%{margin-top: -90px;}
	100%{margin-top: 0;}
}
@-moz-keyframes news{
	0%{margin-top: -100px;}
	50%{margin-top: -90px;}
	100%{margin-top: 0;}
}
/******手机版*****/

@media only screen and (max-width:768px) {
	.banenr-bg{height: 24rem;background: url(https://statics.jcpeixun.com/www/xmz/img/banner_app.jpg);width: 100%;background-position: left top;background-size: cover;}
	.play-btn:after{display: none;	}
	.news{width: 94%;height: 8.5rem;}
	.news .ip-hide-fixed{display: none;}
	.play-btn{width: 22rem;height:10rem;top: 10rem;background-repeat: no-repeat;}	
	.icon-share{margin-left: -.6rem;height: 8.6rem;margin-top: 0;width:2.98rem;margin-top: -1px;}
	.news .lab-box{width: calc(100% - 2.8rem)}	
	.news .lab-box li{height: 4rem;margin-top: .5rem;padding: .5rem 0 0 0;}
	.news .lab-box li span{line-height:.6rem;display: inline-block;margin-top: .2rem;}
	.news .lab-box li p{font-size: 1rem;}
	.news .lab-box li i{font-size: 1.6rem;}
	.news .lab-box li b {font-size: 1.2rem}	
	.news .quick_btn{
		width:7rem;
		height: 3.5rem;		
		color: #fff;
		font-size: 1rem;	
		line-height:3.5rem;		
		margin-top: .4rem;
		margin-right: 0rem;		
		margin-left: .5rem;		
	}
    .news .click{
        width: 7rem;
		height: 3.5rem;		
		color: #fff;
		font-size: 1rem;	
		line-height:3.5rem;		
		margin-top: .4rem;
		margin-right: .5rem;		
		margin-left: .5rem;	
        background:#ccc;
    }	
	.news .quick_btn:hover{box-shadow: 1px 2px 4px 2px rgba(0,0,0,0);}
	.news .quick_btn .price{font-size: 1rem;margin-top: 1.6rem;float:left}	
	.news-fixed{
	  height: 4.5rem;
	  top: auto;
	  bottom: .5rem;	  
	}
	.news-fixed .icon-share img{display: none;}
    .news-fixed .icon-share{width: 8rem;position: absolute;}
	.news-fixed .icon-share .fa{
		display: block;
		width:6rem;
		height: 4.5rem;
		background: #00A0E9;
		font-size: 1.8rem;
		color: #fff;
		line-height: 4.5rem;
		text-align: center;
		border-bottom-left-radius: 5px;
		
		}
	.news-fixed .icon-share .fa b{font-size: 1.4rem;}			
	.news-fixed	.share-box{position:fixed;bottom: 5rem;}
	
}

/***tab-title***/
.tab-title{margin: auto;width: 230px;height: 50px;border-bottom: 2px solid #ccc;margin-top: 160px;}
.tab-title span{font-size: 24px;color: #666;cursor: pointer;display: inline-block;width: 49%;text-align: center;line-height: 48px;}
.tab-title span:hover{color: #2da3d3;}
.tab-title span.act{border-bottom: 2px solid #2da3d3;color: #2da3d3;}


/***tab-fixed***/
.tab-fixed{
	position: fixed;
	right:0;top: 60px;
	width: 40px;
	height: 260px;
	border-bottom: 0 solid #fff;
	z-index: 98;
 		
	}
.tab-fixed span{width: 42px;line-height: 26px;height: 114px;box-sizing: border-box;background:#eee;padding:5px 5px;font-size:18px;border-top-left-radius:5px;border-bottom-left-radius:5px}	
.tab-fixed span.act{background:#2da3d3;border-bottom: 0 solid #fff;color:#fff;}



@media only screen and (max-width:768px) {
	.tab-title{width: 18rem;height: 4rem;margin-top: 10rem;}
	.tab-title span{font-size: 1.6rem;;line-height: 3.8rem;display: inline-block;float: left;width: 50%;}
	
	.tab-fixed{
	left: 0;top:-70px;
	width:100%;
	height:4.5rem;	
	background: rgba(0,0,0,.5);
	box-shadow: 0 1px 4px 1px rgba(0,0,0,.2);
	}
	.tab-fixed span{width: 50%;line-height: 3.5rem;box-sizing: border-box;height: 4.5rem;border-radius: 0;background: rgba(255,255,255,.8);color: #555;}	
	.tab-fixed span.end{border-left: 1px solid #eee;}
	.tab-fixed span.act{border-bottom: 1px solid #00A0E9;background: rgba(255,255,255,.8);color: #00A0E9;}
}









/**title***/
 span.title{margin: auto;display: block;margin: 24px auto;color: #333;text-align: center;font-size: 24px;}
 p.produce{font-size: 18px;color: #666;text-align: center;}
@media only screen and (max-width:768px) { span.title{margin: 1rem auto;font-size: 1.6rem;}
	p.produce{font-size: 1.2rem;}

}

.content-2 .lab-icon .icon-img img{display: inline-block;width:160px;height:160px;margin-bottom: 20px;overflow: hidden;}
.content-2 .lab-icon{text-align: center;}
.content-2 .lab-icon p{color: #666;font-size: 18px;}
.content-2 .include{
   	width: 100%;
    padding: 25px;
    margin: 20px auto;
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,.3);
    border-radius: 5px;

}
.content-2 .include .titles{
	font-size: 24px;
	color: #333;
	text-align: center;
}
.content-2 .include ul{padding: 5px 70px;}
.content-2 .include ul li{
	margin: 10px;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 30px;
    position: relative;
}
.content-2 .include ul li span{
	color: #2da3d3;
    font-size: 18px;
    padding-left: 40px;
    padding-right: 40px;
}
.content-2 .include ul li em{
	display: inline-block;
    width: 1px;
    height: 20px;
    background: #2da3d3;
    position: absolute;
    top:5px;
}
.content-2 .include ul li b{
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-left: 40px;
}
@media only screen and (max-width:768px) {
	.content-2 .lab-icon .icon-img img{width: 4.5rem;height: 4.5rem;border-radius: 100%;margin-bottom: 1rem;}
	.content-2 .lab-icon p{font-size: 1.2rem;margin:0;}
	.content-2 .ip-wb{font-size: 1rem;color: #666;}
	.content-2 .line{margin: auto;width: 80%;text-align: center;margin-top: -1em;}
	.content-2 .include{
	   	width: 100%;
	    padding: 10px;
	    margin: 5px auto;
	    box-shadow: 2px 2px 12px 1px rgba(0,0,0,.3);
	    border-radius: 5px;
	
	}
	
	.content-2 .include .titles{
		font-size: 1.6rem;
		color: #333;
		text-align: center;
	}
	
	.content-2 .include ul{padding: 5px;}
	.content-2 .include ul li{
		margin: 10px 0;
	    border-bottom: 1px solid #ddd;
	    position: relative;
	    height: 30px;
     	overflow:hidden; 
     	text-overflow:ellipsis;
      	white-space:nowrap;
	}
	
	.content-2 .include ul li span{
		color: #2da3d3;
	    font-size: 1.25rem;
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.content-2 .include ul li em{
		display: inline-block;
	    width: 1px;
	    height: 12px;
	    background: #2da3d3;
	    position: absolute;
	    top:8px;
	}
	.content-2 .include ul li b{
		font-size: 1rem;
		color: #666;
		font-weight: normal;
		margin-left:8px;
	}

}

.content-3 .row li .row-boxl{width: 100%;height:88px;border: 1px solid #2da3d3;margin-bottom: 20px;}
.content-3{box-shadow: 0 0 6px 2px rgba(0,0,0,.2);padding: 0 10px;}
.content-3 .sort{
	display: block;
	width: 52px;
	height:87px;
	line-height: inherit;
	background: #2DA3D3;
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	text-align: center;	
	margin-right: 10px;
	line-height: 84px;
	margin-top: 0;
	}
.content-3 .row li p{
	font-size: 18px;
    color: #666;
    padding: 16px;
    box-sizing: border-box;
    line-height: 1.6;
}
.content-3 .wb{color: #666;text-indent: 28px;font-size: 14px;line-height: 22px;}
.content-3 div.row{padding: 0 10px;}
.content-3 .includes{width:100%;padding: 25px;margin: 0 auto;}
.content-3 .includes .titles{
	font-size: 24px;
	color: #333;
	text-align: center;
}
.content-3 .includes .second li{text-align: center;margin: 10px auto;}
.content-3 .includes ul li img{width: auto;}
@media only screen and (max-width:768px) {
	.content-3 .row li p{font-size: 1.2rem;padding: .5rem;}
	.content-3{
		width:100%;padding: 5px;margin: 10px auto;box-shadow: none;
	}
	.content-3 .includes{
	   	width: 100%;
	    padding: 10px;
	    margin: 5px auto;
	    box-shadow: 2px 2px 12px 1px rgba(0,0,0,.3);
	    border-radius: 5px;
	}
	.content-3 .includes .titles{
		font-size: 1.6rem;
		color: #333;
		text-align: center;
	}
	.content-3 .includes ul li img{width: 65%;}
}
/*老师简介*/
.content-4{
	padding: 0;margin: 10px auto;
}
.content-4 .info{
	padding: 0;margin: 0 auto;
	border-radius:5px;
	box-shadow: 0 0 8px rgba(100,195,244,1);
	position: relative;
	height: 280px;
	background: -ms-linear-gradient(top, #2c9ecd, #0b5371);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2c9ecd), to(#0b5371));background:-moz-linear-gradient(top,#2c9ecd,#0b5371);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c9ecd), to(#0b5371));background: -o-linear-gradient(top, #2c9ecd, #0b5371); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2c9ecd,endColorStr=#0b5371);
}
.content-4 .info img{width:auto;display: block;position: absolute;top:10%;left: 5%;}
.content-4 .info .tec-name{
	font-size: 36px;
    color: #fff;
    display: block;
    position: absolute;
    top: 10%;
    left:28%;
}
.content-4 .info .level{
	font-size: 18px;
    color: #fff;
    display: block;
    position: absolute;
    top: 17%;
    left: 40%;
}
.content-4 .info p{
	font-size: 18px;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 28%;
    line-height: 1.7;
    width:70%;
}


@media only screen and (max-width:768px) {
	.content-4 .info{
		width:100%;
		padding: 0;margin: 0 auto;
		border-radius:5px;
		box-shadow: 0 0 8px rgba(100,195,244,1);
		position: relative;
		height: 140px;
		background: -ms-linear-gradient(top, #2c9ecd, #0b5371);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2c9ecd), to(#0b5371));
		background:-moz-linear-gradient(top,#2c9ecd,#0b5371);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c9ecd), to(#0b5371));
		background: -o-linear-gradient(top, #2c9ecd, #0b5371); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2c9ecd,endColorStr=#0b5371);
	}
	.content-4 .info img{
		    width: 30%;
		    display: block;
		    position: absolute;
		    top: 10%;
		    left: 5px;
	}
	.content-4 .info .tec-name{
		font-size: 1.6rem;
	    color: #fff;
	    display: block;
	    position: absolute;
	    top: 10%;
	    left: 32%;
	}
	.content-4 .info .level{
		font-size: 1.2rem;
	    color: #fff;
	    display: block;
	    position: absolute;
	    top: 12%;
	    left: 50%;
	}
	.content-4 .info p{
	   font-size: 1rem;
	    color: #fff;
	    width: 65%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: normal;
	    top: 30%;
	    left: 32%;
	    line-height: 1.4;
	}
}
.content-5 .kc-list{border: 1px solid #2DA3D3;border-radius: 5px;padding: 40px 20px 20px 20px;position: relative;margin-top: 40px;width: 98%;float: right;}	
.content-5 .kc-list:hover{box-shadow: 4px 6px 20px 1px rgba(0,0,0,.1);}
.content-5 .kc-list:hover p{color: #2DA3D3;}
.content-5 .kc-list span{
	display: inline-block;
	background: #2DA3D3;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	padding-right: 20px;
	border-radius: 50px;
	position: absolute;
	top: -20px;left: -20px;
	}	
.content-5 .kc-list span i{margin-top: -2px;margin-right: 20px;}
.content-5 .kc-list p{font-size: 18px; color: #666;}


.content-5 .kc-list-title{
	display:inline-block;
	border: 1px solid #2DA3D3;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	color: #2DA3D3;
	font-size: 24px;
	padding-right: 20px;
	}
.content-5 .kc-list-title i{
	display: inline-block;
	border-radius: 5px;
	background: #2DA3D3;
	margin-right: 20px;
	color: #fff;
	padding: 0 20px;
	height: 39px;
	line-height: 39px;
	}
.content-5 .fushu{
	color:#ff0000;
	font-size:18px;
	text-align:center;
	display:block;
	padding-bottom:25px
}	
.content-5 .kc-list span.kc-list-title i{margin-top: 0;}
.content-5 .kc-list span.kc-list-title {background: #fff;color: #2DA3D3;border-radius: 5px;}	
.content-5 .flag{display: inline-block;border-radius: 40px;height:42px;background: #2DA3D3;color:#fff;margin-top: 20px;padding-right: 20px;padding-top: 2px;}
.content-5 .flag i{display: inline-block;margin-top: -4px;margin-right: 20px;}
.content-5 .fix{
	margin-top: 20px;
    width: 100%;
    background: #2da3d3;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
}
.content-5 .fix img{width:auto;}
.content-5 .fix span{font-size: 24px;color: #fff;}
@media only screen and (max-width:768px) {	
.content-5 .kc-list{padding: 2.2rem .5rem .5rem .5rem;margin-top:3rem;}	
.content-5 .kc-list:hover{box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.content-5 .kc-list:hover p{color: #666;}
.content-5 .kc-list span{
	height: 3.5rem;
	line-height: 3.5rem;
	font-size: 1.3rem;
	padding-right: .5rem;
	border-radius: 4rem;
	left: -1rem;
	overflow: hidden;
	}	
.content-5 .kc-list span i{margin-top: 0;margin-right: .5rem;}
.content-5 .kc-list p{font-size: 1.2rem;}
.content-5 .fushu{
	color: #ff0000;
    font-size: 1.25rem;
    text-align: center;
    display: block;
    padding-bottom: 10px;
}
.content-5 .kc-list-title{
	height: 3.5rem;
	line-height: 3.5rem;
	font-size: 1.4rem;
	padding-right: .5rem;
	}
.content-5 .kc-list-title i{
	margin-right: .5rem;	
	padding: 0 .5rem;
	height: 3.4rem;
	line-height: 3.4rem
	}
	.content-5 .kc-list-title b{
	font-size: 1.2rem;
	}
.content-5 .flag{margin-top: 20px;padding-right: .5rem;padding-top: 2px;font-size: 1.2rem;}
.content-5 .flag i{margin-right: .5rem;}	
	

.content-5 .fix{
	margin-top: 20px;
    width: 100%;
    background: #2da3d3;
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
}
.content-5 .fix img{width:8%;}
.content-5 .fix span{font-size: 1rem;color: #fff;}
}
.content-6 .list li{width: 20%;}
.content-6 .list .user-box{position: relative;width: 95%;border-radius: 5px;box-shadow: 0 0 4px 1px rgba(0,0,0,.2);height: 140px;padding: 20px 10px 10px 10px;margin-left: 4px;}
.content-6 .list .user-box i{width: 146px;height: 69px;top:-135px;}
.content-6 .list .user-box p{margin-top: 20px;}
.content-6 .title{margin-bottom: 45px;}
@media only screen and (max-width:768px) {
	.content-6 .list li{width: 33.333%;margin-top: 2rem;}	
	.content-6 .list .user-box{width: 92%;padding: 2rem .5rem .5rem .5rem;margin-left: .2rem;height: 150px;}	
	.content-6 .list .user-box i{width:80%;height:auto;top:-1.8rem;}
	.content-6 .list .user-box p{margin-top: 0;font-size: 1rem;}
	.content-6 .title{margin-bottom: 5px;}
}

.content-7 .titles{margin: auto;margin-top: -40px;display: block;text-align: center;margin-bottom: 20px;color: #666;}
.content-7 .list img{width: 100%;}
.content-7 .list img.jt{width: 100%;margin-top: 0;}
.content-7 .list {position:relative;}
.content-7 .list li.tx{width: 14%;
    margin-top: 15px;}
.content-7 .list li.img{width: 6.666%;}

@media only screen and (max-width:768px) {
	.content-7 .titles{margin: auto;margin-top: -.5rem;}
	.content-7 .list li.tx{width: 45%;}
	.content-7 .list li.img{width: 10%;margin-top: 1.5rem;}	
}
/****视频播放弹窗****/
.aplay-tc-box{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;left: 0;
	z-index: 100;
	display: none;				
}
.close-btn-tc{
	display: inline-block;
	width: 40px;
	height: 40px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;
	transform: rotate(0deg);
	transition: .2s;
}
			
.close-btn-tc:hover{transform: rotate(180deg)}
.aplay-tc-box .aplay-box{width: 800px;height: 450px;background: #000;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}


@media only screen and (max-width:768px) {
	body{width: 100%;overflow: hidden;}
	.aplay-tc-box .aplay-box{width: 100%;height: 20rem;}
	.close-btn-tc{width: 2.5rem;height: 2.5rem;}
}


/*****课程****/
.row-box2{display: none;} 
.kc-box .list{
	width: 270px;
	height: 250px;               
    margin-top: 40px;
    padding: 0;  
    margin-left: 18px;
}
.kc-box .list i.img{display: block;width: 100%;height: 152px;overflow: hidden;border-radius: 5px;}
.kc-box .list h4{font-size: 20px; color: #333;line-height: 30px;height:60px;}
.kc-box .list span{font-size: 18px;}
.kc-box .list span.fr{color: #2DA3D3;}
.kc-box .list span.fl{color: #ff5b5b;}
.kc-box .list span.color-mf{color: #42b642;}
.kc-box .list:hover h4{color: #2DA3D3;}


@media only screen and (max-width:768px) {
.kc-box .list{
	width: 15rem;
	height: 14rem;               
    margin-top: 1.5rem;
    padding: 0;  
    margin-left:0;
}
.kc-box .list:nth-child(odd){float: left!important;}
.kc-box .list:nth-child(even){float: right!important;}
.kc-box .list i.img{display: inline-block;width: 15rem;height: 8.5rem;}
.kc-box .list h4{font-size: 1.4rem; line-height: 2rem;margin-top: .2rem;height:3.5rem;}
.kc-box .list span{font-size: 1.4rem;margin-top: -.5rem;}
.kc-box .list:hover h4{color: #2DA3D3;}
	
}



/*========09 箭头 样式 =======*/

.share-jt{display:none;}

@media only screen and (max-width:768px) {
.share-jt {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	display:none;
	z-index:99999;
}

.share-jt h2 {
	z-index: 9999;
	position: absolute;
	right: .5rem;
	top: 0;
	font-size: 2rem;
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 3rem;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 2.2rem;
	float: right;
	cursor: pointer;
}

.share-jt .img {
	float: right;
	width: 27rem;
	text-align: right;
	margin-right: .5rem;
	margin-top:2.5rem;
}
}	

@media only screen and (max-width:768px){
	.wk__own__dialog{
				width: 100%;
			    max-width: 480px;
			    height: 100vh;
			    position: fixed;
			    left: 0;
			    right: 0;
			    top: 0;
			    margin: auto;
			    background: none;
			    z-index: 1000;
			}
			.dialog__mask {
			    width: 100%;
			    height: 100vh;
			    position: absolute;
			    top: 0;
			    left: 0;
			    background-color: rgba(0,0,0,.5);
			    display: -webkit-box;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -webkit-align-items: center;
			    -ms-flex-align: center;
			    align-items: center;
			    -webkit-box-pack: center;
			    -webkit-justify-content: center;
			    -ms-flex-pack: center;
			    justify-content: center;
			}
			  
			.dialog__area {
			    width: 84.66667vw;
			    max-width: 360px;
			    background-color: #fff;
			    border-radius: 5px;
			    position: relative;
			    font-size: 14px;
			}
			.wk__own__dialog .dialog__area .area__title {
			    padding: 25px 24px 0;
			    font-size: 16px;
			    font-weight: 400;
			    text-align: center;
			    color: #333;
			}
			.wk__own__dialog .dialog__area .area__content {
			    padding: 10px 28px 15px;
			    font-size: 14px;
			    line-height: 20px;
			    text-align: center;
			    word-wrap: break-word;
			    word-break: break-all;
			    color: #666;
			}
			.wk__own__dialog .dialog__area .area_remark{
				padding: 10px 28px 15px;
				font-size: 14px;
				line-height: 20px;
				text-align: center;
				word-wrap: break-word;
				word-break: break-all;
				color: #999;
			}
			.wk__own__dialog .dialog__area .area__btn {
			    width: 100%;
			    display: -webkit-box;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    line-height: 50px;
			    position: relative;
			}
			.wk__own__dialog .dialog__area .area__btn .btn__item {
			    -webkit-box-flex: 1;
			    -webkit-flex: 1;
			    -ms-flex: 1;
			    flex: 1;
			    display: -webkit-box;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -webkit-align-items: center;
			    -ms-flex-align: center;
			    align-items: center;
			    -webkit-box-pack: center;
			    -webkit-justify-content: center;
			    -ms-flex-pack: center;
			    justify-content: center;
			    font-size: 15px;
			    position: relative;
			    cursor: pointer;
			}
			.wk__own__dialog .dialog__area .area__btn:after {
			    content: " ";
			    position: absolute;
			    left: 0;
			    top: 0;
			    right: 0;
			    height: 1px;
			    border-top: 1px solid #d5d5d6;
			    color: #d5d5d6;
			    -webkit-transform: scaleY(.5);
			    -ms-transform: scaleY(.5);
			    transform: scaleY(.5);
			    -webkit-transform-origin: 0 0;
			    -ms-transform-origin: 0 0;
			    transform-origin: 0 0;
			}
	
}
#row-1{margin-bottom:40px}
.content-box{margin-bottom:40px}
.hover-aside-service{color:#fff}