/* 武陵山区(湘西)文化生态资源库 - 自然资源 */
@charset "UTF-8";
.fullSlide{position:relative; float:left; width:100%; min-width:1450px; height:530px;z-index:9;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important; height:530px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:530px; }

.fullSlide .hd{ width:84%;  position:absolute; z-index:19; bottom:-10px; right:10%; height:19px; line-height:19px; }
.fullSlide .hd ul{ text-align:right;margin: 0 7px 16px 0; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:19px; height:19px; margin:0 5px; overflow:hidden; background:url(../../images/zrzy/index/icon_01.png) no-repeat;filter:alpha(opacity=100); opacity:1; line-height:999px;}
.fullSlide .hd ul .on{ background:url(../../images/zrzy/index/icon_02.png) no-repeat;opacity: 1; width:19px;height: 19px; }

.fullSlide .prev,
.fullSlide .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/index/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=40);opacity:0.4;  }
.fullSlide .prev { left: 100px; }
.fullSlide .next { background-position: 0 -90px; right: 100px; }
.fullSlide .prev:hover,
.fullSlide .next:hover { filter:alpha(opacity=60) !important;opacity:0.6 !important;  }

.index-bg1{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1450px;
    background: url(../../images/zrzy/index/bg1.jpg) no-repeat center 0;
}
ul.dzdm_datalist{
    float: left;
    width: 1450px;
    margin: 65px 0;
}
ul.dzdm_datalist li{
    position: relative;
    float: left;
    width: 715px;
    height: 900px;
    background: url(../../images/zrzy/index/icon_04.jpg) no-repeat center 0;
    margin-right: 20px;
}
ul.dzdm_datalist li:last-child{ margin-right: 0;}
ul.dzdm_datalist li a{ display: inline-block; width: 715px; height: 900px;}
ul.dzdm_datalist li .imgbox{
    float: left;
    width: 685px;
    height: 514px;
    margin: 15px;
    overflow: hidden;
}
ul.dzdm_datalist li:hover .imgbox{
    -webkit-animation:zoomIn 3s linear infinite;
    -moz-animation:zoomIn 3s linear infinite;
    -ms-animation:zoomIn 3s linear infinite;
    animation:zoomIn 3s linear infinite;
}
ul.dzdm_datalist li .titlebox{
    position: absolute;
    left: 47px;
    bottom: 56px;
    width: 321px;
    height: 333px;
    background: #e9fdff;
    border-radius: 5px;
    padding: 30px 0 0 0;

	font-family:'NSimSun_Fnt';
    font-size: 40px;
    color: #000;
    line-height: 50px;
    text-align: center;
}
ul.dzdm_datalist li .titlebox .desc{
    font-size: 20px;
    color: rgba(0,0,0,.5);
    line-height: 21px;
}
ul.dzdm_datalist li:last-child .titlebox{
    background: #e9fff4;
}
ul.dzdm_datalist li ul.num-list{
    position: absolute;
    top: 664px;
    left: 96px;
    width: 523px;
}
ul.dzdm_datalist li ul.num-list li{
    float: left;
    width: 463px;
    height: 78px;
    background: #afe8ee;
    border-radius: 5px;
    margin-bottom: 15px;

	font-family:'NSimSun_Fnt';
    font-size: 30px;
    color: #000;
    line-height: 78px;
    padding: 0 35px 0 25px;
}

