.bg{width:100%;

    margin: 56px auto auto auto;

    overflow: hidden;


}

.bg img{width: 100%;}

.coa{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.coali{width: 96%;

      margin: 3rem 2% 3rem 2%;

      overflow: hidden;

}

.coatitle img{width: 60%;}

.coadowm{width: 100%;

        margin: 2rem auto auto auto;

        overflow: hidden;

}


.hdcase{width: 100%;

    margin: auto auto auto auto;

    overflow-y: hidden;

    overflow-x: auto;

    height: 50px;

    border-bottom: #e6e6e6 solid 1px;

}

.hdcase::-webkit-scrollbar {height: 2px;  }

.hdcase::-webkit-scrollbar-track {background: #e6e6e6; }

.hdcase::-webkit-scrollbar-thumb {background: #3b88eb;}

.hdcase ul{ margin: 0px 0px 0px 0px;

            padding: 0px;

            list-style: none;

            height: 50px;

            

}

.hdcase ul li{height: 50px;

            float: left;

            margin: auto auto auto auto;

            color: #000000;

            cursor: pointer;

            box-sizing: border-box;

            font-size: 16px;

            padding-top: 10px;

            padding-left: 15px;

            padding-right: 15px;

}

.hdcase ul .on{border-bottom: #3f86e7 solid 1px; color: #3f86e7;}


.bdcase{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.bdcase ul{width: 100%;

        margin: 0px 0px 0px 0px;

        padding: 0px;

        list-style: none;

}

.bdcase ul li{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;
}


.coadowms{width: 100%;

    margin: 3rem auto auto auto;

    overflow: hidden;

}

.coadleft{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    text-align: left;

}

.coadlo{width: 90%;

  margin: auto 5% auto 5%;

  overflow: hidden;

  font-size: 20px;

}

.coadll{width: 25%;

  margin: 15px auto 15px 5%;

  overflow: hidden;

  border-bottom: #3f86e7 solid 1px;

}

.coadld{width: 90%;

  margin:  auto 5% auto 5%;

  overflow: hidden;

  font-size: 16px;

  line-height: 28px;

}

.coadld p{margin: auto auto 10px auto;}


.coadright{width: 100%;

      margin: 2rem auto auto auto;

      overflow: hidden;

}

.coadright img{width: 96%;

         margin: auto 2% auto 2%;

         border: 0px;

}

.cob{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-color: #3f86e7;

}

.cobli{width: 96%;

      margin: auto 2% auto 2%;

      overflow: hidden;

}

.coblist{width: 33%;

        margin: auto auto auto auto;

        overflow: hidden;

        box-sizing: border-box;

        float: left;

        color: #ffffff;

}

.coblist:nth-child(2){border-left: #ffffff solid 1px; border-right: #ffffff solid 1px;}

.cobtitle{width: 100%;

        margin: 2rem auto auto auto;

        overflow: hidden;

        font-size: 20px;

}

.cobtext{width: 100%;

       margin: 1rem auto 2rem auto;

       overflow: hidden;

       font-size: 14px;

}

.cos{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.cosli{width: 96%;

      margin: 4rem 2% 4rem 2%;

      overflow: hidden;

}

.costitle{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

}

.costitle img{width: 60%;}

.cosdowm{width: 100%;

        margin: 2rem auto auto auto;

        overflow: hidden;

}

.cosleft{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

}

.cosleft img{width: 96%;

    margin: auto 2% auto 2%;

}

.cosright{width:100%;

         margin: 2rem auto auto auto;

         overflow: hidden;

         background-color: #f5f5f5;

         border-top-right-radius: 15px;

         border-bottom-right-radius: 15px;

}

.cosri{width: 100%;

      margin: 4rem auto auto auto;

      overflow: hidden;

}

.cosri img{width: 86px;

          height: 72px;

}

.cosrt{width: 80%;

       margin: 2rem 10% auto 10%;

       overflow: hidden;

       font-size: 16px;

       line-height: 28px;

       text-align: center;

}

.cosra{width: 100%;

      margin: 2rem auto 2rem auto;

      overflow: hidden;

}

.cosra img{width: 160px;

          height: 46px;


}

.coc{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.cocli{width: 96%;

      margin: auto 2% 4rem 2%;

      overflow: hidden;

}

.coctitle{width: 100%;

         margin: auto auto auto auto;

         overflow: hidden;

}

.coctitle img{width: 60%;}

.cocdowm{width: 100%;

        margin: 2rem auto auto auto;

        overflow: hidden;

}

.gallery-item{width: 50%;

   margin: 2rem auto auto auto;

   float: left;

} 

.gallery-item img{width: 96%;

margin: 1rem 2% 1rem 2%;

cursor: pointer;

}

.cor{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-color: #3f86e7;

}

.corli{width: 100%;

      margin: auto auto auto auto;

      overflow: hidden;

}

.corlist{width: 50%;

        margin: auto auto auto auto;

        overflow: hidden;

        float: left;

        box-sizing: border-box;

}

.corlist:nth-child(1){border-bottom: #ffffff solid 1px;}

.corlist:nth-child(2){border-bottom: #ffffff solid 1px; border-left: #ffffff solid 1px;}

.corlist:nth-child(4){border-left: #ffffff solid 1px;}

.corimg{width: 100%;

       margin: 2rem auto auto auto;

       overflow: hidden;

       text-align: center;

}

.cortext{width: 100%;

       margin: 2rem auto 2rem auto;

       overflow: hidden;

       text-align: center;

       font-size: 18px;

       color: #ffffff;

}

.col{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-color: #f5f5f5;

}

.colli{width: 96%;

      margin: 4rem 2% 4rem 2%;

      overflow: hidden;

}

.colleft{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

}

.colleft img{width: 96%;

             margin: auto 2% auto 2%;

}

.colright{width: 100%;

         margin: auto auto auto auto;

         overflow: hidden;

         text-align: left;

}

.colrt{width: 96%;

      margin: 2rem 2% auto 2%;

      overflow: hidden;

}

.colrt img{width: 60%;}

.colrp{width: 96%;

       margin: auto 2% auto 2%;

       overflow: hidden;

}

.colrp p:nth-child(1){margin: 2rem auto 2rem auto;

                     font-size: 20px;

}

.colrp p{margin: auto auto 1rem auto;

           font-size: 16px;

}