.m-banner{display:none}
.banner{width:100%;height:460px;background-color:#194186;background-image:url(../images/about_tourists_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center}
.banner img{width:100%;position:absolute;left:0;bottom:-1px}
.banner .bannerBox{width:1280px;margin:0 auto;padding-top:178px}
.banner .bannerBox .category{font-size:18px;color:#ffc000;font-weight:bold;line-height:18px}
.banner .bannerBox .h1{margin-top:24px;font-size:40px;color:white;font-weight:bold;line-height:40px}

.tabsBox{width:100%;margin-top:68px}
.tabs>div{display:none;clear:both;width:100%;padding-bottom:15px}
.tabs nav{width:1280px;margin:0 auto;padding-bottom:25px;border-bottom:solid 2px #f2f2f2}
.tabs nav::after{content:"";width:0;height:0;display:block;float:none;clear:both}
.tabs .horizontal{margin:0 auto;padding:0px;float:right}
.tabs nav ul:after{content:'';display:block;width:0;height:0;float:none;clear:both}
.tabs .horizontal li{float:left;line-height:24px;text-align:center;cursor:pointer;font-size:18px;color:#9eafc4;font-weight:bold;padding:0 18px;border-left:solid 1px #d2d2d2;transition:.5s}
.tabs .horizontal li:hover{color:#0d386b}
.tabs .horizontal li:first-child{border:0}
.tabs .horizontal li.selectActive{color:#0d386b;font-size:24px}

.tabContent{width:100%}
.tabContent .img-left{width:100%;padding-top:70px;padding-bottom:70px}
.tabContent .box{width:1280px;margin:0 auto}
.tabContent .img-left::after{content:'';width:0;height:0;display:block;float:none;clear:both}
.tabContent .img-left .box .img{width:632px;height:268px;position:relative;border-radius:14px;overflow:hidden;float:left;background-image:url(../images/lazy_bg.png);background-color:#efefef;background-size:12rem 2.75rem;background-position:center;background-repeat:no-repeat}
.tabContent .box .img img{position:absolute;top:0;height:100%;left:-100px;right:-100px;margin:auto}
.tabContent .img-left .box .content{float:right}
.tabContent .box .s-title{font-size:18px;font-weight:bold;line-height:18px;color:#1a6ed4;padding-top:13px}

.tabContent .box .title{width:600px;font-size:20px;font-weight:bold;color:#333;margin-top:18px;line-height:26px !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tabContent .box .title a{font-size:20px;font-weight:bold;color:#333;line-height:26px}
.tabContent .box .p{width:600px;font-size:15px;color:#333;margin-top:26px;text-align:justify;line-height:25px !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.tabContent .box .button{width:178px;height:48px;background-color:#1a6ed4;border-radius:8px;margin-top:61px}
.tabContent .box .button:hover{ opacity:0.8}
.tabContent .box .button a{width:100%;display:block;line-height:48px;color:white;font-size:14px;font-weight:bold;text-align:center}

.tabContent .img-right{width:100%;padding-top:70px;padding-bottom:70px;background-color:#f7f7f7}
.tabContent .img-right::after{content:'';width:0;height:0;display:block;float:none;clear:both}
.tabContent .img-right .box .img{width:632px;height:268px;position:relative;border-radius:14px;overflow:hidden;float:right;background-image:url(../images/lazy_bg.png);background-color:#efefef;background-size:12rem 2.75rem;background-position:center;background-repeat:no-repeat}
.tabContent .img-right .box .content{float:left}


@media screen and (max-width:1024px){
 .banner{display:none}
 .m-banner{display:block;width:100%;height:66.66vw;background-color:#194186;background-image: url(../images/m_about_tourists_banner.jpg);position:relative;background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:hidden}
 .m-banner img{width:1024px;position:absolute;left:calc(50% - 512px);bottom:0}  
 .m-banner .bannerBox{width:90%;margin:0 auto;padding-top:calc(40% - 3rem)}  
 .m-banner .bannerBox .category{font-size:1.6rem;color:#ffc000;font-weight:bold;line-height:1.6rem;text-align:center}  
 .m-banner .bannerBox .h1{margin-top:2rem;font-size:2.4rem;color:white;font-weight:bold;line-height:2.4rem;text-align:center}
 .tabs nav{width:90%;margin:0 auto;padding-bottom:25px;border-bottom:solid 2px #f2f2f2}
 .tabsBox{width:100%;margin-top:5rem}
 .tabs nav{width:90%;margin-bottom:4rem;overflow-x:auto}
 .tabs .horizontal{float:none;width:160px}
 .tabs>div{padding-bottom:0}
 .tabContent{width:100%;margin:0 auto}
 .tabContent .img-left{width:100%;padding-top:0;padding-bottom:4.4rem}
 .tabContent .box{width:90%;margin:0 auto}
 .tabContent .img-left .box .img{width:100%;height:54vw;position:relative;border-radius:14px}
 .tabContent .box .content{width:100%}
 .tabContent .box .s-title{font-size:1.6rem;line-height:1.6rem;padding-top:2rem}
 .tabContent .box .title{width:100%;font-size:1.8rem;margin-top:18px;line-height:2.4rem !important}
 .tabContent .box .title a{font-size:1.8rem;font-weight:bold;color:#333;line-height:2.4rem;width:100%;display:block}
 .tabContent .box .p{display:none}
 .tabContent .box .button{width:100%;margin-top:3rem}
 .tabContent .img-right{width:100%;padding-top:4.4rem;padding-bottom:4.4rem;background-color:#f7f7f7;margin-bottom:4.4rem}
 .tabContent .img-right:last-child{margin-bottom:0}
 .tabContent .img-right .box .img{width:100%;height:54vw;position:relative;border-radius:14px;overflow:hidden;float:right}
}