@font-face {
    font-family: SourceHanSans;
    src:url('SourceHanSansCN-Regular.ttf')
}
@font-face {
    font-family: PingFang1;
    src:url('PingFang SC Regular.ttf')
}
@font-face {
    font-family: ArialMT;
    src:url('ArialMT.ttf')
}
body{
    font-family: SourceHanSans;
}
.ico.active i:nth-child(1) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
}
.ico.active i:nth-child(2) {
    opacity: 0;
}
.ico.active i:nth-child(3) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}
.ico {
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 999999999;
    cursor: pointer;
    display: none;
}
.ico i {
    height: 2px;
    width: 90%;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    position: absolute;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ico i:nth-child(1) {
    top: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
.ico i:nth-child(2) {
    top: 14px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
.ico i:nth-child(3) {
    top: 26px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}
.add{
    position: relative;
    overflow: hidden;
    transform: translate3d(0,0,0);
    transition:background 0s;
    color: #333;
}
.add:after{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0,0,0);
    transition: transform .3s;
    background: rgba(132, 26, 33, 1);
    content: '';
    z-index: -1;
    transition-delay: 0s;
}
.add:before{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0,0,0);
    transition: transform .3s;
    background: rgba(132, 26, 33, 1);
    content: '';
    z-index: -1;
    opacity: .5;
    transition-delay: .175s;
}
header.active .ico i{
    background-color: #333;
}
header{
    position: fixed;
    top:0;
    left: 0;
    z-index:99;
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
header.active{
    box-shadow: 0 5px 8px 0 rgba(10, 2, 4, 0.05);
    background-color: #fff;
}
header .navbar-left img:last-child{
    display: none;
}
header.active .navbar-left img:last-child{
    display: inline-block;
}
header.active .navbar-left img:first-child{
    display: none;
}
header.active .navbar-right li a{
    color: #333333;
}
header.active .navbar-right .search input{
    background-color: rgba(221, 221, 221, 0.8);
}
header.active .navbar-right .en_cn a{
    background-color: rgba(221, 221, 221, 0.8);
    color: #333333;
}
header.active .navbar-right li a.active{
    color: #bfa160
}
header .navbar-right{
    margin-right: 0;
    display: block;
}
header .wid100{
    overflow: inherit;
}
header .navbar-right li{
    display: inline-block;
    padding: 0 20px;
    position: relative;
}
header .navbar-right li a{
    color: #ffffff;
    font-size: 16px;
}
header .navbar-right ul{
    display: inline-block;
}
header .navbar-right .search,
header .navbar-right .en_cn{
    display: inline-block;
    position: relative;
    color: #333333;
    font-size: 14px;
    margin-left: 20px;
    height: 28px;
    line-height: 28px;
}
header .navbar-right .en_cn{
    display: none
}
header .navbar-right .search input{
    width: 210px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 14px;
    opacity: 0.8;
    border: none;
    padding: 0 10px;
}
header .navbar-right .search i{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
}
header .navbar-right .en_cn a{
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
}
.page0 .font48{
    letter-spacing: 5px;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 4px;
    border: solid 1px #ffffff;
    display: inline-block;
}
.page0 .font18{
    color: #ffffff;
    margin-top: 25px;
}
.page0 .cont{
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
}
#banner{


}
#banner .swiper-slide{

}
#banner .swiper-slide a{
    display: block;
    padding: 40px 20px 40px 80px;
}
#banner .swiper-slide img{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
}

