@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
::-webkit-scrollbar {
width:0;
height:0;
}
body { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0.24rem; color: #666; font-family: "PingFang SC", -apple-system-font, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif ;background: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{max-width: 750px;margin: 0 auto;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li, dl, dt, dd, ol, p, img { list-style: none; border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em, i { font-style: normal; }
button, select, textarea, input { font-size: 0.28rem; border: none; -webkit-appearance: none; appearance: none; border-radius: 0; outline: none; -webkit-tap-highlight-color: rgba(255,0,0,0); font-family: "PingFang SC", -apple-system-font, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif }
input[disabled] { background-color: #fff; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #999; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #999; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #999; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #999; 
} 
a { text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover, a:focus { outline: none; text-decoration: none; }
label, dl, dt { font-weight: normal; }
/*i,em{ font-style:normal;}*/
img { max-width: 100%; height: auto; min-width: auto; min-height: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.fix { zoom: 1 }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }


/*启动页*/
html, body {
      position: relative;
      height: 100%;
    }
.swiper-container {
  width: 100%;
  height: 100%;
}

img{display: block;}
.pr{position: relative;}
.pa{position: absolute;}
.music{display: block;width: 0.52rem;height: 0.52rem;border: 1px solid #fff;border-radius: 50%;position: fixed;top: 0.3rem;right: 0.3rem;z-index: 31;}
.music.active{-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite;}
@-webkit-keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
#audio{display: none;}
.swiper-slide{background-repeat: no-repeat;background-position: top center;background-size: cover;}
.swiper-pagination{display: none;}
.swiper-slide1{background-image: url(../bimages/bg1.jpg);}
.swiper-slide2{background-image: url(../bimages/bg2.jpg);}
.swiper-slide3{background-image: url(../bimages/bg3.jpg);}
.logo{margin: .3rem 0 0 .6rem;width: 18%;}
.text{width: 90%;margin: .15rem auto 0;}
.bg1{position: absolute;left: 0;bottom: 0;width: 100%;}
.hunan{margin-top: -.2rem;position: relative;z-index: 2;}
.hunan img{width: 1.8rem;}
.hunan img.hunan-map{width: 100%;margin: 0 auto;}
.navimg{display: block;}
.hunan .navimg img{position: relative;z-index: 2;}
.hunan img.guang{display: none;position: absolute;bottom: -.1rem;left: 50%;transform: translateX(-50%);width: 80%;z-index: 1 !important;}
.changde{position: absolute;top: 14%;left: 42%;}
.changshaxian{position: absolute;top: 27%;right: 5%;}
.changshaying{position: absolute;top: 28%;right: 21%;}
.huitong{position: absolute;top: 49%;left: 10%;}
.liling{position: absolute;top: 37.5%;right: 7%;}
.yueyang{position: absolute;top: 8%;right: 4%;}
.yueyangxin{position: absolute;top: 17%;right: 14.5%;}
.zhijiang{position: absolute;top: 38%;left: 7%;}
.zhuzhou{position: absolute;top: 48%;right: 10%;}
/*会同*/
.ht_img1{position: absolute;top: 0;right: 0;width: 90%;}
.huitong_text{position: absolute;bottom: 12%;left: 0;width: 100%;}
.ht_btn{left: 3%;bottom: 1.5%;}
.btn_img{width: 4.25rem;}
.ht_img{position: absolute;top: 19.5%;left: 3.7%;}
.ht_img3{width: 46%;margin-left: 3%;}
.ht_img4{width: 66%;position: absolute;left: 0;top: 85%;z-index: 2;}
.ht_img5{width: 49%;position: absolute;right: 0;top: 75%;}
/*醴陵*/
.ll_img1{position: absolute;top: 0;left: 0;width: 90%;}
.ll_img{position: absolute;top: 16%;right: 0;bottom: 0;}
.ll_img3{width: 47%;position: relative;left: 50%;}
.ll_img4{width: 57.6%;right: 1%;top: 22%;z-index: 2;}
.ll_img5{width: 63.5%;right: 0;top: 38%;}
.ll_img6{width: 46%;left: 10%;top: 32%;z-index: 4;}
.ll_text{position: absolute;bottom: 12%;left: 0;width: 100%;}
.ll_btn{right: 3%;bottom: 1.5%;}
/*长沙县*/
.csx_img{top: 18%;}
.csx_img3{width: 90%;position: relative;left: 7%;}
.csx_img4{width: 40%;right: 3%;top: 60%;}
/*长沙县影珠山*/
.csy_img4{width: 46%;position: relative;left: 43%;z-index: 2;}
.csy_img3{width: 47.5%;right: 17%;top: 78%;z-index: 1;}
.csy_img5{width: 63.6%;right: 3.2%;top: 60%;z-index: 3;}
.csy_img6{width: 45%;left: 7%;top: 85%;z-index: 4;}
/*常德*/
.cd_img{top: 17%;}
.cd_img3{width: 55%;position: relative;left: 40%;z-index: 2;}
.cd_img4{width: 82%;left: 5.6%;top: 77%;z-index: 1;}
.cd_img5{width: 45.7%;right: -1.5%;top: 101%;z-index: 3;}
/*岳阳*/
.yy_img{top: 17%;}
.yy_img3{width: 46%;position: relative;left: 8%;z-index: 1;}
.yy_img4{width: 63%;left: 6%;top: 84%;z-index: 2;}
.yy_img5{width: 40.5%;right: 11%;top: 110%;z-index: 3;}
/*岳阳新墙河*/
.yyx_img4{width: 83%;left: 4%;top: 76%;z-index: 2;}
.yyx_img5{width: 47%;right: 3.2%;top: 105%;z-index: 3;}
/*株洲*/
.zz_img{top: 17.8%;}
.zz_img3{width: 54.5%;position: relative;left: 39.5%;z-index: 2;}
.zz_img4{width: 76%;left: 8%;top: 78%;z-index: 1;}
.zz_img5{width: 42%;right: 1%;top: 111%;z-index: 3;}
/*怀化芷江*/
.zj_img{top: 18.3%;}
.zj_img3{width: 46%;position: relative;left: 44%;z-index: 2;}
.zj_img4{width: 47.5%;left: 35.4%;top: 86%;z-index: 1;}
.zj_img5{width: 53%;right: 4%;top: 72%;z-index: 3;}
.zj_img6{width: 46.2%;left: 8.7%;top: 83%;z-index: 4;}
.zj_img7{width: 35.4%;right: 1%;top: 110%;z-index: 4;}


.maincon{width: 6.32rem;margin: 1.5rem auto 0;}
.mainbot{position: absolute;bottom: 1.2rem;left: 0;width: 100%;}
.time{font-size: .24rem;color: #fff;text-align: center;}
.time span{display: block;margin-top: .1rem;}
.jing{font-size: .3rem;color: #cba576;text-align: center;margin-top: .85rem;}
.slider{position: fixed;bottom: .6rem;left: 50%;width: 0.46rem;margin-left: -0.23rem;-webkit-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out;z-index: 30;}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translateY(10px)}60%{opacity:1;-webkit-transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-8px)}}
@keyframes start{0%,30%{opacity:0;transform:translateY(10px)}60%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-8px)}}


/*预算弹窗*/
.ceng{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 40;background: rgba(0,0,0,0.77);display: none;}
.pop{position: fixed;top: 0;left: 0;z-index: 41;display: none;}
.pop img{display: block;}
.pop span{display: block;font-size: 1.3rem;color: #fff5de;text-shadow: 0 .06rem .16rem rgba(18,10,1);position: absolute;top: 35%;left: 0;width: 100%;text-align: center;}


.anipic{-webkit-animation: picDraw 2s ease-in-out infinite;}
.anipic img.guang,.anipic2 img.guang{display: block;}
.anipic1{-webkit-animation: picDra 2s ease-in-out infinite;}
@keyframes picDraw {
    0%{
	    transform: scale(1);  /*开始为原始大小*/
	}
	25%{
	    transform: scale(1.2); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }
}
@keyframes picDra {
    0%{
	    transform: scale(1);  /*开始为原始大小*/
	}
	25%{
	    transform: scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.05);
    }
}














