/***********************公共样式***********************/
html,body{width: 100%;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

/***********************首页***********************/
.w{width: 1200px;margin: 0 auto;}
a:hover {color: #b71125 !important;}
.mt50{margin-top: 50px;}
.title{margin-bottom: 35px;position: relative;}
.title img{width: 100%;}
.title .more{font-size: 16px;color: #666;position: absolute;right: 0px;top: 0;}
.title p{display: none;}

.banner{width: 100%;}
.banner img{width: 100%;}

.toutiao{margin: 40px 0;}
.toutiao a{display: block;text-align: center;}
.toutiao .tit{font-size: 38px;font-weight: bolder;line-height: 60px;color: #c90000;margin-bottom: 10px;}
.toutiao .zhaiyao {font-size: 16px;line-height: 30px;margin-bottom: 25px;color: #c90000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.newsL{width: 640px;height: 400px;}
.newsL .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.newsL .swiper-slide a img{width: 100%;height: 100%;}
.newsL .swiper-slide a .txt{padding:15px 20px 30px;width: 100%;position: absolute;bottom: 0;left: 0; background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,1));}
.newsL .swiper-slide a .txt p{font-size: 22px;line-height: 32px;color: #fff;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .4s;}
.newsL .swiper-slide a .txt p:hover{color:#c90000;}
.newsL .swiper-pagination{width: auto;left: 0;right: 0;bottom: 10px;}
.newsL .swiper-pagination-bullet{background: #fff;opacity: 1;}
.newsL .swiper-pagination-bullet-active{background: #f55c51;opacity: 1;width: 20px;border-radius: 4px;transition: width 0.5s;}
.newsR{width: 530px;}
.newsR .newsRfir{margin-bottom: 5px;}
.newsR .newsRfir a{display: block;}
.newsR .newsRfir .tit{font-size: 22px;line-height: 32px;color: #c90000;margin-bottom: 10px;font-weight: bolder;transition: .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsR .newsRfir .zhaiyao{font-size: 16px;line-height: 32px;color: #666;text-indent: 2em;transition: .4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newsR .newsRSec li a{display: block;font-size: 18px;padding: 8px 0 8px 15px;line-height: 30px;background: url(2025tl_dian.png) no-repeat 0px 17px;transition: .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsR .newsRSec .more{text-align: right;margin-top: 10px;}
.newsR .newsRSec .more a{display: inline-block;font-size: 16px;color: #666;}

.tlInfoWrap{padding: 20px;background: url(2025tl_tlbg.png) no-repeat center;background-size: 100% 100%;width: 100%;height: 450px;}
.tlInfoWrap h3{font-size: 30px;font-weight: bold;line-height: 36px;text-align: center;margin: 15px auto;color: #ba372a;}
.tlInfoWrap .tlInfo{height: 410px;overflow-y: auto;width: 94%;margin: 0 auto;padding-right: 15px;}
.tlInfoWrap .tlInfo p{font-size: 16px;color:#646464;line-height: 38px;text-indent: 2em;letter-spacing: 2px;}
.tlInfoWrap .tlInfo p.tit{font-size: 22px;}
.tlInfoWrap .tlInfo p.center{text-align: center;margin: 15px 0;}

.ggList ul{margin: 0 -12px;}
.ggList ul li{float: left;width: 25%;padding: 0 12px;}
.ggList ul li .imgWrap{width: 100%;box-shadow: 0 0 15px 1px #ccc;}
.ggList ul li .imgWrap .img{width: 100%;height: 420px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ggList ul li .imgWrap .img img{width: 100%;height: auto;max-width: 100%;max-height: 100%;transition: all .4s;}
.ggList ul li .imgWrap .img:hover img{transform: scale(1.1);}
.ggList ul li .imgWrap .tit{display:block;font-size: 18px;color: #333;text-align:center;line-height: 38px;padding: 5px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.ggList ul li .imgWrap .tit:hover{color: #d02837;}

.spSwiper{width: 100%;}
.spSwiper .swiper-slide{width: 730px;height: 100%;}
.spSwiper .spBox{display: block;position: relative;}
.spSwiper .spBox .img{width: 730px;height: 410px;}
.spSwiper .spBox .img img{width: 100%;height: 100%;object-fit: cover;}
.spSwiper .spBox p{width: 100%;line-height: 58px;font-size: 18px;background: rgba(0, 0, 0, 0.5);color: #fff;position: absolute;bottom: 0;left: 0;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.spSwiper .spBox p:hover{color: #b71125;}
.spSwiper .swiper-slide .spFilter{display: block;background: rgba(255, 255, 255, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left:0;z-index: 99;}
.spSwiper .swiper-slide-active .spFilter {display: none;}
.spSwiper .arrow1 {width: 52px;height: 52px;position: absolute;top: 50%;margin-top: -26px;background: #fff;opacity: 0.8;cursor: pointer;z-index: 999;}
.spSwiper .arrow1:hover {opacity: 1;}
.spSwiper .arrow1L{left: 26%;background: url(2025tl_left.png) no-repeat;transition: all 0.3s;}
.spSwiper .arrow1R{right: 26%;background: url(2025tl_right.png)no-repeat;transition: all 0.3s;}

.footer{width: 100%;padding: 30px 10px;background: #c90000;margin-top: 60px;}
.footer p{font-size: 16px;color: #fff;text-align: center;line-height: 2;}

@media only screen and (max-width: 1680px){
	.spSwiper .arrow1L{left: 22%;}
	.spSwiper .arrow1R{right: 22%;}
}

@media only screen and (max-width: 1440px){
	.spSwiper .arrow1L{left: 18%;}
	.spSwiper .arrow1R{right: 18%;}
}

@media only screen and (max-width: 1280px){
	.spSwiper .arrow1L{left: 15%;}
	.spSwiper .arrow1R{right: 15%;}
}

@media only screen and (max-width: 1220px) {
    .w{width: 920px;}
	.mt50{margin-top: 40px;}
	.title{margin-bottom: 30px;}
	.title .more{font-size: 14px;}
    .toutiao{margin: 30px 0;}
    .toutiao .tit{font-size: 28px;line-height: 40px;margin-bottom: 6px;}
    .newsL{width: 530px;height: 315px;}
    .newsL .swiper-slide a .txt p{font-size: 18px;}
    .newsR{width: 360px;}
    .newsR .newsRfir .tit{font-size: 20px;margin-bottom: 5px;}
    .newsR .newsRfir .zhaiyao{line-height: 28px;-webkit-line-clamp:2;}
    .newsR .newsRSec li a{padding: 5px 0 5px 15px;background-position: 0 14px;font-size: 16px;line-height: 28px;}
	.newsR .newsRSec .more{margin-top: 6px;}
	.newsR .newsRSec .more a{font-size: 14px;}
	
	.tlInfoWrap{height: 355px;}
	.tlInfoWrap .tlInfo{height: 311px;}
	.tlInfoWrap .tlInfo p{line-height: 30px;}
	
	.ggList ul li{width: 33.33%;}
	.ggList ul li:nth-child(n + 4){display: none;}
	.ggList ul li .imgWrap .tit{font-size: 16px;line-height: 32px;}
	
	.spSwiper .spBox p{font-size: 16px;line-height: 45px;}
}
@media only screen and (max-width: 992px) {
    .w{width: 720px;}
	.title .more{top: -5px;}
    .toutiao{margin: 20px 0;}
    .toutiao .tit{font-size: 22px;line-height: 1.5;}

    .newsL{width: 410px;height: 245px;}
    .newsR{width: 290px;}
    .newsR .newsRfir .zhaiyao{line-height: 30px;}
    .newsR .newsRSec li:nth-child(n + 4){display: none;}
	
	.tlInfoWrap .tlInfo p{line-height: 28px;}
	.tlInfoWrap .tlInfo p.center{margin: 10px 0;}
	
	.ggList ul li .imgWrap .img{height: 335px;}
	
	.spSwiper .swiper-slide{width: 500px;}
	.spSwiper .spBox .img{width: 500px;height: 280px;}
	.spSwiper .arrow1L{left: 19%;}
	.spSwiper .arrow1R{right: 19%;}
    
    .footer{margin-top: 50px;}
    .footer p{font-size: 14px;line-height: 1.7;}
}
@media only screen and (max-width: 767px) {
    .w{width: 100%;padding: 0 10px;}
	.mt50{margin-top: 25px;}
	.title{margin-bottom: 15px;}
	.title .more{top: 4px;}
	.title img{display: none;}
	.title p{display: block;font-size: 20px;color: #c90000;text-align: center;font-weight: bold;}
    .toutiao{margin: 15px 0;}
    .toutiao .tit{font-size: 18px;line-height: 1.4;margin-bottom: 0;}
    .toutiao .zhaiyao{font-size: 14px;margin-bottom: 0;}
    
	.newsL,.newsR{width: 100%;}
    .newsL{height: 210px;}
    .newsL .swiper-slide a .txt{padding: 15px 10px 20px;}
    .newsL .swiper-slide a .txt p{font-size: 16px;}
    .newsL .swiper-pagination{bottom: 6px;}
    .newsR{margin-top: 15px;}
    .newsR .newsRfir .tit{font-size: 16px;margin-bottom: 5px;}
    .newsR .newsRfir .zhaiyao{line-height: 26px;}
    .newsR .newsRSec li a{font-size: 16px;padding: 6px 0 0 15px;}
	
	.tlInfoWrap{padding: 15px;height: 400px;}
	.tlInfoWrap .tlInfo{width: 100%;height: 365px;}
	
	.ggList ul{margin: 0 -5px;}
	.ggList ul li{width: 50%;padding: 5px;}
	.ggList ul li:nth-child(n + 3){display: none;}
	.ggList ul li .imgWrap{box-shadow: 0 0 10px 1px #ccc;}
	.ggList ul li .imgWrap .img{height: 258px;}
	.ggList ul li .imgWrap .tit{line-height: 28px;}
	
	.spWrap .title{right: 10px;}
	.spSwiper .swiper-slide,.spSwiper .spBox .img{width: 100%;}
	.spSwiper .spBox .img{height: 225px;}
	
	.spSwiper .arrow1L{left: 5px;}
	.spSwiper .arrow1R{right: 5px;}

    .footer{margin-top: 40px;padding: 20px 10px;}
}