/*初始化*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style: none; }
a{text-decoration: none;}
button { cursor: pointer; }
html, body {min-width:1024px !important;}
body { width:100%;min-width:1200px;color: #363636; line-height: 1.2;overflow-x: hidden;font-family: '微软雅黑'}
.claer{clear: both;}
/*媒体查询*/
@media (max-width: 1024px){
    .product{
        margin: 0 auto;
        width: 853px;
    }
    .hnw {
        height: 361px;
    }
    .hnw .bg1 {
        height: 153px;
    }
    .hnw .bg3 img{
        width: 361px;
        height: 230px;
    }
    .hnw .bg2 {
        width: 657px;
        height: 264px;
    }
    .contentbox {
        width: 450px;
        height: 141px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .hnw .bg2 .rt .content1{
        width: 450px;
        height: 100px;
        font-size: 8px;
        margin-bottom: 28px;
        line-height: 25px;
        margin-top: 20px !important;

        /* overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 38px;
        height: 30px;
    }
    .business .lf_box .info_list {
        margin-top: 25px !important;
    }
    .public_title p:first-child {
        font-size: 30px !important;
    }
    .public_title p:nth-child(2) {
        font-size: 26px !important;
    }
    .business .lf_box {
        width: 512px;
        height: 445px;
        padding: 20px 0 0 90px;
    }
    .business .rt_box img {
        width: 505px;
        height: 445px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 20px;
        height: 32px;
    }
    .business .lf_box .info_list div p {
        font-size: 11px;
        width: 500px;
        margin-top: 6px;
    }
    .customers .public_title {
        margin-left: 90px;
    }
    .customers .partner_box{
        width: 1000px;
        margin: 10px;
        margin: 10px auto;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1280px) {
    .product{
        margin: 0 auto;
        width: 1067px;
    }
    .hnw {
        height: 414px;
    }
    .hnw .bg1 {
        height: 206px;
    }
    .hnw .bg3 img{
        width: 451px;
        height: 288px;
    }
    .hnw .bg2 {
        width: 821px;
        height: 331px;
    }
    .contentbox {
        width: auto;
        height: auto;
        overflow : hidden;
    }
    .hnw .bg2 .rt .content1{
        width: 555px;
        height: 125px;
        font-size: 10px;
        margin-bottom: 28px;
        line-height: 25px;
        box-sizing: border-box;

        /* overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 48px;
        height: 38px;
    }
    .business .lf_box .info_list {
        margin-top: 35px !important;
    }
    .public_title p:first-child {
        font-size: 37px !important;
    }
    .public_title p:nth-child(2) {
        font-size: 32px !important;
    }
    .business .lf_box {
        width: 640px;
        height: 556px;
        padding: 20px 0 0 112px;
    }
    .business .rt_box img {
        width: 631px;
        height: 556px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 22px;
        height: 32px;
    }
    .business .lf_box .info_list div p{
        font-size: 11px;
        width: 540px;
        margin-top: 6px;
    }
    .customers .public_title {
        margin-left: 112px;
    }
    .customers .partner_box{
        width: 1200px;
        margin: 20px;
        margin-left: 50px;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1366px) {
    .product{
        margin: 0 auto;
        width: 1138px;
    }
    .hnw {
        height: 415px;
    }
    .hnw .bg1 {
        height: 206px;
    }
    .hnw .bg3 img{
        width: 481px;
        height: 307px;
    }
    .hnw .bg2 {
        width: 876px;
        height: 353px;
    }
    .contentbox {
        width: auto;
        height: auto;
        overflow : hidden;
    }
    .hnw .bg2 .rt .content1{
        width: 580px;
        height: 150px;
        font-size: 11px;
        margin-bottom: 30px;
        line-height: 25px;
        box-sizing: border-box;

        /* overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 51px;
        height: 41px;
    }
    .public_title p:first-child {
        font-size: 40px !important;
    }
    .public_title p:nth-child(2) {
        font-size: 34px !important;
    }
    .business .lf_box {
        width: 690px;
        height: 593px;
        padding: 20px 0 0 120px;
    }
    .business .rt_box img {
        width: 673px;
        height: 593px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 22px;
        height: 32px;
    }
    .business .lf_box .info_list div p {
        font-size: 11px;
        width: 540px;
        margin-top: 6px;
    }
    .customers .public_title {
        margin-left: 120px;
    }
    .customers .partner_box{
        width: 1300px;
        margin: 20px;
        margin-left: 50px;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1440px) {
    .product{
        margin: 0 auto;
        width: 1200px;
    }
    .hnw {
        height: 454px;
    }
    .hnw .bg1 {
        height: 250px;
    }
    .hnw .bg3 img{
        width: 507px;
        height: 324px;
    }
    .hnw .bg2 {
        width: 923px;
        height: 372px;
    }
    .contentbox {
        width: auto;
        height: auto;
        overflow : hidden;
    }
    .hnw .bg2 .rt .content1{
        width: 630px;
        height: 175px;
        font-size: 11px;
        margin-bottom: 36px;
        line-height: 25px;
        box-sizing: border-box;

        /* overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 54px;
        height: 43px;
    }
    .public_title p:first-child {
        font-size: 42px !important;
    }
    .public_title p:nth-child(2) {
        font-size: 36px !important;
    }
    .business .lf_box {
        width: 720px;
        height: 626px;
        padding: 20px 0 0 130px;
    }
    .business .rt_box img {
        width: 710px;
        height: 626px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 24px;
        height: 32px;
    }
    .business .lf_box .info_list div p {
        font-size: 11px;
        width: 650px;
        margin-top: 6px;
    }
    .customers .public_title {
        margin-left: 130px;
    }
    .customers .partner_box{
        width: 1400px;
        margin: 20px;
        margin-left: 30px;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1680px) {
    .product{
        margin: 0 auto;
        width: 1400px;
    }
    .hnw {
        height: 542px;
    }
    .hnw .bg1 {
        height: 335px;
    }
    .hnw .bg3 img{
        width: 592px;
        height: 378px;
    }
    .hnw .bg2 {
        width: 1077px;
        height: 434px;
    }
    .contentbox {
        width: auto;
        height: auto;
        overflow : hidden;
    }
    .hnw .bg2 .rt .content1{
        width: 710px;
        height: 175px;
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 41px;
        box-sizing: border-box;

        /* overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 63px;
        height: 50px;
    }
    .business .lf_box {
        width: 840px;
        height: 730px;
        padding: 20px 0 0 135px;
    }
    .business .rt_box img {
        width: 828px;
        height: 860px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 28px;
        height: 35px;
    }
    .business .lf_box .info_list div p {
        font-size: 13px;
        width: 705px;
        margin-top: 8px;
    }
    .customers .public_title {
        margin-left: 135px;
    }
    .customers .partner_box{
        width: 1600px;
        margin: 20px;
        margin-left: 30px;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}
@media (min-width: 1920px) {
    .product{
        margin: 0 auto;
        width: 1600px;
    }
    .hnw {
        height: 571px;
    }
    .hnw .bg1 {
        height: 364px;
    }
    .hnw .bg3 img{
        width: 676px;
        height: 432px;
    }
    .hnw .bg2 {
        width: 1231px;
        height: 496px;
    }
    .contentbox {
        width: auto;
        height: auto;
        overflow : hidden;
    }
    .hnw .bg2 .rt .content1{
        width: 708px;
        height: 225px;
        font-size: 15px;
        font-weight: 400;
        color: #5E5E5E;
        line-height: 25px;
        margin-bottom: 79px;
        box-sizing: border-box;

        /* overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical; */
    }
    .hnw .bg2 .rt .yh img {
        width: 72px;
        height: 57px;
    }
    .business .lf_box {
        width: 960px;
        height: 834px;
        padding: 71px 0 0 150px;
    }
    .business .rt_box img {
        width: 960px;
        height: 834px;
    }
    .business .lf_box .info_list div {
        margin-bottom: 33px;
    }
    .business .lf_box .info_list div p {
        font-size: 15px;
        width: 705px;
        margin-top: 10px;
    }
    .customers .public_title {
        margin-left: 150px;
    }
    .customers .partner_box{
        width: 1800px;
        margin: 20px;
        margin-left: 30px;
    }
    .customers .partner_box .img{
        width: 354px;
        height: 130px;
        text-align: center;
    }
    .customers .partner_box .img img{
        width: 100%;
        height: 100%;
    }
}
.product {
    position: relative;
    margin-top: 60px;
    z-index: 3;
}


/* 公共标题--样式 */
.public_title p:first-child{
    font-size: 56px;
    
    font-weight: bold;
    color: #EEEEEE;
}
.public_title p:nth-child(2){
    font-size: 48px;
    
    font-weight: 400;
    color: #474747;
    margin-bottom: 30px;
}
.public_title p:last-child{
    width: 40px;
    height: 4px;
    background: #418FFD;
}
/* hnw页面样式 */
.banner {
    overflow: hidden;
    width: 100%;
    /* height: 1267px; */
    position: relative;
}
.banner img{
    width: 100%;
    height: 640px;
}
.banner .us{
    width: 684px;
    position: absolute;
    top: 233px;
    left: 30%;
    text-align: center;
}
.banner .us .about_us{
    font-size: 50px;
    
    font-weight: 400;
    color: #FFFFFF;
}
.banner .us .zhong{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.banner .us .zhong .line{
    width: 170px;
    height: 1px;
    background: rgba(255, 255, 255, 0.32);
}
.banner .us .zhong .wm{
    font-size: 18px;
    
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 20px;
}
/*导航条  */
.nav{
    height: 79px;
    background-color: fff;
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    box-sizing: border-box;
    border-bottom: 1px solid #EFEFEF;
}
.nav div{
    height: 79px;
    line-height: 75px;
}
.nav div a{
    margin: 0 30px;
    font-size: 16px;
    
    font-weight: 400;
    color: #474747;
    cursor: pointer;
}
.on{
    border-bottom: 2px solid #3588FF;
   
}
.on a{
    color: #3588FF !important;
}

/* 内容 */
.hnw{
    width: 100%;
    background: #FFFFFF;
    position: relative;
}
.hnw .bg1{
    width: 83.5%;
    background: #F7F7F7;
    position: absolute;
    top: 208px;
    left: 0;
}
.hnw .bg2{
    background: #fff;
    position: absolute;
    top:0;
    right: 0;
    display: flex;
    /* align-items: center; */
    /* padding: 91px ;
    box-sizing: border-box; */
}
.hnw .bg2 .lf{
    width: 430px;
    height: 432px;
    /* background-color: #363636; */
}
.hnw .bg2 .rt{
    flex: 1;
    position: absolute;
    /* top: -45px; */
    right: 0;
}
.hnw .bg2 .rt .yh img{
}
.hnw .bg2 .rt .content1{
    width: 708px;
    font-weight: 400;
    color: #5E5E5E;
    box-sizing: border-box;
    margin-top: 30px;
}
.hnw .bg2 .rt .scrolls {
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}
.scrolls::-webkit-scrollbar-thumb{
    background: rgb(238, 236, 236);
}
.scrolls::-webkit-scrollbar {    
    /* display: none; */
    width: 4px;
}
/* .hnw .bg2 .rt .scrolls::-webkit-scrollbar {
    display: none;
} */
.hnw .bg2 .rt .more_info{
    display: flex;
    align-items: center;
    margin-left: 41px;
}
.hnw .bg2 .rt .more_info .btn{
    width: 144px;
    height: 38px;
    background: #fff;
    border: 1px solid #DCDCDC;

    font-size: 14px;
    
    font-weight: 400;
    color: #5E5E5E;
    /* text-align: center; */
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    cursor: pointer;
}
.hnw .bg2 .rt .more_info .btn img{
    width: 22px;
    height: 4px;
    margin-left: 8px;
}
.hnw .bg2 .rt .more_info .icon{
    width: 18px;
    height: 18px;
    margin: 0 20px;
    cursor: pointer;
}
.hnw .bg2 .rt .more_info .icon .kuang_wx{
    width: 144px;
    height: 144px;
    background-color: #fff;
    margin:20px 0 0 -62px;
    box-shadow: 0px 3px 13px 0px rgba(145, 145, 145, 0.21);
    display: none;
    text-align: center;
}
.hnw .bg2 .rt .more_info .icon .kuang_dh{
    width: 150px;
    height: 50px;
    background-color: #fff;
    margin:17px 0 0 -50px;
    box-shadow: 0px 3px 13px 0px rgba(145, 145, 145, 0.21);
    text-align: center;
    line-height: 50px;
    display: none;
}
.hnw .bg2 .rt .more_info .icon:hover .kuang_wx{
    display: block;
}
.hnw .bg2 .rt .more_info .icon:hover .kuang_dh{
    display: block;
}
.hnw .bg3{
    position: relative;
    z-index: 9;
}

/* 业务涵盖 */
.business{
    width: 100%;
    /* height: 670px;   */
    /* background: pink; */
    display: flex;
    /* position: relative;
    top: -126px;
    padding-left: 10px; */
    box-sizing: border-box;
    justify-content: space-between;
    overflow: hidden;
}
.business .lf_box{
    background: #fff;
    /* padding: 71px 0 0 150px; */
    box-sizing: border-box;
}
/* .lf_box .scroll {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}
.scroll::-webkit-scrollbar-thumb{
    background: rgb(238, 236, 236);
}
.scroll::-webkit-scrollbar {    
    width: 4px;
} */
.business .lf_box .info_list{
    margin-top: 47px;
    width: 100%;
}
.business .lf_box .info_list div{
    /* width: 630px; */
    height: auto;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #5E5E5E;
    /* line-height: 38px; */
    margin-bottom: 64px;
}
/* .business .lf_box .info_list div p:last-child{
    width: 630px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
} */

.business .rt_box img{
    margin-left: 50px;
}

/* 合作客户 */
.customers{
    width: 100vw;
    padding-top: 30px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.customers .partner_box{
    width: 76%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
}
.customers .partner_box .img{
    width: 288px;
    height: 220px;
    border-right: 1px solid #EDF0F2;
    border-bottom: 1px solid #EDF0F2;
    opacity: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.customers .partner_box .img img{
    width: 120px;
    height: 120px;
    filter: grayscale(100%);
    opacity: 0.55;
}
.customers .partner_box .img:hover img{
    filter: grayscale(0);
    opacity: 1;
}