@charset "utf-8";
body{background-color: #f1f3f5}
.banner{width: 100%;height: 500px}
.index-banner {width: 100%;height: 100%;}
.index-banner .item {
    width: 100%;
    height:500px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
}
.index-banner .item a{display: block;width: 100%;height: 100%;position: relative;z-index: 99999;outline: unset}
.index-banner .item img{width: 100%}
@media (max-width: 991px) {
    .banner{height:120px;}
    .index-banner .item {height:120px;overflow: hidden}
    .index-banner .item img{width: 120%}
}
.index-banner .item.slick-active {-webkit-animation: fadeIn 2.5s both;animation: fadeIn 2.5s both;}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background:rgba(0,0,0,0.15);
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 50%;
    opacity: 0.5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.8rem;color:#fff;}
.index-banner .PrevArrow{left:0;}
.index-banner .NextArrow{right:0;transform: rotate(-180deg)}
.index-banner .NextArrow:hover,.index-banner .PrevArrow:hover{opacity: 1;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color: #fff}
.index-banner .slick-dots {position: absolute;height:12px;bottom:30px;width:100px;left:50%;margin-left:-50px;padding: 0;list-style-type: none;}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:12px;height:12px;background-color:rgba(0,0,0,0.2);border-radius: 50%;}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:#fff;}
@media (max-width: 1440px) {
    .index-banner .slick-dots {bottom:60px;left:30px;}
}
@media (max-width: 991px) {
    .index-banner .slick-dots {bottom:15px;}
    .index-banner .NextArrow,.index-banner .PrevArrow{opacity:0;}
    .index-banner .slick-dots {width:80px;margin-left: -40px;left: 50%;}
    .index-banner .slick-dots li {width:8px;height:8px;border-radius:50%;}
    .index-banner .slick-dots li.slick-active {width: 8px;}
    .index-banner .item.slick-active {-webkit-animation: fadeIn 2s both;animation: fadeIn 2s both;}
}
/*bj*/
.bj{padding:20px 0 0 0;position: relative;background-color: #fff}
.bj .title p{font-size: 25px;line-height: 50px;position: relative;color:#444;font-weight: 600;margin-bottom: 10px}
.bj .title b{padding-left: 20px;font-size: 16px;color: #666;font-weight: 300;}
.bj .title span{color:var(--color-3);font-style: normal;font-weight: 400;}
.bj .bj-form{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 50px;
}
.bj .bj-form input{width: 32%;margin-right: 2%;line-height: 45px;border-radius:6px;border: 1px solid #ddd;padding: 0 20px;color: #666;font-size: 16px;display: block;}
.bj .bj-form input:last-child{margin-right: 0;}
.bj .bj-form input[type=text]{}
.bj .bj-form input[type=button]{
    width: 31%;margin: 0 0 0 auto;
    color: #fff;font-size: 16px;border:none;
    background-color: var(--color-3);
    background-image: linear-gradient(45deg,var(--color-3),var(--color-4));
    box-shadow: 0 10px 25px rgba(0, 123, 194, 0.25);
    position: relative;
}
.bj .bj-list{background-color:#f8f9fa;padding: 30px 0;width: 100%}
.bj .bj-list-ul{padding:0 0 20px 0;width: 100%;margin: 0 0;}
.bj .bj-list-ul li{padding:25px;position: relative;border-radius:6px;background-color: #fff;
    -webkit-box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.03);
    width: 23.5%;margin-right: 2%;
    outline: none;
}
.bj .bj-list-ul li:last-child{margin-right: 0}
.bj .bj-list-ul li .info h4{font-size: 22px;color:#495057;font-weight: 550;margin-bottom: 10px;}
.bj .bj-list-ul li .info p{font-size: 14px;;}
.bj .bj-list-ul li .info p a{display: block;outline: none;line-height: 25px;color: #868e96;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.bj .bj-list-ul li .info p a:hover{color: var(--color-3)}
.bj .bj-list-ul li .img{position: absolute;right: 20px;top:20px;}
.bj .bj-list-ul li .img img{width:70px}
.bj .bj-list-ul li a:hover .img img{
    transition: 2s cubic-bezier(0.28, 0, 0.12, 1);
    -webkit-transform: scale3d(1.12, 1.12, 1);
    transform: scale3d(1.12, 1.12, 1);
}
.bj-list-ul .NextArrow,.bj-list-ul .PrevArrow{
    position: absolute;
    width: 32px;
    height: 32px;
    border:2px solid #f68712;
    line-height: 28px;
    background:transparent;
    text-align: center;
    z-index: 999;
    outline: none;
    border-radius: 50%;
    top: 50%;margin-top: -16px;
}
.bj-list-ul .NextArrow i,.bj-list-ul .PrevArrow i{font-size:1.6rem;color:#f68712;}
.bj-list-ul .NextArrow:hover,.bj-list-ul .PrevArrow:hover{background-color:#f08200;border:1px solid #f08200;}
.bj-list-ul .NextArrow:hover i,.bj-list-ul .PrevArrow:hover i{color: #fff}
.bj-list-ul .NextArrow{right:-40px;}
.bj-list-ul .PrevArrow{left:-40px;}
@media (max-width: 991px) {
    .bj{padding:10px 0;background-color: #fff;}
    .bj .title{padding: 20px 0 0 0;text-align: center}
    .bj .title p{font-size: 1.8rem;line-height:2rem;}
    .bj .title b{padding-left: 10px;font-size: 1.4rem;}
    .bj .title span{padding-left:5px;font-size: 1.4rem;}
    .bj .bj-form{flex-wrap: wrap;padding:10px 0;margin-bottom:10px;}
    .bj .bj-form input{width: 48.5%;margin-right: 3%;line-height: 40px;border-radius: 4px;padding: 0 10px;font-size: 1.4rem;margin-bottom: 3%;}
    .bj .bj-form input:nth-child(2n){margin-right: 0;}
    .bj .bj-form input[type=button]{width: 48.5%;font-size:1.4rem;margin: 0 auto 0 0;line-height: 20px;height:40px;}
    .bj .bj-list{padding:10px 0 0 0;background-color: #fff}
    .bj .bj-list h4{text-align: center;width: 100%}
    .bj .bj-list h4:after{left: 50%;margin-left: -20px;}
    .bj .bj-list-ul{padding:0!important;flex-wrap: wrap;margin:0 0 10px 0;position: relative;}
    .bj .bj-list-ul li{padding:25px;margin:20px 5px;border-radius:12px;align-items: center;width: 100%;
        -webkit-box-shadow: 2px 4px 2px rgba(0, 0,0, 0.06);
        box-shadow: 2px 4px 2px rgba(0, 0,0, 0.06);
        background-image:-webkit-linear-gradient(120deg, #f6f6f6, #fff);
        background-image:linear-gradient(120deg,  #f6f6f6, #fff);
    }
    .bj .bj-list-ul li .info h4{font-size:2rem;margin-bottom: 10px;text-align: left}
    .bj .bj-list-ul li .info p{font-size: 1.6rem}
    .bj .bj-list-ul li .info p a{line-height: 3.2rem;color:#495057}
    .bj .bj-list-ul li .img img{width:90px}
    .bj-list-ul .NextArrow{right:0;}
    .bj-list-ul .PrevArrow{left:unset;right:40px;}
    .bj-list-ul .NextArrow,.bj-list-ul .PrevArrow{top:-40px;margin-top: unset;opacity: 0}
    .bj-list-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:-10px;}
    .bj-list-ul .slick-dots li{box-shadow:none;-webkit-box-shadow:none;background-image:none!important;margin:5px!important;border: none;border-radius: 50%;width:8px!important;height: 8px;padding: 0!important;background-color: rgba(0,0,0,0.1)!important;}
    .bj-list-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
    .bj-list-ul .slick-dots li.slick-active{background-color:var(--color-4)!important; }
    .bj-list-ul .slick-dots li button:before {font-size:0.8rem;color:#000;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
    .bj-list-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-4)}
}


/*pro*/
.pro{padding: 30px 0 0 0;background-color:#fff}
.pro2,.pro3{padding:0}
.pro3{padding-bottom: 30px;}
.pro .pro-info{margin: 30px 0;}
.pro .pro-info .pro-title{width: 25%;min-height: 580px;position: relative;background-color: var(--color-3);background-size: cover;border-top-left-radius: 12px;border-bottom-left-radius: 12px;overflow: hidden;}
.pro .pro-info .pro-title .info{color:#fff;text-align: center;padding: 50px 0 0 0;}
.pro .pro-info .pro-title .info h4{font-size: 35px;font-weight:550;margin-bottom:30px;position: relative;}
.pro .pro-info .pro-title .info h4:after{content: '';width: 80%;height:1px;background-color: #fff;left: 50%;margin-left: -40%;position: absolute;bottom: -20px;}
.pro .pro-info .pro-title .info p{font-size: 22px;line-height: 30px;}
.pro .pro-info .pro-title .icon{padding:20px 0;text-align: center;}
.pro .pro-info .pro-title .icon i{font-size:15rem;color: #fff;font-weight:300!important;}
.pro .pro-info .pro-title .beizhu{text-align: center;padding: 20px 0;font-size: 18px;line-height: 32px;font-weight: 500;color: #fff;}
.pro .pro-info .pro-right{width:75%;border: 1px solid var(--color-4);border-left: none;padding: 30px;border-bottom-right-radius: 12px;border-top-right-radius: 12px;}
.pro .pro-info .pro-right-tab{width:75%;border: 1px solid var(--color-4);border-left: none;border-bottom-right-radius: 12px;border-top-right-radius: 12px;overflow: hidden}
.pro3 .pro-info .pro-right-tab{border: 1px solid var(--color-8);}
.pro2 .pro-info .pro-right-tab{border: 1px solid var(--color-7);}
.pro .pro-info .pro-ul{flex-wrap: wrap;margin-bottom:10px;}
.pro .pro-info .pro-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;border-bottom: 1px dashed #ddd;padding-bottom: 10px}
.pro .pro-info .pro-ul li:nth-child(2n){margin-right: 0;}
.pro .pro-info .pro-ul li a{display: block;}
.pro .pro-info .pro-ul li .info{}
.pro .pro-info .pro-ul li .info i{display: block;font-size: 5rem;color: var(--color-3)}
.pro .pro-info .pro-ul li .info h6{font-size:18px;font-weight: 500;color: #495057;margin-bottom:5px;}
.pro .pro-info .pro-ul li .info p{font-size: 14px;line-height: 22px;color: #868e96;font-family: "Microsoft Yahei";}
.pro .pro-info .pro-ul.pro-ul-bg li{background-color: #f1f3f5;border-bottom: none;border-radius:10px;padding:0 20px}
.pro .pro-info .pro-ul.pro-ul-bg li .info{text-align: left;padding:30px 20px 30px 80px;position: relative;}
.pro .pro-info .pro-ul.pro-ul-bg li .info i{display: block;position: absolute;left: 0;top:50%;margin-top: -30px;font-size:3rem;color: var(--color-3);background-color: #fff;border-radius: 50%;text-align: center;width:60px;height:60px;line-height:60px;}
.pro .pro-info .pro-online{background-color:#f8f9fa;padding:30px 20px;align-items: center;border-radius: 80px}
.pro .pro-info .pro-right-tab .pro-online{width:880px;margin: 0 auto;}
.pro .pro-info .pro-online dt{width:40%;margin-right: 2%;font-size: 30px;color: var(--color-3);font-weight: 500;text-align: center}
.pro .pro-info .pro-online dd{width: 25%;margin-right: 4%;background-color:var(--color-7);
    background-image:-webkit-linear-gradient(45deg, var(--color-6), var(--color-8));
    background-image:linear-gradient(45deg, var(--color-6), var(--color-8));
    box-shadow:10px 10px 20px rgba(253,117,4,0.3);
    -webkit-box-shadow:10px 10px 20px rgba(253,117,4,0.3);
    color: #fff;font-size: 18px;font-weight:500;border-radius:30px;text-align: center;padding:15px 10px;}
.pro .pro-info .pro-online dd:last-child{background-color: var(--color-4);
    background-image:-webkit-linear-gradient(45deg, var(--color-3), var(--color-4));
    background-image:linear-gradient(45deg, var(--color-3), var(--color-4));
    box-shadow:10px 10px 20px rgba(10,90,200,0.3);
    -webkit-box-shadow:10px 10px 20px rgba(10,90,200,0.3);
}
.pro .pro-info .pro-online dd a{color: #fff;}
.pro .pro-info .pro-online dd i{font-size:2.2rem;}
.pro .pro-info .pro-tab-ul,.pro .pro-info .pro-tab-img-ul{padding: 30px 30px 10px 30px;flex-wrap: wrap}
.pro .pro-info .pro-tab-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #ddd;padding:15px;}
.pro .pro-info .pro-tab-ul li:nth-child(3n){margin-right: 0}
.pro .pro-info .pro-tab-ul li h6,.pro .pro-info .pro-tab-img-ul li .info h6{font-size: 18px;font-weight: 500;color:#495057;line-height: 25px;}
.pro .pro-info .pro-tab-ul li p,.pro .pro-info .pro-tab-img-ul li .info p{font-size: 14px;line-height: 20px;font-family: "Microsoft YaHei";color: #868e96}
.pro .pro-info .pro-tab-ul li.more{display:table-cell!important; vertical-align:middle;text-align: center;font-size: 16px;font-weight: 500;color:#495057}
.pro .pro-info .pro-tab-img-ul li{width:49%;margin-right: 2%;margin-bottom: 2%;}
.pro .pro-info .pro-tab-img-ul li:nth-child(2n){margin-right: 0;}
.pro .pro-info .pro-tab-img-ul li a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.pro .pro-info .pro-tab-img-ul li .img{width: 40%;}
.pro .pro-info .pro-tab-img-ul li .img img{width: 100%;}
.pro .pro-info .pro-tab-img-ul li .info{width: 60%;padding: 0 0 0 20px;}
.pro .pro-info .pro-tab-img-ul li .info h6{margin-bottom:5px;}
@media (max-width: 991px) {
    .pro{padding:0;margin-bottom: 10px}
    .pro .container{padding: 0}
    .pro2,.pro3{padding:0;}
    .pro3{padding:0;}
    .pro .pro-info{margin:0;flex-wrap: wrap}
    .pro .pro-info .pro-title{width: 100%;min-height:auto;border-radius: 0;background-size:100% auto!important;background-position: center}
    .pro .pro-info .pro-title .info{padding:30px 0 0 0;}
    .pro .pro-info .pro-title .info h4{font-size:2.5rem;margin-bottom:30px;}
    .pro .pro-info .pro-title .info h4:after{width:50%;margin-left: -25%;bottom: -20px;}
    .pro .pro-info .pro-title .info p{font-size:1.6rem;line-height:3rem;}
    .pro .pro-info .pro-title .icon{padding:10px 0 0 0;}
    .pro .pro-info .pro-title .icon i{font-size:6rem;line-height:6rem;}
    .pro .pro-info .pro-title .beizhu{font-size:1.6rem;line-height:2.5rem;}
    .pro .pro-info .pro-right{width:100%;border:none;border-radius: 0;padding:0;}
    .pro .pro-info .pro-right-tab{width:100%;border:none;border-radius: 0;}
    .pro .pro-info .pro-ul{padding:20px;}
    .pro .pro-info .pro-ul li{padding:10px 0;margin-bottom: 0;margin-right:5%;width: 47.5%}
    .pro .pro-info .pro-ul li .info h6{font-size:1.5rem;font-weight: 550;line-height: 2.2rem;margin-bottom:1px}
    .pro .pro-info .pro-ul li .info p{font-size:1.3rem;line-height:1.8rem;}
    .pro .pro-info .pro-ul.pro-ul-bg{flex-wrap: wrap;padding: 20px 20px 5px 20px}
    .pro .pro-info .pro-ul.pro-ul-bg li{width:49%;margin-right:2%;margin-bottom: 2%;}
    .pro .pro-info .pro-ul.pro-ul-bg li:nth-child(2n){margin-right: 0}
    .pro .pro-info .pro-ul.pro-ul-bg li .info{text-align:center;padding:0 5px 10px 5px;position: relative;}
    .pro .pro-info .pro-ul.pro-ul-bg li .info i{display: block;position:unset;left:unset;top:unset;margin:20px auto 10px auto!important;font-size:3rem;color: var(--color-3);background-color: #fff;border-radius: 50%;text-align: center;width:70px;height:70px;line-height:70px;}
    .pro .pro-info .pro-ul.pro-ul-bg li .info h6{font-size:1.6rem;line-height: 2.6rem;margin-bottom:0}
    .pro .pro-info .pro-ul.pro-ul-bg .info p{font-size:1.4rem;line-height:2.2rem;}
    .pro .pro-info .pro-online{flex-wrap: wrap}
    .pro .pro-info .pro-right-tab .pro-online{width:100%;}
    .pro .pro-info .pro-online{background-color:#f1f3f5;border-radius: 0;padding:20px;}
    .pro .pro-info .pro-online dt{width:100%;margin-right:0;font-size:1.8rem;font-weight:550;margin-bottom:5%}
    .pro .pro-info .pro-online dd{width: 47%;margin-right:6%;font-size: 1.4rem;padding:10px 10px;border-radius: 25px;
        background-image:-webkit-linear-gradient(45deg, var(--color-6), var(--color-8));
        background-image:linear-gradient(45deg, var(--color-6), var(--color-8));
        box-shadow:5px 5px 10px rgba(253,117,4,0.3);
        -webkit-box-shadow:5px 5px 10px rgba(253,117,4,0.3);
    }
    .pro .pro-info .pro-online dd:last-child{
        background-image:-webkit-linear-gradient(45deg, var(--color-3), var(--color-4));
        background-image:linear-gradient(45deg, var(--color-3), var(--color-4));
        box-shadow:5px 5px 10px rgba(10,90,200,0.3);
        -webkit-box-shadow:5px 5px 10px rgba(10,90,200,0.3);margin-right: 0;
    }
    .pro .pro-info .pro-online dd i{font-size:1.8rem;}
    .pro .pro-info .pro-tab-ul,.pro .pro-info .pro-tab-img-ul{padding:20px 20px 10px 20px;}
    .pro .pro-info .pro-tab-ul li{margin-right:5%;width: 47.5%;padding:12px 0;border: none;border-bottom: 1px dashed #ddd;margin-bottom: 0}
    .pro .pro-info .pro-tab-ul li:nth-child(2n){margin-right: 0}
    .pro .pro-info .pro-tab-ul li:nth-child(3){margin-right: 5%}
    .pro .pro-info .pro-tab-ul li h6,.pro .pro-info .pro-tab-img-ul li .info h6{font-size: 1.5rem;font-weight: 550;line-height: 2.2rem;}
    .pro .pro-info .pro-tab-ul li p,.pro .pro-info .pro-tab-img-ul li .info p{font-size: 1.3rem;line-height:1.8rem;}
    .pro .pro-info .pro-tab-ul li.last{width: 100%;margin-right: 0;}
    .pro .pro-info .pro-tab-ul li.more{border: 1px solid #ddd;text-align: center;font-size: 1.5rem;padding: 0;line-height: 40px;border-radius: 25px;width: 50%;margin: 10px auto}
    .pro .pro-info .pro-tab-img-ul li{width:100%;margin-right:0;margin-bottom:5%;}
    .pro .pro-info .pro-tab-img-ul li a{align-items: center;}
    .pro .pro-info .pro-tab-img-ul li .img{width:30%;}
    .pro .pro-info .pro-tab-img-ul li .info{width: 70%;}
    .pro .pro-info .pro-tab-img-ul li .info h6{font-size: 1.6rem;}
}

.tab-block {width: 100%;}
.tab-block .tab-buttons {width: 100%;height:60px;}
.tab-block .tab-buttons .tab-button,.tab-block .tab-buttons .tab-button1 {width: 25%;float: left;height: 60px;text-align: center;font-size: 20px;font-weight:550;color:#495057;line-height:60px;position: relative;cursor: pointer;}
.tab-block .tab-buttons .tab-button:last-child,.tab-block .tab-buttons1 .tab-button:last-child{border-right:none;}
.tab-block .tab-buttons .tab-button.cur{background-color:#fdf5eb;color:var(--color-6);}
.tab-block .tab-buttons .tab-button1.cur{background-color:#fef8e2;color:var(--color-6);}
.tab-block .pro-tabs {width: 100%;}
.tab-block .pro-tabs .tab-item,.tab-block .pro-tabs .tab-item1 {width: 100%;height: 100%;display: none}
.tab-block .pro-tabs .tab-item.active,.tab-block .pro-tabs .tab-item1.active {display: block;}
@media (max-width: 991px) {
    .tab-block .tab-buttons .tab-button,.tab-block .tab-buttons .tab-button1 {height: 50px;font-size: 1.6rem;line-height:50px;}
    .tab-block .tab-buttons .tab-button{width: 50%;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;
        -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0,0, 0.05);
        box-shadow: 5px 5px 10px 0 rgba(0, 0,0, 0.05);}
    .tab-block .tab-buttons .tab-button.cur{background-color:var(--color-7);color:#fff;}
    .tab-block .tab-buttons .tab-button1{width: 50%;}
}


.customer{width: 100%;padding: 50px 0;background-color:#f1f3f5}
.customer-ul{flex-wrap: wrap}
.customer-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;position: relative;border-radius: 12px;overflow: hidden;}
.customer-ul li:nth-child(4n){margin-right: 0;}
.customer-ul li .img{width: 100%}
.customer-ul li .img img{width: 100%}
.customer-ul li .info{
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    opacity: 0;position: absolute;width: 100%;height:0;background-color: rgba(0,123,195,0.85);left: 0;top:0;text-align: center;padding: 20px;}
.customer-ul li .info b{font-size: 25px;font-weight: 500;color: #fff;margin-bottom: 20px;display: block}
.customer-ul li .info p{font-size: 14px;font-family: "Microsoft YaHei";line-height: 25px;color: #fff}
.customer-ul li:hover .info{height: 100%;opacity: 1;}
@media (max-width: 991px) {
    .customer{padding:20px 0;}
    .customer .section-title1{margin-bottom: 0}
    .customer-ul li{padding: 5px;overflow: hidden!important;background-color: #fff;border-radius: 5px;}
    .customer-ul li .info{padding:10px;}
    .customer-ul li .info b{font-size: 1.6rem;margin-bottom:10px;}
    .customer-ul li .info p{font-size: 1.4rem;line-height:2rem}
}

.development{background-color: #fff;background-image: url(../images/china.png);background-position: center bottom;background-size: auto;background-repeat: no-repeat;padding: 50px 0 0 0;}
.development-ul{flex-wrap: wrap;}
.development-ul li{width: 50%;margin-bottom: 2%}
.development-ul li:nth-child(2n){text-align: right}
.development-ul li b{font-size: 25px;color: #495057;font-weight: 400;display: block;margin-bottom:5px;}
.development-ul li p{font-size: 18px;color: var(--color-6);}
.development-ul li p span{font-size: 30px;font-weight: 550;}
@media (max-width: 991px) {
    .development{background-position: center;background-size:90% auto;padding:20px 0;margin-bottom: 10px}
    .development-ul li{width: 50%;margin-bottom: 2%}
    .development-ul li:nth-child(2n){text-align: right}
    .development-ul li b{font-size: 1.3rem;font-weight: 550}
    .development-ul li p{font-size:1.4rem}
    .development-ul li p span{font-size:2rem;}
}
.pro-right{padding: 30px!important;}
.pro-right-tab{padding: 30px!important;}
.tj-ul{width: 100%;flex-wrap: wrap;margin-bottom:30px;}
.tj-ul li{width: 49%;margin-bottom: 2%;border-radius: 8px;padding-bottom: 20px;background-color: var(--color-10)}
.tj-ul li h6{padding: 10px 20px;background-color: var(--color-7);color: #fff;font-size:18px;font-weight: 500;margin-bottom: 10px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.pro1 .tj-ul li h6{background-color: var(--color-3)}
.tj-ul li p{padding: 0 20px;font-size: 14px;line-height: 22px;font-weight: 400;margin-bottom:5px;}
.tj-ul li p span{position: relative;padding-left:90px;display: block;}
.tj-ul li p b{width:90px;font-weight: 500;position: absolute;left: 0;}
.tj-ul li p:last-child{margin-bottom: 0}