@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
    header{padding: 0 5%;}
    .nav li{margin: 0 .05rem;}
}

@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .fs{font-size: .5rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: 1rem 5%;}

    header{height: 1.2rem;transition: all 0.3s;padding: 0 5%;background: #FFF;}
    header:after{display: none;}
    header h1{left: 5%;top: .1rem;z-index: 100;width: 3rem;}
    header .dh{display: none;}

    header .navm { display: block;transition: all 0.3s;}
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #333;margin: 0;}
    .nav li{display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);margin-left: 0;border-bottom: 1px solid #444;margin: 0;}
    .nav li:after{display: none;}
    .nav li p{line-height: 1.2rem;font-size: .32rem;padding:0 .02rem;}
    .nav li p:after{display: none;}
    .nav li p a{padding: 0 5%;display: flex;align-items: center;justify-content: space-between;color: #FFF;}
    .nav li p a i{display: block;transition: all .3s;font-size: .24rem;}
    .nav li.on p a i{transform: rotate(-90deg);}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;margin-left: 0;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .32rem;text-align: left;}
    .nav li dd a{padding: .4rem 5%;}
    
    header .yuyan li{font-size: .4rem;margin-right: 0;}
    header .yuyan li a{width: 1rem;height: 1.2rem;color: #333;}

    header .search{margin-left: 0;}
    header .search i{font-size: .6rem;width: 1.2rem;line-height: 1.2rem;height: 1.2rem;}
    .search_box{top: 1.2rem;padding: .3rem 5%;}
    .search_box .search_t i{display: none;}
    .search_box .input_btn{width: 20%;height: 1.2rem;font-size: .4rem;}
    .search_box .input_txt{width: 80%;height: 1.2rem;padding: 0 .2rem;}
    .search_box .search_c{font-size: .32rem;padding: .2rem 0;}

    header h1 .yi{display: none;}
    header h1 .er{display: block;}
    header .nav li p:after{background: #F00;}
    header .nav li:hover p a{color:#F00;}
    header .nav li.current p a{color:#F00;}
    header .dianhua{color: #333;font-size: .32rem;}
    header .dianhua i{font-size: .32rem;padding-right: .1rem;}
    header .search i{color: #333;}
    header .search i.icon-guanbi{color: #333;}

    .bannerer{margin-top:1.2rem}
    .banner .swiper-slide figure{padding-bottom: 70%;}
    .banner .swiper-slide .txt h2{font-size: .5rem;}
    .banner .swiper-slide .txt p{font-size: .32rem;margin-top: .1rem;}
    .banner .arr{left: 5%;bottom: .2rem;}
    .banner .swiper-pagination .swiper-pagination-current{font-size: .8rem;}
    .banner .swiper-pagination-bullet{width: .2rem;height: .2rem;margin: 0 .1rem !important;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .3rem;}

    .dyip .left{width: 100%;}
    .dyip .left h3{font-size: .32rem;margin-top: .1rem;}
    .dyip .left li{width: 50%;margin-bottom: 2%;}
    .dyip .left li .l{font-size: .32rem;}
    .dyip .left li i{font-size: .5rem;}
    .dyip .left .more i{font-size: .32rem;margin-right: .2rem;width: .6rem;height: .6rem;}
    .dyip .right{width: 100%;margin-top: .5rem;}

    .derp{padding: 1rem 5%;}
    .derp ul{margin-left: -2%;margin-top: .4rem;}
    .derp li{margin-left: 2%;width: 31.333%;}
    .derp .swiper-father{margin-top: .5rem;}
    .derp .swiper-slide h2{font-size: .5rem;}
    .derp .swiper-father .swiper-button-next,.derp .swiper-father .swiper-button-prev{width: .6rem;height: .6rem;margin-top: -.3rem;}
    .derp .swiper-father .swiper-button-next{right: 3%;left: auto;}
    .derp .swiper-father .swiper-button-prev{left: 3%;right: auto;}
    .derp .swiper-father .swiper-button-next:after,.derp .swiper-father .swiper-button-prev:after{font-size: .4rem;}

    .dsanp .swiper-slide figure{padding-bottom: 50%;}
    .dsanp .fanganer{left: 5%;bottom: 5%;right: 5%;}
    .dsanp .fanganer .swiper-slide{height: 1.8rem;}
    .dsanp .fanganer .swiper-slide i{font-size: .5rem;margin-bottom: .1rem;}

    .dsip ul{margin-left: 0;}
    .dsip li{width: 100%;margin-left: 0;margin-bottom: 5%;}
    .dsip li .txt span{font-size: .24rem;}
    .dsip li time{font-size: .24rem;margin-top: .2rem;}
    .dsip .more i{font-size: .24rem;margin-left: .1rem;}

    .dwup .box .list{width: 100%;margin-top: .3rem;}

    .dliup li{width: 48%;}

    .banner_pic{margin-top: 1.2rem;}
    .banner_pic:after{display: none;}
    .banner_pic .title{left: 5%;right: 5%;}
    .banner_pic .title p{font-size: .32rem;margin-top: .1rem;}
    
    

    .about li{width: 50%;margin-bottom: .2rem;}
    .about li .l{font-size: .32rem;}
    .about li i{font-size: .4rem;}

    .licheng .licheng_list .swiper-slide h2{font-size: .4rem;}
    
    .huanjing .swiper-father .swiper-button-next:after,.huanjing .swiper-father .swiper-button-prev:after{font-size: .32rem;}
    .huanjing .swiper-father .swiper-button-next,.huanjing .swiper-father .swiper-button-prev{width: .6rem;height: .6rem;margin-top: -.3rem;}
    .huanjing .swiper-father .swiper-button-prev{left: 2%;right: auto;}
    .huanjing .swiper-father .swiper-button-next{right: 2%;left: auto;}

    .linian ul{margin-left: 0;}
    .linian li{width: 100%;margin-left: 0;}
    .linian li p{font-size: .4rem;}

    .zhengshu li{width: 47%;font-size: .32rem;}

    .wenhua ul{margin-left: 0;}
    .wenhua li{width: 100%;margin-left: 0;}
    .wenhua li p{font-size: .4rem;}
    .wenhua li:last-child figure{padding-bottom: 60%;}

    .huanjing li{width: 47%;}
    
    .products .products_r{width:100%;margin-top:.3rem;}
    .products .products_r .list li{width: 48%;text-align: center;margin-bottom: .2rem;}
    .products .products_r .list li h2{font-size: .4rem;}

    .subnavsan{width:100%;}
    .subnavsan h2{font-size:.4rem;padding: .2rem;}
    .subnavsan ul{justify-content: left;}
    .subnavsan li p{font-size:.36rem;}
    .subnavsan li p a{padding:.1rem .2rem;}
    .subnavsan li p a i{font-size:.24rem;}
    .subnavsan li dd{font-size:.32rem;}
    .subnavsan li dd a{padding:.1rem .2rem;}

    .yanfa_derp{padding: 10% 5%;}
    .yanfa_derp .txt{margin-top: .2rem;width: 100%;font-size: .32rem;}
    .yanfa_derp li{font-size: .32rem;margin-top: .2rem;}
    .yanfa_derp li i{font-size: .5rem;}

    .yanfa_dsanp li{width: 48%;padding: .3rem;font-size: .32rem;}

    .fuli li{width: 100%;}
    .fuli li .txt h2{font-size: .5rem;margin-bottom: .2rem;}

    .cpxqer .tit{font-size: .32rem;}
    .cpxqer .position{width: 60%;}
    .cpxqer .address{display: none;}
    .cpxqer .salary{display: none;}
    .cpxqer .time{width: 40%;}
    .cpxqer .time i{font-size: .2rem;}
    
    .yingyong ul{margin-left: 0;}
    .yingyong li{margin-bottom: 2%;width: 100%;margin-left: 0;padding: .3rem;}
    .yingyong li h2{margin-bottom: .1rem;font-size:.4rem;}
    .yingyong li dl{display: flex;align-items: center;margin-bottom: .1rem;}
    .yingyong li dd{margin-left: .1rem;border: 1px solid #CCC;padding: .02rem;}
    .yingyong li p{padding: .05rem;}

    .fangan li{height: auto;width:48%;margin-bottom:2%;padding:.3rem;}
    .fangan li i{font-size: .5rem;margin-bottom: .2rem;}
    
    .chuangxin ul{display: flex;flex-wrap: wrap;margin-left:0;}
    .chuangxin li{width:100%;margin-left:0;padding: .3rem;margin-bottom:2%;}


    .fenye{margin-top: .5rem;}
    .fenye li{font-size: .32rem;}
    .fenye li a{padding: .3rem;}
    .fenye li i{font-size: .32rem;}
    .fenye li:first-child a{width: 1.4rem;}
    .fenye li:last-child a{width: 1.4rem;}


    .con{padding: 5%;}

    .product_search{margin:.5rem 5% 0 5%;border: 2px solid #CCC;border-radius: 0;}
    .product_search .input_txt{width: 80%;height: .6rem;padding: 0 .2rem;font-size: .32rem;}
    .product_search .input_btn{width: 20%;height: .6rem;background: url(../images/pic4.png) no-repeat center;background-size: .32rem;}

    .products .subanv_er{width: 100%;}
    .products .subanv_er .title{padding: .2rem;font-size: .4rem;}
    .products .subanv_er li i{font-size: .28rem;}
    .products .subanv_er li a{padding: .1rem .2rem;}
    .products .subanv_er li dl{margin-left: .2rem;}
    .products .subanv_er li dd a{padding: .1rem .2rem;}
    .products .subanv_er li dd .san{margin-left: .2rem;}
    .products .subanv_er li dd .san a{border-bottom: none;padding-left: .2rem;}

    .products .box li{width: 49%;margin-bottom: 6%;}
    .products .box li .bq{left: .2rem;top: -.3rem;padding: .05rem .1rem;}
    .products .box li .title h2{font-size: .28rem;font-weight: bold;}
    .products .box li .title p{font-size: .28rem;}
    .products .box li .txt{font-size: .26rem;}
    .products .box li .more{font-size: .32rem;}
    .products .box li .more a{padding: .1rem .2rem;}
    .products .box li .more i{font-size: .32rem;}

    .news{margin-top: 1rem;}
    .news_t{margin-top: 4%;}
    .news_t .pic{width: 100%;}
    .news_t .txt{padding: .4rem;width: 100%;}
    .news_t .txt strong{font-size: .4rem;margin-top: 0;}
    .news_t .txt p{margin-top: .12rem;font-size: .32rem;}
    .news_t .txt .more{font-size: .24rem;padding: .08rem .2rem;}
    .news_t .txt .more i{font-size: .24rem;padding-left: .1rem;}

    .news ul{margin-top: .5rem;margin-left: 0;}
    .news li{width: 100%;margin-left: 0;margin-bottom: 2%;}
    .news li .txt{padding: .3rem 0;width: 100%;}
    .news li .txt strong{font-size: .4rem;}
    .news li .txt p{margin-top: .12rem;font-size: .32rem;}

    .newsbox{margin:5%;}
    .news_con{padding: .4rem;}
    .news_con .title h2{font-size: .4rem;}
    .news_con .title p{margin-top: .2rem;font-size: .32rem;}

    .newsconlist .title{font-size: .5rem;}
    .newsconlist ul{margin-top: .3rem;margin-left: 0;}
    .newsconlist li{width: 100%;margin-left: 0;}
    .newsconlist li .txt{padding: .3rem 0;width: 100%;}
    .newsconlist li .txt strong{font-size: .4rem;}
    .newsconlist li .txt p{margin-top: .12rem;font-size: .32rem;}

    .huoban li{width: 32%;}

    .wenti li{padding: .2rem 0;}
    .wenti li .dan{margin-top: .15rem;}
    .wenti li p{margin-left: .8rem;}
    .wenti li span{width: .5rem;height: .5rem;}

    .products_con .products_con_t .left{width: 100%;float: none;}
    .products_con_t .right{width: 100%;float: none;padding: .3rem 0;}
    .products_con_t .right strong{font-size: .5rem;padding: .2rem 0;}
    .products_con .products_con_t .left .swiper-father{padding: 0 .6rem;}
    .products_con .swiper-father .swiper-button-next,.products_con .swiper-father .swiper-button-prev{width: .6rem;height: .6rem;text-align: center;line-height: .6rem;margin-top: -.3rem;}
    .products_con .swiper-father .swiper-button-prev{right: auto;left: 0px;}
    .products_con .swiper-father .swiper-button-next{right: 0px;left: auto;}
    .products_con .swiper-father .swiper-button-next:after,.products_con .swiper-father .swiper-button-prev:after{font-size: .32rem;}
    .products_con_t .right .more{margin-top: .4rem;font-size: .32rem;}
    .products_con_t .right .more i{font-size: .34rem;margin-right: .1rem;}
    .products_con_t .right .wx{margin-top: .4rem;width: .5rem;height: .5rem;}
    .products_con_t .right .wx i{font-size: .32rem;}
    .products_con_t .right .wx .pic{bottom: .5rem;width: 2.5rem;}

    .products_con_b{margin-top: .5rem;padding-bottom: .4rem;}
    .products_con_b .gallery-thumbs_products_xq .swiper-slide{font-size: .26rem;}
    .products_con_b .gallery-top_products_xq .swiper-slide th{padding: .2rem;font-size: .32rem;}
    .products_con_b .gallery-top_products_xq .swiper-slide td{padding: .2rem;font-size: .32rem;}

    .products_related{margin-top: .5rem;}
    .products_related .title{font-size: .4rem;}
    .products_related .picshi{text-align: left;}
    .products_related .swiper-slide .bq{left: .2rem;top: -.3rem;padding: .05rem .1rem;}
    .products_related .swiper-slide h2{font-size: .4rem;font-weight: bold;}
    .products_related .swiper-slide .more{font-size: .32rem;}
    .products_related .swiper-slide .more a{padding: .1rem .2rem;}
    .products_related .swiper-slide .more i{font-size: .32rem;}
    .products_related .moreer a{padding: .1rem .4rem;}


    .video li{width: 49%;margin-bottom: 2%;}

    .video_con .title{font-size: .4rem;}
    .video_con video{width: 100%;}

    .syt{margin-top: .1rem;}
    .syt li i{font-size: .32rem;width: .6rem;height: .6rem;}

    .con .contact li{width: 100%;margin-top: .4rem;padding: .5rem;height: 2.5rem;}
    .con .contact li h2{font-size: .5rem;}
    .con .contact li i,.con .contact li em{width: .8rem;height: .8rem;line-height: .8rem;font-size: .32rem;margin-right: .1rem;}
    .con .contact li strong{margin-top: .2rem;font-size: .32rem;}
    .con .contact li .xian{width: .4rem;margin-top: .1rem;}

    #map_container{ height:6rem;margin-top: .5rem;}
    
    .con .zixun li{width:100%;}
    .con .zixun li em{font-size:.5rem;}
    .con .zixun li .txt{margin-left:.2rem;}

    .zgs .list{width: 100%;padding: .4rem 0;}
    .zgs .list .title{font-size: .4rem;padding-bottom: .2rem;}

    .liuyan li{ width:100%; margin-bottom: .1rem;}
    .liuyan .textarea textarea{ height:3rem; padding:2%;}
    .liuyan .input_btn{padding: .1rem .4rem;}

    footer{padding:5%;}
    footer .foot_t{width: 100%;margin-top: .5rem;}
    footer .foot_t dl{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .1);padding: .2rem 0;}
    footer .foot_t dt{font-size: .32rem;margin-bottom: .1rem;}
    footer .foot_t dd{float: left;margin-right: .2rem;border-bottom: none;font-size: .32rem;}

    footer .foot_c{border-top: none;font-size: .32rem;}
    footer .foot_c .left li i, footer .foot_c .left li em{font-size: .4rem;margin-right: .1rem;}
    footer .foot_c .right{display: none;}

    footer .foot_b{padding: .3rem 0;margin-top: 0;border-top: none;font-size: .32rem;}
    footer .foot_b a{font-size:.32rem !important;}
    
    .kefu{display: none;}
    
}