@media screen and (max-width:1680px) {

 
    .marginleft1 { margin-left: 1% !important; }
    .marginleft2 { margin-left: 1% !important; }

    .m_logo { max-width: 60px; margin: 2% 1% 0 0%; }

    .m_navibox ul li { float: left; width: 130px; margin: 0 0%; position: relative; }


    .m_center{width:96%;}

    .auto { width: 65%; margin: 0 auto; position: relative; display: block; }


    #certify33 .swiper-slide .swiperbg { width: 98%; height: auto; float: left; position: relative; z-index: 5; overflow: hidden; }

    #certify33 .swiper-slide .swiperbg_bgc { width: 100%; height: 100%; background: rgba(18,57,82,.51); float: left; position: absolute; z-index: 3; left: 0; top: 0; overflow: hidden; }

    #certify33 .swiper-slide-active .swiperbg_bgc { background: rgba(18,57,82,0); }




.snTitle {
    width: 40%;
    max-width: initial;
    float: right;
}



.slides_txt{top:30%;}


.z_navibox ul li{width: 110px;}

}

@media screen and (max-width:1440px) {


.marginleft2 {
    margin-left: 1% !important;
}

    .bans_txt { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0%; margin-top: 12%; font-family: SourceHanSansSC-bold; font-size: 60px; color: #fff; text-align: center; line-height: 80px; font-weight: bold; letter-spacing: 6px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.51); }

    .bans_txt_font { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0%; margin-top: 20%; font-family: SourceHanSansSC-Regular; font-size: 20px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-shadow: 0; letter-spacing: 6px; }

.syTitle {
    width: 39%;
    max-width: 485px;
    float: left;
}

.syTitle li{    height: auto;
    padding: 10px;}


.syTitle li .yuan1{width:45px; height:45px;}

#certify33 .swiper-button-prev33{width:60px !important; height:60px !important;}
#certify33 .swiper-button-prev33:hover{width:60px !important;  height:60px !important;}
#certify33 .swiper-button-next33{width:60px !important;  height:60px !important;}
#certify33 .swiper-button-next33:hover{width:60px !important;  height:60px !important;}

.c_cenrer,.x_cenrer{padding:0 20px;}

.z_navibox ul li{width:80px;}

.marginleft2 {
    margin-left: 1% !important;
}

.m_cokk1{font-size:36px;}

.m_box1,.m_box2,.m_box3,.m_box4{padding:60px 0;}


.m_box1_type h4{font-size:30px; margin:30px 0 10px 0; }

.m_box1_type h5 {font-size:16px;}

.m_box1_type h6 {
    width: 160px;
    height: 60px;
    float: left;
    margin: 40px 0 20px 0;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0);
    position: relative;
}

.m_box1_type h6 a {
    width: 100%;
    height: 60px;
    float: left;
    font-family: SourceHanSansSC-Regular;
    font-size: 16px;
    color: #0a68da;
    text-align: left;
    line-height: 60px;
    text-indent: 20px;
    font-weight: normal;
}


.m_box1_type h6 a font { width: 45px; height: 45px;}


#certify33 .swiper-slide h3{font-size:26px;}

.syTitle li h4 {
    width: 98%;
    height: 80px;
    float: left;
    margin: 0 0 1% 0;
    font-family: SourceHanSansSC-Regular;
    font-size: 14px;
    color: #888888;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    text-indent: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m_box4_1 {
    width: 100%;
    float: left;
    margin: 20px 0 0px 0;
}

.snTitle li{height:170px; margin:0 0 20px 0; }

.zonghe_jian {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 3% 0%;
    font-family: SourceHanSansSC-Bold;
    font-size: 26px;
    color: #333;
    text-align: left;
    line-height: 34px;
    font-weight: bold;
    text-indent: 0px;
    background: rgba(0,0,0,0);
}

.s_show {
    width: 100%;
    float: left; 
    margin: 20px 0px; 
    font-size: 16px;
    line-height: 32px;

}

.s_show h3{font-size:36px;}

.s_show em{font-size:14px;}

.s_show_imgs dl dd{margin:0 2% 2% 0;}

.ins_cokk{margin:0 0 1% 0;}

.s_show h4{margin:1% 0;}

.sc_menu dl dd a {
    width: 100%;
    height: 70px; 
    font-size: 20px;
    color: #444;
    text-align: center;
    line-height: 70px;
    font-weight: normal;
    text-indent: 0px;
}

.proj_type_bt{font-size:26px;}

.proj_type_show{font-size:16px; line-height:34px;}





}

