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


*{box-sizing: border-box;}
.f-bgf{;background:#fff;padding:30px;}

.block-title{display: flex;position: relative;}
.block-title ul li,.m-tabtitle ul li{float: left;margin:0 45px;}
.block-title ul li a,.m-tabtitle ul li a{font-size:24px;display: block;line-height: 48px}
.block-title ul li.u-active a,.block-title ul li a:hover,.m-tabtitle ul li.u-active a,.m-tabtitle ul li a:hover{font-weight: bold;color:#3366cc}


.impression-main{margin-top:20px}
.impression-left{float: left;width:60%;}
.impression-left img{width: 100%;height:470px}
.impression-right{width:620px;float: left;padding:20px 30px;margin-left:-108px;margin-top:90px;background: #fafafa;height:380px;position: relative;}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide {font-size:18px;line-height: 38px;text-indent: 36px}
.swiper-button-prev{width:60px;height:50px;left:-36px;background: url(../images/about/prev.png) center no-repeat;}
.swiper-button-next{width:60px;height:50px;right:-36px;background: url(../images/about/next.png) center no-repeat;}
.pagination{top: -70px;right:0;bottom: auto;text-align: right;font-size:24px;color:#999999;position: absolute;}
.current-page{color:#3366cc;font-size:42px}
.see-detail{color:#e7030c}

.culture-main{margin-top:20px}
.culture-title{position: relative;text-align: center;padding-top:60px;border:1px solid #3366cc;width:120px;height:360px}
.culture-title01{background: url(../images/about/bg1.png) center bottom no-repeat;}
.culture-title02{background: url(../images/about/bg2.png) center bottom no-repeat;}
.culture-title03{background: url(../images/about/bg3.png) center bottom no-repeat;}
.culture-title a{display: block;height: 100%}
.culture-title span{display: block;width: 60px;height: 60px;position: absolute;top:-30px;right:30px}
.icon01{background: url(../images/about/icon01.png) center bottom no-repeat;}
.icon02{background: url(../images/about/icon02.png) center bottom no-repeat;}
.icon03{background: url(../images/about/icon03.png) center bottom no-repeat;}
.u-active .icon01{background: url(../images/about/icon01-blue.png) center bottom no-repeat;}
.u-active .icon02{background: url(../images/about/icon02-blue.png) center bottom no-repeat;}
.u-active .icon03{background: url(../images/about/icon03-blue.png) center bottom no-repeat;}
.culture-detail{width:100%;padding:20px;overflow:hidden;background: #f9fbff;border:1px solid #3366cc;border-left:none;}
.culture-pic{position: relative;width:46%;height:318px;}
.culture-pic img{display: block;width: 100%;height: 100%}
.opcty{position: absolute;font-size:18px; left: 0; right: 0; bottom: 0; padding: 0 10px;text-align:center;line-height: 50px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  color: #fff;background: rgba(0,0,0,0.5);}
.culture-word{width:51%;margin-top:-10px;height:318px;}
.culture-list{width:120px;float: left;margin-right:10px;transition: all .5s linear;}
.culture-list:last-child{margin-right:0}
.culture-list.u-active{width: 1080px}
.culture-cont{width:0;overflow: hidden;}
.u-active .culture-cont{width:958px;transition: all .5s linear;}

.travel-main{margin-top:20px;position: relative;}
.m-tabtitle{position: absolute;top:30px;left:197px;}
.m-liststyle-ptext {position: relative;width:100%;overflow:hidden;padding:0 60px;height:205px;overflow: hidden;margin-top:40px}
.m-liststyle-ptext li{float: left;width:292px;margin-right:20px;position: relative;overflow: hidden;}
.m-liststyle-ptext li img{display: block;width:100%;height:205px;transition: all .3s linear;}
.m-liststyle-ptext li img:hover{transform: scale(1.1);}
.m-liststyle-ptext li p{position: absolute;font-size:18px; left: 0; right: 0; bottom: 0; padding: 0 10px;text-align:center;height: 40px;line-height: 40px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  color: #fff;background: rgba(0,0,0,0.5);}
.m-liststyle-ptext .bd{overflow: hidden;}
.m-liststyle-ptext .hd a{position: absolute;display: inline-block;width: 60px;height: 50px;right: 0;}
.m-liststyle-ptext .hd a.prev{background: url(../images/about/prev.png) no-repeat;left: 0px;top: 50%;margin-top: -30px;}
.m-liststyle-ptext .hd a.next{background: url(../images/about/next.png) no-repeat;right: 0px;top: 50%;margin-top: -30px;}

.yong-main,.yong-list{margin-top:20px}
.yong-list li img{display: block;width: 100%;height: 270px;object-fit: cover}
.yong-list li {float: left;width: 19%;transition: all .3s linear;}
.yong-list li a{display: block;position: relative;}
.yong-list li .mask{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);display: block;opacity: 1;top:0;left:0}
.yong-list li .text1{color:#fff;position: absolute;width:100%;height:100%;top:0;left:0;display: flex;justify-content: center;align-items: center;}
.yong-list li .text2{font-size: 48px;top:90px;left:150px;padding-bottom:30px;font-weight: bold;position: absolute;color: #fff;background: url(../images/about/line.png) left bottom no-repeat;}
.yong-list li.u-active{width: 81%}
.yong-list li.u-active .text1,.yong-list li .text2{display: none}
.yong-list li.u-active .text2{display: block;}
.yong-list li p span{display: block;font-size:24px;width:24px;line-height:24px}

.yong-link{margin-top:20px}
.yong-link ul{margin:0 -10px}
.yong-link li{float: left;margin-bottom:10px;padding:0 10px;width:25%;text-align: center;}
.yong-link li a{ display: block;height: 120px;line-height: 120px;font-size:24px;position: relative;background: #fff;overflow: hidden;}
.yong-link li img{margin: -4px 20px 0 0px;vertical-align: middle;}
.yong-link li span{display: inline-block;line-height: 1.3;}




/* 适配小屏 */
@media screen and (max-width: 1390px) {

.impression-left{width:52%}
.culture-list.u-active{width:878px}
.u-active .culture-cont{width:758px;}
.block-title ul li, .m-tabtitle ul li{margin:0 35px}
}

/* 适配pad */
@media screen and (max-width: 1190px) {
.impression-left,.impression-right{width:100%}
.impression-left img{height:auto}
.impression-right{margin-left:0;height:auto;}
.culture-list{width:100%!important;margin-bottom:40px;}
.culture-title{width:20%}
.culture-cont{width:80%!important}
.culture-pic img{object-fit: cover}

}

@media (max-width:991px) {
    .block-title ul li a, .m-tabtitle ul li a{font-size:16px;line-height:38px;}
    .block-title{flex-wrap: wrap;}
    .block-title ul li, .m-tabtitle ul li{margin:0 10px}
    .f-bgf{padding:10px}
    .swiper-slide{font-size:16px;line-height: 32px;}
    .swiper-button-next,.swiper-button-prev{width:30px;background-size: 100% 100%}
    .swiper-button-next{right:0}
    .swiper-button-prev{left:0}
    .culture-pic,.culture-word{width:100%;height:auto}
    .culture-word{margin-top:10px}
    .culture-list{position: relative;padding-left:20%}
    .culture-cont{width:100%!important}
    .culture-title{position: absolute;left:0;bottom:0;top:0;height:100%}
    .culture-title span{right:0}
    .m-tabtitle{position: static;}
    .yong-link li{width:100%}
    .yong-link li a{height:80px;line-height: 80px;font-size:18px}
    .title-img img{max-width:80%}
    .yong-list li .text2{font-size:22px;left:50px;}
    .yong-list li p span{font-size:16px;line-height: 20px}

}

@media (max-width:767px) {
}