@charset "UTF-8";
/* 基础设置 */
*{box-sizing:border-box;}
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-webkit-appearance: none;}

a:link{text-decoration:none; }
a:visited{text-decoration:none; }
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
* { margin: 0px; padding: 0px;box-sizing: border-box;; outline: none }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
.clear { clear: both; height:0;}
input, select { vertical-align: middle; }
img{max-width: 100%;}
table { margin: 0px auto;}/*table-layout: fixed;*/
p{margin: 0 0 0px;}
h2,h3,h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fl{float:left;}
.fr{float:right;}
.row{margin-right: -15px;margin-left:-15px;}
.col-md-6{padding-right: 15px;padding-left: 15px;width: 50%;float: left;}
ul:after,.row:after{content: ".";display: block;height: 0;width: 50%;clear: both;visibility: hidden;}
.c-width{width: 1200px;margin: 0 auto;background: #fefdfc;}
.c-width a{color:inherit}

/* 切换 */
.tab{
	position:relative;
	padding: .12rem 0;
	border-bottom: 2px solid #eeeeee;
	margin-bottom: 10px;
	font-size: 20px;
}
.tab a{
	transition:all .3s;
	margin-right: .2rem;
	font-size:20px;
	width:200px;
	height:50px;
	line-height:50px;
	font-weight: bold;
}
.tab a.current{
	color: #fff;
	width:200px;
	height:50px;
	background-color:#1862b1;
	font-weight: bold;
}
.c-width .p1{
	position: relative;
	padding-left:80px;
}

.tab a.more {
    position: absolute;
    color: #3076ce;
    font-size: 14px;
    padding: 2px 6px;
    right: 0;
    background: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-family: Source Han Serif SC;
}
.tab-animate{
    position: absolute;
    left: 0;
    background: #0c55bb;
    content: "";
    width: 67px;
    height: 2px;
    bottom: -2px;
    transition: all .3s;
}
[class*="tab-pane"] .pane>div,
[class*="tab-pane"] .pane>ul{
	display: none;
}
[class*="tab-pane"] .pane>div.active,
[class*="tab-pane"] .pane>ul.active{
	display: block;
}

/* 文字列表 */
.list-t li{
	line-height: 30px;
	font-size: 16px;
	padding: .3rem 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	overflow: hidden;
}


.list-t li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #1862b1;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all .3s;
}
.list-t li:hover:after{
	transform: scale(1,1);
}
.list-t li a{
	display: block;
	white-space: inherit;
	overflow: hidden;
	transition: all .3s;
}

.list-t li span {
    color: #999999;
    font-size: 14px;
    position: absolute;
    bottom: 0;
}
.list-t li h3{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666666;
	font-weight:600;
	font-size: 18px;
	margin: .05rem 0 0.1rem;
	font-weight: normal;
	transition: all .3s;
}

.list-t li .img {
    width: 24%;
    float: left;
    height: 1.53rem;
    background: url(../ysdwimages/kjsno-pic.png) no-repeat;
    background-size: 100% 100%;
}

.list-t li .text {
    width: 76%;
    float: left;
    padding-left: .44rem;
    position: relative;
    height: 1.53rem;
}

.list-t li .text h3{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666666;
	font-weight:600;
	font-size: 18px;

}
.list-t li:hover .text h3{

	color: #1862b1;

}

.list-t li .img img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    display: block;
}

.list-t li p {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: .2rem;
    transition: all .3s;
}

/* 图文列表 */
.list-p li {
    float: left;
    width: 22.5%;
    margin-right: 3.333%;
    box-shadow: 0px 1px 12px rgba(101, 96, 96, 0.29);
    margin-top: 36px;
    position: relative;
    transition: transform .3s;
}

.list-p li a {
    display: block;
}

.list-p li:nth-child(4n+4) {
    margin-right: 0;
}
.list-p li:hover{
	transform: translateY(-10px);
	box-shadow: 0px 0px 15px rgba(73, 68, 61, 0.53);
}
.list-p li h3 {
    font-size: 18px;
    font-weight: 600;
    color: #685133;
    padding: 10px 0 10px;
}

.list-p li p {
    line-height: 30px;
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-p li .photo {
    display: block;
    position: relative;
}
.list-p li img{
	width: 100%;
	height: 176px;
}
.list-p li:hover{
	transform: translateY(-10px);
	box-shadow: 0px 0px 15px rgba(73, 68, 61, 0.53);
}
.list-p li:hover p {
    color: #1a9774;
    font-weight: bold;
}


/* 图片经过效果 */
.scale1{
	overflow: hidden;	
}
.scale1 img {
    width: 100%;
    transition: all .3s;
}
.scale1:hover img{
    transform: scale(1.1);
}

/* 轮播图 */
.focus .pic span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 80px 10px 10px;
    line-height: 26px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.47);
    color: #fff;
}

.focus .pic img {
    height: 3.15rem;
    width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    left: inherit;
    right: 0;
    text-align: right;
    padding-right: 10px;
}

 /* 专题图css */
        
.topic {
    position: relative;
}

.topic .scroll {
    position: relative;
}

.topic li {
    width: 320px\9;
}



.topic li a {
    display: block;
    width: 300px\9;
    margin: 0 .1rem;
    overflow: hidden;
}

.topic li img {
    max-width: 100%;
    width: 100%;
    height: 2rem;
    transition: all .3s;
}
.topic li:hover img {transform:scale(1.1)}
.topic-prev,
.topic-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -20px;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eee;
    cursor: pointer;
}

.topic-prev {
    left: 0px;
    /* background: url(../ysdwimages/zt-fyyzd-left.png); */
}

.topic-next {
    right: 0px;
    /* background: url(../ysdwimages/zt-fyyzd-right.png); */
    
}

