@media(max-width:1600px) {
    .abcon {
        margin-top: 30px;
    }
    .right_ab {
        padding-top: 65px;
    }
    .pro:nth-child(1) {
        width: 45%;
    }
    .pro:nth-child(2) {
        width: 20%;
        top: 160px;
    }
    .pro:nth-child(5) {
        width: 20%;
        top: 160px;
        right: 20%;
    }
    .pro:nth-child(4) {
        width: 20%;
        bottom: 268px;
        left: 49.4%;
    }
    .pro:nth-child(3) {
        width: 20%;
        bottom: 75px;
    }
    .pro:nth-child(6) {
        width: 20%;
        bottom: 75px;
        right: 20%;
    }
}

@media(max-width:1440px) {
    .bread,
    .about_top,
    .about_history,
    .about_link,
    .culture_title,
    .culture_top,
    .culture_bot,
    .develop_top,
    .develop_bot,
    .servicetitle,
    .serivice_liucheng,
    .service_detail,
    .factory,
    .college_top,
    .college_bot,
    .incase,
    .inproduct,
    .solution,
    .solutionshow,
    .newshow,
    .contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    .newshow img {
        max-width: 100% !important;
    }
	 .pro:nth-child(1) {
        bottom: 75px;
        width: 38%;
    }
    .pro:nth-child(5) {
        right: 5%;
    }
    .pro:nth-child(4) {
        width: 15%;
        top: 200px;
        left: 56%;
        bottom: auto;
    }
    .pro:nth-child(2) {
        width: 15%;
        top: 200px;
    }
    .pro:nth-child(5) {
        right: 11%;
        width: 15%;
        top: 200px;
    }
    .pro:nth-child(3) {
        width: 15%;
        bottom: 125px;
        left: 47.6%;
    }
    .protitle {
        font-size: 16px;
    }
    .pro:nth-child(6) {
        width: 15%;
        bottom: 125px;
        right: 20%;
    }
	.left_adv {
		margin-top: 40px;
	}
	.about {
		margin-top: 45px;
	}
	.bannertitle {
		top: 30%;
	}
	.bannerbutton {
		top: 58%;
	}
}

