* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
}
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.row {
   margin: 0;
}

li {
    list-style: none;
}

.navbar-fixed-top {
    height: 60px;
}

.container-fluid {
    height: 60px;
    background: #fff;
}

.container-fluid .container {
    height: 60px;
}

.logoSign {
    height: 30px;
    width: 128px;
    line-height: 60px;
}

.logoSign img {
    width: 100%;
    height: 100%;
}

.rightIco {
    width: 22px;
    height: 22px;
    line-height: 60px;
    display: inline-block;
    text-align: right;
}

.rightIco img {
    width: 100%;
    height: 100%;
}

.navList {
    overflow: hidden;
    width: 100%;
}

.navList li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 60px;
}

.navList li a {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.navRight {
    font-size: 14px;
    color: #000000;
    margin-right: 10px;
    line-height: 60px;
}

.navRight i {
    width: 14px;
    height: 12px;
    display: inline-block;
}

.navRight i img {
    width: 100%;
    height: 100%;
}

.registLogin a {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.bannerWrap {
    background: #2382F2;
    position: relative;
    top: 60px;
    padding-bottom: 55px;
}

.banner {
    width: 1094px;
    height: 408px;
    margin: 0 auto;
    position: relative;
}

.banner img {
    width: 100%;
    height: 100%;
}

.banner .priceBtn {
    width: 156px;
    height: 49px;
    background: #FEB845;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 49px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    bottom: 71px;
    left: 393px;
}

.bannersmall {
    margin: 0 auto;
    position: relative;
}

.bannersmall img {
    width: 100%;
    height: 100%;
}

.bannersmall .priceBtn {
    width: 9rem;
    height: 3rem;
    background: #FEB845;
    border-radius: 0.5rem;
    border: none;
    outline: none;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 3rem;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 11rem;
    left: 14rem;
}

.cooperInfo {
    width: 1094px;
    margin: 45px auto 0;
    position: relative;
    top: -50px;
}

.cooperInfo .coopTxt {
    position: absolute;
    right: 20px;
    top: -17px;
    font-size: 10px;
    color: #FFFFFF;
}

.coopIco {
    width: 1094px;
    height: 193px;
}

.coopIco img {
    width: 100%;
    height: 100%;
}

.cooperInfosmal {
    margin: 0 auto;
    position: relative;
    top: 3px;
    width: 100%;
}

.cooperInfosmal .coopTxt {
    position: absolute;
    right: 15px;
    top: -17px;
    font-size: 10px;
    color: #FFFFFF;
}

.cooperInfosmal .coopIco {
    width: 100%;
    height:7rem;
}

.cooperInfosmal .coopIco img {
    width: 100%;
    height: 100%;
}
.coreInfo{
    width:1135px;
    margin:0 auto;
    position:relative;
}
.coreInfo h1{
    font-size: 40px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin-bottom:20px;
}
.coreList{
    overflow: hidden;
}
.coreList li{
    float:left;
    width:245px;
    height:250px;
    background: #F0F7FF;
    border-radius: 5px;
    margin-right: 38px;
    text-align: center;
}
.coreList li:last-child{
    margin-right:0;
}
.coreList li .coreIco{
    display: block;
    width: 107px;
    height: 122px;
    margin:20px auto;
}
.coreList li .coreIco img {
    width: 100%;
    height: 100%;
}
.coreList li h4{
    font-size: 28px;
    color: #000000;
    font-weight: 600;
    margin:0 0 5px;
    padding:0;
}
.coreList li p{
    font-size: 16px;
    color: #5B5B5B;
    font-weight: 400;
}
.coreInfosmal{
    margin: 0 auto;
    position: relative;
    top:-0.1rem;
    width: 100%;
}
.coreInfosmal h1{
    font-size:2.2rem;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:20px 0 10px;
    padding:0;
}

.coreInfosmal .coreList li{
    float:left;
    width:48%;
    height:23rem;
    background: #F0F7FF;
    border-radius: 5px;
    margin-right:4%;
    text-align: center;
    margin-bottom: 0.8rem;
}
.coreInfosmal .coreList li:nth-child(2n){
    margin-right:0;
}

.coreInfosmal .coreList li h4{
    font-size:1.8rem;
    color: #000000;
    font-weight: 600;
    margin:0 0 0.15rem;
    padding:0;
}
.coreInfosmal .coreList li p{
    font-size:1.3rem;
    color: #5B5B5B;
    font-weight: 400;
}

.elecSignWrap{
    background:#F7FAFD;
    margin-top: 20px;
}
.elecSignInfo{
    width: 1094px;
    margin:35px auto 0;
    position: relative;
}
.elecCont{
    width:1080px;
    overflow: hidden;
    margin:15px auto;
    margin-bottom:10px;
}
.elecSignInfo h1{
    font-size: 40px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin-bottom:20px;
}
.elecSignInfo .elecSigntxt{
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height:23px;
    font-weight: 400;
    width: 752px;
    margin:0 auto 20px;
}
.elecCont .elecLeft{
    width: 55%;
    float: left;
    padding-top:20px;
}
.elecCont .elecLeft .elecStage{
    margin-bottom:30px;
}
.elecCont .elecLeft .elecStage:last-child{
    margin-bottom:0;
}
.elecCont .elecRight{
    width:45%;
    float: right;
    margin: 0;
    padding: 0;
}
.elecCont .elecRight .elecVideo{
    width: 461px;
    height: 330px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(191,191,191,0.5);
    border-radius: 10px;
}
.elecCont .elecRight .elecVideo h4{
    font-size: 24px;
    color: #000000;
    text-align: center;
    font-weight: 400;
    border-bottom:1px solid #EAEAEA;
    height:45px;
    line-height:45px;
}
.elecvideoImg{
    width: 415px;
    height: 260px;
    margin:10px auto;
    cursor: pointer;
}
.elecvideoImg img{
    width: 100%;
    height: 100%;
}

.elecLeft h3{
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-align: left;
    margin:0 0 5px 0;
    padding: 0;
}
.elecLeft h3 .elecIco{
    width:23px;
    height:22px;
    display: inline-block;
    vertical-align: top;
}
.elecLeft h3 .elecIco img{
    width: 100%;
    height: 100%;
}
.elecLeft .electxt{
    font-size: 16px;
    color: #4A4A4A;
    line-height: 28px;
    font-weight: 400;
    padding-left:30px;
}
.elecSignInfosmal{
    margin: 0 auto;
    position: relative;
    top:-0.1rem;
    width: 100%;
}
.elecSignInfosmal h1{
    font-size:2rem;
    color: #000000;
    text-align: center;
    font-weight: 600;
}

.elecSignInfosmal p{
    font-size:1.2rem;
    color: #000000;
    text-align: center;
    font-weight: 400;
}
.elecSignInfosmal .elecCont{
    margin: 0 auto;
    width: 100%;
}
.elecSignInfosmal .elecCont .elecRight,.elecSignInfosmal .elecCont .elecLeft{
    width:100%;
    margin:0 auto;
}
.elecSignInfosmal .elecCont .elecVideo{
    margin: 0 auto;
    width: 100%;
    height:22rem;
}

.elecSignInfosmal .elecCont .elecRight .elecVideo h4{
    font-size: 2rem;
    color: #000000;
    text-align: center;
    font-weight: 400;
    border-bottom:1px solid #EAEAEA;
    height:4rem;
    line-height:4rem;
}
.elecSignInfosmal .elecCont .elecRight .elecVideo .elecvideoImg{
    width:92%;
    height:16rem;
    margin:1rem auto;
}

.elecSignInfosmal .elecCont .elecLeft .elecStage{
    margin-bottom:1rem;
    padding-left:0.5rem;
}
.elecSignInfosmal .elecCont .elecLeft .elecStage:last-child{
    margin-bottom:0;
}

.elecSignInfosmal .elecCont .elecLeft h3{
    font-size:1.8rem;
    color: #000000;
    font-weight: 600;
    text-align: left;
    margin:0 0 0.1rem 0;
    padding: 0;
}
.elecSignInfosmal .elecCont .elecLeft h3 .elecIco{
    width:23px;
    height:22px;
    display: inline-block;
    vertical-align: top;
}
.elecSignInfosmal .elecCont .elecLeft .electxt{
    font-size:1.2rem;
    color: #4A4A4A;
    font-weight: 400;
    padding-left:2.8rem;
    text-align: left;
    line-height:1.8rem;
}
.coreProduct{
    background:#fff;
    margin:20px auto;
}

.coreCont{
    overflow: hidden;
    margin:10px auto;
    width:1089px;
}
.coreCont li{
    float: left;
    width:230px;
    margin-right:42px;
    margin-bottom:15px;
}
.coreCont li .coreImg{
    width:192px;
    height: 167px;
    margin:0 auto 10px;
}
.coreCont li .coreImg img{
    width: 100%;
    height: 100%;
}
.coreCont li:nth-child(4n){
    margin-right: 0;
}
.coreCont li h2{
    font-size: 24px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:0 0 5px 0;
    padding:0;
}
.coreCont li p{
    font-size: 16px;
    color: #4A4A4A;
    text-align: center;
    font-weight: 400;
    line-height:20px;
}

.coreInfosmal .coreCont{
    margin:1rem auto;
    width: 100%;
}
.coreInfosmal  .coreCont li{
    float: left;
    width:48%;
    margin-right:4%;
    margin-bottom:0.5rem;
}
.coreInfosmal .coreCont li:nth-child(2n){
    margin-right: 0;
}
.coreInfosmal .coreCont li .coreImg{
    width:15rem;
    height:12rem;
    margin:0 auto 0.3rem;
}

.coreInfosmal  .coreCont li h2{
    font-size:2rem;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:0 0 0.5rem 0;
    padding:0;
}
.coreInfosmal  .coreCont li p{
    font-size:1.2rem;
    color: #4A4A4A;
    text-align: center;
    font-weight: 400;
    line-height:1.5rem;
}
.caseTypes{
    background:#F7FAFD;
    padding-bottom: 10px;
}
.caseCont{
    overflow: hidden;
    margin:10px auto;
    width:990px;
    height:860px;
}

.caseCont li{
    float: left;
    width:300px;
    margin-right:20px;
    margin-bottom:15px;
}
.caseCont li .hostipalImg{
    width:300px;
    height:213px;
    margin:0;
}
.caseCont li .hostipalImg img{
    width: 100%;
    height: 100%;
}
.caseCont li:nth-child(3n){
    margin-right: 0;
}
.caseCont li h4{
    font-size: 24px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:0;
    padding:13px 0;
    background:#ECECEC;
}
.caseInfosmal .caseCont{
    margin:1rem auto 0;
    width: 100%;
    height: 75rem;
}
.caseInfosmal  .caseCont li{
    float: left;
    width:48%;
    margin-right:4%;
}
.caseInfosmal .caseCont li:nth-child(2n){
    margin-right: 0;
}
.caseInfosmal .caseCont li .hostipalImg{
    width:100%;
    height:12rem;
    margin:0;
}
.caseInfosmal  .caseCont li h4{
    font-size:2rem;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:0;
    padding:0.7rem 0;
    width:100%;
}
.caseView{
    font-size: 16px;
    color: #4A90E2;
    text-align: center;
    font-weight: 600;
    display: block;
    /*margin:5px auto 20px;*/
    text-decoration: none;
}
.caseView:hover{
    color: #4A90E2;
}
.model-fixed{
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.bgColor{
    background: #fff;
    border-radius: 10px;
    padding-bottom: 10px;

}
.close-ico{
    width:17px;
    height:17px;
    display: inline-block;
    margin-top:-2px;
    cursor: pointer;
    float: right;
    margin-right:13px;
}
.close-ico img{
    width:100%;
    height: 100%;
}

.cooper-fixed{
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.cooperTle{
    text-align:center;
    font-size:1.5rem;
    color: #000000;
    padding:0 0.2rem;
    font-weight: 600;
}
.cooperTlemd{
    font-size: 22px;
}
.cooperCont{
   overflow: hidden;
    width:94%;
    margin:10px auto;
}
.cooperLeft{
    float: left;
    width:37%;
}
.cooperRight{
    float: right;
    width:61%;
}
.cooperLeft h5{
    font-size:16px;
    color: #000000;
    text-align: center;
    margin:5px 0 0 0;
    padding:0;
    font-weight: 400;
}

.cooperImgmd{
    display:block;
    width: 219px;
    height: 224px;
}
.cooperImg img{
    width:100%;
    height: 100%;
}
.cooperRight p{
    font-size:12px;
    color: #000000;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
}
.cooperRightmd{
    padding-top: 15px;
}
.cooperRightmd p{
    font-size:16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.cooperRight p span{
    width:65%;
    display: inline-block;
    vertical-align: top;
}
.cooperRightmd p span{
    width:72%;
}
.webBom{
    background: #6C6C6C;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.webCont{
    width: 1100px;
    margin:20px auto;
}
.webCopy{
    width:735px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    margin: 10px auto;
    padding:0;
    text-align: left;
}
.web01,.web02{
    display: inline-block;
    width:250px;
    vertical-align: top;
}
.web01 h3,.web02 h3{
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding:0;
}
.web01 a,.web02 a{
    text-decoration: none;
    color:#fff;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}
.web01 a:hover,.web02 a:hover{
    color: #fff;
}
.web03,.web04{
    display: inline-block;
    margin-left: 15px;
}
.webList{
    margin:0;
    padding:0;
    width:320px;
}
.webList li{
    margin-bottom:10px;
}
.webList li .telIco{
    width:24px;
    height:20px;
    display: inline-block;
    margin-right:3px;
}
.webList li span{
    font-size: 16px;
    color:#FFFFFF;
    font-weight:400;
    display: inline-block;
    vertical-align: top;
}
.webList li:first-child span{
    font-size: 26px;
    font-weight: 600;
    vertical-align: middle;
}
.webList li .telIco img{
    width:100%;
    height: 100%;
}
.web04{
    width:197px;
    height: 197px;
    vertical-align: top;
}
.web04 img{
    width:100%;
    height: 100%;
}
.webContSmal{
    width:96%;
    margin:1.2rem auto 0.7rem;
    overflow: hidden;
}
.webCompany{
    font-size:1.8rem;
    color: #FFFFFF;
    margin:0 0 1rem 0;
    padding:0;
    font-weight: 600;
}



.webContSmal .web03{
    float: left;
    width:72%;
    margin-left: 0;
}
.webContSmal .web04{
    width:28%;
    float: right;
    margin-left: 0;
}

.webContSmal .webList{
    margin:0;
    padding:0;
    width:100%;
}
.webContSmal  .webList li{
    margin-bottom:0.7rem;
}
.webContSmal  .webList li .telIco{
    width:24px;
    height:20px;
    display: inline-block;
    margin-right:3px;
}
.webContSmal  .webList li span{
    font-size:1.2rem;
    color:#FFFFFF;
    font-weight:400;
    display: inline-block;
    vertical-align: bottom;
}
.webContSmal  .webList li:first-child span{
    font-size:1.5rem;
    font-weight: 600;
    vertical-align: middle;
}
.webContSmal .web04{
    width:9.5rem;
    height:9.5rem;
    vertical-align: top;
}
.webCopysmal{
    font-size:0.8rem;
    color: #FFFFFF;
    font-weight: 400;
    margin:0.5rem auto;
    padding:0;
    text-align: center;
    width: 100%;
}
.bannernewWrap{
    background: #2382F2;
    position: relative;
    top: 60px;
}

.bannernewWrap .bannernews {
    width:1200px;
    height:382px;
    margin: 0 auto;
    position: relative;
}

.bannernews img {
    width: 100%;
    height: 100%;
}

.newsWrap{
    width: 100%;
    margin-top: 60px;
}
.newsCont{
    width:1100px;
    margin:15px auto;
    height: 1600px;
    position: relative;
}

.customerList{
    overflow: hidden;
    margin:10px auto;
    padding:0;
    width: 1130px;
    height:3185px;
}
.customerList li{
    float: left;
    width:262px;
    margin-right:20px;
    text-align: center;
    margin-bottom:20px;
}
.customerList li:nth-child(4n){
    margin-right: 0;
}
.customerList li i{
    width: 262px;
    height:88px;
    display: inline-block;
}
.customerList li i img{
    width: 100%;
    height: 100%;
}
.customerListSmal{
    overflow: hidden;
    margin:1rem auto;
    padding:0 0 2rem 0;
    width:100%;
    height:360rem ;
}
.customerListSmal li{
    float: left;
    width:48%;
    margin-right:2%;
    text-align: center;
    margin-bottom:0.5rem;
}
.customerListSmal li:nth-child(2n){
    margin-right: 0;
}
.customerListSmal li i{
    width:17rem;
    height:5.8rem;
    display: inline-block;
}
.customerListSmal li i img{
    width: 100%;
    height: 100%;
}
.companyWrap{
    margin: 60px 0;
    background:#fff;
    width: 100%;
}
.companyCont{
    width: 1200px;
    margin:20px auto;
    height:400px;
    position: relative;
}
.companyCont h2{
    font-size: 24px;
    color: #000000;
    margin:0 0 10px 0;
    padding:0;
    font-weight: 600;
}
.companyCont h2 .companyIco{
    width: 7px;
    height: 33px;
    background: #2382F2;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;

}
.companyCont p{
    text-indent: 2em;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    font-weight: 400;
    margin-bottom:15px;
    width:698px;
    padding-left:3px;
}
.companyImg{
    width:390px;
    height:238px;
    position: absolute;
    right:90px;
    top:45px;
}
.companyImg img{
    width: 100%;
    height: 100%;
}
.companyFirst{
    width: 1200px;
    margin: 10px auto 5px;
}
.companyNatural{
    display: inline-block;
    width:295px;
    height:198px;
    margin-right:15px;
}
.companyNatural img{
    width: 100%;
    height: 100%;
}
.companyCerty{
    display: inline-block;
    width:203px;
    height:304px;
    margin-right:5px;
}
.companyCerty img{
    width: 100%;
    height: 100%;
}
.mapWrap{
    width:1200px;
    margin: 0 auto;
}
.companyMap{
    width:1056px;
    height:512px;
}
.companyMap img{
    width: 100%;
    height: 100%;
}
.companyAddress{
    overflow: hidden;
    margin:30px 0;
}
.companyLeft{
    width:230px;
    float: left;
}
.companyLeft .companysImg{
    width:214px;
    height:219px;
    display: block;
}
.companyLeft .companysImg img{
    width: 100%;
    height: 100%;
}
.companyLeft h5{
    font-size: 18px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:5px 0 0 0;
    padding:0;
}
.companyRight{
    width:600px;
    float: left;
}
.companyRight .companyTxt{
    font-size: 22px;
    color: #000000;
    line-height:40px;
    font-weight: 400;
    margin:0;
    padding:0;
}

.companyContsmal{
    width:96%;
    margin:1rem auto;
    height:177rem;
}
.companyContsmal h2{
    font-size:2rem;
    color: #000000;
    margin:0 0 0.4rem 0;
    padding:0;
    font-weight: 600;
}
.companyContsmal h2 .companyIco{
    width:7px;
    height: 33px;
    background: #2382F2;
    display: inline-block;
    margin-right:0.1rem;
    vertical-align: middle;

}
.companyContsmal p{
    text-indent: 2em;
    font-size:1.1rem;
    color: #000000;
    font-weight: 400;
    margin-bottom:0.5rem;
    width:100%;
    padding-left:3px;
    line-height:1.7rem;
}
.companySmalImg{
    width:30rem;
    height:18rem;
    display: block;
    margin:0.5rem auto 2rem;
}
.companySmalImg img{
    width: 100%;
    height: 100%;
}
.companySmalFirst{
    width: 100%;
    margin:0.1rem auto;
    height:8rem;
}
.companySmalFirst .companyNatural{
    width:11rem;
    height:7.5rem;
    display: inline-block;
    margin-right:0.1rem;
}
.companySmalFirst .companyCerty{
    width:11rem;
    height:16.5rem;
    display: inline-block;
    margin-right:0.1rem;
    margin-bottom: 0.1rem;
}
.companySmalMap{
    width:35rem;
    height:17rem;
    margin: 0 auto;
}
.companySmalMap img{
    width: 100%;
    height: 100%;
}
.companySmalAddress{
    width:35rem;
    margin: 0 auto;
}
.companySmalAddress .companyTxt{
    font-size:1.6rem;
    color: #000000;
    line-height:1.8rem;
    font-weight: 400;
    margin:1rem 0 1rem 0;
    padding:0;
    text-align: left;
    text-indent:0;
}
.companySmalAddress .companyTxt span{
    display: inline-block;
    width:26rem;
    vertical-align: top;
}
.companyWaysmal{
    width:100%;
    margin:1.2rem auto 0;
}
.companyWaysmal .companyLeft{
   float: left;
    width:15rem;
    margin-right:1.5rem;
}
.companyWaysmal .companyLeft .companysImg{
    width:15rem;
    height:15.3rem;
    display: block;
}
.companyWaysmal .companyLeft h5{
    font-size:1.5rem;
    color: #000000;
    text-align: center;
    font-weight: 600;
    margin:0.4rem 0 0 0;
    padding:0;
}

.signPlat{
    background:#fff;
    margin:60px 0 0 0;
    width: 100%;
    height: 800px;
}
.signCont{
    width: 1100px;
    margin:50px auto 10px;
    overflow: hidden;
}
.signLeft{
    float: left;
    border-right: 1px solid #DDDDDD;
    height:400px;
    width:49%;
}
.signsLogo{
    width: 129px;
    height:56px;
    margin:0 auto;
}
.signsLogo img{
    width: 100%;
    height: 100%;
}
.signLeft h2{
    font-size: 40px;
    color: #393939;
    text-align: center;
    font-weight: 600;
    margin:20px 0;
    padding:0;
}
.signContxt{
    font-size: 16px;
    color: #727272;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    margin:10px auto;
    padding:0;
    width:480px;
}
.signTxt{
    font-size: 16px;
    color: #727272;
    width:345px;
    margin:0 auto;
}
.signBtn{
    width: 440px;
    height: 72px;
    background: #2382F2;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    line-height: 72px;
    margin:20px  auto 13px;
    display: block;
}
.signRegist{
    background: #FFFFFF;
    border:1px solid #C0C0C0;
    color:#000000;
}
.privacyPlat{
    background:#fff;
    margin:60px 0 0 0;
    width: 100%;
}
.privacyCont{
    margin:40px auto 20px;
    width: 1125px;
    height:1750px;
}
.privacyCont h1{
    font-size: 36px;
    color: #000000;
    text-align:center;
    font-weight: 600;
    margin:0 0 20px 0;
}
.privacyCont p{
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    margin:0;
    padding: 0;
    line-height:22px;
}
.productWrap{
    width: 100%;
    background:#fff;
    margin: 60px auto;
}
.productCont{
    width: 1200px;
    margin:0 auto;
    /*height:1614px;*/
    overflow: hidden;
}


/*sidebar*/
.sidebar{
    width:267px;
    float:left;
}
.sidebar ul, .sidebar ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar a{
    display: inline-block;
    width: 100%;
    height:60px;
    text-decoration: none;
    font-size: 16px;
    color: #000000;
}
.sidebar a:hover{

}
.sidebar a.selected{
    background: #F9F9F9;
    color: #2382F2;
    box-shadow: inset -0.5px 0px 0px 0px rgba(157,157,157,0.5);
    border-right:6px solid  #2382F2;
}
.title{
    width:100%;
    line-height:60px;
    cursor: pointer;
}
.title > span{
    margin-left: 10px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
/*in-sidebar*/
.in-sidebar{
    width: 100%;
    /*display: none;*/
}
.in-sidebar > li{
    width: 100%;
    height:60px;
    line-height: 60px;
}
.in-sidebar > li>a{
    padding-left:40px;
    display: inline-block;
}
/*arrow*/
.arrow{
    display: inline-block;
    width:10px;
    height:10px;
    margin-top:25px;
    background: url(../images/daosanjiao.png) no-repeat center;
}

.productRight{
    float: left;
    border-left:1px solid #E4E4E4;
    width:932px;
}
.hideRight{
    display: none;
}
.productRight h4{
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    text-align: left;
    margin: 0;
    padding: 0 0 0 23px;
    border-bottom: 1px solid #E4E4E4;
}
.productModu01{
    width:870px;
    margin:30px auto 20px;
    overflow: hidden;
}
.proLeft{
    float: left;
    width:558px;
    padding-left: 15px;
}
.proLeft h1{
    font-size: 36px;
    color: #000000;
    font-weight: 600;
    margin:0;
    padding:0;
    text-align: left;
}
.proLeft p{
    margin:15px 0;
    padding:0;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    font-weight: 400;
}
.propriceBtn{
    width: 176px;
    height: 54px;
    background: #2382F2;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    line-height: 54px;
}
.proRight{
    width:287px;
    height:250px;
    float: left;
    margin-left:25px;
}
.proRight  img{
    width: 100%;
    height: 100%;
}
.productTle{
    margin:0;
    padding:0;
    font-size: 16px;
    color: #000000;
    text-align: left;
    font-weight: 600;
    line-height: 29px;
}
.productTle .proIcn{
    display: inline-block;
    width: 5px;
    height: 29px;
    background: #2382F2;
    vertical-align: middle;
}
.productTle span{
    display: inline-block;
    width: 860px;
    border-bottom: 1px solid #E4E4E4;
}
.proStageTle{
    margin:30px 0 10px 15px;
    padding:0;
    font-size: 24px;
    color: #000000;
    text-align: left;
    font-weight: 600;
}
.proStageTxt{
    margin:0;
    padding:0;
    font-size: 14px;
    color: #4C4C4C;
    line-height: 24px;
    font-weight: 400;
    padding-left:18px;
}
.productIntro{
    overflow: hidden;
}
.introLeft{
    float: left;
    width:230px;
}
.introCont{
    margin-bottom:25px;
    margin-left: 20px;
    margin-top: 20px;
}
.introCont h5{
    font-size: 14px;
    color: #2382F2;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 6px 0;
    padding: 0;
    text-align: left;
}
.introCont p{
    font-size: 14px;
    color: #4C4C4C;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.introImg{
    width: 484px;
    height:184px;
    float: left;
    margin-left:65px;
}
.introImg img{
    width: 100%;
    height: 100%;
}
.proUllist{
    margin:20px auto 5px;
    padding:0;
    width:850px;
}
.proUllist li{
    margin: 0 0 15px 0;
    padding:0;
    float: left;
    width:33%;
    padding-left:25px;
}
.proUllist li:first-child,.proUllist li:nth-child(4){
    padding-left: 0;
}
.proUllist li h3{
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 3px 0;
    padding:0;
}
.wjxIco{
    display: inline-block;
    width: 19px;
    height: 18px;
    vertical-align:middle;
    margin-top: -5px;
}
.wjxIco img{
    width: 100%;
    height: 100%;
}
.proUllist li p{
    font-size: 14px;
    color: #5F5F5F;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    width:244px;
    padding-left:25px;
}
.proExample{
    margin:20px auto 5px;
    padding:0;
    overflow: hidden;
    width:880px;
}
.proExample li{
    margin: 0 0 10px 0;
    padding:0;
    float: left;
    width: 206px;
    height: 43px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    margin-right:13px;
    font-size: 14px;
    color: #000000;
    text-align: center;
    font-weight: 400;
    line-height: 43px;
}
.introUllist li{
    float: left;
    width:43%;
    margin-bottom:5px;
}
.introUllist li p{
    width: 135px;
}
.wzhList li p{
    width:175px;
}
.sxtList li{
    float: left;
    width:30%;
    margin-bottom:5px;
}
.sxtList li p{
    width:170px;
}
.ukeyList li,.signServiceList li{
    float: left;
    width:47%;
    margin-bottom:5px;
}
.ukeyList li p{
    width:360px;
}
.ukeyList li:nth-child(2n) p{
    width:366px;
}
.signServiceList li p{
    width:403px;
}

.sdkList li{
    width:22%;
 }
.whatExample li{
  width:277px;
    height:73px;
    border: none;
}
.whatExample li img{
    width: 100%;
    height: 100%;
}
/*产品h5*/
.smalProductCont{
    width: 100%;
    height:168rem;
}
.hidesmalProduct{
    display: none;
}
.smalProductCont h3{
    margin:0 -15px;
    padding:1.2rem;
    color: #000000;
    font-weight: 600;
    font-size: 1.5rem;
    border-bottom: 1px solid rgba(157,157,157,0.5);
}
.smalProductCont h1{
    font-size:2.1rem;
    color: #000000;
    font-weight: 600;
    text-align: center;
    margin: 1.5rem 0;
}
.smalImgpro{
    width:23rem;
    height:20rem;
    margin: 1rem auto;
}
.smalImgpro img{
    width: 100%;
    height:100%;
}
.smalProductCont p{
    width:96%;
    font-size:1.3rem;
    color: #000000;
}

.smalproductTle{
    margin:0;
    padding:0;
    font-size:1.5rem;
    color: #000000;
    text-align: left;
    font-weight: 600;
    line-height: 29px;
}
.smalproductTle .proIcn{
    display: inline-block;
    width: 5px;
    height:29px;
    background: #2382F2;
    vertical-align: middle;
}
.smalproductTle span{
    display: inline-block;
    width:96%;
    border-bottom: 1px solid #E4E4E4;
}
.smalModule01{
    margin-top: 1rem;
}
.smalModule01 .proStageTle{
    margin:1.2rem 0 0.5rem 1rem;
    padding:0;
    font-size:1.5rem;
    color: #000000;
    text-align: left;
    font-weight: 600;
    border: none;
}
.smalModule01 .proStageTxt{
    margin:0;
    padding:0;
    font-size: 1.2rem;
    color: #4C4C4C;
    font-weight: 400;
    padding-left:1rem;
    line-height: 1.8rem;
}


.smalModule01 .introLeft{
    float: none;
    width:100%;
}
.smalModule01 .introCont{
    margin-bottom:1.2rem;
    margin-left:1rem;
    margin-top:1rem;
}
.smalModule01 .introCont h5{
    font-size:1.2rem;
    color: #2382F2;
    font-weight: 600;
    margin: 0 0 0.4rem 0;
    padding: 0;
    text-align: left;
}
.smalModule01  .introCont p{
    font-size:1rem;
    color: #4C4C4C;
    line-height:1.6rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}


.smalModule01 .proUllist{
    margin:1.5rem auto 0;
    padding:0;
    width:98%;
    /*overflow: hidden;*/
}
.smalModule01  .proUllist li{
    margin: 0 0 1rem 0;
    padding:0;
    float: left;
    width:49.3%;
    padding-left:0.5rem;
    height:6.3rem;
}

.smalModule01  .proUllist li h3{
    font-size:1.2rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 0.4rem 0;
    padding:0;
    border: none;
}
.smalModule01  .proUllist li p{
    font-size:0.9rem;
    color: #5F5F5F;
    line-height:1.6rem;
    font-weight: 400;
    text-align: left;
    width:100%;
    padding-left:2.3rem;
}
.smalModule01 .proExample{
    margin:1.5rem auto 0;
    padding:0;
    overflow: hidden;
    width:98%;
}
.smalModule01 .proExample li{
    margin: 0 0 0.8rem 0;
    padding:0;
    float: left;
    width:49%;
    height:3rem;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    margin-right:1%;
    font-size: 1.2rem;
    color: #000000;
    text-align: center;
    font-weight: 400;
    line-height:3rem;
}
.smalModule01 .whatExample li{
    border:none;
    height:4rem;
}
.hiddeNavList{
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: inset 0px -0.5px 0px 0px rgba(207,207,207,0.5);
}
.hiddeNavList li{
    margin: 0;
    padding: 0;
    line-height:4.5rem;
    background: #FFFFFF;
    text-align: center;
    border-bottom: 1px solid rgba(207,207,207,0.5);
}
.hiddeNavList li:first-child{
    border-top: 1px solid rgba(207,207,207,0.5);
}
.hiddeNavList li a{
    font-size:1.7rem;
    color: #000000;
    font-weight: 400;
    display: block;
    width: 100%;
}
.sidebarNav{
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: inset 0px -0.5px 0px 0px rgba(207,207,207,0.5);
    overflow-y: auto;
}
.sidebarNav ul, .sidebarNav ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebarNav a{
    display: inline-block;
    width: 100%;
    line-height:4rem;
    text-align: left;
    color: #000000;
    font-size: 1.3rem;
}
.sidebarNav a:hover{

}
.sidebarNav a.selected{
    background: #F9F9F9;
    color: #2382F2;
    box-shadow: inset -0.5px 0px 0px 0px rgba(157,157,157,0.5);
    border-right:6px solid  #2382F2;
}
.sidebarNav .titleNav{
    width:100%;
    line-height:4rem;
    cursor: pointer;
}
.sidebarNav .titleNav > span{
    margin-left: 1rem;
    font-size:1.5rem;
    color: #000000;
    font-weight: 600;
}
/*in-sidebar*/
.sidebarNav .inNav-sidebar{
    width: 100%;
    display: none;
}
.sidebarNav .inNav-sidebar > li{
    width: 100%;
    height:4rem;
    line-height:4rem;
    border-bottom: 1px solid rgba(207,207,207,0.5);
    background: #FFFFFF;
}
.sidebarNav .inNav-sidebar > li:first-child{
    border-top: 1px solid rgba(207,207,207,0.5);
}
.sidebarNav .inNav-sidebar > li>a{
    padding-left:3.5rem;
    display: inline-block;
}
/*arrow*/
.arrow{
    display: inline-block;
    width:10px;
    height:10px;
    margin-top:25px;
    background: url(../images/daosanjiao.png) no-repeat center;
}


.newsList{
    width: 100%;
    margin: 0;
    padding:0;
}
.newsList li{
    margin:0 0 15px 0;
    padding:0;
    height:148px;
    /*border: 0.5px solid #D8D8D8;*/
}
.newsImg{
    width:209px;
    height:146px;
    float: left;
    border: 1px solid #D8D8D8;
}
.newsImg img{
    width: 100%;
    height:100%;
}
.newsShow{
    width:889px;
    height:146px;
    float: left;
    background: #F8F8F8;
    border: 0.5px solid #D8D8D8;
    border-left:none;
    position: relative;
}
.newsShow h3{
    font-size: 24px;
    color: #000000;
    margin: 0;
    padding:0;
    line-height: 35px;
    padding-left:15px;
    padding-top: 7px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsShow p{
    font-size: 14px;
    color: #5E5E5E;
    margin:0;
    padding:0;
    line-height:23px;
    font-weight: 400;
    padding:0 15px 0 15px;
    word-wrap:break-word;
    word-break:break-all;
}
.newsShow span{
    font-size: 14px;
    color: #5E5E5E;
    display: block;
    position: absolute;
    bottom: 7px;
    left:15px;
}
.paging{
    width:1100px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    /*position:absolute;*/
    /*bottom:270px;*/
}
.pagelist{
    margin:0 auto;
    padding:0;
    height:35px;
    border: 1px solid red;

}
.pagelist li{
    margin:0;
    padding:0;
    height:30px;
    /*padding:0 10px;*/
    line-height: 30px;
    background: #F8F8F8;
    border: 0.5px solid #D8D8D8;
    font-size:15px;
    color: #ddd;
    border-radius: 4px;
    float: left;
    margin-right:10px;
}
.pagelist li .pages-nubmer{
    display: block;
    height:30px;
    padding:0 10px;
}

#pagination-demo1,#pagination-demo2{
    display: flex;
    align-items: center;
}
.paginationjs{
    margin:  0 auto;
}

.newSmallist{
    width: 100%;
    margin: 0;
    padding:0;
}
.newSmallist li{
    margin:0 0 1rem 0;
    padding:0;
    height:12rem;
}
.newSmallist li .newsImg{
    width:13rem;
    height:12rem;
    float: left;
    border: 1px solid #D8D8D8;
}

.newsShowSmal{
    width:calc(100% - 13rem);
    height:12rem;
    float: left;
    background: #F8F8F8;
    border: 0.5px solid #D8D8D8;
    border-left:none;
    position: relative;
}
.newsShowSmal h3{
    font-size:1.5rem;
    color: #000000;
    margin: 0;
    padding:0;
    padding-left:1rem;
    padding-top:0.5rem;
    margin-bottom:0.7rem;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*height:4rem;*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    /*border: 1px solid red;*/
}
.newsShowSmal p{
    font-size:1.2rem;
    color: #5E5E5E;
    margin:0;
    padding:0;
    line-height:1.5rem;
    font-weight: 400;
    padding:0 1rem 0 1rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.newsShowSmal span{
    font-size:1.2rem;
    color: #5E5E5E;
    display: block;
    position: absolute;
    bottom:0.5rem;
    left:1rem;
}

.contractTle{
    width:860px;
    position: absolute;
    left:50%;
    margin-left: -430px;
    top:50px;
}
.contractTle h2{
    text-align: left;
    font-size: 60px;
    color: #FFFFFF;
    font-weight: 600;
    margin:0 0 15px 0;
    padding:0;
    font-family: PingFangSC-Semibold;
}
.contractTle p{
    font-size: 29px;
    color: #FFFFFF;
    font-weight: 600;
    margin:0 0 15px 0;
    padding:0;
    text-align: left;
    font-family: PingFangSC-Semibold;
}
.contractTle p:last-child{
    font-size: 20px;
    margin-bottom: 0;
}



.cr-pagination a {
    background: transparent;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    line-height:26px;
    min-width:30px;
    height:28px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #454545;
    border: 1px solid #d1d1d1;
    margin:0 3px;
    font-size: 13px;
    font-weight:600;
}

.cr-pagination span {
    background: transparent;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    line-height:26px;
    min-width:30px;
    height:28px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #454545;
    border: 1px solid #d1d1d1;
    font-size: 13px;
    font-weight:600;
}

.cr-pagination .active{
    background: #d9d9d9;
    color: #ffffff;
}
.beiTxt{
    color:#fff !important;
    text-decoration: none !important;
}
.beiTxt:hover{
    color:#fff;
}




.customerCaseList{
    overflow: hidden;
    margin:10px auto;
    padding:0;
    width:970px;
    height:1775px;
}
.customerCaseList li{
    float: left;
    width:300px;
    margin-right:28px;
    text-align: center;
    margin-bottom:25px;
}
.customerCaseList li:nth-child(3n){
    margin-right: 0;
}
.customerCaseList li i{
    width:300px;
    height:209px;
    display:block;
}
.customerCaseList li i img{
    width: 100%;
    height: 100%;
}
.customerCaseList li h3{
    width: 300px;
    height: 65px;
    background: #ECECEC;
    line-height: 65px;
    text-align: center;
    font-size:20px;
    color: #000000;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.customerCaseListSmal{
    overflow: hidden;
    margin:1rem auto;
    padding:0 0 2rem 0;
    width:100%;
    height:155rem;
}
.customerCaseListSmal li{
    float: left;
    width:48%;
    margin-right:2%;
    text-align: center;
    margin-bottom:1.5rem;
}
.customerCaseListSmal li:nth-child(2n){
    margin-right: 0;
}
.customerCaseListSmal li i{
    width:17.25rem;
    height:12rem;
    display:block;
}
.customerCaseListSmal li i img{
    width: 100%;
    height: 100%;
}


.customerCaseListSmal li h3{
    width:17.25rem;
    height:3rem;
    background: #ECECEC;
    line-height:3rem;
    text-align: center;
    font-size:1.2rem;
    color: #000000;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

/* 移动端文本显示优化 */
@media (max-width: 767px) {
    .privacyCont {
        width: 100% !important;
        padding: 15px !important;
        font-size: 14px !important;
        line-height: 1.6;
    }
}