@keyframes dabi{
    0% {
        transform:translateY(-50%) rotate(0deg) scale(1.1);
        -webkit-transform:translateY(-50%) rotate(0deg)  scale(1.1);
    }
    30%{
        transform:translateY(-50%) rotate(30deg)  scale(1.1);
        -webkit-transform:translateY(-50%) rotate(30deg)  scale(1.1);
    }
    60%{
        transform:translateY(-50%) rotate(0deg)  scale(1);
        -webkit-transform:translateY(-50%) rotate(0deg)  scale(1);
    }
    80%{
        transform:translateY(-50%) rotate(-30deg)  scale(1.1);
        -webkit-transform:translateY(-50%) rotate(-30deg)  scale(1.1);
    }
    100%{
        transform:translateY(-50%) rotate(0deg)  scale(1);
        -webkit-transform:translateY(-50%) rotate(0deg)  scale(1);
    }
}
#banner .swiper-slide .font28{
    letter-spacing: 2px;
    color: #333333;
    margin-bottom: 10px;
}
#banner .swiper-slide .font14{
    letter-spacing: 1px;
    color: #666666;
}
.pags .fp-tableCell{
    padding-top: 100px;
}
.page0 .cont{
    margin-top: 20%;
}
.page1 .cont{
    height: 100%;
}
.page1 .cont .top{
    height: 75%;
    color: #ffffff;
    overflow: hidden;
}
.page1 .cont .bom{
    height: 25%;
    background-color: rgba(0, 0, 0, 0.36);
}
.page1 .cont .top p{
    margin: 3rem auto;
    line-height: 1.7;
}
.page1 .cont .top a{
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    padding: 10px 32px;
    position: relative;
    overflow: hidden;
}
.page1 .cont .bom li{
    width: 33.3333%;
    float: left;
    color: rgba(255, 255, 255, 0.72);
}
.gallery-thumbs{
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index:6;
}
.gallery-thumbs .swiper-slide .ani{
    display: block;
    height:100%;
    position: relative;
    z-index:2;
}
.gallery-thumbs .swiper-slide .imgg{
    height: 100%;
}
.page2 .container{
    position: relative;
    height: 65%;
}
.page2 .cont{
    position: relative;
    z-index:9;
    width: 600px;
    height: 100%;
    background-color: rgba(132, 26, 33, 0.4);
    border-radius: 0 100px 0 100px;
}
.page2 .cont .conts{
    background-color: rgba(132, 26, 33, 0.8);
    position: relative;
    top:60px;
    left: 60px;
    width: 600px;
    height: 100%;
    border-radius: 0 100px 0 100px;
    z-index:10;
}
.gallery-top{
    height: 100%;
    text-align: left;
}
.gallery-top .font48{
    color: #fff;
    margin-bottom: 4rem;
}
.gallery-top .font30{
    color: #ffffff;
    margin-bottom: 3rem;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding: 1rem 0;
    position: relative;
}
.gallery-top .font30 span{
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    margin-bottom: 5px;
}
.gallery-top p{
    color: #ffffff;
    line-height: 1.9;
    overflow:hidden; 
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    word-break: break-all;
    max-height: 90px;

}
.gallery-top .swiper-slide{
    padding: 8% 9%;
}
.page2 .cont .swiper-button-white{
    top:auto;
    margin-top: 0;
    bottom:9%;
    width: 40px;
    height: 25px;
    border-radius: 4px;
    border: solid 1px rgba(255, 255, 255, 0.8);
    color: #fff;
    background-size: 8px;
}
.page2 .cont .swiper-button-next{
    right:auto;
    left: 250px;
}
.page2 .cont .swiper-button-prev{
    left: 150px;
}
.page3 .font48{
    color: #ffffff;
    margin-bottom: 3rem;
}
.page3 .font18{
    color: #ffffff;
}
.page3 .cont{
    border-radius:10px;
    overflow: hidden;
    width: 100%;
    margin-top: 20%;
}
.page3 .cont .list.hover{
    width: 54%;
}
.page3 .cont .list{
    width: 23%;
    float: left;
    padding: 25px;
    height: 260px;
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
}
.page3 .cont .list .rt{
    width: 0;
    opacity: 0;
    padding-left: 4%;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    overflow: hidden;
}