@media(max-width:1366px) {
    .bannertitles {
        top: 54%;
    }
    .bannerbutton {
        top: 61%;
    }
    .about,
    .product,
    .head,
    .case,
    .advantage,
    .new,
    .foot {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sj {
        margin-top: 20px;
    }
    .right_ab {
        padding-top: 20px;
    }
    .abmore {
        margin-top: 35px;
    }
    .abtitle {
        font-size: 26px;
    }
   
    .rcase_con {
        font-size: 16px;
    }
    .rcase_title,
    .rcase_title a {
        font-size: 20px;
    }
    .left_adv {
        width: 50%;
		margin-top:45px;
    }
    .right_adv {
        width: 45%;
    }
    .lnewbot_topic {
        line-height: 50px;
        font-size: 20px;
    }
    .lnewbot_title {
        margin-top: 15px;
    }
    .lnewbot_con {
        margin-top: 15px;
        line-height: 24px;
    }
    .lnew_topic {
        line-height: 55px;
    }
    .right_new {
        width: 48%;
    }
    .left_new {
        width: 51%;
    }
	.about{
		margin-top:60px;
	}
	.new{
		margin-top:60px;
	}
	.fnav {
		float: left;
		margin: 0 70px;
	}
	.pro:nth-child(1) {
		width: 32%;
	}
	.pro:nth-child(2),.pro:nth-child(4),.pro:nth-child(5) {
		top: 125px;
	}
}
@media(max-height:768px) and (max-width:1366px) {
	.bannertitle {
		top: 53%;
		font-size: 30px;
	}
	.bannertitles {
		top: 69%;
	}
	.bannerbutton {
		top: 78%;
	}
	.pro:nth-child(1) {
		width: 30%;
	}
	.pro:nth-child(3) {
		bottom:30px;
		left: 45.6%;
		width:17%;
	}
	.pro:nth-child(6) {
		bottom:30px;
		right: 18%;
		width:17%;
	}
	.pro:nth-child(5) {
		right: 8%;
		width: 17%;
	}
	.pro:nth-child(2) {
		left: 36.6%;
	}
	.lcase img {
		height: 360px;
	}
	.left_adv {
		width: 38%;
	}
	.lnewbot {
		padding-bottom: 13px;
	}
	.lnewbot_topic {
		line-height: 38px;
		font-size: 18px;
	}
	.right_new {
		width: 40%;
	}
	.left_new {
		width: 58%;
	}
	.lnew_title {
		font-size: 14px;
	}
	.lnew_topic {
		line-height: 35px;
	}
	.lnewtop_title span {
		font-size: 16px;
	}
	.lnewbot_more {
		margin-top: 15px;
	}
	.lnewbot_title {
		font-size: 15px;
	}
	.lnewbot_con {
		margin-top: 13px;
		line-height: 20px;
	}
}

@media(max-width:1280px) {
    .nav ul li {
        padding: 0 17px;
    }
    .fnav {
        margin: 0 50px;
    }
}

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

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }
    .head,
    .about .swiper-button-prev,
    .about .swiper-button-next {
        display: none;
    }
    .logo {
        float: none;
        line-height: unset;
    }
    #banner {
        position: relative;
    }
    .bannertitle {
        font-size: 30px;
        top: 32%;
    }
    .bannertitles {
        font-size: 16px;
        top: 52%;
    }
    .section {
        overflow: hidden;
    }
    .about,
    .case,
    .advantage,
    .new {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .left_ab {
        width: 100%;
    }
    .right_ab {
        width: 100%;
    }
    .swiper-container.abswiper {
        width: 100%;
    }
    .case,
    .advantage,
    .new {
        overflow: hidden;
    }
    .left_case {
        width: 100%;
    }
    .right_case,
    .foots {
        display: none;
    }
    .left_adv {
        width: 100%;
    }
    .left_new {
        width: 100%;
    }
    .right_new {
        width: 100%;
        margin-top: 20px;
    }
    .foot {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .link {
        margin-top: 0;
    }
    .copy {
        margin-top: 10px;
        line-height: 30px;
    }
    .copy a {
        display: block;
    }
    .about_top_fl {
        width: 100%;
    }
    .about_top_fr {
        width: 100%;
        margin-top: 20px;
    }
    .develop_title {
        font-size: 20px;
    }
    .develop_item {
        margin-top: 0;
    }
    .develop_item_intro_title {
        font-size: 18px;
    }
    .develop_item_intro_con p {
        font-size: 14px;
    }
    .service_detail_fl {
        width: 100%;
    }
    .service_detail_fr {
        width: 100%;
        margin-top: 20px;
        font-size: 16px;
        line-height: 2;
    }
    .service_detail {
        margin: 20px 0;
    }
    .factory_title {
        font-size: 18px;
    }
    .college_top_title {
        font-size: 14px;
        color: #000;
    }
    .college_bot {
        margin: 20px 0;
    }
    .college_bot img {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .college_bot img:nth-child(2n) {
        margin-right: 0;
    }
    .ny_news_page {
        width: 100% !important;
    }
    .ny_news_page a,
    .ny_news_page span {
        margin-bottom: 8px !important;
    }
    .solution {
        margin-top: 25px;
    }
	.left_new{
		display:none;
	}
	.new{
		margin-top:0;
	}
	.right_adv {
		width: 100%;
		padding-top: 50px;
	}
	.product{
		text-align:center;
		padding-top:30px;
		padding-bottom:30px;
	}
	.pro{
		position:relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		width:25% !important;
		display:inline-block !important;
		margin: 2%;
	}
}

@media(max-width:768px) {
    .about_top_con {
        font-size: 16px;
        color: #000;
        line-height: 32px;
        margin-top: 20px;
    }
    .about_history_top_title {
        font-size: 26px;
    }
    .about_history_top_con {
        font-size: 20px;
        color: #000;
    }
    .about_history_bot {
        margin-top: 25px;
    }
    .about_links {
        width: calc(100%/3);;
        margin-right: 0;
    }
	.about_links:nth-child(4),.about_links:nth-child(5) {
        width: 50%;
        margin-right: 0;
    }
    .breads a,
    .breads span {
        font-size: 14px;
        color: #000;
    }
    .bread {
        line-height: 36px;
    }
    .culture_titles {
        font-size: 18px;
    }
    .culture_bot img {
        width: 49%;
        margin-right: 2%;
    }
    .culture_bot img:nth-child(2n) {
        margin-right: 0;
    }
    .develop_item_intro {
        width: 100%;
        margin-top: 40px;
    }
    .develop_item_pic {
        width: 100%;
        margin-top: 15px;
    }
    .case_top_left {
        width: 100%;
    }
    .case_top_right,
    .case_top:nth-child(2n) .case_top_right {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        margin-right: 0;
    }
    .case_top,
    .case_top:nth-child(2n) {
        background: none;
        padding-top: 0;
    }
    .case_top_title {
        font-size: 18px;
    }
    .case_top_con {
        font-size: 15px;
        color: #6b6b6b;
        line-height: 30px;
        margin-top: 15px;
    }
    .inproduct_fl {
        display: none;
    }
    .inproduct_fr {
        width: 100%;
    }
    .proshow_intro_fl {
        width: 100%;
    }
    .proshow_intro_fr {
        width: 100%;
    }
    .proshow_parameter img {
        max-width: 100%;
    }
    .proshow_advantage_fl {
        width: 100%;
    }
    .proshow_advantage_fr {
        width: 100%;
        margin-top: 20px;
    }
    .solution_pic {
        width: 100%;
    }
    .solution_intro {
        width: 100%;
        margin-top: 20px;
    }
    .solutionshow_fr {
        width: 100%;
    }
    .solutionshow_fl {
        display: none;
    }
    .contact_list_items {
        width: 50%;
    }
    .contact_job_top_fl {
        width: 100%;
    }
    .contact_job_top_fr {
        width: 100%;
        margin-top: 20px;
    }
    .contact_job_top_fr_title {
        margin-top: 0;
    }
	.about_link_con {
		font-size: 12px;
		padding: 10px 10% 0;
	}
	.protitle {
		font-size: 12px;
	}
}

@media(max-width:500px) {
    .bannerbutton,
    .abtop {
        display: none;
    }
    .left_ab {
        background: none;
    }
    .abtitle,
    .abcon {
        padding-left: 0;
    }
    .abtitle {
        margin-top: 0;
    }
    .lcase p {
        font-size: 13px;
    }
    .lnewtop_title span,
    .lnewbot_topic {
        font-size: 18px;
    }
    .lnew_title {
        font-size: 13px;
    }
    .lnew_date {
        display: none;
    }
    .lnewbot_title {
        font-size: 16px;
    }
    .about_top_title {
        font-size: 18px;
    }
    .about_link {
        margin-top: 35px;
    }
    .about_link_before {
        padding-top: 15%;
    }
    .inpro {
        width: 49%;
        margin-right: 2%;
    }
    .inpro:nth-child(3n) {
        margin-right: 2%;
    }
    .inpro:nth-child(2n) {
        margin-right: 0;
    }
    .inpro_name {
        font-size: 16px;
    }
    .proshow_intro_fr_title {
        line-height: 36px;
        font-size: 18px;
    }
    .proshow_intro_fr_bot_left {
        float: none;
    }
    .proshow_intro_fr_bot_right {
        float: none;
        margin-top: 15px;
    }
    .proshow_advantage_fl_cons {
        height: auto;
        padding-bottom: 15px;
    }
    .inpro_name {
        font-size: 14px;
    }
    .solution_title {
        font-size: 20px;
    }
    .solution_con {
        font-size: 16px;
        color: #000000;
        line-height: 40px;
    }
    .solution_more a {
        width: 135px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .innewpic {
        width: 100%;
    }
    .innewintro {
        width: 100%;
		margin-top:20px;
    }
    .innewtitle {
        margin-top: 0;
        font-size: 18px;
    }
    .solutionshow_fr_bot .innewbot,
    .innewbot {
        margin-top: 15px;
    }
    .contact_maintitle {
        font-size: 24px;
    }
    .contact_titles {
        font-size: 14px;
    }
    .contact_list_item_titles {
        font-size: 15px;
        word-break: break-all;
    }
    .contact_list_items {
        padding: 0 5px;
    }
    .contact_job_top_fl_pic {
        display: none;
    }
    .contact_job_top_fl_intro {
        width: 100%;
    }
    .contact_job_top_fl_title {
        font-size: 20px;
    }
    .contact_job_top_fl_img img {
        width: auto;
        max-width: 100%;
    }
    .contact_job_top_fl_more a {
        width: 50%;
        font-size: 15px;
    }
    .contact_job_top_fr_pic {
        display: none;
    }
    .contact_job_top_fr_intro {
        width: 100%;
    }
    .contact_job_top_fr_title {
        font-size: 20px;
    }
    .contact_job_top_fr_con {
        font-size: 16px;
        color: #000;
        font-weight: 300;
        line-height: 35px;
        margin-top: 20px;
    }
	.lcase img {
		width: 100%;
		height: 172px;
	}
	.lcase{
		background-size: cover !important;
	}
	.about{
		margin-top:0;
	}
	.new{
		margin-top:0;
	}
	.backtop{
		display:block;
	}
	.about_link_pic img {
		width: 125%;
	}
	.about_links{
		overflow:hidden;
	}
	.about_link_con {
		font-size: 12px;
		padding: 10px 8% 0;
	}
	.about_link_title {
		font-size: 17px;
	}
	.about_links:nth-child(1) .about_link_more,
	.about_links:nth-child(2) .about_link_more,
	.about_links:nth-child(3) .about_link_more{
		position:absolute;
		width:100%;
		left:0;
		bottom:15px;
	}
	.bannertitle {
		font-size: 20px;
		top: 32%;
	}
	.bannertitles {
		font-size: 12px;
		top: 65%;
	}
	#banner::before{
		background: #001b28 url(../images/play.png) bottom 5px center no-repeat;
	}
	.radv_con {
		font-size: 16px;
		color: #fff;
		line-height: 40px;
		margin-top: 20px;
	}
}

@media(max-width:376px) {
	.bannertitles {
		top: 60%;
	}
	.bannertitle {
		font-size: 18px;
	}
}

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

@media(min-height:1100px) {
	.pro:nth-child(2),.pro:nth-child(5){
		top:26%;
	}
	.pro:nth-child(3),.pro:nth-child(6){
		bottom:14%;
	}
	.pro:nth-child(1){
		bottom: 20%;
	}
	.pro:nth-child(6),.pro:nth-child(5) {
		right: 0;
	}
	.pro:nth-child(4) {
		left: 57.4%;
		bottom: 32%;
	}
}