a {transition: .25s all;}
.header-box .mainnav a {color: #fff}
.header-box {color: #fff}
.banner {height: 850px;position: relative;overflow: hidden;z-index: 0;max-height: 100vh;}
.banner a {background-color: rgba(0, 0, 0, .45);background-blend-mode: overlay;}
.banner .swiper-pagination {bottom: 50px;}
@media screen and (max-width:1200px) {.banner {height: 65.833vw;width: 100%;}
	.banner .swiper-pagination {transform: scale(.6);}
}
.banner .swiper-pagination-bullet {width: 14px;height: 14px;transition: all .3s;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner a {background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
/*title*/
.index-title {padding-top: 80px;background: url(../images/-528.png) no-repeat 50% 55px;display: flex;align-items: center;flex-flow: column;}
.index-title h2 {font-size: 30px;}
.index-title p {padding: 10px;font-size: 14px;color: #999;max-width: 700px;line-height: 1.8;text-align: center;}
/* adv */
.index-adv {margin-top: -110px;position: relative;z-index: 3;}
.index-adv .box {background-color: #fff;border-radius: 14px;padding: 20px;display: flex;box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);}
.index-adv li {flex-shrink: 0;width: 33.33%;display: flex;align-items: center;flex-flow: column;padding: 40px;position: relative;}
.index-adv li+li::before {content: '';position: absolute;height: 70%;width: 1px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));left: 0;top: 15%;opacity: 0.3;}
.index-adv .img {height: 100px;display: flex;align-items: center;justify-content: center;}
.index-adv h4 {font-weight: 400;font-size: 22px;line-height: 1.8;white-space: nowrap;}
.index-adv p {color: #666;font-size: 15px;padding: 10px;}
/*serv*/
.list-serv {display: flex;flex-flow: row wrap;align-items: flex-start;justify-content: center;}
.list-serv li {width: 370px;overflow: hidden;display: flex;flex-flow: column;align-items: center;max-width: 100%;margin: 20px 0;flex-shrink: 0;justify-content: flex-start;background-color: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);transition: all .3s;}
.list-serv li+li {margin-left: 40px;}
.list-serv .img {display: flex;width: 100%;height: 220px;align-items: center;justify-content: center;}
.list-serv .img img {width: 100%;height: 100%;}
.list-serv .tit {padding: 20px 20px 10px;font-size: 20px}
.list-serv p {font-size: 15px;color: #999;padding: 20px;padding-top: 0;}
.list-serv2 li {box-shadow: none;}
.list-serv2 .img {height: auto;padding: 20px;}
.list-serv2 .img img {width: auto;height: auto;}
.list-serv h4 {padding: 20px 20px 10px;font-size: 20px;font-weight: 400;}
/*case*/
.list-case {display: grid;margin: 20px auto;align-items: center;width: 1200px;max-width: 100%;grid-gap: 10px;gap: 10px;grid-template: "img1 img2 img3 img3"1fr "img4 img4 img5 img6"1fr / 1fr 1fr 1fr 1fr;justify-content: center;}
.list-case li {overflow: hidden;height: 100%;}
.list-case a {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-flow: column;width: 100%;height: 100%;}
.list-case a .img {position: relative;width: 100%;height: 100%;z-index: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.list-case a img {width: 100%;height: 100%;transition: all .3s;}
.list-case .text {position: absolute;z-index: 2;top: calc(100% - 60px);left: 0;width: 100%;height: 100%;transition: all .3s;background-color: rgba(221, 16, 47, 0);padding: 20px;color: #fff;}
.list-case .text b {display: block;height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;}
.list-case .text em {font-size: 14px;}
.list-case li:nth-child(3) {grid-area: img3;}
.list-case li:nth-child(4) {grid-area: img4;}
a.more {width: 200px;height: 50px;margin: 40px auto;display: flex;align-items: center;justify-content: center;border-radius: 100px;border: 1px solid;}
/*about*/
.index-about {height: 460px;background: url(../images/-646.jpg) no-repeat #FE0034 center;display: flex;}
.index-about .img {width: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.index-about .img span {font-size: 60px;color: #fff;font-weight: 700;font-style: oblique;font-family: Verdana, Geneva, Tahoma, sans-serif;transform: skew(-10deg);}
.index-about .text {display: flex;flex-flow: column;justify-content: center;padding: 40px;color: #Fff;}
.index-about h4 {font-size: 30px;margin-bottom: 1em;}
.index-about p {font-size: 15px;line-height: 1.8;max-width: 550px;}
.index-about .more {margin-left: 0;background-color: #333;color: #fff;border-color: #333;}
/*news*/
.list-news {width: 1200px;max-width: 100%;margin: 20px auto;}
.list-news li {display: flex;padding: 30px 20px;}
.list-news li+li {border-top: 1px solid #f0f0f0}
.list-news .img {width: 265px;height: 160px;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;}
.list-news .img img {width: 100%;height: 100%;transition: all .3s;}
.list-news .text {flex: 1 auto;padding: 0 1em;}
.list-news .text a {font-size: 18px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: .6em;;}
.list-news .text p {font-size: 15px;color: #666;line-height: 1.6em;}
.list-news .date {flex-shrink: 0;border: 1px solid #ccc;display: flex;flex-flow: column;align-items: center;justify-content: center;text-align: center;font-size: 14px;color: #888;padding: 1em 3.6em}
.list-news .date span {font-size: 30px;color: #333;margin-bottom: .4em;}
/*contact*/
.index-contact {background: url(../images/-654.gif) no-repeat center;-webkit-background-size: cover;background-size: cover;color: #fff;}
.index-contact .index-title p {color: #fff;}
.list-contact {display: flex;justify-content: center;}
.list-contact .img {width: 60px;height: 60px;border-radius: 100%;border: 3px solid #fff;padding: 10px;margin-bottom: 1rem}
.list-contact li {display: flex;flex-flow: column;align-items: center;width: 25%;max-width: 280px;padding: 40px 20px;font-size: 14px;text-align: center;flex-shrink: 0;}
@media (any-hover:hover) {.header-box .mainnav>li>a:hover {opacity: .8;color: #DD102F;}
	.banner .swiper-pagination {bottom: 8px}
	.list-serv li:hover {box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
	.list-case a:hover img {transform: scale(1.1);}
	.list-case li:hover .text {top: 0;background-color: rgba(221, 16, 47, .9);padding-top: 60px;}
	a.more:hover {background-color: #DD102F;border-color: #DD102F;color: #fff;}
	.index-about .more:hover {background-color: #fff;color: #DD102F;border-color: #fff;}
	.list-news .img:hover img {transform: scale(1.1);}
	.list-news .text a:hover {text-decoration: underline;color: #DD102F;}
}
@media screen and (max-width:768px) {.index-about {flex-flow: column;background: none;}
	.index-about .img {width: 100%;}
	.index-about .img span {color: #111;font-size: 22px;transform: skew(0);}
	.banner {max-height: 50vw;margin: 0 -10px;width: calc(100% + 20px);}
	.body-box {padding: 0 10px;}
	/*adv*/
	.index-adv {margin-top: 0;}
	.index-adv .box {border-radius: 0;padding: 10px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);flex-flow: column;}
	.index-adv .box li {width: 100%;flex-flow: row;}
	.index-adv .box li+li::before {display: none;}
	.index-adv li {padding: 5px 10px;}
	.index-adv .img {flex-shrink: 0;width: 40px;}
	.index-adv h4 {padding: 0 1em;font-size: 20px;}
	.index-adv p {font-size: 14px;padding: 0;}
	/*serv*/
	.list-serv li {position: relative;}
	.list-serv .tit {position: absolute;bottom: 50%;z-index: 3;color: #fff;font-size: 17px;padding: 30px 30px 0 30px;}
	.list-serv p {position: absolute;top: 50%;z-index: 3;font-size: 14px;color: #fff;padding: 10px 30px 30px;}
	.list-serv li::after {content: '';position: absolute;background-color: rgba(0, 0, 0, .6);top: 20px;left: 20px;right: 20px;bottom: 20px;z-index: 1;}
	.list-serv li+li {margin-left: 0;margin-top: 0;}
	.list-serv2 {display: none;}
	.index-title {padding-top: 40px;background-position: 50% 15px;}
	.list-case {margin: 0 auto;grid-gap: 4px;gap: 4px;grid-template: "img1 img2"1fr "img3 img3"1fr "img4 img4"1fr "img5 img6"1fr / 1fr 1fr;}
	.list-case .text b{font-weight: 400;}
	a.more {max-width: calc(100% - 20px);height: 40px;margin: 20px auto;}
	.index-about {display: none;}
	/*news*/
	.list-news {margin: 0 auto;}
	.list-news li {padding: 10px;flex-flow: column;align-items: flex-start;}
	.list-news .img {width: 100%;height: auto;}
	.list-news .text {width: 100%;padding: 0;}
	.list-news .text p {display: none;}
	.list-news .text a {padding: 10px;font-size: 1rem;margin-bottom: 0;text-align: left;padding: 5px 5px 5px 0}
	.list-news .date {flex-flow: row-reverse;border: 0;padding: 0;font-size: 13px;}
	.list-news .date span {font-size: inherit;color: inherit;margin-bottom: 0;}
	.list-news .date span::before {content: '-';}
	/*contact*/
	.index-contact{margin: 0 -10px;}
	.list-contact{flex-flow: row wrap;}
	.list-contact li {width: 50%;padding: 10px;font-size: 13px;}
}