.navigation {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	border-bottom: 1px solid rgb(255, 255, 255, 0.5);
}

.nav {
	height: 80px;
	padding: 0 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.nav-ul ul {
	display: flex;
	justify-content: flex-start;
}

.nav-ul ul li {
	position: relative;
}

.li-a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
	color: #ffffff;
	padding: 0 15px;
	line-height: 80px;
}

.navigation.menu_fixed .li-a:hover,
.navigation.menu_fixed .li-a.active {
	color: #0096d3;
}

.li-a span {
	margin-right: 5px;
}

.li-div {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -80px;
	padding: 10px 0px;
	display: none;
	background: rgb(255, 255, 255);
}

.li-div a {
	width: 160px;
	padding: 0 10px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #333;
}

.li-div a:hover {
	color: #00a9ee;
}

.second {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	width: 100%;
	margin-left: 0px;
	/*display: block !important;*/
}

.second-box {
	padding: 20px 125px;
	display: flex;
	justify-content: flex-start;
}

.second-item {
	width: 25%;
}

.second-item.long {
	width: 50%;
}

.second-a {
	padding: 0 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.second-tt {
	width: 100%;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 2px solid #009ee8;
}

.second-list {
	width: 100%;
	padding: 20px 0px;
}

.second-list a {
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}

.second-list a:last-child {
	border-bottom: 1px solid transparent;
}

.second-list a i {
	color: #6b6b6b;
	transform: rotate(270deg);
}

.long .second-list {
	width: calc(50% - 25px);
}

.second-list a:hover {
	color: #ffff !important;
	border-radius: 5px;
	background: #009ee8;
}

.second-list a:hover i {
	color: #ffff;
}

.nav-ul ul li:last-child .li-div {
	left: auto;
	right: 0;
}

.ph_mea_cl {
	display: none;
}

.section {
	position: relative;
}

.logo-img {
	display: none;
}

.navigation.menu_fixed {
	position: fixed;
	background: #fff;
}

.navigation.menu_fixed .li-a {
	color: #333;
}

.navigation.menu_fixed .logob-img {
	display: none;
}

.navigation.menu_fixed .logo-img {
	display: block;
}

.li_but {
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	padding-left: 25px;
}

.nav-ul ul li:last-child .li_but:first-child {
	padding-left: 15px;
}

.navigation.menu_fixed .li_but {
	color: #333333;
}

.page1 {
	/* background: url(../images/bg1.jpg) no-repeat center;
	background-size: cover !important; */
	height: 100vh;
}

.slide-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.slide-wrap ul {
	width: 100%;
	height: 100%;
}

.slide-wrap li {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.slide-wrap li .wrap {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px 0px;
}

.slide-wrap li .bg {
	background: url(../images/img50.png) repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}

.slide-wrap li.selected .bg {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.slide-wrap li .img {
	position: relative;
	z-index: 9;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
}

.slide-wrap li.selected .img {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}

.slide-wrap li .text {
	color: #fff;
	font-size: 20px;
	margin-top: 25px;
	position: relative;
	z-index: 9;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.slide-wrap video {
	position: absolute;
	z-index: 0;
	left: 0px;
	min-width: 0px;
	min-height: 100vh;
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/* .slide-wrap li#s2 video {
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}

.slide-wrap li#s2.selected video {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.slide-wrap li#s2 .img {
	position: relative;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate3d(0, -70px, 0) !important;
	-ms-transform: translate3d(0, -70px, 0) !important;
	transform: translate3d(0, -70px, 0) !important;
}

.slide-wrap li#s2.selected .img {
	opacity: 1;
	padding-left: 20% !important;
	padding-top: 5% !important;
}
.slide-wrap li#s2.selected .img img{
	max-width: 78%;
}
.slide-wrap li#s2 .quan {
	position: absolute;
	right: 0;
	top: 0;
}

.slide-wrap li#s2 .img {
	opacity: 0;
}

.slide-wrap li#s2 .text {
	opacity: 0;
} */
.slide-wrap li#s1 video {
	opacity: 0;
}
.slide-wrap li#s2 video {
	opacity: 0;
}

.slide-wrap li#s3 video {
	opacity: 0;
}

.slide-wrap li#s4 video {
	opacity: 0;
}

.slide-wrap li#s5 video {
	opacity: 0;
}

.slide-wrap li#s6 video {
	opacity: 0;
}

.slide-wrap li#s7 video {
	opacity: 0;
}
.slide-wrap li#s8 video {
	opacity: 0;
}
.slide-wrap li#s9 video {
	opacity: 0;
}
.slide-wrap li#s10 video {
	opacity: 0;
}
.slide-wrap li#s11 video {
	opacity: 0;
}
.slide-wrap li#s12 video {
	opacity: 0;
}
.slide-wrap li#s13 video {
	opacity: 0;
}
.slide-wrap li#s1.selected video {
	opacity: 1;
}

.slide-wrap li#s2.selected video {
	opacity: 1;
}

.slide-wrap li#s3.selected video {
	opacity: 1;
}

.slide-wrap li#s4.selected video {
	opacity: 1;
}

.slide-wrap li#s5.selected video {
	opacity: 1;
}
.slide-wrap li#s6.selected video {
	opacity: 1;
}
.slide-wrap li#s7.selected video {
	opacity: 1;
}
.slide-wrap li#s8.selected video {
	opacity: 1;
}
.slide-wrap li#s9.selected video {
	opacity: 1;
}
.slide-wrap li#s10.selected video {
	opacity: 1;
}
.slide-wrap li#s11.selected video {
	opacity: 1;
}
.slide-wrap li#s12.selected video {
	opacity: 1;
}
.slide-wrap li#s13.selected video {
	opacity: 1;
}
.slide-wrap li#s1 .bg-box,
.slide-wrap li#s2 .bg-box,
.slide-wrap li#s3 .bg-box,
.slide-wrap li#s4 .bg-box {
	opacity: 0;
}

.slide-wrap li#s5 .img{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

.slide-wrap li#s6  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s7  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s8  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s9  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s10  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s11  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s12  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s13  .bg-box{
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s1.selected .bg-box,
.slide-wrap li#s2.selected .bg-box,
.slide-wrap li#s3.selected .bg-box,
.slide-wrap li#s4.selected .bg-box{
	opacity: 1;
}

.slide-wrap li#s5.selected .img{
	opacity: 1;
}
.slide-wrap li#s6.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s7.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s8.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s9.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s10.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s11.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s12.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s13.selected .bg-box{
	opacity: 1;
}
.slide-wrap li#s1.selected .bg-box .bg-box-text h4,
.slide-wrap li#s2.selected .bg-box .bg-box-text h4,
.slide-wrap li#s3.selected .bg-box .bg-box-text h4,
.slide-wrap li#s4.selected .bg-box .bg-box-text h4{
	animation: yidong-about 500ms;
	animation-delay: 800ms;
	animation-fill-mode: both
}
.slide-wrap li#s1.selected .bg-box .bg-box-text p,
.slide-wrap li#s2.selected .bg-box .bg-box-text p,
.slide-wrap li#s3.selected .bg-box .bg-box-text p,
.slide-wrap li#s4.selected .bg-box .bg-box-text p{
	animation: yidong-about 500ms;
	animation-delay: 800ms;
	animation-fill-mode: both
}
.slide-wrap li#s1.selected .bg-box .bg-box-text h6,
.slide-wrap li#s2.selected .bg-box .bg-box-text h6,
.slide-wrap li#s3.selected .bg-box .bg-box-text h6,
.slide-wrap li#s4.selected .bg-box .bg-box-text h6{
	animation: yidong-about 500ms;
	animation-delay: 1100ms;
	animation-fill-mode: both
}
.slide-wrap li#s1.selected .bg-box .bg-box-text a,
.slide-wrap li#s2.selected .bg-box .bg-box-text a,
.slide-wrap li#s3.selected .bg-box .bg-box-text a,
.slide-wrap li#s4.selected .bg-box .bg-box-text a{
	animation: yidong-about 500ms;
	animation-delay: 1400ms;
	animation-fill-mode: both
}
.slide-wrap li#s1.selected .bg-box .bg-box-text img,
.slide-wrap li#s2.selected .bg-box .bg-box-text img,
.slide-wrap li#s3.selected .bg-box .bg-box-text img,
.slide-wrap li#s4.selected .bg-box .bg-box-text img{
	animation: yidong-about 500ms;
	animation-delay: 1700ms;
	animation-fill-mode: both
}
.slide-wrap li#s1.selected .bg-box .bg-box-img img,
.slide-wrap li#s2.selected .bg-box .bg-box-img img,
.slide-wrap li#s3.selected .bg-box .bg-box-img img,
.slide-wrap li#s4.selected .bg-box .bg-box-img img{
	animation: yidong-news-1 800ms;
	animation-delay: 500ms;
	animation-fill-mode: both
}
@keyframes yidong-about {
	0% {
   -webkit-transform:translate3d(0, 50px, 0);
   -moz-transform:translate3d(0, 50px, 0);
   -ms-transform:translate3d(0, 50px, 0);
   -o-transform:translate3d(0, 50px, 0);
   transform:translate3d(0, 50px, 0);
   opacity:0
   }
   100% {
   -webkit-transform:translate3d(0, 0, 0);
   -moz-transform:translate3d(0, 0, 0);
   -ms-transform:translate3d(0, 0, 0);
   -o-transform:translate3d(0, 0, 0);
   transform:translate3d(0, 0, 0);
   opacity:1
   }
   }
   @keyframes yidong-news-1 {
	0% {
   -webkit-transform:translate3d(-50px, 0px, 0);
   -moz-transform:translate3d(-50px, 0px, 0);
   -ms-transform:translate3d(-50px, 0px, 0);
   -o-transform:translate3d(-50px, 0px, 0);
   transform:translate3d(-50px, 0px, 0);
   opacity:0
   }
   100% {
   -webkit-transform:translate3d(0, 0, 0);
   -moz-transform:translate3d(0, 0, 0);
   -ms-transform:translate3d(0, 0, 0);
   -o-transform:translate3d(0, 0, 0);
   transform:translate3d(0, 0, 0);
   opacity:1
   }
   }
   
.slide-nav-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	opacity: 1;
	overflow: hidden;
	z-index: 8;
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	height: 84px;
}

#slide-nav {
	position: relative;
	width:  670px;
	height: 26px;
	margin: auto;
	-moz-transform: translateX(90px);
	-ms-transform: translateX(90px);
	-webkit-transform: translateX(90px);
	transform: translateX(90px)
}

.nav-line {
	float: left;
	position: relative;
	width: 90px;
	height: 1px;
	top: 13px
}

.nav-line:after {
	content: '';
	position: absolute;
	top: 0;
	width: 90px;
	height: 100%;
	background-color: #fff;
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}

.nav-line.small:after {
	width: 78px
}

.nav-line.x-small:after {
	width: 63px;
	-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 1s cubic-bezier(0.77, 0, 0.175, 1)
}

.nav-line.prev:after {
	left: 0
}

.nav-line.next:after {
	right: 0
}

.nav-line:first-child:before,
.nav-line:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	width: 8000px;
	height: 1px;
	background-color: #fff;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.nav-line:first-child:before {
	left: -8000px
}

.nav-line:last-child:before {
	right: -8000px
}

.nav-bullet-container {
	float: left;
	position: relative;
	width: 26px;
	height: 26px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.nav-bullet-container:nth-child(1) {
	margin-left: 100px
}

.nav-bullet-container:before {
	content: '';
	position: absolute;
	top: -15px;
	left: 8px;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#slide-nav .nav-bullet-container:hover:before {
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}

#slide-nav .nav-bullet-container:hover .nav-link:before {
	-moz-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	transform: scale(2, 2);
	opacity: 0;
	-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

#slide-nav .nav-bullet-container:hover .nav-link:after {
	-moz-transform: scale(3.3, 3.3);
	-ms-transform: scale(3.3, 3.3);
	-webkit-transform: scale(3.3, 3.3);
	transform: scale(3.3, 3.3);
	opacity: 0.2
}

#slide-nav .nav-bullet-container:hover .nav-bullet {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

#slide-nav .nav-bullet-container:hover .nav-text {
	opacity: 1;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.nav-bullet-container.active .nav-link:after {
	opacity: 1
}

.nav-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}

.nav-link:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0.5;
	-moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.nav-link:after {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	width: 8px;
	height: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.5;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}

.nav-bullet {
	position: absolute;
	left: 9px;
	top: 9px;
	width: 8px;
	height: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}

.nav-text {
	position: absolute;
	left: -56px;
	bottom: -22px;
	width: 150px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	color: #fff;
	font-size: 12px;
}

.page3 {
	padding: 40px 150px;
}

.page-tt {
	font-size: 14px;
	color: #999999;
	padding: 10px 0;
	transition: all 3s linear;
}

.page-sub {
	font-size: 48px;
	color: #333333;
	font-weight: bold;
	transition: all 3s linear;
}

.box.web-1 {
	padding-top: 20px;
}

.box.web-1 ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background: none;
}

.box.web-1 ul>li {
	width: calc(25% - 18px);
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
	margin-right: 24px;
}

.box.web-1 ul>li:nth-child(4n) {
	margin-right: 0;
}

