.fluid{
    padding:60px 0;
}
.header-fluid{
    width:100%;
    background-color: #dceeea;
    background:linear-gradient(to bottom, #dceeea, #fff);
}
.header{
    width:1200px;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logobox{
    display: flex;
    align-items: baseline;
}
.logo{
    margin-right: 15px;
}
.logo img{
    display: block;
    height: 150px;
}
.logoword img{
    display: block;
    height: 75px;
    padding-bottom: 40px;
}
.headerewm{
    width:100px;
    text-align: center;
}
.headerewm .img img{
    display: block;
    border:1px solid #ddd;
}
.headerewm p{
    color:#999;
    font-size:12px;
    line-height: 30px;
}
.navbar{
    background:#009f54;
}
.navbar>.nav{
    width:1200px;
    margin:0 auto;
}
.navbar>.nav>ul{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.navbar>.nav>ul>li{
    width:calc(100%/6 - 4px);
}
.navbar>.nav>ul>li>a{
    display: block;
    width:100%;
    text-align: center;
    line-height: 70px;
    font-size:18px;
    color:#fff;
    position: relative;
}
.navbar>.nav>ul>li.active>a,
.navbar>.nav>ul>li:hover>a{
    background-color: #008c4a;
    color:#ffc107;
}
.navbar>.nav>ul>li:hover>a::after,
.navbar>.nav>ul>li.active>a::after{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 5px;
    background-color: #ffc107;
}

.container{
    width:1200px;
    margin:0 auto;
}

.main-title{
    text-align: center;
    margin-bottom:40px;
}
.main-title .title{
    font-size:50px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.main-title .title::before{
    content:"";
    position: absolute;
    left:50%;
    bottom:0;
    display: block;
    width:100px;
    height: 5px;
    border-radius: 10px;
    background-color: #008c4a;
    transform: translateX(-50%);
    overflow: hidden;
}
.main-title p{
    font-size:16px;
    color:#666;
}

.mfjg-fluid {
    background: #fff;
}
.mfjg{
    display: flex;
    justify-content: space-between;
}

.mfjg-img {
    text-align: center;
    width:620px;
}

.ewmbox {
    width:560px;
}
.sub-ewmbox{
    margin-top: 20px;
}
.sub-ewmbox .p1,
.ewmbox .p1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
}
.sub-ewmbox .p1 span,
.ewmbox .p1 span {
    color: #08c161;
}
.sub-ewmbox .p2,
.ewmbox .p2 {
    font-size: 30px;
    text-align: center;
}
.sub-ewmbox  img,
.ewmbox img {
    border: 1px solid #ddd;
    display: block;
    width:240px;
    margin: 25px auto;
}

.wechat {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 1000;
}

.wechat a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #08c161;
    text-align: center;
    line-height: 50px;
    color: #fff;

}

.wechat span {
    display: block;
    width: 0;
    height: 0;
}

.wechat a i.iconfont {
    font-size: 25px;
}

.popUpblack {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    display: none;
}

.popUpblack .mask {
    background: url(../images/black.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

.popUp {
    position: fixed;
    width: 220px;
    border: 5px solid #00ae66;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    transform: translateY(-50%);
    z-index: 1004;
}

.popUp .t {
    padding: 0 0 0 10px;
    height: 35px;
    line-height: 35px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    background: #f2f2f2;
}

.popUp .t .close {
    padding: 0 10px 0 0;
    float: right;
    cursor: pointer;
    color: #666;
    font-weight: normal;
}

.popUp .img {
    padding: 15px 15px 0;
}

.popUp .img img {
    display: block;
    width: 100%;
}

.popUp .p {
    text-align: center;
    margin-top: 5px;
    padding-bottom: 10px;
}

.mobilepopUpblack {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    display: none;
}

.mobilepopUpblack.active {
    display: block;
}

.mobilepopUpblack .mask {
    background: url(../images/black.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

.mobilepopUp {
    position: fixed;
    width: 330px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 15px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    z-index: 1004;
    padding: 24px;
}

.mobilepopUp .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    line-height: 20px;
    color: #888;
    font-weight: 400;
}

.mobilepopUp .successicon {
    margin-bottom: 10px;
}

.mobilepopUp .successicon img {
    display: block;
    height: 42px;
    margin: 0 auto;
}

.mobilepopUp .info {
    text-align: center;
}

.mobilepopUp .info .t {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    color: #212121;
}

.mobilepopUp .info .p,
.mobilepopUp .info .wxgzh {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.mobilepopUp .info .btn {
    width: 140px;
    background: #08c161;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 15px;
    font-size: 16px;
    border-radius: 8px;
    overflow: hidden;
}
.pages {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.pages .page {
    display: inline-block;
}

.pages .page a,
.pages .page span {
    display: block;
    float: left;
    min-width: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 5px;
    border: 1px solid #ddd;
    margin: 5px;
}

.pages .page span {
    background: #08c161;
    color: #fff;
}

.pages .page a:hover {
    background: #f8f8f8;
    color: #08c161;
    border-color: #08c161;
}
.service-fluid{
    background-color: #f3f3f3;
    background-color: #ededed;
}
.service-list{
    display: flex;
    justify-content: space-between;
}
.service-item{
    width:calc(25% - 20px);
    padding:30px 15px;
    background-color: #fff;
    text-align: center;
    box-shadow:  0 2px 10px #999;
    margin-bottom: 20px;
}
.service-item .img{
    width:120px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-item .info{
    margin-top: 5px;
}
.service-item .info .title{
    font-size:22px;
    margin-bottom: 8px;
}
.service-item .info .des{
    font-size:15px;
    line-height: 1.7;
    color:#666;
}
.about{
    display: flex;
    justify-content: space-between;
}
.about .about-img{
    width:530px;
}
.about .about-img img{
    display: block;
    width:100%;
}
.about .info{
    width:calc(100% - 530px);
    padding-left:50px;
}

.about .info .des{
    font-size: 18px;
    line-height: 35px;
    height:280px;
    overflow: hidden;
}
.about-more{
    display: block;
    width: 180px;
    line-height: 40px;
    background: #08c161;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
}
.leaving-fluid{
    background:#f0f0f0;

}


.question-list dl{
    margin-bottom: 20px;
    border-bottom:1px dashed #ddd;

}

.question-list dl dt,.question-list dl dd{
    display: flex;
    margin-bottom:20px;
}

.question-list dl dt .w,
.question-list dl dd .d{
    display: block;
    width:30px;
    height: 30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    font-size:18px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.question-list dl dt .w{
    background:#08c161;
}
.question-list dl dd .d{
    background:#f44336;
}

.question-list dl dt .ques,
.question-list dl dd .answer{
    width:calc(100% - 40px);
    line-height:30px;
    font-size:18px;
}
.question-list dl dt .ques{
    font-weight: 600;
    font-size:20px;
}
.Mmore{
    width:240px;
    margin:50px auto 0;
}
.Mmore a{
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    background:#f8f8f8;
    color: #666;
    font-size: 20px;
    border-radius: 10px;
    overflow: hidden;
    border:1px solid #ddd;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.Mmore a:hover{
 background: #08c161;
 color:#fff;
}
.app-fluid {
    background:#e1f0ed;
}
.quest{
    display: flex;
    justify-content: space-between;
    border:1px solid #ebebeb;
    position: relative;
}
.quest .qmore{
    position: absolute;
    right: 50px;
    bottom: 30px;
    width: 130px;
    text-align: center;
}
.quest .qmore>a{
    color: #08c161;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #08c161;
    line-height: 34px;
    border-radius: 7px;
    overflow: hidden;
}
.quest .qmore>a:hover{
    background-color: #08c161;
    color:#fff;
}
.quest .qmore>a i.iconfont{
    margin-left:5px;
}
.questL{
    background:#f0f0f0;
    width:480px;
    padding:20px 0 20px 20px;
}
.questR{
    width:calc(100% - 480px);
}
.questL>ul>li>a{
    display: flex;
    width:100%;
    line-height: 30px;
    padding:10px 0;
    font-size:17px;
}
.questL>ul>li.current>a{
    background:#fff;
}
.questL>ul>li>a .num{
    width:50px;
    color:#666;
    text-align: center;
}
.questL>ul>li:nth-of-type(1)>a .num{
    color:#ff4542;
}
.questL>ul>li:nth-of-type(2)>a .num{
    color:#ff6600;
}
.questL>ul>li:nth-of-type(3)>a .num{
    color:#ffa866;
}
.questL>ul>li>a .title{
    width:calc(100% - 50px);
    color:#666;
    padding-right:15px;
}
.questR{
    padding:50px;
}
.questR>dl{
    opacity: 0;
    display: none;
}
.questR>dl.current{
    opacity: 1;
    display: block;
}
.questR>dl dt,
.questR>dl dd {
    display: flex;
    margin-bottom: 20px;
}
.questR>dl dt .w,
.questR>dl dd .d {
    display: block;
    width: 40px;
    height: 40px;
    line-height:40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.questR>dl dt .w {
    background: #c7edd2;
    color:#008c4a;
}
.questR>dl dd .d {
    background: #08c161;
}

.questR>dl dt .ques,
.questR>dl dd .answer {
    width: calc(100% - 60px);
}

.questR>dl dt .ques {
    font-size: 16px;
    line-height: 40px;
}

.questR>dl dd .answer {
    line-height: 35px;
    font-size: 18px;
    /* height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}

.questR>dl dt .ques {
    font-weight: 600;
    font-size: 18px;
}


.footer-fluid{
    background:#fff;
    border-top:1px solid #eee;
   text-align:center;
    color:#999;
    padding:15px 0;
    font-size:14px;
     line-height: 20px;
}
.footer-fluid a{
    color:#999;
}

.footer-contact p.tel{
    color:#12b786;
    font-size:25px;
}
.footer-contact a{
    margin-right: 5px;
}
.footer-ewm{
    display: flex;
}
.footer-ewm-box{
    width:120px;
    margin-left: 20px;
}
.footer-ewm-box p{
    font-size:16px;
    margin-bottom: 10px;
}
.footer-ewm-box img{
    display: block;
    width:100%;
}
.bottoming {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 600px;
    background: #db261d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
    display: none;
}

.bottoming .item {
    width: 25%;
    text-align: center;
}

.bottoming .item a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 8px 0 5px;
}

.bottoming .item a .img {
    width: 100%;
    text-align: center;
    line-height: 25px;
}

.bottoming .item a .img i.iconfont {
    font-size:24px;
}

.bottoming .item a p {
    font-size: 12px;
}
.sub-wraper-fluid{
    padding:70px 0;
}
.sub-wrap{
    padding:0 40px;
}
.crumbs-fluid{
    background-color: #f8f8f8;
    padding:5px 0;
}
.crumbs{
    line-height: 25px;
    font-size:14px;
    color:#666;
}
.crumbs a{
    color:#666;
}

.sub-mfjg-img{
    width:100%;
    text-align: center;
}
.sub-mfjg .p{
    text-align: center;
    font-size:18px;
    line-height: 40px;
}
.sub-title{
    margin-bottom: 30px;
}
.sub-title .title{
    font-size:40px;
}

.sub-links{
    padding-top: 30px;
    margin-top: 30px;
    border-top:1px dashed #eee;
}
.sub-links p{
    line-height:30px;
    font-size:15px;
    color:#888;
}
.sub-links p a{
    color:#888;
}
.sub-links p a:hover{
   color:#12b786;
   text-decoration:underline;
}
.sub-main-title{
    text-align: center;
    margin-bottom: 40px;
}
.sub-main-title .title{
    font-size:25px;
    margin-bottom: 10px;
}
.sub-main-title p{
    font-size:16px;
}
.sub-content{
    font-size:18px;
    line-height: 2;
}
.news-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-item {
    width:calc(50% - 10px);
    margin-bottom: 10px;
    overflow: hidden;
}

.news-item a {
    border:1px solid #ddd;
    padding: 14px;
    background: rgb(255, 255, 255, .6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.news-item a .info {
    width: calc(100% - 115px)
}

.news-item a .info .tit {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 600;
}

.news-item a .info .time {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.news-item a .info .time i.iconfont {
    margin-right: 6px;
}

.news-item a .img {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    overflow: hidden;
}

.news-item a:hover {
    background: #fff;
    box-shadow: 0 0 10px #ddd;
}

.news-item a:hover .info .tit {
    color: #12b786;
}

.news-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.news-title h2 {
    font-size: 22px;
    position: relative;
    padding-left: 20px;
    color: #212121;
}

.news-title h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    bottom: 0px;
    height: 30px;
    width: 5px;
    background-color: #12b786;
    border-radius: 5px;
    overflow: hidden;
}

.news-more {
    display: block;
    width: 180px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    color: #333;
    font-size: 16px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
}

.news-more:hover {
    background: #12b786;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.sub-yyyl-list>ul{
    display: flex;
    flex-wrap: wrap;
}
.sub-yyyl-list>ul>li{
    width:calc(100%/4 - 12px);
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    padding-top: 30px;
}
.sub-yyyl-list>ul>li:nth-of-type(4n){
    margin-right: 0;
}

.sub-yyyl-list>ul>li .num{
    width:60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #009f54;
    border-radius: 50%;
    overflow: hidden;
    color:#fff;
    margin:0 auto;
    font-size:28px;
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    z-index:99;
}