.layui-active{
    box-shadow: 1px 1px 2px black;
}
.clearfix{
    display: block;
    content: '';
    clear: both ;
    height: 0;
}
.breadcrumb{
    padding: 10px 0;   
    text-align: right;
}
.breadcrumb b{
    color: #888;
}

.tabschild{
    display: flex;justify-content: space-between;
}
.header{
    height: 60px;
}
.header .header-left,.header-right{
    height: 60px;display: flex;
    align-items: center;
    justify-content: center;
}
.header .header-left .logocon{
    
}
.header  .header-left img{
    width: 100%;height: 30px;
}
.header .layui-nav{
    background-color: #fff;
}
.header .layui-nav li a{
    color: #000;
}.header .layui-nav li a:hover{
    color: #000;
}
.header .header-right .layui-input-sea{
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    padding: 5px 12px;
    background-color: #F2F2F2;
    border: 1px solid #CFCFCF;
    width: 140px;
    height: 17px;
}
.header .header-right #cate{
    width: 62px;
    margin-left: -5px;
    height: 29px;
    border: 1px solid #CFCFCF;
    color: #6E6E6E;
    background-color: #F2F2F2;
}
.header .header-right .layui-btn-sea{
    margin-left: -5px;
}
.header .header-right .layui-btn-sea button{
    height: 29px;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    padding: 2px 10px;
    border: 1px solid #CFCFCF;
    color: #707070;
}
/*分页*/
 .pagination{
    display: flex;justify-content: center;margin: 20px 0;
}
.pagination li:first-child{
    width: auto;
}
.pagination li{
    text-align: center;width: 30px;
}
.pagination li.active{
    background-color: #01A7B5;
}
.pagination li.active a{
    color: #fff;
}
.prenext {
            padding-bottom: 30px;line-height: 25px;
        }
        .prenext a{
            color: #009DAC;
        }
.banner img{
    width: 100%;
}
.tags{
    height: 30px;background-color: #F9F9F9;
    border-bottom: 1px solid #F0F0F0;
}
.tags .layui-row::before{
    background:url('/static/assets/images/xiao.jpg') no-repeat;
    background-position: 0px 3px;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
}
#fuwu .fuwu{
    padding-top: 50px;
    padding-bottom: 50px;
}
#fuwu .layui-breadcrumb a:first-child{
    color: #52C2C9 !important;font-size: 15px;
}
#fuwu .toptitle{
    text-align: center;padding-bottom: 40px;
}
#fuwu .toptitle p{
   margin-top: 20px;
}
#fuwu .toptitle h2 span{
    color: #15AEB9;
}
#fuwu .fourelist >div{
   /*border: 5px solid #F2F2F2;*/
}
#fuwu .fuwulist{
    text-align: center;padding: 20px;border: 5px solid #F2F2F2;
}
#fuwu .fuwulist h2{
    margin:20px 0;
}
#fuwu .fuwulist>div{
    background:url('/static/assets/images/xiaoicons.png') no-repeat;
    background-position:0px 0px;
    width: 88px;
    height: 88px;
    margin: 0 auto;
    background-size: 269px;
}
#fuwu .fourelist>div:nth-child(2) .fuwulist>div{
   
    background-position:-90px 0px;
   
}#fuwu .fourelist>div:nth-child(3) .fuwulist>div{
    background-position:-181px 0px;
}#fuwu .fourelist>div:nth-child(4) .fuwulist>div{
    background-position:0px -90px;
}#fuwu .fourelist>div:nth-child(5) .fuwulist>div{
    background-position:-90px -90px;
}#fuwu .fourelist>div:nth-child(6) .fuwulist>div{
    background-position:-181px -90px;
}
.content{
    padding-bottom: 50px;
    padding-top: 10px;
    background-color: #F9F9F9;
}
 .shuxian{
   height: 13px;display: inline-block;width: 3px;background-color: #00A7B3;margin-right: 10px;
}
.shuxian_after{
    font-size: 16px;font-weight: 700;
}
.bodylefttop{
    border: 1px solid #ECECEC;background-color: #fff;
}
.bodyleftbottom{
    border: 1px solid #ECECEC;padding: 10px;margin-top: 20px;background-color: #fff;
}.bodyright{
    padding: 20px;border: 1px solid #ECECEC;background-color: #fff;
}
.bodylefttop .bodylefttop_ul h3{
    padding: 10px;
    border-bottom: 1px solid #ECECEC;
} 
.bodylefttop .bodylefttop_ul ul{
    padding: 20px 10px;
}
.bodylefttop .bodylefttop_ul ul li{
    padding: 10px;border: 1px solid #ECECEC;margin: 5px 0;
}
.bodylefttop .bodylefttop_ul ul li>a{
   font-weight: 800;
}
.bodylefttop .bodylefttop_ul ul li .catechild{
   display: none;
}
.bodylefttop .bodylefttop_ul ul li .layui-icon{
    padding-right: 8px;font-size: 10px;
}

