@charset "UTF-8";

.set-bg{background: #eee}
	.hover-line {
	position:relative
}
.m-banner {
	height:580px;
	font-size:16px;
	background:url(../images/banner_bg.jpg) no-repeat center top;
	background-size:100% 100%;
	overflow:hidden
}
.m-banner h1 {
	webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:translate3d(0,0,0);
	animation-fill-mode:forwards;
	-webkit-transform-origin:center center;
	animation:fadeUp 1s ease-in-out 0s;
	-webkit-animation:fadeUp 1s ease-in-out 0s;
	-o-animation:fadeUp 1s ease-in-out 0s;
	-moz-animation:fadeUp 1s ease-in-out 0s;
	-ms-animation:fadeUp 1s ease-in-out 0s;
	margin-bottom:30px
}
@-webkit-keyframes fadeUp {
	0% {
	transform:translateY(10px);
	-webkit-transform:translateY(10px);
	-o-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	opacity:1
}
100% {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	opacity:1
}
}.m-banner h1 b {
	font-size:52px;
	margin-bottom:14px;
	display:inline-block
}
.m-banner h1 .em {
	display:inline-block;
	position:relative;
	padding:0 16px;
	margin:0 16px
}
.m-banner h1 .em:before,.m-banner h1 .em:after {
	content:'';
	width:30px;
	height:20px;
	vertical-align:top;
	display:inline-block;
	position:absolute
}
.m-banner h1 .em:before {
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	left:0;
	top:0
}
.m-banner h1 .em:after {
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	right:0;
	bottom:0
}
.m-banner .m-btn {
	webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:translate3d(0,0,0);
	animation-fill-mode:forwards;
	-webkit-transform-origin:center center;
	animation:fadeUp 2s ease-in-out 0s;
	-webkit-animation:fadeUp 2s ease-in-out 0s;
	-o-animation:fadeUp 2s ease-in-out 0s;
	-moz-animation:fadeUp 2s ease-in-out 0s;
	-ms-animation:fadeUp 2s ease-in-out 0s
}
@-webkit-keyframes fadeUp {
	0% {
	transform:translateY(30px);
	-webkit-transform:translateY(30px);
	-o-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	opacity:1
}
100% {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	opacity:1
}
}@media screen and (min-width:1601px) {
	.m-banner {
	height:796px;
	line-height:30px;
	background-size:100% 100%
}
}@media screen and (min-width:1442px) and (max-width:1600px) {
	.m-banner {
	height:658px;
	line-height:26px;
	font-size:18px
}
}@media screen and (max-width:768px) {
	.m-banner {
	height:16rem;
	font-size:.32rem;
	background-size:auto
}
.m-banner h1 {
	font-size:.48rem;
	margin-bottom:.2667rem
}
.m-banner h1 b {
	font-size:.6rem;
	margin-bottom:0
}
.m-banner .m-btn-3 {
	margin-right:.2667rem
}
}@media screen and (min-width:415px) and (max-width:768px) {
	.m-banner {
	font-size:.267rem;
	line-height:.64rem
}
.m-banner h1 {
	font-size:.693rem
}
.m-banner .product-til {
	font-size:.473rem
}
.m-banner .brief-intro {
	font-size:.327rem
}
}.new-activity {
	text-align:center;
	background:#edf1f4;
	margin-bottom:30px
}
.new-activity .content {
	display:flex
}
.new-activity .item {
	webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:translate3d(0,0,0);
	animation-fill-mode:forwards;
	-webkit-transform-origin:center center;
	animation:fadeIn 1s ease-in-out 0s;
	-webkit-animation:fadeIn 1s ease-in-out;
	-o-animation:fadeIn 1s ease-in-out 0s;
	-moz-animation:fadeIn 1s ease-in-out 0s;
	-ms-animation:fadeIn 1s ease-in-out 0s;
	width:33%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:20px 2% 50px;
	box-sizing:border-box;
	position:relative;
	cursor:pointer
}
@-webkit-keyframes fadeIn {
	0% {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	opacity:1
}
100% {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-o-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	opacity:1
}
}.new-activity .item:after {
	content:'';
	width:36px;
	height:26px;
	vertical-align:top;
	display:inline-block;
	background:url(../images/arrow.png) no-repeat center;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-18px;
	transition:all .6s
}
.new-activity .item:hover:after {
	width:40px;
	margin-left:0
}
@media screen and (min-width:769px) {
	.new-activity .item:hover {
	box-shadow:0 8px 20px 1px #ccc
}
}@media screen and (max-width:768px) {
	.new-activity {
	padding:.5333rem 0
}
.new-activity .content {
	display:block
}
.new-activity .item {
	width:100%;
	padding-bottom:30px;
	display:none
}
.new-activity .item.active {
	display:block
}
.new-activity .item:after {
	width:30px;
	height:24px;
	bottom:0;
	background-size:100%
}


}.achievement {
	/*background:#031a77;*/
	background-image: url(../picture/banner2020.png);
	text-align:center;
	overflow:auto
}
.achievement h2,.achievement h3,.achievement h4 {
	color:#fff
}
.achievement .achievement-list {
	display:inline-block;
	width:24%;
	vertical-align:top;
	font-size:24px
}
.achievement .achievement-list .num {
	font-size:34px;
	font-weight:600;
	display:inline-block;
	padding:10px 0 20px;
	background:-moz-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7c9bb),color-stop(100%,#c47661));
	background:-webkit-linear-gradient(top,#f7c9bb 0,#c47661 100%);
	background:-o-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:-ms-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:linear-gradient(to right,#f7c9bb 0,#c47661 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$s,endColorstr=$e,GradientType=1);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-background-clip:text;
	-moz-text-fill-color:transparent;
	-ms-background-clip:text;
	-ms-text-fill-color:transparent;
	-o-background-clip:text;
	-o-text-fill-color:transparent;
	*background:#f7c9bb
}
.achievement .pro-honor {
	color:#fff;
	padding-top:0px
}
.achievement .pro-honor .honor-name {
	max-height:80px
}
.achievement .pro-honor .pro-logo {
	max-height:28px;
	margin-top:16px
}
.achievement .pro-honor .time {
	padding:0 0 14px;
	margin:0 0 20px;
	font-size:22px;
	font-weight:600;
	border-bottom:1px dashed #505c73;
	background:-moz-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7c9bb),color-stop(100%,#c47661));
	background:-webkit-linear-gradient(top,#f7c9bb 0,#c47661 100%);
	background:-o-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:-ms-linear-gradient(left,#f7c9bb 0,#c47661 100%);
	background:linear-gradient(to right,#f7c9bb 0,#c47661 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$s,endColorstr=$e,GradientType=1);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-background-clip:text;
	-moz-text-fill-color:transparent;
	-ms-background-clip:text;
	-ms-text-fill-color:transparent;
	-o-background-clip:text;
	-o-text-fill-color:transparent;
	*background:#f7c9bb
}
.achievement .pro-honor .item {
	display:inline-block;
	vertical-align:top;
	width:30%;
	font-size:17px
}
@media screen and (max-width:768px) {
	.achievement h4 {
	font-size:.3467rem;
	font-weight:300
}
.achievement .achievement-list {
	width:auto;
	min-width:3rem;
	vertical-align:top;
	font-size:14px;
	border:1px solid #505c73;
	margin:.4267rem .2133rem;
	padding:.16rem;
	box-sizing:border-box
}
.achievement .achievement-list .num {
	font-size:.48rem;
	margin:.2667rem 0;
	padding:0
}
.achievement .pro-honor {
	border-top:0;
	margin-top:1.0667rem;
	padding-top:0
}
.achievement .pro-honor .honor-name {
	max-height:1.0667rem
}
.achievement .pro-honor .pro-logo {
	max-height:.3733rem;
	margin-top:.2667rem
}
.achievement .pro-honor .time {
	padding:0 0 .2667rem;
	font-size:.4267rem
}
.achievement .pro-honor .item {
	margin-bottom:1.3333rem;
	width:100%
}



}.activity {
	padding:24px 0 40px
}
.activity .list {
	margin-left:-.5%
}
.activity .list h4 {
	margin:4px 0
}
.activity .list li {
	display:inline-block;
	vertical-align:top;
	width:32%;
	margin:0 .5% 3%;
	cursor:pointer
}
.activity .list li a {
	display:inline-block
}
.activity .list .info {
	padding:20px 30px;
	border:1px solid #D6D6D6;
	border-top:0;
	box-sizing:border-box;
	height:132px;
	position:relative
}
.activity .list .info .time {
	color:#999;
	display:inline-block;
	position:absolute;
	bottom:18px
}
@media screen and (max-width:768px) {
	.banner {
	min-height:6.4rem
}
.banner .box {
	bottom:0;
	top:auto;
	padding:20px 5%;
	margin:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#fff)
}
.banner h1 {
	font-size:.5333rem;
	line-height:.8rem
}
.banner img {
	height:auto
}
.banner .view-detail {
	font-size:12px;
	margin-top:0;
	padding:8px 0
}
.indicators {
	margin-top:0;
	padding:.64rem 8% .3733rem;
	box-shadow:0 0 10px #ccc;
	display:flex;
	justify-content:space-between
}
.indicators.wid1280 {
	width:100%
}
.indicators li {
	padding-bottom:.16rem;
	margin-right:0
}
.indicators li:before {
	display:none
}
.indicators li:after {
	content:'';
	position:absolute;
	width:0;
	bottom:0;
	left:0;
	border-bottom:3px solid #AA2610;
	transition:width .4s ease-in-out
}
.activity {
	padding:.8rem 0 .267rem
}
.activity.m-detail-page {
	padding:.5333rem 0 .267rem
}
.activity.m-detail-page .content {
	margin-bottom:1.067rem
}
.activity .indicators {
	width:100%;
	padding:0 5.2% 16px;
	margin-left:-5.5%
}
.activity .indicators li {
	font-size:14px
}
.activity .list li {
	width:100%;
	margin:0 0 .5333rem
}
.activity .list .info {
	padding:.5333rem
}
.activity .list .info .time {
	margin-top:.2667rem
}
}



@media screen and (min-width: 1600px) {
	.banner h1 {
	font-size: 36px
}
}
@media screen and (min-width: 769px) {
	
}

.cases0 .list {
	margin-left: -.5%
}
.cases0 .list h4 {
	margin: 4px 0;
	font-size: 15px;
	line-height: 24px;
	overflow: hidden
}
.cases0 .list li {
	display: inline-block;
	vertical-align: top;
	width:23%;
	margin: 0 .5% 3%;
	cursor: pointer
}
.cases0 .list img {
	width: 100%
}
.cases0 .list .img {
	position: relative;
	display: block
}
.cases0 .list .img .industry-name {
	color: #fff;
	background: -moz-linear-gradient(left,#212528 0,transparent 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#212528),color-stop(100%,transparent));
	background: -webkit-linear-gradient(top,#212528 0,transparent 100%);
	background: -o-linear-gradient(left,#212528 0,transparent 100%);
	background: -ms-linear-gradient(left,#212528 0,transparent 100%);
	background: linear-gradient(to right,#212528 0,transparent 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=$s, endColorstr=$e, GradientType=1);
	*background: #212528;
	background: #212528\9;
	display: block;
	padding: 2px 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box
}
.cases0 .list .info {
	padding: 18px 20px;
	border: 1px solid #D6D6D6;
	border-top: 0;
	box-sizing: border-box;
	min-height: 150px;
	position: relative
}
.cases0 .list .info .brief {
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	position: relative
}
.cases0 .list .info .use-pro {
	color: #4D5B6E;
	position: absolute;
	bottom: 18px
}
.cases0 .list .info .use-pro a {
	text-decoration: underline;
	margin-right: 14px
}
.search-item {
	float: right;
	margin-left: 30px;
	margin-top: -6px
}
@media screen and (max-width: 768px) {
	.banner {
	min-height: 6.4rem;
	font-size: .3733rem
}
.banner .box {
	bottom: .5333rem;
	top: auto;
	padding: 20px 5%;
	margin: 0;
	left: 0;
	width: 100%
}
.banner h1 {
	font-size: .5333rem;
	line-height: .8rem;
	margin-bottom: .2133rem
}
.banner img {
	height: auto;
	width: 100%
}
.banner .emphasize {
	font-size: .3733rem;
	font-weight: 600;
	display: inline
}
.banner .athor {
	margin-top: .5333rem
}
.banner .view-detail {
	font-size: 12px;
	margin-top: .5333rem
}
.search-item {
	display: none
}
.cases0 {
	padding: .8rem 0 .267rem
}
.cases0.m-detail-page {
	padding: .5333rem 0 .267rem
}
.cases0.m-detail-page .content {
	margin-bottom: 1.067rem
}
.cases0 .list {
	width: 100%
}
.cases0 .list li {
	width: 100%;
	margin: 0 0 .5333rem
}
.cases0 .list .info {
	padding: .5333rem .5333rem 1.3333rem;
	min-height: 0
}




}.they-select {
	background:#f2f2f2
}
.they-select .customer {
	display:flex;
	align-content:space-between
}
.they-select .customer-item {
	display:inline-block;
	width:32%;
	border:1px dashed #ccc;
	margin:0 .4%;
	padding:.4%;
	vertical-align:top;
	min-height:280px
}
.they-select .customer-item h4 {
	color:#fff;
	margin-top:-36px;
	padding-left:20px;
	font-weight:400
}
.they-select .customer-item .brief-intro {
	padding:20px
}
@media screen and (max-width:768px) {
	.they-select .customer {
	display:block
}
.they-select .customer-item {
	width:100%;
	margin:0 0 .5333rem;
	min-height:0
}
.they-select .customer-item:last-child {
	margin-bottom:0
}