/*--走进--*/
.zouj_bg{
    background: url(../images/zoujin/zoujin_bg.png) no-repeat top center;
    
}
.zoujin_tit{
    width: 42%;
}
.zjsp{
    width: 80%;
    margin: 0 auto;
    background: url(../images/zoujin/sp_bg.png) no-repeat;
    padding: 6% 5.8% 6% 6.2%;
    background-size: 100% 100%;
    position: relative;
    margin-top: 30px;
}
.zjsp .img{
    width: 100%;
}
.zjsp .zt{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5%;
    margin-left: -5%;
    width: 10%;
}
@media (max-width: 1200px){
    .zjsp{
        width: 90%;
    }
}
@media (max-width: 992px){
    .zoujin_tit {
        width: 66%;
    }
    .zjsp{
        width: 96%;
    }
}
@media (max-width: 768px){
.zjsp{    box-sizing: border-box;}
}
/*--走进 end--*/
/*--概况--*/
.gaik_bg{
    background: url(../images/zoujin/gaik_bg.png) no-repeat bottom center;
    margin-top: 65px;
    padding-bottom: 100px;
}
.gaik_con{
    padding: 0 2%;
    font-size: 1.125em;
    line-height: 2.111em;
    text-indent: 2em;
    margin-top: 10px;
}
.gaik_con a{
    color: #075FA5;
}
.gaik_item{
    margin-left: -13px;
    margin-right: -13px;
    
    margin-top: 50px;
}
.gaik_item li{
    width: 20%;
    float: left;
    position: relative;
}
.gaik_item li a{
    display: block;
    margin: 0 13px;
    border: 6px solid #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 0px 20px  rgba(127, 147, 173, 0.32);
    position: relative;
    transition: all .3s;
}
.gaik_item li a i{
    width: 53%;
    height: 0px;
    padding-top: 53%;
    margin: 47px auto 0;
    background: #fff;
    box-shadow: 0px 2px 12px  rgba(207, 177, 145, 0.15);
    border-radius: 50%;
    display: block;
    position: relative;
    text-align: center;
}
.gaik_item li a i span{
    width: 100%;
    height: 60%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20% 0;
}
.gaik_item li a i img{
    width: 60%;
}
.gaik_item li a h2{
    text-align: center;
    font-size: 1.625em;
    font-weight: bold;
    line-height: 1.44em;
    padding-top: 10%;
    padding-bottom: 67px;
}
.gaik_item li a p{
    padding: 0 5%;
    display: none;
    font-size: .8em;
    line-height: 1.5em;
height: 4.5em;
}
.gaik_item li .bg1{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.gaik_item li a:hover{
    transform: scale(1.2,1.2);
    z-index: 3;
}
.gaik_item li a:hover i{
    margin-top: 30px;
    width: 52%;
    padding-top: 52%;
}
    
.gaik_item li a:hover h2{
    padding-bottom: 14px;
    padding-top: 6%;
    font-size: 1.4em;

}
.gaik_item li a:hover p{
    display: block;
    margin-bottom: 14px;

        display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.gaik_item li.yellow a{
    background: linear-gradient(180deg, rgba(255, 252, 247, 0), rgba(253, 239, 223, 1) );
}
.gaik_item li.yellow a h2{
    color: #8A674A;
}
.gaik_item li.yellow a p{
    color: rgba(138, 103, 74, 0.5);
}
.gaik_item li.blue a{
    background: linear-gradient(180deg, rgba(235, 243, 255, 0), rgba(208, 226, 251, 1));
}
.gaik_item li.blue a h2{
    color: #445A9C;
}
.gaik_item li.blue a p{
    color: rgba(68, 90, 156, 0.5);
}
.gaik_item li.green a{
    background: linear-gradient(180deg, rgba(235, 255, 253, 0), rgba(216, 243, 240, 1) );
}
.gaik_item li.green a h2{
    color: #1C574E;
}
.gaik_item li.green a p{
    color: rgba(28, 87, 78, 0.5);
}
@media (max-width: 992px){
    .gaik_item li{
        width: 33.333%;
        margin-bottom: 30px;
    }
}
@media (max-width: 768px){
   .gaik_bg{
       padding-bottom:40px;
   }
   .gaik_bg .tc img{
       width: 70%;
   }
}
@media (max-width: 570px){
   .gaik_item li{
        width: 50%;
        margin-bottom: 30px;
    }
    .gaik_item li a i{
        margin-top: 18%;
    }
    .gaik_item li a h2{
        padding-bottom:20%;
        font-size: 1.45em;
    }
}
/*--概况 end--*/
/*--风光--*/
.fengg_bg{
    background: url(../images/zoujin/fengg_bg.png) no-repeat bottom center;
    padding-top: 50px;
    overflow: hidden;

margin-bottom:70px;
}
.fengg{
    position: relative;
    width: 75%;
    margin:30px auto 0px;
height:528px;
}
.fengg .swiper-container{
    overflow: inherit;
height:100%;
}
.fengg .swiper-slide .pic{
height:100%;
}
.fengg .swiper-slide img{
    width: 100%;
height:100%;
}
.fengg .swiper-slide.swiper-slide-next{
    opacity: .4;
}
.fengg .swiper-slide.swiper-slide-prev{
    opacity: .4;
}
.fengg .swiper-ctrl-prev{
    background: url(../images/zoujin/arrows_prev.png) no-repeat;
    width: 111px;
    height: 111px;
    left: -55px;
    margin-top: -55px;
}
.fengg .swiper-ctrl-next{
    background: url(../images/zoujin/arrows_next.png) no-repeat;
    width: 111px;
    height: 111px;
    right: -55px;   
    margin-top: -55px;     
}

@media (max-width: 1200px){
    .fengg .swiper-ctrl-prev,.fengg .swiper-ctrl-next{
        width: 80px;
        margin-top: -40px;
        background-size: contain;
    }
    .fengg .swiper-ctrl-prev{
        left: -40px;
    }
    .fengg .swiper-ctrl-next{
        right: -40px;
    }
 .fengg{height:auto;}
}
@media (max-width: 768px){
    .fengg_bg .tc img{
       width: 70%;
    }
    .fengg{
        width: 100%;
height:auto;
    }
    .fengg .swiper-ctrl-prev{
        left: 0px;
    }
    .fengg .swiper-ctrl-next{
        right: 0px;
    }
}
@media (max-width: 580px){
    .fengg .swiper-ctrl-prev,.fengg .swiper-ctrl-next{
        width: 16%;
        height: 32%;
        margin-top: -8%;
        background-size: contain;
    }
}
/*--风光  end--*/

/*--概况--*/
.gaik{
    width: 48.5%;
    float: left
}
.gaik .gaik_con img{
    width: 195px;
}
.gaik .gaik_con p{
    width: 67.5%;
    float: right;
    font-size: 16px;
    line-height: 31px;
    color: #000;
    text-indent: 2em;
}
@media (max-width: 1480px){
    .gaik .gaik_con p{
        width: calc(100% - 40%);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:10;
        line-clamp:10;
        
        overflow: hidden;
    }
}
@media (max-width: 1200px){
    .gaik{
        width: 100%;
        margin-bottom: 20px;
    }
    .gaik .gaik_con p{
        width: 67.5%;
    }
}
/*--概况 end--*/
/*--视频简介--*/
.spjj{
    width: 48.5%;
    float: right;
}
.spjj_con{
    font-size: 0px;
}
.spjj_con a{
    display: inline-block;
    width: 49.3%;
    height: 148px;
    margin-bottom: 20px;
}
.spjj_con a img{
    width: 100%;
    height: 100%;
}
.spjj_con a:nth-child(2n){
    margin-left: 1%;
}

@media (max-width: 1200px){
    .spjj{
        width: 100%;
        overflow: hidden;
    }
    .spjj_con a{
        height: 19vw;
    }
}
/*--视频简介 end--*/
/*--视频简介--*/
.zoujin_bg{
    width: 100%;
    background: url(../images/zoujin/zoujin_bg.png) no-repeat;
    font-size: 0px;
    height: 245px;
    padding-top: 20px;
    margin-bottom: 20px;
}
.zoujin_bg li{
    width: 12.5%;
    height: 0;
    padding-top: 12.5%;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
}
.zoujin_bg li a{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.zoujin_bg a img{
    padding-top: 12%;
}
.zoujin_bg a p{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 31px;
    margin-top:10px;
}
.zoujin_bg li.jj_icon1{
    background: #65BAE2;
    margin-right: 14.5%;
    top: 26px;
}
.zoujin_bg li.jj_icon2{
    background: #818DDF;
    margin-right: 16.4%;
}
.zoujin_bg li.jj_icon3{
    background: #839F76;
    margin-right: 17%;
    top:57px;
}
.zoujin_bg li.jj_icon4{
    background: #749BD4;
    top: 18px;
    float: right;
}
@media (max-width: 1480px){
    .zoujin_bg{
        background-size: 100% 100%;
    }
}
@media (max-width: 1200px){
    .zoujin_bg{
        background: none;
    }
    .zoujin_bg li{
        border-radius: 0px;
        width: 48%;
        height: auto;
        padding-top: 0px;
        border-radius: 5px;
        margin-bottom:20px;
    }
    .zoujin_bg li a{
        position: unset;
    }
    .zoujin_bg li p{
        padding-bottom:10%;
    }
    .zoujin_bg li.jj_icon1,.zoujin_bg li.jj_icon2,.zoujin_bg li.jj_icon3,.zoujin_bg li.jj_icon4{
        margin-right: 0px;
        top: 0px;
    }
    .zoujin_bg li:nth-child(2n){
        float: right;
    }
}
@media (max-width: 680px){
	.gaik .gaik_con img{
		display: block;
		margin: 0 auto;
	}
	.gaik .gaik_con p{
		width: 100%;
	}
}