@media screen and (max-width:1360px) {


    .m_navibox ul li { float: left; width: 100px; margin: 0 0%; position: relative; }


.slides_txt{font-size:80px;}

.slides_txt_font{font-size:20px;}

.m_box1_type {
    width: 50%;
    max-width: initial;
    float: left;
    margin: 0;
}

.m_box1_type h6{margin:0px 0;}


.syTitle {
    width: 35%;
    max-width: initial;
    float: left;
}

  .syTitle li h3 { 
    height: 30px;
    float: left;
    margin: 0 0 1% 0; 
    font-size: 20px; 
    line-height: 30px; 
}

.syTitle li {
    height: auto;
    padding: 8px;
}


.snTitle li {
    height: auto;
    margin: 0 0 41px 0;
}


.m_box1_type h5{margin:10px 0;}

.s_cokk1{margin:5px 0;}


.m_box1_img {
    width: 53%;
    max-width: initial;
    float: right;
    margin: 0 -3% 0 0;
}

.zonghe_jian{font-size:22px; line-height:34px;}


.w_show h3{font-size:32px;}


.s_fan1 dl dd a,.s_fan1 dl dd a font{font-size:16px;}


}

@media screen and (max-width:1280px) {


    .m_navibox ul li { float: left; width: 80px; margin: 0 0%; position: relative; }


    .m_navibox ul li dl { width: 120px; float: left; position: absolute; z-index: 10; left: 0; margin-left: -20px; top: 80px; background: #fff; display: none; }
    .m_navibox ul li:hover dl { width: 120px; float: left; position: absolute; z-index: 10; left: 0; margin-left: -20px; top: 80px; display: block; }

    .m_navibox ul li:hover dl dt { width: 100%; float: left; height: 40px; background: #fff; }
    .m_navibox ul li:hover dl dt a { width: 100%; float: left; height: 40px; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #333; text-align: center; line-height: 40px; font-weight: normal; border-bottom: none; }



}
@media screen and (max-width:1024px){

.m_phone h3{max-width:200px;}

.m_phone h3 font {
    width: 100%;
    float: left;
    font-size: 22px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.m_box1_type h4 {
    font-size: 26px;
    margin: 10px 0 10px 0;
}


.m_box1_type h5{height:150px; font-size:14px; line-height:30px;   }


.m_box1_type h6 a{  height:50px;}

  
.snTitle li {
    height: 116px;
    margin: 0 0 20px 0;
}

.snTitle li .xntxt{margin:0 0 0px 10px;}

.xntxt h3 {
    width: 100%;
    height:40px;
    float: left;
    margin: 0 0 1% 0; 
    font-size: 16px; 
    text-align: left;
    line-height: 20px; 
}

.xntxt h4 {
    width: 98%;
    height: 30px;
    float: left;
    margin: 0 0 0% 0; 
    font-size: 16px;
    color: #888888;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-indent: 0px; 
}

.xntxt font {
    width: 100%;
    height: 36px;
    float: left;
    margin: 0 0 1% 0;
    font-family: SourceHanSansSC-Normal;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 18px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


.m_footer_left {
    width: 36%;
    max-width: initial;
    float: left;
    margin: 20px 0 0 0;
}



.m_fnavi {width:60%; max-width:inherit; float: right; margin: 40px 0% 20px 0; }

.m_fnavi ul li h3{font-size:22px; line-height:40px; }

.slides_txt {
    font-size: 60px;
}

.slides_txt_font,.bans_txt_font {
    font-size: 12px;
}

.bans_txt{font-size:40px;}



.zonghe_list dl dd{width:24.7%;}


.proj_type {
    width: 46%;
    max-width: initial;
    float: left;
    margin:1% 1% 1% 0;
}
.proj_type_bt {
    width: 46%;
    max-width: initial;
    float: left;
    margin: 1% 1% 3% 0;
}

.proj_type_show {
    font-size: 16px;
    line-height: 26px;
margin:0;
}

.news_imgs dl dd .newbox .news_con{font-size:18px;}

.z_phone h3{max-width:200px; }

.z_phone h3 font{font-size:24px;}

.z_navibox{display:block;}

.z_navibox ul li{width:80px;}

.z_mhead {display:none;}

.w_show h3 {
    font-size: 26px;
}
 
.w_show{font-size:16px; line-height:34px; }

.m_fnavi ul li h3 {
    font-size: 18px;
    line-height: 40px;
}


.conta_type {
    width: 60%;
    max-width: initial;
    float: left;
    margin: 3% 0 0 0;
}   


}


@media screen and (max-width:780px) {


    .web { display: none; opacity: 0; }

    .mobile { display: block; opacity: 1; }

    .max { width: 100%; /*max-width: 750px;*/ height: auto; margin: 0 auto; overflow: hidden; }


    .slides_txt { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 38%; font-family: SourceHanSansSC-bold; font-size: 24px; color: #fff; text-align: center; line-height: 30px; font-weight: bold; letter-spacing: 8px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.51); }

    .slides_txt_font { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 50%; font-family: SourceHanSansSC-Normal; font-size: 10px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-shadow: 0; letter-spacing: 0px; }


    .m_headbg { width: 100%; height: 4.5rem; float: left; position: relative; z-index: 20; left: 0;   
 border-bottom: 1px solid rgba(255,255,255,.3); }

 

    .m_logo { max-width: 140px; margin:2% 1% 0 2%;  }

    .m_phone { max-width:200px; float: left; margin:2% 0% 1% 0%; }

    .m_phone img { width: 30px; float: left; margin:1%; }

    .m_phone h3 { width: 70%; max-width: 160px; float: left; font-size: 12px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; }

    .m_phone h3 font { width: 100%; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }


    .z_phone { max-width:200px; float: left; margin:2% 0% 1% 0%; }

    .z_phone img { width: 30px; float: left; margin:1%; }

    .z_phone h3 { width: 70%; max-width: 160px; float: left; font-size: 12px; color: #0a68da; text-align: left; line-height: 20px; font-weight: normal; }

    .z_phone h3 font { width: 100%; float: left; font-size: 16px; color:#0a68da; text-align: left; line-height: 30px; font-weight: normal; }


    .z_mhead { position: relative; width: 50px; float: right; box-sizing: border-box; margin: 0 3%; padding: 0 0%; z-index: 45; display: none; }

    .z_mhead .nav { position: relative; width: 41px; height: 41px; background: url(../images/menu02.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 5%; top: .5rem; display: block; z-index: 55; }



    .m_navibox { float: right; width: auto; margin: 0 2%; display: none; }



    .m_headbg .yy { padding: 0% 0%; height: 4.5rem; display: flex; align-items: center; justify-content: flex-end; background: #0a68da; font-size: 0.85vw; color: #FFFFFF; position: relative; z-index: 2; float: right; }


    .z_mhead { position: absolute; width: 50px; float: right; box-sizing: border-box; padding: 0 0%; z-index: 45; display: block; right: 10%; }

    .z_mhead img { width: 100%; }

    .z_mhead .logo { width: 48px; float: left; margin: -1rem 3% .5rem 3%; }

    .z_mhead .nav { position: absolute; width: 50px; height: 50px; background: url(../images/menu02.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 5%; top: 1rem; display: block; z-index: 55; }

    .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 4.5rem; z-index: 99; display: none; }

    .z_nav .navleft { width: 30%; float: left; background: rgba(0, 0, 0, 0.1); height: 100vh; overflow: hidden; }

    .z_nav .nav { width: 70%; float: left; background: #fff; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }

    .z_nav .nav ul { width: 100%; float: left; margin: 3% 0 3% 0%; border-top: 1px dashed #f2f3f5; }

    .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px dashed #f2f3f5; }

    .z_nav .nav ul li.selected { }

    .z_nav .nav ul li a { height: 3rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 18px; color: #333; line-height: 3rem; }

    .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li.selected > a { color: #d12014; }

    .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 1rem; box-sizing: border-box; }

    .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; }

    .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; }


.m_box1_type h4{font-size:20px; margin:0; }

.z_navibox{display:none;}

.syTitle {
    width: 34%;
    max-width: initial;
    float: left;
}

.syTitle li h4{height:20px;}


.syTitle li .yuan1{width:35px; height:35px; top:25%;}

.snTitle li {
    height: auto;
    margin: 0 0 24px 0;
}
.xntxt h3{height:20px;}

.xntxt font{height:18px;}

.s_times ul li .time_bt{font-size:24px; text-indent:20px;}

.s_times li .time_con{font-size:12px; text-indent:20px;}

.s_cokk1,.zonghe_jian{font-size:20px;}


.s_show h3 {
    font-size: 26px;
}

.s_show h4{font-size:24px;}

.zonghe_prod dl dd{width:39.4%;}

.zonghe_prod dl dt ul li{margin:0px 2px 2px 0;}


.m_fnavi ul li h3{font-size:13px;}


.m_fnavi ul li dl dd a{font-size:12px; line-height:24px;}




}


@media screen and (max-width:480px){

.m_logo {
    max-width:60px;
    margin:6% 1% 0 2%;
}

.z_mhead{right:24%;}


.m_box1, .m_box2, .m_box3, .m_box4 {
    padding: 20px 0;
}

.m_box1_type {
    width: 100%;
    max-width: initial;
    float: left;
    margin: 0;
}

.m_box1_img {
    width: 100%;
    max-width: initial;
    float: right;
    margin: 5% 0% 0 0;
}


.z_navibox ul li{ width: 100px; }



}



/*480*/

@media screen and (max-width:480px) {

.m_cokk1 {
    font-size: 26px;
}



.m_box1_type h6 { width: 150px; height: 50px; float: left; margin:30px 0 10px 0; background: #fff; border-radius: 40px; 
    box-shadow: 0px 0px 1px rgba(0,0,0,0); position: relative; }

.m_box1_type h6:hover { box-shadow: 2px 4px 10px rgba(10,104,218,0.5); }

.m_box1_type h6 a { width: 100%; height: 50px; float: left; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #0a68da;
 text-align: left; line-height: 50px; text-indent: 10px; font-weight: normal; }


.m_box1_type h6 a font { width: 40px; height: 40px; float: right; margin:6px 6px 0 0px;  background: #0a68da; border: none; border-radius: 50%; text-indent: 0; }

.m_box1_type h6 a font img { width: 100%; border-radius: 50%; }


.m_box2_1 {
    width: 100%;
    float: left;
    margin: 20px 0 20px 0;
}


.syTitle {
    width: 90%;
    max-width: initial;
    float: left;
}

.syTitle li h4 {
    height: 40px;
}

.syContent {
    width: 97%;
    max-width: initial;
    float: right;
    margin: 0 3% 0 0;
}




#certify33 .swiper-button-prev33{width:40px !important; height:40px !important; top: 15%;}
#certify33 .swiper-button-prev33:hover{width:40px !important;  height:40px !important; top: 15%;}
#certify33 .swiper-button-next33{width:40px !important;  height:40px !important; top: 15%;}
#certify33 .swiper-button-next33:hover{width:40px !important;  height:40px !important; top: 15%;}



#certify33 .swiper-slide h3{font-size: 16px;}

#certify33 .swiper-slide font{font-size: 12px;  height: 40px; line-height: 20px;}


.xntxt font {
    height: 36px;
    line-height: 18px;
}


.m_cokk1 font{margin: 10px 0 0 0;}

.m_cokk1 font a{font-size: 14px; line-height: 40px;}


.m_cokk1 font a img{width: 60px;}

.snTitle {
    width: 100%;
    max-width: initial;
    float: right;
}


.snContent {
    width: 100%;
    max-width: initial;
    float: left;
    position: relative;
    z-index: 10;
}

.m_footer_left{width: 99%;}



.m_fnavi {
    width: 102%;
    max-width: inherit;
    float: right;
    margin: 40px 0% 20px 0;
}


.m_fnavi ul li {
    width: 46%;
    float: left;
    margin: 20px 0 10px 3%;
}

.m_fnavi ul li h3 {
    font-size: 18px;
    line-height: 40px;
    margin: 0;
}



.bans_txt{margin-top: 2%; font-size: 20px;}

.bans_txt_font{margin-top: 16%; font-size: 14px; line-height: 20px; }

.s_cokk1 {
    margin: 5px 0; padding: 0;
}

.s_cokk1, .zonghe_jian {
    font-size: 16px;
}


.zonghe_list dl dd {
    width: 49.4%;
}


.s_show {
    width: 100%;
    float: left;
    margin:10px 0 20px 0px;
    font-size: 16px;
    line-height: 32px;
}


.s_show h3 {
    font-size: 22px; line-height: 40px; 
}


.s_show_imgs dl dd,.s_serv_imgs dl dd {
    width: 98%;
    margin: 0 2% 2% 0;
}

.sc_menu dl dd a{width: 100%; height: 40px; line-height: 40px; font-size: 14px; }

.sc_imgs dl dd {
    width: 98%;
    float: left;
    margin: 2% 2% 1% 0;
}


.sc_imgs dl dd .casebox .case_bt font{font-size: 20px;}

.sc_imgs dl dd .casebox .case_con {
    width: 100%;
    height: auto;
    float: left;
    margin: 3% 0 2% 0;
    font-family: SourceHanSansSC-Regular;
    font-size: 14px;
    color: #323433;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-indent: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}


.proj_type {
    width: 99%;
    max-width: initial;
    float: left;
    margin: 1% 1% 1% 0;
}

.proj_type_bt{font-size: 20px;}



.proj_imgs {
    width: 98%;
    max-width: initial;
    float: right;
    margin: 5% 1% 5% 0;
}



.news_imgs dl dd {
    width: 98%;
    float: left;
    margin: 4% 2% 1% 0;
}

.news_imgs dl dd .newbox .news_con {
    width: 100%;
    height: auto;
    float: left;
    margin: 0% 0 1% 0; 
    font-size:18px;
    color: #333333;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-indent: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}



.mart1 {
    margin-top:1rem;
}


.w_show h3 {
    font-size: 18px;
}


.s_fan1 dl dd a, .s_fan1 dl dd a font{line-height: 34px;}


.conta_type{width: 100%;}

.conta_ewm {
    width: 50%;
    max-width: inherit;
    float: right;
    margin: 3% 30% 0 0;
}


.zonghe_prod dl dd{
    width: 99%;
}


.zonghe_prod dl dt {
    width: 100%;
}

.zonghe_prod dl dt ul li{width: 49.4%;}


.zonghe_prod dl dd .hbgc,.zonghe_prod dl dt ul li .hbgc{font-size: 16px; line-height: 20px;}



.time_bt::after{height: 26px;}








}