.ibanner {height: 15.62rem;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.inside-menu {background-color: #f9f9f9;padding: 1.37rem 0;}
.inside-menu .menu {display: flex;flex-flow: row wrap;}
.inside-menu .m-title {display: none;}
.inside-menu .menu li {margin: .4rem;}
.inside-menu .menu a {display: block;font-size: 0.93rem;padding: .8rem 2rem;white-space: nowrap;}
.inside-menu .menu li.on a, .inside-menu .menu li:hover a {background-color: #ED1B24;color: #fff;}
.inside-box {width: 100%;padding: 0.62rem;max-width: 1200px;margin: 0 auto 2rem;display: flex;flex-flow: column;}
.crumbs {height: 3.12rem;line-height: 3.12rem;border-bottom: 1px solid #E3E3E3;margin-bottom: 1.25rem;overflow: hidden;}
.crumbs .fl {color: #0D6EA3;font-weight: 700;padding: 0 1em;box-shadow: 0 -3px 0 0 inset #0D6EA3}
.crumbs .fr {font-size: 0.9rem;}
.crumbs .fr a, .crumbs .fr span {padding: 0 .4rem;}
.crumbs .fr a:hover {color: #0D6EA3;}
.inside-box .content {padding: 0.8rem;line-height: 1.7;color: #777;}
.inside-title {display: flex;flex-flow: column;align-items: center;padding: 40px;position: relative;}
.inside-title h3 {font-size: 1.6em;font-weight: 400;margin-bottom: .5em;}
.inside-title em {text-transform: uppercase;color: #aaa;font-size: .9em;}
.inside-title::after {content: '';position: absolute;bottom: 20px;width: 4em;left: 50%;margin-left: -2em;height: 2px;background-color: #ED1B24;}
/*news*/
.inside-news .list-news li+li {margin-top: 2rem;}
.inside-news .list-news li {display: flex;flex-flow: row nowrap;}
.inside-news .list-news .img {width: 12.5rem;height: 9rem;flex-shrink: 0;background-color: #fcfcfc;position: relative;overflow: hidden;}
.inside-news .list-news .img span {position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;transition: all .3s;}
.inside-news .list-news .text {padding-left: 2em;flex: 1;}
.inside-news .list-news .tit {color: #111;flex: 1;font-size: 1.1rem;}
.inside-news .list-news .text p {margin: 1rem 0 0;font-size: .93rem;color: #888;line-height: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inside-news .list-news .date {display: flex;flex-flow: column;align-items: center;justify-content: center;padding: 0 40px;}
.inside-news .list-news .date p {font-size: 1rem;color: #999;}
.inside-news .list-news .date p+p {font-size: 1.4rem;margin-top: 10px;color: #222;}
.inside-news .list-news .date .ico {margin-top: 10px;width: 40px;height: 40px;text-align: center;line-height: 40px;position: relative;overflow: hidden;transition: all .3s;}
.inside-news .list-news .date .ico i {transition: all .3s;color: #666;position: absolute;top: 0;bottom: 0;margin: auto;height: 40px;line-height: 40px;width: 40px;text-align: center;left: 0;}
.inside-news .list-news li:hover .date .ico {background-color: #ED1B24;}
.inside-news .list-news li:hover .date .ico i {color: #fff;animation: move 1s;}
.inside-news .list-news li:hover .tit {color: #ED1B24;}
.inside-news .list-news li:hover .img span {transform: scale(1.1);}
@keyframes move {0% {left: -100%;}
	to {left: 0}
}
.inside-pagination {display: flex;margin: 2rem 0;justify-content: center;}
.inside-pagination li {margin: .5em;line-height: 2.4rem;}
.inside-pagination span, .inside-pagination a {display: block;padding: 0 1.2rem;}
.inside-pagination span {background-color: #fafafa;color: #aaa;}
.inside-pagination a:hover {background-color: #ED1B24;color: #Fff;}
.inside-product {overflow: hidden;position: relative;padding-bottom: 4rem;display: flex;flex-flow: row wrap;}
.inside-product li {flex-shrink: 0;min-width: 140px;width: calc(33.5% - 16px);margin: 0 20px 20px 0;}
.inside-product li:nth-child(3n) {margin-right: 0;}
.inside-product a {background-color: #fff;overflow: hidden;display: flex;flex-flow: column;text-align: center;justify-content: center;align-items: center;border: 1px solid #e9e9e9;}
.inside-product li .img {width: 100%;height: 0;padding-bottom: 80%;position: relative;overflow: hidden;}
.inside-product li .img img {position: absolute;max-width: 100%;max-height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all .3s;}
.inside-product li .text {padding: 1rem 0;line-height: 1.4rem;font-size: 0.96rem;position: relative;transition: all .3s;}
.inside-product li:hover .img img {transform: scale(1.1);}
.inside-product li .text::after {content: '';position: absolute;top: 100%;left: 0;right: 0;width: 0%;margin: auto;height: 1px;background-color: #A92028;transition: all .3s;}
.inside-product li:hover .text::after {width: 90%;margin-top: -1rem;height: 2px;}
.inside-product li:hover .text {padding: 0 0 2rem;}



.inside-case {overflow: hidden;position: relative;display: flex;flex-flow: row wrap;}
.inside-case li {flex-shrink: 0;min-width: 140px;width: calc(25% - 16px);margin: 0 20px 20px 0;}
.inside-case li:nth-child(4n) {margin-right: 0;}
.inside-case a {background-color: #fff;overflow: hidden;display: flex;flex-flow: column;text-align: center;justify-content: center;align-items: center;border: 1px solid #e9e9e9;}
.inside-case li .img {width: 100%;height: 0;padding-bottom: 80%;position: relative;overflow: hidden;}
.inside-case li .img img {position: absolute;max-width: 100%;max-height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all .3s;}
.inside-case li .text {width: 100%;padding: 1rem 0;line-height: 1.4rem;font-size: 0.96rem;position: relative;transition: all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.inside-case li:hover .img img {transform: scale(1.1);}
.inside-case li .text::after {content: '';position: absolute;top: 100%;left: 0;right: 0;width: 0%;margin: auto;height: 1px;background-color: #A92028;transition: all .3s;}
.inside-case li:hover .text::after {width: 90%;margin-top: -1rem;height: 2px;}
.inside-case li:hover .text {padding: 0 0 2rem;}


.detail-tit {display: flex;flex-flow: column;align-items: center;padding: 2rem;border-bottom: 1px solid #f0f0f0;margin-bottom: 2rem;}
.detail-tit h3 {margin-bottom: 1rem;font-size: 1.1rem;}
.detail-tit p {font-size: 0.87rem;color: #999;}
.detail-tit p em {margin: 0 1rem;}
.inside-box .list-img {display: flex;flex-flow: row wrap;}
.inside-box .list-img li {width: 7.2rem;height: 3.75rem;border: 1px solid #e9e9e9;padding: 0.2rem;margin: 0.4rem;overflow: hidden;position: relative;}
.inside-box .list-img a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.inside-box .list-img img {display: block;max-height: 100%;max-width: 100%;transition: all .3s;}
.inside-box .list-img li:hover img {transform: scale(1.1);}
.inside-box .content {min-height: 320px;}
.product-detail {display: flex;flex-flow: row nowrap;}
.product-detail .main {flex: 1}
.product-detail .slide {width: 270px;margin-left: 40px;}
.product-detail .list-product {display: flex;flex-flow: column;}
.product-detail .list-product .hd {height: 40px;line-height: 40px;padding: 0 10px;font-size: 15px;color: #222;border-bottom: 1px solid #e9e9e9;background-color: #fff;}
.product-detail .list-product .hd .tit {position: relative;padding-left: 20px;}
.product-detail .list-product .hd .tit::before{content: '';height: 6px;width: 6px;border-radius: 2px; background-color: #ED1B24;position: absolute;top: 0;bottom: 0;left: 5px;margin: auto;transform: rotate(45deg);}
.product-detail .list-product .hd i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product-detail .list-product .hd i:nth-child(1) {font-size: 22px;color: #444;z-index: 0;}
.product-detail .list-product .hd i:nth-child(2) {font-size: 14px;color: #FF6A01;z-index: 1;}
.product-detail .list-product .bd {margin-bottom: 20px;background-color: #fff;}
.product-detail .list-product .bd li+li {margin-top: 10px;padding-top: 10px;border-top: 1px solid #e9e9e9;}
.product-detail .list-product .bd a {display: flex;flex-flow: column-reverse;width: 100%;padding: 5px 5px 5px 110px;position: relative;min-height: 90px;background-color: #fff;justify-content: start;line-height: 1.6;}
.product-detail .list-product .bd .img {position: absolute;left: 5px;top: 5px;width: 80px;height: 80px;overflow: hidden;bottom: 5px;margin: auto;}
.product-detail .list-product .bd img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-height: 100%;}
.product-detail .list-product .bd p{ line-height:80px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-detail .img-box {display: flex;flex-flow: row wrap;padding: 20px;position: relative;background-color: #fff;}
.product-detail .img-box .img {width: 400px;height: 320px;position: relative;}
.product-detail .img-box .img img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;margin: auto;}
.product-detail .img-box .text {line-height: 2;color: #888;flex: 1;padding: 0 0 0 40px;}
.product-detail .img-box .tit {font-size: 1.2em;color: #222;display: block;margin-bottom: 20px;}
.product-detail .text-box {position: relative;padding: 50px 0;background-color: #fff;line-height: 1.7;color: #777;}
.product-detail .text-box::before {content: '';position: absolute;left: 20px;right: 20px;height: 1px;background-color: #eee;top: 25px;}
@media screen and (max-width:1199px) {
	.inside-product li {width: calc(24.9% - 11px);margin: 0 15px 15px 0;}
	.inside-product li:nth-child(5n) {margin-right: 15px;}
	.inside-product li:nth-child(4n) {margin-right: 0;}

	.inside-case li {width: calc(24.9% - 11px);margin: 0 15px 15px 0;}
	.inside-case li:nth-child(5n) {margin-right: 15px;}
	.inside-case li:nth-child(4n) {margin-right: 0;}

	.product-detail {flex-flow: column;}
	.product-detail .img-box {flex-flow: column;padding: 0;}
	.product-detail .img-box .img {width: 100%;height: calc(100vw - 20px);max-height: 320px;}
	.product-detail .img-box .text {padding: 0 10px;}
	.product-detail .text-box {padding: 50px 10px;}
	.product-detail .slide {width: 100%;margin-left: 0;}
	.product-detail .list-product .bd a {flex-flow: column;width: 100%;padding: 0;min-height: auto;background-color: #fff;justify-content: start;line-height: 1.6;text-align: center;position: relative;padding: 15px;}
	.product-detail .list-product .bd ul {display: flex;flex-flow: row wrap;background-color: #e9e9e9;}
	.product-detail .list-product .bd li {flex: 1;min-width: 140px;margin: .5px;background-color: #fff;margin-top: 0;}
	.product-detail .list-product .bd .img {position: relative;left: 0;top: 0;width: 100%;height: 100px;overflow: hidden;bottom: auto;margin: auto;margin-bottom: 10px;}
	.product-detail .list-product .bd li+li {margin-top: 0;padding-top: 0;border-top: none;}
.product-detail .list-product .bd p{ line-height:22px;}
}
@media screen and (max-width:768px) {.ibanner {height: 21vw;}
	.inside-menu .m-title {display: block;text-align: center;background-color: #A92028;color: #fff;padding: 1rem;position: relative;cursor: pointer;}
	.inside-menu .m-title i {position: absolute;right: 1rem;top: 0;bottom: 0;margin: auto;height: 1rem;transition: all .3s;}
	.inside-menu .m-title.on i {transform: rotate(180deg);}
	.inside-menu .menu {flex-flow: column;display: none;}
	.inside-menu .menu li {margin: 0;}
	.inside-box {flex-flow: column;padding: 0;margin-bottom: 0;}
	.menu {display: none;}
	.inside-box .content {min-height: 100px;}
	.detail-tit {padding: 0 0 1rem;}
	.inside-news .content, .inside-pro-details .content {padding: 0 0.8rem;}
	.inside-news .list-news li {padding: 0 10px;}
	.inside-news .list-news .date {display: none;}
	.inside-news .list-news .img {width: 8rem;height: 6rem;margin-right: .5rem;}
	.inside-news .list-news .text {padding-left: 0;}
	.inside-product {padding-bottom: 1rem;}
	.inside-product li {flex: 1;min-width: 140px;;margin: 5px !important;}

	.inside-case {padding-bottom: 1rem;}
	.inside-case li {flex: 1;min-width: 140px;;margin: 5px !important;}

.product-detail .list-product .bd p{ line-height:22px;}
	.product-detail .list-product .bd li+li+li {margin-top: 1px;padding-top: 0;border-top: none;}
	.product-detail .list-product .bd li+li+li+li {margin-top: 1px;padding-top: 0;border-top: none;}

	.inside-pro-details .img-box {flex-flow: column;}
	.inside-pro-details .img-box .text {padding-top: 1em;padding-left: 0;}
	.footer-box {display: none;}
}