.banner {height: 420px;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide {height: 100%;display: block;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.banner .swiper-pagination-bullet {background-color: #666;opacity: .8;height: 13px;width: 13px;}
.banner .swiper-pagination-bullet-active {box-shadow: 0 0 0 3px #F0961B inset;background-color: rgba(255, 255, 255, .6);}
/*serv*/
.serv-box {display: flex;align-items: center;margin: 0 auto;justify-content: center;padding: 10px 0}
.serv-box .tab-box {display: flex;align-items: center;width: 100%;max-width: 687px;}
.serv-box .tab-box .item {display: none;border: 1px solid #e9e9e9;background-color: #FCFCFC;height: 160px;overflow: hidden;flex: 1 auto;position: relative;overflow: hidden;}
.serv-box .tab-box .btn {position: absolute;bottom: 0;right: 0;z-index: 2;padding: 0 1.8em;transition: all .3s;opacity: 1;}
.serv-box .tab-box .item textarea {background: none;border: 0;width: 100%;height: 100%;resize: none;padding: 5px;font: inherit;line-height: 1.3em;font-size: 14px;}
.serv-box .tab-box .item.on {display: block;}
.serv-box .link {display: flex;flex-shrink: 0;}
.serv-box .link li {margin-left: 10px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;transition: all .2s;}
.serv-box .hd {width: 230px;}
.serv-box .hd li {background-color: #E6E6E6;height: 80px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #999;cursor: pointer;}
.serv-box .hd li.on {color: #fff;background-color: #F0961B;}
.serv-box .bd {flex: 1 auto;}
/*about*/
.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;}
.about-box .btn {width: 172px;text-indent: 0;}
/*ad*/
.img-ad {height: 140px;background-repeat: no-repeat;background-position: center;display: block;}
.tit {display: flex;align-items: center;border-bottom: 1px dashed #BCBCBC;margin-bottom: 20px;width: 100%;}
.tit h4 {font-size: 15px;color: #222;font-weight: 700;padding: 10px 0;box-shadow: 0 -3px 0 0 #F0961B inset;margin-bottom: -1px;}
.tit em {padding: 10px 1em;text-transform: uppercase;font-size: 13px;color: #999;flex: 1;}
.tit a {font-size: 12px;text-transform: uppercase;color: #666;font-size: 12px;padding: 10px;}
/*news*/
.news-box, .faq-box {width: 580px;max-width: 100%;}
.news-box .focus-box {margin-bottom: 20px;}
.news-box .focus-box .img {height: 195px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-box .focus-box .img img {width: 100%;height: 100%;display: block;}
.news-box .focus-box .text {height: 36px;background-color: #f2f2f2;line-height: 36px;overflow: hidden;white-space: nowrap;display: flex;}
.news-box .focus-box .hd {background-color: #F0961B;color: #fff;padding: 0 1.8em;flex-shrink: 0;}
.news-box .focus-box .bd {padding: 0 10px;float: left;flex: 1;overflow: hidden;display: flex;font-size: 14px;color: #666;}
.news-box .focus-box .bd em {flex: 1;text-align: right;font-size: 12px;color: #999;}
.list-news li {display: flex;margin: 1px 0;padding-left: 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;}
.scroll-box {height: 301px;margin-bottom: 20px;overflow-y: auto;padding: 10px;background-color: #fbfbfb;}
.scroll-box li {margin-bottom: 20px;}
.scroll-box .hd {display: flex;align-items: center;}
.scroll-box .hd em {background-color: #E7381B;height: 24px;width: 24px;margin-right: 5px;color: #fff;font-weight: 700;text-transform: uppercase;display: flex;align-items: center;justify-content: center;border-radius: 2px;}
.scroll-box .hd p {font-size: 14px;font-weight: 700;color: #e7381b;}
.scroll-box .bd {padding: 10px 10px 10px 34px;line-height: 24px;font-size: 13px;color: #999;}
@media screen and (min-width:950px) {.serv-box .link li:hover {margin-top: -5px;}
	.about-box .btn:hover {margin-bottom: 2px;}
	.tit a:hover {color: #F0961B;}
	.news-box .focus-box a:hover {color: #F0961B;}
	.list-news li a:hover {color: #F0961B;}
	.list-news li:hover {background-position-x: 3px;}
}
@media screen and (max-width:950px) {.banner {max-height: 420px;height: 35vw;}
	.serv-box {flex-flow: column;padding: 0;}
	.serv-box .tab-box {flex-flow: column;}
	.serv-box .hd {width: 100%;display: flex;}
	.serv-box .hd li {font-weight: 400;font-size: 14px;flex: 1;height: auto;padding: .8em 0}
	.serv-box .bd {width: 100%;}
	.serv-box .tab-box .item {height: auto;}
	.serv-box .tab-box .item textarea {height: 10em;}
	.serv-box .tab-box .btn {position: static;}
	.serv-box .link {padding: 10px;padding-left: 0;}
	.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;}
	.img-ad {display: none;}
	.tit {margin-bottom: 2px;}
	.news-box .focus-box .img {height: auto;}
	.news-box .focus-box .hd {display: none;}
	.news-box .focus-box {margin-bottom: 10px;}
	.list-news {padding: 0 10px;}
	.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;}
	.i-title+.flex.wrap {flex-flow: column;align-items: center;}
	.scroll-box {height: auto;margin-bottom: 0;}
	.scroll-box li {margin-bottom: 5px;}
}
