@charset "UTF-8";
/*---------------------------
 公共
----------------------------*/
nav {
    position: absolute;
    right: 7.5vw;
    top: 5.5vh;
    z-index: 10;
    width: 60vw;
    height: 5vh;
    line-height: 5vh;   
}
nav ul {
    position: absolute;
    right:7.5vw;
}
nav li {
    float:left;
    position: relative;
    font-size: 1.05em;
    line-height: 5vh;
}
nav li + li {
    margin-left: 3.5vw;
}
nav li a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: lighter; 
    transition:all .5s;
}
nav li a::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-bottom: 2px solid #4ec459;
	transform: scale(0, 1);	
}
nav li a:hover::before {
    opacity: 1;	
    transform: scale(1, 1);
    cursor:pointer
}
nav legend {
    position:absolute;
    right:0;
    font-size:0.8em;
    font-weight: lighter;
    line-height: 5vh;
    word-wrap: break-word;
    color: rgba(99,99,99,1);
    text-transform: capitalize;
}
nav .gold:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-bottom: 2px solid #4ec459;
	transform: scale(1, 1);	
}

/*---------------------------
 首屏基础设置
----------------------------*/
.topLogo {
    position:absolute;
    top:5.5vh;
    left:7.5vw;
    z-index:10;
    height:5vh;
}
.topLogo img {
    height: 100%;
}

/*---------------------------
 视频图片背景区域设置
----------------------------*/
.topinfo-center {
    position: absolute;
    top:50%;
    left: 50%;
    z-index: 10;
    width: 50vw;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);  
}
.topinfo-center h1 {
    display: block;
    font-size: 2.7em;
    letter-spacing: 0.03em;
    font-weight: 500;
    line-height: 1.6em; 
}
.topinfo-center span {
    display: block;
    font-size: 1.35em;
    line-height: 2em;
    letter-spacing: 0.01em;
    font-weight: lighter;
    margin-top: 5vh;
}
.topinfo-left {
    position: absolute;
    bottom: 25vh;
    left: 7.7vw;
    width: 39vw;
}
.topinfo-left h1 {
    display: block;
    font-size: 3.5em;
    letter-spacing: 0.03em;
    font-weight: 400;
    line-height: 1.6em; 
}
.topinfo-left span {
    display: block;
    font-size: 1.35em;
    line-height: 2em;
    letter-spacing: 0.01em;
    font-weight: lighter;
    margin-top: 1.3vh;
}
.topinfo-left label {
    display: inline-block;
    font-size: 0.87em;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #7ce083;
    padding-bottom: 1vh;
    margin-bottom: 3vh;
} 
/*---------------------------
 信息区域设置
----------------------------*/
.infoCenter {
    width: 50vw;
    text-align: center;
    margin: 0 auto;
}
.infoCenter h1 {
    display: block;
    font-size: 2.5em;
    letter-spacing: 0.03em;
    font-weight: 400;
    line-height: 1.6em; 
}
.infoCenter span {
    display: block;
    font-size: 1.35em;
    line-height: 2em;
    letter-spacing: 0.01em;
    font-weight: lighter;
    margin-top: 5vh;
}
.infoLeft {
    width: 50vw;
}
.infoLeft label {
    display: inline-block;
    font-size: 0.87em;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #7ce083;
    padding-bottom: 1vh;
    margin-bottom: 2vh;
}
.infoLeft h1 {
    display: block;
    font-size: 2.5em;
    letter-spacing: 0.03em;
    font-weight: 400;
    line-height: 1.6em; 
}
.infoLeft span {
    display: block;
    font-size: 1.15em;
    line-height: 2em;
    letter-spacing: 0.01em;
    font-weight: lighter;
    margin-top: 2vh;
}
.solutionLeft {
    width: 33vw;
}
.solutionLeft label {
    display: inline-block;
    letter-spacing: 0.1em;
    border-bottom: 2px solid #7ce083;
    padding-bottom: 1vh;
    margin-bottom: 2vh;
}
.solutionLeft h1 {
    display: block;
    font-size: 2.5em;
    letter-spacing: 0.03em;
    font-weight: 400;
    line-height: 1.6em; 
}
.solutionLeft span {
    display: block;
    width: 33vw;
    font-size: 1.15em;
    line-height: 2em;
    letter-spacing: 0.01em;
    font-weight: lighter;
    margin-top: 2vh;
}
/*---------------------------
 首页组件
----------------------------*/
/*服务列表*/
.homeService-list {
    margin-top: 9vw;
}
.homeService-list li {
    float: left;
    width: 17.5%;
    margin-right: 10%;
}
.homeService-list li:nth-child(4n+0) {
    margin-right: 0 !important;
}
.homeService-list dt {
    width: 60%;
    margin: 0 auto;
}
.homeService-list img {
    width: 100%;
}
.homeService-list dd {
    text-align: center;
    margin-top: 2.5vh;
}
.homeService-list h5 {
    font-size: 1.37em;
    line-height: 2em;
    font-weight: 400;
}
.homeService-list span {
    display: block;
    line-height: 2em;
    font-weight: lighter;
    margin-top: 2.5vh;
}

