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

    body{ font-size:14px;}
    header .dingbu .left li i{font-size: 18px;margin-right: 10px;}

}

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

    header .dingbu{padding:0 5%;}
    header h1{left: 5%;}
    header .dingbu .left{margin-left: -30px;}
    header .dingbu .left li{margin-left: 30px;line-height: 76px;}
    header .dingbu .right{float: right;margin-top: 13px;}
    header .dingbu .right .search{width: 40px;}
    header .dingbu .right ul{margin-left: 20px;}
    header .dingbu .right li{width: 40px;}
    header .dingbu .right li img{width: 34px;}
    header .dingbu .right a{width: 40px;}
    header .dingbu .right a:hover{width: 40px;}
    header .dingbu .right p{margin-left: 20px;}

    header .nav li{margin:0 20px;}
    header .top_r{width: 160px;right: 5%;}

    .dyip{padding:60px 5%;}

    .derp{padding:60px 5%;}

    .dqwz{padding:10px 5%;}

    .con{padding:60px 5% 100px 5%;}

    .foot .foot_t{padding:60px 5%;}
    .foot .foot_t .left{padding-right: 5%;}
    .foot .foot_t .right{padding-left: 5%;}

}

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

    .search i{font-size: 16px;}
    header .dingbu .right li i{font-size: 16px;}

    header h1{width: 160px;top: 22px;}
    header .nav li p{font-size: 16px;}
    header .nav li dd{font-size: 14px;}

    .derp li h2{left: 15px;bottom: 15px;right:15px;font-size: 16px;}

    .products li{width: 23%;margin-left: 2%;margin-bottom: 2%;}

}

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

    header{height: 50px;}
    header .dingbu{display: none;}
    header .top{height: 50px;}
    header h1{top: 10px;width: 150px;}
    header .nav{display: none;}
	header .m-btn{display: block;}
    header .top_r{display: none;}
    header .search_er{display: block;float: right;}
    
    .search_box{height: 40px;top: 50px;}
    .search_box .box{width: 100%;right: 0;top: 0px;}
    .search_box .input_txt{float: left;width: 80%;height: 40px;border: none;padding:0 10px;font-size: 14px;background: #FFF;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
    .search_box .input_btn{float: right;width: 20%;height: 40px;background: #0068b7 url(../images/pic2.png) no-repeat center;background-size: 20px;}
    .search_box .guangbi{width: 50px;height: 50px;line-height: 50px;text-align: center;position: fixed;right: 50px;top: 0px;background: #FFF;color: #333;}

    .banner{margin-top: 50px;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

    .dyip{padding:20px 5%;}
    .dyip ul{margin-left: -2%;}
    .dyip li{width: 48%;float: left;margin:10px 0 20px 2%;}
    .dyip li i{width: 60px;height: 60px;line-height: 60px;font-size: 30px;}
    .dyip li h2{font-size: 14px;padding: 10px 0;}
    .dyip li p{width: 30px;height: 2px;}

    .derp{padding:40px 5%;}
    .derp .title{padding-bottom: 40px;}
    .derp .title h2{font-size: 30px;}
    .derp ul{margin-left: 0%;}
    .derp li{width: 100%;float: none;margin:0 0 10px 0%;}
    .derp li h2{font-size: 14px;}
    .derp .yi li:nth-of-type(1){width: 100%;}
    .derp .er li:nth-of-type(2){width: 100%;}

    .dqwz{margin-top: 50px;}
    .dqwz i{padding: 0 5px;}

    .con{padding:30px 5% 50px 5%;}

    .cpxqer .titleyi{line-height: 40px;}
    .cpxqer .position{width: 60%;}
    .cpxqer .address{display: none;}
    .cpxqer .salary{display: none;}
    .cpxqer .time{width: 40%;}
    .cpxqer li .titleer{ line-height: 40px;height: 40px;}

    .products li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .products li h2{font-size: 14px;height: 30px; line-height: 30px;margin:5px 10px;}

    .products_con_t .gallery-top .arrw_er_next, .gallery-top .arrw_er_prev{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
    .products_con_t .gallery-top .swiper-button-prev{left: 0px;right: auto;}
    .products_con_t .gallery-top .swiper-button-next{right: 0px;left: auto;}

    .products_con_t{font-size: 0px;background: #FFF;padding:15px;}
    .products_con_t .xiangce{width: 100%;float: none;}
    .products_con_t .right{width: 100%;margin-top: 30px;box-sizing: border-box;float: none;}
    .products_con_t .right h2{font-size: 24px;}
    .products_con_t .right .txt h3{font-size: 14px;}

    .products_con_b .title{padding:10px 0;}
    .products_con_b .title h2{font-size: 24px;}
    .products_con_b .box{line-height: 24px;padding:15px;}

    .xgcp .titleer{font-size: 24px;}
    .xgcp .xg_pro{margin-top: 20px;}
    .xgcp .swiper-slide h2{font-size: 14px;height: 30px; line-height: 30px;margin:5px 10px;}

    .fenye ul{margin-top: 20px;}
    .fenye li{font-size: 14px;width: 30px;height: 26px;line-height: 26px;margin:0 3px;}

    .news ul{margin-left: 0%;}
    .news li{margin-bottom: 10px;width: 100%;margin-left: 0;float: none;}
    .news li .title_er{width: 60%;padding:10px;}
    .news li .title_er h2{font-size: 14px;line-height: 24px;height: 48px;overflow:hidden;}
    .news li .title_er .txt{display: none;}

    .news_con .titleer h2{font-size: 18px;padding-bottom: 10px;}
    .news_con .titleer p{font-size: 12px;}

    .liuyan .title{font-size: 24px;}
    .liuyan .txt{font-size: 12px;}
    .liuyan ul{margin-left: 0%;margin-top: 30px;}
    .liuyan li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0;}

    .con .contact .title{font-size: 24px;}
    .con .contact .txt{float: none;width: 100%;padding-right: 0%;}
    #map_container{width: 100%; height:400px;}

    .foot .foot_t .left{width: 100%;padding-right: 0%;border-right: none;float: none;}
    .foot .foot_t .left dl{float: none;width: 100%;}
    .foot .foot_t .left ul{float: none;width: 100%;margin-top: 30px;}
    .foot .foot_t .left li{padding-bottom: 20px;}
    .foot .foot_t .right{width: 100%;float: none;padding-left: 0%;margin-top: 20px;}
    .foot .foot_t .right ul{margin-top: 20px;}
    .foot .foot_b{padding:10px 5%;}
    .foot .foot_b .left{float: none;line-height: 30px;}
    .foot .foot_b .right{float: none;margin-top: 10px;}
    .foot .foot_b .right li{float: left;width: 30px;height: 30px;line-height: 30px;margin-left: 0px;margin-right: 10px;}
    .foot .foot_b .right li i{font-size: 16px;}
    
    

}