.bodyleftbottom .jianbian{
   height: 65px;background: linear-gradient(92deg,#117FBB 6px,#4FB872 120px);
   padding: 10px;
}.bodyleftbottom .jianbian div{
   margin:10px 0;color: #fff;font-size: 13px;
}
.bodyleftbottom .jianbian img{
   width: 100%;
}
.bodyleftbottom .callpic{
    margin: 20px 0;text-align: center;font-size: 18px;color:#039EAD;display: flex;
    justify-content: center;
    align-items: center;
}
.bodyleftbottom .callpic i{
   display: inline-block;height: 30px;
}
.bodyleftbottom .callpic i img{
   height: 100%;
}
.bodyleftbottom .callhua{
  text-align: center;
}
.bodyleftbottom .callhua p{
    font-size: 17px;margin-top: 10px;
}
 
.bodyright .layui-card-header{
    padding: 5px;border-bottom: 1px solid #ececec;font-size: 18px;
}

.lastnews img{
    height: 100%;padding-bottom: 3px;margin-right: 5px;
}
.lastnews .firstrow{
    display: flex;
    align-items: center;
    height: 30px;
    padding-top: 30px;
}
.lastnews .firstrow .row_right{
   text-align: right;display: flex;
    justify-content: right;
    align-items: center;
}
.lastnews .firstrow .row_right a span{
   color: #1CB1BC;
}
.lastnews .firstrow .row_right .right_img{
   height: 18px;display: inline-block;adding-bottom: 2px;
}
.lastnews .tworow{
    margin: 20px 0;
}
.lastnews .tworow .layui-col-lg6 {
    
}
.lastnews .tworow  .pad_content {
    border: 1px solid #F6F6F6;padding: 40px 20px;display: flex;justify-content: center;
}
.lastnews .tworow  .pad_content span{
    display: inline-block;height: 150px;
}
.lastnews .tworow  .pad_content span:first-child{
    width: 40%;
}
.lastnews .tworow  .pad_content span:last-child{
    width: 61%;
}
.lastnews .tworow  .pad_content span:last-child h3{
    color: #0BABB8;margin-bottom: 10px;
}
.lastnews .tworow  .pad_content span:last-child p{
    color: #8D8D8D;margin-bottom: 5px;
}
.time{
    color: #A7A7A7;
}
.time i{
    display: inline-block;
    height: 16px;
}
.time img{
    height: 100%;
    padding-bottom: 3px;
    margin-right: 5px;
}

/*        footer*/
.footer{
    background-color: #333333;height: 200px;
    padding: 40px 0;
}
.footer img{
    width: 100%;
}
.footer .footleft span{
    color: #fff;
}.footer .footleft span:last-child{
    color: #EF9339;
}
.footer .footmenu {
  display: flex;
  justify-content: space-around;
}.footer .footmenu a{
    color: #DDDDDD;
}
.footer .footmenu li{
    line-height: 35px;
}.footer .footmenu li>a{
    font-size: 16px;
}
.footer .footmenu dl dd img{
    width: 100px;
}
/*新闻中心*/
#newscategory .newscategory{
    background-color: #F9F9F9;
}
#newscategory .lastnews {
    padding-bottom: 30px;
}
#newscategory .lastnews .firstrow{
    padding-bottom: 20px;border-bottom: 1px solid #F1F1F1;
}
#newscategory .one_news{
    margin: 10px 0;
}
#newscategory .one_news >div{
    border: 1px solid #F1F1F1;height: 280px;
}
#newscategory .one_news .leftpic{
   overflow: hidden;height: 280px;
}

