.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.banner{width:100%;display: block;}
.banner_list_img,.banner_list_img img{width: 100%;display: block;}
.banner_pagination .swiper-pagination-bullet{width:14px;height: 14px;background: #fff;opacity: 1;}
.banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #01a3e2;}

.product_main{width:100%;display: flex;justify-content: space-between;}
.product_category{width: 22.916%;display: block;min-width: 275px;}
.product_article{width:77.084%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.product_category dl{width:100%;display: block;border:1px solid #f1f1f1;padding:16px;margin-top:20px;}
.product_category dl dd a{width:100%;font-size:16px;line-height: 42px;padding:0 20px;color:#333;display: block;border-bottom: 1px solid #fff;background: #f1f1f1;}
.product_category dl dd.active a,.product_category dl dd:hover a{background: #01a3e2;color:#fff;}

.product_article_list{width:25%;padding-left: 15px;display: block;margin-bottom: 15px;}
.product_article_list a{width:100%;display: block;border:1px solid #f1f1f1;}
.product_article_list_img{width:100%;padding-top:91%;display: block;position: relative;}
.product_article_list_img img{width:100%;height: 100%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit: cover;display: block;}
.product_article_list p{width:100%;font-size:14px;line-height: 40px;color:#3b3b3b;background: #f1f1f1;display: block;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-left:0 !important;}
@media screen and (max-width: 960px) {
    .product_category{display: none;}
    .product_article{width: 100%;}
    .product_article_list{width: 23.5%;padding-left: 0;margin-right: 2%;}
    .product_article_list:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 640px) {
    .product_article_list{width: 49%;margin-right: 2%;}
    .product_article_list:nth-child(2n){margin-right: 0;}
}

.case{width:100%;background: #f5f5f5;}
.case_box{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.case_list{width:23.75%;margin-right: 1.666%;display: block;margin-bottom: 10px;}
.case_list:nth-child(4){margin-right: 0;}
.case_list a{width:100%;display: block;}
.case_list_img{width:100%;padding-top:69%;position: relative;overflow: hidden;}
.case_list_img img{width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom:0;left:0;object-fit: cover;display: block;}
.case_list p{width: 100%;font-size:14px;color:#333;line-height: 36px;text-align: center;display: block;border-bottom: 1px solid #ababab;}
@media screen and (max-width: 750px) {
    .case_list{width: 49%;margin-right: 2%;}
    .case_list:nth-child(2n){margin-right: 0;}
}

.support{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.support_hot,.support_ul{width: 48.333%;display: block;min-width: 48.333%;}
.support_hot a{width: 100%;display: block;}
.support_hot_img{width: 100%;padding-top:53.448%;position: relative;overflow: hidden;}
.support_hot_img img{width:100%;height: 100%;position: absolute;top:0;right:0;bottom:0;left:0;object-fit: cover;display: block;}
.support_hot p{width:100%;margin:15px 0;font-size:16px;line-height: 25px;color:#333;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;}

.support_li{width:100%;display: block;}
.support_li a{width: 100%;display: flex;justify-content: space-between;font-size:16px;line-height: 46px;border-bottom: 1px dashed #e5e5e5;}
.support_li a span{min-width: 80px;text-align: right;font-size:14px;color:#777;display: block;}
.support_li a p{width:calc(100% - 100px);color:#333;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.support_li:last-child a{border-bottom: 0;}
@media screen and (max-width: 750px) {
    .support_hot,.support_ul{width:100%;}
}


.news{background: #f5f5f5;width:100%;}
.news_box{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_hot{width:32.5%;display: block;min-width: 32.5%;padding-top:35.86%;position: relative;}
.news_hot a{width: 100%;display: block;position: absolute;top:0;right:0;bottom:0;left:0;}
.news_hot_img,.news_hot_img img{width:100%;height: 100%;display: block;object-fit: cover;overflow: hidden;transition: ease .5s;}
.news_hot a:hover .news_hot_img img{transform: scale(1.05);}
.news_hot_text{width: 100%;padding:20% 10%;position: absolute;top:0;bottom:0;left:0;right:0;z-index:2;color:#fff;height: 100%;}
.news_hot_text .items{width:100%;height:100%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.news_hot_text .items_list{width:100%;display: block;}
.news_hot_text span,.news_hot_text h2 ,.news_hot_text p,.news_hot_text i{width: 100%;display: block;}
.news_hot_text span{font-size:16px;line-height: 30px;}
.news_hot_text h2{font-size:16px;line-height: 30px;font-weight: normal;margin-bottom: 15px;}
.news_hot_text p{font-size:14px;line-height: 24px;font-weight: normal;}
.news_hot_text i{width:12px;height: 2px;background: #01a3e2;}
.news_ul{width:65.888%;display: block;max-width: 65.666%;}
.news_li{width:100%;display: block;margin-top: 2.5%;}
.news_li:first-child{margin-top:0;}
.news_li a{background: #fff;display: flex;justify-content: space-between;overflow: hidden;}
.news_li_text{width: 65.36%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;padding:0 3% 0 7%;}
.news_li_text div{width: 100%;}
.news_li_text span,.news_li_text p,.news_li_text i{width:100%;display: block;}
.news_li_text span{font-size:14px;color:#000;line-height: 24px;margin-bottom: 5%;}
.news_li_text p{font-size:16px;line-height: 30px;color:#000;}
.news_li_text i{font-size:14px;line-height: 24px;color:#777;}
.news_li_img{width:34.64%;display: block;min-width: 34.64%;padding-top:26%;position: relative;}
.news_li_img img{width: 100%;display: block;object-fit: cover;position: absolute;top:0;right:0;bottom:0;left:0;height: 100%;}

@media screen and (max-width: 750px) {
    .news_hot{width:100%;padding-top:0;background: #fff;margin-bottom: 2.5%;}
    .news_hot a{display: flex;justify-content: space-between;overflow: hidden;position: relative;}
    .news_hot_img{width:34.64%;display: block;min-width: 34.64%;padding-top:26%;position: relative;order: 2;}
    .news_hot_img img {
        width: 100%;
        display: block;
        object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
    }
    .news_ul{width: 100%;max-width: 100%;}

    .news_hot_text{height:auto;width: 65.36%;position: relative;padding:0 3% 0 7%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;}
    /*.news_hot_text{width: 65.36%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;padding:0 3% 0 7%;position: relative;}*/
    .news_hot_text div{width: 100%;}
    .news_hot_text span,.news_hot_text p,.news_hot_text i{width:100%;display: block;}
    .news_hot_text span{font-size:14px;color:#000;line-height: 24px;margin-bottom: 5%;}
    .news_hot_text p{font-size:16px;line-height: 30px;color:#000;}
    .news_hot_text i{font-size:14px;line-height: 24px;color:#777;}
    .news_hot_text h2{font-size:16px;line-height: 30px;color:#000;margin-bottom: 0;}
    .news_hot_text p{font-size:14px;line-height: 24px;color:#777;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0;margin:0;}
    .news_hot_text .items_list i{display: none;}
    .news_hot_text .items{width: 100%;height: unset;display: unset;justify-content: unset;align-items: unset;}
}


.support_li a p,.support_hot p,.news_li_text p,.case_list p,.product_article_list p{transition: ease .5s;}
.support_li a:hover p,.support_hot:hover p,.news_li_text:hover p,.case_list:hover p,.product_article_list:hover p{color:#007aff;}

.contact{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_map{width:55%;display: block;height: 330px;border:1px solid #a0a0a0;}
.contact_map img{width:100%;height:100%;display:block;object-fit:cover;}
.contact_main{width:45%;padding:0 4% 0 15px;}
.contact_main h2{width:100%;font-size:20px;line-height: 48px;color:#01a3e2;display: block;margin-bottom: 10px;}
.contact_list{width:100%;display: flex;justify-content: flex-start;align-items: flex-start;padding:9px 0;}
.contact_list img{width:31px;height: 31px;border-radius: 50%;margin-right: 10px;display: block;}
.contact_list p{font-size:16px;line-height: 31px;color:#333;display: block;}
@media screen and (max-width: 750px) {
    .contact_map,.contact_main{width: 100%;}
    .contact_list{padding:5px 0;}
}
.friend_link{display: flex;justify-content: flex-start;flex-wrap: wrap;padding:20px 0 30px;}
.friend_link span{font-size:16px;line-height: 24px;color:#000;display: block;}
.friend_link a{font-size:14px;line-height: 24px;color:#777;display: block;margin-right: 10px;}

.info_main{width:96%;max-width: 1300px;margin:30px auto;}
.info_title{width:100%;display: flex;justify-content: space-between;align-items: center;font-size:24px;line-height: 33px;color:#333;flex-wrap: wrap;}
.info_title h2{font-size:24px;}
.info_title .location{width:auto;display: flex;justify-content: flex-end;font-size:14px;line-height: 33px;color:#555;white-space: nowrap;}
.info_title .location a{font-size:14px;line-height: 33px;color:#555;display: block;white-space: nowrap;}
@media screen and (max-width: 750px) {
    .friend_link{padding:2%;}
    .info_title h2,.info_title .location{width: 100%;}
    .info_title .location{justify-content: flex-end;}
    .info_title h2{order: 2;}
}

.info_box{width:100%;padding:20px 2% ;background: #fff;display: block;margin-top:6px;}


.info_product{width: 96%;max-width: 1300px;display: flex;justify-content: space-between;flex-wrap: wrap;margin:30px auto;}
.info_product_nav{width:248px;display: block;}
.info_product_nav_label{width:100%;height: 33px;background: url('../images/zuozi2.png') left center no-repeat;background-size: cover;display: flex;justify-content: flex-start;align-items: center}
.info_product_nav_label span{width:50%;text-align: center;font-size:18px;line-height: 33px;color:#fff;display: block;}
.info_product_nav_label span:last-child{font-size:16px;}

.info_nav_box{width:100%;padding: 10px;background: #fff;border: 1px #e8e8e8 solid;margin-top: 5px;}
.info_nav_list{margin-top:5px;}
.info_nav_list_url{width: 100%;    color: #333;background: #f1f1f1;height: 40px;line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:30px;font-size:14px;}
.info_nav_list_url:hover{background: #01a3e2;color:#fff;}
.info_nav_list_sub{width:100%;background: #F3F4F4;display: none;}
.info_nav_list_sub a{    background: #fff;height: 30px;line-height: 30px;font-size: 14px;margin-top: 2px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;padding-left:30px;}
.info_nav_list_sub a:hover{background: #eee;}
/*.info_nav_list:hover .info_nav_list_sub{display: block;}*/

/*   0506修改   */
.info_nav_list_sub{
    /*display: block;*/
}
.info_nav_list_url{width: 100%;    color: #1C1F23;background: #fff;height: 50px;line-height: 49px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;padding:0 8px;transition: all ease .3s;}
.info_nav_list_url:hover{color: #01a3e2;background: unset;}
.info_nav_list_sub{padding:10px 10px 20px 10px;margin-top:5px;}
.info_nav_list_sub a{background: unset;border-bottom: 1px dashed #9D9FA0;padding:15px 0;color:#1C1F23;height: auto;line-height: 20px;transition: all ease .3s;}
.info_nav_list_sub a:hover,.info_nav_list_sub a.active{background: unset;color:#01a3e2;padding-left:10px;border-color:#01a3e2;}
.info_nav_list_box{width: 100%;display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #D2D2D3;}
.info_nav_list_box:hover .info_nav_list_url,.info_nav_list.active .info_nav_list_url{color: #01a3e2;background: unset;}
.info_nav_sub_bottom,.info_nav_sub_top{width:22px;padding:0 5px;height: 50px;}
.info_nav_sub_bottom{display: block;}
.info_nav_sub_top{display: none;}
.info_nav_sub_bottom img,.info_nav_sub_top img{width: 100%;object-fit: contain;display: block;height: 100%;}
.info_nav_sub_bottom img.hover{display: none;}
.info_nav_list_box:hover .info_nav_sub_bottom img.no_hover{display: none;}
.info_nav_list_box:hover .info_nav_sub_bottom img.hover{display: block;}
.info_nav_list.active .info_nav_sub_top{display: block;}
.info_nav_list.active .info_nav_sub_bottom{display: none;}
.info_nav_list.active .info_nav_list_sub{display: block;}



.info_product_main{width:calc(100% - 270px);}
.info_product_con{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;background: #fff;}
.info_product_list{width:25%;padding:2% 1% 0;display: block;}
.info_product_list a{width:100%;position: relative;border:1px solid #eee;display: block;}
.info_product_list_img{width:100%;padding-top:100%;position: relative;overflow: hidden;}
.info_product_list_img img{width:100%;height: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);object-fit: contain;display: block;transition: all ease .5s;}
.info_product_list a:hover .info_product_list_img img{transform: translate(-50%,-50%) scale(1.05);}
.info_product_list a p{width:100%;text-align: center;font-size:14px;line-height: 40px;color:#555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;background: #f1f1f1;}
.info_product_list a:hover p{background: #01a3e2;color:#fff;}

@media screen and (max-width: 960px) {
    .info_product_nav{display: none;}
    .info_product_main{width:100%;}
}
@media screen and (max-width: 750px) {
    .info_product_list{width: 33.33%;}
}
@media screen and (max-width: 540px) {
    .info_product_list{width: 50%;}
}
.info_news{width:100%;display: block;background: #fff;margin:6px auto;}
.info_news_list{width:100%;display: block;padding:25px 2%;border-bottom: 1px solid #ededed;overflow: hidden;transition: all .3s ease-in;}
.info_news_list:hover{padding:25px 1% 25px 3%;}
.info_news_list_text{width:calc(100% - 100px);}
.info_news_list a{width:100%;display: flex;justify-content: space-between;align-items: center;}
.info_news_list h2{    display: block;height: 28px;line-height: 28px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s ease-in;font-weight: normal;}
.info_news_list:hover h2{color:#f00;}
.info_news_list i{    display: block;color: #999;font-size: 14px;margin: 5px 0 10px 0;padding-left: 20px;-webkit-transition: all .3s ease-in;position: relative;}
.info_news_list p{    max-width: 1175px;line-height: 22px;color: #999;font-size: 14px;-webkit-transition: all .3s ease-in;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.info_news_list_operate{width: 31px;height: 31px;border-radius: 50%;border:1px solid #ddd;display: flex;justify-content: center;align-items: center;font-size:20px;color:#ddd;margin-right: 20px;}
@media screen and (max-width: 540px) {
    .info_news_list_text{width:100%;}
    .info_news_list_operate{display: none;}
}

.info_support{width: 100%;padding:30px;background: #fff;margin:6px auto;}
.info_support_list{width: 100%;background: #f5f5f5;margin-bottom: 20px;}
.info_support_list a{width:100%;padding:15px 2% 15px 0;display: block;}
.info_support_list_title{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 16px;line-height: 30px;font-weight: normal;margin-bottom: 15px;}
.info_support_list_title h2{width:calc(100% - 100px);font-weight: normal;-webkit-transition: all 0.3s linear 0s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;position: relative;padding-left:65px;}
.info_support_list_title h2::before{content:'>';position: absolute;top:50%;left:40px;transform: translateY(-50%);font-size:12px;color:#000;display: block;-webkit-transition: all 0.3s linear 0s;}
.info_support_list p{width:100%;font-size:14px;line-height: 24px;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-left:65px;}
.info_support_list:hover .info_support_list_title h2{padding-left:85px;color:#f00;}
.info_support_list:hover .info_support_list_title h2::before{left:60px;}
@media screen and (max-width: 640px) {
    .info_support{padding:2%;}
    .info_support_list_title h2::before{display: none;}
    .info_support_list_title h2,.info_support_list p{padding:0 2%;}
    .info_support_list{margin-bottom: 2%;}
}

.page{width:100%;display: block;padding:30px 0;}
.page ul{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.page li a{width: auto;margin:0 3px;font-size:14px;line-height: 30px;border:1px solid #eee;padding:0 10px;background: #fff;color:#333;display: block;border-radius: 5px;cursor: pointer;}
.page li a:hover,.page li a.current{background: #007aff;color:#fff;border-color: #007aff;}
.page li a.disabled:hover,.page li a.disabled{background: #eee;color:#fff;border-color:#eee;cursor: not-allowed;}

.info_case_main{width: 100%;}
.info_case_main .info_product_con{margin-top:6px;}
.info_case_main .info_product_list{width: 20%;}
@media screen and (max-width: 1200px) {
    .info_case_main .info_product_list{width: 25%;}
}
@media screen and (max-width: 750px) {
    .info_case_main .info_product_list{width: 33.33%;}

    .info_product,.info_main,.info_news,.info_box,.info_case_main .info_product_con,.info_support{margin-top:0;}
    .info_title h2{margin-bottom: 20px;}
}
@media screen and (max-width: 540px) {
    .info_case_main .info_product_list{width: 50%;}
}

.product_detail{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;
    padding:20px;
}
.product_detail_swiper{
    width: 50%;
    display: block;
}
.gallery-top{
    width:100%;
    max-height: 480px;
    height: 40vw;
    display: block;
    border:1px solid #eee;
}
.gallery-thumbs {
    height: 8.33vw;
    max-height: 100px;
    box-sizing: border-box;
    margin:10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 8.166vw;
    height:8.166vw;
    max-width:98px;
    max-height: 98px;
    border: 1px solid #eee;
}
.gallery-thumbs .swiper-slide img{
    width: 100%;
    display: block;
    object-fit: contain;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border: 1px solid #01a3e2;
}
.product_detail img{
    width: 100%;
    object-fit: contain;
    display: block;
}
.product_detail .swiper-button-next,.product_detail .swiper-button-prev{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background: #01a3e2;
    display: block;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top:0;
    transform: translateY(-50%);
}
.product_detail .swiper-button-next{
    right: 0;
}
.product_detail .swiper-button-prev{
    left:0;
}
.product_detail_right{
    width:46%;
    display: block;
    padding-top:20px;
}
.product_detail_title{
    width:100%;
    font-size:24px;
    line-height: 30px;
    margin-bottom: 20px;
    color:#1C1F23;
    display: block;
}
.product_detail_category{
    width: 100%;
    font-size:16px;
    line-height: 20px;
    padding:25px 0;
    border-top:1px solid #D2D2D3;
    border-bottom:1px solid #D2D2D3;
    color:#1C1F23;
    display: block;
}
.product_detail_content{
    font-size: 16px;
    color: #1C1F23;
    line-height: 26px;
    padding: 22px 0 23px;
    display: block;
}
.product_location{
    width:100%;
    margin:0 auto;
    display: block;
}
.product_location_nav{
    width: 100%;
    background:#1C1F23;
    font-size:14px;
    line-height: 50px;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top:0;
    white-space: nowrap;
    overflow-x: auto;
}
.product_location_nav a{
    color:#fff;
    padding:0 15px;
    cursor: pointer;
}
.product_location_nav a.active{
    background: #01a3e2;
}
.product_location_con{
    padding:0 20px 20px;
}
.product_location_con_list{
    width: 100%;
    padding-top:50px;
}
.product_location_con h2{
    width:100%;
    margin:0 auto 20px;
    color:#01a3e2;
    font-size:18px;
    line-height: 24px;
    font-weight: normal;
    display: block;
}
.product_location_con p{
    font-size:16px;
    line-height: 24px;
    color:#1C1F23;
    display: block;
}
.product_location_con table{
    max-width: 100% !important;
}
.product_location_con table td:first-child{
    background: #F2F2F2;
}
.product_location_con table td{
    border: 1px solid #B6B6B6;
    padding: 10px 40px !important;
    vertical-align: top;
    word-break: initial !important;
}
.product_location_con table tr{
    word-break: initial !important;
}
.list_download,.list_download ul,.list_download li{
    width:100%;
    display: block;
}
.list_download li a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list_download li a .name{
    transition-duration: .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 48px;
    border: 1px solid #E0E0E0;
    border-right: 0;
    padding: 0 15px;
    width: calc(100% - 140px);
}
.list_download li a .more{
    transition-duration: .5s;
    width: 140px;
    line-height: 50px;
    background: #01a3e2;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list_download li a .more img{
    height: 14px;
    display: block;
    object-fit: contain;
    margin-right: 10px;
}
.list_download li a:hover .more{
    background: #E58120;
}
.list_download li a:hover .name{
    border-color: #E58120;
    color:#E58120;
}
@media screen and (max-width: 750px){
    .gallery-thumbs {
        height: 13.33vw;
    }
    .gallery-thumbs .swiper-slide {
        width: 13.066vw;
        height:13.066vw;
    }
    .product_detail{
        padding:2.666vw;
    }
    .product_location_con{
        padding:0 2.666vw 2.666vw;
    }
    .product_detail_right,.product_detail_swiper{
        width: 100%;
    }
    .gallery-top{
        height: 90vw;
        max-height: unset;
    }
    .product_location_con table td{
        padding:1.333vw 2.666vw !important;
    }
}