@charset "utf-8";
/* CSS Document */


.banner { width: 100%;height: 738px; position: relative;overflow: hidden; }
.banner .bd {width: 2560px;height: 738px;position: absolute;left: 50%;margin-left: -1280px;overflow: hidden;}
.banner .bd ul li {width: 100%;height: 738px;position: relative;}
.banner .bd ul li a { width: 2560px; height: 100%; display: block;}
.banner .bd ul li .ban {width: 100%;height: 100%;object-fit: cover;}
.banner .hd { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px;z-index: 7;}
.banner .hd li {width: 11px;height: 11px;background-color: rgba(255, 255, 255, 0.3); border-radius: 11px; display: inline-block;font-size: 0;margin: 0 9px;cursor: pointer;}
.banner .hd li.on { background-color: rgba(255, 255, 255, 1);}
.banner .next {width: 52px; height: 52px; display: block;position: absolute; right: 10%;top: 50%;cursor: pointer;display: none}
.banner .prev { width: 52px; height: 52px; display: block; position: absolute;left: 10%;top: 50%; cursor: pointer; display: none;}
.center{width: 1400px ; margin: 0 auto;}
.newsbg{width: 100% ; overflow: hidden;}
.news-box{width: 100%; padding: 75px 0; overflow: hidden;}
.news-box .lt{width: 488px; height: 471px; float: left;}
.news-box .ct{width: 490px; height: 471px; float: left;margin: 0 0 0 35px; overflow: hidden;}
.news-box .rt{width: 348px; height: 471px; float: right; position: relative;overflow: hidden;}

