@charset "utf-8";
[v-cloak]{
    display: none;
}
*{margin:0px; padding:0px;}
img{border:0px}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0px; font-size:24px; display:inherit;}
input,textarea{outline:none; border:0px}
em,i{font-style:normal;}
html{width:100%; overflow-x:hidden;}
body{font-size:18px; color:rgba(255, 255, 255, .45); font-family:Segoe UI, Segoe UI; background:#121317;}
a{text-decoration:none; cursor:pointer;}
a:hover,div:hover{-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none;}

.oneScreen{height:100vh; width:100%; float:left; overflow:hidden; position:relative; margin-bottom:80px;}
.banner{object-fit:cover; object-position:center center; width:100%; height:100vh;}
.header{width:100%; float:left; border-bottom:1px solid rgba(255, 255, 255, .12); padding:22px 0px; position:absolute;}
.content{width:1360px; margin:0 auto}
.head_logo{float:left; margin-right:70px;}
.nav a{float:left; transition:all .3s ease; line-height:34px; padding:5px 0px; font-size:16px; color:rgba(255, 255, 255, .65); margin-right:83px;}
.nav a.hover,.nav a.hover:hover{color:rgba(255, 255, 255, 1);}
.nav a:hover{color:rgba(255, 255, 255, .85);}
.head_r{float:right;}
.head_r .btn{margin:-2px 0px 0px 36px;}
.lang_change{float:left; position:relative; display:none;}
.lang_change h6{height:36px; transition:all .3s ease; line-height:36px; font-size:14px; color:rgba(255, 255, 255, .85); display:flex; align-items:center; margin-top:7px; cursor:pointer;}
.lang_change h6::after{content:''; transition:transform .3s; background:url(../images/arrowD.png) center center no-repeat; width:18px; height:18px; margin-left:6px}
.langBox{width:200px; z-index:2; display:none; right:0px; position:absolute; top:44px; border-radius:12px; background:#2A2B2F; padding:6px; box-sizing:0px 1px 10px rgba(0, 0, 0, .2); border:1px solid rgba(255, 255, 255, .09); box-sizing:border-box;}
.langBox a{width:100%; transition:all .3s ease; line-height:40px; text-indent:14px; float:left; margin-bottom:6px; border-radius:6px; height:40px; color:rgba(255, 255, 255, .65); font-size:14px;}
.langBox a:last-child{margin-bottom:0px;}
.langBox a:hover,.langBox a.hover{background:#3D3E41; color:rgba(255, 255, 255, .85);}
.lang_change.fadein h6::after{transform:rotate(180deg);}
.head_text_con{position:relative; top:36.7%;}
.head_text{position:absolute; left:240px; top:0%; width:700px;}
.head_text p{font-size:24px; color:rgba(255, 255, 255, .65); transition:.5s; line-height:34px; float:left; position:absolute;  bottom:-400px; opacity:0;}
.head_text h1{color:#fff; font-size:68px; line-height:80px; transition:.5s; font-weight:600; width:100%; float:left; margin-bottom:10px; position:absolute; transition-delay:.4s; top:0px; opacity:0;}
.head_text h1 em{background:linear-gradient( 93deg, #05E3D5 0%, #0280EF 100%); -webkit-background-clip:text; color:transparent; margin-right:27px; opacity:0;}
.index_head_text{width:880px; text-align:center;}
.index_head_text .head_text_bold{left:107px;}
.index_head_text h1{font-size:80px; line-height:90px;}
.oneScreen.js_wow.active .head_text p{opacity:1; bottom:-275px}
.oneScreen.js_wow.active .head_text h1{opacity:1; top:0px;}
.back-to-top {width:50px; height:50px; position:fixed; bottom:235px; right:80px; background:url(../images/goTop.png) center center no-repeat;
	border-radius:12px; display:none; cursor:pointer; z-index:1000; transition:opacity 0.3s ease;}
  .back-to-top:hover {
	background:url(../images/goTopH.png) center center no-repeat;
  }
  .panIcon{position:absolute; left:50%; margin-left:-21px; bottom:40px; animation:bounceUp 1s linear infinite;}


.btn{background:#0186FD; color:#fff; font-size:14px; height:48px; border-radius:12px; padding:0px 45px; line-height:48px; float:left;}
.btn:hover{background:#1991FD;}
.btn:active{background:#0178E3;}
.paddTD80{padding-top:80px; padding-bottom:80px;}
.marD80{margin-bottom:80px;}
.marT45{margin-top:45px;}

.footer{width:100%; float:left; border-top:1px solid #202125; padding:60px 0px; margin-top:55px;}
.footer .content{display:flex;}
.footer_logo{margin:3px 273px 0px 0px;}
.footer_text{display:flex;}
.footer_1{margin-right:193px; display:flex; flex-direction:column;}
.footer_1:last-child{margin-right:0px;}
.footer_1 b{color:rgba(255, 255, 255, .85); text-transform:uppercase; font-size:16px; line-height:21px; margin-bottom:12px; font-weight:600;}
.footer_1 p{font-size:16px; line-height:21px;}
.footer_icon{display:flex; display:none;}
.footer_icon a{margin:5px 12px 0px 0px;}
.footer_icon a:last-child{margin-right:0px;}


.advantages{width:100%; float:left;}
.advantages h1{line-height:64px; font-size:48px; font-weight:600; color:rgba(255, 255, 255, .85); text-align:center; margin-bottom:60px;}
.advantages_con{width:100%; float:left;}
.advantages_1{width:23.75%; cursor:pointer; transition:.3s; margin-right:1.666666667%; box-sizing:border-box; border-radius:16px; overflow:hidden; position:relative; height:380px; float:left;}
.advantages_1::after{width:100%; content:''; opacity:.8; border-radius:16px; height:100%; position:absolute; top:0px; left:0px; background:linear-gradient( 135deg, #45464A 0%, rgba(69,70,74,0.2) 34%, rgba(69,70,74,0) 51%, rgba(69,70,74,0.2) 70%, #45464A 100%);}
.advantages_11{position:absolute; z-index:2; border-radius:16px; left:1px; top:1px; right:1px; bottom:1px; background:#202125; padding:60px 40px 0px 40px;}
.advantages_icon{float:left; margin-bottom:24px;}
.advantages_11 h6{width:100%; float:left; line-height:36px; color:#fff; font-size:28px; margin-bottom:16px;}
.advantages_11 p{font-size:16px; width:100%; float:left; line-height:24px;}
.advantages_1:last-child{margin-right:0px;}
.imgText{width:100%; float:left; padding:80px 0px}
.imgText_l{width:662px; float:left;}
.imgText_r{width:644px; float:right;}
.imgTextTitle{width:100%; float:left; font-size:40px; font-weight:600; line-height:50px; color:rgba(255, 255, 255, .85); margin-bottom:32px; opacity:0; margin-left:300px; transition:.4s;}
.imgTextText{width:100%; float:left; opacity:0; margin-left:300px; transition:.4s;}
.imgText.active .imgTextTitle,.imgText.active .imgTextText{margin-left:0px; opacity:1;}
.imgTextText p{width:100%; color:rgba(255, 255, 255, .65); margin-bottom:24px; float:left; position:relative; padding-left:40px; box-sizing:border-box; line-height:24px;}
.imgTextText p img{position:absolute; left:0px; top:0px;  transition:.3s;}
.imgTextText p:last-child{margin-bottom:0px;}
.head_text_bold{position:absolute; top:0px; left:0px}
.imgText_l .imgTextTitle,.imgText .imgTextText{margin-left:-400px;}



.advantages.active h1,.advantages.active .advantages_1:nth-child(1){animation:flash .8s .1s ease both;}
.advantages.active .advantages_1:nth-child(2){animation:flash .8s .2s ease both;}
.advantages.active .advantages_1:nth-child(3){animation:flash .8s .3s ease both;}
.advantages.active .advantages_1:nth-child(4){animation:flash .8s .4s ease both;}
.advantages_1:hover::after{opacity:1;}
.imgText_l img{margin-left:-400px; opacity:0; transition:.6s ease-in-out;}
.imgText.active .imgText_l img{margin-left:0px; opacity:1;}
.imgText_r img{margin-left:400px; opacity:0; transition:.6s ease-in-out;}
.imgText.active .imgText_r img{margin-left:0px; opacity:1;}


.imgTextText p:nth-child(1) img{transform: rotateY(-15deg) translateZ(1000px); opacity:0; margin:-50px 0px 0px -50px;}
.imgTextText p:nth-child(2) img{transform: scale(2) rotateY(-14deg) translateZ(1000px); opacity:0; margin:-50px 0px 0px -50px;}
.imgTextText p:nth-child(3) img{transform: scale(3) rotateY(-13deg) translateZ(1000px); opacity:0;}
.imgTextText p:nth-child(4) img{transform: scale(4) rotateY(-12deg) translateZ(1000px); opacity:0;}
.imgTextText p:nth-child(5) img{transform: scale(5) rotateY(-11deg) translateZ(1000px); opacity:0;}
.imgTextText p:nth-child(6) img{transform: scale(6) rotateY(-10deg) translateZ(1000px); opacity:0;}
.imgTextText p:nth-child(7) img{transform: scale(7) rotateY(-9deg) translateZ(1000px);  opacity:0;}
.imgTextText p:nth-child(8) img{transform: scale(8) rotateY(-8deg) translateZ(1000px);  opacity:0;}
.imgTextText p:nth-child(9) img{transform: scale(9) rotateY(-7deg) translateZ(1000px);  opacity:0;}
.imgText.active .imgTextText p:nth-child(1) img{transform:inherit; opacity:1; margin:0px;}
.imgText.active .imgTextText p:nth-child(2) img{transform:inherit; opacity:1;transition-delay:.1s; margin:0px;}
.imgText.active .imgTextText p:nth-child(3) img{transform:inherit; opacity:1;transition-delay:.2s; margin:0px;}
.imgText.active .imgTextText p:nth-child(4) img{transform:inherit; opacity:1;transition-delay:.3s; margin:0px;}
.imgText.active .imgTextText p:nth-child(5) img{transform:inherit; opacity:1;transition-delay:.4s; margin:0px;}
.imgText.active .imgTextText p:nth-child(6) img{transform:inherit; opacity:1;transition-delay:.5s; margin:0px;}
.imgText.active .imgTextText p:nth-child(7) img{transform:inherit; opacity:1;transition-delay:.6s; margin:0px;}
.imgText.active .imgTextText p:nth-child(8) img{transform:inherit; opacity:1;transition-delay:.7s; margin:0px;}

.about_head_text{top:45%;}
.about_head_text .head_text{width:815px; margin-top:-60px; left:0px}
.about_head_text .head_text h1{font-size:48px; line-height:66px; margin-bottom:0px;}
.about_num{background:#0186FD; padding:60px 0px; width:100%; float:left; margin:-80px 0px 160px 0px;}
.about_num_1{width:33.3333%; float:left; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative;}
.about_num_1:nth-child(2)::before{width:1px; height:100px; background:rgba(255, 255, 255, .12); content:''; position:absolute; top:16px; left:0px;}
.about_num_1:nth-child(2)::after{width:1px; height:100px; background:rgba(255, 255, 255, .12); content:''; position:absolute; top:16px; right:0px;}
.about_num_1 h5{font-size:56px; font-weight:600; color:#fff; line-height:74px; margin-bottom:15px;}
.about_num_1 h5 em{font-size:24px; margin-top:-10px;}
.about_num_1 p{line-height:24px; font-size:18px; color:rgba(255, 255, 255, .65);}
.about_profile{width:100%; float:left; margin-bottom:160px; margin-top:400px; opacity:0; transition:.8s;}
.about_profile.active{opacity:1; margin-top:0px;}
.profile_img{float:left; margin-right:55px;}
.profile_r{float:right; width:656px}
.profile_r h5{font-size:48px; color:rgba(255, 255, 255, .85); line-height:64px; font-weight:600; margin-bottom:32px;}
.profile_r p{line-height:30px; margin-bottom:24px; font-size:18px;}
.profile_r p:last-child{margin-bottom:0px;}
.about_outLook{width:100%; position:relative; height:565px; float:left; background: radial-gradient(200% 100% at bottom center, #577490, #07182b, #032d4e, #01172d);
	background: radial-gradient(220% 105% at top center, #01172d 10%, #06172b 40%, #1e3252 65%, #577490);
	background-attachment: fixed;
	overflow: hidden; display:flex; align-items:center; margin-bottom:-55px !important;}
	.about_outLook h5{font-size:40px; line-height:52px; width:100%; float:left; text-align:center; color:rgba(255, 255, 255, .85); font-weight:600; margin-bottom:40px; margin-top:500px; opacity:0; transition:.5s;}
	.about_outLook p{line-height:38px; font-size:24px; color:rgba(255, 255, 255, .65); width:100%; float:left; text-align:center; margin-top:200px; opacity:0; transition:.5s;}
	.about_outLook.active h5,.about_outLook.active p{margin-top:0px; opacity:1;}
	.project_banner_text{width:760px; position:absolute; left:0px; top:175px}
	.project_banner_text h5{font-size:48px; font-weight:600; color:#fff; line-height:60px; margin-left:-500px; opacity:0; transition:.5s; margin-bottom:40px;}
	.project_banner_text p{font-size:18px; color:rgba(255, 255, 255, .65); line-height:31px; opacity:0; margin-top:300px; transition:.5s;}
	.ia-container{float:left; width:100%; overflow:hidden; margin-bottom:65px;}
	.operation_text{width:100%; float:left; margin-bottom:40px !important; margin-top:300px; opacity:0; transition:.7s;}
	.operation_text h5{font-size:48px; color:rgba(255, 255, 255, .85); line-height:64px; font-weight:600; margin-bottom:24px;}
	.operation_text p{width:100%; float:left; line-height:30px;}
	.project_banner.active .project_banner_text h5{opacity:1; margin-left:0px;}
	.project_banner.active .project_banner_text p{opacity:1; margin-top:0px;}
	.operation_text.active{opacity:1; margin-top:0px;}
	.ia-container figure {border-left:8px solid #121317;
		position: absolute;
		top: 0;
		left:220px; /* width of visible piece */
		width: 448px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.ia-container figure:first-child{border:0px}
	
	.ia-container > figure{position:relative; left:0 !important;}
	
	.ia-container img{display:block; width:100%;}
	
	.ia-container input{
		position: absolute;
		top:0;
		left:0;
		width:220px;
		height: 100%;
		cursor: pointer;
		border: 0;
		padding: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		z-index: 100;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.ia-container input:checked{
		width: 5px;
		left: auto;
		right: 0px;
	}
	.ia-container input:checked ~ figure{
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		-ms-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		left:448px;
	}
	
	.ia-container figcaption {
		width: 100%;
		height: 100%;
		background: rgba(87, 73, 81, 0.1);
		position: absolute;
		top: 0px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	.ia-container figcaption span {position:relative;
		position: absolute; top:40px; left:36px; font-size:20px; color:#fff; line-height:25px; font-weight:600;
	}
	.ia-container figcaption span::after{height:2px; transition:.8s; width:100%; background:#fff; content:''; position:absolute; left:0px; bottom:-12px; opacity:0; width:0px;} 
	
	.ia-container input:checked + figcaption,
	.ia-container input:checked:hover + figcaption{
		background: rgba(87, 73, 81, 0);
	}
	
	.ia-container input:checked + figcaption span{
		-webkit-transition: all 0.4s ease-in-out 0.5s;
		-moz-transition: all 0.4s ease-in-out 0.5s;
		-o-transition: all 0.4s ease-in-out 0.5s;
		-ms-transition: all 0.4s ease-in-out 0.5s;
		transition: all 0.4s ease-in-out 0.5s;
		
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
		filter: alpha(opacity=99);
		opacity: 1;

	}
	.ia_text_list{position:absolute; left:0px; top:147px; padding:0px 36px; box-sizing:border-box; opacity:0; transition:.1s;}
	.ia_text_list p{width:100%; float:left; display:flex; line-height:20px; font-size:14px; color:rgba(255, 255, 255, .85); margin-bottom:24px;}
	.ia_text_list p::before{width:8px; height:8px; background:linear-gradient( 310deg, #05E3D5 0%, #0280EF 100%); border-radius:50%; content:''; margin:6px 6px 0px 0px;}
	.ia-container input:checked + figcaption span::after{width:100%; opacity:1;}
	.ia-container input:checked + figcaption .ia_text_list{opacity:1; }
	.ia-container #ia-selector-last:checked + figcaption span {
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		-ms-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	
	.ia-container input:hover + figcaption {
		background: rgba(87, 73, 81, 0.03);
	}
	
	.ia-container input:checked ~ figure input{
		z-index: 1;
	}
	
	@media screen and (max-width: 720px) {
		.ia-container { 
			width: 540px; 
		}
		
		.ia-container figure { 
			left: 40px; 
			width: 260px; 
		}
		
		.ia-container input { 
			width: 40px; 
		}
		
		.ia-container input:checked ~ figure { 
			left: 260px; 
		}
		
		.ia-container figcaption span { 
			font-size: 16px; 
		}
	}
	
	@media screen and (max-width: 520px) {
		.ia-container { 
			width: 320px; 
		}
		
		.ia-container figure { 
			left: 20px; 
			width: 180px; 
		}
		
		.ia-container input { 
			width: 20px; 
		}
		
		.ia-container input:checked ~ figure { 
			left: 180px; 
		}
		
		.ia-container figcaption span { 
			font-size: 12px; 
			letter-spacing: 2px; 
			padding: 10px; 
			margin-top: -20px; 
		} 
	
	}
	






	@keyframes bounceUp{
		25%{transform:translateY(-5px);}
		50%,100%{-webkit-transform:translateY(0);} 
		75%{transform:translateY(5px);}
	}

	@keyframes rotate {
		0% {
			transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
		  }
		  100% {
			transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
		  }
	  }
	  .stars {
		transform: perspective(500px);
		transform-style: preserve-3d;
		position: absolute;
		bottom: 0;
		perspective-origin: 50% 100%;
		left: 50%;
		animation: rotate 90s infinite linear;
	  }
	  
	  .star {
		width: 2px;
		height: 2px;
		background:rgba(255, 255, 255, .45);
		position: absolute;
		top: 0;
		left: 0;
		transform-origin: 0 0 -300px;
		transform: translate3d(0, 0, -300px);
		backface-visibility: hidden;
	  }




.project_head{border:0px; position:inherit;}
.serviceTip{width:100%; float:left; background:#2A2B2F; padding:22px 0px; display:flex; align-items:center; justify-content:center; height:28px; font-size:18px; color:#fff;}
.serviceTip::before{background:url(../images/icon8.png) center center no-repeat; width:28px; height:28px; content:''; margin-right:12px;}
.project_banner{width:100%; float:left; position:relative; height:744px; margin-bottom:0px !important;}
.project_banner_img{height:744px; width:100%; object-fit:cover; float:left;}
.project_banner .content{position:absolute; height:744px; width:1360px; left:50%; transform:translateX(-50%);}
.banner_img{position:absolute; right:0px; top:50%; transition:.3s; margin-top:-300px; opacity:0; transform:translateY(-50%);} 
.project_banner.active .banner_img{margin-top:0px; opacity:1;}















.js_wow{margin-bottom:80px;}
.link {width:174px; font-weight:600; outline: none;
	text-decoration: none;
	position: relative;
	font-size:80px;
	line-height:90px;
	display: inline-block;
}
.link--mallki {
	-webkit-transition: color 0.5s 0.25s;
	transition: color 0.5s 0.25s;
	overflow: hidden;
}

.link--mallki:hover {
	-webkit-transition: none;
	transition: none;
	color: transparent;
}
.link--mallki::before {
	content: '';
	width: 100%;
	height: 6px;
	margin: -3px 0 0 0;
	background:linear-gradient( 93deg, #05E3D5 0%, #0280EF 100%);;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.oneScreen.js_wow.active .link--mallki::before {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.link--mallki span {
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.link--mallki span::before {
	content: attr(data-letters);
	color: red;
	position: absolute;
	left: 0;
	width: 100%;
	background:linear-gradient( 93deg, #05E3D5 0%, #0280EF 100%); -webkit-background-clip:text; color:transparent;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--mallki span:nth-child(2) {
	top: 50%;
}

.link--mallki span:first-child::before {
	top: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.link--mallki span:nth-child(2)::before {
	bottom: 0;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.oneScreen.js_wow.active .link--mallki span::before {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

@keyframes flash {
    0% {
        transform: translateY(50px);
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

.pro_banner{width:100%; float:left; height:800px; overflow:hidden; position:relative; margin-bottom:120px;}
.pro_banner_nav{position:absolute; width:400px; z-index:10; left:50%; transform:translateX(-50%); margin-left:480px; top:0px; height:100%; background-color:rgba(32, 33, 37, .4); backdrop-filter:blur(30px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}
.pro_banner_nav a{height:10%; transition:background 1s ease; width:100%; float:left; display:flex; align-items:center; padding-left:40px; box-sizing:border-box; font-size:18px; color:#fff;}
.pro_banner_nav a::before{content:''; width:36px; height:36px; margin-right:16px;}
.pro_nav_icon1::before{background:url(../images/icon9.png) center center no-repeat;}
.pro_nav_icon2::before{background:url(../images/icon10.png) center center no-repeat;}
.pro_nav_icon3::before{background:url(../images/icon11.png) center center no-repeat;}
.pro_nav_icon4::before{background:url(../images/icon12.png) center center no-repeat;}
.pro_nav_icon5::before{background:url(../images/icon13.png) center center no-repeat;}
.pro_nav_icon6::before{background:url(../images/icon14.png) center center no-repeat;}
.pro_nav_icon7::before{background:url(../images/icon15.png) center center no-repeat;}
.pro_nav_icon8::before{background:url(../images/icon16.png) center center no-repeat;}
.pro_nav_icon9::before{background:url(../images/icon17.png) center center no-repeat;}
.pro_banner_nav a:hover,.pro_banner_nav a.active{background:linear-gradient( 270deg, #05E3D5 0%, #0186FD 100%);}
.pro_banner_info{width:100%; float:left; height:800px; position:absolute; z-index:1; left:0px; top:0px;}
.pro_banner_info_1{width:100%; float:left; height:800px;}
.pro_banner_info_1 img{height:800px; position:absolute; top:0px; left:0px; width:100%; object-fit:cover; opacity:0; transform:translateX(20%); transition:.1s;}
/* .pro_banner_info_1:nth-child(2n) img{transform:translateX(-20%);} */
.pro_banner_info_text{position:absolute;  z-index:3; opacity:0; width:860px; left:50%; transform:translateX(-50%); bottom:-80px; margin-left:-250px; transition:.2s;} 
.pro_banner_info_text h5{font-size:36px; line-height:48px; color:rgba(255, 255, 255, .85); font-weight:600; margin-bottom:28px;}
.pro_banner_info_text p{font-size:18px; color:rgba(255, 255, 255, .65); line-height:30px;}
.pro_banner_info .active img{opacity:1 !important; transform:translateX(0);}
.pro_banner_info .active .pro_banner_info_text{bottom:80px; opacity:1;}