html, body {background-color: #fff;}
.header-box::after {display: none;}
.header-box {padding: 0;background-color: #fff;position: relative;}
.header-box .mainnav a {color: #111;}
.header-box .tel {color: #DD102F;}
.header-box .mainnav .sub a {color: #fff;}
.mainnav .on a::after {position: absolute;content: '';width: 80%;height: 2px;background-color: #DD102F;bottom: 15px;left: 0;right: 0;margin: auto;}
.mainnav .on a {color: #DD102F;}
.ibanner {height: 360px;max-height: 29vw;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;display: flex;flex-flow: column;align-items: center;justify-content: center;text-align: center;color: #Fff;background-color: rgba(174, 162, 164, 1);position: relative;overflow: hidden;background-blend-mode: overlay;}
/*about*/
.inside-cont-about {padding: 0 100px 100px;}
.inside-cont-about .title {height: 100px;display: flex;align-items: center;justify-content: center;font-size: 22px;}
.inside-cont-about .cont {display: flex;flex-flow: row wrap;line-height: 1.8;color: #666;}
.inside-cont-about .text {flex: 1 auto;max-width: calc(100% - 400px);padding-right: 80px;}
.inside-cont-about .img {flex-shrink: 0;width: 400px;}
/*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;}

/*detail*/
.inside-cont-detail {padding: 20px 100px 100px;}
.inside-cont-detail .title {height: 100px;display: flex;align-items: center;justify-content: center;font-size: 22px;}
.inside-cont-detail .cont {display: flex;flex-flow: row wrap;line-height: 1.8;color: #666;}
.inside-cont-detail .text {flex: 1 auto;max-width: calc(100% - 400px);padding-right: 80px;}
.inside-cont-detail .img {flex-shrink: 0;width: 400px;}

/*contact*/
.inside-cont-contact {padding: 0 100px 100px;}
.inside-cont-contact .title {height: 100px;display: flex;align-items: center;justify-content: center;font-size: 22px;}
.inside-cont-contact .cont {display: flex;flex-flow: row wrap;line-height: 1.8;color: #666;}
.inside-cont-contact .text {flex: 1 auto;max-width: calc(100% - 600px);padding-left: 80px;}
.inside-cont-contact #map {flex-shrink: 0;width: 600px;}
.list-contact li {display: flex;align-items: center;width: 100%;overflow: hidden;padding: 20px 0;}
.list-contact .img {flex-shrink: 0;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.list-contact .img img {width: 20px;filter: brightness(0);}
.list-contact p {}
.crumbs {display: flex;width: 100%;border-bottom: 1px solid #e9e9e9;height: 50px;align-items: center;}
.crumbs p {flex: 1 auto;text-align: right;font-size: 14px;color: #999;}
.crumbs p a {padding: 0 .4em;}
.crumbs .tit {font-size: 18px;border-left: 4px solid #DD102F;text-indent: .8em;line-height: 1em;}
.text-cont {padding: 20px;font-size: 14px;color: #999;}
.list-page {background-color: #fff;padding: 20px;display: flex;justify-content: center;}
.list-page li+li {margin-left: 10px;}
.list-page li {font-size: 13px;display: flex;align-items: center;justify-content: center;color: #999;}
.list-page a {display:inline;padding: .5em 1em;border: 1px solid #e6e6e6;color: #111;border-radius: 4px;}
.list-page li.on a {color: #DD102F;}
.detail {margin: 20px 0;background-color: #fff;padding: 20px;}
.detail .tit {display: flex;flex-flow: column;align-items: center;margin-bottom: 40px;}
.detail .tit p {font-size: 18px;padding-bottom: 1em}
.detail .tit span {display: flex;align-items: center;font-size: 13px;color: #aaa;width: 100%;}
.detail .tit em {margin: 0 1em;flex-shrink: 0;}
.detail .tit span::after, .detail .tit span::before {content: '';flex: 1;height: 1px;border-bottom: 1px dashed #e6e6e6;}
.detail .tit+p {font-size: 14px;color: #999;}
/*case*/
.index-case {background-color: #eff6fa;padding: 20px 0 70px;display: flex;align-items: center;flex-flow: column;}
.list-case {display: flex;flex-flow: row wrap;padding: 20px 0 0;margin: 20px 0 0;background-color: #fff;}
.list-case li {flex-shrink: 0;width: calc(33.33% - 40px);background-color: #fff;overflow: hidden;margin: 0 60px 40px 0;}
.list-case li:nth-child(3n) {margin-right: 0;}
.list-case .img {display: flex;align-items: center;justify-content: center;overflow: hidden;height: 320px;}
.list-case .img img {width: 100%;height: 100%;transition: all .3s;}
.list-case h4 {display: block;white-space: nowrap;padding: 10px;color: #222;font-weight: 400;text-align: center;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.list-case h4::before {content: '';width: 8px;height: 8px;display: inline-block;vertical-align: middle;background-color: #2db46c;margin-right: .6em}
.list-case p {color: #999;font-size: 14px;padding: 10px;padding-top: 0;}
.list-case a+a {display: block;padding: 10px;font-size: 15px;}
.list-case p em {font-size: 12px;}
.inside-cont .title {display: flex;flex-flow: column;}
.inside-cont .title span {display: flex;font-size: 13px;color: #888;padding: 10px;align-items: center;justify-content: center;}
.inside-cont .title span::before,.inside-cont .title span::after{content: '';border-top: 1px solid;width: 4em;height: 1px;margin: 0 1em;margin-bottom: -1px;opacity: .5;}

@media (any-hover:hover) {.header-box .mainnav>li:hover>a {opacity: .8;color: #DD102F;}
	.box-left li:hover::after {width: 110%;}
	.box-left li:hover a {color: #fff;}
	.crumbs p a:hover {color: #DD102F;}
	.list-page li:not(.on) a:hover {background-color: #DD102F;color: #fff;border-color: #DD102F;}
	.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) {.header-box .mainnav a {color: #fff;}
	/*about*/
	.inside-cont-about {padding: 10px;background-color: #F22645;margin: 10px;max-width: calc(100% - 20px);margin-top: -50px;position: relative;z-index: 3;}
	.inside-cont-about .title {padding: 10px;text-align: left;height: auto;font-size: 18px;color: #fff;justify-content: flex-start;}
	.inside-cont-about .cont {color: #fff;font-size: 14px;}
	.inside-cont-about .text {flex: 1 auto;max-width: calc(100%);padding-right: 0;width: 100%;}
	.inside-cont-about .img {margin-top: 20px;max-width: 100%;width: 100%;}
	/*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: '-';}
	/*case*/
	.list-case {padding: 10px;margin: 0;}
	.list-case li {width: 100%;margin: 0;}
	/*contact*/
	.inside-cont-contact {padding: 10px;}
	.inside-cont-contact .title {height: auto;font-size: 18px;padding-bottom: 10px;}
	.inside-cont-contact #map {width: 100%;}
	.inside-cont-contact .text {max-width: 100%;padding: 10px;width: 100%;}
	.list-contact li {font-size: 14px;padding: 5px;}
	
	/*detail*/
	.inside-cont-detail {padding: 10px;}
	.inside-cont-detail .title {height: auto;font-size: 16px;}
	.inside-cont-detail .cont {line-height: 1.6;color: #666;font-size: 14px;}
	.inside-cont-detail .text {flex: 1 auto;max-width: 100%;padding-right: 0;}
	.inside-cont-detail .img {flex-shrink: 0;width: 100%;}
	
	
}