.homeCase-list {
    margin-top: 9vw;
}
/*案例列表*/
.homeCase-list li {
    float: left; 
    position: relative; 
    width: 22%;
    height: 28vw;
    background: #000;
    text-align: left;
    font-weight: lighter;
    color:#fff;
    margin-right: 4%;
}
.homeCase-list li:nth-child(4n+0) {
    margin-right: 0 !important;
}
.homeCase-list li a {
    color: #fff;
}
.homeCase-list li a:hover {
    color: #fff;
    cursor:pointer;
}
.homeCase-list dl {
    position: absolute; 
    bottom: 17%; 
    left: 10%;
    z-index: 10;
    width: 80%;
    pointer-events: none; 
}
.homeCase-list dt {
    font-size: 1.43em;
    line-height: 1.5em;
    font-weight: 300;
    margin-bottom: 1em;
}
.homeCase-list dd {
    border-top: 1px solid rgba(255,255,255,.5);
    padding-top: 1em;
}
.homeCase-list label {
    position: absolute;
    z-index: 10;
    top: 5%;
    right: 10%;
    line-height: 1.5em;
    pointer-events: none;
}
.homeCase-list b {
    font-size: 0.85em;
    font-weight: 100;
    margin-right: .5em;
}
.homeCase-list i {
    font-size: 0.9em;
}
.homeCase-list em {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 5%;
    left: 10%;
    width: 1.7vw;
    height: 1.7vw;
    font-style: normal;
    pointer-events: none;
}
.homeCase-list em img {
    width: 100%;
}
.homeCase-list span {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 5%;
    left: 20%;
    width: 70%;
    font-size: 0.8em;
    line-height: 1.7vw;
    pointer-events: none;
}
.homeCase-list p {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.homeCase-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    object-fit: cover; 
    opacity: .5;
    transition: all 6s cubic-bezier(.23,1,.32,1) .2s,opacity .8s cubic-bezier(.23,1,.32,1) .2s;
}
.homeCase-list li:hover .homeCase-wrap {
    opacity: .7; 
    transform: scale(1.2); 
    transition: all 12s cubic-bezier(.23,1,.32,1) .2s,opacity .7s cubic-bezier(.23,1,.32,1) .2s; 
}
/*---------------------------
 服务页组件
----------------------------*/
/*服务首页技能列表*/
.serviceTop-back {
    display:inline-block;
    position: absolute;
    z-index: 1;
    right: 7.5vw;
    bottom: 7.5vw;
    width: 39vw;
}
.serviceTop-back img {
    width: 100%;
}
.serviceSkill-list {
    width: 100%;
    margin-top: 5vw;
}
.serviceSkill-list li {
    float: left;
    position: relative;
    width: calc(25% - 1px);
    height: 13.9vw;
    border: 1px solid #eeeff0;
    color:#16373b;
    background: #fff;
    margin: -1px 0 0 -1px;
    transition: 0.13s ease-in;
}
.serviceSkill-list li:hover{
    z-index: 999;
    transform: scale(1.1);
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    cursor: pointer;
}
.serviceSkill-list img {
    position: absolute;
    left:1.7vw;
    top:1.7vw;
    width: 3vw;
    pointer-events: none;
}
.serviceSkill-list dl {
    position: absolute;
    left:1.7vw;
    top:39%;
    width: calc(100% - 4vw);
    pointer-events: none;
}
.serviceSkill-list dt {
    font-size: 1.03em;
    letter-spacing:0.07em;
    line-height: 1.8em;
    margin-top: 1em;
}
.serviceSkill-list dd {
    font-size: 0.89em;
    font-weight: lighter;
    line-height: 1.8em;
    margin-top: 1em;
}
.serviceSkill-list a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.serviceSkill-list legend {
    position: absolute;
    right:1.7vw;
    top:1.7vw;
    width: 50%;
    font-size: 0.7em;
    text-align: right;
    pointer-events: none;
}
/*解决方案list*/
.serviceSolution-list {
    margin-top: 3.8vw;
}
.serviceSolution-list li {
    float: left; 
    position: relative; 
    width: 24%;
    height: 22.4vw;
    text-align: left;
    font-weight: lighter;
    color:#fff;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-right: calc(4% / 3);
    margin-top: calc(3.4vw / 3);
    transition: all .2s; 
}
.serviceSolution-list li:hover {
    z-index: 999;
    transform: scale(1.05);
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.05);
    transition: all .5s; 
}
.serviceSolution-list li:nth-child(4n+0) {
    margin-right: 0 !important;
}
.serviceSolution-list li a {
    color: #000;
}
.serviceSolution-list li a:hover {
    color: #000;
    cursor:pointer;
}
.serviceSolution-list dl {
    position: absolute; 
    top: 15%; 
    left: 10%;
    z-index: 10;
    width: 80%;
    pointer-events: none; 
}
.serviceSolution-list dt {
    font-size: 1.43em;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 1em;
}
.serviceSolution-list dd {
    font-size: 0.9em;
    line-height: 1.8em;
    border-top: 1px solid rgba(0,0,0,.07);
    padding-top: 1em;
}
.serviceSolution-list label {
    position: absolute;
    z-index: 10;
    top: 7%;
    left: 10%;
    font-size: 0.85em;
    line-height: 1.5em;
    pointer-events: none;
}
.serviceSolution-wrap {
    position: absolute;
    bottom: -2vh;
    left: 0;
    width: 100%;
    object-fit: cover; 
    transition: all .3s;
}
.serviceSolution-list li:hover .serviceSolution-wrap { 
    transform: scale(1.2); 
    transition: all .5s; 
}
.solutionFeatures {
    margin-top: 7vh;
}
.solutionFeatures li {
    float: left;
    width: 25%;
    text-align: left;
    font-weight: lighter;
    overflow: hidden;
    padding: 2.5vw 0;
    margin-right: 12.5%;
    transition: all .2s;
}
.solutionFeatures li:nth-child(3n+0) {
    margin-right:0 !important;
}

.solutionFeatures h6 {
    display: inline-block;
    font-size: 1.23em;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 1.8vh;
}
.solutionFeatures span {
    display: block;
    width: 60px;
    height: 4px;
    background: #4ec459;
    margin-bottom: 1.8vh;
}
.solutionFeatures p {
    font-size: 1em;
    line-height: 1.8em;
}