.xg1 a:hover{
    color:#28846c
}
/*.xg2 img{
    transition: transform 0.5s;
}
.xg2 img:hover{
    transform: scale(1.1);
}*/
.xg2 li .cname{
    color: black !important;
}
.xg2 li:hover .cname{
    font-weight: bold;
}
/*.xg2 li .intro{
    color: black;
}*/

/*
.xg2 li{
    opacity: 0;
}
*/

.xg2 li:nth-child(1){
    animation-duration: 1s;
    animation-delay: 0.5s;
}
.xg2 li:nth-child(2){
    animation-duration: 1s;
    animation-delay: 0.7s;
}
.xg2 li:nth-child(3){
    animation-duration: 1s;
    animation-delay: 0.9s;
}
.xg2 li:nth-child(4){
    animation-duration: 1s;
    animation-delay: 1.1s;
}
.xg2 li:nth-child(5){
    animation-duration: 1s;
    animation-delay: 1.2s;
}
.xg2 li:nth-child(6){
    animation-duration: 1s;
    animation-delay: 1.3s;
}

.xg2 li:nth-child(7){
    animation-duration: 1s;
    animation-delay: 1.4s;
}

.xg2 li:nth-child(8){
    animation-duration: 1s;
    animation-delay: 1.5s;
}

.xg2 li:nth-child(9){
    animation-duration: 1s;
    animation-delay: 1.6s;
}

.xg2 li:nth-child(10){
    animation-duration: 1s;
    animation-delay: 1.7s;
}

.xg2 li:nth-child(11){
    animation-duration: 1s;
    animation-delay: 1.8s;
}








.xg3 li{
    border: none !important;
    transition: all 0.5s;
    box-shadow: 2px 2px 2px rgba(211, 211, 211, 0.47);
  /*  transform: translateY(0px);*/
}
.xg3 li:hover{
    box-shadow: 6px 6px 6px rgba(211, 211, 211, 0.3);
    /*transform: translateY(-3px);*/
}

.xg3 .img{
    overflow: hidden;
}
.xg3 img{
    transition: all 0.5s;
    /*transform: scale(0);*/
}

.xg3 li:hover img{
    transform: scale(1.15);
}
.xg3 li .tit{
    transition: all 0.5s;
/*    font-weight: normal;*/
}
.xg3 li:hover .tit{
    color: #28846c !important;
/*    font-weight: bold;*/
}

.xg3 li{
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    opacity: 0;
}




.xg4 .main_con_img img{
    transition: all 0.5s;
}
.xg4 .main_con_img img:hover{

    transform: scale(1.15);
}
.xg4 .detail{
    transition: all 0.5s;
}
.xg4 .detail:hover{
    font-weight: bold;
}
.xg5 .first-nav-btn{
    transition: all 0.5s;
    transform: translateX(0px);
}
.xg5 li:hover .first-nav-btn{
    transform: translateX(5px);
}
.xg6 .hot-keys li a{
    transition: all 0.5s;
    border: 1px solid rgba(40, 132, 108, 0.2);
  /*  box-shadow: 1px 1px 1px rgba(211, 211, 211, 0.3);*/
    border-radius: 2px;
}

.xg6 .hot-keys li a:hover{
    background: #28846c;
    color: white ;
    box-shadow: 2px 2px 5px rgba(211, 211, 211, 0.3);
}

.xg7{
    overflow: hidden;
}
.xg7 img{
    transform: scale(1);
    transition: all 0.5s;
}
.xg7:hover img{
    transform: scale(1.3);
}
.xg8 li{
    box-shadow: 0 0 0 #d6d6d6;
    transform: translateY(0);
    margin-top: 5px;
}
.xg8 li:hover{
    border: 1px solid #eeeeee;
    box-shadow: 4px 4px 15px #d6d6d6;
    transform: translateY(-5px);

}
.xg8 li:hover a{
    color: #28846c;
}

.xg9 .main-img img{
    transition: all 0.5s;
    transform:scale(1);
}
.xg9 .main-img img:hover{
    transform:scale(1.1);
}

.xypg-left-box:nth-child(1){
    animation-duration: 1.5s;
    animation-delay: 0.5s;
}
.xypg-left-box:nth-child(2){
    animation-duration: 1.5s;
    animation-delay: 0.7s;
    display:none;
}
.xypg-left-box:nth-child(3){
    animation-duration: 1.5s;
    animation-delay: 0.9s;
    display:none;
}
.xypg-left-box:nth-child(4){
    animation-duration: 1.5s;
    animation-delay: 1.1s;
}
.page-message-img{
    animation-duration: 1.5s;
    animation-delay: 1.3s;
}
.xypg-right-content{
    animation-duration: 1.5s;
}
.latest-news li a{
    transform: scale(1);
    transition: all 0.1s;
}
.latest-news li a:hover{
    transform: scale(1.05);
}
.logo{
    height: 100px;
    line-height: 100px;
}
.logo img{
    transform: translateY(-7px);
}
.x-menu>li{
    line-height: 100px;
}


.owl-dot{
    background: rgba(0, 0, 0, 0.41) !important;
}
.owl-dot.active{
    background: black !important;
}