/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666; background:#000;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{margin-top:1px; position:fixed; top:0; left:0; right:0;padding:10px 48px; z-index:9; }
.header .logo{ cursor:pointer; height:52px; transform:scale(.8) translateY(3px); display:inline-block; float:left;}
.header .logo a{ display:block; width:auto; max-width:100%; height:100%;}
.header .logo a img{ display:block; width:auto; max-width:100%; height:100%;}
.header .menu{ float:right;}
.header .menu li{ float:left; font-size:18px; transition:.3s; line-height:24px; margin:14px 0 14px 70px;}
.header .menu li a{ color:#fff;}

.above {
	position: absolute;
	color: #fff;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.above .biaoti1 {
	font-size: 50px;
	font-weight: 500; text-align:center;
}
.above .biaoti2 {
	font-size: 16px;
	margin-top: 6px;
	font-weight: 300; text-align:center;
}

#above-the-fold__mouse {
	width: 25px;
	height: 41px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: scale(.6);
	transform: scale(.6)
}
#above-the-fold__mouse path:nth-child(2) {
	-webkit-animation: scroll-wheel .75s ease 0s infinite normal none;
	animation: scroll-wheel .75s ease 0s infinite normal none
}

.el_animation {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.common-section {
	padding: 80px 0 0
}
.common-section .section-title {
	color: #303251;
	font-size: 42px;
	text-align: center;
	font-weight: 300
}
#company-service .service-girds {
	width: 1120px;
	margin: 62px auto 0;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto;
	background-color: #fff;
	grid-gap: 94px
}
#company-service .service-girds .service-gird .service-icon {
	width: 72px;
	height: 72px
}
#company-service .service-girds .service-gird .service-icon img {
	width: 100%;
	height: 100%
}
#company-service .service-girds .service-gird .service-title {
	margin: 24px 0 12px;
	color: #303251;
	font-size: 22px;
	font-weight: 500
}
#company-service .service-girds .service-gird .service-memo {
	color: #6e6f85;
	font-size: 16px;
	line-height: 1.63!important
}
#company-service .service-girds .service-gird .view-detail {
	color: #4b8ecb;
	margin-top: 34px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer
}


#main-product .product-box {
	border-radius: 14.4px;
	width: 1120px;
	margin: 0 auto 180px;
	height: 365px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
#main-product .product-box .product-content {
	width: 512px;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 48px 64px
}
#main-product .product-box .product-content .product-name {
	font-size: 43px;
	font-weight: 500;
	color: #303251
}
#main-product .product-box .product-content .product-memo {
	margin: 10px 0 30px;
	font-size: 16px;
	line-height: 1.69;
	color: #6e6f85
}
#main-product .product-box .product-content .view-product-detail {
	cursor: pointer;
	width: 180px;
	height: 60px;
	border-radius: 5.4px;
	-webkit-box-shadow: 0 2px 22px 0 rgba(28,28,30,.08);
	box-shadow: 0 2px 22px 0 rgba(28,28,30,.08);
	background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(105deg, #55d6cb, #3fb4e1 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 27px;
	padding-right: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
#main-product .product-box .product-content .view-product-detail span {
	font-size: 16px;
	font-weight: 500;
	color: #303251
}
#main-product .product-box .product-content .view-product-detail img {
	width: 20px;
	height: 20px;
	margin-left: 26px
}
#main-product .product-box .product-bg {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	height: 100%
}
#main-product .product-box .product-bg img {
	position: absolute;
	left: -20px;
	top: -58px;
	width: 648px;
	height: 502px
}
#main-product #product-box0 {
	margin-top: 90px
}
#main-product #btn_viewMore {
	width: 200px;
	height: 60px;
	border-radius: 9px;
	background-color: rgba(75,142,203,.15);
	margin: 0 auto;
	font-size: 20px;
	font-weight: 500;
	color: #4b8ecb;
	line-height: 60px;
	text-align: center;
	cursor: pointer
}



#partiners {
	padding: 108px 58px 80px
}
#partiners .section-title {
	color: #303251;
	font-size: 42px;
	text-align: center;
	font-weight: 300
}
#partiners .partiners-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
#partiners .partiners-box span {
	font-size: 22px;
	font-weight: 500;
	color: #abacb9;
	display: inline-block;
	margin: 47px 0 30px
}
#partiners .partiners-box img {
	display: block;
	height: 270px
}
#partiners .partiners-box .divider {
	margin: 0 70px 10px;
	height: 250px;
	width: 1px;
	border-right: 1px solid rgba(48,50,81,.15);
	-ms-flex-item-align: end;
	align-self: flex-end
}
.contact-container {
	height: 380px;
	background-size: 100% 100%;
	background-image: url(../images/contact-bg.png)
}
.contact-container, .contact-container .contact-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.contact-container .contact-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.contact-container .contact-content .title {
	display: block;
	font-size: 42px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 34px
}
.contact-container .contact-content .el-button {
	width: 163px;
	height: 48px;
	border-radius: 25px;
	background-color: #fff;
	border-color: #fff;
	color: #478bca;
	font-size: 20px;
	font-weight: 600; outline:none;
}
.contact-container .contact-content .el-button span {color: #478bca;
	font-size: 20px; line-height:26px;
	font-weight: 600; display:block; text-align:center; margin:11px 0;}