@charset "utf-8";
@import url(mobile_header.css);

.Content *{box-sizing: border-box;}
/*麻江概况*/
.Part1{padding: 0px 10px;}
.mjgk{width: 100%;margin: 20px auto 0;}
.mjgk .stitle img{width: 100%;height: auto;max-width: 561px;}
.mjgk .mjgklist{height: auto;margin-top: 20px;background-size: cover;}
.mjgk .mjgklist .hd{position: relative;right: 0px;top: 0px;width: 100%;overflow: hidden;}
.mjgk .mjgklist .hd ul li{width: calc((100% - 10px) / 3);height: 50px;line-height: 50px;margin-bottom: 7px;margin-right: 5px;float: left;}
.mjgk .mjgklist .hd ul li:nth-child(3n){margin-right: 0px;}
.mjgk .mjgklist .hd ul li.on:before{width: calc(100% - 3px);left: 0px;}
.mjgk .mjgklist .hd ul li.on:after{display: none;}
.mjgk .mjgklist .mjgkcon{float: left;}
.mjgk .mjgklist .desc{width: calc(100% - 20px);margin-left: 10px;float: none;}
.mjgk .mjgklist .desc .title{margin-top: 0px;}
.mjgk .mjgklist .desc .view{line-height: 30px;font-size: 15px;-webkit-line-clamp: 5;margin-top: 15px;}
.mjgk .mjgklist .desc .more{margin: 15px auto 10px;width: 120px;}
.mjgk .mjgklist .desc .more a{font-size: 15px;}
.mjgk .mjgklist .img{width: 100%;float: none;}
.mjgk .mjgklist .img img{width: 100%;height: auto;}

/*麻江旅游*/
.Part2{padding: 0 10px;background: none;}
.mjly{width: 100%;margin: 20px auto 0px;}
.mjly .stitle img{width: 100%;height: auto;max-width: 561px;}
.mjly .mjlycon{margin-top: 20px;}
.mjly .mjlycon .desc{width: 100%;height: auto;overflow: hidden;float: none;}
.mjly .mjlycon .desc .title{margin-top: 0px;}
.mjly .mjlycon .desc .desccon{width: 100%;height: auto;overflow: hidden;padding: 10px;position: relative;margin-top: 15px;}
.mjly .mjlycon .desc .ztitle{margin-top: 5px;height: auto;overflow: hidden;line-height: 25px;padding: 5px 0px;}
.mjly .mjlycon .desc .ztitle a{font-size: 17px;}
.mjly .mjlycon .desc .view{line-height: 30px;font-size: 15px;margin-top: 10px;}
.mjly .mjlycon .desc .more{width: 120px;margin: 15px auto 10px;}
.mjly .mjlycon .desc .more a{font-size: 15px;}
.mjly .mjlycon .img{width: 100%;float: none;border-radius: 0px;}
.mjly .mjlycon .img img{height: auto;}

