.banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.banner .swiper-pagination-bullet{
    background: rgba(255,255,255,0.9);
    width: 30px;
    height: 5px;
    border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
    background: #fff;
}
.banner .swiper-button-next, .banner .swiper-button-prev{
    width: 85px;
    height: 85px;
    margin-top: -42px;
}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after{
    width: 85px;
    height: 85px;
    content: "";
    background: url(../images/next.png) no-repeat center center;
}
.banner .swiper-button-prev::after{
    background: url(../images/pre.png) no-repeat center center;
}


.top-block{
    margin: 30px auto;
}
.pic-news{
    height:405px; overflow:hidden; position:relative;
}
.pic-news h3{
    background:rgba(0,0,0,0.5);
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    bottom:0px;
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    font-weight: normal;  
    box-sizing: border-box;

}
.pic-news img{ width:100%; height:405px; display:block;  object-fit: cover;}

.pic-news .swiper-pagination-bullet{
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    opacity: 1;
}
.pic-news .swiper-pagination-bullet-active{
    background: #b99f63;
}
.pic-news .swiper-pagination{
    width: auto !important;
    left:unset !important;
    right: 15px !important;
}
.right_news{
    height: 405px;

}
/* 本例子css */
.slideTxtBox{ height: 405px;text-align:left;  }
.slideTxtBox .hd{ height:50px; line-height:50px;border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{width:100%; position:absolute; left:0px; top:1px; height:50px;   }
.slideTxtBox .hd ul li{ float:left; width:25%;text-align:center;font-weight:bold; cursor:pointer;font-size: 24px;}
.slideTxtBox .hd ul li a{color:#333;}
.slideTxtBox .hd ul li:nth-of-type(1){margin-left: 0px;}
.slideTxtBox .hd ul li.on{ height:49px;  background:#fff; border-bottom:2px solid #963131;color: #963131;}
.slideTxtBox .hd ul li.on a{color: #963131;}

.slideTxtBox .bd ul{ padding:20px 0;  zoom:1;  }
.slideTxtBox .bd li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 17px; height:42px; line-height:42px;}
.slideTxtBox .bd li .date{ float:right; color:#999;  font-size: 14px;}
.slideTxtBox .bd li a{
    color: #000;
}
.slideTxtBox .bd li:hover a{
    color: #963131;
}
.top_news{
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.top_news h1 a{
    color: #222222;
    font-size: 20px;
    font-weight: normal;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    margin-bottom: 10px;
}
.top_news p{
    color: #888;
    height: 56px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px;
}
.top_news p a{
    color: #963131;
}
.ad img{
    width: 100%;
    height: auto;
    display: block;
}
.news{
    margin-top: 20px;
}
.n-title{
    border-bottom: 1px solid #e0e0e0;
    height: 42px;
    line-height: 42px;
}
.n-title h1{
    position: relative;
    color: #000000;
    font-size: 24px;
    padding-left: 15px;
}
.n-title h1::before{
    content: "";
    background: #963131;
    width:4px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 3px;
}
.n-title a{

    font-weight: bold;
    color: #963131;
}

.news ul{
    padding: 10px 0;
}
.news ul li{
    padding-left: 15px;
    position: relative;
}
.news ul li::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #d2d2d2;
    position: absolute;
    left: 0;
    top: 18px;
}
.news ul a{
    display: block;
    height: 42px;
    line-height: 42px;
    color: #222222;
    font-size: 17px;
}
.news ul li:hover a{
    color: #963131;
}
.spec{}
.spec .spec-title {
    text-align: center;
    position: relative;
}
.spec .spec-title::before{
    content:"";
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    left: 0;
    top: 27px;
}
.spec .spec-title h1{
    font-size: 30px;
    padding: 0 70px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: relative;
    background: #fff;
}
.spec .spec-title h1 a{
	display:block;
	color:#000;
}
.spec .spec-title h1::before,.spec .spec-title h1::after{
    content: "";
    width: 15px;
    height: 16px;
    background: url(../images/dashed.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
}
.spec .spec-title h1::after{
    right: 0;
    left:unset;
}
.spec-list{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:30px 0;
	position:relative;
}
.spec-list img{
	width:100%;
	height:auto;
	object-fit:contain;
}
.spec-list .swiper-button-next, .spec-list .swiper-button-prev{
	color:rgba(255,255,255,0.7);
}
.spec .lists{
    padding: 20px 0;
}
.spec .item{
    padding: 5px;
}
.spec .item img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.park{
    width: 100%;
    background: url(../images/index_bg.jpg) #fff8f8 no-repeat center bottom;
    padding: 50px 0;
}
.park .logo{
    text-align: center;
    padding-bottom: 50px;
}
.park .logo img{
    max-width: 90%;
    height: auto;
}
.park video{
    width: 100%;
    max-height: 462px;
    object-fit: cover;
    background: #000;
}
.park .service .item{
    padding: 10px;
}
.park .service .item a img{
    width: 100%;
    height: auto;
}
.park .service .video{

}
.park .info{
    margin-top:20px;
}
.park .info .title{
    background: #fff;
    text-align: center;
    padding: 20px 0;
}
.park .info .title h1{
    color: #9a7647;
    font-weight: bold;
    font-size: 26px;
    padding: 0 30px;
    display: inline-block;
    position: relative;
}
.park .info .title h1::before,.park .info .title h1::after{
    content:"";
    width: 24px;
    height: 12px;
    background: url(../images/icon1.png) no-repeat;
    position: absolute;
    left: 0px;
    top: 10px;
}
.park .info .title h1::after{
    background: url(../images/icon2.png) no-repeat;
    left: unset;
    right: 0px;
    top: 10px;
}
.park .info .time-box{
    background: #f1eaea;
    padding: 20px 0;
    text-align: center;
}
.park .info .time-box .num{
    color: #9a7647;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 5px;
}
.park .info .time-box .line{
    background: #9a7647;
    height: 3px;
    width: 20px;
}
.park .info .time-box .txt{
    color: #444;
}
.park .info .contact{
    background: #fff;
    padding: 30px;
    line-height: 36px;
    font-size: 16px;
}
.park .info .contact span{
    color: #9a7647;
}





.links{
    padding: 20px 0px;
}
.links span{
    display: block;
    background: #963131;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.link_list{
    height: 40px;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
}
.links .link_list i{
    display: block;
    font-style: normal;
    font-size: 14px;
    color: #666;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background:url(../images/select.png) #f6f6f6 no-repeat right 15px center;

}

.links .link_list ul{
    height: auto;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    display: none;
}
/*
.links .link_list:hover ul{
    display: block;
}
*/
.links .link_list ul li{
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;

}
.links .link_list ul li a{
    color: #666;
    font-size: 14px;
}
.links .link_list ul li a:hover{
    color: #963131;
}

.content{
    margin: 30px auto;
    background: #fff;
    padding: 30px;
    line-height: 24px;
    color: #222;
    font-size: 14px;
    min-height: 460px;
}
.content .topic{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}
.content .desc{
    text-align: center;
    padding: 20px 0;
    color: #666;
}
.content img,.content video{
    max-width: 100%;
    height: auto;
}
.news-list{
    margin: 30px auto;
    background: #fff;
    padding: 0 30px;
    font-size: 14px;

}
.news-list .item{
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
}
.news-list a:nth-last-of-type(1) .item{
    border: none;
}
.news-list .item .date{
    text-align: center;
    color: #000000;
}
.news-list .item .date .day{
    font-size: 40px;
    font-weight: bold;
}
.news-list .item .info{
    border-left: 1px solid #e8e8e8;
}
.news-list .item .info .topic{
    font-size: 24px;
    margin-bottom: 20px;
    color: #000;
}
.news-list .item .info .intro{
    color: #666666;
    font-size: 16px;
    line-height: 28px;
}
.news-list .item .info .more{
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
}
.news-list .item .pic{
    overflow: hidden;
}
.news-list .item .pic img{
    height: 180px;
    width: 100%;
    object-fit: contain;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
/*
.news-list .item:hover .pic img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
*/
.news-list a:hover .topic{
    color:#963131 !important;
}

.sy-gh{ width:440px; height:300px; overflow:hidden; float:left; margin-right:30px;margin-bottom: 10px; }
.sy-gh1{ height:36px; line-height:36px; font-size:18px; margin-bottom:20px;border-bottom: 1px solid #dcdcdc;position: relative;}
.sy-gh1 .more{ float:right;color:#999; font-size:12px;}
.sy-gh1 span{top: -1px;position: absolute;border-bottom: 2px solid #a73230;background:url(../images/sy_tit.png) no-repeat left center; padding-left: 20px; width:100px; float:left;}




.special-list{
    padding:20px 0px;
    background: #fff;
    margin-top: 20px;
}

.special-list a {
    margin-bottom: 10px;
    border-radius: 5px; 
	display: block; 
	border: 1px solid #e5e5e5; 
	overflow:hidden;
	 }
	 .special-list a h1{
	  text-align: center;
   
	
	line-height: 50px; 
	
	font-size: 16px;
	 color: #646464; 
	position: relative;
	 z-index: 1;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	   overflow: hidden;
	 }
.special-list a h1:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background-color: #9d1515; -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transition: transform .38s cubic-bezier(.4, 0, .2, 1); transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: hidden\9; }
.special-list a:hover h1:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 0 0; -webkit-transform-origin: 50% 0 0; visibility: visible\9; }
.special-list a:hover h1 { color: #fff; }

.special-list a img{width:100%; height:auto;}


.cogs{}
.cogs a{
	display:block;
	border:1px solid #f2f2f2;
	border-radius:5px;
	margin-bottom:25px;
	height:80px;
	background:url(../images/index1.png) no-repeat center left 30px;
	padding-left:100px;
}
.cogs a:nth-of-type(2){
	background:url(../images/index2.png) no-repeat center left 30px;
}
.cogs a:nth-of-type(3){
	background:url(../images/index3.png) no-repeat center left 30px;
}
.cogs a h1{
	font-size:18px;
	color:#222;
	display:block;
	height:80px;
	line-height:80px;
	background:url(../images/more.png) no-repeat center right 30px;
}
.cogs a:hover{
	border-color:#963131;
}

.sub-nav{
	margin-bottom:30px;
	flex-wrap:wrap;
}
.sub-nav a{
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:17px;
	padding:0 15px;
	color:#1a1a1a;
	border:1px solid #d4d6da;
	margin-right:10px;
	border-radius:5px;
	margin-bottom:10px;
}
.sub-nav a.on,.sub-nav a:hover{
	background:#963131;
	color:#fff;
	border-color:#963131;
}

@media (min-width: 1200px) {
    .link-title{
        padding:0;
    }
}




@media (max-width: 767px) {
.sub-nav{
	margin-bottom:10px;
}
.sub-nav a{
	font-size:14px;
	height:36px;
	line-height:36px;
}

.cogs a{	
	margin-bottom:10px;
	height:50px;
	background-position:left 10px center !important;
	background-size:auto 30px !important;
	padding-left:50px;
}
.cogs a h1{
	font-size:16px;
	
	height:50px;
	line-height:50px;
	background-position:right 10px center;
}




    .park .service .item{
        padding: 5px 10px;
    }
    .content{
        margin: 10px auto;
        padding: 10px;
    }
    .content .topic{
        font-size: 18px;
        line-height: 28px;
    }
    .content .desc{
        text-align: center;
        padding: 10px 0;
        color: #666;
    }
    .article-pager li{
        width: auto;
        padding: 0 10px;
    }


    .banner {
        height: 250px;
    }
    .park{
        padding: 20px 0;
    }
    .park .logo{
        padding-bottom: 20px;
    }
    .top-block{
        margin: 10px auto;
    }
    .pic-news,.pic-news img{
        height: 300px;
    }
    .slideTxtBox .hd ul li{
        font-size: 18px;
    }
    .top_news h1 a{
        font-size: 17px;
    }
    .slideTxtBox .bd li{
        font-size: 15px;
    }

    .n-title h1{
        font-size: 18px;
        padding-left: 10px;
    }
    .n-title h1::before{
        height: 15px;
        width:3px;
        top: 1px;
    }

    .news ul a{
        font-size: 15px;
    }
	
    .spec .spec-title h1{
        font-size: 18px;
        font-weight: bold;
        padding: 0 40px;
    }
    .spec .spec-title h1::before, .spec .spec-title h1::after{
        top: 17px;
    }
    .spec .spec-title::before{
        top: 24px;
    }
	
	.spec-list{
		width:calc(100% - 20px);
		margin:0 auto;
	}


}

@media (max-width: 992px) {
	.link_list{
		height:auto;
	}
    .news-list{
        margin-top: 10px;
        padding: 0;
    }
    .news-list .item{
        padding: 10px 0;
    }
    .news-list .item .info{
        padding: 0 0 0 10px;
        border-left: 0;
    }
    .news-list .item .info .topic{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .news-list .item .info .intro{
        font-size: 14px;
        line-height: 20px;
    }
    .news-list .item .info .more{
        font-size: 14px;
        margin-top: 10px;
    }
    .news-list .item .pic img{
        height: 100px;
    }
}