@media (max-width:1920px){

    .block{ width:1000px; }

    header{height: 90px; line-height: 90px;position: fixed;
    background: #fff;
    opacity: 0.8;}

    header .nav li{ font-size: 15px; }
.banner,.banner_pic {
    margin-top: 90px;
}

    .indextitle{ font-size: 24px; }

    .proinfo .box .proinfo_fl h1{ font-size: 24px; }

    .proinfo .box .proinfo_fl dd{ font-size: 15px; }

    .index-contact li img{ width: 80px;height: 80px; }

    .probox .list .text h4{ margin-top: 0; font-size: 24px; }

    .probox .list .text h5{ font-size: 22px; }

    .probox .list .text .zhaiyao{ font-size: 15px;margin-top:30px; }

    .about .content  p{font-size: 15px;}

    .about .btitle h4{ font-size: 24px;}

    .probox .list .text h3{ font-size: 24px }

    .sevice .content{ font-size: 15px; }

    .sevice .fwtitle{ font-size: 32px; }

    .sevice .fwtitles{ font-size: 24px; }

    .sevice .pics{ width: 100px; }

    .sevice{ margin:80px auto 40px auto; }

    .bigtitle h4{font-size:26px;}

    .bigtitle h5{ font-size: 24px; }

    .function .list .title div{ font-size: 18px; }

    .function .list .title{ width: 150px; }

    .ul1 li .text p{font-size: 15px;}

    .proboxs .list .text .title .left .p1{ font-size: 26px; }

    .proboxs .list .text .title .left .p2{ font-size: 13px; }

    .child p{ font-size: 15px; }

    .probox{ margin-top: 70px; }

}



@media (max-width:1600px){



}