#newscategory .one_news .one_news_right {
   background-color: #fff;
}
#newscategory .one_news .one_news_right .right_content{
    padding: 40px 15px;
}
#newscategory .one_news .one_news_right h3{
   font-size: 20px;margin-bottom: 10px;font-weight: 800;
}
#newscategory .one_news .one_news_right h3 a{
   color: #03A8B5;
}
#newscategory .one_news .one_news_right h3 a:hover{
   color: #03b8B5;
}
#newscategory .one_news .one_news_right p{
   color: #5C5C5C;font-size: 15px;margin-bottom: 10px;
}

#newscategory .one_news .one_news_right .layui-btn{
   background: linear-gradient(92deg,#117FBB 6px,#4FB872 120px);
}
#newscategory .nei{
   
    background-color: #fff;
}
#newscategory .nei .img{
   
   height: 223px;
}
#newscategory .nei .img img{
    width: 100%;
}
#newscategory .nei h3{
   margin: 20px 0;color: #A7A7A7;padding: 5px 20px;height: 40px;
}
#newscategory .nei h3 a{
   color: #A7A7A7;
}#newscategory .nei h3 a:hover{
   color: #c7b7b7;
}
#newscategory .right_content .time{
   padding: 20px 0;
}
#newscategory .nei .time{
   padding-bottom: 10px;padding-left: 20px;
}
#newscategory .newscategory1 .one_news > div{
    height: auto;
}
#newscategory .newscategory1  .one_news_right .three_left{
    padding: 0px;border: 1px solid #F1F1F1;margin: 5px 0; display: flex;
    height: 110px;
}
#newscategory .newscategory1 .one_news_right .three_left h3{
    font-size: 16px;
}
#newscategory .newscategory1 div.one_news{
/*            height: 380px;*/
}
#newscategory .newscategory1 .one_news > div{
    border: none;
}
#newscategory .newscategory1 div.leftpic{
    height: 350px;padding: 17px;padding-left: 0;
}
#newscategory .newscategory1 div.leftpic img{
    width: 100%;
}
#newscategory .newscategory1 .one_news .one_news_right{
    padding: 10px;padding-right: 0;
}
#newscategory .newscategory1 .one_news_right .three_left .times_left{
    width: 37%;background-color: #F2F2F2;
}
#newscategory .newscategory1 .one_news_right .three_left .times_left span{
   display: flex;justify-content: center;line-height: 10px;
}
#newscategory .newscategory1 .one_news_right .three_left .times_left span:first-child{
   font-size: 30px;color: #03A7B4;margin-top: 38px;
}
#newscategory .newscategory1 .one_news_right .three_left .times_left span:last-child{
   margin-top: 25px;
}
#newscategory .newscategory1 .one_news_right .three_left .times_right{
    padding: 5px 10px;width: 100%;
}
#newslist .bodyright{
    padding: 10px;
}
#newslist .list{
    border-bottom: 1px solid #EBEBEB;
    display: flex;
   
    padding: 20px 10px;
}
#newslist .list .listpic{
    height: 100px;width: 200px;flex: 0 0 auto;
}
#newslist .list .listpic img{
    height: 100%;
}
#newslist .listbody{
   padding: 10px 12px;width: 100%;
}
#newslist .listbody p{
  margin: 10px 0;
}
#newslist .listbody h3 a{
    color: #08A6BD;font-size: 18px;
}
#newslist .listbody .time{
    display: flex;
    justify-content: space-between;
}
#newslist .listbody .time .biao {
    display: flex;
    align-items: center;
}
#newslist .listbody .time .biao img{
    height: 15px;
}
#newslist .listbody .chakan{
    border: 1px solid #a7a7a7;
    border-radius: 16px;
    padding: 5px 15px;
    font-size: 12px;
}
 #newsshow .bodyright{
            padding: 10px;
        }
        #newsshow .bodyright .title h3{
            font-size: 25px;
        }
        #newsshow .bodyright .title{
            text-align: center;margin: 20px ;
            border-bottom: 1px solid #EBEBEB;
        }
        #newsshow .bodyright .title p{
            color: #C8C8C8;
        }
        #newsshow .bodyright .contents{
            padding: 0 20px;
        }
        #newsshow .lastnews {
            margin: 50px 0;
        }
        #newsshow .lastnews .news_bottom{
            display: flex;justify-content: space-between;
            border-bottom: 1px solid #EBEBEB;
            padding-top: 20px;padding-bottom: 10px;margin-bottom: 20px;
        }
        #newsshow .lastnews .news_bottom .row_right{
            width: 40%;text-align: right;
        }
        #newsshow .lastnews .news_bottom .row_right span a{
            color: #00A6B4;
        }
        #newsshow .lastnews .news_bottom .row_right .right_img{
            height: 18px;display: inline-block;adding-bottom: 2px;
        }
        #newsshow .lastnews .pad_content{
            display: flex;justify-content: space-between;
            line-height: 40px;
        }
        #newsshow .lastnews .shuxian~span{
            font-size: 18px;
        }
        /*产品*/
 #prolist .bodyright{
            padding: 0px;border: none;background-color: #f9f9f9;
        }
        #prolist .bodyright .title h3{
            font-size: 25px;
        }
        #prolist .bodyright .title{
            text-align: center;margin: 20px ;
            border-bottom: 1px solid #EBEBEB;
        }
        #prolist .bodyright .title p{
            color: #C8C8C8;
        }
        #prolist .bodyright .contents{
            /*padding: 0 20px;*/
        }
        #prolist .lastnews {
            margin: 50px 0;
        }
        #prolist .lastnews .news_bottom{
            display: flex;justify-content: space-between;
            border-bottom: 1px solid #EBEBEB;
            padding-top: 20px;padding-bottom: 10px;margin-bottom: 20px;
        }
        #prolist .lastnews .news_bottom .row_right{
            width: 40%;text-align: right;
        }
        #prolist .lastnews .news_bottom .row_right span a{
            color: #00A6B4;
        }
        #prolist .lastnews .news_bottom .row_right .right_img{
            height: 18px;display: inline-block;adding-bottom: 2px;
        }
        #prolist .lastnews .pad_content{
            display: flex;justify-content: space-between;
            line-height: 40px;
        }
        #prolist .lastnews .shuxian~span{
            font-size: 18px;
        }
        
        #prolist .contents ul{
            display: flex;
            flex-wrap: wrap;
        }
        #prolist .contents ul li{
            width: 294px;background-color: #fff;margin: 10px;
            margin-top: 0;border: 1px solid #f0f0f0;text-align: center;
        }
        #prolist .contents ul li >div:first-child{
            margin: 10px 0;border-bottom: 1px solid #F1F1F1;padding-bottom: 5px;
        }
        #prolist .contents ul li >div img{
           width: 232px;
