@charset "UTF-8";
@font-face {
    font-family: 'sir';
    src: url('../font/SourceHanSansCN-Regular.otf');
}
.inner{
    width: 1200px;
    margin: 0 auto;
}
.ding {
    /*position: relative;*/
    /*overflow: hidden;*/
}
.navs {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 100;*/
    background-color:#fff;
}
/*banner*/
#banner .im_mo{display: none;}
#banner .im_pc{display: block;width: 100%;}


#banner .swiper-container-horizontal>.swiper-pagination{
    padding:0 3%;
    bottom:5%;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    background: #c7c7c7;

    /* border: 1px solid #fff; */
    transition: transform .2s;
    cursor: pointer;
    opacity: 1;
    border-radius: 20px;
}
#banner .swiper-pagination-bullets{
    padding:0 30px;
    bottom: 20px;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet-active{
    /*background: linear-gradient(to right,#fecf20,#fdc01d,#f99815,#f35e0a);*/
}
#banner .swiper-button-prev,#banner .swiper-button-next{
    width: 10px;
    height:10px;
    top: 50%;
    position: absolute;
    margin-top: -21px;
}
/*#banner .swiper-button-prev{*/
    /*left: 60px;*/
    /*background: url(../images/index/left_click.png) no-repeat;*/
/*}*/
/*#banner .swiper-button-next{*/
    /*right: 60px;*/
    /*background: url(../images/index/right_click.png) no-repeat;*/
/*}*/


/*政策咨询*/
h2.title{
    margin-bottom: 20px;
    /*height: 50px;*/
    line-height: 50px;
    color: #3a3a3a;
    font-size:18px;
    /*padding: 0 15px;*/
    /*border-left: 3px solid #2a938c;*/
    border-bottom: 1px solid #DBDBDB;
}
h2.title i{
    vertical-align: sub;
    display: inline-block;
    height:20px;
    width:3px;
    background: #2a938c;
}
/*h2.title:hover{*/
    /*color: #D90000;*/
/*}*/
h2.title em{
    color:#6a6a6a;
    font-size: 12px;
}
h2.title>span{
    float: right;
    display: inline-block;
    color:#D90000;
    font-size: 12px;
}
h2.title span a{
    color:#edb033;
}
h2.title s{
    width: 3px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background: #D90000;
    display: inline-block;
}


.jrzx{margin-bottom: 20px;}
.jrzx>div:first-child{
    width: 40%;
    position: relative;
}
.jrzx>div:first-child #zc{
    width: 100%;
}
.jrzx>div:first-child p{
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    line-height: 22px;
    padding: 5px 0 5px 15px;
    background: rgba(0,0,0,.3);
    font-size: 14px;
}
.jrzx>div:first-child img{width: 100%;}
.jrzx>div:last-child{
    width: 60%;
    padding:0 2%;
}

.zclb{background: #f6f6f6;margin-bottom: 10px;}
.zclb ul{width: 60%;}
.zclb ul li{line-height:30px;padding:5px 0;font-size:16px;float:left;width: 25%;text-align: center;color:#3a3a3a;cursor: pointer;}
.zclb ul li.active{background: #2a938c;color:#fff;}


.wenzhang{width: 100%;display: none;}
.wenzhang.active{display: block;}
.wenzhang ul li{
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    line-height: 28px;
}
.wenzhang ul li a>span{
    color: #3a3a3a;
    /*border: 1px solid;*/
    display: inline-block;
    width: 90%;
    height: 19px;
    font-size: 16px;
    line-height: 19px;
    overflow: hidden;
    vertical-align: middle;
}
.wenzhang ul li b{
    font-size: 14px;
    font-weight: normal;
}
.wenzhang ul li a:hover span{
    /*color:#D90000;*/
}
.wenzhang .yincang{display: none;}
.wenzhang ul li:hover>a,.wenzhang ul li.active>a{
    display: none;
    transition: all linear 0.5s;
    -moz-transition:all linear 0.5s ;
    -webkit-transition: all linear 0.5s;
}
.wenzhang ul li:hover>.yincang,.wenzhang ul li.active>.yincang{
    display: block;
    transition: all linear 0.8s;
    -moz-transition:all linear 0.8s ;
    -webkit-transition: all linear 0.8s;
}
.yincang a h1{
    font-size: 16px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}
.yincang a p{font-size: 14px;margin-top: 5px;}
.yincang a p span{
    display: inline-block;
    width: 88%;
    float: left;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 23px;
}
.yincang a p i{
    font-style: normal;
    background: url(../images/k_03.png) no-repeat;
    width: 12%;
    float: right;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    background-size: 100% 100%;
}

#zc .swiper-pagination {
    bottom: 40px;
    right: 0;
    width: 100%;
    text-align: right;
}
#zc .swiper-pagination-clickable .swiper-pagination-bullet{
    width:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    opacity:0.6;
}
#zc .swiper-pagination-clickable .swiper-pagination-bullet-active{
    background: #2a938c;
}



