@charset "utf-8";
.xwzx-box1{background: #FAFAFA;padding:55px 0;}
.xwzx-tt .tit{text-align: center;font-size: 1.875em;font-weight: bold;color: #008FFF;}
.xwzx-tt .tit a{color: #008FFF;}
.xwzx-tt .memo{font-size: ;color: #A6A6A6;margin-top:12px;}
.xwzx-tpxw .swiper-slide{background: #fff;}
.xwzx-tpxw .item .img{width: 62.5%;     height: 425px; }
.xwzx-tpxw .item .img img{width: 100%;}
.xwzx-tpxw .item .txt{width: 37.5%;}
.xwzx-tpxw .item .txt .tit{padding:20px 45px 0 45px;font-size: 2em;line-height: 1.75em;}
.xwzx-tpxw .item .txt .memo{padding:0 30px 0 30px;color: #808080;line-height: 2.25em;margin:20px 0;text-indent: 2em;-webkit-line-clamp:3;}
.xwzx-tpxw .swiper-pagination{text-align: right;bottom: 30px;right: 30px;left: unset;}
.xwzx-tpxw .swiper-pagination span{width: 32px;height: 8px;border-radius: 0;background: #ccc;}
.xwzx-tpxw .swiper-pagination span.swiper-pagination-bullet-active{background: #007AFF;}

.xxzx-list li{width: 32%; float: left;margin-right: 2%; margin-bottom: 2%;height: 234px; box-shadow:  5px 5px 5px #f6f6f6,5px -5px 5px #f6f6f6,-5px 5px 5px #f6f6f6,-5px -5px 5px #f6f6f6;}
.xxzx-list li:nth-child(3n){margin-right: 0px;}
.xxzx-list li a{display: block;padding:30px 20px; }
.xxzx-list li .bt_tit{font-size: 1.25em; color:#383838; line-height: 30px; overflow: hidden; height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.xxzx-list li .txt{font-size: 1rem; color:#A6A6A6; margin:10px 0px; line-height: 26px; overflow: hidden; height: 73px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;}
.xxzx-list li .time{font-size: 1rem; color:#A6A6A6; text-align: right;}
.news .out-hd{overflow: hidden; }
.news .out-bd{margin-top: 20px;}
.ckgd {text-align: center; padding-top: 20px;}
.ckgd a{font-size: 1em; color: #3E8DF7;}
.spxw-div{margin-top: 90px;padding-bottom: 40px;}
.spxw-bd{margin-top: 30px;}
.spxw-bd ul{overflow: hidden;}
.spxw-bd li{width: 32%; margin-right: 2%;float: left;}
.spxw-bd li:nth-child(3n){margin-right: 0px;}
.spxw-bd li .pic{height: 239px;overflow: hidden;position: relative;}
.spxw-bd li .pic img{height: 100%;width: 100%;transition: all 0.4s ease 0s;}
.spxw-bd li .pic::before{width: 100%; height: 100%; display: block;content: "";background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0;top: 0;transition: all 0.4s ease 0s;}
.spxw-bd li .pic::after{width: 60px; height: 60px; display: block;content: "";background: url(../images/xwzx/spxw_sp.png) no-repeat center center;position: absolute; top: 40%; left: 40%;}
.spxw-bd li .pic:hover::before{background-color: rgba(0, 0, 0, 0)}
.spxw-bd li .pic img:hover{transform: scale(1.1);}
.spxw-bd li:nth-last-child(1){margin-right: 0px;}
.spxw-tit{font-size: 1.25em;color: #383838; line-height: 50px;}
.news .tab-brief > .hd ul{float: inherit;text-align: center;}
.news .tab-brief > .hd li{float: inherit; display: inline-block;font-size: 1.625em;}

/*responsive*/

@media (max-width:1199px) {
	
}


@media (max-width: 1023px) {
	
}
@media (max-width:1004px){
}

@media (max-width: 992px) {

	
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
.xwzx-box1{padding:30px 0px;}
.xwzx-tpxw .swiper-slide{height: 1px;}
.xwzx-tpxw .swiper-slide.swiper-slide-active{height: auto;}
.xwzx-tpxw .item .img img{height: auto;width: 100%;}
.xwzx-tpxw .item .txt .tit{padding:0px;font-size: 1.375em; line-height: 1.5; padding: 10px 0px;}	
.xwzx-tpxw .swiper-pagination{bottom: 0px;text-align: center;right: inherit; display: none;}
.xwzx-tpxw .item .txt .memo{padding: 0px;}
.xwzx-tpxw .item .img{width:100%; float: none;}	
.xwzx-tpxw .item .txt{width: 100%; float: none;}
.xxzx-list li{width: 49%;margin-right: 0px;}	
.xxzx-list li:nth-child(2n){float: right; }
.spxw-div{margin-top: 40px;}
.spxw-bd li{width: 100%; margin-right: 0; margin-bottom: 10px;}
.spxw-bd li:nth-last-child(1){margin-bottom: 0px;}
.spxw-bd li .pic{height: auto;}
.spxw-bd li .pic img{height: auto;}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	

}
@media (max-width: 480px) {
.xxzx-list li{width: 100%; margin-bottom: 10px; height: auto;}	
.xxzx-list li .txt{height: auto;}
}

@media (max-width: 414px) {

}

@media (max-width: 375px) {
	
	
}


@media (max-width: 320px) {
	
}