@charset "utf-8";
/* CSS Document */
.m-slidebarfix{display:none}

.lygcbg{background: url(../images/about/lygcbg.png) center 120px no-repeat;}
.beautygcbg{background: url(../images/about/beautygcbg.png) center 120px no-repeat;}
.tzgcbg{background: url(../images/about/tzgcbg.png) center 120px no-repeat;}

.u-logocont{height: 450px}
/* 旅游贵池 */
.ly-title{background:url(../images/about/titlebg.png) center  no-repeat; text-align: center;}
.ly-title a{font-size: 36px;font-weight: bold;}

/* 轮播 */
.m-flash{position: relative;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 407px;}
.g-flash img{display: block; width: 100%;transition: all linear .3s }
.g-flash img:hover{transform: scale(1.1);}
.g-flash li,.g-flash li a{position: relative;}
.g-flash li a{display: block;}
.g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 44px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff;background: url(../images/page/bg-op50.png) repeat;}
.m-flash .hd{position: absolute; right: 20px; bottom: 15px;}
.m-flash .hd ul li{float: left; margin-left: 10px; width: 12px; height: 12px;  background: #76706c;border-radius:10px}
.m-flash .hd ul li.on{background: #fff;}

.graydot li a{background: url(../images/public/icon-li3.png) left center no-repeat;}
.lygc-banner{margin:0 -10px}
.lygc-banner .col-sm-6{padding-left:10px;padding-right:10px}
.lygc-serve{background: #f6f9fc;padding-bottom:25px}
.lygc-serve span{color:#fff;cursor:default;font-weight:bold;top:55px;left:50%;margin-left:-60px;text-align:center;line-height:40px;width:120px;height:40px;}
.ly-more{text-align: center;}
.ly-more a{color:#b5d2ea;padding:8px 25px;border:1px solid #b5d2ea;background: #fff;font-size: 18px}
.f-mt45{margin-top:45px}

.ly-mapbg{background: url(../images/about/mapbg.png) center center no-repeat;padding-bottom:30px}
.ly-road{height:430px;background: url(../images/about/lu.png) center center no-repeat;position: relative;}
.road-one,.road-two,.road-three,.road-four,.road-five,.road-six{width:232px;height:152px;color:#fff;line-height:24px;position: absolute;}
.ly-road span{ animation: fadein 1s .5s both; cursor: default; display:block; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.road-one{background: url(../images/about/road1.png) center center no-repeat;left:13px;bottom:127px}
.road-two{background: url(../images/about/road2.png) center center no-repeat;left:308px;bottom:40px;}
.road-three{background: url(../images/about/road3.png) center center no-repeat;left:587px;bottom:12px}
.road-four{background: url(../images/about/road4.png) center center no-repeat;left:506px;bottom:250px;}
.road-five{background: url(../images/about/road5.png) center center no-repeat;right:313px;bottom:223px;}
.road-six{background: url(../images/about/road6.png) center center no-repeat;right:0;bottom:182px}
.road-one span{background:rgb(119 104 255)}
.road-three span{background:rgb(59 158 211)}
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}

#certify{margin:auto;position: relative;}
#certify .swiper-container {padding-bottom: 25px;}
#certify .swiper-slide,#certify .swiper-slide img {width: 563px;height: 336px;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{text-align:center;position: absolute; left: 0; right: 0; bottom: 0; padding: 0 18px; line-height: 44px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;color: #fff;background: url(../images/page/bg-op50.png) repeat;}
#certify .swiper-button-prev {left: -48px;top:130px;width: 24px;height: 50px;background: url(../images/index/rowprev.png) no-repeat;}
#certify .swiper-button-prev:hover {background: url(../images/index/rowprevcur.png) no-repeat;background-size: 100%}
#certify .swiper-button-next {top:130px;right: -48px;width: 24px;height: 50px;background: url(../images/index/rownext.png) no-repeat;}
#certify .swiper-button-next:hover {background: url(../images/index/rownextcur.png) no-repeat;background-size: 100%}

/* 美景贵池 */
.mj-tab{background: url(../images/about/bgline.png) center 20px no-repeat;padding:0 50px;position: relative;height:67px;overflow: hidden;}
.mj-tab li{float:left;width:125px;text-align: center;position: relative;cursor:pointer}
.mj-tab li i{display: block;width:16px;height:25px;background: url(../images/about/graydot.png) center no-repeat;margin:auto}
.mj-tab li span{display: block;height:42px;line-height: 42px;overflow: hidden;}
.mj-tab li.u-active i{background: url(../images/about/bluedot.png) center no-repeat;}
.mj-tab .hd a{display:block;position: absolute;width: 48px;text-align: center; height: 48px;z-index: 99;top: 0;}
.mj-tab .hd .prev{left: 0;background: url(../images/about/prev.png) center center no-repeat;}
.mj-tab .hd .next{right: 0;background: url(../images/about/next.png) center center no-repeat;}

.g-special li{margin-right:20px}
.g-special{height:225px;overflow: hidden;}
.g-special li,.g-special img{width:327px;height: 225px}

.m-sjgccont{background: #f1f6fa;padding:40px 0 60px 0;}
.m-sigjitem li{background: #f1f6fa;}
.m-sigjitem a{display: block;position: relative;overflow: hidden;background: #f1f6fa;}
.m-sigjitem img.f-pa{top:50%;left:50%;margin-left:-61px;transform: translateY(-50%);}
.m-sigjitem p{background: url(../images/about/wordbg.png) center center no-repeat;overflow:hidden;color:#fff;bottom:-190px;height:190px;padding:15px;line-height: 32px;transition: all .3s linear;}
.m-sigjitem a:hover p{bottom:0;}
.m-sigjitem img:first-child{display:block;width:100%;height:430px}
.m-sigjitem li:nth-child(1),.m-sigjitem li:nth-child(3){margin-top:50px}

.m-xzxccont{margin-top:-10px}
.m-xzxccont li{margin-top:30px}
.m-xzxccont h2{font-size: 18px;font-weight: normal;line-height: 28px}
.m-xzxccont p,.m-xzxccont span{color:#999}
.m-xzxccont p{height:74px;line-height: 24px;overflow: hidden;font-size:14px;margin-top:10px}
.m-xzxccont div.f-fl{margin-right:15px;overflow: hidden;}
.m-xzxccont img{display: block;width:236px;height:172px;object-fit: cover}
.m-xzxccont span{display: block;margin-top:15px}

/* 投资贵池 */
.tz-title{background:url(../images/about/tztitles.png) center  no-repeat; text-align: left;line-height: 33px}
.tz-title h2{font-size: 30px;font-weight: bold;}
.tz-more{float:right;color:#999;padding-right:20px;background:url(../images/about/row.png) right center  no-repeat;}
.tz-title2{background:url(../images/about/tztitlel.png) 140px center  no-repeat;}

/* 轮播 */
.pageState{font-size: 30px;color:#fff}
.tz-flash,.tz-flash .owl-item,.tz-flash img{height: 430px;}
.tz-flash img{display: block; width: 100%;transition: all linear .3s;object-fit:cover }
.tz-flash img:hover{transform: scale(1.1);}
.tz-flash li,.tz-flash li a{position: relative;}
.tz-flash li a{display: block;}
.tz-flash .opacbg{position: absolute; left: 0; right: 0; bottom: 0; padding:15px 90px 15px 18px;color: #fff;background: url(../images/page/bg-op50.png) repeat;}
.tz-flash  h2{font-size: 20px;margin-bottom:8px}
.tz-flash p{line-height: 26px}
.m-flash .hd2{bottom:40px}

.tz-introduce{background:url(../images/about/tzbg.png) center  no-repeat;padding:25px 0}
.tz-introduce .m-tabstyle1 a{background: #fff;text-align: center;padding:10px 25px}
.tz-introduce-detail{line-height: 34px;max-height: 255px;overflow: hidden;}


/** 走进贵池 **/
.gc-container{width:100%;height:100%}
.gc-container .container{overflow: hidden;}
.gc-container .u-logo{display: block;width:526px}
.gc-container .u-logo,.gc-container .mgc-search {float:none;margin:auto}
.gc-container .mgc-search{margin-top:54px;width:660px}
/* 大图轮播基础样式 */
.timeline {width: 100%;height:100%;background-color: #fff;}
.timeline .swiper-container {width: 100%;height:100%;position: relative;}
.timeline .swiper-slide {position: relative;height:100%!important;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.timeline .swiper-pagination {left: 0!important;height: 275px;width:90px;font-size: 16px;z-index: 1;}
.timeline .swiper-pagination-bullet {width: 100px;height: 53px;line-height: 53px;text-align: center;opacity: 1;background: transparent;color: #fff;margin: 1px 0 !important;position: relative;background: #3994de;border-radius:0 50px 50px 0;}
.timeline .swiper-pagination-bullet:last-child{display: none}
.timeline .swiper-pagination-bullet-active {background: #015293;}
.timeline .swiperfoot{height:auto!important;}

/* 地理贵池 */
.togc-title{padding-top:80px;text-align: center;}
.togc-title a{display: block;width:400px;margin:auto}
.togc-title .togc-title-more{display:inline;width:auto;color:#fff;padding:3px 20px 4px 20px;background: #76b1e1;position: absolute;left:50%;margin-left:-50px;top:66px}
.is-mapcont{margin-top:85px}
.g-map{width: 554px; height: 527px;  background-image: url(../images/about/map.png); background-repeat: no-repeat; background-position-x: 0; background-position-y:0;}
.m-map li{position: absolute;}
.m-map li a{display: block; position: relative; font-size: 14px; color: #fff;font-weight:bold;height:20px;line-height: 20px;text-align: center;}
.m-map li.u-active a::before{content: ''; position: absolute; z-index: 2; left: 0; top: 0px; margin-left: -13px; width: 14px; height: 14px; background: url(../images/about/icon-cc.png) center no-repeat;}
.m-map li.u-active a::after{content: ''; position: absolute; z-index: 1; left: -6px; top: 6px;  background-color: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.3) inset; -webkit-animation-name:'ripple'; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal;}
.m-map li.bgr.u-active a::before{left:auto;right:0;margin-right: -13px;}
.m-map li.bgr.u-active a::after{left:111%;}
.m-map li a:hover{color: #fff;}
@keyframes ripple {
    0% {
        opacity: .75;
        width: 0;
        height: 0;
    }
    100% {
        margin: -25px 0 0 -25px;
        opacity: 0;
        width: 50px;
        height: 50px;
    }
}
.bgl{background: url(../images/about/bgl.png) center no-repeat;background-size: 100% 100%}
.bgl a{padding:0 5px 0 10px}
.bgr{background: url(../images/about/bgr.png) center no-repeat;background-size: 100% 100%}
.bgr a{padding:0 10px 0 5px}
.u-map1{left: 283px; top: 153px;}
.u-map2{right: 47px; top: 66px;}
.u-map3{left: 330px; top: 87px;}
.u-map4{left: 226px; top: 104px;}
.u-map5{left: 196px; top: 155px;}
.u-map6{left: 350px; top: 180px;}
.u-map7{left: 170px; top: 178px;}
.u-map8{left: 450px; top: 136px;}
.u-map9{left: 118px; top: 150px;}
.u-map10{left: 46px; top: 190px;}
.u-map11{left: 337px; top: 245px;}
.u-map12{left: 275px; top: 221px;}
.u-map13{left: 48px; top: 319px;}
.u-map14{left: 164px; top: 350px;}
.u-map15{left: 377px; top: 326px;}
.u-map16{left: 5px; bottom: 68px;}
.u-map17{left: 117px; bottom: 82px;}
.u-map18{left: 264px; bottom: 118px;}
.u-map19{left: 377px; bottom: 92px;}
.u-map20{left: 186px; bottom: 256px;}

.m-childgroup{width:720px}
.m-childgroup h2{text-align: center;margin:20px 0}
.m-childgroup .m-childword{line-height: 35px;height:264px;overflow: hidden;}
.m-childimg{display: flex;justify-content: space-between}
.m-childimg a{display: block;width:230px;height:160px;overflow: hidden;}
.m-childimg img{width:230px;height:160px;object-fit: cover;transition: all .3s linear;}



/* 人文贵池 */
.rwgc-cont{margin-top:105px}
.rwgc-cont ul li{width:240px;height:268px;background:url(../images/about/rwbg.png) center  no-repeat;}
.rwgc-cont ul li a{height:248px;display: flex;align-items: center;flex-direction: column;justify-content: center}
.rwgc-cont ul li p{font-size: 24px;color:#fff;font-weight: bold;margin-top:20px}
.rwgc-list1{width:88%;margin:auto;display: flex;justify-content: space-between}
.rwgc-list2{width:65%;margin:auto;display: flex;justify-content: space-between}
.togc-imgleft{width:960px;position: relative;}
.togc-imgleft ul{overflow: hidden;}
.togc-imgleft ul li{margin-top:30px}
.togc-imgleft ul li a{display: block;position: relative;}
.togc-imgleft ul span{display:none;position: absolute;padding:0 20px;color:#fff;font-size:24px;font-weight:bold;line-height: 58px;background: url(../images/page/bg-op50.png) repeat;top:85px;left:50%;transform: translateX(-50%);}
.togc-imgleft ul li:hover span{display: block;}
.togc-imgleft ul li a{display:block;width:100%;height:276px;overflow:hidden;}
.togc-imgleft img{display:block;width:100%;height:276px;object-fit: cover;transition: all .3s linear;}
.togc-imgleft .togc-js img{width:160px!important;height:160px!important}
.togc-js{position: absolute;left:50%;top:50%;margin-left:-80px;margin-top:-80px}
.togc-imgright{width:376px;background:url(../images/about/csmpbg.png) center  no-repeat;padding:30px 15px;margin-top:30px;height: 580px}
.togc-imgright ul{margin-top:30px}
.togc-imgright li{line-height: 68px;font-size:20px;color:#fff;background:rgb(255,255,255,0.1);margin-top:10px;padding-left:20px}


/* 旅游贵池 */
.gc-dtvideo{width:885px;height:572px}
.togc-vediocont {margin-top:60px}
.togc-vedioright ul{width:445px;display: flex;flex-wrap: wrap;justify-content: space-between}
.togc-vedioright ul li{margin-bottom:20px}
.togc-phone{display: flex;align-items: center;height:110px;background: #fff;justify-content: center}
.togc-phone span{font-size: 24px;font-weight: bold;margin-left:30px}

/* 投资贵池 */
.togc-banner{margin-top:60px}
.togc-banner .tz-title{background: none;border-bottom:1px solid #ddd;padding-bottom:15px}
.tz-title h2{color:#015293}
.togc-introduce{margin-bottom:40px;overflow: hidden;}
.togc-introduce li a{height:102px;display: flex;align-items: center;justify-content: center}
.togc-introduce li span{font-size: 20px;font-weight: bold;color:#fff;margin-left:25px}
.togc-introduce .togc-bg1{background:url(../images/about/togcbg1.png) center  no-repeat;}
.togc-introduce .togc-bg2{background:url(../images/about/togcbg2.png) center  no-repeat;}
.togc-introduce .togc-bg3{background:url(../images/about/togcbg3.png) center  no-repeat;}
.togc-introduce .togc-bg4{background:url(../images/about/togcbg4.png) center  no-repeat;}

.slide-down{position: absolute;text-align: center;bottom:20px;width:100%;color:#fff;}
.slide-down img{margin-top:10px}
.textshadow{text-shadow:#000 1px 1px 1px}
.m-childimg img:hover,.togc-imgleft img:hover{transform: scale(1.1);}
.togc-imgleft .togc-js img:hover{transform: scale(1.0);}
.togc-introduce li a img{transition: all .3s linear;}
.togc-introduce li a:hover img{transform:rotate3d(0, 0, 1, 45deg); }

/* .togc-title,.m-map,.rwgc-list1,.rwgc-list2,.togc-imgleft1,.togc-imgleft2,.togc-banner1,.togc-banner2,.togc-bg1,.togc-bg2,.togc-bg3,.togc-bg4,
.togc-js,.togc-imgright,.togc-imgright li,.togc-vedioleft,.togc-vedioright li,.togc-phone{display:none}
.ani-zoomin{display:block;animation: zoomIn 1s;-moz-animation: zoomIn 1s;-webkit-animation: zoomIn 1s;-o-animation: zoomIn 1s;}
.ani-fadeinleft{display:block;animation: fadeInLeft 0.8s;-moz-animation: fadeInLeft 0.8s;-webkit-animation: fadeInLeft 0.8s;-o-animation: fadeInLeft 0.8s;}
.ani-bounceInDown{display:flex;animation: bounceInDown 0.8s;-moz-animation: bounceInDown 0.8s;-webkit-animation: bounceInDown 0.8s;-o-animation: bounceInDown 0.8s;}
.ani-bounceInUp{ display:flex; animation: bounceInUp 0.8s; -moz-animation: bounceInUp 0.8s; -webkit-animation: bounceInUp 0.8s; -o-animation: bounceInUp 0.8s; }
.ani-rotateInDownLeft{display:block;animation: rotateInDownLeft 0.8s;-moz-animation: rotateInDownLeft 0.8s;-webkit-animation: rotateInDownLeft 0.8s;-o-animation: rotateInDownLeft 0.8s;}
.ani-rotateInDownRight{display:block;animation: rotateInDownRight 0.8s;-moz-animation: rotateInDownRight 0.8s;-webkit-animation: rotateInDownRight 0.8s;-o-animation: rotateInDownRight 0.8s;}
.ani-rotateIn{display:block;animation: rotateIn 0.5s;-moz-animation: rotateIn 0.5s;-webkit-animation: rotateIn 0.5s;-o-animation: rotateIn 0.5s;}
.ani-slideInRight{display:block!important;animation: slideInRight 0.3s;-moz-animation: slideInRight 0.3s;-webkit-animation: slideInRight 0.3s;-o-animation: slideInRight 0.3s;}
.ani-zoomInLeft{display:flex!important;animation: zoomInLeft 1s;-moz-animation: zoomInLeft 1s;-webkit-animation: zoomInLeft 1s;-o-animation: zoomInLeft 1s;}
.ani-zoomInRight{display:flex!important;animation: zoomInRight 1s;-moz-animation: zoomInRight 1s;-webkit-animation: zoomInRight 1s;-o-animation: zoomInRight 1s;}
.ani-zoomInUp{display:flex!important;animation: zoomInUp 1s;-moz-animation: zoomInUp 1s;-webkit-animation: zoomInUp 1s;-o-animation: zoomInUp 1s;}
.ani-flipInX{display:block!important;animation: flipInX 0.6s;-moz-animation: flipInX 0.6s;-webkit-animation: flipInX 0.6s;-o-animation: flipInX 0.6s;}*/
.slide-down{ animation:TopBots 1.2s ease-in-out infinite both; -webkit-animation:TopBots 1.2s ease-in-out infinite both; }
.is-header{position: relative;z-index: 99}
.swiper-slide1bg{position: absolute;top:120px;bottom:0;left:0;right:0;z-index:0; animation:scaleimg 3s ease-in-out both;} 


@keyframes scaleimg {
    0% {
        transform: scale(1.1,1.1)
    }

    100% {
        transform: scale(1,1)
    }
}
@keyframes TopBots {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-8px)
    }
}
/*media query*/


/* 适配小屏1000px */
@media screen and (min-width:1025px) and (max-width: 1300px) {
    .m-childgroup{width:420px}
    .m-childgroup .m-childword{height:284px;}
    .m-childgroup .m-childword p{height:100%;overflow:hidden}
    .rwgc-cont ul li{margin:5px;}
    .togc-imgleft{width:60%}
    .gc-dtvideo{width:500px;}
}
/* 适配pad */
@media screen and (min-width:768px) and (max-width: 1024px) {
    .gc-dtvideo{width:600px}

}
/*phone sm*/
@media screen and (max-width: 1024px) {
 /*旅游贵池*/ 
 .ly-title a{font-size: 28px} 
 .g-flash, .g-flash .owl-item, .g-flash img{height:250px}
 .f-mt45{margin-top:20px}
 .lygc-serve{margin-top:15px}
 .ly-more a{font-size: 16px}
 #certify .swiper-slide, #certify .swiper-slide img{width:300px;height:180px}
 .road-one{left:0;bottom:127px;z-index: 3}
.road-two{left:0;bottom:40px;padding-top:23px;z-index: 3}
.road-three{right:0;bottom:12px}
.road-four{left:0;bottom:250px;padding-top:23px;}
.road-five{right:-70px;bottom:223px;padding-top:23px;}
.road-six{right:0;bottom:-20px}
 /*美景贵池*/ 
.m-sigjitem li{width:100%;margin-top:10px!important}
.m-sigjitem img:first-child{height: 285px}
.m-xzxccont div.f-fl{width:100%;float: none}
.m-xzxccont div.f-fl img{margin:auto}
.m-xzxccont h2{font-size: 16px;margin-top:10px}
.m-xzxccont li{border-bottom:1px solid #ddd;margin-top:15px;padding-bottom:10px}
 /*投资贵池*/ 
 .tz-title{background: none}
 .tz-title h2{font-size: 24px}
 .tz-flash, .tz-flash .owl-item, .tz-flash img{height:300px}
 .tz-flash h2{font-size: 18px}
 .tz-introduce{padding:10px 0}
 .tz-introduce .m-tabstyle1 a{font-size: 16px}
 .tz-introduce-detail{max-height: 245px}
 /*走进贵池*/ 
 .gc-container .u-logo{width:100%}
 .gc-container .swiper-pagination,.gc-container .slide-down{display:none}
 .gc-container .mgc-search{width:100%!important}
 .timeline, .gc-container .swiper-slide,.timeline .swiper-container{height:auto!important}
 .gc-container .swiper-wrapper{display:block;}
 .gc-container .u-logocont{height:auto}
 .gc-container .swiper-slide1bg{top:100px}
 .togc-title{padding-top:30px}
 .togc-title a{width:70%}
 .togc-imgright{width:100%}
 .gc-container .m-map{width:100%;overflow-x: scroll;}
 .gc-container .m-childgroup{width:100%}
 .m-childgroup .m-childword{height:auto}
 .rwgc-cont ul li p{font-size:16px}
 .togc-title .togc-title-more{display:none}
 .rwgc-cont ul li{width:31.33%;margin:1%}
 .rwgc-cont ul li a,.rwgc-cont ul li{height:130px}
 .rwgc-cont{margin-top:40px}
 .rwgc-cont ul li a img{width:auto;height:40px;display:block}
 .togc-imgleft,.togc-vedioright ul,.rwgc-list1,.rwgc-list2{width:100%}
 .togc-imgleft ul li a, .togc-imgleft ul li a img{height:180px}
 .togc-vedioright ul li{width:48%;text-align:center}
 .togc-introduce li span{font-size:16px}
 .togc-imgright{height:auto}
 .togc-imgright li{font-size:16px;line-height: 54px;}
 .swiper-slide3,.swiper-slide5{padding-bottom:15px}
 .togc-phone{height:80px}
 .togc-phone span{font-size:18px}
 .togc-imgleft ul li{margin-top:10px}
 .togc-vediocont{margin-top:40px}
 .togc-banner{margin-top:30px}
 .tz-title h2{font-size:20px}
 .tz-title{line-height:20px}
 .timeline .swiper-slide{overflow:visible}
 .togc-imgright{background-size:100%}
 .togc-vedioleft{width:100%;margin-bottom:15px;}
 .togc-imgleft ul span{display:none!important}

}
/*small xs*/
@media screen and (max-width: 767px) {

    .gc-dtvideo{width:320px;height:300px}
}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}