/*@font-face {
    font-family: 'pingfang01';
    src: url('../css/苹方 常规.ttf');
}
@font-face {
    font-family: 'pingfang02';
    src: url('../css/苹方 细体.ttf');
}

@font-face {
    font-family: 'puhuiti1';
    src: url('../css/Alibaba-PuHuiTi-Regular.otf');
}*/



* {
    margin: 0px;
    padding: 0px;
}

.banner {
    width: 100vw;
    height: 81vh;
    /* background: url(../img/pagehome/banner.png) no-repeat;*/
    /*  background-size: 100% 100%;*/
}

.header {
    width: 100vw;
    height: 10vh;
    float: left;
}

.header_content {
    width: 56vw;
    height: 10vh;
    float: left;
    margin-left: 30vw;
}

.Learnmore {
    width: 10vw;
    height: 6vh;
    float: left;
    margin-left: 13vw;
    margin-top: 45vh;
}

.rightblank1 {
    width: 25vw;
    height: 55vh;
    position: absolute;
    right: 0px;
    top: 13%;
    background: url(../img/pagehome/pagehome-08.png) no-repeat;
    background-size: 100% 100%;
}

.Middletext {
    width: 100%;
    height: 180px; 
    text-align: center;
    padding-top:70px;
}

.Middletext2 {
    width: 80%; 
    height: 200px;
    margin: auto;
    padding-top: 9vh;
}

.titletext {
    height: 70px;
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 70px;
    font-family: 'syht';
}

.texts {
    height: 50px;
    color: #272A42;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    color: #A0A4A8;
    font-family: 'syhtLight';
}

.titletext2 {
    height: 70px;
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    line-height: 70px;
    font-family: 'syht';
}

.texts2 {
    height: 50px;
    color: #272A42;
    font-size: 18px;
    text-align: left;
    line-height: 50px;
    color: #A0A4A8;
    font-family: 'syhtLight';
}


.productlist {
    padding-top: 50px;
    width: 90%;
    min-width: 90%;
    height: 760px;
    margin: auto;
}

