body{overflow-x: hidden;}
.bgc-white {background-color: #fff !important;}
body {background-color: #F3F3F3;}
.wrapper {width: 1200px;margin: 0 auto;}
.bd1 {border: 1px solid #E4E4E4;}
a:hover {transition: all .3s;color: #c00;}
.header-box {background-color: #fff;padding: 20px 0 0;}
.header-box .logo {width: 340px;position: relative;height: 100px;overflow: hidden;z-index: 0;}
.header-box .logo img {display: block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.header {display: flex;flex-flow: row nowrap;align-items: flex-end;justify-content: start;}
.mainnav {position: relative;z-index: 9;}
.mainnav>li {float: left;}
.mainnav h4 a {font-weight: 700;font-size: 17px;color: #666;display: block;line-height: 50px;padding: 0 14px;}
.mainnav>li:hover h4 a {color: #c03136;box-shadow: 0 -3px 0 0 #c03136 inset;}
.mainnav .sub-box {transition: all .3s;position: fixed;top: 119px;left: 0;right: 0;background-color: rgba(255, 255, 255, .9);height: 0;z-index: -2;overflow: hidden;}
.mainnav>li:hover .sub-box {height: 80px;z-index: 20;}
.mainnav .sub-box .sub {padding: 0 80px;display: flex;flex-flow: row nowrap;align-items: center;}
.mainnav .sub a {display: block;line-height: 80px;padding: 0 22px;color: #4A4A4A;}
.mainnav .sub a:hover {color: #C03136;}
.footer-box {background-color: #B60005;}
.copyright {background-color: #680104;}
.copyright,.footer-box {color: #fff;font-size: 14px;line-height: 2;padding: 16px 0;}
.footer-box .fl i {width: 16px;text-align: center;font-size: 16px;}
.footer-box .fr {display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;text-align: center;line-height: 40px;width: 300px;}
.footer-box .fl h4 {font-size: 18px;display: block;margin-bottom: 15px;padding: 5px 0;border-bottom: 1px dashed;height: 43px;}
.footer-box .fl h4 span {font-weight: 700;display: inline-block;border-bottom: 3px solid;}
.footer-box .footer {padding-left: 10px;}
.page-box {display: flex;padding: 35px 20px;flex-flow: row nowrap;white-space: nowrap;align-items: center;justify-content: center;font-size: 14px;}
.page-box a {background-color: #f7f7f7;color: #666;}
.page-box a:hover,.page-box span {background-color: #EA594F;color: #fff;}
.page-box a,.page-box span {display: block;height: 32px;line-height: 32px;text-align: center;padding: 0 12px;border-radius: 3px;overflow: hidden;}
.page-box li+li {margin-left: 20px;}
.header {flex-flow: column;align-items: center;justify-content: center;}
.header-top {width: 100%;justify-content: space-between;}
.header-top .flex a img {width: 16px;height: 16px;vertical-align: middle;}
.header-top .flex a {font-size: 12px;line-height: 16px;margin-left: 20px;position: relative;}
.header .mainnav {display: flex;justify-content: center;width: 100%;}
.header .mainnav li{ width:12.5%;text-align: center;}
.mainnav .sub-box .sub li{ width:auto;text-align: center;}

.header .mainnav h4 a {color: #141414}
.mainnav .sub-box {top: 170px;}
.bd-dash::after {position: absolute;left: -10px;top: 0;bottom: 0;width: 1px;height: 70%;border-left: 1px dashed #999;content: '';margin: auto;}
.header .input-box {position: relative;overflow: hidden;height: 34px;border: 1px solid #c00;padding-right: 96px;margin-left: 10px;}
.header .input-box .btn {position: absolute;right: 0;top: 0;bottom: 0;text-align: center;color: #fff;background-color: #c00;width: 96px;line-height: 32px;}
.header .input-box input {display: block;width: 152px;border: 0;background-color: #fff;padding: 0 10px;height: 100%;}
.banner-box {overflow: hidden;position: relative;z-index: 0;}
.banner {width: 1400px;margin: 0 auto;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide a {display: block;width: 1400px;height: 445px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.banner .swiper-pagination-bullet {height: 22px;width: 22px;border-radius: 3px;text-align: center;line-height: 22px;font-size: 12px;color: #fff;}
.banner .swiper-pagination-bullet-active {background-color: #E84C3D;}
.mod-title {height: 50px;position: relative;line-height: 50px;white-space: nowrap;overflow: hidden;display: flex;align-items: center;padding: 0 10px;width: 100%;justify-content: space-between;position: relative;}
.mod-title h3 {font-size: 20px;font-weight: 700;color: #000;}
.mod-title h3 span {font-weight: inherit;position: relative;}
.color-red {color: #B50005 !important;}
.mod-title .more {color: #c00;font-size: 12px;padding: 0 10px;}
.mod-news-col2 {padding: 2px;position: relative;}
.mod-news-col2 .bg {background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;z-index: 2;height: 188px;overflow: hidden;}
.mod-news-col2::before {content: '';position: absolute;width: 26px;height: 1px;background-color: #fff;left: 0;top: 0;bottom: 0;right: 0;margin: auto;box-shadow: -590px -96px 0 0 #000, 590px -96px 0 0 #000, -590px 95px 0 0 #000, 590px 95px 0 0 #000;}
.mod-news-col2::after {content: '';position: absolute;height: 26px;width: 1px;background-color: #fff;left: 0;top: 0;bottom: 0;right: 0;margin: auto;box-shadow: -600px -86px 0 0 #000, 599px -86px 0 0 #000, -600px 86px 0 0 #000, 599px 86px 0 0 #000;}
.mod-news-col2 h2 {display: block;height: 40px;line-height: 40px;text-align: center;font-weight: 700;color: #c00;font-size: 23px;padding: 0 40px;}
.mod-news-col2 h2 a {font-weight: inherit;display: block;border-bottom: 1px dotted #999;}
.mod-news-col2 ul.news {overflow: hidden;width: 100%;}
.mod-news-col2 ul.news li {display: flex;width: 580px;padding: 10px;}
.mod-news-col2 ul.news a.img {width: 143px;height: 132px;flex-shrink: 0;background-color: #f9f9f9;position: relative;overflow: hidden;}
.mod-news-col2 ul.news a.img img {transition: all .5s;}
.mod-news-col2 ul.news a.img:hover img {transform: scale(1.2);}
.mod-news-col2 ul.news li .text {flex: 1;padding: 5px 10px;line-height: 1.2;color: #666;overflow: hidden;}
.mod-news-col2 ul.news li .tov {font-size: 16px;font-weight: 700;color: #141414;line-height: 20px;display: block;}
.mod-news-col2 ul.news li p {padding-top: 10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.m-marquee {display: flex;flex-flow: row nowrap;overflow: hidden;align-items: center;position: relative;}
.m-marquee .swiper-marquee {overflow: hidden;font-size: 12px;line-height: 34px;height: 34px;position: absolute;left: 100px;width: 1030px;z-index: 2;background-color: #fff;}
.m-marquee .swiper-wrapper {transition-timing-function: linear}
.m-marquee .swiper-slide {display: flex;justify-content: space-between;white-space: nowrap;overflow: hidden;}
.m-marquee .swiper-slide a {font-size: 14px;display: block;flex: 1}
.m-marquee .swiper-slide span {flex-shrink: 0;}
.mod-title.solid {border-bottom: 1px solid #E4E4E4;}
.mod-title.solid::after {content: '';position: absolute;width: 4em;left: 10px;bottom: 0;height: 3px;background-color: #CC0000;}
.m-gsgk {width: 626px;height: 458px;position: relative;padding-bottom: 22px;}
.m-gsgk a {display: block;position: relative;height: 436px;}
.m-gsgk a img {display: block;width: 100%;height: 100%;position: relative;z-index: 0;}
.m-gsgk a span {position: absolute;bottom: 0;height: 36px;left: 0;right: 0;background-color: #c00;color: #fff;text-align: center;font-size: 14px;line-height: 36px;overflow: hidden;}
.m-gsgk .swiper-pagination {position: absolute;bottom: 0;display: flex;justify-content: center;align-items: center;}
.m-gsgk .swiper-pagination-bullet {transition: all .3s;width: 42px;height: 1px;border-radius: 0;background-color: #c00;opacity: 1;}
.m-gsgk .swiper-pagination-bullet-active {height: 4px;}
/*tab*/
.m-tab-box {flex-shrink: 0;width: 540px;}
.m-tab-box .m-tit {height: 42px;line-height: 41px;border-bottom: 1px solid #c00;font-size: 14px;text-align: center;color: #333;background-color: #E8E8E8;overflow: hidden;}
.m-tab-box .m-tit li {padding: 0 24px;float: left;cursor: pointer;}
.m-tab-box .m-tit li.on {background-color: #c00;color: #fff;}
.m-tab-box .m-cont {overflow: hidden;padding: 10px;height: 414px;}
.m-tab-box .swiper-top {font-size: 15px;line-height: 25px;color: #555;}
.m-tab-box .swiper-top .tov {font-size: 17px;color: #141414;font-weight: 700;margin-bottom: 10px;display: block;}
/*.m-tab-box .swiper-top p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}*/
.m-tab-box .swiper-top .tov:hover {text-decoration: underline;color: #c00;}
.m-tab-box .swiper-slide li {display: flex;justify-content: space-between;height: 50px;line-height: 50px;border-bottom: 1px dotted #E4E4E4;font-size: 14px;}
.m-tab-box .swiper-slide li span {width: 92px;flex-shrink: 0;}
.m-tab-box .swiper-slide li a {font-size: 1.04em;color: #222;display: block;white-space: nowrap;flex: 1;display: block;text-overflow: ellipsis;overflow: hidden;}
.column-4 {column-count: 4;column-gap: 10px;}
.column-3 {column-count: 3;column-gap: 10px;}
.column-2 {column-count: 2;column-gap: 10px;}
.column-1 {column-count: 1;column-gap: 10px;}
.m-newstop-img {display: block;padding: 10px 0;width: 100%;height: 260px;}
.column-3 .mod-cont li {display: flex;justify-content: space-between;height: 50px;line-height: 50px;border-bottom: 1px dotted #E4E4E4;font-size: 14px;position: relative;padding-left: 10px;}
.column-3 .mod-cont li::after {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;height: 4px;background-color: #000;margin: auto;}
.column-3 .mod-cont li span {width: 110px;flex-shrink: 0;    text-align: right;}
.column-3 .mod-cont li a {font-size: 1.04em;color: #222;display: block;white-space: nowrap;flex: 1;display: block;text-overflow: ellipsis;overflow: hidden;}
.boxs-5 {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);}
.m-zgsml ul {padding: 10px;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;display: flex;flex-flow: row nowrap;justify-content: space-around;align-items: center;}
.m-zgsml li {height: 265px;width: 280px;}
.m-zgsml li a {display: flex;flex-flow: column nowrap;align-items: center;padding: 10px;justify-content: center;height: 100%;width: 100%;}
.m-zgsml li img {width: 100%;max-height: 147px;display: block;}
.m-zgsml li .tov {font-size: 16px;padding: 8px;border-bottom: 1px solid #E4E4E4;display: block;width: 100%;text-align: center;margin-bottom: 8px;line-height: 30px;height: 50px;flex-shrink: 0;}
.m-zgsml li p {font-size: 14px;line-height: 1.5;color: #666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;padding-bottom: 30px;}
.m-ztzl ul {column-count: 2;column-gap: 10px;padding: 10px;padding-top: 0;}
.m-ztzl li {padding-top: 10px;height: 155px;overflow: hidden;}
.m-ztzl li img {display: block;width: 100%;height: 100%;}
.m-gsxcp .video-box {width: 573px;height: 300px;position: relative;overflow: hidden;background-color: #f0f0f0;}
.m-whyd {width: 500px;}
.m-whyd .mod-cont {display: flex;flex-flow: row nowrap;align-items: center;justify-content: space-between;}
.m-whyd .mod-cont ul {width: 160px;flex-shrink: 0;}
.m-whyd .mod-cont li {height: 40px;border-radius: 5px;background-color: #eee;text-align: center;color: #c00;font-weight: 700;font-size: 18px;line-height: 40px;color: #c00;}
.m-whyd .mod-cont li a {font-weight: inherit;display: block;white-space: nowrap;color: inherit;}
.m-whyd .mod-cont li:hover {background-color: #c00;color: #fff;}
.m-whyd .mod-cont li+li {margin-top: 10px;}
.m-whyd .mod-cont img {width: 320px;flex-shrink: 0;}
.m-whyd-marquee {position: absolute;right: 10px;bottom: 10px;top: 10px;margin: auto;height: 220px;width: 678px;background-color: #fff;overflow: hidden;z-index: 0;}
.m-whyd-marquee .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear}
.m-whyd-marquee img {width: 320px;height: 220px;display: block;}
.m-ygfc-marquee .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear}
.m-ygfc-marquee img {width: 300px;height: 200px;display: block;}
.m-ygfc-marquee {overflow: hidden;display: flex; flex-flow: row nowrap;}
.m-ygfc-marquee .swiper-slide{width: auto;margin-right: 10px;}
.m-select-box{position: relative; height: 54px;z-index: 2;}
.m-select-box .item{height: 54px; width: 25%;float: left;text-align: center;}
.m-select-box .item h4{line-height: 54px;display: block;background-color: #fff;color: #141414;font-size: 18px;font-weight: 700;cursor: pointer;}
.m-select-box .item h4 i{font-weight: 700;font-size: 1.2em;}
.m-select-box .item:hover h4{background-color: #c00;color: #fff;}
.m-select-box .item .sub{height: 0;transition: all .3s;overflow: hidden;position: absolute; top: 54px;left: 0;background-color: rgba(200,200,200,.95);right: 0;z-index: 1;}
.m-select-box .item:hover .sub{height: 120px;overflow: hidden auto;}
.m-select-box .item .sub li{float: left; padding: 10px;}
.m-select-box .item .sub a{color: #c00;display: block; padding: 0 20px;line-height: 34px;text-align: center;font-size:15px ;}
.m-select-box .item .sub a:hover{box-shadow: 0 -1px 0 0 inset;}