
/* 必要布局样式css */
.module-banner {
	/*background: #f5f5f5;*/
	/*padding: 80px 0;*/
}
.module-banner-box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 2px 10px #03006715;
	overflow: hidden;
}
.module-banner-head {
	font-weight: normal;
	text-align: center;
	margin-bottom: 40px;
	color: #333;
}
.module-banner-head em {
	display: block;
	margin-bottom: 14px;
	font-style: normal;
	font-size: 30px;
}
.module-banner-head span {
	font-size: 16px;
	opacity: .6;
}
.module-banner-tab-list {
	float: left;
	width: 280px;
}
.module-banner-tab-list .module-tab-nav li:nth-child(1) {
	background: #454545;
}
.module-banner-tab-list .module-tab-nav li:nth-child(2) {
	background: #3b3b3b;
}
.module-banner-tab-list .module-tab-nav li:nth-child(3) {
	background: #333333;
}
.module-banner-tab-list .module-tab-nav li:nth-child(4) {
	background: #2b2b2b;
}
.module-banner-tab-list .module-tab-nav li:nth-child(5) {
	background: #212121;
}
.module-banner-tab-list .module-tab-nav li:nth-child(6) {
	background: #1a1a1a;
}
.module-banner-tab-list .module-tab-nav li:nth-child(7) {
	background: #0e0e0e;
}
.module-banner-tab-list ul li {
	color: #fff;
	width: 280px;
	height: 70px;
	cursor: pointer;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.module-banner-tab-list ul li p {
	margin: 0;
	line-height: 70px;
	color: #fff;
}
.module-banner-tab-list ul li i {
	width: 40px;
	height: 70px;
	display: none;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
	display: inline-block;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
	background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-repeat: repeat;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}
.icon-warehouse01 {
	background: url(../../../images/home/home23.svg) no-repeat center bottom;
}
.icon-warehouse02 {
	background: url(../../../images/home/home24.svg) no-repeat center bottom;
}
.icon-warehouse03 {
	background: url(../../../images/home/home25.svg) no-repeat center bottom;
}
.icon-warehouse04 {
	background: url(../../../images/home/home26.svg) no-repeat center bottom;
}
.icon-warehouse05 {
	background: url(../../../images/home/home27.svg) no-repeat center bottom;
}
.icon-warehouse06 {
	background: url(../../../images/home/home28.svg) no-repeat center bottom;
	background-size: contain;
}
.icon-warehouse07 {
	background: url(../../../images/home/home29.svg) no-repeat center bottom;
	background-size: contain;
}
.module-banner-tab-list-box {
	float: right;
	width: 920px;
	height: 560px;
	background: #fff;
	padding: 40px;
	overflow: hidden;
	position: relative;
}
.module-tab-box-ma {
	width: 820px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	position: absolute;
}
.module-tab-box-ma li{display: flex;align-items: center;}
.module-tab-title h4 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: normal;
	position: relative;
}
.module-tab-title h4:before {
	content: " ";
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #108cee;
	margin-bottom: -2px;
	margin-right: 8px;
}
.module-tab-title p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
.module-tab-img{width: 50%;margin-left: 2%;flex-shrink: 0;}
.process-box{margin: 40px auto;}
.process-box h2{font-size: 18px;height: 50px;line-height:50px;width: 200px;border-radius: 3px;background:linear-gradient(210deg, #f0f0ff, #f4ffff);border:1px solid #1009de30;margin: 10px;text-align: center;}
.process-box span{color: #1009dead;}
.process-box i{font-size: 30px;color: transparent;background: linear-gradient(0deg,#5d58e9,transparent);background-clip: text;margin-left: 100px;}

.module-tab-text {
	margin: 20px 0;
}
.module-tab-text h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}
.module-tab-text h4:before {
	content: " ";
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #108cee;
	margin-bottom: -2px;
	margin-right: 8px;
}
.module-tab-text ul li {
	width: 33%;
	float: left;
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
	color: #a2a2a2;
	border: 1px solid #f4f4f4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 10px;
}
.icon-bdm {
	background: url(../images/icon-item008-1.svg) no-repeat center;
	background-size: cover;
}
.module-tab-text ul li:hover a {
	color: #08acee;
}
.module-tab-link {
	position: relative;
}
.module-tab-link:after {
	content: '';
	width: 8px;
	height: 8px;
	float: right;
	margin: 15px 20px 0 0;
	transform: rotate(45deg);
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
}
.module-tab-text ul .module-tab-link:hover:after {
	border-color: #108cee
}
.module-tab-text .module-tab-link+.module-tab-link {
	width: calc(33% - 20px);
	margin-left: 20px;
}
.icon-bds {
	background: url(../images/icon-item009-1.svg) no-repeat center;
	background-size: cover;
}
.icon-bdx {
	background: url(../images/icon-item010-1.svg) no-repeat center;
	background-size: cover;
}
.module-tab-more a {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	background: #108cee;
	text-align: center;
	width: 160px;
	display: inline-block;
	line-height: 40px;
	margin-top: 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.module-tab-more a:hover {
	background: #41a6f7
}
.module-tab-case li {
	float: left;
	margin-right: 20px;
}
.module-tab-case li i {
	width: 60px;
	height: 60px;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	display: inline-block;
}
.icon-case01 {
	background: url(../images/case001.png) no-repeat center;
	background-size: contain;
}
.icon-case02 {
	background: url(../images/case002.png) no-repeat center;
	background-size: contain;
}
.icon-case03 {
	background: url(../images/case003.png) no-repeat center;
	background-size: contain;
}
.icon-case04 {
	background: url(../images/case004.png) no-repeat center;
	background-size: contain;
}
.icon-case05 {
	background: url(../images/case005.png) no-repeat center;
	background-size: contain;
}
.icon-case06 {
	background: url(../images/case006.png) no-repeat center;
	background-size: contain;
}
.module-tab-case li span {
	color: #666;
	font-size: 12px;
	display: block;
	text-align: center;
	line-height: 24px;
}

.banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:20px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{display:none;position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner:hover .arrow{display: block;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:640px; float: left;height:400px; position: relative; overflow: hidden;padding: 0;}
.banner ul .slider-item img{width: 100%;height: 100%;}
.banner ul .slider-item .banner_cont{position: absolute;color: #fff;width: 1000px;top:70px;left: 50%;margin-left: -500px;text-align: left;}
.banner ul .slider-item .banner_cont h1{font-weight: bold;font-size: 40px;}
.banner ul .slider-item .banner_cont h2{font-weight: bold;font-size: 20px;margin:5px 0 10px;}
.banner ul .slider-item .banner_cont p{font-size: 16px;color: #fff;}
.banner ul .slider-item .banner_cont .main_btn{font-size: 14px;height:44px;line-height:44px;width:140px;border-radius: 3px;cursor: pointer;color: #222;margin-top:40px;text-align: center;
	background: linear-gradient(-45deg,#ffbf30,#ffdc30);}
.banner ul .slider-item .banner_cont .main_btn:hover{opacity: .9;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 100%;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}




.track {
	width: calc(100% - 200px);
	position: relative;
    margin: 0 auto;
}

.track .inner {
	width: calc(100% - 120px);
	height: 195px;
}

.view-port {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.track .inner {
	position: relative;
	margin: auto;
	padding: 10px;
}

.track a.prev,
.track a.next {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	width: 64px;
	height: 64px;
	background: transparent;
	background-repeat: no-repeat;
}

.track a.prev.disabled,
.track a.next.disabled {
	display: none;
}

.track a.prev {
	left: 0;
	background-position: 0 0;
}

.track a.prev:hover {
	background-position: 0 -66px;
}

.track a.prev:active {
	background-position: 0 -132px;
}

.track a.next {
	right: 0;
	background-position: -64px 0;
}

.track a.next:hover {
	background-position: -64px -132px;
}

.track a.next:active {
	background-position: -64px -198px;
}

.slider-container {
	position: relative;
	margin: 0;
	padding: 0;
	height: 200px;
}

.slider-container .item {
	position: absolute;
	border-radius: 3px;
	overflow: hidden;
	width: 220px;
	height: 160px;
	margin: 10px;
	background: #fff;
	box-shadow: 0 2px 10px #03006715;
}
/*.slider-container .item span{position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #09dede, #1009de);z-index: 2;color: #fff;font-size: 15px;*/
/*	padding: 4px 10px;border-radius: 2px 0 4px 0;}*/
/*.slider-container .item h1{font-size: 20px;font-weight: bold;position: absolute;top: 0px;left: 0;background: #00000070;line-height: 150px;width: 100%;*/
/*	color: #fff;text-align: center;}*/
/*.slider-container .item p{font-size: 14px;line-height:26px;margin: 20px;color: #222;}*/
/*.slider-container .item h2{font-size: 14px;line-height:20px;background:linear-gradient(210deg, #f0f0ff, #f4ffff);margin: 20px;color: #554fff;padding: 10px;}*/

/*.slider-container .item img {*/
/*	-webkit-box-sizing: border-box;*/
/*	-moz-box-sizing: border-box;*/
/*	box-sizing: border-box;*/
/*	width: 100%;*/
/*	height: 150px;*/
/*}*/
.slider-container .item span{position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #09dede, #1009de);z-index: 2;color: #fff;font-size: 15px;
	padding: 4px 10px;border-radius: 2px 0 4px 0;}
.slider-container .item h1{font-size: 20px;font-weight: bold;line-height: 50px;width: 100%;text-align: center;}
.slider-container .item h1:after{content: "";display: block;border-bottom: 1px solid #554fff30;margin: 0 15px 15px;}
.slider-container .item p{font-size: 13px;color: #222;line-height: 24px;margin-left: 15px;}
.slider-container .item p i{color: #554fff;}
.slider-container .item h2{font-size: 14px;line-height:20px;background:linear-gradient(210deg, #f0f0ff, #f4ffff);margin: 20px;color: #554fff;padding: 10px;}

.slider-container .item img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 70px;
}

.pagination a i{font-size: 60px;line-height: 64px;text-align: center;display: block;}
.fl_04{background: url('../../images/home_bg7.png') center bottom no-repeat;background-size: 100% 100%;}
.fl_04 .fl_04_box {width: 1200px;}
.fl_04 .fl_04_box .cont_box .lf p{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.fl_04 .fl_04_box .cont_box .lf a{font-size: 14px;color: #ffffff;line-height: 30px;}
.fl_04 .fl_04_box .cont_box1 p{color: #fff;}
.fl_04 .fl_04_box .cont_box .rt .contact_ewm p{color: #fff;}
.fl_04 .fl_04_box .cont_box1 {width: 1200px;border-top: 1px solid #ffffff50;}





