@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}



@media only screen and (min-width: 1200px){

}
/** max-width:1440 **/
@media only screen and (max-width: 1440px){
	.nav ul li{
		margin: 0 30px;
	}
	
	.banner5{
		margin-top: 36px;
	}
	.banner5 img{
		width: 80px;
	}
	.banner6{
		margin-top: 60px;
	}
	.banner4{
		width: 700px;
		height: 240px;
		background-size: 100% 100%;
	}
	.banner4b{
		font-size: 36px;
		margin-top: 30px;
	}
	.about{
		padding-top: 105px;
	}
	.about1{
		min-width: 1120px;
	}
	.about4{
		margin-top: 20px;
	}
	.intro_right{
		width: 40%;
		height: 280px;
	}
	.intro_right img{
		max-width: 111%;
	}
	.culture4{
		line-height: 24px;
	}
	.culture4 p{
		margin-top: 16px;
	}
	.culture{
		margin-top: 30px;
	}
	.culture3{
		margin-top: 16px;
	}
	.advanture4{
		max-width: 450px;
	}
	.advanture_left{
		float: left;
		padding: 50px 0 0 200px;
	}
	.advanture4{
		float: right;
		margin-right: 120px;
	}
	.culture7{
		padding-right: 200px;
	}
	.course_left1{
		font-size: 49px;
	}
	.course_left3{
		font-size: 20px;
		margin-top: 20px;
	}
	.course_left5{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.course_right2{
		width: 400px;
	}
	.course_left7 a{
		width: 36px;
		height: 36px;
		line-height: 34px;
	}
	.course_left7on{
		width: 45px !important;
		height: 45px !important;
		line-height: 43px !important;
	}
	.product_left{
		width: 100%;
	}
	.product_right{
		width: 40%;
	}
	.product_right{
		margin-top: 60px;
	}
	.player4{
		margin-top: 100px;
	}
	.player3{
		margin-top: 20px;
	}
	.join3_left{
		padding-left: 100px;
	}
	.join3_right{
		padding-top: 50px;
	}
	.join3_right ul li{
		margin-top: 20px;
	}
	.join3_right ul li img{
		width: 70px;
		height: 70px;
	}
	.contact6{
		padding-left: 100px;
		margin-top: 50px;
	}
	.contact1 {
		padding-top: 50px;
	}
	.contact7{
		padding-left: 100px;
		line-height: 20px;
	}
	.player3a{
	    font-size: 20px;
	}
	.player3b{
	    font-size: 15px;
	    margin-top: 15px;
	}
	.player4{
	    margin-top: 15px;
	}
	
	.shouji{
	    display: block;
	}
	.diann{
	    display: none;
	}
	.sw_left{
	    width: 50%;
	}
	.contact6{
	    margin-top: 90px;
	}
	
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner6{
		display: none;
	}
	.banner4{
		width: 100%;
	}
	.banner2{
		width: 100%;
	}
	.about1{
		width: 100%;
		min-width: 100px;
	}
	.about4 a{
		margin: 0 10px;
	}
	.about{
		padding-top: 60px;
	}
	.intro_left{
		width: 100%;
	}
	.intro{
		margin-top: 20px;
	}
	.about5{
		padding: 0 10px;
	}
	.intro_left1{
		font-size: 16px;
	}
	.intro_left2{
		margin-top: 10px;
	}
	.intro_left3{
		margin-top: 10px;
	}
	.intro_left4{
		font-size: 14px;
		line-height: 20px;
	}
	.intro_right{
		width: 100%;
		height: auto;
	}
	.intro_right img{
		transform: translate(0,0);
		max-width: 100%;
	}
	.culture7{
		display: none;
	}
	.intro_left4 p{
		margin-top: 10px;
	}
	.product_left{
		width: 100%;
	}
	.about{
		background: none;
	}
	.product{
		background: none;
	}
	.player{
		background: none;
	}
	.join{
		background: none;
	}
	.contact{
		background: none;
	}
	.advanture_left{
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.advanture3{
		margin: 10px auto 0;
	}
	.advanture1{
		font-size: 16px;
	}
	.advanture2{
		font-size: 14px;
		margin-top: 10px;
	}
	.advanture4{
		width: 100%;
		margin-right: 0;
	}
	.advanture4b{
		padding: 0 50px;
	}
	.left{
		left: 0;
	}
	.right{
		right: 0;
	}
	.course_left{
		width: 100%;
	}
	.course_left1{
		font-size: 24px;
	}
	.course_left2{
		font-size: 18px;
		margin-top: 10px;
	}
	.course_right2{
		display: none;
	}
	.product_right{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.product_right1{
		padding-right: 0;
		font-size: 24px;
		text-align: center;
	}
	.product_right2{
		text-align: center;
	}
	.product_right3{
		margin-top: 20px;
		text-align: left;
		padding: 0 10px;
	}
	.product_right4{
		margin-top: 20px;
		text-align: center;
	}
	.player2{
	    width: 100%;
		
	}
	.player4{
	    width: 100%;
		
	}
	.player3{
		width: 100%;
		margin-left: 0;
	}
	.player1{
		min-width: 100px;
		width: 96%;
	}
	.join3_left{
		width: 100%;
	}
	.join3_right{
		width: 100%;
		border-left: 0;
		padding: 0 10px;
	}
	.join3_left{
		padding-left: 0;
		padding: 0 10px;
	}
	.join1{
		min-width: 100px;
		width: 100%;
	}
	.join3_right ul li{
		font-size: 12px;
	}
	.contact1{
		min-width: 100px;
		width: 100%;
		padding: 0 10px;
	}
	.contact6{
		margin-top: 30px;
		padding-left: 0;
	}
	.contact7{
		padding-left: 0;
	}
	.footer{
		height: auto;
		padding: 30px 10px;
	}
	.footer1{
		width: 100%;
		min-width: 100px;
	}
	.footer_logo{
		width: 100%;
		text-align: center;
		margin-top: 0;
	}
	.footer_logo img{
		width: auto;
	}
	.footer2{
		width: 100%;
		margin-top: 20px;
	}
	.footer3 a{
		padding: 0 3px;
	}
	.dt_title{
		padding-left: 16px;
	}
	.dt_title a{
		margin: 0 10px;
	}
	.dt_list{
		padding: 20px 16px;
	}
	.dt_list4{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.dt_list4a{
		font-size: 16px;
	}
	.inner_main{
		padding-top: 66px;
	}
	.dt_detail{
		padding: 20px 16px;
	}
	.dt_detail1{
		font-size: 16px;
	}
	.sxp{
		overflow: hidden;
	}
	.sxp a{
		font-size: 14px;
	}
	.asume_detail{
		padding: 30px 16px;
	}
	.join2 img{
	    max-width: 100%;
	}
	.video_tc2{
	    width: 76%;
	    height: 40%;
	}
	.intro_right {
	    font-size: 0;
	    margin-top: 10px;
        border: 2px solid #df4f4f;
    }
	.intro_right img{
	    border: 0;
	}
	.contact5{
	    line-height:20px;
	}
	.contact5 p{
	    font-size: 14px;
	}
	.banner_img{
	    width: auto;
	}
	
	.sw_left{
	    width: 100%;
	}
	
	.product_left2{
		width: 100%;
		margin-left: 0;
		padding-right: 10px;
		margin-top: 20px;
	}
	.product_left2a{
		width: 100%;
		height: auto;
		font-size: 0;
	}
	
	.contact7 p{
	    font-size: 14px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


