@media ( min-width:1400px ) and ( max-width:1920px ) {
      .details p img{max-width:1000px;overflow: hidden;}
}
@media ( min-width:750px ) and ( max-width:1399px ) {
      .details p img{max-width:100%;overflow: hidden;}
}

@media ( min-width:1200px ) and ( max-width:1464px ) {
	.w1400{width: 94%;}
	.teacher_2 li{width:23% ;margin:0 1% 20px 1%;}
	.teacher_2 li .pic{width: 100%;height:180px;}
	.teacher_2 h3{padding-top: 20px;font-size: 18px;}
	.teacher_2 li:nth-child(5n){margin: 0 1% 20px 1%;}
}

@media ( min-width:1200px ) and ( max-width:1450px ) {

	.w1400{width: 94%;}

	.leftside{width: 83%;}

	.rightside{width: 15.3%;}

	.step01{width:49%;}

	.step02{margin: 0 2%;}
	.step02,.step03{width: 23.5%;}

	.topbox .group2{margin: 0 auto;}

	.step01 .left{width: 49%;height: auto;}

	.step01 .right{width: 48%;}

	.step01 .left img,.topbox .group2 img{width: 100%;height: 167px;}

	.step01 li a{width: 70%;}

	.middlebox .right2{width: 49%;}

	.middlebox .left2{width: 49%;}

	

	.step04 li img{width: 100%;height: 100%;}

	.f-middle dl{width: 40%;margin-left: 0;}

    .f-middle .dl2 dd{width: auto;margin-right: 15px;}

	.f-middle .dl2{width: 60%;}

	.footer .f-left{width: 35%;}

    .footer .f-middle{width: 49%;padding: 0 3%;}

	.footer .f-right{width: 10%;}

	.footer .f-right img{width: 100%;height: auto;}

	.group3 li{width: 100%;height: auto;border:none;}

	.group3 li .pic,.group3 li .pic img{width: 100%;height: auto;}

	.group3 li a h1{font-size: 14px;}

	

	.left-side{width: 68%;}

	.right-side{width: 30%;}

	.five-box li a p{line-height: 26px;}

	.five-box li a h2{padding: 10px 0;}

	.teacher li{padding:8px 1%;width: 46%;margin: 0 1% 12px 1%;}

	.teacher li .pic{width: 40%;height:180px}

	.teacher li .text-wz{width: 57%;}

	.teacher li .pic img{width: 100%;height: auto;}

	.teacher li a h2{font-size: 14px;padding-bottom: 6px;}

	.teacher li a b{padding-bottom: 2px;}

	.teacher li a p{font-size: 12px;line-height: 20px;}

	.teacher{margin-bottom: 25px;}

	.about,.t-detail,.details{padding: 30px 3%;}

	.show-list{padding: 15px 3%;}


	}

@media ( min-width:1340px ) and ( max-width:1450px ) {
    .show-list2 li a{width:72% ;}
  
}

@media ( min-width:1300px ) and ( max-width:1450px ) {
    .top-bar>.logo .logo1{display:inline-block;margin-right:10px}
    .top-bar>.logo{margin-left:70px}
}

@media ( min-width:1200px ) and ( max-width:1340px ) {
	.show-list2 li a{width:68% ;}
	.show-list2 li span{padding: 0;height:130px;}
}

@media ( min-width:1200px ) and ( max-width:1300px ) {
    .top-bar>.logo .logo1{display:inline-block;margin-right:15px;width:197px;height:45px}
    .top-bar>.logo{margin-left:80px}
    .top-bar>.logo .logo2{width:144px;height:40px}

}