.product {
    width: 25%;
    height: 530px;
    float: left;
    background: url(../img/pagehome/pagehome-11.png) no-repeat;
    background-size: 100% 100%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

    .product:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

.productimg {
    width: 50%;
    margin-top: 80px;
    /*    margin-top:30%;*/
    margin-left: 25%;
    background-size: 100% 100%;
}

.producttitle {
    height: 5vh;
    font-size: 22px;
    color: #5065FC;
    text-align: center;
    font-weight: 600;
}

.product span {
    width: 13.5vw;
    height: 12vh;
    float: left;
    margin-left: 5.5vh;
    font-size: 20px;
    color: #A0A4A8;
    text-align: center;
    line-height: 3vh;
    margin-top: 1vh;
    text-indent: 2em; /*首行缩进*/
}

.productcontent {
    width: 60%;
    text-align: center;
    margin: auto;
    font-size: 16px;
    color: #A0A4A8;
    font-family: '微软雅黑';
    letter-spacing: 1px;
}

.producttopdiv {
    width: 120px;
    font-size: 22px;
    font-family: 'syhtLight';
    text-align: center;
    margin: 8px 20px;
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
}

.producttopdivhover {
    background-color: black;
    color: white;
    float: left; 
}

.productimgbtnborder {
  /*  border: 1px solid #A0A4A8;*/
    float: left;
    margin-left: 50px !important;
}

.productbtnlistdiv {
    position:absolute;
    bottom:50px;
    left:50px; 
}

.producttopdivimg {
    float: left;
    margin-top: 12px;
}

.producttopdivtitle {
     
}

.productcontentdiv {
    margin: 0 5%; 
    width: 90%;
    height: 600px;
    margin-top:35px;
    /* box-shadow: 0 0 14px 2px #e7e7e7; */
    background-color: white;
    position: relative;
    background:url('../img/pagehome/AIRightBg.png') no-repeat;
    background-size:100% 100%;
}

.productimgbtn {
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px; 
    margin: auto; 
    float: left;
    cursor: pointer; 
}


.productcontentimg {
  float:left;
  
  width:5%;
}
.productcontentimg img{
    width:60%;
}


.productcontentmaintitle { 
    font-size: 1.1em; 
    margin-left: 1%;
    width: 94%;
}


.productcontentmaintitle span{
    font-weight: 600;
    font-size: 1.1em;  
}

.productcontenttitle {
    font-size: 25px;
    font-family: "syht";
    padding-top: 50px;
    padding-left: 50px;
    font-weight: 600;
    color: black;
}

.productcontentspan {
    font-size: 16px;
    font-family: "syhtLight";
    margin-left: 20px;
    color: #999999;
}

.productcontenttitle2 {
    font-size: 14px;
    font-family: "syhtLight";
    margin-top: 20px;
    margin-left: 50px;
    line-height: 30px;
    color: #3c3c3c;
    width: 80%;
    display: flex;
}


.productxgcpdiv{
    width:60%;
    margin-top:40px;
    font-size:1.3em;
    color:black;
    margin-left:50px;
}

.productxgcpdivlist {
    width: 90%;
    display: flex;
    height: 50px;
    margin-left: 50px;
}
.productxgcpdivitem {
  width:50%;
  margin-top:5%;
  
}

.productxgcpdivitemimg {
   width:5%;
   float:left;
   margin-top:3px;
}

.productxgcpdivitemtitle {
    font-size: 1.2em;
    margin-left: 10px;
    width: 90%;
    float: left;
}


.sdyslistdiv {
    width: 33%;
    float: left;
    height: 100%;
}

.sdyspagediv {
    width: 100%;
    margin: auto;
    height: 830px; 
    background:url('../img/index/yspagebg.png') no-repeat ;
    background-size:100% 100%;
}
.sdyscontentdiv {
    width: 81%;
    margin: auto; 
    overflow: hidden;
    position: relative;
    height: 530px;
}

.cardtitle {
    width: 80%;
    margin: auto; 
    margin-top: 60px;
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
}

.cardtitle2div {
    position:relative;
    display:none;

}
.cardtitle2div1 {
   margin-top:50px;
   font-size:40px;
   line-height:50px;
   font-weight:600;
   margin-left:30px;
width:40%;
}
.cardtitle2div2 {
    margin-top: 30px;
    font-size: 15px;
    line-height: 30px;
    margin-left: 30px;
    width: 50%;
}

.cardtitle2div3 { 
   position:absolute;
   top:0px;
   left:0px;
   z-index:-11;
   width:100%;
}
.cardtitle2div3 img {
  width:100%;
}

.sdysitemdiv {
    padding-left: 5vw;
    height: 300px;
}

.sdystitle1 {
    margin-top:20px;
    font-size: 22px;
    color: #4285f4;
    font-family: "syht";

}
.sdystitle2 {
    margin-top: 10px;
    font-size: 18px;
    color: #333333;
    font-family: "syhtLight"
}
.sdystitle3 {
    margin-top: 10px;
    font-size: 15px;
    color: #999999;
    font-family: "syhtLight";
    width:90%;
}
.sdysitemimg {
  margin-left:-10px;
}


.gywmpage {
  width:100%;
  height:1000px;
  margin:auto;
}

.gywmpagetitlediv {
    width: 100%; 
    margin: auto;
    display:flex;
}

.gywmpagetitleleftdiv {
    width: 45%;
}
.gywmpagetitlerightdiv {
    width: 55%;
    position:relative;
}
    .gywmpagetitlerightdiv img {
       margin-top:150px;
       margin-left:100px;
    }
.gywm04 {
   position:absolute;
   left:0px;
   bottom:0px;
}

.gywmpagetitle1 {
    margin-left: 20%;
    margin-top: 50px;
    font-size: 25px;
    line-height: 150px;
}
.gywmpagetitle2 {
    margin-left: 20%;
    width: 70%;
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
}

.gywmpagetitle3 {
    margin-left: 20%;
    width: 70%;
    font-size: 15px;
    line-height: 30px;
    color: #7a7a7a;
    margin-top: 30px;
}
.gywmpagebottomdiv {
  margin-top:-200px;
  position:relative;
  z-index:-11;
}

.gywmpagebottomtitlediv {
    position: absolute;
    display: flex;
    text-align: center;
    color: white;
    top: 80px;
    left: 100px;
    width:40%;
}

.gywmpagebottomtitleitem {
  width:25%;
}
.gywmpagebottomtitle1 {
    font-size: 40px;
    line-height: 80px;
}

.gywmpagebottomtitle2 {
    font-size: 20px;
    line-height: 80px;
}







.renwulan {
    width: 5vw;
    height: 20vh;
    float: left;
    margin-top: -20vh;
    margin-left: 3vw;
}

    .renwulan span {
        width: 5vw;
        height: 10vh;
        float: left;
    }

.technology {
    /*    width: 75%;
    height: 70vh;
    text-align: center;
    margin: auto;
    margin-top: 5vh;*/
    padding-top: 50px;
    width: 80%;
    min-width: 80%;
    margin: auto;
}

.technologys {
    width: 33%;
    height: 35vh;
    float: left;
}

.technologysimg {
    width: 5vw;
    height: 10vh;
    margin-top: 5vh;
    margin: auto;
    position: relative;
}

.technologystitle {
    width: 100%;
    height: 5vh;
    color: #000000;
    font-size: 22px;
    line-height: 5vh;
    text-align: center;
    font-family: '微软雅黑';
}

.technologystext {
    font-size: 16px;
    padding: 30px;
    color: #838383;
    width: 100%;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}

.company {
    float: left;
    width: 50vw;
    height: 55vh;
    background: url(../img/index/companyright.png) no-repeat;
    background-size: 100% 100%;
}

.companyname {
    width: 44vw;
    height: 8vh;
    margin-top: 5vh;
    margin-left: 6vw;
    line-height: 10vh;
    color: white;
    font-size: 24px;
}

.companyhx {
    width: 5vw;
    height: 4vh;
    border-bottom: 3px solid white;
    margin-left: 6vw;
}

.companyjj {
    width: 42vw;
    height: 20vh;
    margin-top: 2vh;
    margin-left: 6vw;
    color: white;
    font-size: 16px;
    line-height: 4vh;
}

.companyImg {
    width: 50vw;
    height: 55vh;
    float: left;
    background: url(../img/pagehome/homepage-40.png) no-repeat;
    background-size: 100% 100%;
}

.companybottomdiv {
    clear:both;
    width: 100%;
    height: 350px;
    background: url(../img/index/companybottom.png) no-repeat;
    background-size: 100% 100%;
   
}
.companybottomlist {
    width: 65%;
    display: flex;
    margin: auto;
    padding-top:130px;
}

.companyjjitem {
    width: 25%;
    height: 150px;
    text-align:center;
}

.companyjjnum {
    font-size: 40px; 
    font-weight:bolder;
}

.companyjjnum span{
    font-size: 25px; 
    margin-left:3px;
}
.companyjjmiaoshu {
    clear: both; 
    font-size: 20px;
    margin-top: 20px; 
    line-height: 45px;
    text-align: center;
    font-weight: 600;
    font-family: "syht";
}
.morebtn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #f5f8fa;
    border: 1px solid #f5f8fa;
    text-align: center;
    font-size: 18px;
    margin-left: 6vw;
    cursor:pointer;
}
    .morebtn:hover {
        color:#5065FC;
        background-color:white
    }
    .Statistics {
        width: 68vw;
        height: 15vh;
        float: left;
        margin-left: 15vw;
        margin-top: 5vh;
        /* background-color: white;*/
        border-radius: 30px;
        box-shadow: 3px 5px 10px 0px rgb(37 45 51 / 10%);
    }