/* 动画 */

/* 鼠标经过四周边框同时转 */
.border-line-around:after,
.border-line-around:before,
.border-line-around p:after,
.border-line-around .photo:before{
	content: '';
	display: block;
	position: absolute;
	transition: all .3s;
	background:#1a9774;
	z-index: 99;
	width: 0;
	height: 0;
}
.border-line-around:after,
.border-line-around:before{
    width: 3px;
}
.border-line-around:after{
	top:0;
	right: 0;
}
.border-line-around:before{
	left:0;
	bottom:0;
}
.border-line-around p:after,
.border-line-around .photo:before{
	height: 3px;
}
.border-line-around p:after {
    right: 0;
    bottom: 0;    
}
.border-line-around .photo:before {
    top: 0px;
    left: 0px;
}
.border-line-around:hover .photo:before,
.border-line-around:hover  p:after{
    width: 100%;
}
.border-line-around:hover:after,
.border-line-around:hover:before {
    height: 100%;
}


/* 边框顺时针转一圈 自动*/
.border-anmial-circle{
	display: block;
	transition: all 0.3s linear;
	position: relative;
	overflow: hidden;
}
.border-anmial-circle span {
	position: absolute;
	display: block;
	z-index: 99;
}
.border-anmial-circle span:nth-child(1) {
	top: 0;
	left: -100%;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, transparent, #1a9774);
	animation: btn-anim1 4s linear infinite;
}
.border-anmial-circle span:nth-child(2) {
	top: -100%;
	right: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(180deg, transparent, #1a9774);
	animation: btn-anim2 4s linear infinite;
	animation-delay: 1s;
}
.border-anmial-circle span:nth-child(3) {
	bottom: 0;
	right: -100%;
	width: 100%;
	height: 3px;
	background: linear-gradient(270deg, transparent, #1a9774);
	animation: btn-anim3 4s linear infinite;
	animation-delay: 2s
}
.border-anmial-circle span:nth-child(4) {
	bottom: -100%;
	left: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(360deg, transparent, #1a9774);
	animation: btn-anim4 4s linear infinite;
	animation-delay: 3s
}
@keyframes btn-anim1 {
	0% {
		left: -100%;
	}
	50%,
	100% {
		left: 100%;
	}
}
@keyframes btn-anim2 {
	0% {
		top: -100%;
	}
	50%,
	100% {
		top: 100%;
	}
}
@keyframes btn-anim3 {
	0% {
		right: -100%;
	}
	50%,
	100% {
		right: 100%;
	}
}
@keyframes btn-anim4 {
	0% {
		bottom: -100%;
	}
	50%,
	100% {
		bottom: 100%;
	}
}


/* 底部边框 循环动画 */
.border-line-1{
	position: relative;
}
.border-line-1:after{
	content: "";
	display: block;
	width: 100px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #1a9774);
	position: absolute;
	bottom: 0;
	left: 0;
	animation: border-line-1 10s linear infinite;
	border-radius: 5px;
}
@keyframes border-line-1{
	0% {
		left:0;
		background: linear-gradient(90deg, transparent, #1a9774);
	}
	49.999%{
		background: linear-gradient(90deg, transparent, #1a9774);
	}
	50%{
		left: calc(100% - 100px);
		background: linear-gradient(270deg, transparent, #1a9774);
	}
	100% {
		left:0;
		background: linear-gradient(270deg, transparent, #1a9774);
	}
}


/* 鼠标经过边框顺时针转一圈 */
.border-line-circle{
	position: relative;
	display: inline-block;
	height: 100%;
	width: 100%;
}   
.border-line-circle:after, 
.border-line-circle:before {
    box-sizing: border-box;
    border: 2px solid transparent;
    width: 0;
    height: 0;
	content: '';
	display: block;
	position: absolute;
}
.border-line-circle:after {
    top: 0;
    left: 0;
}
.border-line-circle:before {
    bottom: 0px;
    z-index: 99;
    right: 0px;
}
.border-line-circle:hover:after, 
.border-line-circle:hover:before {
    width: 100%;
    height: 100%;
}
.border-line-circle:hover:after {
	border-color:#1a9774 #1a9774 transparent transparent;
    -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.border-line-circle:hover:before{
    border-color:transparent transparent #1a9774 #1a9774;
    -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}


.content{
	position: relative;
	padding: .35rem 0;
}
.title{
    font-weight: bold;
    font-size: .36rem;
    display: block;
    color: #308bdc;
    text-align: center;
    background: url(../ysdwimages/title.png) top 7px center no-repeat;
    font-family: Source Han Serif SC;
    margin-bottom: .3rem;
}

.pages{
	text-align: center;
	margin-bottom: .5rem;
	padding: .4rem 0;
}
.pages a, .pages span {
    margin: 0 3px;
    line-height: 46px;
    height: 46px;
    border: 0px;
    background: #fff;
    padding: 0 18px;
    background: #f5f5f5;
    display: inline-block;
    border-radius: 2px;
}
.pages a.current, .pages span.current {
    background-color: #1862b1;
    color: #fff;
    position: relative;
    border-color: #1862b1;
}

@media (max-width:1200px) {
	.c-width{
		width: 100%;
	}
	.content{
		padding:.2rem
	}
}
@media (max-width:992px) {
	

	.focus .pic img{
		height: 5rem;
	}
	[class*="col-md-"]{
		width:100%!important;
		margin-bottom: .3rem;
	}
	.list-p li{width:100%}
	.list-t li .img{
		width:30%
	}
	.list-t li .text{
		width:70%;
		height: auto;
	}

	.list-t li .text p {
		margin-bottom: 0;
	}

	.list-t li span {
		position: relative;
	}

}