height: 192px;
        }
        #prolist .contents ul li >div:last-child{
           height: 26px;
        }
        #proshow .bodyright{
            padding:20px 0px;border: none;background-color: #fff;
        }
        
        #proshow .bodyright .contents{
            padding: 0 20px;
        }
        #proshow .lastnews {
            margin: 50px 0;
        }
        #proshow .lastnews .news_bottom{
            display: flex;justify-content: space-between;
            border-bottom: 1px solid #EBEBEB;
            padding-top: 20px;padding-bottom: 10px;margin-bottom: 20px;
        }
        #proshow .lastnews .news_bottom .row_right{
            width: 40%;text-align: right;
        }
        #proshow .lastnews .news_bottom .row_right span a{
            color: #00A6B4;
        }
        #proshow .lastnews .news_bottom .row_right .right_img{
            height: 18px;display: inline-block;adding-bottom: 2px;
        }
        #proshow .lastnews .pad_content{
            display: flex;justify-content: space-between;
            line-height: 40px;
        }
        #proshow .lastnews .shuxian~span{
            font-size: 18px;
        }
        
        #proshow .contents ul{
            display: flex;
            flex-wrap: wrap;
        }
        #proshow .contents ul li{
            width: 276px;background-color: #fff;margin: 10px;
            margin-top: 0;border: 1px solid #f0f0f0;text-align: center;
        }
        #proshow .contents ul li >div:first-child{
            margin: 10px 0;border-bottom: 1px solid #F1F1F1;padding-bottom: 5px;
        }
        #proshow .contents ul li >div:last-child{
           height: 26px;
        }
        #proshow .bodyright{
            display: flex;justify-content: center;height: 407px;
        }
        #proshow .bodyright .imgone img{
            width: 80%;
