@media screen and (max-width: 1024px) {
    .ips_list a.margin,
    .iy_list a.margin,
    .in_list a.margin,
    .ps_list a.margin{margin-right:12px}
    .w1200{max-width: 900px}
    .header,
    #silder,
    .if_ewm,.pro_hide,
    .cn_nav,
    .plist_1,.plist_2{display: none}
    .swiper-container4,
    .mobile_cn_nav,.plist_3{display: block;}
    .cn_nav2,.cn_nav2>div{width: 100%;height: auto}
    .cn_nav2>div a{margin-bottom: 20px;}
    .pro_list a{height: auto}
    .mobile_header{
        height: 70px;
        width: 100%;
        position: fixed;
        z-index: 99999;
        display: block;
        top: 0;
    }
    .icon_menu{
        width: 40px;
        height: 30px;
        float: right;
        margin: 20px;
    }
    .icon_menu img{width: 100%;height: 100%}
    .mobile_nav{
        width: 100%;
        height: 100%;
        position: fixed;
        top:70px;
        display: none;
    }
    .mobile_nav ul>li>a{
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-bottom: 1px solid #fff;
        background:#ff585e;
        display: block;
        color: #fff;
    }
    .mobile_nav li:last-child{border: none}
    .mobile_nav li a{color: #fff}
    .mobile_nav2{
        background: #ff585e;
        display: none;
    }
    .mobile_nav ul .mobile_nav2>li>a{background: #fff;color: #ff585e;border-bottom: 1px solid #ff585e}
    .mobile_nav ul{border-top: 1px solid #fff;}
    /*主页内容*/
    .swiper-container4{margin-top: 70px;}
    .i-href{position: relative;width: 895px}
    .ih_l{
        width:100%;
        height: 250px;
        padding: 20px;
    }
    .ih_l>div{float: left}
    .ih_l_con{margin-left: 100px}
    .ih_list3{display: none}
    .ih_list4{position: absolute;right: 0;top:0;}
    .ih_r{height: 250px}
    .ips_title{margin-bottom: 20px;}
    .ips_list a,.ps_list a{width: 290px;    height: auto;}
    .ips_list a:nth-child(3n),.ps_list a:nth-child(3n){margin-right: 0}
    .ips_list a:nth-child(7),
    .ips_list a:nth-child(8),
    .ips_list a:nth-child(9) {display: none}
    .i_ys{height: auto}
    .iy_list a,
    .in_list a,
    .news_list a{width: 48%;margin: 0 0 4% 0;float: left;}
    .iy_list a:nth-child(2n),
    .in_list a:nth-child(2n),
    .news_list a:nth-child(2n){margin-left: 4%}
    .iy_list a.margin,
    .in_list a.margin,
    .news_list a.margin{margin-right: 0}
    .iy_img{width: 100%}
    .ia_car li,.ia_car{width: 385px}
    .i-about h3:before{font-size: 80px;top:-22px}
    .i-join .w1200{background-position: bottom}
    .i-join p{width: 468px}


    .pro_list a {
        max-width: 100%;
        float: left;
        width: 48%;
        margin-right: 0;
    }

    .pro_list a.margin{margin-left: 4%}
    .mobile_cn_nav{height: auto}
    .pro_show_car{height: 370px;  width: 370px;}
    .pro_show_con{width: 50%}
    .about-content>a{
        width: 100%;
        height: 293px;
    }
    .ab_ys{height: 293px}
    .about-content>a div{width: 50%}
    .ac_con{padding: 25px}
    .ab_con{padding: 10px 30px;}

    .pro_car{height: 370px}
    .pro_car li{width: 370px;height: 370px}
    .pro_btn a{
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }
    .mobile_bg {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index:-1;
    }
}
@media screen and (max-width: 768px) {
    .if_call,
    .ih_list1,
    .ips_list a:hover .pro_hide,.ps_list a:hover .pro_hide{display: none}
    .w1200{max-width: 700px;padding: 0 15px}
    .i-about h3:before {
        font-size: 62px;
        top: -14px;
    }
    .i-href{width: 100%}
    .i-about h3{font-size: 38px;}
    .ia_car li, .ia_car {width: 295px;}
    .i-join p {width: 420px;}
    .i-join .w1200{padding: 20px}
    .ips_list a,.ps_list a{width: 48%;margin: 0;height: auto}
    .ips_list a:nth-child(2n),
    .ips_list a:nth-child(2n).margin,
    .ps_list a:nth-child(2n),
    .ps_list a:nth-child(2n).margin{margin-left: 4%;margin-right: 0}
    .pro_img,.ih_r{width: 100%}
    .ih_l_con{margin-left: 20px;font-size: 18px}
    .ih_l{padding: 10px}
    .ih_l a, .ih_r_href a{line-height: 34px}
    .ih_r_href{
        width: 100%;
        background-size: 100% 100%;
        padding: 20px;
    }
    .ih_r_href h3,.ih_r_href a{margin-left: 50px;}
    .ih_r_href a{font-size: 18px}
    .ips_title{height: 100px}
    .ips_title span{display: inline-block;padding-top: 15px}
    .ia_car li a{font-size: 16px}
    .pro_show_car{max-width: 100%;}
    .about-content>a{height: auto;margin: 0 auto}
    .about-content>a div{width: 100%;}
    .ab_img,.ab_img img,.ac_img img{width: 100%}
    .ab_con{
        width: 100%;
        background: #eee;
        margin-bottom: 15px;
        border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
        padding:30px 36px;
        height: auto;
    }
    .ac_con{background: #eee;margin-bottom: 20px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
    .pro_list3{width:50%;}
    .pro_list3 img{width: 100%; height: 100%;}
    .pro_list3 p{background-repeat: repeat-x}

    .pro_car{height: 740px}
    .pro_car li{width: 740px;height: 740px}
    .pro_show{margin-top:0px}
    .pro_btn a{
        width: 100px;
        height: 100px;
        margin-top: -50px;
    }
    .pro_show_car{height: 740px;  width: 740px;}
    .pro_show_con{width:100%;margin-top: 30px;    padding-bottom: 30px;}
}
@media screen and (max-width: 700px) {
    .cn_nav2>div a {
        width: 43%;
        margin-right: 0;
    }
    .pro_show_car{
        height: 500px;
    }
    .mobile_cn_nav a{
        width: 30%;
        text-align: center;
        margin-right: 5%;
    }
    .mobile_cn_nav a:nth-child(3n){margin-right:0;}
    .news_list a {
        width: 100%;
        margin: 10px 0 0 0;
        height: auto;
    }
    .news_list a:nth-child(2n){margin:10px 0 0 0;}
    .if_nav dl:last-child{display: none}
    .pro_show_car,.pro_show_car li,.pro_car{height:640px}
    .pro_btn a{
        width: 50px;
        height: 50px;
        margin-top: -25px;
    }
    .mobile_cn_nav a{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .cn_title .r{display: none}
    .pro_list a{
        display: block;
        margin: 20px auto;
        float: none;
        width: 100%;
    }
    .pro_list a.margin{margin: auto}
    .pro_list3{width: 100%;margin-bottom: 20px}
    .ab_con h4{font-size:30px }
    .cn_nav2>div a:nth-child(2n){margin-left: 10%}
    .swiper-container4 {margin-top: 50px;}
    .mobile_header { height: 60px; }
    .mobile_nav {top: 50px;}
    .icon_menu {margin: 10px;}
    .pro_show p{line-height: 24px;font-size:12px;}
    .w1200{max-width: 400px}
    .ih_list4,
    .if_nav{display: none}
    .pro_img{height: 200px}
    .ips_list a{
        width: 48%;
        height: auto;
    }
    .ps_list a{width: 100%;margin: 0;height:auto;}
    .iy_list a{padding: 5px;line-height: 20px;width: 100%;height: 280px}
    .ips_list a:nth-child(2n),
    .ips_list a:nth-child(2n).margin{margin-left: 4%}
    .ps_list a:nth-child(2n),
    .ps_list a:nth-child(2n).margin{margin: 0}
    .iy_list a:nth-child(2n), .in_list a:nth-child(2n){margin: 0 0 20px 0}
    .in_list a:nth-child(2n){display: none}
    .in_text{height: 70px;overflow: hidden}
    .iy_list a h4{line-height: 40px}
    .iy_list a p{
        height: 100px;
        overflow: hidden;
    }
    .i-about{
        background-position: left center;
        height: auto;
        background: none;
        margin-bottom: 60px;
    }
    .i-about .w1200{padding-top: 120px}
    .in_img{height: 115px}
    .in-con{height: 163px;padding: 10px}
    .in_list a{height: 280px;width: 100%}
    .i-join p{width: 100%}
    .i-join h3 strong{display: none}
    .if_call{display: block}
    .if_call dd{width: 50%;float: left}
    .ia_car{margin: 20px auto 0}
    .i-join .w1200{
        background: #f0f0f0;
        border-radius: 11px;
    }
    .wl {margin-right:10px;}
    .cn_title p{position: absolute;right: 15px}
    .pro_show_car li,.pro_car{height: 400px;width: 370px;}
    .ac_con{font-size: 14px}
    .iy_con{padding: 16px}
    .mobile_cn_nav a{font-size: 12px}
	.pro_show_car{height:248px;}
	
}
@media screen and (max-width: 375px) {
    .w1200{/*max-width: 315px;*/}
    .i-about h3:before{font-size: 48px}
    .ia_car li, .ia_car{width: 310px;}
    .i-join h3{margin-bottom: 0}
    .if_call dd{width: 100%}
    .wl,.wl_text,.ih_l_img {display: none}
    .iy_list a p{height: 80px}
    .ih_r_href a,.ih_r_href h3{margin-left: 20px}
    .i-about h3 {font-size: 28px;}
    .ia_car li, .ia_car {width: 287px;}
    .pro_img {height: 150px;}
    .ips_list a,.ps_list a{height: auto;}
    .pro_show_car li,.pro_car{height:100%;width:345px}
    .ac_con h4{font-size: 24px;    margin-bottom: 10px;}
    .ac_con{font-size: 12px;padding: 5px}
    .ab_con{height: auto}
    .ab_con li{width: 100%}
    .about-title p{text-align: left}
    #dituContent{height: 350px}
}

@media screen and (max-width: 360px) {
	
	.pro_show_car li,.pro_car{height:100%;width:330px}
}

@media screen and (max-width: 320px) {
	
	.pro_show_car li,.pro_car{height:100%;width:290px}
}