﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .fs{font-size: .5rem;}
    table,td,tr,th{font-size:.32rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: 1rem 5%;}

    header{height: 1.2rem;transition: all 0.3s;padding: 0 3% 0 5%;background: #FFF;}
    header:after{left: 5%;top: 1.2rem;right: 5%;}
    header h1{z-index: 100;width: 4.5rem;}
    header h1 .yi{display: none;}
    header h1 .er{display: block;}
    header .dh{display: none;}
    .headbg:before{width: 205px;}
    .headbg:after{width: 270px;}

    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 rgba(255, 255, 255, .1);margin: 0;}
    .nav li p a: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:hover p a{text-decoration: none;color:#FFF;}
    .nav li p a.current{color:#FFF;font-weight: bold;}
    .nav li p a i{display: block;transition: all .3s;font-size: .26rem;}
    .nav li.on p a i{transform: rotate(-90deg);}
    .nav li .sub .box .left{display: none;}
    .nav li .sub{position: initial;padding: .2rem 5%;}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;margin-left: 0;padding: 0;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .32rem;text-align: left;float: none;width: 100%;}
    .nav li dd a{padding: .4rem 5%;}
    .nav li dd i{font-size: .26rem;}
    .nav li .pic{display: none;}
    
    header .search{margin-left: 0;}
    header .search i{font-size: .4rem;width: 1.2rem;line-height: 1.2rem;height: 1.2rem;color: #333;}
    .search_box{padding: 0;top: 1.2rem;box-shadow: 0 0 .1rem rgba(0, 0, 0, .3);}
    .search_box .box{height: 1.2rem;}
    .search_box .search_t{border: none;width: 100%;}
    .search_box .input_txt{width: 90%;height: 1.2rem;}
    .search_box .input_btn{width: 10%;height: 1.2rem;background-size: .32rem;}

    .yuyan{font-size: .32rem;}
    .yuyan li{font-size: .32rem;}
    .yuyan li a{width: .6rem;height: .6rem;color: #333;}
    .yuyan li i{font-size: .24rem;}

    header:hover .nav li p a{color: #FFF;}
    header:hover .nav li p a.current{color:#e70012;}

    .h_active .nav li p a{color: #FFF;}
    .h_active .navm{color: #333;}

    .banner{position: relative;margin-top: 1.2rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-slide figure{padding-bottom: 50%;}
    .banner .swiper-slide .title{width: 60%;}
    .banner .swiper-slide .txt h2{font-size: .5rem;}
    .banner .swiper-slide .txt p{font-size: .32rem;margin-top: .1rem;}
    .banner .swiper-slide .txt .more{padding: .1rem .2rem;}
    .banner .swiper-slide .txt .more i{font-size: .26rem;padding-left: .2rem;}
    .banner .swiper-pagination{bottom: 2%;font-size: .32rem;}
    .banner .swiper-pagination-bullet{width: .1rem;height: .1rem;}
    .banner .swiper-pagination .swiper-pagination-current{font-size: .6rem;}
    .arrw{width: 4.5rem;height: .8rem;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: .8rem;height: .8rem;text-align: center;line-height: .8rem;}
    .banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: .3rem;color: #FFF;}
    .banner .arrw:before {height: .8rem;}

    .dyip{padding-bottom: 1rem;}
    .dyip_t{padding: 1rem 5% 0 5%;}
    .dyip .title .more a{padding: .05rem .2rem;}
    .dyip .title .more a i{font-size: .26rem;padding-left: .1rem;}
    .dyip .yi li{width: 49%;text-align: center;}
    .dyip .yi li h2{font-size: .4rem;}
    .dyip .swiper-father{margin-top: 2%;}
    .dyip .index_pro .swiper-slide h2{font-size: .32rem;}
    .dyip .swiper-button-next,.dyip .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;margin-top: -.3rem;}
    .dyip .swiper-button-next i,.dyip .swiper-button-prev i{font-size: .32rem;}
    
    .derp{padding: 1rem 0;}
    .derp .swiper-button-next,.derp .swiper-button-prev{width: .6rem;height: .6rem;margin-top: -.3rem;}
    .derp .swiper-button-next i,.derp .swiper-button-prev i{font-size: .32rem;}
    .derp .swiper-button-next,.derp .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;margin-top: -.3rem;}
    .derp .swiper-button-next i,.derp .swiper-button-prev i{font-size: .32rem;}

    .dsanp{padding: 1rem 5%;}
    .dsanp .box .left{width: 100%;}
    .dsanp .box .left .txt{line-height: 2;margin-top: .2rem;font-size: .32rem;}
    .dsanp .iplay{width: 1.4rem;height: 1.4rem;margin:.2rem 0;}
    .dsanp .iplay:after{width: 1.4rem;height: 1.4rem;}
    .dsanp .iplay i{font-size: .6rem;}
    .dsanp .box ul{width: 100%;margin-top: .5rem;}
    .dsanp .box li{border-bottom: 2px solid rgba(0, 0, 0, .2);padding: .3rem 0;}
    .dsanp .box li:nth-of-type(1){border-top: 2px solid rgba(0, 0, 0, .2);}
    .dsanp .box li i{font-size: .5rem;}
    .dsanp .box li span{font-size: .5rem;color: #e70012;}
    .dsanp .box .more{margin-top: .5rem;}
    .dsanp .box .more a{padding: .05rem .2rem;}
    .dsanp .box .more a i{font-size: .26rem;padding-left: .1rem;}

    .dsip{padding: 1rem 5%;}
    .dsip .title .more a{padding: .05rem .2rem;}
    .dsip .title .more a i{font-size: .26rem;padding-left: .1rem;}
    .dsip .index_news .swiper-slide .txt{padding: .3rem .3rem;}
    .dsip .index_news .swiper-slide .more{font-size: .26rem;}
    .dsip .swiper-button-next,.dsip .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;}
    .dsip .swiper-button-next i,.dsip .swiper-button-prev i{font-size: .36rem;}
    .dsip .swiper-scrollbar{position: initial;width: 80%;}
    .dsip .swiper-scrollbar-drag{background: url(../images/pic18.png) no-repeat center;background-size: .8rem;}

    .banner_pic{margin-top: 1.2rem;}
    .banner_pic .title{left: 5%;right: 5%;}
    .banner_pic .title h2{font-size: .5rem;}
    .banner_pic .title p{font-size: .32rem;margin-top: .1rem;}
    .banner_pic figure{width: 100%;padding-bottom: 40%;}

    .about_dyip .txt{font-size: .32rem;}
    .about_dyip .list img{width: 2rem;}
    .about_dyip li{padding: .1rem 0;width: 48%;}
    .about_dyip li i{font-size: .5rem;}
    .about_dyip li span{font-size: .6rem;}

    .about_derp .swiper-father:before{display: none;}
    .about_derp .swiper-father:after{display: none;}
    .about_derp .mySwiper .swiper-slide{font-size: .32rem;height: 1.2rem;}
    .about_derp .mySwiper .swiper-slide .dian .quan{width: .2rem;height: .2rem;}
    .about_derp .mySwiper .swiper-slide-thumb-active .dian .quan{width: 100%;height: 100%;}
    .about_derp .swiper-fatherer:before{height: .2rem;margin-top: -.1rem;}
    .about_derp .mySwiperer .swiper-slide .txt{font-size: .26rem;}
    .about_derp .mySwiperer .swiper-slide .txt h2{font-size: .4rem;padding-bottom: .1rem;}
    .about_derp .swiper-button-next,.about_derp .swiper-button-prev{width: .6rem;height: .6rem;margin-top: -.3rem;}
    .about_derp .swiper-button-next{right: 5%;left: auto;}
    .about_derp .swiper-button-prev{left: 5%;right: auto;}
    .about_derp .swiper-button-next i,.about_derp .swiper-button-prev i{font-size: .32rem;}

    .about_dsanp li{width: 48%;margin-bottom: .2rem;}

    .about_dsip .pic{margin: .2rem auto 0 auto;width: 100%;}
    .about_dsip .pic h2{padding: .1rem;font-size: .4rem;}
    .about_dsip .pic dl{padding: .3rem;font-size: .32rem;}
    .about_dsip ul{margin-left: 0;}
    .about_dsip li{width: 100%;margin-left: 0;margin-bottom: .2rem;}
    .about_dsip li h2{padding: .1rem;font-size: .32rem;}
    .about_dsip li dl{padding: .3rem;font-size: .32rem;}

    .about_dwup li{width: 50%;height: 3.3rem;padding: 0 .2rem;}
    .about_dwup li i{font-size: .6rem;}
    .about_dwup li h2{font-size: .4rem;padding-top: .2rem;}

    .about_dliup .swiper-father{margin-top: .4rem;}
    .about_dliup .renzheng{height: 10rem;}
    .about_dliup .renzheng .swiper-slide .pic a{height: 3.7rem;display: flex;align-items: end;justify-content: center;}
    .about_dliup .swiper-button-next,.about_dliup .swiper-button-prev{width: .8rem;height: .8rem;line-height: .8rem;margin-top: -.4rem;}
    .about_dliup .swiper-button-next i,.about_dliup .swiper-button-prev i{font-size: .32rem;}

    .about_dqip .swiper-father{margin-top: .4rem;}
    .about_dqip .zhengshu{height: 7.4rem;}
    .about_dqip .zhengshu .swiper-slide .pic a{height: 2.5rem;display: flex;align-items: end;justify-content: center;}
    .about_dqip .swiper-button-next,.about_dqip .swiper-button-prev{width: .8rem;height: .8rem;line-height: .8rem;margin-top: -.4rem;}
    .about_dqip .swiper-button-next i,.about_dqip .swiper-button-prev i{font-size: .32rem;}

    .cpxqer .position{width: 70%;}
    .cpxqer .address{display: none;}
    .cpxqer .salary{display: none;}
    .cpxqer .time{width: 30%;}
    .cpxqer .time i{font-size: .24rem;}

    .fenye{margin-top: .5rem;}
    .fenye li{font-size: .32rem;}
    .fenye li a{padding: .3rem;}
    .fenye li i{font-size: .32rem;}

    .banner_pic .dqwz{display: none;}

    .con{padding: 5%;}

    .products ul{margin-left: -2%;}
    .products li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .products li .txt h2{font-size: .4rem;}
    .products li .txt p{font-size: .26rem;}
    .products li .txt .more{padding: .1rem .2rem;margin-top: .2rem;font-size: .34rem;}

    .news ul{margin-left: 0;}
    .news li{width: 100%;margin-left: 0;margin-bottom: 4%;}
    .news li h2{font-size: .32rem;}
    .news li p{display: none;}
    .news li .txt{padding: .3rem;}
    .news li .more{font-size: .26rem;}

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

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

    .products_con .fanhui i{font-size: .26rem;padding-right: .1rem;}
    .products_con .fanhui a{padding: .07rem .2rem;border-radius: .06rem;}
    .products_con .products_con_t .left{width: 100%;float: none;}
    .products_con_t .right{width: 100%;float: none;margin-top: .3rem;}
    .products_con_t .right h2{font-size: .5rem;padding: .2rem 0;}
    .products_con_t .right .txt{font-size:.32rem;}
    .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 li{font-size: .32rem;}
    .products_con_t .right li i{font-size: .32rem;padding-right: .1rem;}
    .products_con_t .more{font-size: .32rem;margin-top: .2rem;}
    .products_con_t .more a{color: #FFF;padding: .1rem .2rem;}
    .products_con_t .more i{font-size: .32rem;padding-right: .1rem;}

    .products_con_b .b_dyip .title{padding: .05rem 0;font-size: .4rem;}
    .products_con_b .b_dyip .title:before{width: .05rem;height: .4rem;margin-right: .2rem;}
    .products_con_b .b_dyip .txt{width:100%;}
    .products_con_b .b_dyip:last-child .txt{overflow-x: scroll;display:block;}
    .products_con_b .b_dyip .txt table{width:150%;}
    .products_con_b .b_dyip .txt td{font-size: .32rem;}
    .products_con_b .b_dyip .txt p{font-size: .32rem;}
    .products_con_b table td{padding: .1rem;}

    .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;text-align: center;}
    .products_related .title{font-size: .4rem;}
    .products_related .title:before{width: 3px;height: .5rem;margin-right: .12rem;}
    .products_related .picshi{margin-top: 0;padding-top: .2rem;text-align: left;}
    .products_related .swiper-slide{margin-bottom: 6%;}
    .products_related .swiper-slide .bq{left: .2rem;top: -.3rem;padding: .05rem .1rem;}
    .products_related .swiper-slide .txt h2{font-size: .4rem;}
    .products_related .swiper-slide .txt p{font-size: .26rem;}

    .fangan li{width: 48%;}
    .fangan li h2{padding: .2rem 0;font-size: .4rem;}
    .fangan li h2:before{width: .5rem;height: 2px;margin: .2rem auto;}
    .fangan li i{font-size: .6rem;}

    .fangan_con_dyip .txt h2{font-size: .4rem;}

    .fangan_con_derp .title{font-size: .4rem;}

    .fangan_con_dsanp .title{font-size: .4rem;}
    .fangan_con_dsanp .swiper-pagination{position:initial;}

    .download ul{margin-left: 0;}
    .download li{width: 100%;margin-left: 0;margin-bottom: 2%;}
    .download li p{margin-top: .1rem;font-size: .26rem;}
    .download li i{margin-top: .1rem;font-size: .32rem;}
    .download li a{padding: .3rem;}

    .zixun li{width: 100%;margin-bottom: 3%;}
    .zixun li .txt{padding: .5rem .3rem;}
    .zixun .txtyi{font-size: .4rem;}

    .news_con .title h2{font-size: .4rem;}

    .news_con .left{width: 100%;float: none;}
    .news_con .left .title h2{font-size: .4rem;}
    .news_con .right{width: 100%;float: none;margin-top: .6rem;}
    .news_con .news_tj{padding: .3rem;}
    .news_con .news_tj h2{font-size: .5rem;}
    .news_con .news_tj h2:before{width: 3px;height: .5rem;margin-right: .12rem;}
    .news_con .news_tj li a{padding: .2rem 0;display: block;}
    .news_con .news_tj li .txt strong{font-size: .4rem;}

    .yanfa li{width: 48%;margin-bottom: 3%;}

    .sxy li{margin-bottom: .2rem;}
    .sxy li p{font-size: .4rem;}
    .sxy li a{padding: .3rem;}
    .sxy li i{font-size: .32rem;}

    .syt li i{font-size: .32rem;}

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

    .contact_b ul{margin-left: 0;padding-top: .2rem;}
    .contact_b li{width: 100%;margin-left: 0;margin-bottom: 3%;}
    .contact_b li .pic i{font-size: .4rem;width: .8rem;height: .8rem;right: 5%;bottom: -.4rem;}
    .contact_b li .txt{padding: .3rem;}
    .contact_b li dl{padding: .3rem;}

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

    footer .box{padding: 1rem 5%;}
    footer .foot_t .left{width: 100%;}
    footer .foot_t .left .logo{width: 60%;}
    footer .foot_t .left .txtyi{margin-top: .2rem;}
    footer .foot_t .left .txtyi p{margin-top: .05rem;font-size: .32rem;}
    footer .foot_t .left .txtsan{margin-top: .3rem;}
    footer .foot_t .left .txtsan .txt p{padding: .2rem .3rem;font-size: .32rem;}
    footer .foot_t .left .txtsan .txt p i{font-size: .26rem;}
    footer .foot_t .left .txtsan .txt ul{font-size: .32rem;}
    footer .foot_t .left .txtsan .txt li a{padding: .2rem .3rem;}

    footer .foot_t .center{width: 100%;margin-top: .5rem;}
    footer .foot_t .center dl{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .1);padding: .2rem 0;}
    footer .foot_t .center dt{font-size: .32rem;margin-bottom: .1rem;}
    footer .foot_t .center dd{float: left;margin-right: .2rem;font-size: .32rem;}
    
    footer .foot_t .right{width: 100%;margin-top: .5rem;}
    footer .foot_t .right li{ width:100%; margin-bottom: .1rem;}
    footer .foot_t .right li .input_txt{padding: .2rem 2%;}
    footer .foot_t .right .textarea textarea{ height:2rem; padding:1%;}
    footer .foot_t .right .more{margin-top:.1rem;}
    footer .foot_t .right .input_btn{padding: .2rem .3rem;}

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