/*            height: 100%;*/
        }
        #proshow .bodyright .imgone{
            width: 47%;text-align: center;
        }
        #proshow .bodyright .tileone{
            width: 47%;
        }
        #proshow .bodyright .tileone h3{
            font-size: 30px;margin-bottom: 10px;
        }
        #proshow .bodyright .tileone .catname{
            border:1px solid #009DAC;padding: 3px 5px;color: #009DAC;width: 100px;text-align: center;
            border-radius: 5px;
        }
        #proshow .bodyright .tileone .info{
            background-color: #F9F9F9;padding: 20px;margin:20px 0;
        }
        #proshow .bodyright .tileone .contact span{
            padding: 5px 10px;border: 2px solid #6FC8CF;width: 145px;
            display: inline-block;
            text-align: center;
        }
        #proshow .bodyright .tileone .contact span:first-child{
            background-color: #6FC8CF;color: #fff;
        }
        #proshow .prodetail {
           background-color: #fff;padding: 0 30px;
        }
        #proshow  .prodetail .panel{
            font-size: 20px;color: #009DAC;
            font-weight: 800;
        }
        #proshow  .prodetail .con img{
            max-width: 100%;
        }
        #proshow  .prodetail .con{
            padding: 10px 0;
        }
        #prolist .lastnews .listbanner{
            position: relative;
        }
        #prolist .listbanner .msg{
            position: absolute;top: 38px;
            right: 149px;
        }
        #prolist .listbanner .msg p{
            color: #fff;font-size: 23px;margin-bottom: 30px;
        }
        #prolist .listbanner .msg .btn span:first-child{
            background-color: #fff;color: #01A7B5;
        }
        #prolist .listbanner .msg .btn span{
            border-radius: 18px;padding: 8px 18px;border: 1px solid #fff;
            color: #fff;
        }
        .catechild{
            margin-top: 5px;padding-left: 10px;
        }
        .catechild .sanji{
           padding-left: 20px;
           display: none;
           margin: 5px 0;
        }
        .catechild dd a{
            color: #827e81;
            font-size: 12px;
        }
         .catechild dd{
/*            display: flex;align-items: center;*/

        }
        .catechild .layui-icon-circle-dot{
            font-size: 2px !important;
        }
        /*首页*/
        #index .index_one{
           
            padding-top: 60px;
            padding-bottom: 20px;
        }
        #index .index_one .toptitle{
           text-align: center;margin-bottom: 40px;
           display: flex;justify-content: center;
        }
        #index .index_one .toptitle h3{
           position: relative;
           width: 200px;
        }
        #index .index_one .toptitle h3 span{
           font-size: 28px;font-weight: 800;
           z-index: 120;position: relative;
        }
        #index .index_one .toptitle h3 p{
           font-size: 55px;
            font-weight: 800;
            position: absolute;
            left: -49px;
            top: -33px;z-index: 20;color: #F2F2F2;
        }

        #index .index_one .middle{
            display: flex;justify-content: space-between;
        }
        #index .index_one .middle .prolist:hover .prolist1{
           display: block;
        }
        #index .index_one .middle .prolist{
            border: 5px solid #F2F2F2;height: 300px;width: 33%;
            margin: 0 20px;padding: 30px 0;text-align: center;
            position: relative;
        }
        #index .index_one .middle .prolist1{
            height: 100%;width: 100%;
            position: absolute;
            left: 0;top: 0;
            background:linear-gradient(92deg,#117FBB 75px,#4FB872 210px);
            display: none;
        }
        #index .index_one .middle .prolist1 h3{
            text-align: center;margin-top: 30px;color: #F5FAF9;
        }
        #index .index_one .middle .prolist1 ul{
            padding: 0 20px;text-align: left;margin-bottom: 35px;
        }
        #index .index_one .middle .prolist1 li{
            line-height: 40px;color: #F5FAF9;display: flex;
            justify-content: space-between;
        }
        #index .index_one .middle .prolist1 li a{
            color: #F5FAF9;
        }
        #index .index_one .middle .prolist1 .detail {
           height: 40px;
        }#index .index_one .middle .prolist1 .detail a{
            border: 1px solid #fff;
            padding: 5px 28px;
            color: #fff;
            border-radius: 15px;
        }
        #index .index_one .middle .prolist h3{
           margin-bottom: 10px;font-weight: 800;font-size: 20px;
        }
        #index .index_one .middle .prolist p{
           margin-bottom: 38px;color: #9B9B9B;
        }
        #index .index_one .middle .prolist .img{
           background: url('/static/assets/images/xiaoicon.png') no-repeat;
           width: 62%;height: 190px;
           margin: 0 auto;
           background-position:-30px -402px;
        }
        #index .index_one .middle .prolist:nth-child(2) .img{          
           background-position:-32px -15px;
        } 
        #index .index_one .middle .prolist:nth-child(3) .img{          
           background-position:-32px -207px;
        }
        #index .index_one .middle .prolist:nth-child(4) .img{          
           background-position:-32px -207px;
        }
        #index .index_one .bottom_btn{
             text-align: center;margin: 30px 0;
        }
        #index .index_one .bottom_btn a{
            border: 1px solid #F2F2F2;
            padding: 5px 50px;
            display: inline-block;
            color: #B0B0B0;
        }
        #index .index_two{
            background-color: #F9F9F9;
        }
        #index  .title_top{
            padding: 40px 0;
        }
        #index  .title_top h3{
            text-align: center;font-size: 28px;margin-bottom: 20px;
            font-weight: 800;
        }
        #index .index_two ul{
            display: flex;justify-content: space-between;
            padding-bottom: 30px;
        }
        #index .index_two ul li {
            width: 97%;margin: 0 10px;padding: 10px 15px;
            border: 1px solid #F9F9F9;text-align: center;
            background-color: #fff;
        }
        #index .index_two ul li img{
            width: 100%;height: 192px;
        }
        #index .index_two ul li span{
           margin: 5px 0;display: inline-block;
        }
        #index  .three_line{
           background: url('/static/assets/images/xiaoicon.png') no-repeat;
           width: 104px;height: 14px;
           margin: 0 auto;
          
           background-position:-375px  -198px;
        }
        #index .index_three{
            background: url('/static/assets/images/gaolou.jpg') no-repeat;
            height: 726px;
            background-size: cover;
        }
        #index .index_three .top-title{
            text-align: center;padding: 40px 0;
        }
        #index .index_three .top-title h3{
            color: #fff;font-size: 22px;font-weight: 800;margin-bottom: 20px;
        }
        #index .index_three .top-title p{
            color: #B7D9D6;
        }
        #index .index_three .middle{
           height: 300px;position: relative;
           width: 90%;
            background-color: #fff;
        }
        #index .index_three .middle div:first-child{
            background-color: #fff;height: 100%;padding: 20px ;
        }
        #index .index_three .middle h3{
            font-size: 23px;font-weight: 800;margin-bottom: 10px;
        }
        #index .index_three .middle p{
            color: #6C6C6C;line-height: 35px;
        }
        #index .index_three .middle button{
            background-color: #ff9b3a;padding: 5px 20px;margin-top: 20px;
            border: none;
        }
        #index .index_three .middle button a{
            color: #fff;
        }
        #index .index_three .middle .rightpic{
            position: absolute;right: -116px;
            top: 35px;
            height: 239px;
        }
        #index .index_three .middle .rightpic img{
            height: 100%;
        }
        #index .index_three .bottom_out{
            padding: 20px 50px;background-color: #fff;border: 5px solid #F2F2F2;
            margin-top: 100px;
        }
        #index .index_three .bottom_out .leftrepeat{
            background: url('/static/assets/images/xiaoicon.png') no-repeat;
            height: 118px;width: 69%;
            background-position: -312px -12px;
            display: block;
        }
        #index .index_three .center_title{
            font-size: 18px;margin-top: 20px;
            margin-bottom: 10px;
        }
        #index .index_three .center_p{
            font-size: 22px;
        }
        #index .index_three .center_p span{
           color: #01A7B5;
        }
        #index .index_three .right_button{
           display: flex;justify-content: center;align-items: center;
           background-color: #FF9B3A;padding: 6px 10px;margin-top: 30px;
           color: #FFFCF9;
           border-radius: 3px;
        }
        #index .index_three .right_button i{
            font-size: 17px;

        }
        #index .index_three .right_button img{
            height: 17px;

        }
        #index .index_four{
            background-color: #F9F9F9;
            margin-top: -91px;padding-bottom: 50px;
        }
        #index .index_four h3{
            padding-top: 100px;font-size: 23px;text-align: center;
            margin-bottom: 10px;
            font-weight: 800;
        }
        #index .index_four p{
            text-align: center;
            margin-bottom: 20px;
            color: #5E5E5E;
        }
        #index .index_four ul {
            display: flex;justify-content: center;

        }
        #index .index_four ul li{
            float: left;margin:0 10px;list-style: disc;
            color: #5E5E5E;
        }
        #index .index_four .fourimg{
           text-align: center;
        }
        #index .index_five{
            margin-bottom: 40px;
        }
        #index .index_five .toptitle{
           text-align: center;margin-bottom: 20px;
           padding-top: 40px;
        }
        #index .index_five .toptitle h3{
           position: relative;margin: 0 auto;
           width: 200px;
        }
        #index .index_five .toptitle h3 span{
           font-size: 28px;font-weight: 800;
           z-index: 120;position: relative;
        }
        #index .index_five .toptitle h3 p{
           font-size: 55px;font-weight: 800;position: absolute;
          left: 6px;
            top: -32px;z-index: 20;color: #F2F2F2;
        }
        #index .index_five .toptitle >p{
           margin-top: 20px;
        }
        #index .index_five .left{
          box-shadow: 2px 2px 3px gray;
            width: 44%;
            height: 464px;
        }
        #index .index_five .left h4 a{
            color: #01A7B5;

        }#index .index_five .left h4 a:hover{
            color: #01b7B9;

        }
        #index .index_five .left h4{
            font-size: 21px;margin-top: 20px;
            margin-bottom: 5px;
            padding: 0 20px;
        }
        #index .index_five .left span{
            display: inline-block;
            margin-bottom: 15px;
            padding: 0 20px;

        }
        #index .index_five .left p{
            color: #898989;
            padding: 0 20px;
            
        }
        #index .index_five .left img{
            width: 100%;
        }
        #index .index_five .right{
            width: 55%;
        }
        #index .index_five .right >div:first-child{
          
            margin-top: 0;
        }
        #index .index_five .right >div:last-child{
          
            margin-bottom: 0;
        }
        #index .index_five .right >div{
          border: 1px solid #01A7B5;height: 130px;
          margin:10px 0;height: 106px;
        }
        #index .index_five .newscon{
            display: flex;justify-content: space-between;

        }
        #index .index_five .first{
            padding: 20px;

        }
        #index .index_five .first h4{
            margin-bottom: 10px;
            font-size: 18px;
        }
        #index .index_five .first h4 a{
            color: #01A7B5;
           
        }
        #index .index_five .first h4 a:hover{
            color: #01c7B9;
           
        }
        #index .index_five .first div{
            
            margin-bottom: 10px;

        }
        #index .index_six{
            background-color: #F9F9F9;
        }
        #index .index_six ul{
            display: flex;justify-content: space-between;
            padding-bottom: 30px;
        }
        #index .index_six ul li {
            width: 97%;margin: 0 10px;padding: 10px 15px;
            border: 1px solid #F9F9F9;text-align: center;
            background-color: #fff;
            height: 324px;
            display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
        }
        
       #index .index_six ul li:nth-child(2) img{
            height: 305px;
        } 
        #index .index_six ul li:nth-child(3) img{
            height: 305px;
        }
        
        #index .index_six ul li img{
            width: 100%;