.focbox{width: 100% ; height: 471px; background-color: #f6f6f6;position: relative; overflow: hidden;}
.focbox .bd{width: 100% ; height: 471px; }
.focbox .bd li{width: 488px; height: 471px;}
.focbox .bd li a{width: 100% ; height: 100%; display: block; position: relative;}
.focbox .bd li a .imgbox{width: 100% ; height:385px;overflow: hidden;}

.focbox .bd li a .imgbox img{width: 100% ; height:385px; object-fit: cover;transition: all 1s;}
.focbox .bd li a h5{width: calc(100% - 30px); height: 79px; line-height: 79px; padding: 0 15px; text-align: center; white-space: nowrap;text-overflow: ellipsis;font-size: 18px; color: #2e2e2e; overflow: hidden;}
.focbox .hd { width: 100%; text-align: center; position: absolute; right: 15px; bottom: 105px;z-index: 7;}
.focbox .hd li {width: 9px;height: 9px;background-color: rgba(255, 255, 255, 0.3); border-radius: 9px; display: inline-block;font-size: 0;margin: 0 7px;cursor: pointer;}
.focbox .hd li.on {background-color: rgba(255, 255, 255, 1);}
.focbox .bd li:hover a .imgbox img{transform: scale(1.1);}


.news-box .ct .titl{ width: 100%; height: 47px; border-bottom: 1px solid #d6d6d6;position: relative;}
.news-box .ct .titl .bxui-mr{float: left; font-size: 20px ; line-height: 20px; color: #555; cursor: pointer;}
.news-box .ct .titl .bxui-mr i{float: right;width: 1px; height: 18px; background-color: #e1e1e1;margin: 0 17px;position: relative;top: 2px;}
.news-box .ct .titl .a{font-size: 16px; color: #999998; position: absolute; right: 0;top: 0;}
.news-box .ct .titl .a:hover{color: #933e73;}
.news-box .ct .titl .bxui-mr.on{color: #8b3061;}
.news-box .ct .titl .zs{ background-color: #fff; font-size: 14px; color: #7e2863;font-family: 'Arial'; text-transform: uppercase; position: absolute; left: 0;bottom: -7px;padding: 0 15px 0 0;}
.xwbox{width: 100%;padding: 7px 0 0 0;}
.xwbox ul{width: 100%;}
.xwbox ul li{width: 100%;}
.xwbox ul li a{width: 100%; display: block; border-bottom: 1px dashed #dedede;overflow: hidden;}
.xwbox ul li a h3{width: 400px;height: 72px; line-height: 72px; font-size: 16px ; color: #555; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xwbox ul li a h5{width: 40px;height: 72px; line-height: 72px; font-size: 14px ; color: #999;font-family: 'Arial';  float: right;text-align: right; overflow: hidden;}
.xwbox ul li a:hover h3{color: #7f2964;} 
.xwbox ul li a:hover h5{color: #555;} 
.news-box .rt .bg{width: 100%;}
.news-box .rt .zhe{width: 282px;text-align: center; position: absolute; left: 33px;bottom: 0;}
.news-box .rt .zhe .sq{width: 100% ; text-align: center;}
.news-box .rt .zhe .sq h3{ font-size: 20px ;line-height: 20px; color: #a87137; padding: 0 0 16px 0; position: relative;}
.news-box .rt .zhe .sq h3 i{width: 31px ; height: 1px ; background-color: #bb9c79; display: block ; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}
.news-box .rt .zhe .ms{width: 100% ; line-height: 30px; border-bottom: 1px solid #f2e7db;font-size: 14px; color: #a87137; padding: 13px 0 22px 0; margin-bottom: 25px;}
.news-box .rt .zhe a{ width: 103px ; height: 39px; line-height: 39px; text-align: center; background-color: #bb9c79; font-size: 14px ; color: #fff;display: inline-block;border-radius: 39px; margin-bottom: 6px;}
/* .news-box .rt .zhe a:hover{font-weight: bold;} */

.lifebg{width: 100% ; height: 765px ; background: url(../images/bg1.jpg) no-repeat center center; overflow: hidden;}
.lifebg .center{padding: 80px 0 0 0;}
.lifebg .btbox{width: 100% ;text-align: center; border-bottom: 1px solid #dfd0db;}
.lifebg .btbox .tit{display: inline-block;}
.lifebg .btbox .tit h3{ line-height: 24px; font-size: 24px ; color: #2e2e2e; margin-bottom: 12px;}
.lifebg .btbox .tit h4{background-color: #f9f9f9; padding: 0 29px; line-height: 14px; font-size: 14px ; color: #802a65; text-transform: uppercase; position: relative; top: 7px;}

.lifelist{width: 100%; height: 490px; padding: 62px 0 0 0; overflow: hidden;}
.lifelist .bd{width: 1215px;margin: 0 auto; overflow: hidden;}
.lifelist .bd ul{width: 1300px;}
.lifelist .bd ul li{width: 388px ;float: left; margin: 0 20px 50px 0;}
.lifelist .bd ul li a{width: calc(100% - 96px); padding: 0 48px;display: block; text-align: center;}
.lifelist .bd ul li a .imgbox{width: 188px; height: 188px; margin-bottom: 18px;display: inline-block;position: relative; overflow: hidden; }
.lifelist .bd ul li a .imgbox .cai{width: 164px; height: 164px; border: solid 2px #974c7f; border-radius: 164px;margin: 10px 0 0 10px;position: relative;z-index: 2; overflow: hidden;}
.lifelist .bd ul li a .imgbox .cai img{width: 100%; height: 100%; object-fit: cover;}


.lifelist .bd ul li a h3{ width: 100%; height: 20px; line-height: 20px ; font-size: 18px; color: #2e2e2e;margin-bottom: 17px; overflow: hidden;}
.lifelist .bd ul li a h4{ width: 100%; height: 16px; line-height: 16px ; font-size: 14px; color: #999;margin-bottom: 17px;text-transform: uppercase; overflow: hidden;}
.lifelist .bd ul li a i{width: 58px; height: 1px ; background-color: #964b72; display: inline-block;margin-bottom: 20px;}
.lifelist .bd ul li a p{width: 100% ;max-height: 108px; height: 108px; line-height: 36px; font-size: 16px ; color: #2e2e2e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: 20px; overflow: hidden;}
.lifelist .bd ul li a .more{width: 101px ; height: 37px; line-height: 37px ; text-align: center; border: solid 1px #902a61; font-size: 14px; color: #902a61; text-transform: uppercase; display: inline-block; border-radius: 37px;}
.lifelist .bd ul li a .more:hover{ background-color: #902a61; color: #fff;}
.lifelist .hd{display: none;}


.news-video{ width: 100% ; padding: 60px 0 95px 0; background-color: #fff;  overflow: hidden;}
.news-video .vl{width: 921px ; float: left;}
.news-video .vr{width: 406px ; float: right;}

.news-video  .titl{ width: 100%; height: 47px; border-bottom: 1px solid #d6d6d6; position: relative; margin-bottom: 46px;}
.news-video .titl .bxui-mr{float: left; font-size: 24px ; line-height: 24px; color: #2e2e2e; cursor: pointer;}
.news-video .titl .bxui-mr i{float: right;width: 1px; height: 18px; background-color: #e1e1e1;margin: 0 17px;position: relative;top: 2px;}
.news-video .titl .a{font-size: 16px; color: #999998; position: absolute; right: 0;top: 0;}
.news-video .titl .a:hover{color: #933e73;}
.news-video .titl .bxui-mr.on{color: #8b3061;}
.news-video .titl .zs{ background-color: #fff; font-size: 14px; color: #7e2863;font-family: 'Arial'; text-transform: uppercase; position: absolute; left: 0;bottom: -7px;padding: 0 15px 0 0;}

.video-box{width: 921px ; height: 484px; background-color: #000; overflow: hidden;}
.video-box .myvid{width: 100% ; height: 484px; cursor: pointer; overflow: hidden;}
.xiaz{width: 100%; height: 490px; overflow: hidden;}
.xiaz ul li{width: 100%;margin-bottom: 31px; }
.xiaz ul li a{width: 100%;  display: block; position: relative;}
.xiaz ul li a img{width: 100%; height: 140px;}
.xiaz ul li a .zhe{position: absolute;height: 140px; display: flex; flex-direction: column;  justify-content: center; left: 44px; top: 0;}
.xiaz ul li a .zhe h5{line-height: 18px; font-size: 18px; color: #fff;}
.xiaz ul li a .zhe h6{line-height: 14px; font-size: 14px; color: rgba(255, 255, 255, 0.52); margin-top: 17px;}
/* .xiaz ul li a .zhe h6:hover{font-weight: bold;} */




@keyframes warn1 {
    0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    /* opacity: 0.0; */
    }
    25% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    /* opacity: 0.1; */
    }
    50% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    /* opacity: 0.3; */
    }
    75% {
    transform: scale(1);
    -webkit-transform: scale(1);
    /* opacity: 0.5; */
    }
    100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    /* opacity: 0.0; */
    }
}

/* 产生动画（向外扩散变大）的圆圈*/
.pulse {
    position: absolute;
    width: 164px;
    height: 164px;
    left: 10px;
    top: 10px;
    border: 1px solid #cfaac5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    /* opacity: 0; */
    animation: warn1 2s linear 0.5s infinite;
    box-shadow: 1px 1px 2px #cfaac5; /* 阴影效果 */
}