﻿@charset "utf-8";
/* 全局补充 */
body{min-height:100vh;
overflow-x:hidden;
background:#eff6ff;
color:#5e606d;
font-size:14px;}
.border-shadow{-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar {
width:6px;
height:6px;}
::-webkit-scrollbar-thumb{border-radius:2px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:#ababab;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:10px;
background:#EDEDED;}
.wrap{overflow:hidden;
width:1210px;
margin:0 auto;}
.block{padding:80px 0px;
width:100%;
background:#fff;}

/* 头部 */
.header{width:100%;
height:70px;
background:#1a58e9;}
.logo{width:200px;
height:70px;}
.logo img{height:70px;}
.menu{width:450px;
height:70px;}
.menu ul{display:block;
width:100%;}
.menu li{display:block;
height:70px;
float:left;
width:90px;
text-align:center;
line-height:70px;}
.menu li a{color:#fff;}
.language{height:70px;
width:150px;}
.language a{border:solid 1px #fff;
border-radius:6px;
color:#fff;
width:90px;
float:right;
height:35px;
margin-top:17.5px;
line-height:35px;
text-align:center;
display:block;}

/*图文展示*/
.banner{width:100%;
height:720px;
background:linear-gradient(120deg,#25009d 0%,#25009d 25%,#4415b1 45%,#0663cd 60%,#1b64d3 100%)}
.banner-btn{margin-top:20px;}
.banner-btn a{padding:12px 30px;
border-radius:6px;
color:#fff;
font-size:18px;
margin:0px 10px;
border:solid 2px #fff;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;}
.banner-btn a:hover{-webkit-box-shadow:0px 0px 20px rgba(255, 255, 255, 0.9);
box-shadow:0px 0px 20px rgba(255, 255, 255, 0.9);}
.banner-btn .bps{background:#2abb94;
border-color:#2abb94;
padding:12px 40px;}
.banner-main{width:100%;
padding-top:100px;}
.banner-text,.banner-pic{float:left;
text-align:center;
padding:20px 15px;}
.banner-text{width:40%;}
.banner-pic{width:60%;}
.banner-pic img{width:100%;
margin-top:-15px;}
.banner-pic img:hover{transform:scale(1.05);}

/*技术支持*/
.technical{background:#f3faff url(../images/x.png) no-repeat;
background-size:cover;}
.technical-title h3{font-size:37px;
margin-bottom:50px;
color:#4a4a4c;
margin-top:20px;
text-align:center;}
.technical-concent{width:1600px;
margin:0 auto;
overflow:hidden;}
.technical-left{width:57.142%;
overflow:hidden;
float:left;}
.technical-right{width:42.858%;
overflow:hidden;
float:left;}
.technical-left .technical-box{width:25%;
padding:15px 30px;
float:left;}
.technical-right .technical-box{width:33.333%;
padding:15px 30px;
float:left;}
.technical-left .technical-box:nth-child(1){margin-top:120px;}
.technical-left .technical-box:nth-child(2){margin-top:220px;}
.technical-left .technical-box:nth-child(3){margin-top:150px;}
.technical-left .technical-box:nth-child(4){margin-top:90px;}
.technical-right .technical-box:nth-child(1){margin-top:240px;}
.technical-right .technical-box:nth-child(2){margin-top:150px;}
.technical-right .technical-box:nth-child(3){margin-top:100px;}
.technical-box .technical-pic{height:120px;
width:118px;
margin:0 auto;}
.technical-box p{font-size:13px;}
.technical-pic .ico-bg,.technical-pic .pic-ico{position:absolute;
top:0px;
left:0px;
z-index:0;
width:118px;}
.technical-pic .pic-ico{z-index:2;
text-align:center;
padding-top:22px;}
.technical-box h4{margin:10px 0px;
text-align:center;
color:#268ffc;}

/*解决方案*/
.solution{background:#05258c;
position:relative;
color:#fff;}
.solution-title h3{font-size:37px;
text-align:center;}
.solution-concent{width:1210px;
margin:60px auto 120px auto}
.solution-box{width:33.33%;
float:left;}
.solution-main{width:270px;
height:320px;
border-radius:20px;
margin:0 auto;
text-align:center;
border:solid 2px #fff;}
.solution-box .active{background: linear-gradient(180deg,#39afec 0%,#225df5 100%);
border:none;}
.solution-main img{margin-top:50px;}
.solution-main h4{margin:10px 0px;}
.solution-main p{display:block;
width:200px;
font-size:16px;
margin:0 auto;
text-align:left;}
.solution .solution-bg{position:absolute;
bottom:0px;
left:0px;}
.solution .solution-bg:nth-child(1){z-index:1;}
.solution .solution-bg:nth-child(2){z-index:2;}
.solution .solution-bg:nth-child(3){z-index:3;}
.solution .solution-bg:nth-child(4){z-index:4;}
.solution .solution-bg:nth-child(5){z-index:5;}
.solution .wrap{position:absolute;
width:100%;
top:80px;
left:0px;
z-index:6;}

/*应用场景*/
.application{background:#eff6ff;}
.application-title h3{font-size:37px;
color:#4a4a4c;
text-align:center;}
.application-concent{margin-top:60px;}

/*发展规划*/
.plan{background:linear-gradient(120deg,#25009d 0%,#25009d 25%,#4415b1 45%,#0663cd 60%,#1b64d3 100%);
color:#fff;}
.plan-title h3{font-size:37px;
margin-bottom:50px;
text-align:center;}
.plan-concent{margin-top:60px;}
.plan-concent img{width:100%;}
.plan-bg{position:absolute;
bottom:0px;
left:0px;
z-index:0;}
.plan .wrap{position:absolute;
width:100%;
top:80px;
left:0px;
z-index:6;}
.plan-title,.plan-concent{margin:0 auto;
width:1210px;}

/*合作机构*/
.cooperative{background:#f8f7fd;}
.cooperative-title h3{font-size:37px;
margin-bottom:50px;
color:#4a4a4c;
text-align:center;}
.cooperative-box{width:16.666%;
float:left;
margin-top:30px;
padding:0px 15px;}
.cooperative-main{width:100%;
height:150px;
transition: 0.2s all;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
line-height:150px;
padding:0px 15px;
border:solid #8d8d8d 2px;
border-radius:8px;
text-align:center;}
.cooperative-main:hover{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);
box-shadow:0 1px 5px rgba(0,0,0,.4);
border:solid #2e4cec 2px;}
.cooperative-main img{width:100%;
display:inline-block;
vertical-align: middle;
margin:auto 0px;}
.cooperative .wrap{width:1300px;}
.cooperative-concent{margin-bottom:30px;}
.copy-more{margin-top:10px;
font-size:10px;}

/*尾部*/
.footer{background:#0e1132;
width:100%;
color:#625b85;}
.links-box{width:25%;
float:left;}
.footer-links{padding:40px 0px;}
.footer-links img{width:100%;}
.footer-links p{margin:15px 0px;
font-size:15px;
color:#adb0b5;}
.footer-links p a{color:#adb0b5;}
.footer-copy{text-align:center;
padding-bottom:10px;
border-bottom:solid 1px #3c3c3c}
.footer-friends{padding:15px 0px;}
.footer-friends a{color:#5c547d;
margin:0px 5px;}
.scroll{position:fixed;
bottom:50px;
right:30px;
width:50px;
height:50px;
background:#1a58e9;
text-align:center;
cursor:pointer;
display:none;}
.scroll a{display:block;
width:100%;
height:100%;
text-align:center;
color:#fff;
line-height:50px;}

