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

    body{font-size:.32rem;}
    .layout{padding: 5%;}
    .fs{font-size: .5rem;}

    header{height: 1.2rem;transition: all 0.3s;position: fixed;left: 0;top: 0;right: 0;z-index: 100;}
    header .dingbu{display: none;}
    header .top{height: 1.2rem;background: #FFF;position: relative;padding: 0 0 0 5%;}
    header h1{width:2rem;}
    header .top_r .sc{display: none;}
    header .top_r .yuyan{font-size: .32rem;position: absolute;right: 1.4rem;}
    header .top_r .yuyan ul{line-height: .6rem;}
    header .top_r .dh{display: none;}

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

    .banner{margin: 1.2rem 0 0 0;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-pagination-bullets{bottom: .5rem;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 .1rem;}
    .banner .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: .8rem;height: .8rem;text-align: center;line-height: .8rem;margin-top: -.4rem;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .6rem;}
    .banner li i{width: .40rem;height: .50rem;font-size: .32rem;}
    .banner li p{margin-left: .1rem;font-size: .3rem;}

    .dyip .title:after{height: 2px;width: .8rem;margin: .1rem auto 0 auto;}
    .dyip .box{margin-top: .2rem;}
    .dyip .left{width: 100%;}
    .dyip .left h2{padding: .1rem .3rem;}
    .dyip .left li{font-size: .32rem;}
    .dyip .left li a{padding: .1rem .3rem;display: block;color: #FFF;}
    .dyip .right_dyip{width: 100%;margin-top: .2rem;}
    .dyip .right_dyip .hd{padding: .3rem;}
    .dyip .right_dyip .hd li{width: 32%;margin: .05rem 0;height: 1.2rem;}
    .dyip .right_dyip .hd li:last-child:nth-child(3n+1) {margin-right: calc((100% - 32%) / 2 * 2);}
    .dyip .right_dyip .hd li:last-child:nth-child(3n+2) {margin-right: calc((100% - 32%) / 2 * 1);}
    .dyip .right_dyip .bd ul{padding: .2rem;}
    .dyip .right_dyip .bd li{width: 32%;margin-bottom: .2rem;}
    .dyip .right_dyip .bd li:last-child:nth-child(3n+1) {margin-right: calc((100% - 32%) / 2 * 2);}
    .dyip .right_dyip .bd li:last-child:nth-child(3n+2) {margin-right: calc((100% - 32%) / 2 * 1);}

    .derp .title:after{height: 2px;width: .8rem;margin: .1rem auto 0 auto;}
    .derp .box{margin-top: .2rem;}
    .derp ul{flex-wrap: wrap;}
    .derp ul li{width: 33.333%;}
    .derp li i{font-size: .5rem;}
    .derp li p{font-size: .32rem;}

    .dsanp .title:after{height: 2px;width: .8rem;margin: .1rem auto 0 auto;}
    .dsanp ul{margin-top: .2rem;}
    .dsanp li{width: 48%;padding: .2rem 0;margin: .1rem 0;}
    .dsanp li i{font-size: .5rem;width: .8rem;height: .9rem;}
    .dsanp li .txt{margin-top: .2rem;font-size: .32rem;}

    .dsip .title h2{font-size: .5rem;}
    .dsip ul{margin-top: .2rem;}
    .dsip li{width: 25%;}
    .dsip li:last-child:nth-child(4n+1) {margin-right: calc((100% - 25%) / 3 * 3);}
    .dsip li:last-child:nth-child(4n+2) {margin-right: calc((100% - 25%) / 3 * 2);}
    .dsip li:last-child:nth-child(4n+3) {margin-right: calc((100% - 25%) / 3 * 1);}

    .dwup{padding: 1rem 5%;}
    .dwup .title h2{font-size: .5rem;}
    .dwup_left{width: 100%;}
    .dwup_left .hd li{padding: .2rem .3rem;font-size: .32rem;}
    .dwup_left .bd li .pic{width: 35%;}
    .dwup_left .bd{margin-top: .2rem;}
    .dwup_left .bd li .txt{width: 62%;}
    .dwup_left .bd li .txt p{line-height: 1.6;margin-top: .05rem;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .dwup .right{width: 100%;padding: .4rem;}
    .dwup .right .title h2{font-size: .5rem;}
    .dwup .right li{padding: .2rem 0;}
    .dwup .right li .dan{margin-top: .2rem;}
    .dwup .right li span{width: .5rem;height: .5rem;}
    .dwup .right li p{margin-left: .7rem;}

    .dliup .title:after{height: 2px;width: .8rem;margin: .1rem auto 0 auto;}
    .dliup .gongchang{margin-top: .2rem;}
    .dliup .swiper-button-next,.dliup .swiper-button-prev{width: .8rem;height: .8rem;line-height: .8rem;}
    .dliup .swiper-button-next:after,.dliup .swiper-button-prev:after{font-size: .32rem;}
    
    .dqip{padding: 1rem 5%;background-size: 160%;}
    .dqip .title h2{font-size: .5rem;}
    .dqip .titl:after{height: 2px;width: .8rem;margin: .1rem auto 0 auto;}
    .dqip .zhengshu{margin-top: .2rem;}
    .dqip .swiper-button-next,.dqip .swiper-button-prev{width: .8rem;height: .8rem;line-height: .8rem;}
    .dqip .swiper-button-next:after,.dqip .swiper-button-prev:after{font-size: .32rem;}

    .dbap{padding: 1rem 5%;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .dbap .title{font-size: .5rem;}
    .dbap .box{margin-left: -.1rem;margin-top: .2rem;line-height: 2;}
    .dbap p{font-size: .32rem;}
    

    .banner_pic{margin: 1.2rem 0 0 0;}
    .banner_pic figure{padding-bottom: 30%;}
    .banner_pic .title h2{font-size: .5rem;}
    .banner_pic .title p{font-size: .32rem;margin-top: .1rem;}
    .banner_pic .title .xian{width: .4rem;margin-top: .2rem;}

    .con{padding: 1rem 5%;}
    .con_l{width: 100%;float: none;margin-top: .5rem;}
    .con_l .subnav_er .title{padding: .3rem .5rem;}
    .con_l .subnav_er .title h2{font-size: .5rem;}
    .con_l .subnav_er .title p{font-size: .32rem;}
    .con_l .subnav_er li{font-size: .32rem;}
    .con_l .subnav_er li a{padding: .3rem .5rem;}
    .con_l .lxwm{margin-top: .4rem;padding: .5rem;}
    .con_l .lxwm .title{font-size: .4rem;}
    .con_l .lxwm .txt{font-size: .32rem;}

    .con_r{width: 100%;float: none;}
    .con .about{line-height: 1.6;font-size: .32rem;}

    .gongchang ul{margin-left: -2%;}
    .gongchang li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .gongchang li .pic .fdj i{font-size: .5rem;}
    .gongchang li .pic .fdj p{margin-top: .2rem;font-size: .32rem;}
    .gongchang li h2{padding: .2rem;}
    .gongchang li:last-child:nth-child(2n+1) {margin-right: 0;}
    .gongchang li:last-child:nth-child(2n+2) {margin-right: 0;}
    
    .zhengshu li{width: 48%;}

    .news li .riqi{display: none;}
    .news li .box{padding:0;width: 60%;}
    .news li .box h2{font-size: .4rem;}
    .news li .box p{display: none;}
    .news li .box .more{margin-top: .1rem;font-size: .32rem;padding: .05rem .3rem;}
    .news li .pic{width: 35%;margin-left: 5%;}

    .fenye li{font-size: .32rem;margin:0 .1rem;}
    .fenye li i{font-size: .32rem;}
    .fenye li a{width: .6rem;height: .6rem;line-height: .6rem;}

    .con_r .hd{padding: .3rem;}
    .con_r .hd li{width: 31%;}
    .con_r .hd li a{height:1rem;}
    


    .products ul{margin-left: -2%;}
    .products li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .products li p{font-size: .32rem;}
    .products li:last-child{display: block;}

    .products_r{width: 100%;float: none;}
    .products_con_t{background: #FFF;padding: 0;}
    #magnifier{display: none;}
    .products_con_t .left{width: 100%;float: none;display: block;}
    .products_con_t .right{width: 100%;float: none;margin-top: .5rem;}
    .products_con_t .right h2{font-size: .5rem;padding: .1rem 0;}
    .products_con_t .right .txt h3{font-size: .4rem;}
    .products_con_t .right .txter{font-size: .32rem;}

    .products_con_c .title{font-size: .4rem;padding: .2rem .2rem .2rem .4rem;}
    .products_con_c .title:after{width: 3px;height: .38rem;top: .3rem;left: 0;}
    .products_con_c .txt{padding: .5rem 0;font-size: .32rem;}

    .products_con_b .title{font-size: .4rem;padding: .2rem .2rem .2rem .4rem;}
    .products_con_b .title:after{width: 3px;height: .38rem;top: .3rem;left: 0;}
    .products_con_b ul{padding: .5rem 0;}

    .news_r{width: 100%;float: none;}
    .news_con .title{text-align: center;padding: .5rem;}
    .news_con .title h2{font-size: .5rem;}
    .news_con .title p{font-size: .32rem;}
    .news_con .txt{padding: .5rem;font-size: .32rem;}
    
    .wenti li{padding: .2rem 0;}
    .wenti li .dan{margin-top: .2rem;}
    .wenti li span{width: .5rem;height: .5rem;}
    .wenti li p{margin-left: .7rem;}
    
    .licheng{padding: 1rem 5%;}
    .cate2 .cn{ font-size: .5rem; line-height: 2;}
    .lichenlist li{background: url('../images/fz-dot.png') center 11px no-repeat;background-size: 13px;}
    .lichenlist li .year{line-height: 2;font-size: .5rem;}
    .lichenlist li .inner{ padding-right: .6rem;}
    .lichenlist li .pic{ width: 100%; margin-bottom: .1rem;}
    .lichenlist li:nth-of-type(odd) .pic{margin-left: 0%;}
    .lichenlist li:nth-child(2n) .inner{ padding-left: .6rem;}
    .licheng .htop{width: .8rem;height: .8rem;}
    .licheng .htop i{font-size: .5rem;}

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

    .cpxqer .tit{font-size: .32rem;}
    .cpxqer .position{width: 60%;}
    .cpxqer .address{display: none;}
    .cpxqer .salary{display: none;}
    .cpxqer .time{width: 40%;}

    .con .contact h2{font-size: .5rem;}
    .con .contact ul{margin-top: .5rem;}
    .con .contact li{width: 100%;margin-bottom: .5rem;}
    .con .contact li i,.con .contact li em{width: 1rem;height: 1rem;line-height: 1rem;font-size: .6rem;}
    .con .contact li p{margin-top: .2rem;font-size: .32rem;}

    #map_container{width: 100%; height:8rem;float: none;}

    .liuyan .title{font-size: .5rem;margin-top: 1rem;}
    .liuyan .txt{margin-top: .1rem;font-size: .32rem;}
    .liuyan ul{margin-left: 0%;margin-top: .4rem;}
    .liuyan li{ width:100%;float: none;margin-left: 0%;}
    .liuyan li .input_txt{font-size: .32rem;}
    .liuyan .li .input_txt{font-size: .32rem;}
    .liuyan .textarea textarea{height:2rem; padding:1%;font-size: .32rem;}
    .liuyan .more{margin-top:.2rem;}
    .liuyan .input_btn{padding: .1rem .4rem;font-size: .32rem;}

    .foot{padding-top: .5rem;}
    .foot .foot_t{padding: .5rem 5%;display: block;}
    .foot .foot_t .left{width: 100%;}
    .foot .foot_t .left dl{width: 100%;padding-bottom: .4rem;border-bottom: 1px solid rgba(255, 255, 255, .1);margin-bottom: .4rem;}
    .foot .foot_t .left dt{font-size: .4rem;}
    .foot .foot_t .left dd{float: left;margin-right: .2rem;font-size: .32rem;}
    .foot .foot_t .center{padding: .2rem 0;}
    .foot .foot_t .center li{padding-bottom: .1rem;font-size: .32rem;}
    .foot .foot_t .center li i{font-size: .4rem;margin-right: .1rem;}
    .foot .foot_t .right{display: none;}
    .foot .foot_b{padding: .5rem 5%;font-size: .32rem;}
    
    .kefu{display: none;}
}