.body-box {background-color: #FBFBFB;}
.i-banner {height: 320px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.3);background-blend-mode: overlay;}
.i-banner h3 {color: #fff;font-size: 40px;margin-bottom: 20px;text-shadow: 3px;letter-spacing: .3em;display: flex;align-items: center;justify-content: center;}
.i-banner h3::before {content: '';height: 3px;width: 1.5em;background-color: #fff;margin: 1px .2em 0;border-radius: 5px}
.i-banner h3::after {content: '';height: 3px;width: 1.5em;background-color: #fff;margin: 1px .2em 0;border-radius: 5px}
.about-box {display: flex;padding: 10px 0 20px;}
.about-box .img {flex-shrink: 0;width: 600px;max-width: 100%;display: flex;align-items: center;justify-content: center;}
.about-box .text {flex: 1;padding: 0 0 0 70px;font-size: 14px;color: #666;line-height: 1.8em;text-indent: 2em;display: flex;flex-flow: column;}
.about-box .text p {flex: 1}
.about-box .text b {font-size: 17px;margin-right: .5em;}
.content-box {margin-top: -50px;display: flex;}
.content-box .left-box {background-color: #fff;width: 230px;margin-right: 20px;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .02);}
.content-box .right-box {background-color: #fff;flex: 1;overflow: hidden;padding: 10px;min-height: 400px;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .02);}
.left-box .title {height: 50px;background-color: #F0961B;display: flex;align-items: center;justify-content: center;color: #fff;}
.menu {}
.menu .item {display: flex;flex-flow: row wrap;background-color: #fdfdfd;position: relative;}
.menu .item+.item {border-top: 1px solid #f6f6f6;}
.menu .item>a {flex: 1;height: 50px;display: flex;align-items: center;padding: 0 1em;font-size: 15px;}
.menu .item>i {height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;cursor: pointer;}
.menu .item>i::after {content: '';position: absolute;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(-45deg);transition: all .2s;}
.menu .item.on>i::after {transform: rotate(135deg);}
.menu .item.on .sub {max-height: 1000px;}
.menu .sub {flex-shrink: 0;width: 100%;background-color: #eee;max-height: 0;overflow: hidden;transition: all .2s;}
.menu .sub li+li {border-top: 1px solid #fff;}
.menu .sub a {display: block;padding: 10px;font-size: 14px;height: 44px;display: flex;align-items: center;text-indent: 1em;}
.menu .curren::before {content: '';position: absolute;height: 0;width: 0;top: 19px;left: 0;border: 6px solid transparent;border-left: 5px solid #F0961B;border-radius: 2px;}
.menu .curren::after {content: '';position: absolute;height: 40px;left: 0;top: 5px;background-color: #F0961B;width: 2px;border-radius: 0 2px 2px 0}
.crumbs {display: flex;height: 49px;border-bottom: 1px solid #e9e9e9;margin-top: -10px;align-items: center;}
.crumbs h4 {flex: 1;font-size: 14px;color: #333}
.crumbs p {font-size: 13px;color: #999;}
.crumbs p a {color: #666;}
.list-news li {display: flex;margin: 1px 0;padding: 2px 10px 2px 15px;background: url(../images/icon_li.jpg) no-repeat 0 50%;transition: all .3s;align-items: center;}
.list-news li a {font-size: 14px;color: #666;padding: 10px;flex-shrink: 0;}
.list-news li em {flex: 1;text-align: right;font-size: 12px;color: #999;}
.pagination-box {display: flex;flex-flow: row wrap;overflow: hidden;justify-content: center;align-items: center;padding: 10px;margin-bottom: 20px}
	.pagination-box a, .pagination-box span {
		border: 1px solid #e6e6e6;
		font-size: .88em;
		color: #333;
		line-height: 2;
		margin: 0 4px 10px;
		padding: 0 12px;
		border-radius: 4px;
		background: #fff;
		white-space: nowrap;
		padding: .5em 1em;
		border: 1px solid #e6e6e6;
		color: #111;
	}
.pagination-box span {background-color: #f9f9f9;}
.form {padding: 20px;background-color: #fff;margin: 20px 0;width: 100%;}
.form .item {display: flex;width: 100%;}
.form .item+.item {margin-top: 20px;}
.form .item .l {flex-shrink: 0;min-width: 5em;font-size: 14px;color: #666;display: flex;align-items: center;justify-content: center;}
.form .item .r {flex: 1 auto;display: flex;align-items: center;justify-content: flex-end;padding-left: 1rem;}
.form .item textarea {width: 100%;resize: none;border: 1px solid #e9e9e9;border-radius: 4px;padding: 10px;line-height: 1.2;font-size: 14px;color: #666;font-family: inherit;min-height: 10em;}
.form .item input, .form .item select {border: 1px solid #e9e9e9;border-radius: 4px;padding: 10px;font-size: 14px;color: #666;font-family: inherit;flex: 1 auto;background: #fff;}
.form .item ul {display: flex;flex-shrink: 0;width: 100%;padding: 5px;white-space: nowrap;flex-flow: row wrap;}
.form .item li {font-size: 13px;display: flex;align-items: center;justify-content: center;text-align: center;padding: .5em 1em;border-radius: 4px;border: 1px dashed #e9e9e9;margin: 5px;cursor: pointer;color: #999;}
.form .item li.on {background-color: #F0961B;color: #fff;border: 1px solid #F0961B;}
.form .hd {display: flex;}
.form .hd li {color: #ccc;padding: 1em;cursor: pointer;}
.form .hd li.on {color: #f1aa1e;}
.form .query {display: none;}
.form .query.on {display: block;}
.form img {flex-shrink: 0;height: 41px;width: auto;margin-left: 20px;}
.form .btn {background-color: #e9e9e9;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 13px;border-radius: 8px;margin-left: 20px;width: 140px;cursor: pointer;height: 41px;}
.form .btn.disabled {background-color: #aaa;}
.form form>h4 {padding: 1em 10px 20px;font-weight: 400;position: relative;display: block;padding-left: 1.5em}
.form form>h4::after {content: '';position: absolute;bottom: 18px;width: .6em;height: .4em;left: 10px;background-color: #F0961B;top: 0;bottom: 0;margin: auto;}
.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: 17px;padding-bottom: 1em;line-height: 1.3em;}
.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;}
.list-case {display: flex;flex-flow: row wrap;padding: 20px 0 0 20px;}
.list-case li {width: 283px;margin: 0 20px 20px 0;flex-shrink: 0;overflow: hidden;}
.list-case .img {display: flex;width: 100%;align-items: center;justify-content: center;margin: 0 auto 10px;overflow: hidden;}
.list-case .text {font-size: 14px;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.list-case .text a {line-height: 1.3em;color: #666;}
.list-case .text p {font-size: 12px;color: #999;margin-bottom: 5px;}
.contact-box {padding: 20px;line-height: 1.8em;}
.contact-box h3 {font-size: 17px;color: #F0961B;margin-bottom: 10px;}
.contact-box p {font-size: 13px;color: #666;}
@media screen and (min-width:950px) {.menu a:hover {color: #F0961B}
	.menu .item>i:hover::after {border-top: 1px solid #F0961B;border-right: 1px solid #F0961B;}
	.menu .item:hover {box-shadow: 0 -1px 0 0 rgba(240, 150, 27, .1) inset;background-color: rgba(240, 150, 27, .05);}
	.crumbs p a:hover {color: #F0961B}
	.list-news li a:hover {color: #F0961B;}
	.list-news li:hover {background-position-x: 3px;}
	.pagination-box a:hover {background-color: #F0961B;color: #fff;border-color: #F0961B;}
	.list-case .text a:hover {color: #F0961B;}
}
@media screen and (max-width:950px) {.i-banner {height: 30vw;}
	.i-banner h3 {font-size: 24px;}
	.about-box {flex-flow: column;padding: 0 10px 10px;}
	.about-box .text {padding: 0;}
	.about-box .btn {width: 172px;text-indent: 0;margin: 10px auto;}
	.about-box .img {margin: auto;}
	.content-box {flex-flow: column;margin-top: 0;}
	.content-box .left-box {background-color: #fff;width: 100%;margin-right: 0;box-shadow: none;position: relative;z-index: 4}
	.left-box .title {display: none;}
	.menu {display: flex;width: 100%;white-space: nowrap;}
	.menu .item {flex: 1;position: relative;height: 40px}
	.menu .sub {position: absolute;top: 100%;left: 0;min-width: 100%;width: auto;}
	.menu .item>i {height: 40px;width: 40px;}
	.menu .item>a {height: 40px;text-align: center;justify-content: center;font-size: 13px;width: calc(100% - 40px);text-indent: 0;}
	.menu .sub a {text-indent: 0;}
	.menu .curren::before {content: '';position: absolute;height: 0;width: 100%;top: 100%;left: 0;border: 0;border-radius: 2px;border-bottom: 1px solid #F0961B;}
	.menu .curren::after {display: none;}
	.crumbs {display: none;}
	.list-news {padding: 0 10px;white-space: nowrap;}
	.list-news li a {font-size: 13px;padding: 6px;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.list-news li em {flex: 0;}
	.pagination-box {font-size: 14px;}
	.form {padding: 0 10px;}
	.form .item {flex-flow: column;margin-bottom: 10px;}
	.form .item .l {justify-content: flex-start;padding: 10px;}
	.form img, .form .btn {margin-left: 0;margin-top: 10px;flex-shrink: 0;width: auto;}
	.form .item .r {padding-left: 0;}
	.list-case {padding: 0;margin: 0 -5px;}
	.list-case li {width: 50%;margin: 0 0 20px;padding: 5px;}
}