/*教育培训*/
.jypx{margin-bottom: 20px;}
.jypx-nr ul{
    display: flex;
    justify-content: space-between;
}
.jypx-nr ul li{width: 49%;position: relative;overflow: hidden;}
.jypx-nr ul li img{transition: all linear 0.5s;width:100%;}
.jypx-nr ul li:hover img{
    transform: scale(1.1);
    transition: all linear 0.5s;
}
.jypx-nr ul li .jypxwz{
    position: absolute;
    right:10%;
    top:30%;
}
.jypx-nr ul li .jypxwz h1{
    font-weight: bold;
    font-size:23px;
    margin-bottom: 20px;
}
.jypx-nr ul li .jypxwz p{
    color:#fff;
    text-align: center;
    width: 120px;
    padding:5px 0;
    float: right;
    font-size: 14px;
}
.jypx-nr ul li:first-child h1{color:#329dd1;}
.jypx-nr ul li:first-child p{background:#329dd1;}
.jypx-nr ul li:last-child h1{color:#2a938c;}
.jypx-nr ul li:last-child p{background:#2a938c;}

/*技术服务*/
.jsfw-lf{width: 65%;}
.jsfw-rt{width: 32%;margin-left: 3%;}
.jsfw-lf .jsfw-nr{
    /*padding:20px 0;*/
}
.jsfw-lf .jsfw-nr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jsfw-lf .jsfw-nr ul li{padding:30px 10px;width:32%;text-align: center;margin-bottom: 2%;}
.jsfw-lf .jsfw-nr ul li a{color:#fff;font-size: 16px;}
.jsfw-lf .jsfw-nr ul li:first-child{background: #2a938c;}
.jsfw-lf .jsfw-nr ul li:nth-child(2){background: #edb033;}
.jsfw-lf .jsfw-nr ul li:nth-child(3){background: #b98860;}
.jsfw-lf .jsfw-nr ul li:nth-child(4){background: #329dd1;}
.jsfw-lf .jsfw-nr ul li:nth-child(5){background: #d62629;}
.jsfw-lf .jsfw-nr ul li:last-child{background: #8aba28;}

.jsfw-lf .jsfw-nr ul li:hover{opacity: 0.8;}

/*法律法规*/
.flss{
    background: #ededf0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height:30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.flss input{
    border: 0;
    width: 85%;
    padding:0 15px;
    height:30px;
    line-height: 30px;
    background: transparent;
}
.flss button{
    width: 15%;
    border: 0;
    background: #2a938c;
    height:30px;
    line-height: 30px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.flfg-nr ul li{margin-bottom: 3%;}
.flfg-nr ul li i{margin-right: 10px;}
.flfg-nr ul li i img{
    max-width: 100%;
    display: inline-block;
    vertical-align: unset;
}
.flfg-nr ul li span{width:93%;font-size: 16px;color:#3a3a3a;height:22px;overflow: hidden;display: inline-block;}
.flfg-nr ul li span:hover{color:#2a938c;}

/*会员之家*/
.hyzjlb{background: #f6f6f6;}
.hyzjlb ul{width: 60%;}
.hyzjlb ul li{line-height:30px;padding:5px 0;font-size:16px;float:left;width: 20%;text-align: center;color:#3a3a3a;cursor: pointer;}
.hyzjlb ul li.active{background: #2a938c;color:#fff;}
.hyzjlb div.rt a{color:#edb033;display: none;}
.hyzjlb div.rt a.on{display: block;}
.hyzjlb div.rt{
    line-height: 40px;
    font-size: 14px;
    margin-right: 5px;
}
.hynr{display: none;margin:20px 0;}
.hynr.active{display: block;}
.hynr ul{
    display: flex;justify-content: space-between;flex-wrap: wrap;
}
.hynr ul li{width: 49%;margin-bottom: 2%;}
.hynr ul li div:first-child{width: 35%;overflow: hidden;}
.hynr ul li div:first-child img{
    width: 100%;
    transition: all linear 0.5s;
}
.hynr ul li div:last-child{width: 65%;padding:15px;}
.hynr ul li div:last-child h1{font-size: 16px;color:#3a3a3a;}
.hynr ul li div:last-child h2{font-size: 14px;color:#838383;margin:10px 0;}
.hynr ul li div:last-child p{font-size: 14px;color:#6a6a6a;text-align: justify;}
.hynr ul li:hover a h1,.hynr ul li:hover a h2,.hynr ul li:hover a p{color:#2a938c;}
.hynr ul li:hover img{
    transform: scale(1.1);
    transition: all linear 0.5s;
}

.store{
    background: url(../images/sc.png) no-repeat;
    margin-bottom: 30px;
}
.store #shop{width: 25%;float: right;margin: 10px 10%}
#shop .swiper-slide{text-align: center;}
#shop .swiper-slide img{max-width: 80%;display: block;margin:0 auto;}
#shop .swiper-button-next,#shop .swiper-button-prev{
    /*width: 20px;*/
    /*height: 25px;*/
    top:55%;
    background-size: 100% 100%;
}
#shop .swiper-button-next{background: url(../images/jt.png) no-repeat;}
#shop .swiper-button-prev{background: url(../images/jtz.png) no-repeat;}


@media screen and (max-width: 1200px){
    .inner{
        width: 1024px;
    }

    #banner .im_pc {
        /*height: 320px;*/
    }
    .yincang a p span{
        width: 85%;
        height:46px;
        overflow: hidden;
    }
    .yincang a p i{width: 15%;line-height: initial;}
    .flfg-nr ul li span { width: 90%;}
    .hynr ul li div:last-child {
        width: 65%;
        padding: 0 15px;
    }
    .hynr ul li div:last-child h1{font-size: 15px;}
    .store #shop {
        width: 28%;
        float: right;
        margin: 10px 5%;
    }

}
@media screen and (max-width: 1023px) {
    #banner .im_pc {
        /*height: 300px;*/
    }
    .inner{
        width: 95%;
        margin: 0 auto;
    }
    #banner .swiper-pagination-clickable .swiper-pagination-bullet{
        /*width: 10px;*/
        /*height: 10px;*/
    }
    #banner .swiper-pagination-bullets{
        bottom: 10px;
    }
    #banner .swiper-button-prev{
        left: 15px;
        display: none;
    }
    #banner .swiper-button-next{
        right: 15px;
        display: none;
    }
    .jrzx>div:first-child {
        width: 100%;
    }
    .jrzx>div:last-child {
        width: 100%;
        padding:0;
        margin:2% 0;
    }
    .yincang a p i {
        line-height: unset;
    }
    .jypx-nr ul li .jypxwz{
        top:25%;
    }
    .jypx-nr ul li .jypxwz h1{
       font-size: 20px;margin-bottom: 10px;
    }
    .jsfw-lf {
        width: 100%;
    }
    .jsfw-rt {
        width: 100%;
    }
    .flfg-nr ul li span {
        width: 95%;
    }
    .hynr ul li{width: 100%;}
    .hynr ul li div:last-child{padding:15px;}
    #shop .swiper-slide img {
        max-width: 60%;
    }



}
@media screen and (max-width: 767px){
    .inner {
        width: 95%;
        margin: 0 auto;
    }

    #banner .im_mo{display: block;height: 250px;width: 100%;}
    #banner .im_pc{display: none;}
    .zclb ul {
        width: 100%;
    }
    .zclb ul li{font-size: 14px;}
    h2.title{font-size: 16px;}
    .yincang a h1 {
        font-size: 15px;
        height: 16px;
        line-height: 16px;
    }
    .yincang a p span {
        width: 76%;
        text-align: justify;
        height:auto;
        overflow: auto;
    }
    .yincang a p i{
        width:22%;
    }
    .wenzhang ul li a>span{width: 85%;font-size: 15px;}
    .wenzhang ul li b {
        font-size: 14px;
        line-height: 30px;
        font-weight: normal;
    }
    .jrzx,.jypx{margin-bottom: 0;}
    .jypx-nr ul{flex-wrap: wrap;}
    .jypx-nr ul li{width: 100%;margin-bottom: 3%;}
    .jsfw-lf .jsfw-nr ul li{width: 49%;}
    .jsfw-lf .jsfw-nr ul li {
        padding: 30px 5px;
    }
    .jsfw-lf .jsfw-nr ul li a{font-size: 14px;}
    .flfg-nr ul li span {
        width: 90%;
        font-size: 14px;
        height:20px;
    }
    .hyzjlb ul li{width: 25%;font-size: 13px;}
    .hyzjlb ul {
        width: 78%;
    }
    .hyzjlb div.rt{width: 22%;font-size: 12px;margin-right: 0;}
    .hynr ul li div:last-child {
        padding: 0 5px;
    }
    .hynr ul li div:last-child h1 {
        font-size: 14px;
        height:15px;
        overflow: hidden;
    }
    .hynr ul li div:last-child h2 {
        font-size: 12px;
        margin:5px 0;
    }
    .hynr ul li div:last-child p{font-size:12px;height:51px;overflow: hidden;}
    .store{height:100px;}
    .store #shop{width:50%;}
    #shop .swiper-slide img {
        max-width: 50%;
    }

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

}