.box.web-1 ul>li .web-1-li-bg-content {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.box.web-1 ul>li .web-1-li-bg {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-bottom: 82%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	overflow: hidden;
}

.box.web-1 ul li .web-1-li-bg-black {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	width: 0;
	height: 0;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	overflow: hidden;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.box.web-1 ul li .allb {
	color: #fff;
	-webkit-transition: all .4s ease-in-out .4s;
	-moz-transition: all .4s ease-in-out .4s;
	-o-transition: all .4s ease-in-out .4s;
	-ms-transition: all .4s ease-in-out .4s;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0;
}

.box.web-1 ul li .allb:before,
.box.web-1 ul li .allb:after {
	content: "-";
	padding: 0 10px;
}

.box.web-1 ul li .link-tips {
	opacity: 0;
	-webkit-transition: all .4s ease-in-out .4s;
	-moz-transition: all .4s ease-in-out .4s;
	-o-transition: all .4s ease-in-out .4s;
	-ms-transition: all .4s ease-in-out .4s;
}

.box.web-1 ul li .link-tips .icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 0;
	margin: 0 auto;
}

.box.web-1 ul li .link-tips .icon img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.box.web-1 ul li .link-tips .tips {
	color: #fff;
	font-size: 14px;
	line-height: 2;
}

.box.web-1 ul li .wenben {
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	position: relative;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.box.web-1 ul li .wenben:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	border-bottom: 2px #00a0e9 solid;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.box.web-1 ul li h4 {
	font-size: 16px;
	line-height: 1.6;
	color: #454545;
	text-align: center;
	width: 100%;
	font-weight: normal;
}

.box.web-1 ul li p {
	font-size: 14px;
	line-height: 1.6;
	padding: 0 10px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box.web-1 ul>li:hover .web-1-li-bg {
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.2, 1.2);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
}

.box.web-1 ul>li:hover .web-1-li-bg-black {
	display: flex;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.box.web-1 ul>li:hover .web-1-li-bg-black .allb,
.box.web-1 ul>li:hover .web-1-li-bg-black .link-tips {
	opacity: 1;
}

.box.web-1 ul li:hover .wenben {
	box-shadow: 0 0 5px #00a0e9;
}

.box.web-1 ul li:hover .wenben:after {
	width: 100%;
	left: 0;
}

.box.web-1 ul li.fixit {
	height: 0;
	visibility: hidden;
	margin-bottom: 0;
}

.page3-box {
	padding-top: 20px;
}

.page3-box ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.page3-box ul li {
	width: calc(33.33% - 26px);
	margin-right: 38px;
	padding-bottom: 20px;
}

.page3-box ul li a {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 360px;
	position: relative;
}

.page3-box ul li a .page3-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	padding: 20px 0px;
}

.page3-box ul li a h4 {
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page3-box ul li a h6 {
	font-size: 14px;
	margin: 15px 0px;
	color: #ffffff;
	display: none;
	line-height: 24px;
	min-height: 48px;
}

.page3-box ul li a p {
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page3-box ul li a:hover .page3-text {
	background: rgb(0, 169, 238, 0.9);
	padding: 20px;
}

.page3-box ul li a:hover h4 {
	color: #fff;
	font-weight: Bold;
}

.page3-box ul li a:hover h6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.page3-box ul li a:hover p {
	color: #ffffff;
}

.page4 {
	padding: 0 150px;
}

.index-nav-body {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.index-nav-body .index-nav-body-item {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: calc(25% - 21px);
	height: 272px;
	margin-right: 28px;
	margin-bottom: 28px;
}

.index-nav-body .index-nav-body-item:nth-child(4n) {
	margin-right: 0px;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg {
	width: 100%;
	height: 272px;
	opacity: 0;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg1 {
	background: #00a9ee;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg2 {
	background: #00c4ee;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg3 {
	background: #5cdbc8;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg4 {
	background: #88d78d;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg5 {
	background: #e1791c;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg6 {
	background: #e1ac1c;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg7 {
	background: #efde68;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg8 {
	background: #c2d788;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg9 {
	background: #eb5b3f;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg10 {
	background: #fc597b;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg11 {
	background: #d57cb9;
}

.index-nav-body .index-nav-body-item .index-nav-body-bg12 {
	background: #b97cd5;
}

.index-nav-body .index-nav-body-item .item-pic {
	top: 35px;
	left: 0;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	position: absolute;
}

.index-nav-body .index-nav-body-item .item-pic2 {
	top: 35px;
	left: -100%;
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
}

.index-nav-body .index-nav-body-item .t-s {
	text-align: center;
}

.index-nav-body .index-nav-body-item .item-info {
	width: 100%;
	position: absolute;
	left: 0;
	top: 150px;
	text-align: center;
}

.index-nav-body .index-nav-body-item .item-info h3 {
	font-weight: bold;
	color: #333333;
	font-size: 18px;
	padding-top: 5px;
}

.index-nav-body .index-nav-body-item .item-info div {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	margin: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index-nav-body .index-nav-body-item .item-info2 {
	width: 100%;
	position: absolute;
	left: 100%;
	top: 150px;
	text-align: center;
}

.index-nav-body .index-nav-body-item .item-info2 h3 {
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
	padding-top: 5px;
}

.index-nav-body .index-nav-body-item .item-info2 div {
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
	margin: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index-nav-body .index-nav-body-item:hover {
	text-decoration: none;
}

.index-nav-body .item-images {
	position: absolute;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}

.index-nav-body .chanping-pic {
	background-image: url(../images/icon1-1.png);
}

.index-nav-body .zuyuan-pic {
	background-image: url(../images/icon1-2.png);
}

.index-nav-body .zhishi-pic {
	background-image: url(../images/icon1-3.png);
}

.index-nav-body .huopan-pic {
	background-image: url(../images/icon1-4.png);
}

.index-nav-body .chanping2-pic {
	background-image: url(../images/icon1-5.png);
}

.index-nav-body .zuyuan2-pic {
	background-image: url(../images/icon1-6.png);
}

.index-nav-body .zhishi2-pic {
	background-image: url(../images/icon1-7.png);
}

.index-nav-body .huopan2-pic {
	background-image: url(../images/icon1-8.png);
}

.index-nav-body .chanping3-pic {
	background-image: url(../images/icon1-9.png);
}

.index-nav-body .zuyuan3-pic {
	background-image: url(../images/icon1-10.png);
}

.index-nav-body .zhishi3-pic {
	background-image: url(../images/icon1-11.png);
}

.index-nav-body .huopan3-pic {
	background-image: url(../images/icon1-12.png);
}

.index-nav-body .chanping-pic2 {
	background-image: url(../images/icon2-1.png);
}

.index-nav-body .zuyuan-pic2 {
	background-image: url(../images/icon2-2.png);
}

.index-nav-body .zhishi-pic2 {
	background-image: url(../images/icon2-3.png);
}

.index-nav-body .huopan-pic2 {
	background-image: url(../images/icon2-4.png);
}

.index-nav-body .chanping2-pic2 {
	background-image: url(../images/icon2-5.png);
}

.index-nav-body .zuyuan2-pic2 {
	background-image: url(../images/icon2-6.png);
}

.index-nav-body .zhishi2-pic2 {
	background-image: url(../images/icon2-7.png);
}

.index-nav-body .huopan2-pic2 {
	background-image: url(../images/icon2-8.png);
}

.index-nav-body .chanping3-pic2 {
	background-image: url(../images/icon2-9.png);
}

.index-nav-body .zuyuan3-pic2 {
	background-image: url(../images/icon2-10.png);
}

.index-nav-body .zhishi3-pic2 {
	background-image: url(../images/icon2-11.png);
}

.index-nav-body .huopan3-pic2 {
	background-image: url(../images/icon2-12.png);
}

.page5 {
	padding: 0 150px;
	padding-top: 30px;
}

.advantage-box {
	padding: 30px 0;
}

.advantage-box ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.advantage-box ul li {
	width: calc(20% - 20px);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	margin-right: 25px;
}

.advantage-box ul li:nth-child(5n) {
	margin-right: 0px;
}

.advantage-box ul li a {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
	overflow: hidden;
	border-radius: 5px;

}

.advantage-box ul li a .adimg {
	width: 50%;
	overflow: hidden;
}

.advantage-box ul li a img {
	width: 100%;
	height: auto;
	transition: all 0.6s;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.advantage-box ul li a p {
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #333;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.advantage-box ul li a:hover img {
	transform: scale(1.2);
}

.advantage-box ul li a:hover p {
	color: #00a9ee;
}

.page6 {
	background: #edf1f7;
	padding: 40px 0px;
}

.custom {
	padding: 0 150px;
}

.cooperate-tt {
	font-size: 26px;
	text-align: center;
	padding: 40px 0px;
}

.cooperateSwiper {
	padding-bottom: 60px !important;
}

.cooperate-text {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 16px rgb(0, 169, 238, 0.08);
	margin: 10px;
	padding: 25px;
}

.cooperate-box {
	display: flex;
	justify-content: flex-start;
}

.cooperate-box img {
	width: 60px;
	max-height: 50px;
}

.cooperate-box p {
	width: calc(100% - 60px);
	padding-left: 20px;
	line-height: 26px;
	font-size: 16px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.cooperate-text h4 {
	padding-top: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	color: #333333;
}

.cooperate-text h4 span {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #333333;
	margin-right: 15px;
}

.slide-img {
	padding: 20px 0px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide-img img {
	max-width: 100%;
	max-height: 100%;
}

.page7 {
	padding: 0 150px;
	padding-top: 50px;
	padding-bottom: 60px;
}

.newsSwiper {
	margin-top: 15px;
}

.news-img {
	width: 100%;
	height: 210px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news-text {
	width: 100%;
	text-align: center;
	background: rgb(255, 255, 255, .8);
	padding: 10px 0px;
	font-size: 24px;
	color: #333333;
}

.newsSwiper ul {
	padding-top: 10px;
}

.newsSwiper ul li {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;

}

.newsSwiper ul li a {
	display: block;
	font-size: 16px;
	color: #666666;
	width: calc(100% - 90px);
}

.newsSwiper ul li a h4 {
	position: relative;
	padding-left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsSwiper ul li a p {
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	padding-left: 15px;
}

.newsSwiper ul li a p span {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.newsSwiper ul li a p span:first-child {
	background-image: url(../images/gongju.png);
}

.newsSwiper ul li a p span:last-child {
	background-image: url(../images/xin.png);
}

.newsSwiper ul li h6 {
	font-size: 14px;
	color: #999999;
}

.newsSwiper ul li a:hover {
	color: #09c0fe;
}

.newsSwiper ul li a h4::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #333333;
}

.newsSwiper ul li a:hover h4::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #09c0fe;
}

.detail {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.detail a {
	padding: 0px 40px;
	border: 1px solid #dadada;
	line-height: 42px;
	font-size: 16px;
	color: #00a9ee;
}

.page8 {
	width: 100%;
	height: 400px;
	background-image: url(../images/liuyan.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.seek {
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.seek-box {
width: calc(100% - 460px);
}

.seek-box h4 {
	font-size: 26px;
	color: #fff;
	letter-spacing: 2px;
	line-height: 40px;
}

.seek-a {
	line-height: 46px;
	padding: 0px 40px;
	display: inline-block;
	margin-top: 40px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
}

.seek form {
	display: inline-block;
	width: 500px;
}

.seek .form-inp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
}

.form-div {
	width: 48%;
}

.form-text label,
.form-div label {
	display: block;
	padding-bottom: 10px;
	font-size: 14px;
	color: #fff;
	text-align: left;
}

.form-div input {
	background: #fff;
	border: none;
	line-height: 36px;
	color: #333;
	width: 100%;
	display: block;
	border-radius: 5px;
	padding: 0 10px;
}

.form-text {
	padding-bottom: 15px;
}

.form-text textarea {
	background: #fff;
	border: none;
	height: 80px;
	line-height: 30px;
	color: #333;
	width: 100%;
	display: block;
	border-radius: 5px;
	padding: 10px;
}

.form-but button {
	width: 150px;
	display: block;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background: #00a9ee;
	border-radius: 5px;
	text-align: center;
	padding: 5px 0px;
}

.foor {
	background: #fff;
}

.foor-box {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 25px 150px;
	margin: 0 auto;
	color: #333333;
}

.foor-l {
	width: 28%;
}

.foor-tt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.foor-tt-img {
	width: 100px;
	height: 60px;
}

.foor-tt-img img {
	max-width: 100%;
	max-height: 1005;
}

.foor-text {
	width: calc(100% - 100px);
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
}

.foor-l p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 30px;
}

.foor-img {
	display: flex;
}

.foor-img img {
	margin-right: 30px;
}

.foor-img img:last-child {
	margin-right: 0px;
}

.foor-l h6 {
	padding-top: 20px;
	font-size: 14px;
	color: #e1e1e1;
}

.foor-m {
	width: 44%;
	padding: 0px 30px;
}

.foor-m ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.foor-m ul li {
	width: 20%;
	padding-right: 20px;
}

.foor-m ul li:last-child {
	padding-right: 0px;
}

.foor-m ul li h4 {
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
}

.foor-m ul li div {
	padding-top: 10px;
}

.foor-m ul li div a {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	display: block;
}

.foor-r {
	width: 28%;
}

.foor-r h4 {
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
}

.foor-r ul {
	padding-top: 10px;
}

.foor-r ul li {
	height: 50px;
	padding-left: 70px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50px;
	margin-bottom: 25px;
}

.foor-r ul li:last-child {
	margin-bottom: 0px;
}

.foor-r ul li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.foor-r ul li span:first-child {
	padding-bottom: 10px;
	font-size: 16px;
}

.foor-r ul li  .foor-span {
	font-size: 24px;
	font-weight: bold;
	color: #00a9ee;
}

.foor-ban {
	background: #1d2952;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0 15px;
}

.foor-ban img {
	margin-left: 30px;
	margin-right: 10px;
}

.foor-ban br {
	display: none;
}

/* 做平台 */
.platform1-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
}

.platform1-list:nth-child(2n) {
	flex-direction: row-reverse;
	padding-top: 20px;
}

.platform1-list .platform-item {
	width: 40%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.platform1-list .platform-item:first-child {
	width: calc(60% - 20px);
}

.platform-img {
	padding: 40px 20px;
	padding-top: 340px;
	color: #ffffff;
	background: linear-gradient(to top, rgb(0, 0, 0, .5), rgb(0, 0, 0, 0), rgb(0, 0, 0, 0));
}

.platform-img h4 {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
}

.platform-img p {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.platform-item:hover .platform-img {
	background: rgb(0, 169, 238, .4);
}

.platform2-list {
	padding-top: 40px;
}

.platform2-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.platform2-list ul li {
	width: calc(25% - 20px);
	margin-bottom: 35px;
	position: relative;
	border: 1px solid #ededed;
	background: #fff;
	box-shadow: 0px 0px 10px 10px rgb(0, 0, 0, .03);
	padding: 30px 10px;
	text-align: center;
	border-radius: 10px;
}

.platform2-img {
	min-height: 60px;
	display: flex;
	justify-content: center;
	align-items: end;
	padding-bottom: 30px;
	padding-top: 30px;
}

.platform2-list ul li h4 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 15px;
}

.platform2-list ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.platform2-list ul li:hover {
	border-bottom: 5px solid #00a9ee;
}

.platform3-list {
	padding-top: 20px;
}

.platform3-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.platform3-list ul li {
	width: calc(33.33% - 30px);
	display: flex;
	justify-content: right;
	margin-bottom: 30px;
	position: relative;
}

.platform3-img {
	width: 150px;
	height: 150px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.platform3-text {
	width: calc(100% - 150px);
	height: 100%;
	padding: 25px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #f4f6fb;
	color: #333;
}

.platform3-text h4 {
	font-size: 50px;
	line-height: 70px;
}

.platform3-text p {
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.platform3-list ul li:hover {
	box-shadow: 0px 0px 25px rgb(0, 169, 238, 0.2);
}

.platform3-list ul li:hover .platform3-text {
	background: #fff;
	border-right: 10px solid #00a9ee;
	color: #00a9ee;
}

/* 做小程序 */
.applet1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
}

.applet1-item {
	width: 25%;
	text-align: center;
}

.panClip {
	width: 170px;
	height: 170px;
	background-color: #e2e2e2;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.panClip .percentage {
	width: 150px;
	height: 150px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
}

.panClip .clipBox {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
}

.panClip .clipBox .clipLeft,
.panClip .clipBox .clipRight {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #2093f4;
	position: absolute;
	top: 0px;
	left: 0px;
}

.panClip .clipBox .clipLeft {
	clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%);
}

.panClip .clipBox .clipRight {
	clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
}

.width-none {
	width: 0 !important;
}

.clip_none {
	clip-path: none !important;
}

.panClip .circular {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #2093f4;
	transform: translateX(-50%);
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 3;
}

.panClip .corest {
	width: 100%;
	height: 100%;
	position: absolute;
}

.applet1-number img {
	padding-bottom: 10px;
}

.number-box {
	width: 100%;
}

.applet1-number .timer {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding-right: 28px;
}
.applet1-number .perc::after{
	content: '%';
	position: absolute;
	top: -10px;
	right: 0px;
}
.applet1-number .add::after {
	content: '+';
	position: absolute;
	top: -10px;
	right: 0px;
}

.applet1-item p {
	padding-top: 20px;
	font-size: 22px;
	color: #333333;
}

.applet2 {
	padding-top: 30px;
}

.applet2 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 45px;
}

.applet2 ul li {
	width: calc(25% - 20px);
	position: relative;
	border: 1px solid #dfdfdf;
}

.applet1-text {
	padding: 25px;
	text-align: center;
}

.applet1-text h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-top: 60px;
	padding-bottom: 10px;
}

.applet1-text p {
	padding-bottom: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	min-height: 92px;
}

.applet1-icon {
	position: absolute;
	top: -45px;
	left: 50%;
	width: 90px;
	height: 90px;
	border: 10px solid #f0f0f0;
	background: #f0f0f0;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -45px;
}

.applet1-icon img {
	height: 50%;
}

.applet2 ul li:hover {
	background: linear-gradient(to top, #2397f6, #4d6cfb);
}

.applet2 ul li:hover .applet1-text h4,
.applet2 ul li:hover .applet1-text p {
	color: #fff;
	animation: jump 1s infinite;
}

.applet2 ul li:hover .applet1-icon {
	background: #fff;
}

.applet3 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.applet3 ul li {
	width: calc(33.33% - 25px);
	padding-top: 30px;
}

.applet3-img {
	overflow: hidden;
}

.applet3-img img {
	max-width: 100%;
	transition: all 0.6s;
}

.applet3-item h4 {
	font-size: 18px;
	line-height: 30px;
	padding: 6px 0px;
	color: #333;
}

.applet3-item p {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}

.applet3 ul .applet3-item:hover .applet3-img img {
	transform: scale(1.2);
}

.applet3 ul li .applet3-item:hover h4,
.applet3 ul li .applet3-item:hover p {
	color: #2093f4;
}

.applet4 .tool-item {
	width: 14.28%;
	background: #f0f0f0;
}

figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: center;
	cursor: pointer;
}

figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

figure figcaption {
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.tool-item:hover figure.effect-apollo img {
	opacity: 0.6;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.tool-item:hover figure.effect-apollo figcaption::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.tool-text {
	height: auto;
	padding: 30px 20px;
}

.tool-text h4 {
	font-size: 20px;
	color: #333333;

}

.tool-text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	min-height: 60px;
	padding-top: 10px;
}

.tool-item:hover {
	background: #0096e7;
}

.applet5 {
	padding-top: 30px;
}

.applet5 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.applet5 ul li {
	width: calc(20% - 30px);
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}

.applet5-img {
	width: 100%;
	height: 220px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.applet5 ul li h4 {
	padding: 10px;
	font-size: 20px;
	color: #333333;
}

.applet6-box {
	padding: 30px 0px;
	position: relative;
}

.applet6 {
	width: calc(100% - 100px);
	height: 280px;
}

.applet6 .applet6-img {
	background: #f2f2f2;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	padding: 10px 0px;
	border: 1px solid #f2f2f2;
}

.applet6 .swiper-slide p {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	padding: 10px 0px;
}

.applet6 .slide-list:hover .applet6-img {
	border: 1px solid #0096e7;
	background: #ffffff;
}

.applet6 .slide-list:hover p {
	color: #0096e7;
}

.applet6-pagination {
	text-align: center;
	bottom: 0px;
}

.applet6-button-prev,
.applet6-button-next {
	position: absolute;
	top: 35%;
	right: 0px;
	cursor: pointer;
}

.applet6-button-prev {
	left: 0;
	right: auto;

}

.applet6-button-prev i,
.applet6-button-next i {
	font-size: 40px;
	color: #999999;
}

.applet6-button-prev:hover i,
.applet6-button-next:hover i {
	color: #0096e7;
}

/* 做工具*/
.tool {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 80px;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tool-tt {
	width: 100%;
	padding: 0px 150px;
	color: #fff;
	text-align: center;
}

.tool-tt h4 {
	font-size: 48px;
	line-height: 50px;
	padding-bottom: 20px;
	letter-spacing: 2px;
}

.tool-tt h6 {
	font-size: 16px;
	line-height: 30px;
}

.tool-tt p {
	font-size: 24px;
	line-height: 30px;
}

.makeTools .page3-box ul li a .page3-text {
	background: #f3f3f3;
}

.makeTools .page3-box ul li a:hover .page3-text {
	background: rgb(0, 169, 238, 0.9);
	padding: 20px;
}

.tool-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 40px;
}

.make .tool-item {
	width: 20%;
	cursor: pointer;
	background: #f6fafe;
}

.make figure.effect-apollo img {
	transform: none
}

.tool-text {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.make .tool-text h4 {
	font-size: 42px;
	color: #bcbcbd;
}

.make .tool-text p {
	font-size: 22px;
	line-height: 35px;
	padding-top: 20px;
	color: #333;
	height: 90px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.make .tool-text {
	padding: 26% 20px;
}

.make .tool-item:nth-child(2n) .tool-text p {
	display: flex;
	justify-content: center;
	align-items: end;
}

.tool-item:hover {
	background: #0096e7;
}

.tool-item:hover .tool-text h4,
.tool-item:hover .tool-text p {
	color: #ffffff;
}

.tool-type {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 20px;
}

.tool-type-item {
	width: 16.66%;
	padding-bottom: 10px;
}

.tool-type-item .item_img {
	position: relative;
	width: 100%;
}

.tool-type-item .item_img img {
	width: 100%;
	height: auto;
}

.tool-type-item p {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.seek-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 20px;
}

.seek-list a {
	padding: 15px 10px;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
}

.seek-list a img {
	width: 41px;
	height: auto;
}

.seek-list a h4 {
	font-size: 16px;
	line-height: 24px;
	padding-left: 10px;
	letter-spacing: 0px;
}

.seek-list a h4 span {
	font-size: 12px;
}

.seek-list a:hover {
	background: #00abe8;
}

/* 做网站 */
.website1-box {
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.website1-box-item {
	width: calc(50% - 15px);
	overflow: hidden;
	position: relative;
}

.website1-img .website1-img-box  img{
	width: 100%;
}

.website1-img-text {
	border: 1px solid #ececec;
	padding: 30px;
	display: flex;
	justify-content: space-between;
}

.website1-img-text h4 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}

.website1-img-text h6 {
	font-size: 14px;
	padding-top: 25px;
	color: #999;
}

.website1-img-text p {
	width: calc(100% - 120px);
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.website1-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	transition: all .3s linear;
}

.website1-text-box {
	padding: 45px;
	height: 350px;
	background: rgb(0, 169, 238, 0.8);
	text-align: center;
	color: #fff;
}

.website1-icon {
	padding: 10px 0px;
}

.website1-text-box h6 {
	font-size: 15px;
	padding: 20px 0px;
}

.website1-text-box h4 {
	font-size: 30px;
	padding-bottom: 15px;
}
.website1-text-box p {
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.website1-text-but {
	width: 100%;
	height: calc(100% - 350px);
	background: #ededed;
	display: flex;
	justify-content: center;
	align-items: center;
}

.website1-text-but a {
	width: 180px;
	height: 50px;
	background: #ffffff;
	text-align: center;
	line-height: 50px;
	margin: 0 10px;
	color: #0096d3;
	transition: all .3s linear;
}

.website1-text-but a:hover {
	background: #666666;
	color: #ffffff;
}

.website1-box-item:hover .website1-text {
	bottom: 0;
}

.website1-list {
	padding-top: 30px;
}

.website1-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.website1-list ul li {
	width: calc(50% - 15px);
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.website1-list-item {
	display: flex;
	justify-content: space-between;
}

.website1-list-img {
	width: 50%;
	height: 337px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.website1-list-box {
	width: 50%;
	border: 1px solid #ececec;
	padding: 40px 25px;
}

.website1-list-box h6 {
	font-size: 15px;
	color: #999999;
	padding-bottom: 20px;
}

.website1-list-box h4 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 40px;
}

.website1-list-box p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.website1-list-text {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	transition: all .5s linear;
}

.website1-list-text-box {
	width: 26%;
	height: 100%;
	background: #ededed;
}

.website1-list-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: -133% 135%;
	background-size: 90%;
	padding: 30px;
	padding-right: 0px;
}

.website1-list-icon {
	padding-bottom: 20px;
}

.website1-list-bg h5 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 90px;
}

.website1-list-bg h4 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 20px;
	font-weight: bold;
}

.website1-list-bg h6 {
	font-size: 15px;
	color: #999999;
}

.website1-list-but {
	width: 75%;
	height: 100%;
	background: #00a9ee;
	padding: 60px 45px;
	letter-spacing: 1px;
}

.website1-list-but p {
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
}

.website1-but-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 75px;
}

.website1-but-box a {
	width: 180px;
	height: 50px;
	background: #0096d3;
	text-align: center;
	line-height: 50px;
	margin-right: 20px;
	color: #fff;
	opacity: 5;
	transition: all .3s linear;
}

.website1-but-box a:hover {
	background: #ffffff;
	color: #00a9ee;
}

.website1-list ul li:hover .website1-list-text {
	left: 0px;
}

.w-accor4 li h3 {
	width: 90px;
	margin-left: -45px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 20px;
	color: #ffffff;
	font-weight: Bold;
	letter-spacing: 3px;
}

:root .w-accor4 li h3 {
	top: 20%;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

:root .w-accor4 li .dec_ar {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transform: translateY(0%) scale(1);
	-webkit-transform: translateY(0%) scale(1);
	display: flex;
	justify-content: flex-start;
	padding: 0;
}

:root .w-accor4 li .dec_l {
	width: 25%;
	height: 100%;
	background: #ececec;
}

:root .w-accor4 li .dec_r {
	width: 75%;
	height: 100%;
	background: #00a9ee;
}

.dec_l_box {
	padding: 45px;
	height: 100%;
	background-position: -65% 130%;
	background-repeat: no-repeat;
	background-size: 80%;
}

.dec_l_img {
	padding-bottom: 15px;
}

.dec_l_box h6 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 180px;
}

.dec_l_box h4 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 16px;
}

.dec_l_box p {
	font-size: 15px;
	color: #999999;
}

.dec_r {
	color: #fff;
	padding: 60px 80px;
}

.dec_r h4 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.dec_r p {
	font-size: 14px;
	padding-top: 30px;
	line-height: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ffffff;
}

.icon-list {
	margin-top: 50px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.icon-item {
	padding-right: 40px;
}

.icon-item:last-child {
	padding-right: 0px;
}

.icon-item h6 {
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
}

.w-accor {
	margin-top: 30px;
}

.img_box {
	width: 881px;
	height: 456px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.news-nav {
	background: #00a9ee;
	display: flex;
	justify-content: flex-start;
	padding: 10px 22px;
}

.news-class {
	color: #ffffff;
	line-height: 34px;
	font-size: 16px;
	padding-right: 20px;
	position: relative;
}

.news-class::after {
	content: '';
	position: absolute;
	top: 7px;
	right: 0px;
	width: 1px;
	height: 20px;
	background: #ffffff;
}

.news-nav ul {
	display: flex;
	justify-content: flex-start;
}

.news-nav ul li {
	font-size: 16px;
	color: #ffffff;
	margin-left: 20px;
	padding: 5px 20px;
	border-radius: 20px;
	cursor: pointer;
}

.news-nav ul li.selected,
.news-nav ul li:hover {
	color: #00a9ee;
	background: #ffffff;
}

.news-list {
	padding-top: 30px;
	display: none;
}

.news-list ul li {
	margin-bottom: 40px;
}

.news-list ul li a {
	display: flex;
	justify-content: flex-start;
	padding: 10px;
}

.news-list-l {
	width: 140px;
	padding: 20px 0px;
	border-right: 1px dashed #e4e4e4;
	padding-right: 10px;
	text-align: center;
}

.news-list-l h4 {
	font-size: 48px;
	color: #00a9ee;
	text-align: center;
}

.news-list-l p {
	color: #00a9ee;
	font-size: 14px;
}

.news-list-r {
	padding: 20px;
	padding-left: 40px;
	width: calc(100% - 140px);
}

.news-list-r h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
}

.h6Icon {
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

.h6Icon span {
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
	padding-left: 25px;
	margin-right: 40px;
}

.h6Icon .icon1 {
	background-image: url(../images/fabu.png);
}

.h6Icon .icon2 {
	background-image: url(../images/liulan.png);
}

.news-list-r p {
	padding-top: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.news-list-r p span {
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
}

.news-list-r p span::after {
	content: '';
	position: absolute;
	top: 7px;
	right: 0;
	width: 1px;
	height: 14px;
	background: #dbdbdb;
}

.news-list-r p span:last-child::after {
	display: none;
}

.news-list ul li a:hover {
	box-shadow: 0px 10px 20px 4px #dbe8ff
}

.news-list.selected {
	display: block;
}

.breadcrumbs {
	background-image: url(../images/daohang.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
	padding-left: 20px;
	line-height: 30px;
}

.breadcrumbs a {
	font-size: 14px;
	color: #666666;
	padding: 0 10px;
}

.breadcrumbs a:hover {
	color: #8ed9f7;
}

.breadcrumbs span {
	font-size: 14px;
	color: #00a9ee;
	padding: 0 10px;
}

.details-tt {
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
}

.details-tt h4 {
	color: #333333;
	font-size: 36px;
	padding-bottom: 10px;
}

.details-con {
	border-bottom: 1px solid #d6d6d6;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 10px 0px;
	text-align: left;
}

.details-con h4 {
	font-size: 24px;
	color: #00a9ee;
	text-align: left;
}
.details-img {
	padding-top: 50px;
	padding-bottom: 25px;
}

.details-con img {
	max-width: 100%;
	height: auto;
}

.details-a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 60px;
margin-top: 20px;
}

.details-a a {
	font-size: 16px;
	color: #666666;
	margin: 0 20px;
}

.details-a .goback {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fdfefd;
	background: #00a9ee;
	border-radius: 100%;
	text-align: center;
}

.details-a a:hover {
	color: #00a9ee;
}

.details-a .goback:hover {
	color: #fdfefd;
}

.case-tt {
	text-align: center;
}

.case-tt h4 {
	font-size: 36px;
	color: #333333;
	text-align: center;
}

.case-tt p {
	font-size: 16px;
	color: #666666;
	padding-top: 10px;
}

.case-nav {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.case-but {
	width: 410px;
	margin: 0 15px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}

.case-but button {
	text-align: center;
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
}

.case-pull {
	width: 410px;
	margin: 0 15px;
	position: relative;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}

.case-pull ul {
	position: absolute;
	display: none;
	top: 50px;
	left: 0;
	right: 0;
	border: 1px solid #1ca5e8;
	z-index: 999;
	background: rgb(255, 255, 255, .8);
	border-top: 0;
}

.case-pull ul li {
	cursor: pointer;
	padding: 0 15px;
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}

.case-pull ul li:hover {
	color: #009ee8;
}

.case-pull h4 {
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	padding: 0px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.case-pull h4 i {
	color: #00a9ee;
}

.case-pull.open h4 {
	background: #009ee8;
	color: #fff;
	border: 1px solid #009ee8;
	border-radius: 5px;
	box-shadow: 0px 10px 20px 4px #dbe8ff
}

.case-pull.open h4 i {
	color: #fff;
}

.case-pull.open ul {
	display: block;
}

.page-box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.page-box ul {
	display: flex;
	justify-content: flex-start;
	padding-right: 15px;
}

.page-box ul li {
	border: 1px solid #e8e8e8;
	border-right: none;
}

.page-box ul li button,
.page-box ul li a {
	line-height: 38px;
	font-size: 16px;
	color: #999;
	padding: 0px 15px;
	display: inline-block;
}

.page-box ul li:last-child {
	border-right: 1px solid #e8e8e8;
}

.page-box ul li:hover button,
.page-box ul li:hover a {
	color: #ffffff;
	background: #00a9ee;
}

.page-box ul li button {
	padding: 0px 10px;
}

.page-box input {
	display: inline-block;
	width: 80px;
	line-height: 38px;
	font-size: 16px;
	color: #999;
	border: none;
}

.jump {
	line-height: 38px;
	font-size: 16px;
	padding: 0px 15px;
	color: #fff;
	background: #bdbdbd;
	margin-left: 15px;
}

.medical-box {
	text-align: center;
	margin: 30px 0px;
	position: relative;
}

.medical-con {
	position: absolute;
	left: 0px;
	display: flex;
	width: 50%;
}

.medical-img {
	width: 68px;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin-left: 20px;
}

.medical-text {
	width: calc(100% -88px);
	text-align: right;
}

.medical-text h4 {
	font-size: 24px;
	color: #333333;
	line-height: 40px;
}

.medical-text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.medical-con:nth-of-type(1) {
	top: 36px;
	flex-direction: row-reverse;
	padding-right: 140px;
}

.medical-con:nth-of-type(2) {
	top: 50%;
	flex-direction: row-reverse;
	padding-right: 218px;
	margin-top: -35px;
}

.medical-con:nth-of-type(3) {
	bottom: 36px;
	flex-direction: row-reverse;
	padding-right: 140px;
}

.medical-con:nth-of-type(4) {
	top: 36px;
	left: 50%;
	padding-left: 140px;
}

.medical-con:nth-of-type(5) {
	top: 50%;
	left: 50%;
	padding-left: 218px;
	margin-top: -35px;
}

.medical-con:nth-of-type(6) {
	bottom: 36px;
	left: 50%;
	padding-left: 140px;
}

.medical-list {
	padding-top: 50px;
}

.medical-list li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

.medical-list li:nth-child(2n) {
	flex-direction: row-reverse;
}

.medical-list-l {
	width: 50%;
}

.medical-list-l img {
	max-width: 80%;
}

.medical-list-r {
	width: 50%;
}

.medical-list-r h4 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	line-height: 40px;
	padding-bottom: 10px;
}

.medical-list-r p {
	font-size: 18px;
	content: #666666;
	line-height: 30px;
}

.medical-list-r a {
	margin-top: 50px;
	font-size: 18px;
	color: #ffffff;
	background: #00a9ee;
	display: inline-block;
	line-height: 50px;
	padding: 0 25px;
	border-radius: 6px;
	box-shadow: 4px 4px 4px 4px #b8cbee;
}
















.mechanical-box .tool-item {
	width: 25%;
}

.mechanical-box .tool-text {
	padding: 7% 20px;
}

.mechanical-box .tool-text h4 {
	font-weight: bold;
}

.mechanical-box .tool-text h5 {
	font-size: 24px;
	color: #333333;
	padding-top: 10px;
}

.mechanical-box .tool-text p {
	font-size: 16px;
	color: #666666;
	padding-top: 5px;
	line-height: 30px;
	min-height: 60px;
	height: 60px;
	align-items: flex-start !important;
}

.tool-item:hover .tool-text h5 {
	color: #ffffff;
}

.core {
	background: #f2f2f2;
}

.mechanical-tt {
	font-size: 22px;
	color: #333333;
	line-height: 40px;
	padding-top: 15px;
}

.mechanical-box figure.effect-apollo figcaption::before {
	webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -106%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -106%, 0);
}

/* IOT */
.iot-box {
	padding-top: 30px;
	overflow: hidden;
}

.swiper-box {
	padding: 40px;
	text-align: center;
	background: #f2f2f2;
	border-radius: 10px;
	cursor: pointer;
	margin: 15px;
}

.swiper-box:hover {
	background: #ffffff;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
}

.swiper-box h4 {
	font-size: 16px;
	color: #333;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 24px;
}

.swiper-box p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	min-height: 48px;
}

.se-box {
	position: relative;
	text-align: center;
	padding-bottom: 40px;
}

.se-iot1 {
	background: #c9e2fb;
	padding: 20px;
	border-radius: 100%;
	display: inline-block;
	margin: 70px 0;
}

.se-iot {
	background: linear-gradient(to top, #4cade8, #2f61f9);
	padding: 20px;
	border-radius: 100%;
	display: inline-block;
}

.se-iot h4 {
	font-size: 30px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	border: 2px solid #ffff;
	border-radius: 100%;
}

.se-list {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.se-item {
	width: 50%;
	display: flex;
	justify-items: flex-start;
	margin-bottom: 40px;
	align-items: center;
}

.se-item:nth-child(2n) {
	flex-direction: row-reverse;
}

.se-text {
	width: 62%;
	background: #ffff;
	text-align: left;
	padding: 35px 25px;
	border-radius: 10px;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.1);
}

.se-text h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 10px;
}

.se-text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	min-height: 60px;
}

.se-img {
	width: calc(38% - 150px);
}

.se-img img {
	max-width: 100%;
}

.intelligent {
	padding-top: 30px;
}

.intelligent ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.intelligent ul li {
	width: calc(33.33% - 30px);
	margin-right: 45px;
	background: #ffff;
	position: relative;
	margin-bottom: 45px;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
	border-radius: 10px;
}

.intelligent ul li:nth-child(3n) {
	margin-right: 0px;
}

.int-img {
	width: 100%;
	overflow: hidden;
}

.int-img img {
	width: 100%;
	transition: all 0.6s;
}

.int-text {
	padding: 30px 20px;
}

.int-text h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.int-text p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	min-height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.int-su {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #ffff;
	background: linear-gradient(to bottom, #2e5ffa, #4db1e7);
	font-size: 18px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.intelligent ul li:hover {
	background: #00a9ee;
}

.intelligent ul li:hover .int-img img {
	transform: scale(1.2);
}

.intelligent ul li:hover p,
.intelligent ul li:hover h4 {
	color: #ffffff;
}

.communication {
	padding-top: 30px;
}

.communication ul {
	display: flex;
	justify-content: flex-start;
}

.communication ul li {
	width: 16.66%;
	padding-right: 10px;
}

.communication ul li h2 {
	padding-left: 50px;
	background-size: 40px;
	background-position: left;
	background-repeat: no-repeat;
	line-height: 40px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}

.communication ul li h4 {
	font-size: 18px;
	color: #333333;
	padding-top: 20px;
	font-weight: bold;
	line-height: 40px;
}

.communication ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	min-height: 42px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.scenarios {
	padding-top: 30px;
}

.scenarios ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.scenarios ul li {
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 35px;
	background: #ffffff;
}

.scenarios ul li:nth-child(4n) {
	margin-right: 0px;
}

.scenarios-img img {
	width: 100%;
	height: auto;
}

.scenarios-text {
	padding: 15px;
	text-align: center;
	background: #ffffff;
}

.scenarios-text h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.scenarios-text p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.scenarios ul li:hover {
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
}

/* vr看房 */
.broker {
	padding: 40px 0;
	display: flex;
	justify-content: flex-start;
}

.broker-nav {
	width: 35%;
}

.broker-nav ul {
	padding-right: 30px;
}

.broker-nav ul li {
	border-left: 2px solid transparent;
	padding-left: 20px;
	margin-bottom: 20px;
}

.broker-nav ul li h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 10px;
}

.broker-nav ul li p {
	font-size: 16px;
	color: #666666;
	min-height: 48px;
	line-height: 24px;
	display: none;
}

.broker-nav ul li.current {
	border-left: 2px solid #3a3a3a;
}

.broker-nav ul li.current h4 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.broker-nav ul li.current p {
	display: block;
}

.broker-list {
	width: 65%;
}

.broker-list .broker-item {
	display: none;
}

.broker-list .broker-item.current {
	display: block;
}

.marketing {
	padding-top: 30px;
}

.marketing-nav {
	padding-bottom: 15px;
}

.marketing-nav ul {
	display: flex;
	justify-content: flex-start;

}

.marketing-nav ul li {
	width: calc(33.33% - 70px);
	margin-right: 30px;
	border-top: 3px solid transparent;
	padding: 20px;
}

.marketing-nav ul li.current {
	background: #ffff;
	border-top: 3px solid #009ee8;
}

.marketing-nav ul li h4 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 10px;
}

.marketing-nav ul li p {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.marketing-list {
	padding-bottom: 10px;
}

.marketing-list .marketing-item {
	display: none;
}

.marketing-list .marketing-item.current {
	display: block;
}

.marketing-list .marketing-item img {
	max-width: 100%;
}

.broker-nav .travel li {
	padding-bottom: 30px;
}

.commerce {
	background-image: url(../images/e-commerce1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 50%;
	background-position: center;

}

.commerce-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.commerce-img {
	width: calc(60% - 100px);
	padding-right: 100px;
}

.commerce-img img {
	max-width: 100%;
}

.commerce-box p {
	width: 32%;
	font-size: 24px;
	color: #ffff;
	line-height: 48px;
}

.interaction {
	padding-top: 50px;
	padding-bottom: 60px;
}

.interaction ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.interaction ul li {
	width: 20%;
	text-align: center;
	padding: 0 30px;
}

.interaction-img {
	width: 52px;
	height: 52px;
	margin: 0 auto;
}

.interaction-text {
	padding-top: 20px;
}

.interaction-text h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 15px;
}

.interaction-text p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

/* 交易平台 */
.tradition {
	position: relative;
}

.tradition-img {
	text-align: center;
	margin-top: 120px;
}

.tradition-list {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.tradition-item-img {
	width: 90px;
	height: 90px;
	background: linear-gradient(to bottom, #1d7eff, #5cc0ff);
	border: 10px solid #d1e3fd;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}

.tradition-list p {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}

.tradition-list:nth-of-type(2) {
	left: 0;
	bottom: 45px;
	width: 50%;
	margin-left: 4%;
}

.tradition-list:nth-of-type(3) {
	top: 28%;
	left: 0;
	width: 50%;
	margin-left: 17%;
	margin-top: -45px;
}

.tradition-list:nth-of-type(4) {
	top: -90px;
	left: 50%;
	display: block;
	margin-left: -157px;
}

.tradition-list:nth-of-type(4) .tradition-item-img {
	margin: 0 auto;
	margin-top: 20px;
}

.tradition-list:nth-of-type(5) {
	top: 28%;
	right: 0;
	width: 50%;
	margin-right: 16%;
	margin-top: -45px;
	justify-content: flex-end;
}

.tradition-list:nth-of-type(6) {
	right: 0;
	bottom: 45px;
	width: 50%;
	margin-right: 10%;
	justify-content: flex-end;
}

.tradition-list:nth-of-type(5) .tradition-item-img,
.tradition-list:nth-of-type(6) .tradition-item-img {
	margin-right: 20px;
	margin-left: 0;
}

.competencies {
	padding-top: 30px;
}

.competencies ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.competencies ul li {
	width: calc(25% - 30px);
	margin: 0 15px;
	background: #ffffff;
	text-align: center;
	padding: 30px;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
	border-radius: 10px;
	margin-bottom: 30px;
}

.core1-img {
	padding-bottom: 25px;
}

.competencies ul li h4 {
	font-size: 18px;
	color: #333333;
}

.competencies ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	min-height: 72px;
	margin-top: 15px;
}

.competencies ul li:hover {
	background: linear-gradient(to bottom, #197aff, #61c6ff);
}

.competencies ul li:hover p,
.competencies ul li:hover h4 {
	color: #ffffff;
}

.advantages {
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
}

.advantages-nav {
	width: 38%;
}

.advantages-nav ul {
	padding-right: 25px;
	height: 100%;
}

.advantages-nav ul li {
	margin-bottom: 15px;
	background: #f4f6fb;
	padding: 0 30px;
	padding-top: 5%;
	cursor: pointer;
	height: calc(33.33% - 10px);
}

.advantages-nav ul li h2 {
	font-size: 50px;
	color: #333333;
	padding-bottom: 15px;
}

.advantages-nav ul li h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 5px;
}

.advantages-nav ul li p {
	font-size: 18px;
	color: #666666;
	line-height: 24px;
}

.advantages-nav ul li.current {
	background-image: url(../images/advantages1.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: auto 70%;
	background-color: #00a9ee;
}

.advantages-nav ul li.current p,
.advantages-nav ul li.current h4,
.advantages-nav ul li.current h2 {
	color: #ffff;
}

.advantages-nav ul li:last-child {
	margin-bottom: 0px;
}

.advantages-list {
	width: 62%;
	background: #f4f6fb;
}

.advantages-item {
	display: none;
}

.advantages-img img {
	width: 100%;
	height: auto;
}

.advantages-list .advantages-item.current {
	display: block;
}

.advantages-text {
	padding: 20px 40px;
	background-image: url(../images/advantages5.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: auto 70%;
}

.advantages-item h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 10px;
}

.advantages-item p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	padding-bottom: 20px;
}

.advantages-item a {
	line-height: 45px;
	padding: 0 55px;
	background: #00a9ee;
	display: inline-block;
	color: #ffff;
	margin-bottom: 20px;
}

.architecture1 {
	margin-top: 30px;
	background: #eaeffe;
	border-radius: 10px;
}

.architecture1-tt {
	line-height: 50px;
	background: #5297f4;
	text-align: center;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.architecture1 ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-bottom: 20px;
}

.architecture1 ul li {
	margin-top: 20px;
	border: 2px dashed #d1e3fd;
	background: #ffff;
	width: calc(16.66% - 20px);
	margin-right: 20px;
	color: #3981e1;
	text-align: center;
	padding: 25px 0;
	border-radius: 10px;
}

.architecture1 ul li h4 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 10px;
}

.architecture1 ul li p {
	font-size: 16px;
	line-height: 30px;
}

.architecture2 {
	display: flex;
	justify-content: flex-start;
}

.architecture-item {
	width: 40%;
}

.architecture-item1 {
	width: 20%;
}

.architecture-bg1 {
	width: 20px;
	height: 22px;
	background-image: url(../images/architecture.png);
	margin: 10px auto;
	transform: rotate(90deg);
}

.architecture-box {
	height: calc(100% - 40px);
	display: flex;
	justify-content: flex-start;
}

.architecture-bg2 {
	width: 20px;
	height: 22px;
	background-image: url(../images/architecture.png);
	margin: auto 10px;
}

.architecture-text {
	width: calc(100% - 80px);
	text-align: center;
}

.architecture-text p {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 60px);
	padding: 0 20px;
	font-size: 16px;
	color: #7b3ac3;
	line-height: 30px;
	background: #f6effd;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.architecture-text h4 {
	background: #a55af9;
	line-height: 60px;
	color: #fff;
	font-size: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.architecture-bg3 {
	width: 20px;
	height: 22px;
	background-image: url(../images/architecture.png);
	margin: auto 10px;
	transform: rotate(180deg);
}

.architecture-item {
	display: flex;
	margin-top: 40px;
}

.architecture-item h4 {
	font-size: 30px;
	color: #fff;
	background: #50d7a3;
	width: 60px;
	writing-mode: vertical-rl;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.architecture-item ul {
	background: #eafcfa;
	width: calc(100% - 60px);
	display: flex;
	justify-content: space-around;
	padding: 35px 0;
	text-align: center;
	font-size: 16px;
	color: #21b67d;
	line-height: 30px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.architecture-item3 {
	flex-direction: row-reverse;
}

.architecture-item3 h4 {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	background: #f9a754;
}

.architecture-item3 ul {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	background: #fbf3eb;
	color: #da822a;
}

.industrys {
	padding-top: 30px;
}

.industrys ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.industrys ul li {
	width: calc(25% - 18px);
	margin-bottom: 24px;
	margin-right: 24px;
	position: relative;
}

.industrys ul li:nth-child(4n) {
	margin-right: 0px;
}

.industrys-img {
	width: 100%;
}

.industrys-img img {
	width: 100%;
	height: auto;
}

.industrys-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(0, 0, 0, .3);
}

.industrys-box p {
	font-size: 24px;
	color: #ffffff;
}

.industrys ul li:hover .industrys-box {
	background: rgb(40, 90, 157, .8);
}

.industrys ul li:last-child .industrys-box,
.industrys ul li:last-child:hover .industrys-box {
	background: #285a9d;
}

.cases-item {
	padding: 50px 0px;
}

.cases-box {
	background: #edf7ff;
}

.cases-nr {
	padding: 0 150px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	top: -50px;
}

.cases-img {
	width: 50%;
	display: flex;
	justify-content: space-between;
}

.cases-img img {
	box-shadow: 2px 2px 30px 2px rgb(0, 0, 0, 0.25);
}

.cases-text {
	padding-left: 10%;
	width: 50%;
}

.cases-text h4 {
	font-size: 30px;
	color: #06a1e9;
	padding: 15px 0px;
	line-height: 36px;
}

.cases-text p {
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	padding-top: 10px;
}

.cases-item:nth-child(2n) .cases-nr {
	flex-direction: row-reverse;
}

.cases-item:nth-child(2n) .cases-nr .cases-text {
	padding-left: 0px;
	padding-right: 10%;
}

.cases-item:last-child .cases-img img {
	max-width: calc(33.33% - 20px);
}

/* 关于我们 */
.abouts-box {
 display: flex;
 justify-content: space-between;
 margin-top: 80px;
}
.abouts-l{
  width: 50%;
  padding: 40px 0;
  padding-left: 150px;
  padding-right: 50px;
  background-size: 100% auto; 
  background-position: bottom;
}
.abouts-img {
	padding: 50px 0px;
}

.abouts-box h4 {
	font-size: 36px;
	color: #333333;
	padding-bottom: 15px;
}

.abouts-box h6 {
	font-size: 16px;
	color: #666666;
	padding-bottom: 50px;
}
.abouts-box h5{
	font-size: 16px;
	color: #666666;
	padding-bottom: 30px;
}
.abouts-box h5 span {
	color: #00a9ee;
}
.abouts-box a{
	display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
    background: #00a9ee;
    line-height: 30px;
    border-radius: 5px;
    margin-bottom: 50px;
}
.abouts-box p {
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	padding-bottom: 40px;
	letter-spacing: 1px;
}

.abouts-box p span {
	font-size: 30px;
	color: #333333;
}
.abouts-r{
  width: 50%;
}
.abouts-tt {
	text-align: center;
	padding: 30px 0px;
}

.abouts-tt h4 {
	font-size: 36px;
	color: #333333;
}

.abouts-tt p {
	font-size: 16px;
	color: #666666;
	padding-top: 15px;
}
.ife{
  width: 100%;
  height: 100vh;
}
.ife body{
  background: #fff !important;
}
.our-img {
	padding-top: 15px;
	text-align: center;
}

.our-list {
	padding: 40px 30px;
	display: flex;
	justify-content: space-between;
    position: relative;
}

.our-item {
	width: 100%;
	padding: 25px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.our-item h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}

.our-item p {
	line-height: 30px;
	padding-top: 10px;
	color: #666666;
	font-size: 16px;
	height: 70px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.customerSwiper {
	height: 240px;
}

.customer-box {
	width: 100%;
	margin-bottom: 10px;
}

.customer-img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	background: #f2f2f2;
	border: 1px solid transparent;
}

.customer-img img:last-child {
	display: none;
}

.customer-box h4 {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	padding-top: 10px;
	text-align: center;
}

.customer-list {
	position: relative;
	padding: 40px 50px;
	padding-top: 30px;
}

.swiper-icon-prev {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
}

.swiper-icon-next {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
}

.swiper-icon-prev i,
.swiper-icon-next i {
	font-size: 30px;
	line-height: 30px;
	color: #999999;
	cursor: pointer;
}

.swiper-icon-prev i:hover,
.swiper-icon-next i:hover {
	color: #00a9ee;
}

.customer-box:hover .customer-img {
	background: #ffff;
	border: 1px solid #d6d6d6;
}

.customer-box:hover .customer-img img {
	display: none;
}

.customer-box:hover .customer-img img:last-child {
	display: block;
}

.customer-box:hover h4 {
	color: #00a9ee;
}

.develop-list {
	position: relative;
	padding: 30px 50px;
	margin-bottom: 20px;
}

.develop-list .swiper-slide {
	text-align: center;
}

/* 机械制造-解决方案 */
.solution-text {
	padding-top: 60px;
}

.solution-text h4 {
	font-size: 50px;
	color: #0096e7;
	font-weight: bold;
	padding-bottom: 30px;
}

.solution-text p {
	font-size: 22px;
	color: #333333;
	line-height: 40px;
}

.solution1 .tool-item {
	width: 25%;
	cursor: pointer;
	background: #f6fafe;
}

.solution1 .tool-text h4 {
	font-size: 42px;
	color: #bcbcbd;
	font-weight: bold;
}

.solution1 .tool-text p {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-top: 20px;
}

.solution1 .tool-text h6 {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	min-height: 48px;
}

.solution1 figure.effect-apollo img {
	transform: none;
}

.solution1 .tool-text {
	padding: 26px 20px;
}

.solution1 .tool-item:hover {
	background: #0096e7;
}

.solution1 .tool-item:hover .tool-text h6 {
	color: #ffff;
}

.solution1 figure.effect-apollo figcaption::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
}

.solution1 .tool-item:hover figure.effect-apollo figcaption::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
}

.manufacture {
	margin-top: 30px;
	width: 100%;
	height: 340px;
	position: relative;
}

.manufacture-list {
	width: 1200px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.manufacture-list ul li {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.manufacture-list ul li img {
	width: 751px;
	height: 300px;
	border: none;
	float: left;
}

.p1 {
	transform: translate3d(-224px, 0, 0) scale(0.81);
}

.p2 {
	transform: translate3d(0px, 0, 0) scale(0.81);
	transform-origin: 0 50%;
	opacity: 0.8;
	z-index: 2;
}

.p3 {
	transform: translate3d(224px, 0, 0) scale(1);
	z-index: 3;
	opacity: 1;
}

.p4 {
	transform: translate3d(449px, 0, 0) scale(0.81);
	transform-origin: 100% 50%;
	opacity: 0.8;
	z-index: 2;
}

/* 金融服务-解决方案 */
.coreSwiper {
	margin-top: 30px;
}

.core-item {
	width: 100%;
}

.core-img {
	padding-bottom: 20px;
}

.core-img img {
	width: 100%;
	height: auto;
}

.core-item h3 {
	color: #333333;
	font-size: 24px;
}

.core-ul {
	padding-top: 25px;
}

.core-ul li {
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
}

.core-ul li h4 {
	font-size: 18px;
	color: #0096e7;
	line-height: 30px;
}

.core-ul li p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.fun {
	position: relative;
	padding: 80px 0px
}

.fun-img {
	text-align: center;
}

.fun1 {
	position: absolute;
	bottom: 23%;
	left: 12%;
}

.fun2 {
	position: absolute;
	bottom: 40%;
	left: 13%;
}

.fun3 {
	position: absolute;
	top: 32%;
	left: 17%;
}

.fun4 {
	position: absolute;
	top: 18%;
	left: 21%;
}

.fun5 {
	position: absolute;
	top: 8%;
	left: 30%;
}

.fun6 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	text-align: center;
}

.fun6 .fun-item {
	display: block;
}

.fun6 .fun-item h4 {
	padding-right: 0;
	padding-bottom: 20px;
}

.fun7 {
	position: absolute;
	top: 8%;
	right: 31%;
}

.fun8 {
	position: absolute;
	top: 18%;
	right: 23%;
}

.fun9 {
	position: absolute;
	top: 32%;
	right: 16%;
}

.fun10 {
	position: absolute;
	bottom: 40%;
	right: 13%;
}

.fun11 {
	position: absolute;
	bottom: 23%;
	right: 12%;
}

.fun-item {
	display: flex;
	align-items: center;
}

.fun-item h4 {
	font-size: 18px;
	color: #333333;
	padding-right: 20px;
}

.fun-item img {
	width: 82px;
	height: 82px;
}

.fun10 .fun-item,
.fun11 .fun-item,
.fun7 .fun-item,
.fun8 .fun-item,
.fun9 .fun-item {
	flex-direction: row-reverse;
}

.fun10 .fun-item h4,
.fun11 .fun-item h4,
.fun7 .fun-item h4,
.fun8 .fun-item h4,
.fun9 .fun-item h4 {
	padding-right: 0px;
	padding-left: 20px;
}

.se {
	padding-top: 30px;
	display: flex;
}

.se-item1 {
	width: 30%;
	padding: 30px;
	background: #eeeeee;
	cursor: pointer;
}

.se-jia {
	width: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.se-item1 h6 {
	font-size: 24px;
	color: rgb(0, 0, 0, .2);
}

.se-item-img {
	padding: 30px 0;
	min-height: 64px;
}

.se-item-img img:last-child {
	display: none;
}

.se-item1 h4 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 15px;
}

.se-item1 ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.se-item1 ul li {
	width: calc(50% - 20px);
	list-style-type: disc;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-left: 20px;
}

.se-item1:hover {
	background: #009ee9;
}

.se-item1:hover .se-item-img img {
	display: none;
}

.se-item1:hover .se-item-img img:last-child {
	display: block;
}

.se-item1:hover h6 {
	color: rgb(255, 255, 255, .2);
}

.se-item1:hover ul li,
.se-item1:hover h4 {
	color: #fff;
}

/* 应用场景 */
.medicalSwiper-box {
	position: relative;
	padding: 30px 80px;
}

.medicalSwiper .swiper-slide {
	width: 747px;
	height: 421px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.medicalSlide {
	position: relative;
}

.medicalSwiper .swiper-slide img {
	display: block;
	width: auto;
	height: 100%;
}

.medicalText {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(0, 0, 0, .3);
}

.medicalText p {
	font-size: 24px;
	color: #ffffff;
}

.swiper-slide-active .medicalText {
	top: auto;
	bottom: 0;
	height: 80px;
}

.medicalSwiper-button-next {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -20px;
}

.medicalSwiper-button-prev {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -20px;
}

.medicalSwiper-button-prev i,
.medicalSwiper-button-next i {
	font-size: 40px;
	color: #dddfdf;
	cursor: pointer;
}

/* 九应用 */
.operate {
	padding-top: 60px;
	padding-bottom: 60px;
}

.operate-box {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 50px;
}

.operate-item {
	width: calc(50% - 25px);
	background: rgb(38, 38, 38, .53);
	padding: 40px;
	text-align: center;
}

.operate-item h4 {
	font-size: 30px;
	color: #fff;
	line-height: 40px;
	padding-bottom: 25px;
}

.operate-item p {
	width: 80%;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	margin: 0 auto;
}

.operate-item ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 70px;
}

.operate-item ul li {
	width: 20%;
}

.operate-item ul li h6 {
	padding-top: 15px;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}

.operate-item ul li .operate-img {
	min-height: 40px;
}

.operate-m {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 82px;
	height: 82px;
	margin-top: -41px;
	margin-left: -41px;
}

.worth {
	display: flex;
	justify-content: flex-start;
	margin-top: 30px;
}

.worth-item {
	width: 33.33%;
	border-right: 1px solid #e0e0e0;
	padding: 40px;
	text-align: center;
}

.worth-item:last-child {
	border-right: 1px solid transparent;
}

.worth-img {
	width: 108px;
	height: 108px;
	border-radius: 100%;
	background: rgb(211, 242, 253, .5);
	margin: 0 auto;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.worth-item h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-bottom: 20px;
}

.worth-item p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	min-height: 48px;
}

.worth-item a {
	display: inline-block;
	font-size: 16px;
	color: #ffff;
	background: #009ee9;
	padding: 12px 25px;
	margin-top: 30px;
	border-radius: 10px;
	box-shadow: 0px 4px 14px 4px #b4cfff;
}

.achievement-nav {
	padding-top: 30px;
}

.achievement-nav ul {
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid rgb(255, 255, 255, .2);
}

.achievement-nav ul li {
	width: 10%;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid transparent;
}

.achievement-nav ul li.current,
.achievement-nav ul li:hover {
	border-bottom: 1px solid #fff;
}

.achievement-box {
	padding-top: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.achievement-r,
.achievement-l {
	width: 100px;
}

.achievement-r i,
.achievement-l i {
	font-size: 40px;
	color: #ffffff;
	cursor: pointer;
}

.achievement-r {
	text-align: right;
}

.achievement-list {
	width: calc(100% - 200px);
	margin: 40px 0px;
}
.achievement-item{
	display: none;
	justify-content: space-between;
}
.achievement-item.current{
	display: flex;
}
.achievement-item-l{
	width: 50%;
	color: #fff;
	margin-top: 30px;
}
.achievement-item-l h4{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.achievement-item-l h4 span{
	display: inline-block;
	width: 60px;
	height: 20px;
	background-image: url(../images/ach1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	font-size: 14px;
	padding-left: 12px;
	line-height: 20px;
	margin-left: 15px;
}
.achievement-label{
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
}
.achievement-label span{
	display: inline-block;
	line-height: 20px;
	border: 1px solid #999;
	padding: 0 20px;
	border-radius: 20px;
	margin-right: 15px;
}
.achievement-item-l p{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 40px;
}
.achievement-item-l ul{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 40px;
}
.achievement-item-l ul li{
	padding: 0px 50px;
	border-right: 1px solid #65969e;
	text-align: center;
}
.achievement-item-l ul li:first-child{
    padding-left: 0px;
}
.achievement-shu{
	font-size: 14px;
	margin-bottom: 10px;
}
.achievement-shu span{
	font-size: 24px;
}
.achievement-tt{
	font-size: 14px;
}
.achievement-item-l  a{
	background: #00a9ee;
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 6px;
}
.achievement-item-r{
	width: 50%;
	display: flex;
	justify-content: center;
}
.ach .fun1 {
    left: 13%;
}
.ach .fun11 {
    right: 13%;
}
.ach  .fun4 {
    top: 15%;
    left: 28%;
}
.ach  .fun8 {
    top: 15%;
    right: 27%;
}
.ach .fun2 {
    bottom: 52%;
    left: 15%;
}
.ach  .fun10 {
    bottom: 52%;
    right: 14%;
}
.anli_m-tt {
	text-align: center;
}

.anli_m-tt {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 10px;
	color: #fff;
}

.anli_m-tt h1 {
	font-size: 36px;
	color: #ffffff;
	padding-bottom: 10px;
}

.anli_m-tt h6 {
	font-size: 14px;
	line-height: 24px;
	color: #5a8efd;
}

.anli_xq-img {
	/*padding-top: 50px;*/
}

.anli_xq-img img {
	height: auto;
}

.anli_xq-con {
	display: flex;
	justify-content: flex-start;
}

.anli_xq-l {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 86px 86px;
	padding-left: 96px;
	width: 27%;
}

.anli_xq-m {
	padding: 0px 30px;
	width: 46%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.anli_xq-m1 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.anli_xq-l h4 {
	font-size: 16px;
	color: #333333;
	padding-bottom: 6px;
}

.anli_xq-l p {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}

.anli_xq-m h4 {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #333333;
}

.anli_xq-m1 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.anli_m-color {
	background: #0195ff;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}

.anli_m-text {
	padding-left: 15px;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.anli_xq-bg {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}

.anli_xq-bg {
	font-size: 16px;
	color: #999999;
	line-height: 28px;
}

.anli_xq-bg h3 {
	font-size: 24px;
	color: #666666;
	padding-bottom: 10px;
}

.sidebar {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -80px;
	width: 55px;
	background: rgba(0, 0, 0, 0.3);
	padding: 12px 0 0 0;
	border-radius: 8px 0 0 8px;
	z-index: 999999;
}

.sidebar li {
	height: 50px;
	width: 160px;
	padding-left: 17px;
	border-radius: 8px 0 0 8px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.sidebar li img {
	display: block;
}

/**** 首页在线客服 ****/
.sidebar li {
	overflow: visible;
}

.sidebar .im p {
	position: absolute;
	top: 50px;
	left: 0px;
	padding: 0;
	height: 0;
	color: #fff;
	line-height: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	z-index: 201;
	width: 177px;
	box-sizing: border-box;
}

.dow-tt {
	display: flex;
	justify-content: center;
	padding: 40px 0px;
}

.dow-nav {
	margin: 0 10px;
}

.dow-nav a {
	font-size: 18px;
	color: #333;
	padding: 0px 70px;
	border: 1px solid #d6d6d6;
	line-height: 57px;
	display: block;
	border-radius: 5px;
}

.dow-nav.current a {
	background: #00a9ee;
	border: 1px solid #00a9ee;
	color: #fff;
	box-shadow: 0px 10px 15px 0px #c3d9ff;
}

.dow-list-tt {
	display: flex;
	margin-top: 20px;
	border-top: 5px solid #00a9ee;
	border-bottom: 1px solid #d6d6d6;
	line-height: 54px;
	font-size: 18px;
	color: #00a9ee;
	font-weight: bold;
	text-align: center;
}

.dow-date {
	width: 150px;
}

.dow-num {
	width: 130px;
}

.dow-title {
	width: calc(100% - 380px);
	text-align: left;
	padding: 0 15px;
}

.dow-but {
	width: 100px;
}

.dow-list ul li a {
	display: flex;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
}

.dow-list ul li .dow-num,
.dow-list ul li .dow-date {
	color: #666666;
}

.dow-list ul li .dow-title {
	text-align: left;
	color: #333333;
}

.dow-list ul li .dow-but i {
	font-size: 20px;
	color: #666666;
}

.dow-list ul li a:hover .dow-but i {
	color: #008cd6;
}

.collect {
	margin: 50px 0px;
	display: flex;
	justify-content: center;
}

.collect button {
	width: 50px;
	height: 50px;
	background: #00a9ee;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.collect button i {
	font-size: 24px;
	color: #fff;
}

.collect button.exhibition i {
	transform: rotate(180deg);
}

.softWorks-box {
	margin-bottom: 70px;
}

.softWorks {
	padding: 30px 0px;
}

.softWorks ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.softWorks ul li {
	width: calc(20% - 32px);
	margin-bottom: 30px;
	margin-right: 40px;
}

.softWorks ul li:nth-child(5n) {
	margin-right: 0px;
}

.softWorks ul li img {
	width: 100%;
}

.softWorks ul li p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 10px;
}

.rest {
	position: relative;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 80px;
}

.rest-l {
	position: absolute;
	top: 0px;
	left: 0;
	width: 50%;
	padding-right: 190px;
}

.rest-l .rest-item {
	background-position: right;
	background-repeat: no-repeat;
	background-size: 122px 122px;
	text-align: right;
	padding-right: 142px;
	min-height: 122px;
	margin-top: 30px;
}

.rest-r .rest-item:last-child,
.rest-l .rest-item:last-child {
	margin-top: 100px;
}

.rest-item h2 {
	font-size: 42px;
	color: #bcbcbd;
	font-weight: bold;
	margin-bottom: 12px;
}

.rest-item h4 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 8px;
}

.rest-item p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.rest-r {
	position: absolute;
	top: 0px;
	right: 0;
	width: 50%;
	padding-left: 190px;
}

.rest-r .rest-item {
	background-position: left;
	background-repeat: no-repeat;
	background-size: 122px 122px;
	text-align: left;
	padding-left: 142px;
	min-height: 122px;
	margin-top: 30px;
}

.rest-problem .animationwait {
	padding-top: 30px;
	padding-bottom: 200px;
}

.rest-problem .page-sub,
.rest-problem .page-tt {
	color: #fff;
}

.problem-box {
	margin-top: -230px;
	margin-bottom: 50px;
}

.problem-box ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.problem-box ul li {
	width: 25%;
	background: #ffffff;
	cursor: pointer;

}

.problem-text {
	text-align: center;
}

.problem-text h6 {
	font-size: 36px;
	color: #bcbcbd;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 25px;
}

.problem-text h4 {
	font-size: 24px;
	color: #333;
	line-height: 30px;
	padding-bottom: 10px;
}

.problem-text p {
	color: #666666;
	font-size: 14px;
	min-height: 90px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0 40px;
}

.problem-text img {
	width: 100%;
	height: 290px;
	object-fit: cover;
}

.problem-box ul li:hover {
	padding: 20px;
	background: #0096e7;
}

.problem-box ul li:hover .problem-text {
	border: 1px solid #fff;
}

.problem-box ul li:hover .problem-text h4,
.problem-box ul li:hover .problem-text h6 {
	color: #fff;
}

.problem-box ul li:hover .problem-text p {
	min-height: 338px;
	display: block;
	color: #fff;
	padding: 0 20px;
}

.problem-box ul li:hover .problem-text img {
	display: none;
}

.rest-service {
	background: #f2f2f2;
	padding-top: 70px;
	padding-bottom: 70px;
}

.rest-service ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 10px;
}

.rest-service ul li {
	width: calc(50% - 20px);
	background: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
	padding: 35px;
	box-shadow: 0px 0px 16px rgb(0, 0, 0, 0.1);
}

.rest-service-img {
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rest-service-text {
	width: calc(100% - 155px);
	margin-left: 20px;
}

.rest-service-text h4 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 30px;
}

.rest-service-text p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.rest-box .tool-item {
	width: 33.33%;
}

.rest-box .tool-text {
	padding: 50px 20px;
}

.rest-box .tool-text h5 {
	font-size: 24px;
	color: #333;
	line-height: 30px;
}

.rest-box .tool-text p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

.rest-box figure.effect-apollo img {
	width: 100%;
}

.rest-trust {
	display: flex;
	justify-content: flex-start;
	margin: 30px 0px;
}

.rest-trust li {
	width: calc(33.33% - 14px);
	margin-right: 21px;
}

.rest-trust li:last-child {
	margin-right: 0px;
}

.rest-trust li h4 {
	font-size: 18px;
	margin-top: 10px;
	color: #333333;
	line-height: 30px;
}

.rest-trust li p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.rest-trust li p span {
	margin: 0 10px;
	color: #dadada;
	font-size: 12px;
	line-height: 30px
}

.tool-tt ul {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.tool-tt ul li {
	margin: 0 15px;
}

.fun1-img {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tool-tt ul li p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.fun-list .medical-box {
	margin-top: 60px;
	margin-bottom: 20px;
}

.fun-list .medical-text h4 {
	font-size: 18px;
	font-weight: bold;
}

.fun-list .medical-text p {
	color: #333;
}

.fun-sol {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 30px;
}

.fun-sol li {
	padding: 0px 15px;
	text-align: center;
	width: 14.28%;
}

.fun-sol-img {
	width: 151px;
	height: 151px;
	background: rgb(0, 0, 0, .2);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.fun-sol li p {
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.ret-list {
	display: flex;
	justify-content: flex-start;
	padding-top: 50px;
}

.ret-list li {
	width: calc(20% - 20px);
	display: flex;
	justify-content: center;
}

.ret-list li:nth-child(2n) {
	width: 25px;
	height: 25px;
	margin-top: 70.5px;
}

.ret-list li:last-child {
	margin-right: 0px;
}

.ret-box {
	width: 166px;
}

.ret-img {
	width: 166px;
	height: 166px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f3f4;
	border-radius: 100%;
	margin: 0 auto;
}

.ret-box h4 {
	margin-top: 20px;
	line-height: 30px;
	font-size: 18px;
	color: #333;
	text-align: center;
}

.rest-problem-img {
	padding: 60px 0px;
}

.retail-box {
	display: flex;
	justify-content: flex-start;
	padding-top: 20px;
}

.retail-r,
.retail-l {
	width: 460px;
}

.retail-bg {
	width: calc(100% - 920px);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.retail-item {
	margin-top: 80px;
	margin-left: 32px;
}

.retail-l .retail-item {
	text-align: right;
	margin-left: 0px;
	margin-right: 32px;
}

.retail-item h4 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	font-weight: bold;
	position: relative;
}

.retail-item p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.retail-item h4::before {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
}

.retail-l .retail-item:nth-of-type(1) h4::before {
	background: #fb9030;
}

.retail-l .retail-item:nth-of-type(2) h4::before {
	background: #fed05d;
}

.retail-l .retail-item:nth-of-type(3) h4::before {
	background: #fed05d;
}

.retail-r .retail-item:nth-of-type(1) h4::before {
	right: auto;
	left: -20px;
	background: #6ad1dc;
}

.retail-r .retail-item:nth-of-type(2) h4::before {
	right: auto;
	left: -20px;
	background: #f61a00;
}

.retail-r .retail-item:nth-of-type(3) h4::before {
	right: auto;
	left: -20px;
	background: #00baf7;
}

.retail-bot {
	width: 70%;
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	padding-bottom: 40px;
}

.retail-bot .retail-item {
	width: 35%;
	margin-top: 20px;
	padding-top: 32px;
}

.retail-bot .retail-item:nth-of-type(1) {
	text-align: right;
	padding-right: 32px;
	margin-right: 100px;
}

.retail-bot .retail-item:nth-of-type(2) {
	width: 30%;
	text-align: center;
}

.retail-bot .retail-item:nth-of-type(3) {
	padding-left: 32px;
	margin-left: 100px;
}

.retail-bot .retail-item:nth-of-type(1) h4::before {
	top: -20px;
	right: -20px;
	background: #653f24;
}

.retail-bot .retail-item:nth-of-type(2) h4::before {
	right: 50%;
	top: -20px;
	margin-right: -6px;
	background: #038be1;
}

.retail-bot .retail-item:nth-of-type(3) h4::before {
	right: 0px;
	top: -20px;
	left: -20px;
	background: #00b393;
}

.travel .ret-list li {
	width: calc(16.66% - 20px);
}

.travel .ret-list li:nth-child(2n) {
	width: 24px;
	height: 24px;
}

.ret-box p {
	text-align: center;
	color: #666;
	font-size: 16px;
	padding-top: 10px;
}

.adv-list {
	display: flex;
	justify-content: flex-start;
	padding: 30px 0px;
}

.adv-item {
	width: 33.33%;
	padding: 20px 7%;
	text-align: center;
	border-right: 1px solid #e0e0e0;
}

.adv-item:last-child {
	border-right: 1px solid transparent;
}

.adv-img {
	width: 108px;
	height: 108px;
	border-radius: 100%;
	background: #e9f8fe;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.adv-item h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	padding-top: 15px;
}

.adv-item p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 15px;

}

.adv-item a {
	font-size: 16px;
	color: #ffffff;
	background: #009ee9;
	line-height: 30px;
	margin-top: 25px;
	display: inline-block;
	padding: 8px 25px;
	border-radius: 5px;
	box-shadow: 4px 4;
	box-shadow: 0px 15px 20px 0px #c3d9ff;
}

.mod {
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

.mod-item h2,
.mod h2 {
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
}

.mod-item h4,
.mod h4 {
	font-size: 16px;
	font-weight: bold;
}

.mod-item p,
.mod p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 24px;
}

.mod-box {
	display: flex;
	justify-content: flex-start;
	padding-top: 10px;
	padding-bottom: 20px;
}

.mod-l,
.mod-r {
	width: calc(50% - 280px);
	color: #fff;
	margin-top: 70px;
}

.mod-img {
	width: 560px;
	height: 547px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mod-text {
	text-align: center;
}

.mod-text h6 {
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}

.mod-text h1 {
	font-size: 48px;
	color: #fff;
	margin: 0 auto;
}

.mod-l {
	text-align: right;
}

.mod-l .mod-item:nth-of-type(1) {
	padding-left: 20px;

}

.mod-l .mod-item:nth-of-type(2) {
	margin-right: 40px;

}

.mod-l .mod-item:nth-of-type(3) {
	margin-right: -80px;
	padding-left: 80px;

}

.mod-r .mod-item:nth-of-type(1) {
	padding-right: 20px;

}

.mod-r .mod-item:nth-of-type(2) {
	margin-left: 40px;

}

.mod-r .mod-item:nth-of-type(3) {
	margin-left: -80px;
	padding-right: 80px;

}

.mod-item p {
	min-height: 96px;
}

.company1 .mod-box,
.company1 {
	padding-bottom: 0px;
}

.company1 .mod {
	margin-bottom: 10px;
}

.company1 .mod-l,
.company1 .mod-r {
	margin-top: 110px;
}

.company1 .mod-item p,
.company1 .mod p {
	font-size: 16px;
	color: #666666;
}

.company1 .mod-text h1 {
	color: #333333;
}

.company1 .mod-item p {
	min-height: 167px;
}

.company2 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	color: #fff;
	font-size: 18px;
	padding-bottom: 40px;
}

.company2 li {
	width: 16.66%;
	margin-top: 60px;
	text-align: center;
}

.company2-img {
	width: 100%;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.company2 li p {
	line-height: 30px;
	margin-top: 15px;
}

.cust-ul {
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.cust-ul li {
	width: calc(33.33% - 35px);
	background: #f2f2f3;
}

.cust-text,
.cust-img {
	width: 100%;
	height: 290px;
	padding: 25px;
}

.cust-text h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 5px;
}

.cust-text p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-bottom: 20px;
}

.cust-text p span {
	color: #0096e7;
	display: inline-block;
	padding-right: 5px;
	font-size: 20px;
	line-height: 24px;
}

.cust-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.cust-list li {
	width: calc(14.28% - 3px);
	margin-right: 3px;
	display: flex;
	justify-content: center;
}

.cust-li-img {
	width: 100%;
	height: 480px;
	padding: 80px 20px;
	cursor: pointer;
}

.cust-li-img h6 {
	font-size: 55px;
	text-align: center;
	margin-bottom: 40px;
	color: #fff;
}

.cust-li-img h4 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #fff;
	writing-mode: vertical-rl;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 10px;
}

.cust-li-img p {
	display: none;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.cust-li-img:hover {
	background: #0096e7 !important;
}

.cust-li-img:hover h4 {
	display: none;
}

.cust-li-img:hover p {
	display: block;
}

.Trade .ret-list li {
	width: 20%;
	height: auto;
	margin-top: 0px;
}

.Trade .ret-box {
	width: 80%;
}

.Trade1 .mod-text h1 {
	font-size: 40px;
}

.Trade1 .mod p span,
.Trade1 .mod-item p span {
	color: #333;
}

.provide-box {
	display: flex;
	justify-content: flex-start;
	margin-top: 35px;
}

.provide-box li {
	width: 25%;
	background: #f5f5f5;
	padding: 60px;
	text-align: center;
}

.provide-box li:nth-child(2n) {
	background: #f6fafe;
}

.provide-img {
	width: 127px;
	height: 127px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 auto;
	margin-bottom: 20px;
}

.provide-box li h4 {
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 10px;
}

.provide-box li p {
	line-height: 30px;
	font-size: 16px;
	color: #666666;
}

.chara .tool-text {
	height: 168px;
}

.chara .applet4 .tool-item {
	width: 16.66%;
}

.chara .tool-text p {
	min-height: 0;
}

.ent {
	background: #ebffff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.ent-box {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.ent-l {
	text-align: right;
}

.ent-l,
.ent-r {
	width: calc(50% - 260px);
}

.ent-item {
	margin-top: 81px;
	margin-right: 100px;
}

.ent-item h6 {
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 10px;
}

.ent-item h4 {
	font-size: 24px;
	line-height: 34px;
	color: #333333;
}

.ent-item p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.ent-m {
	width: 520px;
	height: 522px;
}

.ent-r .ent-item {
	margin-right: 0px;
	margin-left: 100px;
}

.cul .fun1 {
	left: 8%;
}

.cul .fun2 {
	bottom: 45%;
	left: 13%;
}

.cul .fun3 {
	top: 24%;
	left: 18%;
}

.cul .fun4 {
	top: 10%;
	left: 28%;
}

.cul .fun8 {
	top: 10%;
	right: 30%;
}

.cul .fun9 {
	top: 24%;
	right: 18%;
}

.cul .fun11 {
	right: 8.5%;
}

.cul .fun10 {
	bottom: 45%;
	right: 12%;
}

.cul-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #fff;
	padding: 30px 0px;
}

.cul-list li {
	width: 20%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

}

.cul-img {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: end;
	margin: 0 auto;
}

.cul-box h6 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	font-style: italic;
}

.cul-box p {
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.cul-list li:hover {
	border: 1px solid #ffff;
	box-shadow: 2px 2px 30px 2px rgb(0, 0, 0, 0.25);
	border-radius: 10px;
}

.ass .rest-r .rest-item:last-child,
.ass .rest-l .rest-item:last-child {
	margin-top: 50px;
}

.ass-make .tool-text {
	padding: 21% 20px;
}

.ass-make .tool-text p {
	font-size: 18px;
	height: 125px;
	-webkit-line-clamp: 3;
}

.ass-platform2 .platform2-list ul li {
	width: calc(20% - 18px);
}

.multi {
	margin: 40px 0px;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}

.multi li {
	width: 20%;
	text-align: center;
}

.multi-img {
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: end;
	margin: 0 auto;
}

.multi li p {
	margin-top: 20px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}

.train .tool-tt h4 {
	font-size: 36px;
}

.train .tool-tt h4 span {
	font-size: 48px;
}

.scene {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
    padding: 30px 0px;
}

.scene li {
	width: calc(25% - 24px);
	margin-right: 30px;
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 40px;
	text-align: center;
	cursor: pointer;
}

.scene li:nth-child(4n) {
	margin-right: 0px;
}

.scene-img {
	width: 100%;
}

.scene p {
	line-height: 40px;
	padding: 10px 0px;
	font-size: 18px;
	color: #333;
}

.scene li:hover {
	border-bottom: 2px solid #00a0e9;
	box-shadow: 4px 10px 15px 4px rgb(0, 0, 0, .2);
}
.scene li:hover p{
	color: #009ee9;
}
.mod-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 30px 0px;
	padding-bottom: 20px;
}
.mod-list li{
	width: calc(25% - 24px);
	height: 245px;
	margin-right: 30px;
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 40px;
	text-align: center;
	cursor: pointer;
}
.mod-list  li:nth-child(4n) {
	margin-right: 0px;
}
.mod1-box{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(19, 66, 171, 0.75);
	color: #fff;
}
.mod1-box p{
	font-size: 24px;
	line-height: 32px;
}
.mod1-box a{
	font-size: 18px;
    color: #ffffff;
    background: #009ee9;
    line-height: 30px;
    margin-top: 25px;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 5px;
	display: none;
}
.mod-list li:hover .mod1-box{
	background: rgb(0, 0, 0, 0.43);
}
.mod-list li:hover .mod1-box a{
	display: block;
}
.tra-adv{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 30px;
	margin-bottom: 20px;
}
.tra-adv li{
	width: calc(20% - 8px);
	margin-right: 10px;
	background: #f7f7f7;
    padding: 60px 24px;
	text-align: center;
	cursor: pointer;
}
.tra-adv li:last-child{
	margin-right: 0px;
}
.tra-img{
	width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #ffff;
    border-radius: 100%;
}
.tra-adv li h4{
	margin-top: 45px;
    font-size: 24px;
    color: #333;
    line-height: 40px;
}
.tra-adv li p{
	font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 10px;
}
.tra-adv li:hover{
	background: #009ce8;
}
.tra-adv li:hover h4,
.tra-adv li:hover p{
	color: #fff;
}
.data .mechanical-box .tool-text{
	padding: 15% 20px;
}
.mechanical-tt h4{
	font-size: 48px;
	color: #333;
	line-height: 68px;
	font-weight: bold;
}
.mechanical-tt h4 span{
	color: #009ee8;
}
.mechanical-tt p{
	font-size: 30px;
	color: #999999;
	line-height: 48px;
	margin-top: 10px;
}
.per-box{
	padding: 40px 0px;
}
.per-box .page3{
	padding-top: 0px;
	padding-bottom: 0px;
}
.per-nav{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.per-nav li{
	width: 20%;
	text-align: center;
	line-height: 30px;
	padding: 15px 0px;
    font-size: 18px;
	color: #333;
	font-weight: 900;
	cursor: pointer;
	border-bottom: 2px solid #eff0f0;
}
.per-nav li:hover,
.per-nav li.current{
	border-bottom: 2px solid #44a9f9;
}
.per-box .per-item{
	display: none;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 50px;
}
.per-box .per-item.current{
	display: flex;
}
.per-text{
	width: 60%;
	padding-top: 100px;
	color: #fff;
}
.per-text h4{
 font-size: 18px;
 line-height: 30px;
 font-weight: bold;
}
.per-text p{
 margin-top: 10px;
 font-size: 16px;
 color: #ffffff;
 line-height: 30px;
 height: 150px;
 overflow: hidden;
}
.per-text a{
    font-size: 18px;
    color: #048efd;
    background: #fff;
    line-height: 30px;
    margin-top: 25px;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 5px;
	margin-top: 60px;
}
.per-img{
	width: 50%;
	display: flex;
	justify-content: flex-end;
}
.data-box{
	display: flex;
	justify-content: space-between;
    margin-top: 50px;
	margin-bottom: 70px;
}
.data-nav{
	width: 370px;
}
.data-nav  li{
	width: 100%;
	background: #f3f3f3;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5px;
	padding: 0 30px;
	line-height: 100px;
	cursor: pointer;
}
.data-nav  li:last-child{
	margin-bottom: 0px;
}
.data-img{
	width: 47px;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.data-nav  li p{
	font-size: 23px;
	color: #333333;
	font-weight: bold;
	padding-left: 50px;
}
 .data-img img:last-child{
	display: none;
}
.data-nav  li:hover,
.data-nav  li.current{
	background: #009ee8;
}
.data-nav  li:hover .data-img img,
.data-nav  li.current .data-img img{
	display: none;
}
.data-nav  li:hover .data-img img:last-child,
.data-nav  li.current .data-img img:last-child{
  display: block;
}
.data-nav  li:hover  p,
.data-nav  li.current  p{
	color: #fff;
}
.data-list{
	width: calc(100% - 400px);
}
.data-item{
	display: none;
	width: 100%;
	height: 100%;
}
.data-item.current{
	display: block;
}
.data-bg{
	padding-top: 110px;
	padding-bottom: 60px;
}
.data-bg ul{
	display: flex;
	justify-content: flex-start;
	padding-top: 35px;
	margin-bottom: 50px;
}
.data-bg li{
	width: calc(25% - 21px);
	margin-right: 28px;
	padding: 60px 30px;
	background: #fff;
    margin-bottom: 40px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.15);
}
.data-bg li:last-child{
	margin-right: 0px;
}
.data-bg-img{
  width: 63px;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.data-bg li p{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	margin-top: 30px;
}
.seek-text{
	display: flex;
	flex-wrap: wrap;
}
.erList{
	display: flex;
	flex-wrap: wrap;
}
.erList li{
	width: 80px;
    margin-left: 30px;
}
.erList li p{
    text-align: center;
    padding-bottom: 10px;
    font-size: 14px;
    color: #fff;
}
.erList li img{
	width: 100%;
	height: auto;
}

.page-p {
	font-size: 16px;
	color: #333;
	line-height: 30px;
}

.query-text a {
	display: inline-block;
	font-size: 18px;
	color: #ffff;
	background: #009ee9;
	padding: 15px 35px;
	margin-top: 30px;
	border-radius: 10px;
	box-shadow: 0px 4px 14px 4px #b4cfff;
}

.query-list {
	margin-top: 70px;
}

.query-item {
	margin-bottom: 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.query-img,
.query-text {
	width: calc(50% - 20px);
}

.query-text h4 {
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 30px;
}

.query-text p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-bottom: 30px;
}

.query-text ul {
	margin-bottom: 30px;
	margin-left: 20px;
}

.query-text ul li {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	list-style: disc;
}

.query-text ul li::marker {
	color: #00a9ee;
}

.difference h5 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
}

.difference h6 {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.dif-list {
	margin: 30px 0px;
	border-top: 1px solid #e4e4e4;
}

.dif-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 30px;
}

.dif-tt {
	font-size: 18px;
	line-height: 40px;
	color: #666666;
	width: 20%;
}

.dif-text {
	width: 40%;
}

.dif-text h3 {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}

.dif-text h3 span {
	color: #999999;
}

.dif-text h4 {
	font-size: 16px;
	line-height: 30px;
}

.dif-text p {
	font-size: 14px;
	line-height: 24px;
}

.dif-text p a {
	color: #00a9ee;
}

.programme {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.programme li {
	width: calc(33.33% - 30px);
	margin-right: 45px;
	text-align: center;
	padding: 40px 30px;
	margin-top: 45px;
	cursor: pointer;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.15);
}

.programme li:nth-child(3n) {
	margin-right: 0px;
}

.progr-img {
	width: 83px;
	height: 83px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.programme li h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.programme li p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.programme li:hover {
	background: #f2f2f2;
}

.app-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 30px;
}

.app-list li {
	width: calc(25% - 18px);
	margin-right: 24px;
	margin-bottom: 24px;
	border-radius: 10px;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.app-list li:nth-child(4n) {
	margin-right: 0px;
}

.app-list li p {
	font-size: 18px;
	line-height: 30px;
	padding: 20px 0px;
	text-align: center;
	color: #333333;
}

.app-list li.last-li {
	background: #00a9ee;
	position: relative;
}

.app-list li.last-li .app-img {
	width: 90%;
	height: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 5%;
}

.app-list li.last-li p {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.app-list li.last-li p a {
	font-size: 18px;
	line-height: 34px;
	color: #fff;
}

.field-list {
	display: flex;
	justify-content: flex-start;
	margin-top: 40px;
}

.field-list li {
	width: calc(25% - 18px);
	margin-right: 24px;
	position: relative;
	cursor: pointer;
}

.field-list li:last-child {
	margin-right: 0px;
}

.field-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.field-text h4 {
	font-size: 24px;
	color: #fff;
	line-height: 30px;
}
.field-list li:hover .field-text{
	background: rgb(57, 129, 225, 0.8);
}

.page-sub span{
	font-size: 72px;
    color: #009ee9;
    font-style: italic;
}
.reason{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 60px;
}
.reason li{
    width: calc(20% - 32px);
    margin-right: 40px;
    background: #fff;
    padding: 30px 40px;
    text-align: center;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 2px 2px 20px 2px rgb(61, 116, 245, 0.2);
}
.reason li:last-child{
	margin-right: 0px;
}
.re-img{
	width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 0.4;
	margin: 0 auto;
}
.reason li h4{
	padding-top: 20px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.reason li p{
	font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.reason li:hover .re-img{
 opacity: 1;
}
.applicable{
  display: flex;
  justify-items: flex-start;
  flex-wrap: wrap;
  margin-top: 40px;
}
.applicable li{
	width: calc(25% - 18px);
	margin-right: 24px;
	margin-bottom: 20px;
}
.applicable li:last-child{
	margin-right: 0px;
}
.applicable li img{
	width: 100%;
	height: auto;
}
.applicable li p{
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 35px;
	margin-top: 20px;
}
.pro-box{
  padding-top: 50px;
  padding-bottom: 70px;
  background: #f2f2f2;
}
.process{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
}
.pro-item{
    width: calc(33.33% - 30px);
    margin-right: 45px;
}
.pro-item:last-child{
	margin-right: 0px;
}
.pro-item h4{
	font-size: 24px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
}
.pro-item ul{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}
.pro-item ul li{
    width: calc(33.33% - 30px);
    margin-right: 45px;
}
.pro-item ul li:last-child{
	margin-right: 0px;
}
.pro-img{
	width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #deeaf6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
}
.pro-item:nth-of-type(2)  .pro-img{
	background: #e2f0d9;
}
.pro-item:nth-of-type(3) .pro-img{
	background: #fff2cd;
}
.pro-item  ul li p{
	text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}
.chara{
	margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.chara li{
	width: calc(50% - 30px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}
.chara-img{
	width: 190px;
    border-radius: 10px;
}
.chara-text{
	width: calc(100% - 190px);
    padding: 0px 30px;
}
.chara-text h4{
	font-size: 18px;
    line-height: 30px;
    color: #333;
}
.chara-text p{
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}
.chara li.contrary{
 flex-direction: row-reverse;
}
.chara li.contrary .chara-text{
	padding-left: 0px;
}
.funct{
	padding-top: 50px;
	padding-bottom: 70px;
	background: #f2f7fe;
}
.funct-box{
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-top: 40px;
}
.funct-box li {
	width: calc(33.33% - 40px);
    margin-right: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
}
.funct-box li:nth-child(3n){
	margin-right: 0px;
}
.funct-img{
	width: 125px;
}
.funct-img img{
	width: 100%;
	height: auto;
}
.funct-text{
	width: calc(100% - 125px);
    padding-left: 35px;
}
.funct-text h4{
	font-size: 24px;
    line-height: 30px;
    color: #009ee9;
}
.funct-p{
    background: #d9eefc;
    padding: 25px;
    margin-top: 20px;
    height: 130px;
    overflow: auto;
    border-radius: 15px;
    border-bottom-right-radius: 40px;
}
.funct-p p{
	font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.bg-box{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.bg-box-img{
	width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bg-box-text{
	width: 50%;
    text-align: right;
    color: #fff;
}
.bg-box-text h4{
	font-size: 50px;
    margin-bottom: 10px;
}
.bg-box-text p{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.bg-box-text h6{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.bg-box-text a{
    font-size: 16px;
    background: #bf1212;
    line-height: 36px;
    padding: 0px 15px;
    border-radius: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.bg-text-img{
    height: 21px;
    display: flex;
    justify-content: flex-end;
}
#s1 .bg-text-img{
	height: 37px;
}

.w1200{
	width: 1200px;
}

.index-serv {
	margin-top: 40PX;
}

.index-serv .list-big {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}

.index-serv .list-big .list-item {
	width: 50%;
	overflow: hidden;
	transition: all .4s ease;
}

.index-serv .list-big .list-item .item-content {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 40.625%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: all .4s ease;
}

.index-serv .list-big .list-item .mobi-bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}


.index-serv .list-big .list-item .content-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	z-index: 1;
}

.index-serv .list-big .list-item .bt {
	color: #333;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 25px;
}

.index-serv .list-big .list-item .bc {}

.index-serv .list-big .list-item .info {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	height: 90px;
	margin-bottom: 30px;
}

.index-serv .list-big .list-item .more {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px #00a9ee solid;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #00a9ee;
	font-size: 20px;
	text-indent: 2px;
	transition: all .4s ease;
}

.index-serv .list-big .list-item:hover .more {
	background: #00a9ee;
	color: #fff;
}


.index-serv .list-big .list-item:first-child .content-box,
.index-serv .list-big .list-item:nth-child(2) .content-box {
	padding: 0 60% 0 6.77%;
}

.index-serv .list-big .list-item:nth-child(3) .content-box,
.index-serv .list-big .list-item:nth-child(4) .content-box {
	padding: 0 6.77% 0 60%;
}

.index-serv .list-big .list-item.dark .bt,
.index-serv .list-big .list-item.dark .info {
	color: #fff;
}

.index-serv .list-big .list-item.dark .more {
	color: #fff;
	border-color: #fff;
}

.index-serv .list-big .list-item.dark:hover .more {
	background: #fff;
	color: #00a9ee;
}

.index-serv .list-big .list-item:hover .item-content {
	background-size: auto 120%;
}

.index-serv .list-small {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}

.index-serv .list-small .list-item {
	width: 25%;
	border-left: 1px #d6d6d6 solid;
	border-bottom: 1px #d6d6d6 solid;
}

.index-serv .list-small .list-item:first-child,
.index-serv .list-small .list-item:nth-child(5),
.index-serv .list-small .list-item:nth-child(9),
.index-serv .list-small .list-item:nth-child(13) {
	border-left: none;
}

.index-serv .list-small .list-item:nth-child(13),
.index-serv .list-small .list-item:nth-child(14),
.index-serv .list-small .list-item:nth-child(15),
.index-serv .list-small .list-item:nth-child(16) {
	border-bottom: none;
}

.index-serv .list-small .item-content {
	height: 100%;
}

.index-serv .list-small .content-box {
	position: relative;
	height: 100%;
}

.index-serv .list-small .item-normal {
	padding: 13.75% 12.5% 13.75% 10%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 0;
	transition: all .4s ease;
	background: #fff;
	overflow: hidden;
	height: 100%;
	transition: all .4s ease;
}

.index-serv .list-small .item-normal .icon {
	width: 100px;
	height: 100px;
	border: 1px #333 solid;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease;
	position: relative;
}

.index-serv .list-small .item-normal .icon img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	transition: all .4s ease;
}

.index-serv .list-small .item-normal .wenzi {
	flex: 1;
	padding-left: 25px;
	position: relative;
	z-index: 2;
	transition: all .4s ease;
}

.index-serv .list-small .item-normal .bt {
	color: #333;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 15px;
	transition: all .4s ease;
}

.index-serv .list-small .item-normal .bc {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	max-width: 230px;
	transition: all .4s ease;

}

.index-serv .list-small .item-normal:hover {
	background-image: linear-gradient(to bottom, #33baf1, #0b59fb);
}

.index-serv .list-small .item-normal:hover .icon {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(100deg) brightness(105%) contrast(100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: auto;
	height: auto;
	border: none;
	z-index: 0;
	OPACITY: .3;

}

.index-serv .list-small .item-normal:hover .icon img {
	transform: scale(4);
	transform-origin: 10px 40px;
}

.index-serv .list-small .item-normal:hover .wenzi {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index-serv .list-small .item-normal:hover .bt {
	color: #fff;
	transform: scale(1.5);
}

.index-serv .list-small .item-normal:hover .bc {
	display: none;
}

.index-serv .list-small .item-hover {
	display: none;
}
.title {
    color: #333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 25px;
	text-align: center;
}
.sub-title {
    color: #666;
    font-size: 16px;
    line-height: 1;
    position: relative;
	text-align: center;
}
.weixinkaifa-youshi {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	height: 448px;
    margin: 70px 0px;
}

.weixinkaifa-youshi .youshi-item {
	width: calc(100%/5);
	height: 100%;
	margin-left: -5px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.weixinkaifa-youshi .youshi-item:first-child {
	margin-left: 0;
}

.weixinkaifa-youshi .youshi-item:nth-child(2n+1) {
	align-items: flex-start;
}

.weixinkaifa-youshi .youshi-item:nth-child(2n) {
	align-items: flex-end;
}

.weixinkaifa-youshi .youshi-item .item-content {
	border: 5px #e2e2e2 solid;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px 25px 20px 25px;
	width: 100%;
}

.weixinkaifa-youshi .youshi-item:nth-child(2n+1) .item-content {
	border-bottom: none;
	border-top-left-radius: 1000px;
	border-top-right-radius: 1000px;
	padding-top: 35px;
}

.weixinkaifa-youshi .youshi-item:nth-child(2n) .item-content {
	border-top: none;
	border-bottom-left-radius: 1000px;
	border-bottom-right-radius: 1000px;
	flex-direction: column-reverse;
	padding-bottom: 35px;
	padding-top: 10px;
	position: relative;
	bottom: -10px;
}

.weixinkaifa-youshi .youshi-item .xuhao {
	color: #2290f4;
	font-size: 36px;
	line-height: 1;
	font-weight: bold;
}

.weixinkaifa-youshi .youshi-item .icon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #2290f4;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0;
}

.weixinkaifa-youshi .youshi-item .icon img {
	width: auto;
	max-width: 64px;
	height: auto;
	max-height: 52px;
}

.weixinkaifa-youshi .youshi-item .text {
	text-align: center;
}

.weixinkaifa-youshi .youshi-item .title {
	color: #2290f4;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

.weixinkaifa-youshi .youshi-item .wenzi {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
}

.weixinkaifa-youshi .youshi-item:nth-child(2n+1) .wenzi {
	height: 30px;
}

.youdian{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

 .youdian-item{
	width: 25%;
	display: flex;
	justify-content: center;
	/* align-items: center; */
	padding: 30px;
	cursor: pointer;
	transition:all .4s ease
}

 .youdian .icon{
	width: 74px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

 .youdian .icon img{
	width:auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	transition: all .4s ease;
	filter: none;
}

 .youdian .wenzi{
	flex: 1;
	padding-left: 30px;
}
.youdian .bt{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 10px;
	color: #333;
}
.youdian .bt .timer {
	font-size: 48px;
	display: inline-block;
	padding-right: 10px;
}

 .youdian .bc{
	color: #666;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow:hidden;
	transition:all .4s ease
}

 .youdian .youdian-item:hover{
	background: #00a9ee;
}

 .youdian .youdian-item:hover .icon img{
	filter: brightness(100);
}

 .youdian .youdian-item:hover .bt,
 .youdian .youdian-item:hover .bc{
	color: #fff;
}

 .xuanchuan{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 40px;
}

 /* .xuanchuan .xuanchuan-item{
	width: 290px;
	height: 660px;
	border-top-left-radius: 290px;
	border-top-right-radius: 290px;
	border-bottom-left-radius: 225px;
	border-bottom-right-radius: 225px;
	background-image: linear-gradient(to bottom,#00a9ee,#052ca0,#bdd3fe,rgba(189,211,254,0));
	padding: 1px;
	overflow: hidden;
}

 .xuanchuan .xuanchuan-item .item-content{
	width: 100%;
	height:100%;
	border-top-left-radius: 288px;
	border-top-right-radius: 288px;
	border-bottom-left-radius: 225px;
	border-bottom-right-radius: 225px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	padding: 90px 25px;
	text-align: center;
} */
.xuanchuan .xuanchuan-item{
	width: 290px;
	height: 610px;
	border-top-left-radius: 290px;
	border-top-right-radius: 290px;
	border-bottom-left-radius: 290px;
	border-bottom-right-radius: 290px;
	background-image: linear-gradient(to bottom,#00a9ee,#052ca0,#bdd3fe,#052ca0,#00a9ee);
	padding: 1px;
	overflow: hidden;
}

 .xuanchuan .xuanchuan-item .item-content{
	width: 100%;
	height:100%;
	border-top-left-radius: 288px;
	border-top-right-radius: 288px;
	border-bottom-left-radius: 290px;
	border-bottom-right-radius: 290px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 260px;
	background-size: 100% auto;
	padding: 90px 25px;
	text-align: center;
}
 .xuanchuan .xuanchuan-item .bt{
	color: #333;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 20px;
}

 .xuanchuan .xuanchuan-item .bc{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.ai-box{
    margin-top: 70px;
}
.ai-box li{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 30px;
}
.ai-l{
	width: calc(50% - 150px);
}
.ai-l h4{
    font-size: 36px;
    color: #333;
    margin-bottom: 30px;
}
.ai-l p{
	font-size: 18px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 25px;
}
.ai-l a{
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    border-radius: 5px;
    background: #00a9ee;
    display: inline-block;
    width: 150px;
    text-align: center;
}
.ai-r{
	width: 50%;
}
.ai-box li:nth-child(2n){
	flex-direction: row-reverse;
}
.ai-fun{
	margin-top: 40px;
}
.ai-fun li{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.ai-fun-l{
	width: 50%;
   padding: 0  60px;
   color: #fff;
}
.ai-fun-l h4{
	font-size: 36px;
    margin-bottom: 30px;
}
.ai-fun-l p{
	font-size: 18px;
	line-height: 30px;
}
.ai-fun-r{
	width: 50%;
}
.ai-fun-r img{
	width: 100%;
}
.ai-fun li:nth-child(2n){
	flex-direction: row-reverse;
}
.xuanchuan .xuanchuan-item .item-img{
	display: none;
}
.youshi-box{
	display: none;
}

.index-fuwu-more,
.index-fuwu-list,
.index-fuwu-hot{
	display: none;
}

.cont-box{
	padding-top: 30px;
}
.cont-box li{
	display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 20px 0;
		border-bottom: 1px solid #d6d6d6;
}
.cont-list{
	width: calc(50% - 20px);
	
}
.cont-item{
	display: flex;
		justify-content: flex-start;
		line-height: 30px;
}
.cont-item p{
	font-size: 16px;
    color: #666666;
	width: calc(100% - 90px);
}
.cont-item p span{
    color: #00a9ee;
}
.cont-item .cont-tt{
	width: 96px;
     text-align: justify;
}
.cont-img{
	margin: 40px 0;
}
.cont-img img{
	width: 100%;
	height: auto;
}

/*********************** 预加载动画 **********************/
.preload {
	background: #fff;
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 111
}
.open-animation {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 110
}
.open-animation .open-sentence {
	display: none!important;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	-webkit-animation: fadeOut 2s forwards;
	-moz-animation: fadeOut 2s forwards;
	-o-animation: fadeOut 2s forwards;
	animation: fadeOut 2s forwards;
	animation-delay: 1.2s
}
.open-animation .open-sentence h4 {
	letter-spacing: 1px;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	opacity: 1;
	text-transform: uppercase;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadeOut 2s forwards;
	-moz-animation: fadeOut 2s forwards;
	-o-animation: fadeOut 2s forwards;
	animation: fadeOut 2s forwards
}

@media only screen and (min-width:650px) {
.open-animation .open-sentence h4 {
	font-size: 25px
}
}
.open-animation .black-placeholder {
	width: 149px;
	height: 170px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadeOut 1s forwards;
	-moz-animation: fadeOut 1s forwards;
	-o-animation: fadeOut 1s forwards;
	animation: fadeOut 1s forwards;
	animation-delay: 1s
}
.open-animation .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	top: calc(50% - 33px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.open-animation .bg--d {
	width: 5000px;
	height: 5000px;
	-webkit-animation: scale3 3s forwards ease-in;
	-moz-animation: scale3 3s forwards ease-in;
	-o-animation: scale3 3s forwards ease-in;
	animation: scale3 3s forwards ease-in;
	animation-delay: 1.5s
}
.open-animation .bg--m {
	width: 1000px;
	height: 1000px;
	-webkit-animation: scale4 3s forwards ease-in;
	-moz-animation: scale4 3s forwards ease-in;
	-o-animation: scale4 3s forwards ease-in;
	animation: scale4 3s forwards ease-in;
	animation-delay: 1.5s
}
.open-animation .logo-wrap {
	width: 149px;
	height: 165px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/opening-logo-word-ch-new.svg);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-animation: fadeOut 1s forwards;
	-moz-animation: fadeOut 1s forwards;
	-o-animation: fadeOut 1s forwards;
	animation: fadeOut 1s forwards;
	animation-delay: 1s
}

.open-animation .logo-wrap {
	height: 195px;
	top: calc(50% + 15px);
	background-image: url(../images/opening-logo-word-ch-new.svg)
}
@-webkit-keyframes fadeOut {
	0% {
	opacity:1
	}
	50% {
	opacity:1
	}
	100% {
	opacity:0
	}
	}
	@-moz-keyframes fadeOut {
	0% {
	opacity:1
	}
	50% {
	opacity:1
	}
	100% {
	opacity:0
	}
	}
	@-o-keyframes fadeOut {
	0% {
	opacity:1
	}
	50% {
	opacity:1
	}
	100% {
	opacity:0
	}
	}
	@keyframes fadeOut {
	0% {
	opacity:1
	}
	50% {
	opacity:1
	}
	100% {
	opacity:0
	}
	}
	@-webkit-keyframes scale3 {
	0% {
	top:calc(50% - 33px)
	}
		50% {
			top: 50%;
			left: 50%;
			width: 5000px;
			height: 5000px
		}
		100% {
			top: 50%;
			width: 3500000px;
			height: 3500000px;
			left: 160%;
		}
	}
	
	@-moz-keyframes scale3 {
		0% {
			top: calc(50% - 33px)
		}
	
		50% {
			top: 50%;
			left: 50%;
			width: 5000px;
			height: 5000px
		}
	
		100% {
			top: 50%;
			width: 3500000px;
			height: 3500000px;
			left: 160%;
		}
	}
	@-o-keyframes scale3 {
		0% {
			top: calc(50% - 33px)
		}
	
		50% {
			top: 50%;
			left: 50%;
			width: 5000px;
			height: 5000px
		}
	
		100% {
			top: 50%;
			width: 3500000px;
			height: 3500000px;
			left: 160%;
		}
	}
	@keyframes scale3 {
		0% {
			top: calc(50% - 33px)
		}
	
		50% {
			top: 50%;
			left: 50%;
			width: 5000px;
			height: 5000px
		}
	
		100% {
			top: 50%;
			width: 3500000px;
			height: 3500000px;
			left: 160%;
		}
	}
	@-webkit-keyframes scale4 {
	0% {
	top:calc(50% - 33px)
	}
	20%, 35% {
	top:50%;
	width:1000px;
	height:1000px
	}
	100% {
	top:50%;
	width:500000px;
	height:500000px
	}
	}
	@-moz-keyframes scale4 {
	0% {
	top:calc(50% - 33px)
	}
	20%, 35% {
	top:50%;
	width:1000px;
	height:1000px
	}
	100% {
	top:50%;
	width:500000px;
	height:500000px
	}
	}
	@-o-keyframes scale4 {
	0% {
	top:calc(50% - 33px)
	}
	20%, 35% {
	top:50%;
	width:1000px;
	height:1000px
	}
	100% {
	top:50%;
	width:500000px;
	height:500000px
	}
	}
	@keyframes scale4 {
	0% {
	top:calc(50% - 33px)
	}
	20%, 35% {
	top:50%;
	width:1000px;
	height:1000px
	}
	100% {
	top:50%;
	width:500000px;
	height:500000px
	}
	}

.nav-logo{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nav-logo a img{
	width: auto;
	height: 52px;
}
.comps_high{
	display: flex;
	align-items: center;
	margin-left: 15px;
	cursor: pointer;
}
.comps_high img{
	width: 30px;
	height: 30px;
}
.comps_intro{
	margin-left: 6px;
}
.comps_title{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #fff;
	letter-spacing: 6px;
}
.comps_des{
    font-size: 14px;
    text-align: left;
    color: #fff;
}
.menu_fixed .comps_title,
.menu_fixed .comps_des{
	color: #666;
}
.modal{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
	display: none;
}
.modal-box{
	width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .65);
}
.close-box{
	height: 44.1666666667vw;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 62.5vw;
    background-size: contain;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
}
.modal-close{
	position: absolute;
    top: -1.4583333333vw;
    right: -1.4583333333vw;
    width: 1.25vw;
    height: 1.25vw;
}
.modal-img{
	height: 44.1666666667vw;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 62.5vw;
    background-size: contain;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
}