*{
    margin: 0;
    padding: 0;
}
@font-face{
    font-family: pingfang;
    src: url("./pingfang.ttf");
}
#home{
    position: relative;
    font-family: pingfang;
    min-width: 1400px;
    overflow: auto;
}
li{
    list-style: none;
}
.header{
    max-width: 1920px;
    margin: 0 auto;
}
.tab{
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
    color: #fff;
    max-width: 1920px;
}
.borBtm{
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}
.orbtm{
    border-bottom: 2px solid #FF6256;
}
.backTab{
    background: #fff;
    color: #000;
    box-shadow:0px 3px 8px 0px rgba(49,4,1,0.06);
}
.tabCont{
    margin: 0px auto;
    box-sizing: border-box;
    padding-left: 18.75%;
    padding-right: 18.75%;
    min-width: 1000px;
}
.logo{
    width: 136px;
    height: 33px;
    display: inline-block;
    float: left;
    margin-top: 20px;
}
.logo img {
    width: 100%;
    height: 100%;
}
.tabList{
    display: inline-block;
    vertical-align:top;
    line-height: 68px;
}
.tabList span{
    margin-right: 50px;
    cursor: pointer;
}
.tabList span:hover{
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}
.tabListBack span:hover{
    color: #FF6457;
    border-bottom: 2px solid #FF6256;
}
.toExperience{
    width:86px;
    height:30px;
    border:1px solid rgba(255,255,255,1);
    border-radius:15px;
    line-height: 30px;
    float: right;
    margin-top: 20px;
    cursor: pointer;
}
.experBtn2{
    background:linear-gradient(90deg,rgba(255,100,87,1),rgba(255,28,95,1));
    border-radius:15px;
    border: none;
    color: #fff;
}
.banner{
    width: 100%;
    background-image: url('https://namekpic.oss-cn-qingdao.aliyuncs.com/extra/26b40748804882619413e4614c0bf589Sliceb716b72x.png');
    background-size: 100% 100%;
    height: 700px;
    max-width: 1920px;
    margin: 0 auto;
    
}
.bannerg{
    width: 100%;
    background-image: url('https://test-namek.oss-cn-hangzhou.aliyuncs.com/guangwang/gbanner%402x.png');
    background-size: 100% 100%;
    height: 534px;
    max-width: 1920px;
    margin: 68px auto 0;
}
/* 产品 */
.product{
    padding-left: 6%;
    padding-top: 30px;
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 50px;
}
.pLeft{
    width: 33%;
    max-width: 630px;
    min-width: 515px;
    padding: 40px 38px 0 42px;
    height: 680px;
    background:rgba(252,244,243,1);
    display: inline-block;
    color: #333333;
    box-sizing: border-box;
}
.pLefts{
    min-width: 512px;
}
.pLeft h1{
    letter-spacing:2px;
    font-size: 36px;
    padding-bottom: 18px;
}
.pLeft p{
    font-size:18px;
    max-width: 504px;
}
.pLeft div{
    font-size:18px;
    margin-top: 40px;
    line-height: 30px;
}
.pLeft p span{
    letter-spacing: 0px;
}
.pRight{
    vertical-align:top;
    display: inline-block;
    padding-left: 10%;
    padding-top: 30px;
    max-width: 50%;
}
.pRtop h1{
    letter-spacing:2px;
    font-size: 36px;
    padding-bottom: 12px;
}
.pRtop h3{
    height:20px;
    font-size:20px;
    font-weight:bold;
    color:rgba(153,153,153,1);
    line-height:22px;
}
.pRList{
    padding-top: 28px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.pRList li{
    width: 270px;
    display: inline-block;
}
.pRList li .pRListImg{
    width: 68px;
    height: 68px;
}
.pRListImg img{
    width: 100%;
    height: 100%;
}
.pRList li .pRLisTitle{
    font-size:26px;
    font-weight:bold;
    line-height:48px;
    vertical-align: top;
}
.pRList li p{
    line-height:26px;
    font-size:14px;
    font-weight:400;
    color: #333;
}

.pRList .mar:nth-child(1){
    margin-right: 15%;
    margin-bottom: 50px;
}
.pRList .mar:nth-child(3){
    margin-right: 15%;
}
.pRLists li:nth-child(1){
    margin-right: 10% !important;
}
.pRLists li:nth-child(3){
    margin-right: 10% !important;
}
.pRList .mars{
    width: 260px;
    display: inline-block;
}
.value{
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}
.valueOrg{
    width: 42.7%;
    height: 700px;
    background-color: #FF6256;
    position: absolute;
    right: 0;
    top: -50px;
}
.orgTitle{
    font-size:36px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:22px;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 80px;
}
.orgCount{
    margin-left: 33%;
    color: #fff;
    margin-bottom:80px ;
}
.orgCount .iconImg{
    width: 74px;
    height: 74px;
    display: inline-block;
}
.orgCount .iconImg img{
    width: 100%;
    height: 100%;
}
.orgCount .iconCount{
    display: inline-block;
    margin-left: 6%;
    vertical-align:top;
}

.orgCount .iconCount p:nth-child(2){
    font-size:20px;
    font-weight:400;
    line-height: 40px;
}
.valueNum{
    position: absolute;
    left: 12.7%;
    top: 16%;
    width: 51%;
    background: #fff;
    border-radius:5px;
    box-sizing: border-box;
    padding: 91px 0 0 8%;
}
.valueNum .numCount .numIcon{
    display: inline-block;
    width: 90px;
    height: 90px;
}
.valueNum .numCount .numIcon img{
    width: 100%;
    height: 100%;
}
.valueNum .numCount .numTxt{
    display: inline-block;
    vertical-align:top;
    margin-left: 9%;
}
.numtxt1{
    font-size:20px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 48px;
}
.numtxtImg{
    width: 218px;
    height: 48px;
}
.numtxtImgs{
    width: 218px;
    height: 48px;
}
.numtxtImg2{
    width: 290px;
    height: 48px;
}
 img{
    width: 100%;
    height: 100%;
}
.numtxtImgs2{
    width: 290px;
    height: 48px;
}
.backImg{
    height: 650px;
    max-width: 1920px;
    background-image: url('https://test-namek.oss-cn-hangzhou.aliyuncs.com/guangwang/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20200110181009.png') ;
    background-size:100% 100%;
    margin: 0 auto;
    margin-top: 50px;
}
/* 会员 */
.member{
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    background-image: url('https://namekpic.oss-cn-qingdao.aliyuncs.com/extra/66aa64fc9a27d742acdf8ac15bbc29a01664353974828.jpg') ;
    background-size:100% 100%;
    padding: 80px 0;
}
.memTitle{
    font-size: 36px;
    font-weight: 600;
    color: #333333;
    text-align: center;
    margin-bottom: 63px;
}
.memList{
    width: 69%;
    margin: 0 auto;
}
.tabItemBox{
    margin: 0 auto;
}
.tabItemBox .witein{
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 38px;
    font-weight: 600;
    color: #323131;
    margin-bottom: 40px;
}
.tabItemBox .witein img{
    width: 48px;
    height: 48px;
}
.bottomContent {
    display: flex;
    flex-wrap: nowrap;
}
.leftBorder {
    border-left: 2px solid #FF424F;
    height: fit-content;
    padding-left: 20px;
}
.rightBorder {
    border-right: 2px solid #FF424F;
    height: fit-content;
    padding-right: 20px;
}
.tabTitle {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #595C6A;
    width: 360px;
    padding: 22px;
    cursor: pointer;
}
.tabCur {
    box-shadow: 6px 4px 38px 0px rgba(192,192,192,0.25);
    background-color: #fff;
}
.tabTitle .content {
    margin: 0 35px;
}
.tabTitle .title {
    color: #353535;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 11px 0;
    white-space: nowrap;
}
.redTitle {
    color: #FF424F !important;
}
.tabTitle .title span {
    font-size: 26px;
}
.tabTitle .middle {
    margin: 0 35px 8px 35px;
    color: #FF424F;
}
.productCon{
    position: relative;
    margin: auto;
    width: 600px;
    height: 700px;
}
.conTop{
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.conTop img{
    width: 100%;
}
.fadein{
    -webkit-transition: all 1.5s;  
    -moz-transition: all 1.5s;  
    -ms-transition: all 1.5s;  
    -o-transition: all 1.5s;  
    transition: all 1.5s;  
    opacity: 1;
}
.dataBox {
    width: 370px;
    height: 310px;
    background: #FFFFFF;
    box-shadow: 0px 9px 21px 0px rgba(202, 231, 255, 0.38);
    border-radius: 23px;
    margin: 50px 19px 60px 19px;
    box-sizing: border-box;
    padding: 20px 23px 16px 23px;
}
.footLR{
    display: flex;
    position: absolute;
    bottom: 150px;
    right: 0;
}
.footLR div{
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.footLR div:last-child{
    margin-left: 5px;
}
.footLR div img{
    width: 100%;
    height: 100%;
}

/* 解决方案 */
.solution{
    max-width: 1920px;
    height:620px;
    margin: 0 auto;
    background:#34495E;
    padding-top: 80px;
}
.soluTitle{
    font-size:36px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:36px;
    text-align: center;
    margin-bottom: 40px;
}
.soluConent{
    width: 80%;
    min-width: 1000px;
    margin: 0 auto;
}
.soluConentLeft{
    display: inline-block;
    width: 30%;
    min-width: 286px;
}
.soluConentLeft .leftItem{
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: #fff;
    height: 138px; 
    padding: 40px 0 0 20px;
    color: #333;
    cursor: pointer;

}
.soluConentLeft .backSolu{
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: #FF6458;
    height: 138px; 
    padding: 40px 0 0 20px;
    color:rgba(255,255,255,1);

}
.leftItem p:nth-child(1){
    font-size:22px;
    font-weight:bold;
}
.leftItem p:nth-child(2){
    font-size:14px;
    font-weight:400;
    color: #999;
    line-height:48px;
}
.soluConentLeft .backSolu p:nth-child(2){
    color: #fff;
}
.soluConentRight{
    box-sizing: border-box;
    padding: 60px 0 0 38px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: 67%;
    background-color: #fff;
    height: 454px;
}
.soluImg{
    display: inline-block;
    width: 46%;
    min-height: 240px;
}
.soluImgMarn{
    margin-top: 5%;
}
.soluImg img{
    width: 100%;
    height: 100%;
}
.soluRtxt{
    display: inline-block;
    vertical-align: top;
    padding: 50px 0 0 5%;
    box-sizing: border-box;
    max-width: 420px;
}
.soluRtxts{
    display: inline-block;
    vertical-align: top;
    padding: 50px 0 0 5%;
    box-sizing: border-box;
    max-width: 350px;
}
.minsolu{
    max-width: 320px;
}

.soluRtxt p{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
    margin-bottom: 35px;
}
.soluRtxt div{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
    width:100px;
    word-break:keep-all;
    white-space:nowrap;     
}
.soluRtxts div{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
    width:100px;
    word-break:keep-all;
    white-space:nowrap;     
}
.soluRtxts p{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
    margin-bottom: 35px;
}


/* 客户案例 */
.case{
    height: 750px;
    padding-top: 50px;
    background-color: #F8F9FD;
}
.caseTitle{
    font-size:36px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:36px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.case .test{
    width: 80%;
    height: 500px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative;
    display: flex;
}
.caseCont{
    height: 100%;
}
.flex-img {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.img{
    width: 196px;
    height: 90px;
    flex-shrink: 0;
    margin: 15px;
}
.left-back {
    width: 93px;
    height: 500px;
    background: linear-gradient(270deg, rgba(248,249,253,0) 0%, #F8F9FD 100%);
    position: absolute;
    left: -2px;
    top: 0;
}
.right-back {
    width: 93px;
    height: 500px;
    background: linear-gradient(90deg, rgba(248,249,253,0) 0%, #F8F9FD 100%);
    position: absolute;
    right: -2px;
    top: 0;
}

@-webkit-keyframes scroll-round {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
  }
  @-moz-keyframes scroll-round {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
  }
  @-o-keyframes scroll-round {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
  }
  @keyframes scroll-round {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
  }

  .animit{
    -webkit-animation: scroll-round 30s linear infinite;
    -o-animation: scroll-round 30s linear infinite;
    -moz-animation: scroll-round 30s linear infinite;
    animation: scroll-round 30s linear infinite;
  }

/* 体验 */
.experience{
    max-width: 1920px;
    margin: 0 auto;
    height:550px;
    background:rgba(52,73,94,1);
    padding-top: 50px;
}
.experTitle{
    font-size:36px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:36px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 60px;
}
.experConent{
    width: 62.5%;
    margin: 0 auto;
}
.experImg{
    width: 43.9%;
    display: inline-block;
}
.experFrom{
    display: inline-block;
    vertical-align: top;
    width: 38.3%;
    height:338px;
    margin-left: 8.5%;
    background:rgba(255,255,255,1);
    border-radius:5px;
    box-sizing: border-box;
    padding: 46px 23px 0 23px;
}
.el-input{
    margin-bottom: 16px;
}
.experFrom .el-button{
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    background:linear-gradient(90deg,rgba(255,100,87,1),rgba(255,28,95,1));
    border-radius:21px;
}


/* 关于我们 */
.aboutus{
    background-color: #404353;
}
.abTitle{
    box-sizing: border-box;
    padding-top: 80px;
    font-size:36px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:22px;
    text-align: center;
    margin-bottom: 100px;
}
.aboutConent{
    width: 722px;
    margin: 0 auto;
}
.aboutLeft{
    display: inline-block;
}
.aboutRight{
    display: inline-block;
    vertical-align: top;
    margin-left: 180px;
}
.abImgIcon{
    display: inline-block;
    width: 110px;
    height: 110px;
}
.info{
    display: inline-block;
    vertical-align: top;
    margin-left: 18px;
}
.infoLogo{
    width: 136px;
    height: 33px;
}
.infoTxt{
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:32px;
}
.gpsImg{
    width: 22px;
    height: 22px;
    display: inline-block;
}
.record{
    text-align: center;
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:32px;
    margin-top: 124px;
}
/* 关于我们 */
.introduce{
    box-sizing: border-box;
    padding-top: 120px;
    text-align: center;
}
.hLogo{
    width: 190px;
    height: 46px;
    margin: 0 auto;
}
.inTxt{
    width: 540px;
    margin: 0 auto;
    line-height: 32px;
    text-align: center;
    font-size:16px;
    color:rgba(51,51,51,1);
}
.introBtm{
    width: 62.5%;
    margin: 0 auto;
}
.introItem{
    width: 30%;
    height: 200px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 16px 0px rgba(49,4,1,0.1);
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 3.75% 0 0 2%;
    text-align: left;
}
.introItemTitle{
    font-size:29px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height:40px;
}
.inBor{
    width:48px;
    height:6px;
    background:rgba(255,98,86,1);
    margin-top: 20px;
    margin-bottom: 30px;
}
.introItemTxt{
    font-size:16px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
}
.course{
    height: 1300px;
}
.center{
    text-align: center;
}
.courTitle{
    margin-top: 150px;
    margin-bottom: 30px;
    font-size: 36px;
}
.courTxt{
    margin-bottom: 100px;
    font-size:16px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
}
.timeAxis{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.timeBack{
    width: 1021px;
    height: 549px;
    background-image: url('https://test-namek.oss-cn-hangzhou.aliyuncs.com/guangwang/map%402x.png');
    background-size:100% 100%;
    margin: 0 auto;
}
.timeEvent{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    min-width: 900px;
}
.eventItem{
    margin-bottom: 80px;
}
.itemTime{
    width: 120px;
    text-align: right;
    display: inline-block;
}
.itemTime span:nth-child(1){
    font-size:20px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.itemTimeTxt{
    display: inline-block;
    vertical-align: top;
    margin-left: 72px;
}
.itemTimeTxt p:nth-child(1){
    font-size:28px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height: 26px;
}
.itemTimeTxt p:nth-child(2){
    margin-top: 26px;
    width: 716px;
    font-size:16px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:30px;
}
.timeLine{
    width: 24px;
    position: absolute;
    top: 4px;
    left: 29%;
}
.spot{
    width:22px;
    height:22px;
    background:rgba(255,98,86,.3);
    border-radius:50%;
    text-align: center;
    margin: 0 auto;
}
.spot span{
    display: inline-block;
    width:12px;
    height:12px;
    background:rgba(255,98,86,1);
    border-radius:50%;
}
.line{
    width:1px;
    height:160px;
    background:rgba(255,98,86,1);
    margin: 0 auto;
}
.Invitation{
    width: 60%;
    max-width: 980px;
    margin: 0 auto;
    margin-bottom: 150px;
}
.inviLeft{
    display: inline-block;
    width: 40%;
}
.inviLeft h3{
    font-size:28px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    line-height: 80px;
}
.inviLeft h2{
    font-size:36px;
    font-weight:bold;
    color:rgba(0,0,0,1);
    margin-bottom: 40px;
}
.inviLeft p{
    font-size:18px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height: 36px;
}
.inviRight{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-left: 10%;
}
.main{
    max-width: 1920px;
    margin: 0 auto;
}
.soluP {
    position: relative;
}
.circular{
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #FF6458;
    position: absolute;
    top: 8px;
    border-radius: 50%;
}
.soluP span:last-child{
    margin-left: 10px;
}