@media ( min-width:1000px ) and ( max-width:1200px ) {

	video{display: none;}

	.w1400{width: 94%;}

	.leftside{width: 100%;float: none;}

	.rightside{width: 100%;float: none;padding-top: 30px;}

	.step01{width: 49%;}

	.step02{margin: 0 2%;}
	.step02,.step03{width: 23.5%;}

	.topbox .group2{margin: 0 auto;width: 100%;}

	.step01 .left{width: 49%;height: 167px;}

	.step01 .right{width: 48%;}

	.step01 .left img{width: 100%;height: auto;}

	.step01 li a{width: 70%;}

	.middlebox .right2{width: 49%;}

	.middlebox .left2{width: 49%;}

	

	.step04 li img,.topbox .group2 img{width: 100%;height: 100%;}

	.topbox2{float: left;width: 49%;}

	.bottombox2{float: right;width: 49%;}

	.group3 li{width: 48%;margin: 0 1% 10px 1%;height: auto;border: 0;float: left;}

	.group3 li .pic,.group3 li .pic img{width: 100%;height: auto;}

	.group3 li .text{height: 100%;}

	.f-middle dl{width: 40%;margin-left: 0;}

    .f-middle .dl2 dd{width: auto;margin-right: 0px;}

	.f-middle .dl2{width: 60%;}

	.footer .f-left{width: 35%;}

    .footer .f-middle{width: 49%;padding: 0 3%;}

	.footer .f-right{width: 10%;}

	.footer .f-right img{width: 100%;height: auto;}

	

	.left-side{width: 68%;}

	.right-side{width: 30%;}

	.five-box li a p{line-height: 26px;}

	.five-box li a h2{padding: 10px 0;}

	.teacher li{padding:8px 1%;width: 46%;margin: 0 1% 12px 1%;}

	.teacher li .pic{width: 40%;}

	.teacher li .text-wz{width: 57%;}

	.teacher li .pic img{width: 100%;height: auto;}

	.teacher li a h2{font-size: 14px;padding-bottom: 6px;}

	.teacher li a b{padding-bottom: 2px;}

	.teacher li a p{font-size: 12px;line-height: 20px;}

	.teacher{margin-bottom: 25px;}

	.about,.t-detail,.details{padding: 30px 3%;}

	.show-list li span{padding: 30px 0 15px 0;height: 60px;}

	.show-list li span b{padding-bottom: 15px;}

	.show-list{padding: 15px 3%;}

	.show-list li{padding: 15px 0;}

	.top-bar>.logo{background: #576a79 url(../image/logo2.png) no-repeat;margin-left: 3%;top:8px;background-size: cover;}

	.top-bar-fixed .logo{top: 12px;}
	.top-bar{background-color: #576a79 }

	.teacher_2 li{width:23% ;margin:0 1% 20px 1%;}
	.teacher_2 li .pic{width: 100%;height:160px;}
	.teacher_2 h3{padding-top: 20px;font-size: 18px;}
	.teacher_2 li:nth-child(5n){margin: 0 1% 20px 1%;}
	.show-list2 li span{padding: 0;height: 130px;}
	.show-list2 li a{width:68% ;}
	.top-bar>.logo{background:none}
	.top-bar>.logo .logo1{display:none}
	.top-bar>.logo .logo2 {
    width: 144px;
    height: 40px;
    background: rgba(0, 0, 0, 0) url(../image/w-x-logo2.png) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-top: 7px;
    margin-left: 16%;
    }

	}

	

@media ( min-width:768px ) and ( max-width:1000px ) {
    #img1{display:none}
	video{display: none;}

	.w1400{width: 96%;}

	.leftside{width: 100%;float: none;}

	.rightside{width: 100%;float: none;padding-top: 30px;}

	.step01{width: 44%;}

	.step02{margin: 0 2%;width: 26%;}

	.step03{width: 26%;}

	.topbox .group2{margin: 0 auto;}

	.step01 .left{width: 45%;height: auto;}

	.step01 .right{width: 52%;}

	.step01 .left img{width: 100%;height: auto;}

	.step01 li a{width: 70%;}

	.middlebox .right2{width: 49%;}

	.middlebox .left2{width: 49%;}

	

	

	.topbox2{float: left;width: 55%;}

	.bottombox2{float: right;width: 43%;}

	.group3 li{width: 48%;margin: 0 1% 10px 1%;height: auto;border: 0;float: left;}

	.group3 li .pic,.group3 li .pic img{width: 100%;height: auto;}

	.group3 li .text{height: 100%;}

	.f-middle dl{width: 40%;margin-left: 0;}

    .f-middle .dl2 dd{width: auto;margin-right: 10px;}

	.f-middle .dl2{width: 60%;}

	.footer .f-left{width: 50%;}

    .footer .f-middle{width: 38%;padding-right:2%;}

	.footer .f-right{width: 10%;}

	.footer .f-right img{width: 100%;height: auto;}

	.top-bar>.logo{background: rgba(0, 0, 0, 0) url(../image/logo2.png) no-repeat;margin-left: 3%;top: 5px;}

	.menu-button button{margin-top: 20px;}

	.top-bar-fixed .logo{top: 5px;}

	.topbox .group2,.topbox .group2 img{width: 100%;height: auto;}

	.middlebox .list li a{width: 80%;}

	.step01 li{height: 22px;background: url(../image/kuai.png) no-repeat left 10px;}

    .step01 li a,.step01 li span{height: 22px;line-height: 22px;}	

	.step01 li:hover{background-position: left -9px;}

	.way li span{padding-right: 5px;}

	.top{display: none;}

	.step{padding-top: 30px;}

	

	.left-side,.right-side{float: none;width: 100%;}

	.teacher li{padding:8px 1%;width: 46%;margin: 0 1% 12px 1%;}

	.teacher li .pic{width: 40%;}

	.teacher li .text-wz{width: 57%;}

	.teacher li .pic img{width: 100%;height: auto;}

	.teacher li a h2{font-size: 14px;padding-bottom: 6px;}

	.teacher li a b{padding-bottom: 2px;}

	.teacher li a p{font-size: 12px;line-height: 20px;}

	.teacher{margin-bottom: 25px;}

	.about,.t-detail,.details{padding: 30px 3%;margin-bottom: 40px;}

	.about p{font-size: 12px;line-height: 20px;}

	.show-list{padding: 15px 3%;margin-bottom: 40px;}

	.show-list li{padding: 15px 0;}

	.top-bar{background-color: #576a79 }
	.header{height: auto;}

	.teacher_2 li{width:23% ;margin:0 1% 20px 1%;}
	.teacher_2 li .pic{width: 100%;height:150px;}
	.teacher_2 h3{padding-top: 20px;font-size: 18px;}
	.teacher_2 li:nth-child(5n){margin: 0 1% 20px 1%;}

	.show-list2 li a{width:68% ;}
	.top-bar>.logo{background:none}
	.top-bar>.logo .logo1{display:none}
	.top-bar>.logo .logo2 {
    width: 162px;
    height: 45px;
    background: rgba(0, 0, 0, 0) url(../image/w-x-logo2.png) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-top: 7px;
    margin-left: 16%;
    }

	}