/* 走进新晃页面 */
/* 基本概况 */
body{background: #f1f4f9;}
.xhfq_section{width: 100%;background: url(../images/zjxh_headbg.jpg) no-repeat center;background-size: 1920px 100%;padding: 100px 0 128px;}
.zjxh_tle1{text-align: center;margin: 0 0 70px;overflow: hidden;}
.zjxh_tle1 a img{width: auto;}
.jbgk_box { width: 100%; min-height:470px; max-width: 1200px; margin:0 auto; background: #00000063; border-radius: 2px; box-shadow:0 0 16px rgba(0,0,0,0.12);box-sizing: border-box;padding: 66px 0 0;}
.jbgk_box .jbgt_text {width: 1130px;margin: 0 auto;}
.jbgk_box .jbgt_text .title {font-size: 20px; font-weight: bold; color: #3c3c3c;line-height: 20px;}
.jbgk_box .jbgt_text p {font-size: 22px; color: #fff; text-indent: 2em;line-height: 42px;}
.jbgk_box .jbgt_text p a{color: #f4aa31;margin-left: 10px;}
.jbgk_box .jbgt_text p a:hover{color: #4886dd;}
.jbgk_box .jbgt_text .xzqh_icon{font-size: 22px;margin: 70px 0 50px;text-align: center;}
.jbgk_box .jbgt_text .xzqh_icon li{display: inline-block;margin-right: 40px;}
.jbgk_box .jbgt_text .xzqh_icon li:last-child{margin-right: 0px;}
.jbgk_box .jbgt_text .xzqh_icon li a{color: #fff;padding: 4px 32px;border: 1px solid #fff;border-radius: 5px;}
.jbgk_box .jbgt_text .xzqh_icon li a:hover {color: #4886dd;border: 1px solid #4886dd;}
.jbgk_box .jbgt_text .dt_img { display: block;margin: 0 auto;position: relative; top: -50px;}
.jbgk_ul {width:100%;box-sizing: border-box;background-color: #fff;}
.jbgk_ul li{float: left;width: 20%;height: 130px;padding: 30px 20px;box-sizing: border-box;}
.jbgk_ul .bk-info .info-tt{text-align: left;margin-bottom:6px;font-size:20px;font-weight:bold;}
.jbgk_ul .bk-info p{color: #666;font-size:14px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jbgk_ul .bk-info .gk-more{display: inline-block;margin-left: 8px;color: #0d4c99;}
.jbgk_ul .bk-info .gk-more:hover{color: #2c5fab;}
.jbgk_ul .xhgk_icon1 i{background: url(../images/xhgk_icon1.png) no-repeat;}
.jbgk_ul .xhgk_icon2 i{background: url(../images/xhgk_icon2.png) no-repeat bottom;}
.jbgk_ul .xhgk_icon3 i{background: url(../images/xhgk_icon3.png) no-repeat;}
.jbgk_ul .xhgk_icon4 i{background: url(../images/xhgk_icon4.png) no-repeat;}
.jbgk_ul .xhgk_icon5 i{background: url(../images/xhgk_icon5.png) no-repeat;}
.jbgk_ul li i{width: 28%;height: 66px;margin-right: 4%;margin-top: 10px;}
.jbgk_ul li .bk-info{width: 68%;}
/* 旅游指南 */
.msly_box{width: 100%;max-width: 1200px;margin: 0 auto;}
.msly_box .title{padding: 50px 0 25px;}
.msly_box .title a{display: block;width: auto;height: auto;}
.msly_box .title a img{width: 100%; height: auto; display: block;}
.lvyou_tab{display: flex;align-items: center;}
.lvyou_tab li:first-child{height: 478px;border-radius: inherit;}
.lvyou_tab li{float: left;width: 24%;margin-right: 1.5%;height: 404px;overflow: hidden;border-radius: 10px;position: relative;}
.lvyou_tab li:last-child{margin-right: 0;}
.lvyou_tab li a{display: block;}
.lvyou_tab li a:hover img{opacity: .7;}
.lvyou_tab li a img{width: auto;height: 404px;}
.lvyou_tab li a p{width: 100%;height: 50px;line-height: 50px;position: absolute;bottom: 0;color: #fff;font-size: 22px;text-align: center;}
.lvyou_tab li:nth-child(2) a p{background-color: #154c9ed4;}
.lvyou_tab li:nth-child(3) a p{background-color: #ae892fd1;}
.lvyou_tab li:nth-child(4) a p{background-color: #55b890db;}
.lvyou_tab li .ly_blurb{background: url(../images/lyzn_bg.png) no-repeat center;height: 478px;width: 280px;color: #fff;padding: 70px 24px 20px;box-sizing: border-box;position: relative;}
.lvyou_tab li .ly_blurb h2{font-size: 25px;margin-bottom: 50px;}
.lvyou_tab li .ly_blurb p{text-indent: 2rem;line-height: 32px;}
.lvyou_tab li .ly_blurb .biurb_more{position: absolute;bottom: 20px;right: 24px;color: #fff;}
.lvyou_tab li .ly_blurb .biurb_more:hover{color: #eaff3b;}
/* 名俗文化 */
.mswh_box{width: 100%;max-width: 1920px; margin: 0 auto;position: relative;background: url(../images/mswh_bg.jpg) no-repeat center bottom;}
.mswh_box .title{padding: 50px 0;position: relative;}
.mswh_box .title a{display: block;width: auto;height: auto;}
.mswh_box .title img{width: 100%; height: auto; display: block;}
.mswh_box ul{text-align: center;margin-top: 280px;}
.mswh_box ul li{width:285px;display: inline-block;position:relative;margin-right: 80px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;top: 0;}
.mswh_box ul li:hover{top: -8px;}
.mswh_box ul li:last-child{margin-right: 0;}
.mswh_box ul li img{width: 100%;height: auto;display: block;}
.mswh_box ul li.mswh_tu1{position: absolute;left: 272px;top: 195px;transition:all 0.5s;}
.mswh_box ul li.mswh_tu1:hover {top: 187px;}
/* 地域特产 */
.dytc_box{width: 100%;max-width: 1200px; margin:25px auto 100px;}
.dytc_box .title{padding:50px 0;position: relative;}
.dytc_box .title a{display: block;width: auto;height: auto;}
.dytc_box .title img{width: 100%; height: auto; display: block;}
.flexing{display: flex;height: 400px;}
.flexing .section{flex: 1;position: relative;cursor: pointer;transition: 0.5s ease;}
/* .flexing .section:hover{flex: 3;} */
.flexing .section:hover .tctp_cot{-webkit-transform: translate(-50%, -50%) rotate(0);-ms-transform: translate(-50%, -50%) rotate(0);transform: translate(-50%, -50%) rotate(0);}
.flexing .section .tctp_cot{width: 100%;height: 100%;-webkit-transform: translate(-50%, -50%) rotate(0deg);-ms-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(0deg);position: absolute;left: 50%;top: 50%;margin: 0;transition: 0.5s ease;overflow: hidden;}
.flexing .section .tctp_cot a{display: block;width: 600px;height: 400px;}
.flexing .section .tctp_cot img{width: auto;height: 100%;}
.flexing .section .tctp_cot h2{position: absolute;color: #fff;width: 66px;padding: 20px;text-align: center;font-size: 23px;box-sizing: border-box;font-family: serif;} 
.flexing .section:active {flex: 5;}
.section:nth-child(1) .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #a2423195;}
.section:nth-child(1) .tctp_cot h2{background-color: #a2423195;}
.section:nth-child(2) .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #8aa6c184;}
.section:nth-child(2) .tctp_cot h2{background-color: #8aa6c184;}
.section:nth-child(3) .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #836a6298;}
.section:nth-child(3) .tctp_cot h2{background-color: #836a6298;}
.section:nth-child(4) .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #3d9ad38d;}
.section:nth-child(4) .tctp_cot h2{background-color: #3d9ad38d;}
.flexing .over{flex: 3;}
.over .tctp_cot .mask{background-color: transparent;display: none;}


@media screen and (max-width:959px){
    /* 走进新晃页面 */
    .xhfq_section{padding: 20px 0 0;}
    .zjxh_tle1{padding: 20px 0;margin-bottom: 20px;}
    .zjxh_tle1 a img{width: 100%;transform: scale(1.8);}
    .jbgk_box{padding: 0;box-shadow: none;}
    .jbgk_box .jbgt_text{width: 100%;}
    .jbgk_box .jbgt_text p{font-size: 16px;padding: 20px 10px 0;}
    .jbgk_box .jbgt_text .xzqh_icon{font-size: 16px;margin: 30px 0;}
    .jbgk_box .jbgt_text .xzqh_icon li{margin: 12px 0 0;}
    .jbgk_box .jbgt_text .xzqh_icon li a{display: block;padding: 4px 10px;width: 130px;}
    .jbgk_ul li{width: 50%;padding: 10px;height: auto;}
    .jbgk_ul .xhgk_icon2 i{background: url(../images/xhgk_icon2.png) no-repeat bottom left;}
    .jbgk_box .jbgk_ul li i{background-size: 100%;}
    .lvyou_tab{display: block;}
    .dytc_box{margin: 0 auto 20px;}
    .msly_box .title,.mswh_box .title,.dytc_box .title{overflow: hidden;}
    .msly_box .title a img,.mswh_box .title img,.dytc_box .title img{transform: scale(1.8);}
    .lvyou_tab li:first-child{height: 234px;}
    .lvyou_tab li{width: 48%;text-align: center;margin-bottom: 10px;height: 234px;}
    .lvyou_tab li .ly_blurb{margin: 0 auto;border-radius: 10px;width: 100%;height: 234px;padding: 20px;}
    .lvyou_tab li .ly_blurb h2{font-size: 20px;margin-bottom: 20px;}
    .lvyou_tab li .ly_blurb p{line-height: 24px;overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;}
    .lvyou_tab li a p{font-size: 16px;}
    .msly_box .title{padding: 20px 0 50px;}
    .mswh_box ul{margin-top: 0;}
    .mswh_box ul li.mswh_tu1{position: initial;}
    .mswh_box ul li{margin: 0 auto 10px;width: 46%;height: auto;}
    .mswh_box ul li:last-child, .mswh_box ul li:nth-last-child(2){margin: 0;}

    .flexing {flex-flow: column;height: 540px;}
    .flexing .section:hover .tctp_cot {-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
    .flexing .section h3 {-webkit-transform: translate(-50%, -50%) scale(0.75);-ms-transform: translate(-50%, -50%) scale(0.75);transform: translate(-50%, -50%) scale(0.75);}
    .flexing .section .tctp_cot h2{font-size: 16px;}
    .flexing .section .tctp_cot img{width: 120%;}
    .flexing .section .tctp_cot a{width: auto;height: 270px;}
}