/*视频麻江*/
.Part3{margin-top: 15px;padding: 0px 10px;}
.spmj{width: 100%;height: auto;overflow: hidden;padding-bottom: 0px;}
.spmj .stitle{width: 100%;height: 48px;line-height: 46px;overflow: hidden;position: relative;left: 0;background: none;margin: 5px 0px 15px;}
.spmj .stitle:after{content: ''; width: 59px; height: 4px; background: #ffb80d; position: absolute; left:0px; bottom: 0px;}
.spmj .stitle span{width: 100%;margin: 0;text-align: left;line-height: 46px;color: #333333;}
.spmj .bd{width: 100%; height: auto; overflow: hidden;}
.spmj .bd .video{float: left;}
.spmj .bd .video .video_btn{display: none;background-size: 50px;}
.spmj .bd video{width: 100%;height: 260px;}
.spmj .hd{width: 100%;height: auto;overflow: hidden;position: relative;left: 0;margin-left: 0px;}
.spmj .hd ul{width: 100%; height: auto; overflow: hidden;}
.spmj .hd ul li{width: calc((100% - 20px)/2);height: 100px;padding: 8px;margin: 5px 5px;}


/*旅行线路*/
.Part4{width: 100%;margin: 20px auto 0;padding: 0px 10px;}
.Part4 ul li{width: 100% !important;height: auto;float: none;margin: 0px 0px 10px 0px;}
.Part4 ul li .jdzs{width: 100%;height: auto;position: relative;}
.Part4 ul li a:before{width: 170px; height: 170px; filter: alpha(opacity=86);opacity: 0.86;}
.Part4 ul li.m1 a:before{background: url(zjmj_img12_1.png) center center no-repeat;background-size: 120px;}
.Part4 ul li.m2 a:before{background: url(zjmj_img12_2.png) center center no-repeat;}
.Part4 ul li.m3 a:before{background: url(zjmj_img12_3.png) center center no-repeat;}
.Part4 ul li.m4 a:before{background: url(zjmj_img12_4.png) center center no-repeat;}
.Part4 ul li.m5 a:before{background: url(zjmj_img12_5.png) center center no-repeat;}
.Part4 ul li.m6 a:before{background: url(zjmj_img12_6.png) center center no-repeat;}
.Part4 ul li img{height: auto;}


/*图说麻江*/
.Part5{margin-top: 0px;padding: 0px 10px 10px;}
.tsmj{min-width: 100%;height: auto;}
.tsmj .bd {width: 100%;position: relative;left: 0;margin-left: 0px;}
.tsmj .tempWrap {overflow: visible !important;}
.tsmj .tempWrap ul {margin-left: 0px !important;}
.tsmj .bd li {width: 100%;padding: 65px 0px 0px;}
.tsmj .bd li .img img{width: 100%;height: calc((100vw - 20px) / (1218 / 857));object-fit: cover;}
.tsmj .bd li .stitle{display: block;left: 0px;width: 100%;height: 48px;line-height: 46px;overflow: hidden;left: 0;background: none;margin: 5px 0px 15px;}
.tsmj .bd li .stitle:after{content: ''; width: 59px; height: 4px; background: #ffb80d; position: absolute; left:0px; bottom: 0px;}
.tsmj .bd li .stitle a{width: 100%; height: 100%; display: block;}
.tsmj .bd li .stitle span{width: 100%;margin: 0;text-align: left;line-height: 46px;color: #333333;}
.tsmj .bd li .desc{display: block;width: 100%;height: calc(100% - 65px);padding: 10px;position: absolute;top: 65px;right: 0px;background: none;display: flex;justify-content: center;align-items: center;}
.tsmj .bd li .desc .desccon{border: 1px solid #FFFFFF;height: auto;overflow: hidden;padding: 10px;background: url(zjmj_img09.png) center center repeat;display: flex;justify-content: center;align-items: center;width: 100%;}
.tsmj .bd li .desc .title{width: 100%;height: 100%;margin-top: 0px;line-height: 24px;}
.tsmj .bd li .desc .title a{color: #333333;font-size: 15px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.tsmj .bd li .desc .title a:hover{color: #1352b7;}
.tsmj .bd li .desc .view{display: none;}
.tsmj .pnBtn {position: absolute;z-index: 1;top: 0;width: 100%;height: 100%;display: none;}
.tsmj .prev {left: 0;margin-left: 0px;}
.tsmj .next {left: auto;margin-left: 0px;right: 0px;}
.tsmj .pnBtn .blackBg {display: none;}
.tsmj .pnBtn .arrow {top: calc((100% - 10px)/2);}
.tsmj .pnBtn .arrow:before{content: ''; width: 100%; height: 100%; position: absolute; left:0px; top: 0px; background: #FFFFFF;filter: alpha(opacity=67);opacity: 0.67; border-radius: 50%;}
.tsmj .pnBtn .arrow:after{content: '';width: 39px;height: 100%;position: absolute;left: 9px;top: 0px;z-index: 1;}
.tsmj .pnBtn .arrow:hover {filter: alpha(opacity=67);opacity: 0.67;}
.tsmj .prev .arrow {right: auto;left: 0px;}
.tsmj .next .arrow {left: auto;right: 0px;}
.tsmj .prev .arrow:after{ background: url(zjmj_img07.png) left center no-repeat;}
.tsmj .next .arrow:after{ background: url(zjmj_img07.png) right center no-repeat;}