.title h3{

    color: #000000;

    font-size: 40px;

    font-weight: normal;


}

.title h31{

    color: #000000;

    font-size: 50px;

    font-weight: normal;


}
.title p{

    margin-top: 10px;

    color: #000000;

    font-size: 14px;


    text-transform: uppercase;

}

.proBox .right {
    float: right;
    width: 45%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.proBox{

    padding: 5vw 0 6vw;

    position: relative;

}

.proBox:before{

    content:"";

    display: none;

    position: absolute;

    left: 0;

    top: 50px;

    width: 100%;

    height: 190px;

    background:url(../images/probg.jpg) no-repeat center center/cover;

}

.proBox .container{

    position: relative;

    z-index: 2;

}

.proBox .left{

    float: left;

    width: 45%;

    position: absolute; left:0; top:50%; transform: translateY(-50%);

}

.proBox .left .text{

    color:#333333;

    font-size: 16px;

    line-height: 32px;

}

.proBox .left .text p{

    margin-top: 20px;

}




.proBox .right .text{

    color:#333333;

    font-size: 16px;

    line-height: 32px;

}

.proBox .right .text p{

    margin-top: 20px;

}


.proBox .img{

    float: right;

    line-height: 0;

    width: 50%;

}



.proBoxA { margin-top:3vw; }

.proBoxA ul li { float: left; margin-right: 8vw; position: relative; }

.proBoxA ul li .num { font-size: 3vw; color:#333333; font-family: "Arial"; line-height: 1; }

.proBoxA ul li .num span { font-size: 24px; }



.proBoxA .c { font-size: 16px; color:#666666; margin-top:8px; }

.proBoxA ul li:after { content:''; width: 1px; height: 100%; position: absolute; top:0; right: -4vw; background: #ededed; }



.proBoxA ul li:last-child:after { display: none; }

.proBoxA ul li:last-child { margin-right:0; }



.proBox .left .text { margin-top: 20px; max-height: 12vw; }



.proBox .left .text p:nth-child(1) { margin-top:0; }

.proBox .left .text{

    padding-right: 10px;

    scrollbar-color:  #000000 rgba(255,255,255,0);  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */

    scrollbar-width: thin;  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */

    -ms-overflow-style:none;  /* 隐藏滚动条（在IE和Edge两个浏览器中很难更改样式，固采取隐藏方式） */

}









.proBox .right .text { margin-top: 20px; max-height: 12vw;  }



.proBox .right .text p:nth-child(1) { margin-top:0; }

.proBox .right .text{

    padding-right: 10px;

    scrollbar-color:  #000000 rgba(255,255,255,0);  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */

    scrollbar-width: thin;  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */

    -ms-overflow-style:none;  /* 隐藏滚动条（在IE和Edge两个浏览器中很难更改样式，固采取隐藏方式） */

}



/* 以下是chrome浏览器自定义滚动条样式方式 */

.proBox .left .text::-webkit-scrollbar {/*滚动条整体样式*/

        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

}

.proBox .left .text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 3px;

        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);

        background: #000000;

}

.proBox .left .text::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);

        border-radius: 3px;

        background: rgba(255,255,255,0);

}





@media(max-width: 1480px){

    .proBoxA { margin-top: 2vw; }

    .proBoxA ul li { margin-right: 6vw; }

    .proBoxA ul li .num { font-size: 3vw; }

    .proBoxA ul li .num span { font-size: 20px; }

    .proBoxA .c { margin-top:8px; }

    .proBoxA ul li:after { right: -3vw; }

    .proBox .left .text p { margin-top: 10px; }

}



@media(max-width: 1024px){

    .proBox .left { position: relative; left:0; top:0; transform: translateY(0); }

    .proBox .left .text { margin-top:10px; height: auto; max-height: 100000px; }
	
	  .proBox .right { position: relative; left:0; top:20px; transform: translateY(0); }

    .proBox .right .text { margin-top:10px; height: auto; max-height: 100000px; }

    .proBoxA ul li .num { font-size: 30px; }

    .proBoxA ul li .num span { font-size: 18px; }

}



.proBox2{

    position: relative;

}

.proBox2 .img{

    line-height: 0;

}

