@charset "utf-8";
/* CSS Document */

.nav_web{
	width: 4%;
	height: 50px;
	line-height: 70px;
	margin-right: 2%;
	display: none;
	cursor: pointer;
}
.nav_web img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.navs_web{
	width: 50%;
	height: 100%;
	background: #333;
	position: fixed;
	right: -50%;
	z-index: 999;
}
.navs_web .sc{
	float: right;
	margin-right: 8%;
	line-height: 100px;
}
.navs_web .sc img{
	vertical-align: middle;
	cursor: pointer;
}
.navs_web ul li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	/*margin-left: 20%;*/
	text-align: center;
}
.navs_web ul li a{
	color: #fff;
}
.navs_web ul li::before,
.navs_web ul li::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}
.navs_web ul .on::before{
	margin-right: 10px;
	content: '[';
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.navs_web ul .on::after{
	margin-right: 10px;
	content: ']';
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
} 

.navs_web ul li::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.navs_web ul li::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.navs_web ul li:hover::before,
.navs_web ul li:hover::after,
.navs_web ul li:focus::before,
.navs_web ul li:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.nav_webs{
	width: 15%;
	height: auto;
	display: none;
}
.nav_webs li{
	width: 100%;
	font-size: 1rem;
    color: #ececec;
    line-height: 2rem;
    text-align: left;
    padding-left: 15%;
}
.nav_webs li a{
	color: #cfcfcf;
}
.nav_webs li:hover a{
	color: #fff;
}
/*.swiper-container{
	display: none;
}*/
@media screen and (max-width:1450px){
	.anli{
		width: 100%;
		padding: 0 5%;
	}
}
@media screen and (max-width:1400px){
	.about_course .course .course_text{
		height: 27em;
		left: 20em;
	}
	.about_course .course .course_text1{
		height: 27em;
		left: 38em;
	}
	.about_course .course .course_text2{
		height: 16em;
		top: 33em;
		left: 60em;
	}
}
@media screen and (max-width:1300px){
	.about_course .course .course_text{
		height: 25em;
    	left: 18em;
	}
	.about_course .course .course_text1{
	    height: 26em;
    	left: 35em;
	}
	.about_course .course .course_text2{
		height: 16em;
	    top: 30em;
    	left: 55em;
	}
}
@media screen and (max-width:1200px){
	.about_course .course .course_text{
		height: 22em;
    	left: 16em;
	}
	.about_course .course .course_text1{
	    height: 23em;
    	left: 31em;
	}
	.about_course .course .course_text2{
		height: 14em;
    	top: 27em;
    	left: 50em;
	}
}
@media screen and (max-width:1100px){
	.nav,.tel{
		display: none;
	}
	.head{
		height: 70px;
	}
	.logo{
		height: 70px;
		line-height: 70px;
		margin-left: 2%;
	}
	.nav_web{
		display: block;
	}
	.nav_webs{
		display: block;
	}
	.index_about .index_about_nr p {
    	height: 5.5em;
    	margin-top: 0;
	}
	.index_about .index_about_nr h1{
		font-size: 1.2rem;
		margin-top: 1em;
	}
	.index_about .index_about_nr h2{
		font-size: 1.1rem;
	}
	.index_about .index_about_nr .more_ {
    	margin: 1em 0 0.5em 0;
	}
	.nav_{
		display: none;
	}
	.footer .contact {
	    width: 50%;
	}
	.footer .ewm {
		margin-right: 2%;
	}
	.footer_{
		padding-left: 2%;
	}
	.about_two .img{
		width: 100%;
	}
	.about_two .text{
		width: 100%;
	}
	.nr_right{
		display: none;
	}
	.newslist .list{
		width: 100%;
		border: none;
		padding: 0;
	}
	.newslist .list ul{
		padding: 0 5%;
	}
	.news .left{
		width: 100%;
		padding: 0 5%;
		border: none;
	}
	@media screen and (max-width: 800px){
		.news .left img {
			width:100% !important;
			height:auto !important;
			margin-top:5%;
			margin-bottom: 5%;
		}
	}
	.hezuo1 .left{
		width: 100%;
		padding: 0 5%;
		border: none;
	}
	.hezuo2 .left{
		width: 100%;
		padding: 0 5%;
		border: none;
	}
	.list{
		border: none;
		width: 90% !important;
		margin: 4em 5% 0;
	}
	.contact .ditu{
		width: 100%;
		padding: 0 5%;
	}
	.contact .text{
		width: 100%;
		padding: 0 5%;
	}
	.anli .left{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.anli .guanzhu_{
		display: none;
	}
	.anli .right{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	/*.anlilist .list .text{
		padding-top: 2em;
	}*/
	.case .left{
		display: none;
	}
	.case .right{
		padding-right: 40px;
	}
	.about_course .course ul li{
		height: 36em;
	}
	.about_course .course .course_text{
	    height: 19em;
    	left: 13em;
	}
	.about_course .course .course_text1{
	    height: 21em;
    	left: 27em;
	}
	.about_course .course .course_text2{
	    height: 13em;
    	top: 25em;
    	left: 45em;
	}
	.swiper-container3 .swiper-slide {
		width: 48% !important;
	    padding: 0 1%;
	}
}
@media screen and (max-width:1200px){
	.anlilist .list{
		width: 90% !important;
		margin: 4em 5% 0;
	}
	.anlilist .list .img{
		width: 65%;
	}
	.anlilist .list .text{
		width: 35%;
		margin-top: 2em;
	}

}
@media screen and (max-width:1100px){
	.anlilist .list .text{
		margin-top: 0em;
	}
}
@media screen and (max-width:1000px){
	.anlilist .list .img{
		width: 100%;
	}
	.anlilist .list .text{
		width: 100%;
		margin: 3em 0;
	}
	.about_ty ul{
		margin-top: 2em;
	}
	.about_ty li{
		width: 40%;
		margin: 2em 5% 0;
	}
	.about_course .course .course_text{
	    position: static;
	    width: 90%;
	    height: 15em;
	    margin: 1em 5%;
	}
	.about_course .course .course_text1{
	    position: static;
	    width: 90%;
	    height: 15em;
	    margin: 1em 5%;
	}
	.about_course .course .course_text2{
	    position: static;
	    width: 90%;
	    height: 15em;
	    margin: 1em 5%;
	}
}

@media screen and (max-width:800px){
  	
	.newbody p {text-indent:2em;text-align:left;}
	
  	.hovereffect a.info .nr{display:none;}

  	.index_title span.font-mobile{font-size: 0.8rem;/* text-align: left; */}
	
    .about_one .img img{
        vertical-align: middle;
        width: 100%;
        height: auto;
    } 
  
	.logo{
		width: 30%;
	}
	.swiper-pagination span{
		width: 1%;
	}
	.fuwu{
		width: 100%;
		padding: 0 5%;
	}
	.index_box2 .swiper-wrapper ul li{
		width: 90%;
		padding: 0 10%;
		margin: 0 10%;
	}
	.swiper-container{
		display: block !important;
	}
	.index_box2_anli1{
		display: none;
	}
	.index_about .img{
		width: 100%;
	}
	.index_about .index_about_nr{
		width: 100%;
	}
	.index_about .index_about_nr .more_{
		margin-bottom: 1em;
	}
	.footer .ewm{
		width: 100%;
	}
	.footer .logo2_{
		width: auto;
	}
	.footer .nav_webs{
		width: 100%;
		margin-top: 2em;
	}
	.footer .nav_webs li{
		width: 20%;
		float: left;
		padding-left: 0;
		text-align: center;
	}
	.footer .contact{
		width: 100%;
		padding: 2% 5% 0;
	}
	.index_news .new2{
		width: 100%;
		background: url(../images/news_bg.jpg);
		background-size: 100% 100%; 
		margin-top: 40px;
	}
	.index_news .dian{
		display: none;
	}
	.index_news .new4{
		width: 100% !important;	
	}
	.index_news .new4 .new1{
		background: url(../images/news_bg.jpg);
		background-size: 100% 100%; 
	}
	.index_news .new4 .new3{
		background: url(../images/news_bg.jpg);
		background-size: 100% 100%; 
	}
	.swiper-container{
		display: block;
	}
	.about_three .img{
		width: 90%;
		margin-top: 5em;
	}
	.about_one .about_one_tu{
		padding: 4em 10% 0;
	}
	.newslist .list ul li .img{
		width: 100%;
	}
	.newslist .list ul li .text{
		width: 100%;
	}
	.nav_web{
		width: 8%;
	}
	.contact ul li{
		width: 90%;
		margin: 5%;
	}
	.case .right .right_nr ul li{
		width: 96%;
	}
	.case{
		margin-top: 0;
	}
	.case .right{
		padding: 0;
	}
	.nav_mbx p{
		display: none;
	}
	.fanye p.next{
		float: none;
		clear: both;
	}
	.anli{
		padding: 0;
	}
	.case_mbx{
		display: block;
	}
	.nav_mbx li{
		margin-right: 1em;
	}
	.about_seven ul{
		margin-top: 1em;
	}
	.about_seven li{
		width: 90%;
		margin: 2em 5% 0;
	}
	.about_ty ul{
		margin-top: 1em;
	}
	.about_ty li{
		width: 90%;
		margin: 2em 5% 0;
	}
	.case .right .right_nr .bs_logo .bs_logos{
		width: 44%;
		margin: 2em 3% 0;
	}
	.index_about .imgs {
    	margin-top: 2em;
	}
	.anli .right img{
		max-width: 100%;
	}
	.about_course .course ul li{
		height: 14em;
	}
	.swiper-container3 .swiper-slide {
		width: 70% !important;
	    padding: 0 2.5%;
	}
	.bn-{
		display: none !important;
	}
	.index_box{
		padding-bottom: 0;
	}
}