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

/*tab切换公用 */
.m-tabnav{overflow: hidden;text-align: center;}
.m-tabnav li{float: left;position: relative;}
.m-tabnav li a{display:block;height: 36px;line-height: 20px;font-size: 20px;}

/*style1-背景条 */
.m-tabnav1 li{margin-right:35px}
.m-tabnav1 li a{height: 46px;line-height: 46px;font-weight: bold;color:#333333}
.m-tabnav li.u-active a{color:#0e44b0;font-weight: bold;}

/*style2-背景色 */
.m-tabnav2{margin-bottom:10px;margin-top: 22px;overflow: visible;border-bottom:1px solid #dddddd;}
.m-tabnav2 li{height: 58px;}
.m-tabnav2 li a{padding:0 5px; font-weight: normal; font-size: 22px;line-height: 58px;color:#000;position: relative;}
.m-tabnav2 li+li{margin-left: 30px;}
.m-tabnav2 li.u-active a{color:#0e44b0;font-weight: bold;}
.m-tabnav2 li.u-active::after{content: "";position: absolute;left: 50%;bottom: -3px;width: 28px;height: 5px;transform: translateX(-50%);background:#0e44b0;}

/*文字列表 */
/* .m-liststylecom .list-item{height: 46px;line-height: 46px;} */
.m-liststylecom .list-item .text{ background: url(../images/public/icon-li1.png) left center no-repeat; }
/* .m-liststylecom .list-item span{float: right; color: #b8b8b8; font-size: 16px;}
.m-liststylecom .list-item .text:hover{padding-left: 16px;}
.m-dashed .list-item{border-bottom:1px dashed #ddd;} */

/* 主体 */
.is-main{margin-bottom: 80px;background: url(../images/about/bg-main.png) left top no-repeat;}

/* 轮播图 */
.dzgk-region .m-tabnav{margin: 50px 0;}
.dzgk-flash{width: 53.357142857%;height:420px;position: relative;overflow: hidden;}
.dzgk-flash .flash-item{position: relative;width: 100%;height: 420px;}
.dzgk-flash .flash-link{width: 100%;height: 100%;}
.dzgk-flash .flash-img{width: 100%;height: 100%;object-fit: cover;transition: all linear .3s }
.dzgk-flash .flash-img:hover{transform: scale(1.1);}
.dzgk-flash .flash-title{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 115px 0 18px; line-height: 62px; color: #fff;background:rgba(0, 0, 0, .5);}
.dzgk-flash .hd{position: absolute; right: 20px; bottom: 23px;}
.dzgk-flash .hd li{float: left; margin-left: 10px; width: 10px; height: 10px;background: rgba(255, 255, 255, 0.6);border-radius: 50%;}
.dzgk-flash .hd li.on{width:26px;height:10px;background-color:#ffb006;border-radius:5px;}

/* 概况描述 */
.dzgk-desc{width: calc(46.6428571% - 25px);height: 420px;overflow: hidden;}
.link-detail{color: #d80000;}

.dzgk-desc-text{margin-top: -11px; font-size:18px;line-height:41px;text-indent: 2em;}
.dzgk-list{margin: 0 -14px;}
.dzgk-card-item{margin-top: 20px;padding: 0 6px;transition: all linear .3s;}
.dzgk-card-item:hover a{display: block;border-radius: 20px 0 20px 0;overflow: hidden;}

/* 地理区位 */
.geography{margin-top: 50px;}
.geography .card-list{margin: 0 -10px;}
.geography .card-item{float: left;width: 150px;height: 310px;margin: 0 10px;background: url(../images/about/bg-card.png) left top / contain no-repeat;overflow: hidden;transition: all .5s linear;}
.geography .card-item.u-active{width: 890px;background: url(../images/about/bg-card-active.png) left top / contain no-repeat;}
.geography .card-item .title{width: 150px;height: 100%;cursor: pointer;}
.geography .card-item .title-text{font-size:24px;width:25px;font-weight:bold;line-height:28px;margin:40px auto 0;color:#333333;}
.geography .u-active .title-text{color:#0e44b0;}
.geography .card-item i{display: block;width: 74px;height: 74px;margin: 40px auto 0;}
.icon-dlqw{background: url(../images/about/icon-dlqw.png) left top no-repeat;}
.icon-zrzy{background: url(../images/about/icon-zrzy.png) left top no-repeat;}
.icon-dzmr{background: url(../images/about/icon-dzmr.png) left top no-repeat;}
.icon-xqxz{background: url(../images/about/icon-xqxz.png) left top no-repeat;}
.geography .u-active .icon-dlqw{background: url(../images/about/dlqw-hover.png) left top no-repeat;}
.geography .u-active .icon-zrzy{background: url(../images/about/zrzy-hover.png) left top no-repeat;}
.geography .u-active .icon-dzmr{background: url(../images/about/dzmr-hover.png) left top no-repeat;}
.geography .u-active .icon-xqxz{background: url(../images/about/xqxz-hover.png) left top no-repeat;}
.geography .card-item .content{width: 0;height: 100%;padding: 30px 0px;}
.geography .u-active .content{width:calc(100% - 150px);transition: all .5s linear;}
.geography .towns-item {margin-right: -10px;overflow-y:auto;}
.geography .towns-item::-webkit-scrollbar{width:0px;height:2px;background-color:rgba(0,0,0,.2);}
.geography .card-item .wrap{position: relative;border-left: 1px solid #80a4ec;height: 100%;padding: 0 40px;}
.geography .card-item .content-text{font-size:18px;line-height:40px;max-height: 190px;overflow-y: auto;}
.geography .card-item .link-detail{display: block;width: 146px;height:46px;line-height:46px;text-align:center;font-size:18px;color:#fff;background-color:#80a4ec;border-radius:23px;position: absolute;bottom: 12px;}
.geography .towns-link{float: left;width: 20%;padding: 10px;height:46px;line-height:46px;font-size: 18px;}

/* 投资东至 */
.investment{margin-top: 60px;}
.invest-box{margin-top: 72px;}

.invest-box .m-tabnav{margin-bottom: 30px;}
.invest-box .m-tabnav a{font-size: 22px;font-weight: normal;height: 22px;line-height: 22px;}
.invest-box .m-liststylecom{width:1177px;padding:27px 437px 30px 30px;height:375px;background:linear-gradient(0deg,#5994de 0%,#3c8df1 100%);border-radius:0px 0px 30px 30px;}
.invest-box .m-liststylecom a,.invest-box .m-liststylecom span{color: #fff;}
.video-box{right: 0; top: -22px;}
.video-box img,.video-box a{display: block;width:620px;height:400px;}
.video-box .icon-play{display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;background: url(../images/about/icon-play.png) center center no-repeat;}
.video-box:hover a::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);}
.video-box:hover .icon-play{display: block;}

/* 畅游东至 */
.cydz-region{margin-top: 80px;}

.cydz-flash{margin-top: 50px;}
.cydz-flash .flash-item{float:left;width:326px;height:454px;margin-right: 32px;}

/* pc md*/
@media screen and (max-width:1400px) {
    .geography .card-item.u-active{width: 716px; }
    .geography .card-item{width: 120px;height: 240px;}
    .geography .card-item .content{padding: 15px 0;}
    .geography .card-item .content-text{height: 120px;overflow-y: auto;}
    .geography .card-item i{margin-top: 8px;}
    .geography .card-item .title{width: 120px;}
    .cydz-flash{width: 100%;overflow: hidden;}
    .dzgk-region .m-tabnav{margin: 10px 0;}
    .cydz-region,.cydz-flash,.investment,.invest-box,.geography{margin-top: 30px;}
    .invest-box .m-liststylecom{padding-right:630px;}
    .m-tabnav1 li{margin-right:20px;}
    .video-box img, .video-box a{width:555px;}
}
/*pc sm*/
@media screen and (max-width: 1200px) {
    .dzgk-flash,.dzgk-desc{width: 100%;height: auto;margin-bottom: 20px;}
    .dzgk-flash .flash-img{width: 100%;height: 573px;}
    .geography .card-item{width: 890px;height: 300px;margin-bottom: 20px;background: url(../images/about/bg-card-active.png) left top / contain no-repeat;transition: all ease-in-out 1s;}
    .geography .card-item.u-active{width: 890px;}
    .geography .card-item .content-text{max-height: 180px;height: auto;overflow-y: auto;}
    .geography .card-item .content{padding: 10px 0;}
    .invest-box .m-liststylecom{width: 100%; height: auto;}
    .video-box{position: static;width: max-content;margin: 0 auto;margin-top: 20px;}
}

/*pad md*/
@media screen and (max-width: 991px){
    .geography .card-item{width: 100%;height: 246px;}
    .geography .card-item.u-active{width: 100%;}
    .geography .card-item .content-text{max-height: 150px;}
    .dzgk-flash .flash-img{width: 100%;height: 444px;}
    
}

/*phone sm*/
@media screen and (max-width: 767px) {
    .geography .card-item{height: auto;}
    .dzgk-flash .flash-img{width: calc(100vw - 30px);height: 194px;object-fit:cover;}
    .dzgk-flash .flash-item{height: 194px;}
    .geography .card-item,.geography .card-item.u-active{background: #F9FBFF;border: 1px solid #80A4EC;border-radius: 10px;}
    .video-box,.video-box img,.video-box a,card-list{width: 100%;height: auto;}
    .geography .card-item .wrap{padding: 0 10px;}
    .geography .towns-link{width: 50%;}
    .geography .card-list{width: 100%;} 
    .geography .card-item .title{width: 90px;}
    .geography .card-item .content{width: calc(100% - 90px);}
    .invest-box .m-tabnav>ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;}
    .invest-box .m-tabnav li{width: calc(50% - 5px);margin: 0;}
    .invest-box .m-liststylecom{padding: 10px;border-radius: 10px;}
    .dzgk-desc-text,.geography .card-item .content-text{font-size:16px;line-height:36px;}
    .geography .card-item .title-text{font-size:20px;margin-top:20px;}
    .geography .card-item .link-detail,.m-liststylecom .list-item .text{font-size:16px;}
    .geography .card-item .link-detail{bottom: -48px;}
    .geography .towns-link{font-size:16px;line-height:36px;height:36px;}
    .investment-title,.cydz-title,.dzgk-title{height: 68px;object-fit:cover;}
    .dzgk-card-item{width: 100%; text-align: center;}

    .invest-box .m-tabnav a{font-size:18px;}
}

@media screen and (max-width: 375px) {

}