/*            height: 294px;*/
        }
        
        #index .index_six ul li span{
           margin: 10px 0;display: inline-block;
        }
        .chamore{
            text-align: center;height: 54px;
        }
         .chamore a:hover{
            color: #4Fa1bc;
        }
        .chamore{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .chamore a{
            border: 1px solid #4FC1CA;
            padding: 5px 30px;
            border-radius: 22px;
            color: #4FC1CA;
        }
    /*底部 footer*/
    #gotop{
        position: fixed;
        bottom:30%;
        right:0;
        cursor: pointer;z-index: 10;
        
    }
    
        .leftmsg li span{
            background: url('/static/assets/images/xiaoicon.png') no-repeat;
            background-position: -331px -157px;
            width: 30px;height: 30px;
            display: inline-block;
        }
        .leftmsg .dianhua span{
            background-position: -373px -157px;

        }.leftmsg .msg span{
            background-position: -418px -157px;
        }.leftmsg .weixin span{
            background-position: -460px -157px;
        }.leftmsg .top span{
            background-position: -505px -157px;
        }
        .leftmsg li{
            background-color: #808080;border-radius: 5px;width: 50px;height: 50px;margin:5px 0;
            padding: 10px;
            text-align: center;
        }
        .leftmsg li:hover{
            background-color: #01A7B5;
        }
        .leftmsg li p{
            font-size: 12px;color: #fff;
           
        }
        .leftmsg li .showhua p:first-child{
             padding-top: 10px;color: #000;font-size: 15px;
            font-weight: 800;
           
        }
        .leftmsg li .showhua p:last-child{
            color: #01A7B5;
           font-size: 18px;
        }
        .leftmsg .showhua{
            display: none;
        }
        .leftmsg .dianhua:hover .showhua{
            /*display: flex;align-items: center;*/
            position: absolute;
            right: 80px;
            top: 0;
            background-color: #efefef;
            padding: 5px 10px;
            border-radius: 5px;
            height: 89%;
            color: #fff;
            display: block;
            width: 135px;
        }
        .leftmsg .dianhua{
            position: relative;
        }
        .leftmsg .weixin{
            position: relative;
        }
        .leftmsg .weixin img{
            height: 100px;
        }
        .leftmsg .weixin:hover .showhua{
            display: block;
            position: absolute;right: 86px;
            top: 0;
            background-color: gray;
            padding: 5px;
            border-radius: 5px;
        }