@charset "utf-8";
@media screen and (max-width: 1300px) {

    .layout{max-width: 980px;}

    header .top{position: relative;height: 90px;}
    header .top .logo{top: 20px;}
    header .top .logo .txt{margin-left: 10px;margin-top: 0px;}
    header .top .logo .txt .bt{padding: 12px 0;font-size: 26px;font-weight: bold;}
    header .top .logo .txt p{padding-top: 0px;font-size: 14px;}
    header .top ul{top: 35px;}

    .nav li p{line-height: 50px;font-size: 16px;}
    .nav li dl{top: 50px;}

    .dyip .box{padding:50px 0;}
    .dyip .dwup_l h2{font-size: 24px;}
    .dyip .dwup_l li .bt span{font-size: 60px;}


    .dsanp{padding:60px 0;}
    .dsanp .title{font-size: 34px;}
    .dsanp .index_case{margin-top: 30px;}
    .dsanp .index_case .swiper-wrapper{margin-bottom: 30px;}
    .dsanp .index_case .swiper-slide .title_er h2{font-weight: bold;font-size: 16px;}
    .dsanp .index_case .swiper-slide .title_er .xian{margin: 15px auto}
    .dsanp .index_case .swiper-slide .title_er p{line-height: 24px;font-size: 14px;}
    .dsanp .index_case .swiper-slide .title_er .more{width: 120px;height: 34px;line-height: 34px;margin: 30px auto 0 auto;font-size: 14px;}

    .dwup{padding:50px 0;}
    .dwup .title{font-size: 34px;}
    .dwup .title i{width:6px;height:6px;top:-5px;}
    .dwup .title .byi{width:14px;height:14px;}
    .dwup .title .ber{width:14px;height:14px;}
    .dwup .box{margin-top: 30px;}
    .dwup .box .left .pic{height: 435px;}
    .dwup .box .left .pic img{width: 100%;height: 435px;}
    .dwup .box .left h2{font-size: 14px;}
    .dwup .box .right li{margin-bottom: 6px;padding:12px 15px;}
    .dwup .box .right li .riqi p{font-size: 24px;}
    .dwup .box .right li .txt h2{font-size: 14px;}
    .dwup .box .right li .txt p{line-height: 20px;margin-top: 10px;font-size: 12px;height: 40px;}

    .foot .foot_t .left{width: 45%;}
    .foot .foot_t .right{width: 100px;}



}

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

    .layout{max-width: 720px;}
    header{height: 50px;}
    header .top .logo{top: 8px;left: 5%;}
    header .top h1 img{ height:34px !important}
    header .top .logo .txt .bt{font-size: 14px;padding-top: 9px;}
    header .top .txt p{display: none;}

    header .top ul{display: none;}

    header .nav{display: none;}
    header .m-btn {display: block;}

    .banner .swiper-pagination-bullets{bottom: 6px;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;color: #FFF;}

    .dyip .dwup_l{width: 45%;}
    .dyip .dwup_l h2{font-size: 18px;}
    .dyip .dwup_l li .bt{font-size: 12px;}
    .dyip .dwup_l li .bt span{font-size: 40px;margin-right: 10px;}
    .dyip .dwup_l li p{font-size: 12px;}
    .dyip .dyip_r{width: 55%;}
    .dyip .dyip_r .txt p{line-height: 24px;font-size: 14px;}
    .dyip .dyip_r .txt .more{margin-top: 10px;width: 100px;height: 30px;line-height: 30px;font-size: 12px;}

    .derp{padding:50px 0;}
    .derp .title{font-size: 24px;}
    .derp .hd{margin-top: 20px;}
    .derp .hd li{font-size: 14px;line-height: 40px;padding:0 30px;}
    .derp .bd{margin-top: 20px;}
    .derp .bd li h2{line-height: 40px;font-size: 14px;}

    .dsip{padding:50px 0;}
    .dsip .title{font-size: 24px;}
    .dsip .index_case{margin-top: 20px;}
    .dsip .index_case .swiper-wrapper{margin-bottom: 15px;}
    .dsip .index_case .swiper-slide h2{font-size: 14px;line-height: 30px;}

    .dwup{padding:50px 0;}
    .dwup .title{font-size: 24px;}
    .dwup .box{margin-top: 20px;}
    .dwup .box .left{width: 100%;float: none;}
    .dwup .box .left .pic{height: auto;}
    .dwup .box .left .pic img{width: 100%;height: auto;}
    .dwup .box .left h2{height: 30px;line-height: 30px;font-size: 12px;overflow: hidden;}
    .dwup .box .right{float: none;width: 100%;margin-top: 10px;}
    .dwup .box .right li .riqi{width: 60px;}
    .dwup .box .right li .riqi p{font-size: 20px;}
    .dwup .box .right li .riqi .qi{margin-top: 5px;font-size: 12px;}
    .dwup .box .right li .txt{margin-left: 75px;}
    .dwup .box .right li .txt h2{height: 24px;line-height: 24px;overflow: hidden;}
    .dwup .box .right li .txt p{margin-top: 5px;}

    .con{padding:30px 0;}

    .product li{font-size: 12px;}

    .fanan ul{margin-left: 0%;}
    .fanan li{width: 100%;float: none;margin-left: 0%;margin-bottom: 5%;}

    .news li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #DDD;}
    .news li .pic{float: left;width: 200px;overflow: hidden;}
    .news li .title_er{margin-left: 220px;}
    .news li .title_er h2{font-size: 16px;}
    .news li .title_er h2 span{font-size: 12px;}
    .news li .title_er .txt{margin-top: 10px;line-height: 20px;height: 40px;font-size: 12px;}
    .news li .title_er .more{margin-top: 10px;font-size: 12px;}

    .cpxqer .tit{font-size: 14px;}
    .cpxqer .position{width: 70%;}
    .cpxqer .address{display: none;}
    .cpxqer .salary{display: none;}
    .cpxqer .time{width: 30%;}
    .cpxqer li .title{ line-height: 40px;height: 40px;}
    .cpxqer li .con_er{ line-height:24px;font-size: 14px;}

    .contact .txt{line-height: 24px;font-size: 14px;}

    .foot .link{padding:20px 0;}
    .foot .link .title{font-size: 14px;}
    .foot .link .title span{font-size: 16px;color: #e7ea82;}
    .foot .link ul{margin-left: 20px;}
    .foot .link li{float: left;padding-right: 15px;font-size: 14px;}
    .foot .foot_c{padding:30px 0;}
    .foot .foot_c .c_l .title p{font-size: 18px;}
    .foot .foot_c .c_l .title h2{font-size: 14px;}
    .foot .foot_c .c_l li{padding:3px 0;line-height: 20px;font-size: 14px;}
    .foot .foot_c .c_c .title p{font-size: 18px;}
    .foot .foot_c .c_c .title h2{font-size: 14px;}
    .foot .foot_c .c_c .pic img{width: 100px;}
    .foot .foot_c .c_r .title p{font-size: 18px;}
    .foot .foot_c .c_r .title h2{font-size: 14px;}
    .foot .foot_c .c_r .r_t li{padding-bottom: 15px;font-size: 14px;}
    .foot .copyright{padding:15px 0;font-size: 14px;}

}

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

    .kefu{display: none;}

    .layout{max-width: auto;padding:0 3%;}

    .top h1{left: 3%;}
    header .top .logo .txt .bt{font-size: 12px;padding-top: 9px;}

    .top ul{display: none;}

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

    .dyip .box{padding:30px 3%;}
    .dyip .dwup_l{width: 100%;float: none;}
    .dyip .dwup_l h2{font-size: 18px;}
    .dyip .dwup_l ul{margin-top: 10px;}
    .dyip .dwup_l li .bt span{font-size: 30px;margin-right: 10px;}
    .dyip .dyip_r{float: none;width: 100%;margin-top: 20px;}
    .dyip .dyip_r .txt p{line-height: 24px;font-size: 12px;}

    .derp{padding:30px 0;}
    .derp .title{font-size: 18px;}
    .derp .hd li{font-size: 12px;line-height: 30px;padding:0 15px;}
    .derp .bd{margin-top: 10px;}
    .derp .bd ul{margin-left: -2%;}
    .derp .bd li{width: 48%;margin-bottom: 2%;margin-left: 2%;}
    .derp .bd li h2{line-height: 30px;font-size: 12px;}

    .dsip{padding:30px 0;}
    .dsip .title{font-size: 18px;}

    .dwup{padding:30px 0%;}
    .dwup .title{font-size: 18px;}
    .dwup .box{margin-top: 10px;}
    .dwup .derp_r .txt{padding:3%;}
    .dwup .derp_r .txt h2{font-size: 18px;}


    .con{padding:20px 0;}

    .subnav{width: 100%;float: none;padding-bottom: 20px;}
    .subnav ul{margin-left: -2%;}
    .subnav li{line-height: 24px;background: #fafafa;font-weight: normal;font-size: 12px;width: 48%;margin-left: 2%;margin-bottom: 2%;float: left;text-align: center;overflow: hidden;}
    .subnav li a{display: block;padding:0 0px;border-left: none;color: #666;}
    .subnav li a.current{border-left: none;background: #0742a6;color: #FFF;}

    .con_r{width: 100%;float: none;}

    .con_r .about{line-height: 24px;font-size: 12px;}
    .con_r .about p{padding-bottom: 10px;}

    .con_r .wenhua{line-height: 24px;font-size: 12px;}
    .con_r .wenhua .txt{margin-top: 10px;}

    .shebei li{float: left;width: 48%;margin-left: 2%;margin-bottom: 2%;line-height: 30px;font-size: 12px;}

    .product li{width: 48%;}
    .product li .pic{}
    .product li .txt{margin-left: 130px;line-height: 18px;font-size: 12px;}

    .meiti_dt{width:100%;float:none;}
    .product_t_r{ float:none; width:100%;}
    .product_t_r h3{padding-top:10px;}

    .sp-thumbs a:link, .sp-thumbs a:visited {border:1px solid #EEE;width: 40px;height: 40px;}

    .sxy{font-size: 12px;}
    .sxy ul{float: none;}
    .sxy .fanhui{float: none;width: 100px;height: 30px;line-height: 30px;margin-top: 10px;font-size: 12px;}

    .fenye li{font-size: 12px;width: 30px;height: 30px;line-height: 30px;margin:0 3px;}

    .fanan ul{margin-left: 0%;}
    .fanan li{width: 100%;float: none;margin-left: 0%;}
    .fanan li i{width: 60px;height: 100px;line-height: 100px;font-size: 30px;}
    .fanan li .txt{margin-left: 60px;padding:10px;}
    .fanan li .txt h2{font-size: 14px;}
    .fanan li .txt p{line-height: 18px;font-size: 12px;margin-top: 5px;}

    .news li{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #DDD;}
    .news li .pic{float: left;width: 120px;overflow: hidden;}
    .news li .title_er{margin-left: 130px;}
    .news li .title_er h2{font-size: 14px;}
    .news li .title_er h2 span{display: none;}
    .news li .title_er .txt{display: none;}
    .news li .title_er .more{margin-top: 10px;font-size: 12px;}

    .news_con .title h2{font-size: 20px;padding-bottom: 10px;}
    .news_con .title p{line-height: 20px;font-size: 12px;}
    .news_con .box{padding: 20px 0;line-height: 24px;font-size: 12px;}
    .news_con .box p{padding-bottom: 10px;}

    .service li .title{ padding:10px 0;}
    .service li .title .yi{width: 16px;height: 16px;line-height: 16px;margin-top: 2px;font-size: 12px;}
    .service li .title .er{margin-left: 25px;font-size: 14px;}
    .service li .con_er{ line-height:24px;}
    .service li .con_er .da{width: 16px;height: 16px;line-height: 16px;margin-top: 3px;font-size: 12px;}
    .service li .con_er p{font-size: 12px;}

    .contact .txt{line-height: 20px;font-size: 12px;}

    .liuyan ul{margin-left: 0%;}
    .liuyan li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0;}
    .liuyan li .input_txt{ width:100%; height:30px;font-size: 12px;}
    .liuyan .textarea textarea{font-size: 12px;}
    .liuyan .input_btn{ width:100px; height:30px;font-size: 14px;}

    .foot .foot_t{padding:20px 0;}
    .foot .foot_t .m{display: block;}
    .foot .foot_t .pc{display: none;}
    .foot .foot_t .left{float: none;width: 100%;}
    .foot .foot_t .left li{float: none;margin-right: 0;border-bottom: 1px solid #333;width: 100%;}
    .foot .foot_t .left p{line-height: 50px;font-size: 14px;}
    .foot .foot_t .left p i{display: block;}
    .foot .foot_t .left dl{display: none;background: #313131;margin-top: 0px;}
    .foot .foot_t .left dd{border-bottom: 1px solid #3b3b3b;line-height: 40px;font-size: 12px;}
    .foot .foot_t .left dd:last-child{border-bottom: none;}
    .foot .foot_t .left dd a{padding: 0 15px;}
    .foot .foot_t .center{width: 100%;float: none;margin-top: 20px;}
    .foot .foot_t .center h2{font-size: 14px;}
    .foot .foot_t .center .txt{margin-top: 15px;font-size: 14px;opacity: 0.6;font-size: 12px;}
    .foot .foot_t .right{float: none;width: 100px;margin-top: 20px;font-size: 12px;}
    .foot .foot_b{font-size: 12px;}

}

.foot .foot_b a{color:#fff; display: inline-block; margin-left: 5px;}