.header-box {background-color: #145d86}
.header-box .wrap {flex-flow: row;}
.header-box .logo {padding: 0;font-size: 20px;}
.body-box {padding-top: 60px;}
.ibanner {height: 300px;max-height: 30vw;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;background-color: rgba(160, 160, 160, .9);background-blend-mode: overlay;}
.crumbs {border-bottom: 1px solid #ccc;padding: 1em;line-height: 1.5;color: #777}
.crumbs a, .crumbs span {padding: 0 .4em;font-size: inherit;color: inherit}
.crumbs a:hover {color: #2CAAF2;}
.crumbs select {line-height: 1.5em;font: inherit;padding: .2em 1em;background-color: #fff;border: 1px solid #aaa;}
.inside-content {color: #666;line-height: 1.6;}
/*about*/
.inside-about {padding: 0 0 5em;}
.inside-about h4 {text-align: center;padding: 2em 0;font-weight: 400;font-size: 20px;position: relative;color: #2CAAF2;}
.inside-about h4::after {position: absolute;bottom: 1em;content: '';width: 4em;height: 2px;background-color: #2CAAF2;left: 0;right: 0;margin: auto;}
/*contact*/
.inside-contact ul {padding: 1em 0;}
.inside-contact li {display: flex;align-items: center;padding: 1em;}
.inside-contact li i {width: 2em;text-align: center;font-size: 1.5em;}
/*news*/
.inside-news .list {padding: 40px 0;}
.inside-news .list li {position: relative;border: 1px solid #e3e3e3;padding: 20px;display: flex;flex-flow: row-reverse;transition: all .3s;background-color: #fff;}
.inside-news .list em {background-color: #2CAAF2;color: #fff;white-space: normal;display: flex;justify-content: center;align-items: center;text-align: center;padding: 1em;font-size: 1.3em;width: 160px;}
.inside-news .list .text {padding: 0 20px; width:780px;}
.inside-news .list .text a {display: block;margin-bottom: .8em;}
.inside-news .list .text p {color: #888;font-size: .98em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.inside-news .list .img {position: relative;overflow: hidden;width: 200px;height: 180px;flex-shrink: 0;}
.inside-news .list .img img {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;max-width: 100%;max-height: 100%;transition: all .3s;}
.inside-news .list li+li {margin-top: 30px;}
.inside-news .list li:hover img {transform: translate(-50%, -50%) scale(1.1);}
.inside-news .list li:hover {box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);background-color: #fcfcfc;}
.inside-news .list li:hover a {color: #2CAAF2;}
.inside-pagination {display: flex;flex-flow: row wrap;justify-content: center;width: 100%;margin-bottom: 40px;}
.inside-pagination li {margin: 10px;}
.inside-pagination a:hover {color: #2CAAF2;}
.inside-news-detail .hd {padding: 60px 0;text-align: center;}
.inside-news-detail .hd h4 {margin-bottom: 1em;font-size: 1.5em;}
.inside-news-detail .hd em {margin: 0 1em;}
.inside-news-detail .bd {border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;padding: 40px 0;margin-bottom: 20px; line-height:1.8;}
/*product*/
.inside-case {padding: 40px 0;}
.inside-case .wrap {display: flex;flex-flow: row wrap;}
.inside-case .left-box {width: 220px;flex-shrink: 0;margin-right: 40px;}
.inside-case .right-box {flex: 1;}
.inside-content .m-menu h4 {height: 60px;line-height: 60px;padding: 0 1em;background-color: #2CAAF2;color: #fff;font-size: 1.2em;}
.inside-content .m-menu li a {display: block;position: relative;height: 50px;line-height: 50px;padding: 0 1em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.inside-content .m-menu li a::after {content: "";position: absolute;width: 6px;height: 6px;border-top: 1px solid;border-right: 1px solid;right: 1em;top: 50%;transform: translateY(-50%) rotate(45deg);color: #aaa;}
.inside-content .m-menu li+li {border-top: 1px solid #ddd;}
.inside-content .m-menu li a:hover {background-color: #2CAAF2;color: #fff;text-indent: 1em;}
.inside-content .m-menu li a:hover::after {color: #fff;}
.left-box [class*='m-'] {border: 1px solid #ccc;margin-bottom: 20px;}
.left-box [class*='m-'] h4 {height: 60px;line-height: 60px;padding: 0 1em;background-color: #2CAAF2;color: #fff;font-size: 1.2em;}
.m-news li+li {border-top: 1px solid #ddd;}
.m-news a {padding: 10px;display: block;font-size: 14px;}
.m-news a:hover {color: #2CAAF2;}
.m-contact p {padding: 10px;font-size: 14px;}
.inside-case .list {display: flex;flex-flow: row wrap;}
.inside-case .list li {width: calc(33.33% - 27px);margin: 0 40px 40px 0;}
.inside-case .list li:nth-child(3n) {margin-right: 0;}
.inside-case .list .img {width: 100%;height: 0;padding-bottom: 90%;position: relative;overflow: hidden;display: block;}
.inside-case .list .img::after {content: '';position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid rgba(255, 255, 255, 0);transition: all .3s;}
.inside-case .list li:hover .img::after {border: 1px solid rgba(255, 255, 255, 1);box-shadow: 0 0 10px 0 rgba(255, 255, 255, .2);}
.inside-case .list img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;max-width: 100%;max-height: 100%;transition: all .3s;}
.inside-case .list li:hover img {transform: translate(-50%, -50%) scale(1.1);}
.inside-case .list .t {display: block;text-align: center;padding: 10px;}
.inside-case .list li:hover .t {color: #2CAAF2;}


.inside-case .list1 {display: flex;flex-flow: row wrap;}
.inside-case .list1 li {width: calc(24.66% - 27px);margin: 0 40px 40px 0;}
.inside-case .list1 li:nth-child(4n) {margin-right: 0;}
.inside-case .list1 .img {width: 100%;height: 0;padding-bottom: 90%;position: relative;overflow: hidden;display: block;}
.inside-case .list1 .img::after {content: '';position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid rgba(255, 255, 255, 0);transition: all .3s;}
.inside-case .list1 li:hover .img::after {border: 1px solid rgba(255, 255, 255, 1);box-shadow: 0 0 10px 0 rgba(255, 255, 255, .2);}
.inside-case .list1 img {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;max-width: 100%;max-height: 100%;transition: all .3s;}
.inside-case .list1 li:hover img {transform: translate(-50%, -50%) scale(1.1);}
.inside-case .list1 .t {display: block;text-align: center;padding: 10px;}
.inside-case .list1 li:hover .t {color: #2CAAF2;}



.inside-case .box-t .img{background-color: #fafafa;}
.inside-case .box-t{display: flex;flex-flow: row wrap;}
.inside-case .box-t .text{flex: 1; padding: 0 0 0 80px;}
.inside-case .box-t .text h4{color: #2CAAF2;font-size: 1.4em;display: block;margin-bottom: 1em;}
.inside-case .right-box h4.tit{margin: 1em 0 1.5em;height: 50px;line-height: 50px; color: #2CAAF2;font-weight: 400;border-bottom: 1px solid;}

@media screen and (max-width:768px) {.header-box .logo {font-size: 17px;}
	/*news*/
	.inside-news .list {padding: 20px 0;}
	.inside-news .list li {padding: 10px;flex-flow: column;}
	.inside-news .list .img {display: none;}
	.inside-news .list .text {padding: 0;width:100%;}
	.inside-news .list em {display: none;}
	.inside-news .list li+li {margin-top: 20px;}
	.inside-news-detail .hd {padding: 20px 0;margin-bottom: 20px;text-align: left;}
	.inside-news-detail .hd h4 {margin-bottom: .5em;font-size: 1.1em;}
	.inside-news-detail .bd {padding: 20px 0;}
	/*product*/
	.inside-case {padding: 10px 0;}
	.inside-case .wrap {flex-flow: column;}
	.inside-case .left-box {width: 100%;flex: 1;margin-right: 0;}
	.inside-case .m-menu ul{display: none;}
	.inside-case .m-menu h4{position: relative;cursor: pointer;}
	.inside-case .m-menu h4::after{content: '';position: absolute;width: 10px;height: 10px;border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg) translateY(-50%);right: 20px;top: 50%;margin-top: -4px;}
	.inside-case .list li {width: calc(50% - 10px);margin: 0 20px 20px 0;}
	.inside-case .list li:nth-child(3n) {margin-right: 20px;}
	.inside-case .list li:nth-child(2n) {margin-right: 0;}

	.inside-case .list1 li {width: calc(50% - 10px);margin: 0 20px 20px 0;}
	.inside-case .list1 li:nth-child(3n) {margin-right: 20px;}
	.inside-case .list1 li:nth-child(2n) {margin-right: 0;}

	.inside-news .list .text p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

	.left-box>div:not(.m-menu) {display: none;}
	/*product detail*/
	.inside-case .box-t .text{padding: 0 ;flex: auto;}
}