html,body{width: 100%; overflow-x: hidden;}
body,h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd{margin: 0; padding: 0;}
body{font-family: arial; --maincolor: #c30008;}
li{list-style: none;}
a{text-decoration: none; color: inherit; transition: 0.5s;}
a:hover,a:focus,input:focus,button:focus{outline: none; text-decoration: none; color: inherit;}
i,em{font-style: normal;}
img{border: none;}
.img{overflow: hidden;}
.img img{transition: 0.5s;}
.img img:hover{transform: scale(1.2);}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1200{width: 1200px; margin: 0 auto;}
.flex{display: flex; justify-content: space-between;}
.oneline{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.towline{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.threeline{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/* 头部 */
.top1{background: #363636; line-height: 30px; font-size: 12px; color: #fff;}
.top2 .w1200{height: 130px;}
.top2 .flex{align-items: center;}
.top2 .fl dl{margin-left: 30px;}
.top2 .fl dl dt{font-size: 28px; color: var(--maincolor);}
.top2 .fl dl dt span{color: #000;}
.top2 .fl dl dd{font-size: 16px; font-weight: bold;}
.top2 .fr dl{margin-left: 10px; text-align: center;}
.top2 .fr dl dt{font-size: 36px; color: var(--maincolor);}
.top2 .fr dl dd{font-size: 16px;}
.top3{height: 62px; line-height: 62px; background: #313131; margin-bottom: 2px;}
.top3 ul{display: flex;}
.top3 ul li{flex-grow: 1; text-align: center; color: #fff; font-size: 16px;}
.top3 ul li.active{background: var(--maincolor);}

/* 轮播 */
.swiper img{width: 100%;}

/* 首页 */
.box1{margin: 20px 0;}

.index_tit{padding: 40px 0 30px; margin-bottom: 36px; text-align: center; background: url(../images/index_07.jpg) center bottom no-repeat;}
.index_tit dt{font-size: 32px; color: var(--maincolor);}
.index_tit dd{color: #666;}

.box2{margin-bottom: 50px;}
.box2 .w1200{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box2 .w1200 dl{width: 280px; border: 1px solid #f1f1f1; margin-top: 20px;}
.box2 .w1200 dl:nth-of-type(-n+4){margin-top: 0;}
.box2 .w1200 dl dt{height: 220px;}
.box2 .w1200 dl dt img{width: 100%; height: 100%; object-fit: cover;}
.box2 .w1200 dl dd{height: 60px; line-height: 60px; display: flex;}
.box2 .w1200 dl dd p{flex-grow: 1; background: #f1f1f1; margin-right: 1px; padding: 0 10px;}
.box2 .w1200 dl dd .more{width: 60px; background: #f1f1f1; text-align: center; font-size: 22px; color: #666;}
.box2 .w1200 dl:hover dd p{color: var(--maincolor);}
.box2 .w1200 dl:hover dd .more{color: var(--maincolor);}

.box3{height: 810px; background: url(../images/index_08.jpg) no-repeat;}

.box4 .w1200{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box4 .w1200 dl{width: 380px; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px; margin-top: 30px;}
.box4 .w1200 dl:nth-of-type(-n+3){margin-top: 0;}
.box4 .w1200 dl dt{height: 360px;}
.box4 .w1200 dl dt img{width: 100%; height: 100%; object-fit: cover;}
.box4 .w1200 dl dd{text-align: center; margin-top: 10px;}

.box5 .w1200{background: url(../images/index_09.jpg) center center; background-size: cover; padding: 40px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.box5 .w1200 .fl{width: 510px; padding: 5px; background: #fff; flex-shrink: 0; margin-right: 50px;}
.box5 .w1200 .fl img{width: 100%;}
.box5 .w1200 .fr dt{font-size: 24px; margin-bottom: 40px;}
.box5 .w1200 .fr dd{line-height: 2;}
.box5 .w1200 .fr ul{margin-top: 20px; display: flex; align-items: center;}
.box5 .w1200 .fr ul li{margin-right: 10px; width: 130px; height: 50px; line-height: 50px; background: #000; color: #fff; font-size: 18px; text-align: center; transform: skew(-20deg);}
.box5 .w1200 .fr ul li:nth-of-type(1){background: var(--maincolor);}
.box5 .w1200 .fr ul li a{display: block; transform: skew(20deg);}

.box6{margin: 40px 0;}
.swiper2{overflow-x: hidden;}
.box6 .w1200{display: flex; align-items: center;}
.box6 .w1200 .swiper-button-prev2,.box6 .w1200 .swiper-button-next2{position: static; margin: 0; padding: 0;}
.box6 .w1200 .swiper2{margin: 0 20px;}

.box7 .tit{display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.box7 .tit:before,.box7 .tit:after{content: ""; flex-grow: 1; height: 5px; background: var(--maincolor);}
.box7 .tit dl{margin: 0 30px; text-align: center;}
.box7 .tit dl dt{font-size: 40px;}
.box7 .tit dl dd{font-size: 18px;}
.box7 .w1200{text-align: center;}
.box7 .w1200 img{max-width: 100%;}

.box8{background: url(../images/index_12.jpg) center top no-repeat; padding-top: 70px; margin-top: 50px;}
.box8 .tit{display: flex; align-items: center; justify-content: center; margin-bottom: 60px; color: #fff;}
.box8 .tit .dl1{text-align: center;}
.box8 .tit .dl1 dt{font-size: 36px;}
.box8 .tit .dl1 dd{margin-top: 0; text-transform: uppercase;}
.box8 .tit .dl2{border: 1px solid rgba(255,255,255,0.2); padding: 10px 20px; margin-left: 30px;}
.box8 .tit .dl2 dt{display: flex; justify-content: space-between; font-size: 24px; font-weight: normal;}
.box8 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box8 .bod .item{width: 586px; background: #fff; border: 1px solid #eee; padding: 20px; margin-top: 30px;}
.box8 .bod .item:nth-of-type(-n+2){margin-top: 0;}
.box8 .bod .item .img img{width: 100%;}
.box8 .bod .item .tit2{display: flex; align-items: center; margin: 32px 0 22px;}
.box8 .bod .item .tit2 i{width: 72px; height: 72px; line-height: 72px; text-align: center; flex-shrink: 0; margin-right: 15px; background: #3b3c40; color: #fff; font-size: 30px; font-style: normal;}
.box8 .bod .item .tit2 dl dt{font-size: 22px; margin-bottom: 5px;}
.box8 .bod .item .tit2 dl dd{color: #999; text-transform: uppercase; font-size: 12px;}
.box8 .bod .item ul{line-height: 2;}
.box8 .bod .item ul li{background: url(../images/index_17.jpg) left 8px no-repeat; padding-left: 18px;}

.box9 .tit{display: flex; justify-content: center; margin-bottom: 36px;}
.box9 .tit li{margin: 0 22px; font-size: 16px;}
.box9 .bod{border: 1px solid #dadada; padding: 3px; display: flex; justify-content: space-between;}
.box9 .bod .img{width: 450px;}
.box9 .bod .img img{width: 100%;}
.box9 .bod ul{width: 666px; margin-right: 30px; margin-top: 10px;}
.box9 .bod ul li{height: 46px; border-bottom: 1px dashed #e4e3e3; display: flex; align-items: center; justify-content: space-between;}
.box9 .bod ul li span{white-space: nowrap; color: #999;}

.box10 .tit{text-align: center; padding: 60px 0 40px;}
.box10 .tit dt{font-size: 36px; color: var(--maincolor);}
.box10{background: #f7f7f7; position: relative; margin: 60px 0 10px; padding-bottom: 50px;}
.box10:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 225px; background: #941415;}
.box10 .w1200{position: relative; z-index: 1;}
.box10 .videobj{height: 430px; display: flex; align-items: center; justify-content: center; background: #333;}
.box10 .videobj .video{width: 610px; height: 320px;}
.box10 .videobj .video video{width: 100%; height: 100%; background: #000;}

/* 底部 */
.bottom1bj{background: url(../images/index_19.jpg); color: #fff;}
.bottom1bj .tit{display: flex; justify-content: space-between; align-items: center;}
.bottom1bj .tit ul{display: flex;}
.bottom1bj .tit ul li{margin: 0 20px;}
.bottom1bj .tit em{padding: 10px 0; width: 260px; text-align: center; background: #b52726; border-radius: 0 0 10px 10px; font-size: 26px; font-weight: bold; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); margin-top: -5px;}
.bottom1bj .bod{display: flex; align-items: center; text-align: center; padding: 10px 0 30px;}
.bottom1bj .bod .fl{width: 310px;}
.bottom1bj .bod .ce{flex-grow: 1; margin: 0 30px; text-align: left; color: #ccc;}
.bottom1bj .bod .ce h3{font-size: 24px; font-style: oblique; font-weight: bold; margin-bottom: 20px;}
.bottom1bj .bod .ce ul li{line-height: 1.6;}
.bottom1bj .bod .fr{width: 260px;}
.bottom1bj .bod .fr dt{font-size: 28px;}

.bottom2bj{background: #454545; padding: 15px 0; text-align: center; color: #ccc;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color: var(--maincolor); font-weight:bold;}
.list_news li p{font-size:14px; color:#666; margin-top:10px;}
.list_news li .fl{width:160px; height:90px;}
.list_news li .fl img{width:100%; height:100%;}
.list_news li .fr{width:800px;}

.fanye span,.fanye a{margin-right: 10px;}