.page3 .cont .list.hover .rt{
    width: 65%;
    display: block;
    text-align: left;
    opacity:1;

}
.contPhone{
    display: none;
    margin-top: 10%;
}
.contPhone .uls li{
    width: 33.333%;
    float: left;
    padding: 20px 15px;
}
.contPhone .uls li img{
    height: 36px;
    margin-bottom: 15px;
}
.contPhone .uls li div{
    font-size: 14px;
    color: #fff;
}
.contPhone .uls li:nth-child(3) div{
    color: #333;
}
.contPhone .uls li:nth-child(1),.contPhone .list:nth-child(1){
    background-color: rgba(132, 26, 33, 0.8);
}
.contPhone .uls li:nth-child(2),.contPhone .list:nth-child(2){
    background-color: rgba(189, 158, 106, 0.8)
}
.contPhone .uls li:nth-child(3),.contPhone .list:nth-child(3){
    background: url('../images/bg.png') no-repeat center;background-size: cover
}
.contPhone .list{
    display: none;
    padding: 10px;
}
.contPhone .list.active{
    display: block;
}
.contPhone .list li a{
    position: relative;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 13px 82px 13px 0
}
.contPhone .list li a .font16{
    letter-spacing: 1px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.contPhone .list li a span{
    letter-spacing: 1px;
    color: #999999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.contPhone .lists{
    overflow: hidden;
}
.page3 .contPhone .list:nth-child(1)  a .font16, .page3 .contPhone .list:nth-child(2)  a .font16{
    color: #fff;
}
.page3 .cont .list .lt{
    width: 100%;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.page3 .cont .list.hover .lt{
    padding: 20px;
    width: 35%;
    border-right: 1px solid #dddddd;
}
.page3 .cont .list.hover .lt .imgs{
    height: 50px;
}
.page3 .cont .list:nth-child(1),.page3 .cont .list:nth-child(2){
    color: #ffffff;
}
.page3 .cont .list:nth-child(3){
    color: #333333;
}
.page3 .cont .list .font36{
    margin-top: 20px;
    width: 100%;
}
.page3 .cont .list .rt a{
    position: relative;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 13px 82px 13px 0;
}
.page3 .cont .list .rt a .font16{
    letter-spacing: 1px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 22px;
}
.page3 .cont .list .rt a span{
    letter-spacing: 1px;
    color: #999999;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.page3 .cont .list:nth-child(1) .rt a .font16,.page3 .cont .list:nth-child(2) .rt a .font16{
    color: #fff;
}
.footer{
    background-color: #222222;
}
.footer_top{
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.footer_top .lt{
    width: 30%;
    float: left;

}
.footer_top .rt{
    width: 70%;
    float: right;
    padding-left: 10%;
    border-left:1px solid rgba(221, 221, 221, 0.5);
}
.footer_top .rt ul{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.footer_top .rt ul li .font16{
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}
.footer_top .rt ul li .font14{
    color: rgba(255, 255, 255, 0.6);
    padding: 7px 0;
    display: block;
    cursor: pointer;
}
.footer_top{
    padding: 5% 0;
}
.footer_top .lt{
    text-align: left;
}
.footer_top .lt .font16{
    color: rgba(255, 255, 255, 0.8);
    margin: 20px 0;
}
.footer_top .lt .font16 span{
    margin-left: 10px;
}
.footer_top .lt ul li a{
    background-image: none;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: solid 1px #ffffff;
    border-radius: 15px;
    padding: 0;
    color: #fff;
    margin-top: 15px;
}
.footer_top .lt ul li img{
    display: none;
    max-height: 61px
}
.footer_top .lt ul li{
    display: inline-block;
    margin-left: 20px;
    line-height: 60px;
    float: left;
}
.footer_top .lt ul li:first-child{
    margin-left: 0;
}
.footer_top .lt ul{
    margin-top: 20px;
}
.footer_top .rt li{
    text-align: left;
}
.footer_bom{
    padding: 20px;
}
.footer_bom span{
    color: rgba(255, 255, 255, 0.6);
}
.footer_bom span:nth-child(2){
    margin: 0 20px;
}
.footer_bom a{
    color: rgba(255, 255, 255, 0.6);
}
.footer_bom a:hover{
    color: #fff;
}
.page2 .cont{
    opacity: 0;
    transform: translateX(400px);
    -webkit-transform: translateX(400px);
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    position: relative;
    z-index: -1;
}
.page2.active .cont{
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    z-index:9;
}
.page3 .tile{
    opacity: 0;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    position: relative;
    z-index: -1;
}
.page3 .cont,.contPhone{
    opacity: 0;
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    position: relative;
    z-index:-1;
}
.page3.active .tile,.page3.active .cont,.page3.active .contPhone{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    z-index:1;
}
.menus {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 6%;
    top:100px;
    list-style-type: none;
    z-index: 70;
    height: calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.menus.freeProject{
    right: auto;
    left: 6%;
}
.menus #menu{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    width: 160px;
}
.menus.freeProject #menu{
    right: auto;
    left: 0;
    width: 180px;
}
.menus #menu.menusID{
    width: 180px;
}
.menus #menu.menusID li{
    padding: 5px 0px 5px 0;
}
.menus #menu.menusID li.active{
        padding: 5px 20px 5px 0;
}
.menus #menu li a{
    font-size: 18px;
    color: #fff;
    padding: 4px 20px;
    position: relative;
    display: inline-block;
    border-radius: 20px;
}
.menus #menu li.active a{
    border: solid 1px #ffffff;
}
.menus #menu li{
    position: relative;
    padding: 5px 22px 5px 0;
    text-align: right;
    margin-bottom: 10px;
}
.menus #menu li:last-child{
    display: none;
}
.menus #menu li.active{
    padding: 5px 42px 5px 0;
}
.menus.freeProject #menu li.active{
    padding: 5px 2px 5px 20px;
}
.menus #menu li:after{
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.menus.freeProject #menu li:after{
    right: auto;
    left: -5px;
}
.menus.freeProject  #menu li:last-child{
    display: block;
}
.menus.freeProject #menu li{
    text-align: left;
}
.menus #menu li.active:after{
    background: #841a21;
}
.dowebok .cont{
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0px 6px 6px 0px;
    height: 65vh;
    padding: 5% 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    align-items: center;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.dowebok .active .cont,.dowebok.freeProject .active .cont{
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.dowebok.freeProject .cont{
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
}
.dowebok .row{
    margin-right: 0;
    margin-left: 0;
}
.dowebok .row .col-md-6{
    padding: 0;
}
.dowebok .cont .lt{
    width: 130px;
    float: left;
    text-align: left;
}
.dowebok.freeProject .cont .lt img{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    margin-left: 8px;
}
.dowebok.freeProject .cont .rt{
    padding: 0 220px 0 4%
}
.dowebok .cont .lt a{
    color: #fff;
    font-size: 18px;
}
.dowebok .cont .lt a img{
    margin-right: 10px;
}
.dowebok .cont .rt{
    width: 100%;
    float: left;
    padding:0 2% 0 5%;
}
.dowebok .cont .rt .font36{
    color: #fff;
    margin-bottom: 10px;
}
.dowebok .cont .rt div.font16{
    color: #ffffff;
}
.dowebok .cont .rt .xian{
    width: 50px;
    height: 2px;
    background-color: #ffffff;
    display: inline-block;
    margin: 15px auto 20px;
}
.dowebok .cont .rt p{
    color: #ffffff;
    line-height: 30px;
    overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:6;
text-overflow:ellipsis;
  word-break: break-all;
}
.dowebok .cont .rt a{
    margin-top: 2rem;
    color: #fff;
    border-radius: 4px;
    border: solid 1px rgba(255, 255, 255, 0.8);
    padding: 8px 30px;
}
.fp-auto-height,.fp-auto-height .fp-tableCell{
    height: auto !important;
}
.html{
    margin-top: 100px;
}
.caseBanner{
    height: calc(100vh - 100px);
    position: relative;
}
.caseBanner .swiper-container{
    height: 100%;
}
.caseBanner .swiper-container .disFlCenter{
    height: 100%;
}
.caseBanner .swiper-container .font48{
    color: #fff;
    margin-bottom: 15px;
}
.caseBanner .swiper-container{
    color: #fff;
    font-size: 40px;
}
.caseBanner .swiper-pagination{
    bottom:50px;
}
.caseBanner .swiper-container .font16{
    color: #fff;
}
.caseBanner .swiper-pagination-current,.caseBanner .swiper-pagination-total{
    font-size: 40px;
    color: #ffffff;
}
.caseBanner .xiaog{
    position: absolute;
    width:100%;
    bottom:20px;
    left: 0;
    color: #fff;
    z-index:2;
    text-align: center;
}
.caseBanner .swiper-button-next{
    right: 6%;
    background-image: none;
}
.caseBanner .swiper-button-prev{
    left: 6%;
    background-image: none;
}
.case2 ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.case .cont{
    height: 780px;
}
.case .lt{
    padding: 5%;
    text-align: center;
    color: #333333;
    width: 50%;
    height: 100%;
}
.case .cont:nth-child(2n + 1) .lt,.case .cont:nth-child(2n + 1) .rt{
    float: left;
}
.case .cont:nth-child(2n) .lt,.case .cont:nth-child(2n) .rt{
    float: right;
}
.case .lt p{
    line-height: 1.8;
}
.case .rt{
    width: 50%;
    height: 100%;
}
.case .lt .font14{
    margin: 10px auto 30px;
}
.case .lt img{
    margin-bottom: 3rem;
}
.case .rt img{
    opacity: 0;
}
.case2 ul li{
    width: 50%;
    position: relative;
    overflow: hidden;
}
.case2 ul li .ctn{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #ffffff;
    text-align: center;
}
.case2 ul li .ctn .font36{
    margin: 2rem auto;
}
.case2 ul li img{
    opacity: 0;
}
.case2 ul li a{
    height: 100%;
    display: block;
}
.case2 ul li a .imgss{
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    height: 380px;
}
.investment{
    position: relative;
}

.investment img{
    width: 100%;
    opacity: 0;
}
.investment .cont{
    position: absolute;
    top:50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index:2;
    text-align: center;
}
.investment .cont .font48{
    color: #ffffff;
}
.investment .cont p{
    color: #ffffff;
    line-height: 1.8;
    margin-top: 3rem;
}
.investment .cont .container{
    padding: 0 10%;
}
.investment2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
}
.investment2 .lt{
    width: 50%;
    position: relative;
}
.investment2 .rt{
    width: 50%;
    position: relative;
}
.investment2 .rt .swiper-slide img{
    display: none;
}
.investment2 .swiper-container{
    height: 100%;
}
.investment2 .lt .swiper-slide{
    padding: 17%;
    text-align: center;
}
.investment2 .lt .swiper-slide .font36{
    color: #333333;
    margin: 3rem auto 0;
}
.investment2 .lt .swiper-slide .xian{
    width: 50px;
    height: 2px;
    background-color: #999999;
    margin: 1rem auto 2rem;
}
.investment2 .lt .swiper-slide p{
    color: #333333;
    line-height: 1.8;
}
.investment2 .swiper-button-prev{
    background-image: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #841a21;
    border-radius: 8px 0px 0px 8px;
    color: #fff;
    font-size: 30px;
    opacity: 1;
    left: -50px;
}
.investment2 .swiper-button-next{
    background-image: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fefefe;
    border-radius:0 8px 8px 0;
    color: #841a21;
    font-size: 30px;
    opacity: 1;
    right: auto;
    left: 0;
}
.contact ul{
    width: 100%;
    display: inline-block;
    margin: 2rem 0;
}
.contact ul li{
    width: 26%;
    margin-left: 4.5%;
    float: left;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #cccccc;
    padding: 2% 10px;
    position: relative;
    cursor: pointer;
}
.contact ul li.active{
    background-color: #841a21;
    border: solid 1px #841a21;
    color: #fff;
}
.contact ul li.active:after{
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #841a21;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.contact .cont{
    display: none;
    min-height: 470px;
    padding-top: 10%;
}
.contact .cont.active{
    display: block;
}
.contact .cont .font28{
    color: #ffffff;
    margin-bottom: 25px;
}
.contact .cont .font16{
    position: relative;
    padding-left: 30px;
    color: #ffff;
    margin-bottom: 15px;
}
.contact .cont .font16 img{
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.join .font36{
    text-align: center;
    color: #333333;
}
.join .xian{
    width: 65px;
    height: 3px;
    background-color: rgba(153, 153, 153, 0.5);
    margin: 17px auto 50px;
}
.join .form-group{
    width: 28.33333%;
    float: left;
    margin-left: 7.5%;
    margin-bottom: 32px;
}
.join .form-group:first-child{
    margin-left: 0;
}
.join .form-group .form-group input{
    height: 40px;
    border: solid 1px #cccccc;
    border-radius: 0;
}
.join textarea{
    border-radius: 0;
    margin-bottom: 3rem;
}
.join button{
    margin: auto;
    background: none;
    border-radius: 4px;
    border: solid 1px #cccccc;
    color: #666666;
    display: block;
}
.join{
    background: url("../images/contact9_10.png") no-repeat center;
    background-size: cover;
}
.join .form-control{
    background: none;
}
.news .top{
    text-align: center;
    margin-bottom: 3rem;
}
.news .top li{
    display: inline-block;
    border-radius: 8px;
    border: solid 1px #dddddd;
    margin: 0 2rem;
    cursor: pointer;
    overflow: hidden;
}
.news .top li a{
    padding: 14px 45px;
    color: #666666;
}
.news .top li.active a{
    background-color: #841a21;
    color: #fff;
}
.news .col-md-6{
    margin-bottom: 2rem;
    overflow: hidden;
}
.news .col-md-6 a .imgss img{
    display:none ;
}
.news .col-md-6 a{
    border: solid 1px #dddddd;
    display: block;
}
.news .col-md-6 a .imgss{
    height: 280px;
}
.news .col-md-6 a .cont{
    padding: 17px 12px;
    position: relative;
}
.news .col-md-6 a .cont .font18{
    position: relative;
    color: #333333;
    font-weight: bold;
    padding-right: 110px;
    margin-bottom: 2px;
    height: 50px;
}
.news .col-md-6 a .cont .font18 .font14{
    color: #666666;
    font-weight: 100;
    position: absolute;
    right:0;
    top: 2px;
}
.news .col-md-6 a .cont .font18 .clj{
    color: #841a21;
    display: inline-block;
    margin-left: 9px;
}
.news .col-md-6 a .cont p{
    display: none !important;
   /* color: #666666;
    margin-bottom: 2rem;
    line-height: 1.6;
    height: 50px;
    overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:2;
text-overflow:ellipsis;
  word-break: break-all;*/
}
.news .col-md-6 a .cont div.font14{
    color: #841a21;
    text-align: right;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    position: absolute;
    right: 12px;
    bottom: 20px;
}
.pages{
    text-align: center;
}
.pages a{
    padding: 5px 10px;
    color: #666666;
}
.pages a.active{
    color: #bfa160;
    border-bottom: 1px solid #bfa160;
}
.newsDetaile .title{
    text-align: center;
    margin-bottom: 3rem;
}
.newsDetaile .title .font14{
    background-color: #f5f5f5;
    padding: 15px;
    margin-top: 1rem;
}
.newsDetaile .title .font14 span{
    color: #666666;
    margin: 0 12px;
}
.newsDetaile .title .font14 span img{
    margin-right: 8px;
}
.newsDetaile .cont p{
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}
.newsDetaile .cont p img{
    margin: 10px auto;
}
.next-pver a{
    color: #666666;
}
.next-pver{
    position: relative;
    margin-top: 3rem;
}
.next-pver li{
    margin-bottom: 18px;
}
.next-pver li:last-child a{
    display: inline-block;
    color: #bfa160;
    padding: 10px 30px;
    border-radius: 4px;
    border: solid 1px #dddddd;
    position: absolute;
    right:0;
    top:2px;
}
.artCulture1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4rem 0;
    overflow: hidden;
}
.artCulture1 .lt{
    width: 50%;
}
.artCulture1 .lt .ul1{
    height: 100%;
}
.artCulture1 .lt .ul1 li{
    display: none;
    text-align: center;
    padding: 0 5%;
    height: 100%;
}
.artCulture1 .lt .ul1 li .disFlCenter{
    height: 100%;
}
.artCulture1 .lt .ul1 li .disFlCenter img{
    max-height: 480px
}
.artCulture1 .lt .ul1 li.active{
    display: block;
}
.artCulture1 .rt{
    width: 50%;
    padding: 8%;
    text-align: center;
}
.artCulture1 .rt .font48{
    color: #333333;
}
.artCulture1 .rt ul{
    margin: 5rem auto 1rem;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.artCulture1 .rt ul li{
    display: inline-block;
    width:50%;
    float: left;
    padding: 0 20px;
    margin-bottom: 2rem;
    cursor: pointer;
}
.artCulture1 .rt ul li span{
    background-color: #dddddd;
    border-radius: 0px 30px 0px 30px;
    padding: 15px 30px;
    display: block;
}
.artCulture1 .rt ul li.active span{
    background-color: #bfa160;
    color: #fff;
}
.artCulture1 .lt {
    position: relative;
    border: solid 1px #dddddd;
}
.artCulture1 .lt .dian{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom:10%;
    left: 0;
}
.artCulture1 .lt .dian span{
    width: 16px;
    height: 16px;
    border: solid 1px #bfa160;
    border-radius: 50%;
    display: inline-block;
    margin: 0 1rem;
}
.artCulture1 .lt .dian span.active{
    background: #bfa160;
}
.artCulture1 .rt .p{
     display: none;
}
.artCulture1 .rt .p p{
    color: #333333;
    line-height: 1.6;
    overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:4;
text-overflow:ellipsis;
  word-break: break-all;
  height: 100px
}
.artCulture2{
    text-align: center;
    padding: 8rem 0;
}
.artCulture2 .font32{
    color: #ffffff;
    margin-bottom: 4rem;
}
.artCulture2 a{
    display: inline-block;
    color: #fff;
    background-color: #bfa160;
    border-radius: 25px;
    padding: 10px 30px;
    line-height: 1;
}
#artCulture2 p{
    margin-top: 3rem;
}
#artCulture2 .rt p{
    display: block;
}
.down{
    position: absolute;
    background-color:rgba(0,0,0,0.6);
    padding: 30px;
    z-index:9;
    width: 720px;
    line-height: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: none;
}
.down .wid100{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    height: 100%;
}
.down .lt{
    width: 60%;
    border-right: 1px solid #fff;
    padding: 0 10% 0 6%;
}
.down .rt{
    width: 40%;
    padding: 0 5%;
}
.down .lt p{
    line-height: 1.6;
    color: rgba(255,255,255,0.9);
    margin: 2rem auto 4rem;
}
.down .lt .font24{
    color: #fff;

}
header.active .navbar-right li .down .rt a{
    color: #fff;
}
.down .rt i{
    margin-right: 8px;
}
header.active .navbar-right li .down .rt a.active{
    color: #bfa160;
}
.jion{
    background: url("../images/joinbg_02.png") no-repeat top;
    background-size: cover;
}
.jion .title{
    margin-bottom: 3rem;
    text-align: center;
    padding: 0 5%;
}
.jion .title .font48{
    color: #333333;
    margin-bottom: 6px;
}
.jion .title .font16 strong{
    color: #333333;
    display: block;
    letter-spacing: 2px;
}
.jion .title p{
    color: #333333;
    line-height: 1.9;
}
.jion li{
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: solid 1px #bfa160;
    width: 25.33333%;
    float: left;
    margin-left: 12%;
    height: 310px;
}
.jion li:first-child{
    margin-left: 0;
}
.jion li .imgs{
    position: relative;
    height: 100px;
}
.jion li .imgs .bg{
    height: 100%;
}
.jion li .imgs .bg img{
    display: none;
}
.jion li .imgs .font24{
    position: absolute;
    z-index:1;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #ffffff;
}
.jion li .imgs .font24 img{
    margin-right: 12px;
    position: relative;
    top: -4px
}
.jion li .cont{
    color: #666666;
    text-align: center;
}
.jion li .cont .conts{
    display: inline-block;
    text-align: left;
    padding: 20px 0 10px 0;
}
.jion li .cont .conts p{
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}
.jion li .cont .conts p:after{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #dddddd;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.join2{
    position: relative;
}
.join2 .font48{
    margin-bottom: 3rem;
    color: #ffffff;
    text-align: center;
}
.join2 li{
    width: calc(50% - 25px);
    width: -webkit-calc(50% - 25px);
    float: left;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin-bottom: 40px;
    position: relative;
    
}
.join2 li a{display: block;padding: 34px 80px 35px 30px;}
.join2 li:nth-child(2n){
    margin-left: 50px;
}
.join2 li .font24{
    color: #333333;
    margin-bottom: 15px;
}
.join2 li .font16{
     color: #666666;
     overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:2;
text-overflow:ellipsis;
  word-break: break-all;
  height: 44px;
}
.join2 li p{
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.join2 li  i{
    font-size: 30px;
}
.join2 li  .img{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.join2 li  .img img:last-child{
    display: none;
}
.join2 .text-center a{
    color: #ffffff;
    font-size: 16px;
    padding: 10px 35px;
    border-radius: 4px;
    border: solid 1px #ffffff;
}
.djion{
    position: relative;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: rgba(255,255,255,0.98);
    z-index:8;
}
.djions{
    position: relative;
    height: 100%;
}
.djions .text-right a{
    color: #333333;
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 8px 26px;
}
.djion .cont{
    margin: auto;
      margin-bottom: 20px;
}
.djion .cont .font32{
    margin-bottom: 2rem;
    color: #333333;
}
.djion .cont div.font16{
    margin-bottom: 2rem;
    color: #666666;
}
.djion .cont p{
    color: #666666;
}
.djion .cont p.font20{
    color: #333333;
    margin: 2rem auto 1rem;
}
.djion .cont p.font16{
    line-height: 2;
}
.djion .cont .font18{
    color: #666666;
    margin-top: 2rem;
}
.djion .cont .font18 a{
    display: inline-block;
    color: #bfa160;
}
.jion3 .font48{
    color: #333;
    margin-bottom: 1rem;
    text-align: center;
}
.jion3 .cont{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fdfdfd;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 2rem;
}
.joincont_list{
    display: none;
}
.jion3 .cont .lt{
    width: 400px;
    height: 420px;
    overflow: auto;
    border: solid 1px #dddddd;
    border-right:2px solid  #fff;
}
.jion3 .cont .rt{
    width: 100%;
    border: solid 1px #dddddd;
    border-left: none;
}
.jion3 .cont .rt ul{
    height: 100%;
}
.jion3 .cont .rt ul li{
    height: 100%;
}
.jion3 .cont .lt li{
    position: relative;
    border-bottom: 1px solid #dddddd;
}
.jion3 .cont .lt li .top{
    padding: 20px 28px 20px 20px;
    color: #333333;
    font-size: 20px;
    position: relative;
}
.jion3 .cont .lt li .top i{
    color: #666666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right:15px;
}
.jion3 .cont .lt li .top.active i{
    color: #bfa160;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
}
.jion3 .cont .lt li .bom{
    padding: 10px 20px 20px;
    color: #666666;
    display: none;
}
.jion3 .cont .lt li .bom .font16{
    color: #666666;
    margin-bottom: 10px;
}
.jion3 .cont .lt li .bom p{
    color: #666666;
    line-height: 1.9;
}
.jion3 .cont .rt li img{
    opacity: 0;
}
.jion3 .cont .rt li{
    display: none;
}
.jion3 .list{
    text-align: center;
}
.jion3 .list .sy{
    width: 240px;
    height: 60px;
    line-height: 60px;
    background-color: #dddddd;
    border-radius: 0px 30px 0px 30px;
    color: #666666;
    display: inline-block;
    margin: 20px;
    cursor: pointer;
}
.jion3 .list .sy.active{
    background-color: #bfa160;
    color: #fff;
}
.joincont .lt .mCSB_scrollTools{
    width: 5px;
}
.joincont .lt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #bfa160;
}
.joincont .lt .mCSB_inside > .mCSB_container{
    margin-right: 0;
}
.enter1 .wid100{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.enter1 .wid100 .lt{
    width: 50%;
    padding: 20px 5%;
}
.enter1 .wid100 .rt{
    width: 50%;
}
.enter1 .wid100 .rt img{
    display: none;
}
.enter1 .wid100 .lt .font48{
    color: #333333;
    margin-bottom: 35px;
}
.enter1 .wid100 .lt p{
    color: #333333;
    line-height: 1.7;
    margin-bottom: 3rem;
}
.enter1 .wid100 .lt li{
    width: 33%;
    float: left;
    text-align: center;
}
.enter2 li{
    width: calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
    float: left;
    height: 400px;
    position: relative;
}
.enter2 li:after{
    content: '';
    position: absolute;
    width: 100%;
    z-index:3;
    height: 100%;
    left: 0;
    top:0;
    background-color: rgba(0,0,0,0.5);
}
.enter2 li:nth-child(2n){
    margin-left: 4px;
}
.enter2 li:nth-child(1),.enter2 li:nth-child(2){
    margin-bottom: 4px;
}
.enter2 li .font36{
    color: #ffffff;
    margin: 2rem auto;
    position: relative;
    z-index:5;
}
.enter2 li .font16{
    color: #ffffff;
    position: relative;
    z-index:5;
}
.enter3{
    max-height: 833px;
}
.enter3 .wid100{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.enter2 li img{
    position: relative;
    z-index:5;
}
.enter3 .lt{
    width: 250px;
    padding:75px 10px 75px 130px ;
    position: relative;
}
.enter3 .lt:after{
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top:0;
    left: 129px;
    z-index:2;
}
.enter3 .rt{
    width: calc(100% - 250px);
    padding: 110px 0 92px 5%;
    position: relative;
}
.enter3 .rt .swiper-button-white{
    top: auto;
    bottom: 25px;
    margin-top: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: solid 1px #ffffff;
    background-image: none;
    color: #fff;
    font-size: 30px;
    opacity: 0.8;
}
.enterDetaile .font36{
    margin-bottom: 2rem;
}
.enter3 .rt .swiper-button-white:hover{
    opacity: 1
}
#thumbs{
    height: 100%;
}
#thumbs .swiper-slide img:nth-child(1){
    display: none;
}
#thumbs .swiper-slide img {
    position: absolute;
}
#thumbs .swiper-slide .font16{
    color: rgba(255,255,255,0.5);
    padding-left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-top: 4px;
}
#gallery{
    padding-right: 150px;
}
#gallery .swiper-slide .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#gallery .swiper-slide .row .col-md-6:first-child .font36{
    color: #ffffff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #841a21;
    float: left;
}
#gallery .swiper-slide .row .col-md-6:first-child .imgds{
    width: calc(100% - 80px);
    float: left;
    max-height: 600px
}
#gallery .swiper-slide .row .col-md-6:last-child .font36{
    color: #ffffff;
    margin-bottom: 26px;
}
#gallery .swiper-slide .row .col-md-6:last-child{
    padding: 20px 5%;
}
#gallery .swiper-slide .row .col-md-6:last-child  p{
    color: #ffffff;
    line-height: 1.9;
}
#thumbs .swiper-slide.swiper-slide-thumb-active img:nth-child(1){
    display: block;
}
#thumbs .swiper-slide.swiper-slide-thumb-active img:nth-child(2){
    display: none;
}
#thumbs .swiper-slide.swiper-slide-thumb-active .font16{
    color: #fff;
}
#thumbs .swiper-slide{
    cursor: pointer;
}
.enter4 .font48{
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
}
.enter4 .swiper-slide a{
    height: 160px;
    background-color: rgba(255,255,255,0.55);
    padding: 10px;
}
.swps{
    top: auto;
    bottom:0;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: solid 1px #ffffff;
    background-image: none;
    color: #fff;
    font-size: 30px;
}
.enter4 .swiper-button-prev,
.enter3 .swiper-button-prev{
    right: 50%;
    left: auto;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.enter4 .swiper-button-next,
.enter3 .swiper-button-next{
    left: 50%;
    right: auto;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.enter4 .swiper-container{
    padding-bottom: 70px;
}
.enter5 .font48{
    color: #333;
    position: absolute;
    left:0;
    top:0;
}
.enter5 form{
    text-align: right;
}
.enter5 .form-control,.cji{
    width: 350px;
    height: 55px;
    background-color: #dddddd;
    border-radius: 0px 30px 0px 30px;
    color: #333333;
    font-size: 20px;
    display: inline-block;
    position: relative;
}
.cji .inpt{
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    padding: 10px;
    text-align: right;
    position: relative;
}
.cji .inpt span{
    display: block;
    height: 100%;
    padding-right: 56px;
    line-height: 1.8;
    text-align: center;
}
.cji .inpt i{
    position: absolute;
    right:40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index:8;
    font-size: 32px;
    color: #000;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.cji.active{
    border-radius: 0px 30px 0px 0px;
}
.cji.active .inpt i{
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transform: translateY(-50%) rotate(-180deg);
}
.cji .xial{
    background-color: #dddddd;
    border-radius: 0px 0px 0px 30px;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.cji .xial li{
    position: relative;
    padding: 10px;
    color: #666;
    border-top: 1px solid #eee;
    text-align: center;
    cursor: pointer;
}
.cji .xial li:last-child{
    border-bottom:none;
}
.enter5 .form-control:active,.enter5 .form-control:focus{
    border:none;
}
.enter5 .form-control option{
    border:none;
}
.enter5 .ctp{
    position: relative;
    margin-bottom: 30px;
}
.enter5 .cont{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.enter5 .cont .lt{
    width: 34%;
    background: url("../images/20200410115142.jpg") no-repeat bottom;
    background-size: cover;
    padding: 30px;
    color: #333;
}
.enter5 .cont .rt{
    width: 66%;
    padding-left: 4px;
}
.enter5 .cont .lt p{
    color: #666;
    line-height: 1.9;
    margin: 2rem auto;
    overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:5;
text-overflow:ellipsis;
  word-break: break-all;
  max-height: 143px;
}
.enter5 .cont .lt a{
    padding:6px 25px;
    border-radius: 4px;
    border: solid 1px #666;
    opacity: 0.8;
    color: #666;
}
.enter5 .cont .rt .swiper-container{
    height: 100%;
}
.enter5 .cont .rt .swiper-container .swiper-slide img{
    display: none;
}
.swps1{
    background-image: none;
    display: none;
}
.enter5 .cont .rt .swiper-container:hover .swps1,.enter5 .cont2 .swiper-container:hover .swps1{
    display: block;
}
.down{
    background: url("../images/xbg_03.png") no-repeat center bottom;
    background-size: cover;
    height: 360px;
}

.anchorTab{
    display: block;
    opacity: 0;
    height: 1px;
    position: relative;
    z-index: 1;
    top: -60px;
}
.page2 .cont .swiper-button-white{
    bottom: 20px;
}
.gallery-top .swiper-slide{
    padding: 3%
}

.dowebok .col-md-8{
    padding: 0;
}

.dowebokATWO{position: relative}
        .dowebokATWO .dowebok2{width:100%;z-index: 0;opacity: 0 !important;position: absolute;display: none}
        .dowebokATWO .dowebok2.active{position: relative; z-index:66;opacity: 1 !important;display: block}
        .menus #menu li:last-child{display: block}
        .dowebok .cont{ align-items: center;
            transform: translateX(0px);
            -webkit-transform: translateX(0px);
            opacity: 1;}
        iframe{width: 100%;height: 100%}
        .dowebok2{height: 100vh}





.jion3 .cont .rt{
    width: calc(100% - 400px);
    width: -webkit-calc(100% - 400px);
}
.jion3 .cont .rt .swiper-container{
    height: 100%;
}
.jion3 .cont .rt .swiper-container .swiper-button-next,
.jion3 .cont .rt .swiper-container .swiper-button-prev{
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
}


.artCulture1 .lt .comt{
    display: none;
}

.artCulture1 .lt .comt.active{
    display: block;
}
.artCulture1 .lt .comt .swiper-slide{
    padding: 5%;
    text-align: center;
}
.artCulture1 .comt .swiper-slide img {
    max-height: 480px;
}
.artCulture1 .btns{
    background: #bfa160;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
}
.artCulture1 .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border: solid 1px #bfa160;
    border-radius: 50%;
    display: inline-block;
    margin: 0 1rem;
    background: none;
    opacity: 1;
}
.artCulture1 .swiper-pagination-bullet-active{
    background: #bfa160 !important;
}