.Statisticsbor {
    width: 16.7vw;
    height: 15vh;
    border-right: 1px solid #D6D3F2;
    float: left;
}

.Statisticsbor1 {
    width: 17vw;
    height: 15vh;
    float: left;
}

.caseimg {
    width: 3vw;
    height: 6vh;
    float: left;
    margin-top: 4vh;
    margin-left: 3vw;
}

.num {
    width: 7vw;
    height: 3vh;
    float: left;
    color: #5065FC;
    margin-top: 4vh;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.miaoshu {
    clear: both;
    color: #A0A4A8;
    font-size: 18px;
    margin-top: 0vh;
    text-align: center;
    margin-left: 3vw;
}

.miaoshus {
    clear: both;
    color: #A0A4A8;
    font-size: 18px;
    margin-top: 0vh;
    text-align: center;
    margin-left: 2vw;
}

.Classiccases {
    width: 100vw;
    height: 900px; 
  /*  background: url(../img/pagehome/pagehome-28.png) no-repeat;
    background-size: 100% 100%;*/
}

.Middletexts {
    width: 100%;
    height: 12vh;
    margin: auto;
    padding-top: 9vh;
}

.Classiccasesframe {
    padding-top: 150px;
    width: 100%;
    margin: auto;
    /*    width:80%;
    height:55vh; 
    margin:auto;
    margin-top:3%;*/
}
.casebannerimg {
    width: 100%;
    height: 100%;
    position:relative;
}
.casebannerimg img {
    width: 100%;
    height: 100%;
    background-size:100% 100%;
}

.caseinfodivbg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
    border-radius:25px;
}

