.service-wrap .service-banner-wrap {
	width: 100%;
	height: 532px;
	background: -webkit-gradient(linear, left top, right bottom, from(#fefafa), to(#fafbfc));
	background: -o-linear-gradient(top left, #fefafa, #fafbfc);
	background: linear-gradient(to bottom right, #fefafa, #fafbfc)
}
.icon-wrap .cms.cms-icon img{
	/*width: 45px;*/
	    vertical-align: middle;
}
/*.industry-item:hover  .icon-wrap .cms.cms-icon img{
	transform: translateY(-141px);
    filter: drop-shadow(#ff0000 0 141px);
}*/
.service-wrap .service-banner-wrap .service-banner {
	width: 100%;
	height: 100%;
	background: url(../images/banner.973b95137752c0f0072ebdfdb90b8b2f.png) no-repeat 50%;
	background-size: 1920px 532px
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word {
	width: 1200px;
	margin: 0 auto
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .service-banner-title {
	line-height: 81px;
	padding-top: 164px
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .service-banner-title .title-left {
	font-size: 58px;
	color: #111;
	letter-spacing: 2px;
	font-weight: 600
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .service-banner-desc {
	margin-top: 30px
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .service-banner-desc p {
	font-size: 18px;
	color: rgba(34, 34, 34, .8);
	letter-spacing: 2px;
	line-height: 25px;
	font-weight: 400
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .to-experience {
	margin-top: 50px;
	display: block;
	width: 130px;
	height: 48px;
	background: #e1251b;
	-webkit-box-shadow: 0 4px 16px 0 rgba(220, 6, 43, .3);
	box-shadow: 0 4px 16px 0 rgba(220, 6, 43, .3);
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-weight: 400
}

.service-wrap .service-banner-wrap .service-banner .service-banner-word .to-experience:hover {
	background: #fc0000;
	-webkit-box-shadow: 0 4px 10px 0 rgba(212, 48, 48, .7);
	box-shadow: 0 4px 10px 0 rgba(212, 48, 48, .7)
}

.service-wrap .technical-service-wrap {
	margin-top: -40px;
	-webkit-box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18);
	box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18);
	border-radius: 4px;
	background-color: #fff
}

.service-wrap .technical-wrap {
	padding: 0 50px;
	margin-bottom: 30px
}

.service-wrap .technical-wrap p {
	width: 400px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	font-weight: 400;
	float: left;
	padding-top: 90px;
	margin-right: 37px
}
/*.service-wrap .technical-wrap p:nth-child(2){
	display: none;
}*/
.service-wrap .technical-wrap img {
    display: inline-block;
    width: 560px;
    vertical-align: middle;
    padding-top: 35px;
}

.service-wrap .technical-wrap .el-row {
	padding: 0 50px;
	margin-top: -8px
}

.service-wrap .professional-service-wrap {
	padding: 0 24px 50px;
	text-align: center
}

.service-wrap .professional-service-wrap .el-col {
	border: 1px solid #e3e4ea;
	padding-top: 30px;
	height: 165px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 28px;
	cursor: pointer
}

.service-wrap .professional-service-wrap .el-col h6 {
	font-size: 20px;
	margin-bottom: 10px
}

.service-wrap .professional-service-wrap .el-col:hover {
	-webkit-box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18);
	box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18)
}

.service-wrap .team-wrap {
	background: url(../images/service-team-bg.0bfb050c34f61ceb47cfc01d4f85b0ad.jpg) no-repeat 50%/cover;
	height: 440px
}

.service-wrap .team-wrap .el-row {
	position: relative;
	background-color: #fff
}

.service-wrap .team-wrap .el-row:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background-image: -webkit-gradient(linear, left top, right top, from(#ff6b4c), to(red));
	background-image: -o-linear-gradient(left, #ff6b4c 0, red 100%);
	background-image: linear-gradient(90deg, #ff6b4c, red);
	z-index: 2
}

.service-wrap .team-wrap .el-row .el-col {
	width: 240px;
	text-align: center;
	line-height: 28px;
	height: 440px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	padding: 44px 20px 0
}

.service-wrap .team-wrap .el-row .el-col img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 6px solid rgba(0, 0, 0, 0)
}

.service-wrap .team-wrap .el-row .el-col h6 {
	font-size: 20px;
	margin-top: 12px;
	margin-bottom: 20px
}

.service-wrap .team-wrap .el-row .el-col:hover {
	border: 1px solid #e3e4ea;
	-webkit-box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18);
	box-shadow: 0 0 20px 0 rgba(74, 101, 172, .18)
}

.service-wrap .team-wrap .el-row .el-col:hover img {
	border-color: rgba(255, 0, 0, .08)
}

.service-wrap .industry-wrap {
	padding-top: 158px;
	background: url(../images/gray-waves-bg.3a4812c5e91750f2565b460e15909775.jpg) no-repeat 50%/cover
}

.service-wrap .industry-wrap .industry-swiper-container {
	overflow: hidden
}

.service-wrap .industry-wrap .industry-swiper-container .el-row {
	margin-top: -40px
}

.service-wrap .industry-wrap .industry-swiper-container .industry-item {
	cursor: pointer;
	text-align: center;
	color: #5b6070;
	padding-top: 40px
}

.service-wrap .industry-wrap .industry-swiper-container .industry-item .icon-wrap {
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	line-height: 100px;
	border-radius: 50%;
	-webkit-box-shadow: 0 8px 20px 0 rgba(192, 193, 204, .35);
	box-shadow: 0 8px 20px 0 rgba(192, 193, 204, .35);
	color: #aebad4
}

.service-wrap .industry-wrap .industry-swiper-container .industry-item .icon-wrap i.cms {
	/*font-size: 42px*/
}

.service-wrap .industry-wrap .industry-swiper-container .industry-item p {
	line-height: 26px
}

.service-wrap .industry-wrap .industry-swiper-container .industry-item:hover .icon-wrap {
	color: red
}

.service-wrap .industry-wrap .industry-swiper-container .industry-pagination {
	text-align: center;
	padding: 50px 0
}

.service-wrap .industry-wrap .industry-swiper-container .industry-pagination .swiper-pagination-switch {
	display: inline-block;
	width: 30px;
	height: 6px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .5);
	margin: 0 3px;
	cursor: pointer
}

.service-wrap .industry-wrap .industry-swiper-container .industry-pagination .swiper-pagination-switch.swiper-active-switch {
	width: 6px
}

.service-wrap .service-flow-wrap {
	padding-bottom: 50px
}

.service-wrap .service-flow-wrap .service-flow-cnt {
	-webkit-box-shadow: 0 8px 20px 0 rgba(192, 193, 204, .35);
	box-shadow: 0 8px 20px 0 rgba(192, 193, 204, .35);
	color: #fff
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col {
	height: 376px
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:first-child {
	background: url(../images/service-flow-item-bg-01.05e565ce91bfad89b5b0ac93e331d4ec.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(2) {
	background: url(../images/service-flow-item-bg-02.287e6afaa4337960e96acab043957185.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(3) {
	background: url(../images/service-flow-item-bg-03.a0ec7ad8e35a2b322cdf62fb1e5f2aa3.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(4) {
	background: url(../images/service-flow-item-bg-04.f7f5a6ad3ff3322060c2894c1f8a2d24.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(5) {
	background: url(/templets/default/images/service-flow-item-bg-05.1fef10ce04b0fcc69d552d96e1b7921a.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(6) {
	background: url(../images/service-flow-item-bg-06.1a343249a2f7d9c4be85af7aca7c9862.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(7) {
	background: url(../images/service-flow-item-bg-07.901e271d1c35f85c73cdf42be63f3e96.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col:nth-child(8) {
	background: url(../images/service-flow-item-bg-08.f88035146d51f6d1024eed873c3a1d42.jpg) no-repeat 50%/cover
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 132px;
	line-height: 28px;
	text-align: center;
	background-color: rgba(47, 50, 63, .88);
	cursor: pointer
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box .code {
	font-family: PingFangSC-Semibold;
	line-height: 56px;
	font-size: 40px;
	margin-bottom: 20px;
	color: #f0f4fa
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box .code:after {
	content: "";
	width: 20px;
	height: 6px;
	background-color: #f0f4fa;
	display: block;
	margin: 0 auto
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box h6 {
	font-size: 20px;
	margin-bottom: 10px
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box p {
	display: none;
	text-align: left;
	padding: 0 20px
}
.service-wrap .service-flow-wrap .service-flow-cnt .el-col.active .flow-item-box p {
	display: block;
	text-align: left;
	padding: 0 20px
}


.service-wrap .service-flow-wrap .service-flow-cnt .el-col.active .flow-item-box,
.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 102, 82, .9)), to(rgba(255, 42, 42, .9)));
	background-image: -o-linear-gradient(top, rgba(255, 102, 82, .9) 0, rgba(255, 42, 42, .9) 100%);
	background-image: linear-gradient(-180deg, rgba(255, 102, 82, .9), rgba(255, 42, 42, .9));
	background-color: rgba(0, 0, 0, 0);
	padding-top: 30px
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box.active .code,
.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box:hover .code {
	color: #fff
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box.active .code:after,
.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box:hover .code:after {
	background-color: #fff
}

.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box.active p,
.service-wrap .service-flow-wrap .service-flow-cnt .el-col .flow-item-box:hover p {
	display: block
}

.produce-wrap {
	background: url(/templets/default/images/produce-bg.bc52c77339579dfbf0c777874ebde4bb.jpg) no-repeat 50%/cover;
	padding-bottom: 70px
}

.produce-wrap ul {
	text-align: center
}

.produce-wrap ul li {
	height: 360px;
	color: #fff;
	cursor: pointer
}

.produce-wrap ul li .produce-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
	background-clip: content-box;
	background-size: cover;
	background-repeat: no-repeat
}

.produce-wrap ul li .produce-item:first-child {
	background-image: url(../images/produce-item-bg-01.9b377afc0f9d858c3eb07cfdf72872c4.jpg)
}

.produce-wrap ul li .produce-item:nth-child(2) {
	background-image: url(../images/produce-item-bg-02.2b6f9f0f99beeab6c15b9c15d73ff37f.jpg)
}

.produce-wrap ul li .produce-item:nth-child(3) {
	background-image: url(../images/produce-item-bg-03.01ac39a2dabe07e0877e3507dacaf435.jpg)
}

.produce-wrap ul li .produce-item:nth-child(4) {
	background-image: url(../images/produce-item-bg-04.32300f9c5653a3989bc14cdd02a8dad0.jpg)
}

.produce-wrap ul li .produce-item-box {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(47, 50, 63, .88);
	line-height: 28px;
	padding: 120px 5px 0
}

.produce-wrap ul li .produce-item-box i.cms {
	font-size: 52px
}

.produce-wrap ul li .produce-item-box h6 {
	font-size: 20px;
	margin: 30px 0 10px;
	font-family: PingFangSC-Semibold
}

.produce-wrap ul li.active .produce-item-box p {
	display: block;
}
.produce-wrap ul li .produce-item-box p {
	display: none;
}

.produce-wrap ul li.active .produce-item-box,
.produce-wrap ul li .produce-item-box:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 102, 82, .9)), to(rgba(255, 42, 42, .9)));
	background-image: -o-linear-gradient(top, rgba(255, 102, 82, .9) 0, rgba(255, 42, 42, .9) 100%);
	background-image: linear-gradient(180deg, rgba(255, 102, 82, .9), rgba(255, 42, 42, .9));
	padding-top: 40px
}

.produce-wrap ul li .produce-item-box.active h6,
.produce-wrap ul li .produce-item-box:hover h6 {
	margin-top: 20px
}

.produce-wrap ul li .produce-item-box.active p,
.produce-wrap ul li .produce-item-box:hover p {
	display: block
}