@media (max-width:1440px){

    .block{ width:900px; }

    header{height: 80px; line-height: 80px;}
.banner,.banner_pic {
    margin-top: 80px;
}

    .proinfo .box .proinfo_fl{padding-top:30px;}

    .proinfo .box .proinfo_fl h1{font-size:24px;}

    .proinfo .box .proinfo_fl dd{font-size:16px;}

    .indextitle{ font-size: 22px; }

    .product ul li a h3{font-size:20px;}

    .product ul li a dd{font-size:15px;}

    .probox .list .text{padding:30px;}

    .probox .list .text h4{ margin-top: 0; font-size: 22px; }

    .probox .list .text .zhaiyao{ font-size: 14px;margin-top:30px; }

    .proinfo .box .proinfo_fl span{margin:20px 0 0 0;display:block;width:100px;text-align:center;background:#00a0f0;margin-top:30px;line-height:35px;}

    .proinfo .box .proinfo_fl span a{display:block;color:#fff;font-size:14px;}



    .about .btitle h4{ font-size: 22px;}

    .about .btitle p{ font-size: 13px;}

    .about .content  p{font-size: 14px;}

    .index-contact li img{ width: 70px;height: 70px; }

    .index-contact li h4{ font-size: 15px; }

    .index-contact li p{ font-size: 13px; }

    .probox .list .text h5{ font-size: 20px; }

    .probox .list .text h3{ font-size: 22px }

    .sevice .content{ font-size: 14px; }

    .sevice .fwtitle{ font-size: 28px; }

    .sevice .fwtitles{ font-size: 22px; }

    .sevice .pics{ width: 80px; }

    .sevice{ margin:60px auto 30px auto; }

    .sevice .list{ margin-top: 40px; }

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

    .bigtitle h5{ font-size: 22px; }

    .function .list .title div{ font-size: 16px; }

    .function .list .title{ width: 140px; }

    .ul1 li .text p{font-size: 14px;}

    .probox{ margin-top:50px; }

    .probox .list .text .more{ width:100px; font-size: 14px; }

}

@media (max-width:1200px){

    .block{ width:800px; }

    .proinfo .box .proinfo_fl{padding-top:10px;}

    .index-contact li img{ width: 60px;height: 60px; }

}

@media (max-width:992px){

    .block{ width:92%; }

    header{height: 70px; line-height: 70px;}
.banner,.banner_pic {
    margin-top: 70px;
}

    header .logo{ width: 120px;}

    header .nav li{ font-size: 14px;}

    .proinfo .box .proinfo_fl{padding-top:10px;}

    .proinfo .box .proinfo_fl h1{font-size:20px;}

    .proinfo .box .proinfo_fl dd{font-size:14px;}

    .product ul li a h3{font-size:18px;}

    .product ul li a dd{font-size:14px;}

    .childss-fl{ width: 66.666% ; float: left;}

    .childss-fr{ width: 33.333%;}

    .proinfo .box .proinfo_fl{padding-top:0px;}

    .probox .list .text h5{ font-size: 18px; }

    .probox .list .text h3{ font-size: 18px }

    .probox .list .text h3 span{ width: 24px;height: 24px;line-height:24px; font-size:20px; vertical-align:0px; }

    .sevice .fwtitle{ font-size: 24px; }

    .sevice .fwtitles{ font-size: 18px; }

    .bigtitle h4{font-size:20px;}

    .bigtitle h5{ font-size: 18px; }

    .probox{ margin-top:40px; }

}

@media (max-width:768px){

    .block{ width:94%; }

    header{display: none}
.banner,.banner_pic {
    margin-top: 0;
}

    .mobile{ display: block;}

    .index-contact li{ width: 50%; margin-bottom:40px; }

    .index-contact li h4{ font-size: 14px; }

    .index-contact li p{ font-size: 12px; }

    .index-contact li:nth-child(3){ margin-bottom:0; }

    .index-contact li:nth-child(4){ margin-bottom:0; }

    .indextitle{ font-size: 20px;margin-bottom:30px; }

    .foot{ font-size: 12px; }

    .foot{ line-height: 25px;}

    .foot .fr{ float: left; width: 100%; }

    .swiper-button-next, .swiper-button-prev{width: 15px;background-size: 100%;}

    .inzhan .swiper-container img{ width: calc(100% - 80px); display: block; margin:0 auto; }

    .inzhan{ margin:40px auto; }

    .bgincase{ margin-bottom: 40px; }

    #demo img { height: 150px; }

    .product ul li a h3{font-size:16px;}

    .product ul li a dd{font-size:13px;}

    .product ul li{ width: 100%; margin-bottom: 30px; }

    .product{ margin:30px auto; }
.probox .list{ margin-bottom:30px; }
    .probox .list .text{padding:0 20px; width: 100%;position: relative;
    margin-top: 20px;}

    .probox .list .pic{ width: 100%; float: none }
    .proboxs .list:nth-child(odd) .pic{float: none }
.probox .list:nth-child(odd) .pic{ float: none }
    .probox .list .text h4{ font-size: 20px; }

    .probox .list .text .zhaiyao{ font-size: 14px; margin-top: 15px; }

    .suoyao img{ width:150px; }

    .suoyao h3{font-weight:normal;font-size:18px;}

    .suoyao h3 font{font-size:20px;}

    .suoyao span{display:block;margin:30px auto;width:150px;}

    .suoyao span a{line-height:40px;font-size:15px;}

    .child p{font-size: 14px;}

    .childss-fl{ width: 100% ; float: none; border-right: none;border-bottom:1px solid #ddd; }

    .childss-fr{ width: 100% ;float: none;}

    .childss h5{ margin-top: 20px; }

    .proinfos{ margin:40px auto; }

    .index-contact li .ewm img{ width: 80px; height:80px; }

    .about{ margin:40px auto; }

    .about .btitle h4{ font-size: 20px;}

    .about .btitle p{ font-size: 12px;}

    .about .content  p{font-size: 14px;}

    .about .intro {font-size: 14px;}

    .inzhan .swiper-slide dd{ left: 40px; width: 40%; }

    .probox .list .text h3 span{ width: 24px;height: 24px;line-height:24px; font-size:18px; vertical-align:0px; }

    .about .pic .fl{ width: 100%;float: none }

    .about .pic .fr{ width: 100%;float: none; margin-top:20px; }

    .about  .pic .fr .text{ width: 94%;}

    .about  .pic .fr .text h5{font-size:16px;color: #a78a73; font-weight: 500; margin-bottom: 20px}

    .about  .pic .fr .text p{ font-size: 14px; color: #666;line-height: 1.7 }

    .probox .list .pic img{ width: 100%;max-width:100%; }

    .probox .list .text .text1{ position: static;transform: translateY(0); }

    .probox .list .text .more{ position: static; }

    .bigtitle li h4{ font-size: 18px; }

    .ul1{ width: 100%; }

    .function .list .title{  width: 120px; float: none }

    .function .list .text{ width: 100%; float: none; margin-top: 20px; }

    .function .list .text li{ padding:0 4% 0 0; }

    .proboxs .list .text .title .imgs{ width: 40px; margin-top: 10px; }

      .h50{ height: 50px; }



}

@media (max-width:600px){

 .block{ width:92%; }

 .proinfo{margin-top: 30px;}

 .proinfo .box{ margin-bottom:30px; }

 .proinfo .box .proinfo_fl{width: 100%; float: none; margin-top: 15px;}

 .proinfo .box .proinfo_fr{width: 100%; float: none}

 .proinfo .box .proinfo_fl dd{ margin-top: 0; }

 .inzhan .swiper-slide dd{ position: static; font-size: 12px; width: calc(100% - 80px); margin:0 auto; }

 .abouts{ width: 100%}

 .about .list span{height: 35px; line-height: 35px; }

 .about .list input{ width: calc(100% - 90px); height: 35px; line-height: 35px; }

 .about .list textarea{ width: calc(100% - 90px) }

 .about .list span{font-size: 14px;}

 .about .list input[type="button"]{ font-size: 16px; width: 120px;}

 .bigtitle li h4{ font-size: 12px; }

 .indextitle{ font-size: 16px; }

 .indextitle a{padding: 4px 3px;margin: 0 4px;}

 .ul1 li{ width: 100%; border:1px solid #ddd; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }

 .proinfos .lists {width: 100%;overflow-x: auto;}

 .proinfos .lists img{ width: 480px;max-width: 480px; }

}



}

@media (max-width:400px){



}