.caseinfodiv {
    position: absolute;
    top: 80px;
    left: 10%;
    opacity: 0.9;
    width: 80%;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 99;
    height: 65%;
}

.casetitle {
   padding-top:20px;
   line-height:40px;
   font-size:25px;
   font-weight:600;
   color:white;
   text-align:left;
}

.casecontent {
    padding-top: 20px;
    line-height: 25px;
    font-size: 14px;
    color: white;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4
}

.caseline { 
  width:40%;
  height:2px;
  background-color:white;
}

.casedetailebtn {
    width: 40px;
    height: 40px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #A0A4A8;
    color: #A0A4A8;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
}
.pageleft {
    width: 5vw;
    height: 350px;
    float: left;
    line-height: 280px;
    margin-right: 3%;
}

.Classiccasesimg {
    width: 330px;
    height: 290px;
    /*    width: 200px;
    height: 300px;*/
    float: left;
    margin-top: 3vh;
    float: left;
    position: absolute;
}

.Classiccasesbg {
    width: 60%;
    margin-left: 16vw;
    float: left;
    height: 350px;
    background: url(../img/pagehome/pagehome-32.png) no-repeat;
    background-size: 100% 100%;
}

.pageright {
    width: 5vw;
    height: 350px;
    float: left;
    line-height: 280px;
    margin-left: 3%;
}

.ClassiccaseName {
    width: 35vw;
    float: left;
    margin-left: 120px;
    margin-top: 6vh;
    line-height: 6vh;
    font-size: 26px;
    color: #5065FC;
    font-weight: 600;
    font-family: '微软雅黑';
}

.Classiccasetext {
    width: 78%;
    float: left;
    margin-left: 120px;
    margin-top: 3vh;
    font-size: 16px;
    color: #A0A4A8;
    font-family: '微软雅黑';
    overflow: hidden;
}

.Classiccaseinfo {
    width: 10vw;
    height: 10vh;
    float: left;
    margin-left: 120px;
    background: url(../img/pagehome/pagehome-29.png) no-repeat;
}

.ServerNew {
    width: 100vw;
    height: 1050px; 
}

.newbor {
    width: 80%;
    height: 700px;
    /*  width: 100vw;
    height: 107vh;*/

    margin: auto;
}

.rightblank2 {
    width: 8vw;
    height: 40vh;
    position: absolute;
    float: left;
    background: url(../img/pagehome/pagehome-33.png) no-repeat;
    background-size: 100% 100%;
}

.newstitle {
    width: 14vw;
    height: 76px;
    float: right;
    margin-top: 60px;
}

