@charset "UTF-8";
/* CSS Document */


body .view-banner {
	height: 600px;
}
body .banner-svg {
	padding: 10px 0px 30px 0px;
	margin-top: -10px;
}
body .introduce{
	font-size: 14px;
    line-height: 1.5;
    letter-spacing: normal;
}
/*
body .client{
	    width: 100%;
    background: rgb(255, 255, 255);
    padding: 0px 0px;
}
*/
/*
body .client .swiper-client {
    height: 460px;
}
*/
body .client .swiper-client .swiper-slide .info .more {
    padding: 10px;
}

body .swiper-slide{
	position: relative;
	width: 100%;
}
body .cooperbg{
	background: #1a1b1e;
    padding: 60px 0;
    color: #fff;
}
body .science{
	margin-top: 60px;
	background-color: #1a1b1e;
	color: #fff;
    padding: 40px 0;
}
body .topdrill{
	position: absolute;
    right: 10px;
    bottom: 15px;
}
body .toptitle{
    left: 30%;
	align-items: inherit;
	position: absolute;
    top: 90px;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
body .toptitle h1{
	margin-top: 20px;
	font-size: 100px;
	color: #ff8b00;
}
body .toptitle p{
	margin: 5px 0;
	color: #ffffff;
    font-size: 18px;
}
body .toptitle img{
	margin: 10px 40px 50px 0;
}
bdoy .toptitle span{
	margin-top: 20px;
    border-top: 1px solid #FFFFFF;
}
body .global .text3 li p {
    font-size: 50px;
	font-weight: 900;
}
.cssbuttons-io-button {
 background: #000000;
	width: 40%;
 color: white;
 font-family: inherit;
 padding: 0.35em;
 padding-left: 1.2em;
 font-size: 17px;
 font-weight: 500;
 border-radius: 0.9em;
 border: none;
 letter-spacing: 0.05em;
 display: flex;
 align-items: center;
 box-shadow: inset 0 0 1.6em -0.6em #714da6;
 overflow: hidden;
 position: relative;
 height: 2.6em;
 padding-right: 3.3em;
}

.cssbuttons-io-button .icon {
 background: white;
 margin-left: 1em;
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 2.2em;
 width: 2.2em;
 border-radius: 0.7em;
 box-shadow: 0.1em 0.1em 0.6em 0.2em #000000;
 right: 0.3em;
 transition: all 0.3s;
}

.cssbuttons-io-button:hover .icon {
 width: calc(100% - 0.6em);
}

.cssbuttons-io-button .icon svg {
 width: 1.1em;
 transition: transform 0.3s;
 color: #000000;
}

.cssbuttons-io-button:hover .icon svg {
 transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
 transform: scale(0.95);
}
.cooperation .title{
	margin: 20px auto 0 auto;
}
.card {
    position: relative;
}

.card:hover .card-info {
    opacity: 1;
    color: #ffffff;
}

.card-info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    opacity: 0;
    text-align: center;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, .6);
    transition: all 0.8s ease-in-out;
}
.card-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 24px;
}
.card-tl {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;

}
body .feedback{
	position: absolute;
    width: inherit;
    margin-top: 35%;
}
body .feedback button{
	margin: auto;
	width: 30%;
}
body .abouttitle{
    position: absolute;
    width: 100%;
}
body .abouttitle h1{
	text-align: center;
    color: #ffffff;
    margin-top: 130px;
	font-size: 50px;
}
body .abouttitle p{
	text-align: center;
    color: #ffffff;
	font-size: 14px;
}
body .abouttitle .redline{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 260px;
    width: 60px;
    height: 2px;
    background: #FF4610;
}
body .client {
    width: 100%;
    background: #FFFFFF;
     padding-bottom: 0px;
}
body .science{
	margin-top: 60px;
	background-color: #1a1b1e;
	color: #fff;
    padding: 40px 0;
}
body .cooperbg{
	background: #1a1b1e;
    padding: 60px 0;
    color: #fff;
}
body .cooperation button{
	margin-top: 14px;
    width: 220px;
    height: 36px;
    border-radius: 36px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: 0.5s ease 0.1s 1 normal forwards running infoAni;
    transform: translateY(-40px);
    opacity: 0;
    cursor: pointer;
}
body .swiper-header .swiper-wrapper .swiper-slide .info button {
    background: #000000;
    color: #ffffff;
}
body .images li .line {
    top: 120px;
}
body .images li p {
    font-size: 18px;
}
@media (max-width: 767px) {
    body .client {
        padding-bottom: 0px;
	}
    body .client .swiper-client .swiper-slide .info .logo {
        display: none;
    }
	body .topdrill{
	width: 100%;
	position: absolute;
    right: 0px;
    bottom: 40px;
}
	body .toptitle {
    left: 50%;
    align-items: center;
    position: absolute;
    top: 90px;
    transform: translateX(-50%);
    z-index: 10;
    display: flex
;
    flex-direction: column;
    white-space: nowrap;
}
	body .toptitle h1 {
    margin-top: 8px;
    font-size: 50px;
    color: #ffffff;
}
	body .toptitle p {
    /* margin: 0px 0; */
    color: #ffffff;
    font-size: 14px;
}
	body .abouttitle p{
	text-align: center;
    color: #ffffff;
	font-size: 12px;
}
	body .toptitle img {
		display: none;
	}
	.cssbuttons-io-button {
		font-size: 14px;
		width: fit-content;
}
	body .feedback {
    margin-top: 200px;
}
}
@media (max-width: 1023px) {
    body .client {
        padding-bottom: 0px;
    }
    body .client .swiper-client .swiper-slide .info .logo {
        display: none;
    }
		.cssbuttons-io-button {
		font-size: 14px;
		width: fit-content;
}
	body .feedback {
    margin-top: 200px;
}
}
@media (max-width: 1200px) {
    body .client {
       padding-bottom: 0px;
    }
    body .client .swiper-client .swiper-slide .info .logo {
        display: none;
    }
		.cssbuttons-io-button {
		font-size: 14px;
		width: fit-content;
}
		body .feedback {
    margin-top: 200px;
}
}