﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1600px) {

    .dyip{padding:50px 15%;}

    .derp li p{font-size: 24px;}

    .dsanp ul{padding:150px 15%;}

    .dsip{padding:100px 15% 0 15%;}

    .dwup{padding:100px 15%;}

    .dliup{padding:50px 15%;}

    .con{padding:50px 15%;}

    .subnav{padding:0 15%;}

    .products_con_b{padding:50px 15%;}

    .solution_con_t{padding:50px 15%;}

    .foot .foot_t{padding:80px 15%;}

    .foot .copyright{padding:20px 15%;}

}

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

    .dyip{padding:50px 10%;}

    .derp .swiper-slide p{font-size: 18px;}

    .dsanp ul{padding:150px 10%;}
    .dsanp li i{font-size: 50px;color: #00aaad;}
    .dsanp li .yi{font-size: 30px;margin-top: 20px;}
    .dsanp li .er{margin-top: 20px;font-size: 16px;}

    .dsip{padding:100px 10% 0 10%;}

    .dwup{padding:100px 10%;}

    .dliup{padding:50px 10%;}

    .subnav{padding:0 10%;}

    .con{padding:50px 10%;}

    .products_con_b{padding:50px 10%;}

    .solution_con_t{padding:50px 10%;}

    .foot .foot_t{padding:80px 10%;}

    .foot .copyright{padding:20px 10%;}

}

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

    .derp .swiper-slide p{font-size: 16px;}

    .dsip .left .txt{margin-top: 30px;}

}

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

    header{height: 50px;}
    header h1{top: 13px;width: 100px;}
    header .nav{display: none;}
    header .yuyan{right: 10%;line-height: 50px;}
	header .m-btn{display: block;}

    .banner{margin-top: 50px;}

    .dyip{padding:50px 5%;text-align: center;}
    .dyip li{float: left;width: 48%;margin-left: 2%;}

    .dsanp{background: url(../images/pic8_1.jpg) no-repeat center fixed;background-size: cover;}
    .dsanp ul{padding:100px 5%;}

    .dsip{padding:50px 5% 0 5%;}
    .dsip .left{float: none;width: 100%;padding:0;}
    .dsip .left  .more{width: 150px;margin-top: 30px;}
    .dsip .pic{float: none;width: 100%;margin-top: 30px;}

    .dwup{padding:100px 5%;}
    .dwup .title h2{font-size: 30px;}

    .dliup{padding:50px 5%;}

    .dqwz{margin-top: 50px;padding:35px 5%;}

    .ny_banner{margin-top: 50px;}

    .subnav{padding:0 5%;}

    .con{padding:50px 5%;}

    .products li{width: 31.333%;}

    .products_con_b{padding:50px 5%;}
    .products_con_b td{padding:10px;font-size: 14px;}

    .solution_con_t{padding:50px 5%;}

    .con .contact .txt{float: none;width: 100%;padding:20px;}
    #map{ height:350px;width: 100%;float: none;}

    .foot .foot_t{padding:50px 5%;}
    .foot .foot_t .right{width: 40%;}

    .foot .copyright{padding:20px 5%;}
    
    

}

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

    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-slide .m{display: block;}

    .dyip ul{margin-top: 40px;margin-left: 0;}
    .dyip li{float: none;width: 100%;margin-left: 0;}

    .derp .swiper-slide p{font-size: 14px;}

    .dsanp ul{display: flex;flex-wrap: wrap;}
    .dsanp li{float: none;width: 50%;color: #FFF;padding:10px 0;}
    .dsanp li i{font-size: 50px;color: #00aaad;}
    .dsanp li .yi{font-size: 20px;margin-top: 10px;}
    .dsanp li .er{margin-top: 10px;font-size: 12px;}

    .dwup{padding:50px 5%;}
    .dwup .title h2{font-size: 24px;}
    .dwup .pinglun{margin-top: 10px;}
    .dwup .swiper-slide{margin-top: 50px;padding: 20px;}
    .dwup .swiper-slide i{width: 50px;height: 50px;line-height: 50px;font-size: 24px;box-shadow:0  15px 15px rgba(0, 0, 0, 0.2);left: 20px;top: -25px;}
    .dwup .swiper-slide .txt{padding-top: 20px;line-height: 24px;font-size: 14px;}
    .dwup .swiper-slide .ren{margin-top: 20px;}
    .dwup .swiper-slide .ren .pic{width: 40px;height: 40px;}
    .dwup .swiper-slide .ren .txter{margin-left: 10px;}
    .dwup .swiper-slide .ren .txter h2{font-size: 16px;}
    .dwup .swiper-slide .ren .txter p{margin-top: 5px;font-size: 12px;}

    .dliup li{margin-left: 0;margin-bottom: 0px;}
    .dliup li .input_txt{width: 100%;margin-left: 0;float: none;height: 50px;margin-bottom: 10px;}
    .dliup li:nth-of-type(3) .input_txt{width: 100%;}

    .dqwz{padding:30px 5%;}

    .ny_banner p{position: absolute;left: 50%;top: 50%;padding:10px;font-size: 14px;}

    .subnav{padding:0;background: #F5F5F5;border-bottom: none;}
    .subnav li{display: block;font-size: 16px;height: 40px;line-height: 40px;}
    
    .con .about .txt{width: 100%;float: none;}
    .con .about .pic{width: 100%;float: none;}

    .products li{width: 48%;}

    .products_con_t .pic{width: 100%;display: inline-block;vertical-align: middle;}
    .products_con_t .right{width: 100%;display: inline-block;vertical-align: middle;margin-left: 0;margin-top: 30px;}

    .news li{margin-bottom: 30px;}
    .news li .pic{float: left;width: 120px;}
    .news li .title_er{margin-left: 140px;}
    .news li .title_er h2{font-weight: normal;}
    .news li .title_er p{padding-top: 10px;}
    .news li .title_er p span{margin-right: 10px;}
    .news li .title_er p i{font-size: 12px;margin-right: 5px;}
    .news li .title_er .txt{display: none;}

    .solution_ny li{float: none;width: 100%;margin-bottom: 10px;}

    .solution_con_b{padding:50px 5%;}
    .solution_con_b ul{margin-left: 0%;}
    .solution_con_b li{width: 100%;margin-left: 0%;margin-bottom: 30px;}
    .solution_con_b li .pic{width: 100px;}
    .solution_con_b li .more{width: 150px;margin:0px auto;height: 40px;line-height: 40px;font-size: 18px;position: relative;background: #00aaad;color: #FFF;}

    .pinglun li{margin-top: 40px;padding: 20px;}
    .pinglun li i{width: 50px;height: 50px;line-height: 50px;font-size: 24px;box-shadow:0  15px 15px rgba(0, 0, 0, 0.2);left: 20px;top: -25px;}
    .pinglun li .txt{padding-top: 20px;line-height: 24px;font-size: 14px;}
    .pinglun li .ren{margin-top: 20px;}
    .pinglun li .ren .pic{width: 40px;height: 40px;}
    .pinglun li .ren .txter{margin-left: 10px;}
    .pinglun li .ren .txter h2{font-size: 16px;}
    .pinglun li .ren .txter p{margin-top: 5px;font-size: 12px;}

    .foot .foot_t .left{width: 100%;float: none;}
    .foot .foot_t .left ul{margin-left: 0%;}
    .foot .foot_t .left li{float: none;width:100%;margin-left: 0%;margin-bottom: 20px;}
    .foot .foot_t .right{width: 100%;float: none;}

    

}