
.bannerUl a{display:block;height:100%}
.bannerImg{height:0;padding-bottom:68.67%;overflow:hidden}
.bannerUl .slick-prev{width:18px;height:48px;top:calc(50% - 24px);background:rgba(173,173,173,.59) url(../images/l.png) no-repeat 3px 15px}
.bannerUl .slick-prev:hover{background:rgba(205,7,7,.59) url(../images/l.png) no-repeat 3px 15px}
.bannerUl .slick-next{width:18px;height:48px;top:calc(50% - 24px);background:rgba(173,173,173,.59) url(../images/r.png) no-repeat 6px 16px}
.bannerUl .slick-next:hover{background:rgba(205,7,7,.59) url(../images/r.png) no-repeat 6px 16px}

.row{width:1200px;margin:0 auto;position:relative}
.lf{float:left}
.rt{float:right}

.tit{text-align:center;position:relative;margin-bottom:25px}
.titcon{display:inline-block;font-size:20px;line-height:163px;width:377px;height:126px;color:#fff;position:relative;background:url(../images/titbg.png) no-repeat}
.tit::before{content:'';display:block;width:39%;height:28px;background-size:cover;position:absolute;left:0;background:url(../images/tb.png) no-repeat;background-size:100% 100%;top:66px}
.tit::after{content:'';display:block;width:40%;height:28px;background-size:cover;position:absolute;right:0;background:url(../images/ta.png) no-repeat;background-size:100% 100%;top:66px}
.more{position:absolute;font-size:14px;line-height:19px;color:#cc9000;right:0;top:-70px}
.more1{top:10px}

.mode01 .col{width:600px;/*height:414px*/}
.mode01{padding:48px 0;overflow:hidden}
.mode1rt{margin-left:626px}
.mode1Tit{font-size:20px;line-height:27px;max-height:54px;overflow:hidden;color:#ce0808;text-align:center;font-weight:700;margin-bottom:14px}
.mode1Infor{padding-bottom:26px;border-bottom:1px solid #ce0d0d;margin-bottom:22px}
.mode1Infor p{font-size:16px;line-height:22px;color:#999;max-height:88px;overflow:hidden}
.detail{color:#ce0808;display:inline-block}
.mode1Ul li{overflow:hidden;margin-bottom:16px;transition:all 2s ease-in-out}
.mode1Ul li:hover{transform:translateX(10px);transition:all 2s ease-in-out}
.mode1Ul li:hover a{color:#ce0808}
.mode1Ul li:last-child{margin-bottom:0}
.mode1Ul a{padding-left:27px;position:relative;font-size:16px;line-height:21px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.mode1Ul a::before{content:'';display:block;width:21px;height:16px;background:url(../images/mode1b.png) no-repeat;position:absolute;left:0;top:3px}

.mode2 .row{position:relative}
.mode2Ul{overflow:hidden;margin:0 -12px;font-size:0}
.mode2Ul li{overflow:hidden;margin-bottom:24px;width:50%;display:block;float:left;transition:all 2s ease-in-out}
.mode2Ul li:hover{transition:all 2s ease-in-out;transform:translateX(10px)}
.mode2Ul li a{padding:0;margin:0 12px;display:block}
.mode2Ultop p{font-size:16px;line-height:24px;color:#333;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mode2Ultop{padding-bottom:13px;position:relative;margin-bottom:16px;border-bottom:1px dashed #cea647}
.mode2Infor{font-size:14px;line-height:30px;max-height:120px;overflow:hidden;text-indent:28px;color:#666}
.mode2Infor span{color:#d53125}

.mode3{overflow:hidden;padding-bottom:30px}
.mode3 .row{position:relative}
.mode3Ul{overflow:hidden;margin:0 -12px}
.mode3Ul li{overflow:hidden;display:block;float:left;transition:all 3s ease-in-out;margin-bottom:26px;width: 50%;}
.mode3Ul li:hover{transform:translateX(10px);transition:all 3s ease-in-out}
.mode3Ul li a::before{content:'';display:block;width:16px;height:16px;background:url(../images/mode3b.png) no-repeat;position:absolute;left:0;top:3px}
.mode3Ul li a{padding-left:26px;display:block;margin:0 12px;position:relative}
.mode3Ul p{font-size:16px;color:#333;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mode3Ul li:hover p{color:#d53125}

.mode4{padding: 0 0 40px;}
.mode4 .lf,.mode4 .rt{width:48%}
.index_title{margin-bottom: 20px;display: block;}
.index_title::after{content: '';display: block;clear: both;}
.index_title .channel_link{float: right;position: relative;z-index: 2;font-size: 14px;line-height: 30px;color: #cc9000;}
.index_title .channel_title{padding: 0 0 0 42px;color: #d53125;font-weight: bold;font-size: 24px;background: url(../images/title.png) no-repeat left center/auto 100%;}

.index_01{display: block;margin: 0 0 50px;}
.index_01 .img{padding-bottom: 56.25%;height: 0;overflow: hidden;}
.index_01 .img img{display: block;width: 100%;}
.index_01 .title{font-size: 18px;line-height: 27px;color: #333;margin: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.ul-inline{font-size: 0;}
.ul-inline li{display: inline-block;font-size: 14px;vertical-align: top;width: 100%;}
.ul-inline a,.item{display: block;}
.ul-inline a.gp-flex,.item.gp-flex{display: flex;}
.title,.info,.text{display: block;overflow: hidden;text-overflow: ellipsis;}

.mode2{padding: 60px 0;}
.mode2 .index_01 .img{padding-bottom: 30%;}
.mode2 .mode3Ul li{width: 50%;}

.index_02 a{display: block;margin: 0 0 50px;padding: 10px 20px 0;}
.index_02 .img{padding-bottom: 56.25%;height: 0;overflow: hidden;}

.index_03{}
.index_03 ul{margin: 0 0 -15px -24px;padding: 10px 0 0;}
.index_03 li{width: 25%;}
.index_03 .item{margin: 0 0 15px 24px;line-height: 72px;text-align: center;background: #c00603;color: #fff;font-size: 20px;}


@media screen and (max-width:1570px){
    .tit::after,.tit::before{width:30%;height:15px}
}
@media screen and (max-width:1280px){
    .row{width:1000px;margin:0 auto}
}
@media screen and (max-width:1080px){
    .row{width:900px;margin:0 auto}
    .titcon{font-size:24px;line-height:162px;width:327px;height:121px;padding-left:9px;color:#fff;position:relative;background-size:327px 120px;background:url(../images/titbg.png) no-repeat}
}
@media screen and (max-width:996px){
    .row{width:auto;margin:0 30px}
    .mode01 .col{width:100%;float:none;margin-bottom:30px}
    .mode1rt{margin-left:0}
    .mode2Ultop::before{width:139px}
    .mode2Ul li,.mode3Ul li,.mode2 .mode3Ul li{width:100%}
    .mode4 .lf, .mode4 .rt{width: 100%;}
    .index_01{margin: 0 0 30px;}

    .index_03 li{width: 50%;}
    .index_03 .item{line-height: 52px;}
}
@media screen and (max-width:768px){
    .index_03 li{width: 100%;}
    .tit::after,.tit::before{display:none}
}
@media screen and (max-width:479px){
    .mode01{padding:30px 0;overflow:hidden}
}
@media screen and (max-width:400px){
    .titcon{font-size:24px;line-height:169px;width:300px;height:126px;padding-left:20px;color:#fff;position:relative;background-size:327px 120px;background:url(../images/titbg.png) no-repeat}
}