.newstitles {
    width: 7vw;
    height: 40px;
    float: left;
    color: #ABADBE;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    font-family: '微软雅黑';
}

    /*.newstitles:hover {*/
        /* border-bottom: 3px solid #5065FC;*/
        /*color: white;
        background-image: linear-gradient(to right,#6785ff,#5ebcff)
    }*/

    .newstitleshover {
        /* border-bottom: 3px solid #5065FC;*/
        color: white;
        background-image: linear-gradient(to right,#6785ff,#5ebcff)
    }

.newsmorebtn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #f5f8fa;
    background-color:#4285f4;
    border-radius:30px;
    text-align: center;
    font-size: 18px;
    margin:auto;
    cursor:pointer;
}
.newstop1 {
    width: 26%;
    height: 600px;
    float: left;
    margin-top: 140px;
}

.newstop1img {
    width: 380px;
    height: 203px;
    margin-left: 10px;
    margin-top: 20px;
}

.newstop1title {
    width: 380px;
    height: 50px;
    margin-left: 10px;
    margin-top: 11px;
}

.newstop1titles {
    width: 345px;
    color: #272A42;
    font-size: 18px;
    float: left;
    line-height: 50px;
    overflow: hidden;
}

.newstop1hot {
    width: 30px;
    float: left;
    height: 47px;
    line-height: 47px;
}
.newstop1rl {
    width: 30px;
    float: left;
    height: 26px;
    line-height: 26px;
}

.newstop1time {
    width: 380px;
    height: 35px;
    margin-left: 10px;
}

.times {
    width: 200px;
    color: #272A42;
    font-size: 18px;
    float: left;
    color: #ABADBE;
    line-height: 30px;
}

.newstop1text {
    width: 380px;
    height: 127px;
    color: #ABADBE;
    font-size: 16px;
    float: left;
    margin-left: 10px;
    font-family: '微软雅黑';
  /*  border-bottom: 1px solid #DADBE2;*/
    overflow: hidden;
    letter-spacing: 3px;
    margin-top: 4px;
}

.newsdetail {
    line-height: 30px;
    /* width: 30%; */
    margin-left: 271px;
    margin-top: 20px;
} 

.newstop1texts {
    width: 380px;
    /* max-width:100%;
    
    color: #ABADBE;
    font-size: 16px;
    float: left;
    font-family: '微软雅黑';
    overflow: hidden;
    letter-spacing: 3px;*/
    font-size: 16px;
    text-align: left;
    color: #838383;
}

.newstop1info {
    width: 21vw;
    height: 3vh;
    color: #292C44;
    font-size: 18px;
    float: left;
    margin-left: 10px;
}

.newsfream {
    width: 70%;
    height: 456px;
    float: left;
    margin-top: 15px;
    background: url(../img/pagehome/pagehome-43.png)no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.news {
    width: 50%;
    height: 228px;
    float: left;
}

.newbiaoti {
    width: 95%;
    line-height: 42px;
    font-size: 18px;
    margin-left: 20px;
    overflow: hidden;
}

    .newbiaoti a {
        text-decoration: none;
        color: #272A42;
    }

        .newbiaoti a:hover {
            color: #4865FF;
        }

.newcontent {
    color: #ABADBE;
    font-size: 16px;
    font-family: '微软雅黑';
    margin-top: 10px;
    margin-left: 20px;
    letter-spacing: 3px;
    overflow: hidden;
    height:110px;
}

.newdates {
    width: 20vw;
    height: 30px;
    line-height: 30px;
    color: #ABADBE;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
}

.Classiccasetext1 {
    width: 2vw;
    height: 4vh;
    float: left;
    margin-left: -35vw;
    margin-top: 15vh;
}

.Classiccasetext2 {
    width: 2vw;
    height: 4vh;
    float: left;
    margin-top: 9.5vh;
}


.pagehomeimg1 {
    width: 50%;
    margin-left: 5px;
    margin-top: 10px;
}



.pagehomeimg2 {
    width: 80%;
    margin-top: -60px;
    z-index: 99;
    margin-left: 15px
}