.bg{width:100%;

    margin: 56px auto auto auto;

    overflow: hidden;


}

.bg img{width: 100%;}

.coas{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.coasli{width: 96%;

    margin: 4rem 2% auto 2%;

    overflow: hidden;

    position: relative;

}

.coaleft{width: 100%;

    margin: auto auto auto auto;

    overflow-y: hidden;

    overflow-x: auto;

}

.hdcase::-webkit-scrollbar {height: 2px;  }

.hdcase::-webkit-scrollbar-track {background: #e6e6e6; }

.hdcase::-webkit-scrollbar-thumb {background: #3b88eb;}

.coaleft ul{margin: 0px;

        padding: 0px;

        list-style: none;

        background-color: #f5f5f5;

        text-align: center;

}

.coaleft ul li{padding-left: 10px;padding-right: 10px;float: left;

            cursor: pointer;
            
            height: 58px;

            font-size: 14px;

}

.conavh{background-color: #3f86e7 !important; color: #ffffff !important;}

.coalimg{width: 35px;

    margin: auto auto auto auto;

    overflow: hidden;

    float: left;

    height: 58px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 25px;

}


.coaltitle{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

            height: 58px;

            padding-top: 20px;

            box-sizing: border-box;

            text-align: left;

}

.coalimg1{background-image: url('/public/static/Image/coalimg1.png');}
.coalimg2{background-image: url('/public/static/Image/coalimg2.png');}
.coalimg3{background-image: url('/public/static/Image/coalimg3.png');}
.coalimg4{background-image: url('/public/static/Image/coalimg4.png');}
.coalimg5{background-image: url('/public/static/Image/coalimg5.png');}

.conavh .coalimg1{background-image: url('/public/static/Image/coalimg1s.png');}
.conavh .coalimg2{background-image: url('/public/static/Image/coalimg2s.png');}
.conavh .coalimg3{background-image: url('/public/static/Image/coalimg3s.png');}
.conavh .coalimg4{background-image: url('/public/static/Image/coalimg4s.png');}
.conavh .coalimg5{background-image: url('/public/static/Image/coalimg5s.png');}

.coacenter{width: 100%;

    margin: 2rem auto auto auto;

    overflow: hidden;

}

.colist{width: 100%;

 margin: auto auto 2rem auto;

 overflow: hidden;

 background-color: #f5f5f5;

 border-radius: 15px;

}

.coleft{width: 96%;

 margin: 2rem 2% 2rem 2%;

 overflow: hidden;

}

.coleft img{width: 100%;

 border: 0px;

}

.coright{width: 100%;

 margin: 2rem auto auto auto;

 overflow: hidden;

 text-align: left;

}


.cortitle{width: 96%;

 margin: auto 2% auto 2%;

 overflow: hidden;

 font-size: 20px;

 color: #3f86e7;

}

.cortitle a{font-size: 20px;

     color: #3f86e7;

}

.cortext{width: 96%;

 margin: 1rem 2% 2rem 2%;

 overflow: hidden;

 font-size: 16px;

 line-height: 28px;

}

.cortext a{font-size: 16px; color: #9b9b9b;}



.coaright{width: 100%;

    margin: 3rem auto auto auto;

    overflow: hidden;

}

.coatag{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-color: #f5f5f5;

}

.coatagt{width: 96%;

    text-align: left;
    
    margin: 2rem 2% 2rem 2%;

    overflow: hidden;

    font-size: 20px;

}

.coatagd{width: 96%;

    text-align: left;
    
    margin: 2rem 2% 2rem 2%;

    overflow: hidden;

}

.coatagd a{font-size: 16px;

    color: #999999;

    line-height: 26px;

    border-right: #999999 solid 1px;

    padding-right: 5px;

    padding-left: 5px;

}

.coatagd a:nth-child(1){padding-left: 0px !important;}

.coatagd a:nth-last-child(1){border: 0px !important;}

.coamost{width: 100%;

    margin: 2rem auto auto auto;

    overflow: hidden;

    background-color: #f5f5f5;

}

.coamostt{width: 96%;

    text-align: left;
    
    margin: 2rem 2% 2rem 2%;

    overflow: hidden;

    font-size: 20px;

}

.coamostd{width: 96%;

     text-align: left;
    
     margin: 2rem 2% 2rem 2%;

     overflow: hidden;

}

.Rightli{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px dashed #dee2e6;

}


.Rightimg{width: 30px;

    height: 30px;

    margin: auto auto auto auto;

    overflow: hidden;

    float: left;

}

.Rightimg img{height: 30px; width: 30px;

border: 0px;
}

.Rightimgt{text-align: left;

      margin: auto auto auto auto;

      float: left;

      overflow: hidden;

      font-family: "webfontm";

}

.Rightimgt a{line-height: 24px; font-weight: bold;}

.Rightimgi{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    text-align: left;



}

.Rightimgi img{height:15px;
    
               width: 15px;

               border: 0px;
               
               margin-right: 10px;
}



.page{width: 100%;

    margin: 2rem auto 2rem auto;

    overflow: hidden;

}

.page ul{margin: auto auto auto ;

    padding: 0px 0px 0px 0px;

    overflow: hidden;

    list-style: none;

    width: 100%;

}

.page ul li{width: 18%;

        margin: auto 1% auto 1%;

        float: left;

}

.page ul li a{width: 100%;

          height: 32px;

          display: block;

          border-radius: 5px;

          border: #3f86e7 solid 1px;

          color: #3f86e7;

          padding-top: 4px;

          box-sizing: border-box;

}

.page ul li a:hover{background-color: #3f86e7;

                color: #ffffff;

}