@media(max-width:1700px) {
    .header,
    .about,
    .pro,
    .honor,
    .foot_main,
    .incase,
    .inhonor,
    .inequ,
    .incontact,
    .newshow,
    .inpro,
    .proshow,
    .inworkshop {
        padding-left: 15px;
        padding-right: 15px;
    }
    .history_switch {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media(max-width:1600px) {	
	.inworkshop_main_01{
		max-height:299.14px;
	}
}

@media(max-width:1440px) {
    .about {
        height: 840px;
        background-size: cover;
    }
    .about_content {
        font-size: 16px;
    }
    .pro_school_01 .swiper-slide::after,
    .inpro_school_01 .swiper-slide::after {
        width: 190px;
        background-size: 100%;
        right: -100px;
    }
    .history {
        height: 900px;
    }
	.inworkshop_main_01{
		height:268.66px;
	}
}

@media(max-width:1366px) {
    .foot_main_01 {
        margin-left: 2.6%;
    }
    .proshow_content {
        padding-top: 180px;
        font-size: 18px;
    }
	.inworkshop_main_01{
		height:254.56px;
	}
}

@media(max-width:1280px) {
    .pro_school_01 .swiper-slide::after,
    .inpro_school_01 .swiper-slide::after {
        width: 170px;
        right: -80px;
    }
    .about_content {
        line-height: 2;
    }
    .histor_left {
        margin-top: 60px;
    }
	.inworkshop_main_01{
		height:238.17px;
	}
}

@media(max-width:1200px) {
    .pro_school_01 .swiper-slide::after,
    .inpro_school_01 .swiper-slide::after {
        width: 130px;
        right: -70px;
    }
    .foot_title a {
        font-size: 18px;
    }
    .foot_content a {
        font-size: 16px;
    }
	.inworkshop_main_01{
		height:222.9px;
	}
}

@media(max-width:1024px) {
    .header {
        display: none;
    }
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .mobile-inner-header img {
        height: 60%;
    }
    .banner,
    .inbanner {
        margin-top: 0;
    }
    .about {
        height: auto;
        background-size: cover;
        padding-bottom: 30px;
    }
    .about_left {
        width: 100%;
        float: none;
    }
    .about_right {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .about_data_01 p span {
        font-size: 32px;
    }
    .about_data_01 p {
        font-size: 18px;
        color: #2f2f2f;
    }
    .pro_school_01 .swiper-slide::after,
    .inpro_school_01 .swiper-slide::after {
        width: 105px;
        right: -60px;
    }
    .about_title {
        font-size: 26px;
    }
    .contact_word {
        font-size: 26px;
    }
    .foot {
        display: none;
    }
    .histor_left {
        margin-top: 30px;
        font-size: 18px;
    }
    .history {
        height: 750px;
    }
    .proshow_content {
        padding-top: 100px;
    }
	.inworkshop_main_01{
		height:189.39px;
	}
}

@media(max-width:768px) {
    .title {
        font-size: 22px;
    }
    .pro_top_title {
        font-size: 18px;
    }
    .contact {
        height: 150px;
        padding-top: 20px;
    }
    .contact_title {
        font-size: 22px;
    }
    .contact_word {
        font-size: 18px;
    }
    .info_main_01 {
        width: 49%;
        margin-right: 2%;
    }
    .info_main_01:nth-child(3n) {
        margin-right: 2%;
    }
    .info_main_01:nth-child(2n) {
        margin-right: 0;
    }
    .culture_main_01 {
        height: 420px;
    }
    .culture_word {
        width: 60%;
    }
    .histor_left {
        margin-top: 10px;
        font-size: 14px;
    }
    .incontact_left {
        width: 100%;
        float: none;
    }
    .incontact_map {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .incontact_title {
        font-size: 16px;
    }
    .incontact_form input[type=text],
    .incontact_form textarea,
    .incontact_form input[type=submit] {
        font-size: 14px;
    }
    .contact_word p {
        display: block;
        margin-right: 0;
    }
    .proshow_pic {
        float: none;
        width: 100%;
    }
    .proshow_content {
        float: none;
        width: 100%;
        padding: 20px;
    }
	.inworkshop_main_01{
		height:140.6px;
	}
}

@media(max-width:420px) {
	.banner_01 .swiper-pagination-bullet{
		width:15px;
		height:5px;
	}
    .about_data_01 {
        width: 50%;
        margin-bottom: 20px;
    }
    .pro_top_class a,
    .inpro_top_class a {
        width: 95px;
        margin-right: 0px;
    }
    .pro_top_class,
    .inpro_top_class {
        margin-left: 10px;
    }
    .equ_top {
        padding: 20px 0;
    }
    .equ_title {
        font-size: 22px;
    }
    .workshop_left {
        float: none;
        width: 100%;
    }
    .workshop_right {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .contact_word {
        padding: 10px;
        font-size: 12px;
    }
    .copy {
        font-size: 12px;
        height: auto;
        overflow: hidden;
        padding: 20px 0;
        line-height: 2;
    }
    .copy a {
        display: block;
    }
    .culture {
        display: none;
    }
    .histor_left {
        width: 100%;
        float: none;
        margin: 0;
    }
    .history_right {
        width: 100%;
        float: none;
    }
    .history_switch {
        margin-top: 20px;
    }
    .inequ_main_01 {
        width: 49%;
    }
    .inequ_main_01:nth-child(2n) {
        margin-right: 0;
    }
    .inhonor_main_01 {
        width: 49%;
    }
    .inhonor_main_01:nth-child(2n) {
        margin-right: 0;
    }
    .inworkshop_main_01 {
        width: 49%;
    }
    .inworkshop_main_01:nth-child(3n) {
        margin-right: 2%;
    }
    .inworkshop_main_01:nth-child(2n) {
        margin-right: 0;
    }
    .info_nav a {
        margin-right: 5px;
    }
    .info_main_01 {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

@media(max-width:376px) {
    .pro_top_class a,
    .inpro_top_class a {
        width: 81px;
        margin-right: 0px;
    }
}

@media(max-width:360px) {}