ul.dzdm_datalist li:last-child ul.num-list li{ background: #b5ebd0;}
ul.dzdm_datalist li ul.num-list li span{ float: right; line-height: 78px; margin-left: 5px;}
ul.dzdm_datalist li ul.num-list li i{ float: right; font-size: 60px;}
ul.dzdm_datalist li span.arrow{
    position: absolute;
    right: 43px;
    bottom: 33px;
    width: 20px;
    height: 8px;
    background: url(../../images/zrzy/index/icon_03.png) no-repeat center 0;
}

.index-bg1 .swiper01{ float:left; width:100%; min-width: 1450px; height: 470px;}

.index-bg1 .swiper-wrapper {
  transition-timing-function: linear !important;
}
.index-bg1 .swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: linear;    /*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	/* 这里是改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑 */
    /* 样式做了各种浏览器的兼容 */
    transition-timing-function:linear !important;
    -webkit-transition-timing-function: linear !important;   
	  -moz-transition-timing-function: linear !important;
	  -ms-transition-timing-function: linear !important;
	  -o-transition-timing-function: linear !important;
	  transition-timing-function: linear !important;
	margin: 0 auto;
}
.index-bg1 .swiper01 .swiper-slide{ position: relative; width: 320px; height: 470px;}
.index-bg1 .swiper01 .swiper-slide .imgbox{ float: left; width: 320px; height: 470px;}
.index-bg1 .swiper01 .swiper-slide .zrbhqy-cover{display:none; position: absolute; top: 0; left: 0; width: 320px; height: 470px; background: rgba(10,73,79,.9);}
.index-bg1 .swiper01 .swiper-slide .zrbhqy-title{position: absolute; top: 170px; left: 20px; width: 280px; font-family: "HMOS_S_S_Bold"; font-size: 22px; color: #fff; font-weight: 500; line-height: 30px; text-align: center;}
.index-bg1 .swiper01 .swiper-slide .zrbhqy-type{ position: absolute; bottom:170px; left: 20px; width: 280px; text-align: center;}
.index-bg1 .swiper01 .swiper-slide .zrbhqy-type span{ display: inline-block; width: 100px; height: 35px; background: #53b1b9; border-radius: 3px; font-family: "HMOS_S_S_Bold"; font-size: 14px; color: #fff; line-height: 35px; text-align: center;}

.index-bg1 .swiper01 .swiper-slide:hover .zrbhqy-cover{ 
    display: block;
    -webkit-animation: 900ms linear 0s fadein alternate;
    -moz-animation: 900ms linear 0s fadein alternate;
    -o-animation: 900ms linear 0s fadein alternate;
    animation: 900ms linear 0s fadein alternate;
}

.index-bg2{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1450px;
    min-height: 618px;
    padding: 45px 0;
    background: url(../../images/zrzy/index/bg2.jpg) no-repeat center 0;
}
.stjq_titlebox{
    float: left;
    width: 1450px;
    font-family:'NSimSun_Fnt';
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 18px;
    margin-bottom: 30px;
}
.stjq_titlebox span{
    font-size: 30px;
    line-height: 30px;
    background: url(../../images/zrzy/index/icon_05.png) no-repeat center bottom;
    padding-bottom: 5px;
}

ul.stjq_datalist{
    float: left;
    width: 1450px;
    margin-bottom: 65px;
}
ul.stjq_datalist li{
    position: relative;
    float: left;
    width: 470px;
    height: 470px;
    margin-right: 20px;
}
ul.stjq_datalist li:nth-child(3n){ margin-right: 0;}
ul.stjq_datalist li .imgbox{
    float: left;
    width: 470px;
    height: 470px;
}
ul.stjq_datalist li .stjq_cover{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 470px;
    height: 470px;
    background: rgba(58,145,130,.75);

	font-family:'HMOS_S_S_Bold';
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 470px;
}
ul.stjq_datalist li .stjq_cover i.arrow{
    position: absolute;
    bottom: 36px;
    left: 225px;
    width: 20px;
    height: 8px;
    background: url(../../images/zrzy/index/icon_04.png) no-repeat center 0;
}
ul.stjq_datalist li:hover .stjq_cover{ display: block;}

/* 定义动画 */
@keyframes zoomIn {
  from {
    background-size: 100%; /* 初始大小 */
  }
  to {
    background-size: 125%; /* 最终大小，即放大50% */
  }
}