.proBox2 .boxtext{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.proBox2 .boxtext .text{

    position: absolute;

}

.proBox2 .boxtext .text .icon{

    /* width: 54px; */

    width: 24px;

    display: block;

    height: 24px; border-radius: 50%; background: rgba(255,255,255,0.8);;

    line-height: 0;

    cursor: pointer;

    position: relative;

    z-index: 2;

}

.proBox2 .boxtext .text .con{

    z-index: 0;

    position: absolute;

    top: 28px;

    background:#fff;

    width: 800px;

    padding: 20px;

    display: none;

}

.proBox2 .boxtext .text .conL{

    left: 28px;

}

.proBox2 .boxtext .text .conR{

    right: 28px;

}

.proBox2 .boxtext .text .conB{

    top: auto;

    bottom: 28px;

}

.proBox2 .boxtext .text .con .img01{

    float: left;

    width: 350px;

    height: 228px;

    line-height: 0;

}

.proBox2 .boxtext .text .con .t{

    float: right;

    width: 380px;

    padding-top: 40px;

}

.proBox2 .boxtext .text .con .t.w100 { width: 100%; padding-top:0;}

.proBox2 .boxtext .text .con .t h3{

    color:#222222;

    font-size: 20px;

    font-weight: normal;

}

.proBox2 .boxtext .text .con .t .d{

    color:#4f4f4f;

    font-size: 14px;

    line-height: 26px;

}

.proBox2 .boxtext .text .con .t .d p{

    padding-left: 10px;

    margin-top: 10px;

}

.proBox2 .boxtext .text .con .t .d p{

    background:url(../images/pic01.jpg) no-repeat left 10px/cover;

    background-size:7px 7px;

}

.proBox2 .boxtext .text:hover .con{

    display: block;

}

.proBox2 .boxtext .text.cur{

    z-index: 8;

}

.proBox2 .boxtext .t1{

    left: 35%;

    top: 41%;

}

.proBox2 .boxtext .t2{

    left: 50%;

    top: 44%;

}

.proBox2 .boxtext .t3{

    left: 65%;

    top: 36%;

}



.proBox02 .boxtext .t1{

    left: 33%;

    top: 21%;

}

.proBox02 .boxtext .t2{

    left: 32%;

    top: 39%;

}

.proBox02 .boxtext .t3{

    left: 49.5%;

    top: 31%;

}

.proBox02 .boxtext .t4{

    left: 48%;

    top: 48%;

}



.proBox002 .boxtext .t1{

    left: 30%;

    top: 49%;

}

.proBox002 .boxtext .t2{

    left: 42%;

    top: 55%;

}

.proBox002 .boxtext .t3{

    left: 58%;

    top: 37%;

}

.proBox002 .boxtext .t4{

    left: 69%;

    top: 32%;

}

.proBox002 .boxtext .t5{

    left: 66%;

    top: 73%;

}



.proBoxtyDT .boxtext .t1{

    left: 33%;

    top: 15%;

}

.proBoxtyDT .boxtext .t2{

    left: 38%;

    top: 46%;

}

.proBoxtyDT .boxtext .t3{

    left: 65%;

    top: 37%;

}

.proBoxtyDT .boxtext .t4{

    left: 75%;

    top: 31%;

}



.proBox3{

    /*background:url(../images/proImg3.jpg) no-repeat right bottom #fff;*/

    background-position-x: right;

    background-position-y: bottom;

    background-repeat: no-repeat;

    height: 627px;

    padding-top: 160px;

}

.proBox3 .left{

    width: 50%;

}

.proBox3 .left .text{

    margin-top: 30px;

    color:#333333;

    font-size: 16px;

    line-height: 36px;

}

.proBox4{

    background:#f7f7f7;

    padding: 100px 0;

}

.caseBoxQh{

    margin-right: -9.2%;

    padding-top: 80px;

    margin-top: -30px;

}

.caseBoxQh .swiper-slide{

    width: 656px;

}

.caseBoxQh .box .imgbox{

    overflow: hidden;

    position: relative;

}

.caseBoxQh .box .imgbox .img{

    line-height: 0;

}

.caseBoxQh .box p.bt{

    color: #333333;

    font-size: 20px;

    margin-top: 15px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.caseBoxQh .box .hide{

    position: absolute;

    left: 0;

    top: 0;

    width: 91%;

    height: 100%;

    background:rgba(255, 255, 255, .8);

    padding: 5%;

    display: none;

}

.caseBoxQh .box .hide h3{

    color:#333333;

    font-size: 22px;

    font-weight: normal;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.caseBoxQh .box .hide i.xian{

    display: block;

    width: 40px;

    height: 2px;

    background:#7d7d7d;

    margin: 20px 0;

}

.caseBoxQh .box .hide p{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}

.caseBoxQh .box .hide span{

    margin-top: 50px;

    color: #10509f;

    font-size: 14px;

    display: inline-block;

    text-transform: uppercase;

    background:url(../images/jt02bg.png) no-repeat right center;

    padding-right: 20px;

}

.caseBoxQh .box:hover .hide{

    display: block;

}

.caseBoxQh .box:hover p.bt{

    display: none;

}

.caseBoxQh .swiper-button-prev,

.caseBoxQh .swiper-button-next{

    width: 13px;

    height: 22px;

    top: 0;

    margin-top: 0;

}

.caseBoxQh .swiper-button-prev{

    left: auto;

    right: 13%;

    background:url(../images/proLeft.png) no-repeat center center/cover;

}

.caseBoxQh .swiper-button-next{

    right: 8.4%;

    background:url(../images/proRight.png) no-repeat center center/cover;

}



.proBox03{

    background-image:url(../images/proImg03.jpg);

}

.proBox003{

    background-image:url(../images/proImg003.jpg);

}

.proBoxtiyu{

    background-image:url(../images/tiyuImg01.jpg);

}

.proBoxzhibu{

    background-image:url(../images/zhibuImg01.jpg);

}



.proBox5{

    background:url(../images/zhiwuBg.jpg) no-repeat center center/cover;

    padding: 100px 0;

}

.proBoxList{

    padding-top: 80px;

    margin-top: -40px;

}

.proBoxList .box{

    background:#fff;

}

.proBoxList .box .img{

    line-height: 0;

    overflow: hidden;

}

.proBoxList .box .text{

    padding: 20px 30px;

}

.proBoxList .box .text h3{

    color: #222222;

    font-size: 20px;

    font-weight: normal;

}

.proBoxList .box .text p{

    color: #4f4f4f;

    font-size: 14px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    margin-top: 10px;

}

.proBoxList .swiper-button-prev,

.proBoxList .swiper-button-next{

    width: 52px;

    height: 47px;

    top: 0;

    margin-top: 0;

}

.proBoxList .swiper-button-prev{

    left: auto;

    right: 5%;

    background:url(../images/pLeft.png) no-repeat center center/cover;

}

.proBoxList .swiper-button-next{

    right: 0;

    background:url(../images/pRight.png) no-repeat center center/cover;

}



.mobilemenu{

    display: none;

}

.mobilePro{

    display: none;

    background:#f7f7f7;

    padding: 30px 15px 60px;

    width: 100%;

}

.mobilePro .box .img{

    line-height: 0;

    overflow: hidden;

}

.mobilePro .box .img img{

    width: 100%;

}

.mobilePro .box .text{

    padding-top: 15px;

}

.mobilePro .box .text h3{

    color: #333;

    font-size: 16px;

    font-weight: normal;

}

.mobilePro .box .text .d{

    font-size: 14px;

    line-height: 24px;

    margin-top: 5px;

}

.mobilePro .slick-dots li button{

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

.mobilePro .slick-dots {

    width: 80%;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.pop_join{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}

.pop_join .box{background: #fff;width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 60px;}

.pop_join .box .guanbi{position: absolute;right: 26px;top: 26px;width: 22px;height: 22px;cursor: pointer;z-index: 1000;}

.pop_join .box h1{color: #333333;font-size: 24px;font-weight: normal;border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;position: relative;margin-bottom: 20px;}

.pop_join .box h1::before{content: "";position: absolute;left: 0;bottom: 0;width: 52px;height: 2px;background: #000000;}

.pop_join .box .name{margin-top: 20px;color: #444444;font-size: 18px;line-height: 34px;}

.pop_join .box .bt{color: #444444;font-size: 18px;line-height: 34px;}

.pop_join .box .t{color: #666666;font-size: 15px;line-height: 30px;}

@media (max-width: 1000px){

    .pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}

}




.topNav-a {

    float: right;

    margin-left: 25px;

    margin-top: 13px;

    width: 88px;

}



.topNav-a dl {

    position: relative;

}



.topNav-a dl dt {

    color: #fff;

    font-size: 16px;

    padding: 0px 0 25px 24px;

    background: url(../images/dt.png) no-repeat left 1px;

}



.topNav-a dl dt:before {

    position: absolute;

    content: "";

    top: 25%;

    transform: translateY(-50%);

    right: 0;

    width: 8px;

    height: 6px;

    background: url(../images/dt-1.png) no-repeat right center;

}



.fixed-head .topNav-a dl dd,.nobannerNav .topNav-a dl dd {

    background: #f4f5f5;

}



.topNav-a dl dd {

    display: none;

    font-size: 16px;

    color: #000000;

    position: absolute;

    background: #ffffff;

    top: 31px;

    width: 144px;

    border-radius: 6px;

    padding: 15px 0 5px;

    text-align: center;

    left: -28px;

}



.topNav-a dl dd .eee {

    margin-bottom: 10px;

}



.topNav-a dl dd .eee a {

    font-size: 14px;

    color: #999;

}

.topNav-a dl dd .eee.cur a {

    color: #333;

}



.topNav-a dl dd .eee a:hover {

    color: #000;

}



.topNav-a dl:hover dd {

    display: block;

}
.jszcAdd,.jszcAdd a { color:rgba(255,255,255,0.1);  }