@media(max-width:1600px) {
    .head,
    .incontainer,
    .foot,
    .copy,
    .product,
    .case,
    .about,
    .new,
    .partner,
    .process,
    .inabout,
    .history,
    .material,
    .inhonor,
	.join_item,
	.join_main{
        padding-left: 15px;
        padding-right: 15px;
    }
    .fnav {
        width: 55%;
    }
	.join_main_right {
		padding: 40px 5% 0;
	}
}

@media(max-width:1440px) {
    .nav ul li {
        padding: 0 20px;
    }
    .fnavs {
        margin-right: 11%;
    }
    .newtitle {
        font-size: 18px;
    }
    .newcon {
        font-size: 14px;
    }
	.join_main_right {
		padding: 40px 2% 0;
	}
}

@media(max-width:1366px) {
    .base_before {
        padding: 10% 30px 0;
    }
    .mater {
        padding: 25px 20px 0;
    }
    .mater_con {
        font-size: 13px;
    }
    .sj_top span {
        font-size: 44px;
    }
}

@media(max-width:1280px) {
    .nav ul li {
        padding: 0 15px;
    }
    .nav ul li .detailnav li a {
        font-size: 13px;
    }
    .base_title {
        font-size: 15px;
    }
    .base_before_title {
        font-size: 22px;
    }
    .base_before_con {
        font-size: 14px;
    }
    .process_pic img {
        width: 50px;
    }
}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .innew {
        margin-top: 0;
    }
    .inewpic {
        width: 100%;
    }
    .inewintro {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .innewtitle {
        font-size: 20px;
    }
    .newshow_fl {
        width: 100%;
        padding: 20px;
    }
    .newshow_fl_title {
        font-size: 24px;
    }
    .newshow_fr {
        width: 100%;
        margin-top: 30px;
    }
    .newshow_fr_bot {
        margin-top: 30px;
    }
    .newshow_fr_top,
    .newshow_fr_bot {
        padding: 20px;
    }
    .head,
    .foot {
        display: none;
    }
    .maintitle {
        font-size: 24px;
    }
    .intitles {
        font-size: 16px;
    }
    .innews {
        margin-top: 20px;
    }
    .inproduct {
        padding: 30px;
    }
    .left_inpro {
        width: 100%;
    }
    .left_inpro a {
        width: 100%;
        float: left;
        margin-right: 2%;
    }
    .left_inpro a:nth-child(4n) {
        margin-right: 0;
    }
    .right_inpro {
        width: 100%;
        margin-top: 20px;
    }
    .protype {
        padding: 0 20px;
    }
    .protype {
        margin-top: 20px;
    }
    .protype_pic {
        width: 100%;
    }
    .protype_intro {
        width: 100%;
        margin-top: 25px;
    }
    .protype_item {
        padding: 20px 0;
    }
    .incase {
        margin-top: 20px;
    }
    .incase {
        padding: 20px;
    }
    .left_incase {
        width: 100%;
    }
    .left_incase a {
        width: 23.5%;
        float: left;
        margin-right: 2%;
    }
    .left_incase a:nth-child(4n) {
        margin-right: 0;
    }
    .right_incase {
        width: 100%;
        margin-top: 20px;
    }
    .incase_before {
        padding: 5% 25px 0;
    }
    .incase_con {
        font-size: 14px;
        line-height: 2;
        margin-top: 10px;
    }
    .incontact,
    .invideo {
        padding: 30px;
    }
    .contact_num {
        font-size: 26px;
    }
    .left_incontact {
        width: 100%;
        border-right: none;
    }
    .right_incontact {
        width: 100%;
        margin-top: 30px;
    }
    .invideocontainer {
        padding-top: 45%;
    }
    .videoclose {
        top: 27%;
    }
    .product {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .pronavs {
        font-size: 22px;
    }
    .prolist {
        margin-top: 30px;
    }
    .pronav {
        height: 81px;
        line-height: 80px;
    }
    .pronavs img {
        height: 50px;
    }
    .case {
        margin-top: 30px;
    }
    .cases {
        margin-top: 20px;
    }
    .abouts {
        margin-top: 0;
    }
    .news {
        margin-top: 20px;
    }
    .titles {
        font-size: 14px;
    }
    .newmore {
        margin-top: 30px;
    }
    .partners {
        margin-top: 25px;
    }
    .base {
        margin-top: 30px;
    }
    .bases {
        margin-top: 20px;
    }
    .base_item,
    .base_item.active {
        width: 100%;
    }
    .base_item {
        margin-bottom: 15px;
        height: 300px;
    }
    .base_before {
        padding: 30px;
    }
    .base_title {
        display: none;
    }
    .base_before {
        opacity: 1;
    }
    .process_item {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .process_item:nth-child(4n) {
        margin-right: 0;
    }
    .process {
        margin-top: 30px;
    }
    .inabout {
        margin-top: 30px;
    }
    .right_inab {
        width: 100%;
    }
    .left_inab {
        width: 100%;
        margin-top: 15px;
    }
    .history {
        margin-top: 30px;
        padding-top: 40px;
        height: auto;
        padding-bottom: 40px;
    }
    .history_detail {
        margin-top: 30px;
    }
    .material {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .materials {
        margin-top: 30px;
    }
	.join_item {
		margin-top: -100px;
	}
	.join_items{
		width:49%;
		margin-right:2%;
		margin-bottom:25px;
	}
	.join_items:nth-child(2n){
		margin-right:0;
	}
	.join_main_left{
		width:100%;
	}
	.join_main_right{
		width:100%;
		margin-top:25px;
	}
	.proshow{
		width:100%;
		margin-top:25px;
	}
}

@media(max-width:768px) {
    .incontainer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .left_copy {
        float: none;
        font-size: 12px;
    }
    .left_copy a {
        display: block;
        font-size: 12px;
    }
    .right_copy {
        float: none;
    }
    .right_copy a {
        font-size: 12px;
        display: block;
    }
    .copy {
        line-height: 40px;
        text-align: center;
    }
    .inpro {
        width: 100%;
    }
    .inpro_before {
        padding: 15% 20px 0;
    }
    .inpro_title {
        font-size: 20px;
    }
    .inpro_con {
        font-size: 18px;
        margin-top: 25px;
    }
    .left_inpro a {
        width: 100%;
    }
    .left_inpro a:nth-child(2n) {
        margin-right: 0;
    }
    .inproduct {
        margin-top: 20px;
    }
    .proshow {
        width: 100%;
        margin-top: 20px;
    }
    .protype_before {
        font-size: 30px;
        padding-top: 25%;
    }
    .protype_title {
        font-size: 24px;
    }
    .protype_con {
        font-size: 14px;
    }
    .incas {
        width: 100%;
    }
    .left_incase a {
        width: 49%;
    }
    .left_incase a:nth-child(2n) {
        margin-right: 0;
    }
    .incontact_item {
        width: 100%;
        margin-bottom: 20px;
    }
    .invideos {
        margin-top: 25px;
    }
    .videonav a {
        font-size: 18px;
        margin: 0 15px 10px;
    }
    .invideolist {
        margin-top: 25px;
    }
    .invideolist video {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .invideolist video:nth-child(3n) {
        margin-right: 2%;
    }
    .invideolist video:nth-child(2n) {
        margin-right: 0;
    }
    .invideocontainer {
        padding-top: 77%;
    }
    .invideocontainer video {
        width: 88%;
    }
    .pronavs {
        font-size: 15px;
    }
    .pronav {
        height: 61px;
        line-height: 60px;
    }
    .pronavs img {
        height: 30px;
    }
    .prolist {
        padding: 0 10px;
    }
    .abouts {
        padding: 15p;
    }
    .ab {
        padding: 20px;
    }
    .abcon {
        margin-top: 20px;
    }
    .base_item {
        height: 500px;
    }
    .process_item {
        width: 49%;
        margin-right: 2%;
    }
    .process_item:nth-child(2n) {
        margin-right: 0;
    }
    .history_detail_left {
        width: 100%;
    }
    .history_detail_right {
        width: 100%;
        font-size: 16px;
        margin-top: 15px;
    }
    .history_title {
        font-size: 22px;
        margin-top: 35px;
    }
    .mater {
        width: 100%;
        margin-bottom: 15px;
        height: auto;
        padding: 25px;
    }
    .inhonor {
        height: auto;
        padding: 30px;
    }
    .left_inhonor {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .sj {
        background: url(../images/sj_line.png) right bottom no-repeat;
    }
    .right_inhonor {
        width: 100%;
    }
    .inhonors {
        margin-top: 30px;
    }
	.join_items{
		width:100%;
	}
	.join_item{
		margin-top:25px;
	}
	.join_main_left_con {
		height: auto;
		padding: 65px 25px 40px;
		font-size: 15px;
	}
	.join_main_right {
		padding: 40px 6%;
		height:auto;
	}
	.form_item label,.form_submit label{
		width:70px;
	}
	.form_item input[type=text] {
		width: calc(100% - 80px);
	}
	.form_submit input[type=text] {
		width: 120px;
		margin-left: 15px;
	}
	.form_submit img {
		margin-left: 10px;
		width: 100px;
	}
	.form_submit input[type=submit]{
		width:100%;
		margin-top:15px;
	}
	.proshow_top_fl{
		width:100%;
	}
	.proshow_top_fr{
		width:100%;
		margin-top:25px;
	}
}

@media(max-width:420px) {}

@media(max-width:376px) {}

@media(max-width:360px) {}