@charset "utf-8";
/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#00a2e9;border-radius:20px;}
.owl-carousel .owl-nav i{font-size:23px;color:#fff;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    background: #00a2e9;
    width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
}
.owl-carousel .owl-nav .owl-prev{background:#00a2e9;left:20px;right:auto;}
.owl-carousel .owl-nav .owl-prev i{position:absolute;left: 8px;}
.owl-carousel .owl-nav .owl-next{right:20px;}
.owl-carousel .owl-nav .owl-next i{position:absolute;right:8px;}
/* owl-carousel轮播插件 */

@media(max-width: 768px) {
.nap-container{padding:0 16px;width:100%}
}

@media(min-width: 768px)and (max-width:991px) {
.nap-container{padding:0 64px;width:100%}
}

@media(min-width: 991px)and (max-width:1540px) {
.nap-container{padding:0 90px;width:100%}
}

@media(min-width: 1541px) {
.nap-container{margin:0 auto;width:1280px}
}
/*解决方案页面样式*/
.solution {padding-top:50px;padding-bottom:20px;}
.solution .media-img{position:relative;margin-bottom:30px;}
.solution .media-img .mask {
    opacity: 0;
    z-index: 3;
    background: url(../images/solution-hover.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
}
.solution .media-img .mask .subtitle{padding:25px;}
.solution .media-img .mask .more{position:absolute;bottom:25px;right:25px;}
.solution .media-img:hover .mask{z-index:5;transition:0.3s;opacity:1;transform: scale(1.1);}
.solution .media-img .linear-link {
    z-index: 1;
    opacity: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
}

.solution .media-img .linear-link .subtitle {
    padding: 0 25px;
    z-index: 3;
    width: 100%;
    bottom: 25px;
    left: 0;
    position: absolute;
    transition: 0.3s;
}
.solution .media-img .subtitle h3 {
    font-size: 16px;
    color: #fff;
}
.solution .media-img .subtitle p {font-size:12px;line-height:24px;color: #fff;}
.solution .media-img .hover-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
}



.solution_page {
    height: auto;
    padding-bottom: 0;
}

.solution_banner {
    height: 568px;
    position: relative;
    width: 100%;
}
.solution_banner .banner-box {
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.solution_banner .banner_bottom_shadow {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    height: 160px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.solution_banner .banner-container {
    align-items: center;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 70%, #fff 90%, #fff);
    display: flex;
    height: 100%;
    left: 0;
    padding-bottom: 120px;
    position: absolute;
    top: 0;
    width: 100%;
}

.solution_banner .pc_title {
    color: #333;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.solution_banner .pc_text {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    margin-top: 32px;
    animation-duration: 1s;
    animation-delay: 0.3s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.solution_banner .pc_btnbox {
    margin-top: 40px;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.solution_banner .pc_btnbox a {
    display: inline-block;
    margin-right: 20px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #00a2e9;
    border-radius: 5px;
    transition: all .5s;
}
.solution_banner .pc_btnbox a:hover {
    background: #00a2e9;
}

.solution_hero {
    margin-top: -160px;
    position: relative;
    z-index: 3;
}
.solution_hero .solu_hotlist {
    display: flex;
    justify-content: space-between;
}
.solution_hero .p-hero_hot {
    align-content: space-between;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 100%, .7);
    border: 1px solid #fff;
    box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .1);
    display: flex;
    flex-wrap: wrap;
    height: 408px;
    padding: 40px 7px;
    width: 70.45%;
}
.solution_hero .p-hero_item {
    cursor: pointer;
    display: flex;
    padding: 0 23px;
    width: 33.3333%;
}
.solution_hero .ph-item_icon {
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px;
}
.solution_hero .ph-item_info {
    flex: 1;
    overflow: hidden;
}
.solution_hero .p-hero_item .ph-item_title {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.solution_hero .p-hero_item .ph-item_title:hover {
    color: #00a2e9;
}
.solution_hero .p-hero_item .ph-item_intro {
    display: block;
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solution_hero .p-hero_links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28%;
}
.solution_hero .ph-link_item {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 100%, .7);
    border: 1px solid #fff;
    box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: flex;
    height: 96px;
    padding-left: 30px;
    width: 100%;
}
.solution_hero .ph-link_icon {
    height: 48px;
    margin-right: 20px;
    width: 48px;
}
.solution_hero .ph-link_info {
    width: calc(100% - 78px);
}
.solution_hero .ph-link_item .ph-link_title {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.solution_hero .ph-link_item .ph-link_title:hover {
    color: #00a2e9;
}
.solution_hero .ph-link_item .ph-link_intro {
    display: block;
    color: #595959;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.solution_container {
    margin-top: 100px;
}

.solution-tab-header {
    background: linear-gradient(180deg, #fff, #f7fafc 60%, #f7fafc);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .08);
    /*height: 232px;*/
}
.pth-container {
    align-items: flex-end;
    display: flex;
    height: 100%;
}
.pth-tab {
    color: #7f7f7f;
    cursor: pointer;
    flex: 1;
    font-size: 20px;
    font-weight: 600;
    line-height: 92px;
    position: relative;
    text-align: center;
}
.pth-tab:hover {
    color: #00a2e9;
}
.pth-tab.is-active {
    color: #00a2e9;
    font-size: 24px;
}
.pth-tab:after {
    background-color: #00a2e9;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: width .2s ease-out;
    width: 0;
}
.pth-tab.is-active:after {
    width: 100%;
}
.solution-section {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #fff;
    padding-top: 100px;
}
.solution-section .p-group_item {
    margin-bottom: 40px;
}
.solution-section .p-group_title {
    color: #00a2e9;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 8px;
    padding: 0 24px;
}
.solution-section .p-solution_list {
    display: flex;
    flex-wrap: wrap;
}
.solution-section .p-solution_item {
    width: 25%;
    margin-bottom: 20px;
}
.solution-section .p-solution_item a {
    display: block;
    background: transparent;
    height: auto;
    padding: 20px 24px;
    transition: box-shadow .2s ease-in-out;
    width: 100%;
}
.solution-section .p-solution_item a img {
    width: 100%;
    height: 100%;
    transition: 2s;
    object-fit: cover;
}
.p-solution_item a .p-card_img {
    width: 100%;
    height: 110px;
    overflow: hidden;
    margin-bottom: 10px;
}
.p-solution_item a .p-card_title {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 22px;
    margin-bottom: 10px;
    transition: color .2s ease-in-out
}
.p-solution_item a span {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p-solution_item a .p-card_title .fa {
    font-size: 20px;
    display: none;
}
.p-solution_item a .p-card_intro {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #787878;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p-solution_item a:hover {
    box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .1);
    position: relative;
    background: #fff;
}
.solution-section .p-solution_item a:hover img {
    transform: scale(1.2)
}
.p-solution_item a:hover .p-card_title {
    color: #00a2e9;
}
.p-solution_item a:hover .p-card_title .fa {
    display: block;
}


/*解决方案详情页面样式*/
.soluinfo_banner {
    align-items: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 600px;
    width: 100%;
    position: relative;
}
.case-banner-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
}
.soluinfo_banner .banner-slogan, .soluinfo_banner .banner-title {
    color: #fff;
    margin-bottom: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.soluinfo_banner .banner-slogan {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.soluinfo_banner .banner-title {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    line-height: 44px;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.soluinfo_banner .banner-describe {
    color: #ccc;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    white-space: pre-line;
    word-break: break-word;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.soluinfo_banner .solu_btnbox {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-flow: nowrap;
    margin-top: 40px;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}
.soluinfo_banner .solu_btnbox a {
    display: inline-block;
    margin-right: 20px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: transparent;
    border: 1px #ddd solid;
    border-radius: 5px;
    transition: all .5s;
}
.soluinfo_banner .solu_btnbox a:last-child {
    margin-right: 0;
}
.soluinfo_banner .solu_btnbox a .fa {
    font-size: 20px;
    margin-left: 15px;
}
.soluinfo_banner .solu_btnbox a:hover {
    background: #00a2e9;
    border: 1px #00a2e9 solid;
}


.fangan-title {
    color: #333;
    line-height: 1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
.fangan-decorIcon {
    width: 51px;
    height: 3px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.fangan-duanluo {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}
/*解决方案详情样式*/
.solu-info-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px #ddd solid;
}



/*解决方案详情样式-END*/

/*解决方案详情-方案痛点样式*/
.fangan-box {
    height: auto;
    padding: 80px 0;
    background: url(../images/fatd-Bg.jpg) no-repeat  center bottom;
    background-size: 100%;
}
.fatd-container {
    margin-top: 80px;
    /*align-items: center;*/
    display: flex;
}
.fatd-item {
    /*width: 3.046875rem;
    height: 1.020833rem;*/
    width: 25%;
    flex: 1;
    border: 1px solid #dfe6ec;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
    padding: 30px;
    margin: 0 10px;
}
.fatd-item .fatd-img {
    display: block;
    height: 120px;
}
.fatd-item .fatd-title {
    color: #00a2e9;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 15px;
}
.fatd-item .fatd-font {
    color: #787878;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/*解决方案详情-核心功能样式*/
.hxgn-box {
    height: auto;
    padding: 80px 0;
    background: url(../images/function.png) no-repeat  center 50px #f2f7ff;
    background-size: 65%;
}
.hxgn-container {
    padding: 80px 30px;
    background: #fff;
}
/*解决方案详情-方案架构样式*/
.fajg-box {
    height: auto;
    padding-bottom: 80px;
}
.fajg-titleBg {
    height: auto;
    padding: 60px 0;
    background: url(../images/fajg-Bg.jpg) no-repeat  center center;
    /*background-size: 100%;*/
}
.fajg-titleBox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fajg-titleBox .fajg-bt-img {
    margin-right: 50px;
}
.fajg-titleBox .fajg-bt-font {
    color: #fff;
}
.fajg-titleBox .fajg-bt-font .fangan-title {
    color: #fff;
}
.font-white {color: #fff;}
.fajg-container {
    padding: 80px 30px;
    background: #fff;
}

/*解决方案详情-核心功能样式*/
.faxgcp-box {
    height: auto;
    padding: 80px 0;
    background: #f7f7f7;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}
.product-recom {
    align-items: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
    display: flex;
    height: 270px;
    position: relative;
    margin-top: 50px;
}
.product-recom .row-item-con {
    align-items: center;
    display: flex;
    height: 100%;
    width: 84%;
}
.product-recom .row-item-con .row-item {
    background-color: #f7f7f7;
    cursor: pointer;
    flex: 1;
    height: 270px;
    padding-bottom: 15px;
    padding-left: 3%;
    padding-right: 20px;
    position: relative;
    transition: all .3s ease;
    width: 33.333%;
    border-right: 1px #eee solid;
}
.product-recom .row-item-con .row-item .ritem-image {
    display: block;
    margin-top: 35px;
    transition: all .3s ease;
    padding: 0 10px;
}
.product-recom .row-item-con .row-item .ritem-image img {
    display: block;
    height: 100px;
}
.product-recom .row-item-con .row-item .ritem-title {
    -webkit-line-clamp: 1;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 20px;
    transition: all .3s ease;
}
.product-recom .row-item-con .row-item .ritem-desc, .product-recom .row-item-con .row-item .ritem-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.product-recom .row-item-con .row-item .ritem-desc {
    -webkit-line-clamp: 2;
    color: #595959;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10px;
    transition: all .3s ease;
}
.product-recom .row-item-con .row-item .detail-btn {
    display: block;
    background-color: #004baa;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    opacity: 0;
    text-align: center;
    transition: opacity .5s ease;
    width: 90px;
}
.product-recom .row-item-con .row-item .detail-btn:hover {
    background-color: #00a2e9;
}
.product-recom .row-more {
    align-items: center;
    background: #f6f7f9;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 16%;
}
.product-recom .row-more .desc-t {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    transition: color .3s ease;
}
.product-recom .row-more .desc-a {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
    color: #004baa;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    transition: all .3s ease;
    width: 20px;
}
.product-recom .row-more .desc-a i {
    font-weight: 700;
    margin-left: 2px;
}
@media (any-hover: hover) {
.product-recom .row-item-con .row-item:hover {
    background-color: #fff !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    z-index: 66;
    border-right: 1px transparent solid;
}
.product-recom .row-item-con .row-item:hover .ritem-image {
    margin-top: 20px;
}
.product-recom .row-item-con .row-item:hover .ritem-title {
    color: #004baa;
    margin-top: 10px;
}
.product-recom .row-item-con .row-item:hover .ritem-title:hover {
    color: #00a2e9;
}
.product-recom .row-item-con .row-item:hover .ritem-desc {
    color: #004baa;
    margin-top: 10px;
}
.product-recom .row-item-con .row-item:hover .detail-btn {
    opacity: 1;
}
.product-recom .row-more:hover {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.product-recom .row-more:hover .desc-t {
    color: #004baa;
}
.product-recom .row-more:hover .desc-a {
    background-color: #004baa;
    color: #fff;
}
}

.soluinfo-message-box {
    height: auto;
    padding: 30px 0;
    background: url(../images/solubtn-bg.jpg) no-repeat  center center;
}
.soluinfo-message-box .solu_message {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.soluinfo-message-box .solu_message p {
    font-size: 20px;
    color: #fff;
}
.soluinfo-message-box .solu_message a {
    display: block;
    padding: 0 25px;
    line-height: 40px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    background: #fff;
    border-radius: 5px;
    transition: all .5s;
}
.soluinfo-message-box .solu_message a:hover {
    color: #fff;
    background: #00a2e9;
}
.solution-message-box {
    height: auto;
    padding: 60px 0;
    background: #fff;
}

/*关于中科页面样式*/
.about-banner {
    align-items: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 640px;
    width: 100%;
}

.about-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-banner .banner-line {
    width: 280px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.about-banner .banner-slogan, .about-banner .banner-title {
    color: #fff;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-banner .banner-slogan {
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.about-banner .banner-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    margin-top: 16px;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.about_nav {
    background-color: #f7f7f7;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.2);
    position: sticky;
    top: 0;
    z-index: 4;
}
.about_nav .gyNav-list {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    position: relative;
}
.about_nav .gyNav-list .gyNav-item {
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    margin: 0 20px;
    position: relative;
}
.about_nav .gyNav-list .gyNav-item:after {
    background-color: #00a2e9;
    content: "";
    height: 3px;
    width: 0;
    left: 50%;
    bottom: 0;
    position: absolute;
   -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all 0.3s ease-out
    
}
.about_nav .gyNav-list .gyNav-item:hover,.about_nav .gyNav-list .gyNav-item.active {
    color: #00a2e9;
    font-weight: bold;
}
.about_nav .gyNav-list .gyNav-item:hover:after,.about_nav .gyNav-list .gyNav-item.active:after {
    width: 100%;
    -webkit-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}
.about-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
}
.about-title h3 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
}
.about-title small {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 5px;
}
.about-title .tit-line {
    display: block;
    width: 280px;
    position: relative;
    height: 1px;
    background: #ddd;
    margin-top: 15px;
}
.about-title .tit-line:before {
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -15%;
    content: '';
    width: 30%;
    height: 3px;
    background: #00a2e9;
}
.about-title p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 28px;
    margin-bottom: 20px;
}
.about-title p span {
    color: #aacd06;
}

.about-company-box {
    padding: 80px 0;
}
.about-company {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}
.about-company-font {
    width: 75%;
    color: #333;
}
.about-company-font p {
    line-height: 24px;
    margin-bottom: 20px;
    text-indent: 28px;
}
.about-company-img {
    margin-left: 50px;
}
.about-technology {
    line-height: 24px;
}
.about-technology p {
    margin-bottom: 20px;
    text-indent: 28px;
}
.about-labels-box {
    padding: 50px 0;
    background: #f2f7ff;
}
.about-labels-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-labels-item li {
    margin: 0 20px;
    text-align: center;
}
.about-labels-item li p {
    font-size: 18px;
    color: #00a2e9;
    text-align: start;
    box-sizing: border-box;
}
.about-labels-item li span {
    font-size: 45px;
    font-weight: 600;
    margin-right: 5px;
}
.about-labels-item li h4 {
    margin-top: 5px;
    color: #444;
    line-height: 20px;
}

.buiness-box {
    height: auto;
    padding: 80px 0 0;
    background: url(../images/business.png) no-repeat center 50px;
    background-size: 65%;
}
.buiness-container {
    height: auto;
    padding: 80px 0;
    background: url(../images/about-yewu-bg.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 30px;
    overflow: hidden;
}
.buiness-container .swiper-slide {
  background: #fff;
  transition: 300ms;
  transform: scale(0.6);
}
.buiness-container .swiper-slide-active,.buiness-container .swiper-slide-duplicate-active{
  transform: scale(1);
}
.buiness-container .swiper-slide .yewu-slide-font {
    padding: 30px;
}
.buiness-container .swiper-slide .yewu-slide-font h3 {
    font-size: 24px;
    font-weight: bold;
}
.buiness-container .swiper-slide .yewu-slide-font p {
    line-height: 24px;
    color: #666;
    padding-top: 20px;
    display: none;
}
.buiness-container .swiper-slide-active .yewu-slide-font p {
    display: block;
}
.buiness-container .yewu-slide-img {
    overflow: hidden;
    /*height: 150px;*/
}
.buiness-container .yewu-slide-img img {
    transition: 2s;
    object-fit: cover;
    transform: scale(1);
}
.buiness-container .yewu-slide-img:hover img {
    transform: scale(1.2);
}
.shili-box {
    height: auto;
    padding: 80px 0;
    background: url(../images/strength.png) no-repeat center 30px #f7f7f7;
    background-size: 65%;
}
.shili-container,.slbox-container {
    height: auto;
}
.shili-container p,.slbox-container p {
    line-height: 30px;
    margin-bottom: 10px;
}
.shili-boxBg {
    height: auto;
    padding: 80px 0;
    background: url(../images/about-shili-bg.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 0px;
}
.slbox-container p {
    color: #fff;
}
.shili-imgBox {
    display: flex;
    justify-content: space-between;
}
.shili-imgBox .shili-img-item {
    flex: 1;
    width: 33.3333%;
    margin: 0 10px;
}

.zhuanli-box{height:auto;padding:80px 0;background:#fff;}
.zhuanli-container{display:flex;justify-content:space-between;}
.zhuanli-duanluo{ width: 100%; font-size:14px;font-weight:500;text-align:center;margin-top:20px;margin-bottom:50px;}
.zhuanli-font{color:#333;padding-top:20px;}
.zhuanli-font p{line-height:24px;}
.zhuanli-img{margin-right:0;}
.aboutus-bottom {background:#f7f7f7;padding:30px 0 30px;}

/*发展历程样式*/
.history-box {
    height: auto;
    padding-top:80px;
}
.fzlc-boxBg {
    height: 540px;
    padding: 50px 0 80px;
    background: url(../images/fzlc-Bg.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 0px;
}
.fzlc-container p {
    color: #fff;
}
.fzlc-imgBox {
    display: flex;
    justify-content: space-between;
}
.fzlc-imgBox .shili-img-item {
    flex: 1;
    width: 33.3333%;
    margin: 0 10px;
}
.fzlc-year {
    padding: 30px 40px;
}

.fzlc-year .pidh-card {
    display: flex;
    padding-left: 4px;
    transition: transform .3s ease;
}
.fzlc-year .pidh-card-line {
    background: linear-gradient(0deg,hsla(0,0%,100%,0),#fff 99%);
    height: 220px;
    position: relative;
    width: 2px;
}
.fzlc-year .swiper-wrapper{padding-left:30px;padding-right:30px;}
.fzlc-year .swiper-button-next{right:0;}
.fzlc-year .swiper-button-prev{left:0;}
.fzlc-year .swiper-slide{margin:0;}
.fzlc-year .swiper-slide:first-child .pidh-card-line {display:none;}
.fzlc-year .pidh-card-dot {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: -2px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 6px;
}

.fzlc-year .pidh-card-info{padding-left:16px;}

.fzlc-year .pidh-year{color:#fff;font-size:32px;font-weight:700;line-height:36px;margin-bottom:30px;}
.fzlc-year .pidh-chronicle-list{padding-left:1em;}

.fzlc-year .pidh-chronicle,.fzlc-year .pidh-chronicle-list p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 14px;
    max-width: 200px;
    opacity: .8;
}
@media(any-hover: hover) {
.fzlc-year .pidh-card:hover{transform:translateY(-20px);}
.fzlc-year .pidh-card:hover .pidh-card-dot{opacity:1;}
}

/*荣誉资质onor样式*/
.honor-box {
    height: auto;
    padding-top:20px;
}
.honor-box .honor-item {
    height: auto;
    overflow: hidden;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
    background: #f4f4f4;
    border-radius:5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.honor-box .honor-item:hover {background:#fff;-webkit-box-shadow:0 0 12px #cdcdcd;-moz-box-shadow:0 0 12px #cdcdcd;box-shadow:0 0 12px #cdcdcd;}
.honor-item .honor-item-top{width:100%;height:auto;overflow:hidden;border-radius:5px;}
.honor-item .honor-item-top img{width:100%;display:block;transition: 0.25s; -webkit-transform: scale3d(1,1,1);
    -webkit-backface-visibility: hidden;transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transition: all .3s ease-out 0s; cursor:pointer;}
.honor-item .honor-item-top:hover img{-webkit-transform: scale3d(1.1,1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}
.honor-item .honor-item-tit{width:100%;padding:10px 0;line-height:28px;}
.honor-item .honor-item-tit a{color:#333;text-align:center;font-weight:bold;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-item .honor-item-tit a:hover{color:#00a2e9;}


/*典型案例列表页面样式*/
.clients_hot{margin-top:-60px;position:relative;z-index:3;padding-bottom:50px;}
.clients_hot .hot-title{color:#333;font-size:30px;font-weight:700;line-height:30px;text-align:center;}
.clients_hot .hot-item-row{display:flex;justify-content:space-between;margin:40px 0 0;padding:0;}
.clients_hot .hot-item-row li {
    cursor: pointer;
    height: 300px;
    list-style: none;
    padding-left: 13.33px;
    padding-right: 13.33px;
    transition: .6s;
    width: 33.3333%;
}
.clients_hot .hot-item-row li .item-c {
    display: block;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 100%;
    position: relative;
    width: 100%;
}
/*.clients_hot .hot-item-row li:first-child {
    padding-left: 0;
    padding-right: 26.66px
}

.clients_hot .hot-item-row li:last-child {
    padding-left: 26.66px;
    padding-right: 0
}*/

.clients_hot .hot-item-row li .item-c .c-bottom-view {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 72px;
    left: 0;
    position: absolute;
    transition: all .6s;
    width: 100%;
}
.clients_hot .hot-item-row li .item-c .c-bottom-view .c-title {
    display: block;
    padding: 0 15px;
    -webkit-line-clamp: 1;
    color: #fff;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin-top: 24px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.clients_hot .hot-item-row li .item-c .c-bottom-view .c-look-btn {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    opacity: 0;
    text-align: center;
    transition: .6s;
}
.clients_hot .hot-item-row li .item-c .c-bottom-view .c-look-btn .btn-icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #0a0a0a;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    margin-left: 10px;
    margin-top: 1px;
    transform: scale(.5);
    transform-origin: 0 50% 0;
    width: 24px;
}
/*.clients_hot .hot-item-row li .item-c .c-bottom-view .c-look-btn .btn-icon i {
    font-size: 20px;
}*/

.clients_hot .hot-item-row .is-active,.clients_hot .hot-item-row li:hover{transition:.6s;width:49.1%;}
.clients_hot .hot-item-row li:hover .item-c{box-shadow:0 8px 16px 0 rgba(0,0,0,.1);}
.clients_hot .hot-item-row li:hover .item-c .c-bottom-view{height:98px!important;transition:.6s;}
.clients_hot .hot-item-row li:hover .item-c .c-bottom-view .c-look-btn{opacity:1;transition:.6s;}
.clients_hot .hot-item-row .un-active{transition:.6s;width:25.5625%;}

@media screen and (max-width: 1199px) {
.clients_hot .hot-item-row li{width:50%;}

/*.clients_hot .hot-item-row li:first-child {
    padding-left: 0;
    padding-right: 20px;
}

.clients_hot .hot-item-row li:last-child {
    padding-left: 20px;
    padding-right: 0;
}*/
.clients_hot .hot-item-row li:hover{width:66%;}
.clients_hot .hot-item-row .un-active{transition:.6s;width:34%;}
}
.clients-container{padding:0 0 80px 0;background:#fff;}
.clients-container .all-clients-title{color:#333;font-size:30px;font-weight:700;line-height:30px;text-align:center;}
.clients-list-container{height:auto;}
.clients-list-box{padding-top:50px;display:flex;flex-wrap:wrap;}
.clients-list{margin-bottom:20px;padding:0 20px;width:33.33%;}
.clients-list-item {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    display: block;
    height: 100%;
    overflow: hidden;
    transition: transform .1s ease-out;
}

.clients-list-item .card-img,.clients-list-item{border-radius:5px;}
.clients-list-item .pr-picture{position:relative;}
.clients-list-item .text-box{color:#333;padding:12px;z-index:3;}
.clients-list-item .aspectratio-container{align-items:center;display:flex;justify-content:center;position:relative;}
.clients-list-item .aspectratio-content {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    /*position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
    z-index: 2;
}
.clients-list-item .title{font-size:12px;line-height:18px;margin-bottom:6px;font-weight:bold;}
.clients-list-item .describe {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clients-list-item .tag-box{position:absolute;right:8px;top:8px;z-index:3}
.clients-list-item .tag-box .tag{color:#fff;font-size:12px;height:20px;line-height:20px;text-align:center;width:36px}

@media screen and (min-width: 768px) {
.clients-list-item .text-box{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;padding:4px 24px 12px;position:absolute;width:100%}
.clients-list-item .title{font-size:18px;line-height:34px;display:block;color:#fff;}
.clients-list-item .title:hover{color:#00a2e9;}
.clients-list-item .describe{-webkit-line-clamp:1;font-size:14px;line-height:22px}
.clients-list-item .pro-box{height:auto;padding-top:24px;padding-bottom:12px;}
.clients-list-item .pro-box .pro-title{padding:0 24px;line-height:20px;margin-bottom:12px;}
.clients-list-item .products{display:flex;flex-wrap:wrap;padding:0 16px;}
.clients-list-item .products li{margin-bottom:12px;margin-left:8px;margin-right:8px;width:calc(50% - 16px);}
.clients-list-item .products li a {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 7px 12px;
    width: 100%;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
    transition: all .5s;
}
.clients-list-item .products li a:hover{border-color:#00a2e9;color:#fff;background:#00a2e9;}
.clients-list-item .tag-box{right:16px;top:16px;}
}

@media screen and (min-width: 768px)and (any-hover:hover) {
    .clients-list-item:hover {
        box-shadow:0 10px 24px 0 rgba(0,0,0,.12);
        transform: translateY(-4px);
    }
}

/*典型案例详情页面样式*/
.clientsinfo_banner {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
   
    height: auto;
    width: 100%;
    position: relative;
    
}
.clientsinfo-banner-box {
    padding: 100px 0 80px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.clients-banner-picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.clientsinfo_banner .banner-slogan, .clientsinfo_banner .banner-title {
    color: #333;
    margin-bottom: 16px;
    max-width: 760px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clientsinfo_banner .banner-slogan {
    font-size: 24px;
    line-height: 32px;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.clientsinfo_banner .banner-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.clientsinfo_banner .banner-describe {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    max-width: 760px;
    white-space: pre-line;
    word-break: break-word;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.clientsinfo_banner .solu_btnbox {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    margin-top: 40px;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}
.clientsinfo_banner .solu_btnbox a {
    display: inline-block;
    margin-right: 20px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    background: transparent;
    border: 1px #666 solid;
    border-radius: 5px;
    transition: all .5s;
}
.clientsinfo_banner .solu_btnbox a .fa {
    font-size: 20px;
    margin-left: 15px;
}
.clientsinfo_banner .solu_btnbox a:hover {
    background: #00a2e9;
    border: 1px #00a2e9 solid;
    color: #fff;
}

.dxanli-title {
    color: #333;
    line-height: 1;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.dxanli-title::before {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 2px;
    bottom: 0;
    background: #00a2e9;
    display: block;
}
.dxanli-decorIcon {
    width: 51px;
    height: 3px;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.dxanli-duanluo {
    margin-top: 20px;
}
.khjj-box,.ssxq-box,.alcp-box {
    height: auto;
    padding: 80px 0;
    background: #fff;
}
.khjj-container,.albj-container {
    height: auto;
    padding-top: 30px;
}
.khjj-container p,.albj-container p,.ssxq-container p {
    line-height: 28px;
}

.albj-box {
    height: auto;
    padding: 80px 0;
    background: #f2f7ff;
}
.ssxq-container {
    height: auto;
    padding-top: 50px;
}
.cgjs-box {
    height: auto;
    padding: 80px 0;
    background: linear-gradient(180deg, #fff, #f2f7ff);
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
}
.cgjs-container {
    height: auto;
    padding-top: 50px;
}
.alcp-container {
    height: auto;
    padding-top: 50px;
}

.case-solution-item {
    background: linear-gradient(180deg,#f4f9ff,#f4f9ff 1%,#fff 82%);
    border-radius: 1px;
    box-shadow: 0 8px 16px -2px rgba(0,0,0,.1);
    margin-bottom: 20px;
    cursor: pointer;
    padding: 20px;
    transition: all .1s ease-out;
}

@media(any-hover: hover) {
.case-solution-item:hover{box-shadow:0 10px 24px 0 rgba(0,0,0,.12);transform:translateY(-4px);}
.case-solution-item:hover .case-btn,.case-solution-item:hover .case-text5,.case-solution-item:hover .case-text6{color:#00a2e9;}
}

.case-solution-item .case-picture {
    display: block;
    margin-bottom: 15px;
}
.case-solution-item .case-text5 {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 10px;
}

.case-solution-item .case-text6 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    font-size: 12px;
    height: 52px;
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-solution-item .case-btn {
    background: transparent;
    border: 0;
    color: #004baa;
    font-size: 14px;
    height: 36px;
    padding: 10px 0
}
.case-solution-item .case-btn i {margin-left: 10px;}
.case-solution-item .case-btn:hover,.case-solution-item .case-text5:hover {color: #00a2e9;}

/*联系我们页面样式*/
.contact-banner {
    width: 100%;
    height: auto;
    position: relative;
}
.contact-banner-box {
    position: absolute;
    left: 20%;
    top: 40%;
    width: 60%;
    color: #fff;
    text-align: center;
}
.contact-banner-box .banner-slogan {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.contact-banner-box .banner-line {
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.contact-banner-box .banner-title {
    font-size: 24px;
    line-height: 32px;
    margin-top: 16px;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.contact-container-top {
    padding: 80px 0;
    height: auto;
    background: #f6f6f6;
}
.contact-top-box{background:#fff;padding:40px 60px;}
.contact-top-title{width:100%;height:auto;}
.contact-top-title h3{color:#333;font-size:24px;font-weight:bold;position:relative;text-transform:capitalize;margin-bottom:15px;padding-bottom:15px;}
.contact-top-title h3::before{content:"";position:absolute;left:0;width:40px;height:2px;bottom:-1px;background:#00a2e9;display:block;}
.contact-top-title p{margin-bottom:15px;}
.contact-list{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;}
.contact-list li{display:block;margin-bottom:10px;position:relative;padding-left:50px;padding-right:30px;flex:1;}
.contact-list li .icon{position:absolute;left:0;top:0;font-size:45px;}
.contact-list li p{line-height:24px;font-size:16px;}

.contact-top-rt {
    background: #00a2e9;
    color: #fff;
    flex: 1;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-top-rt .sensor-tel {
    line-height: 28px;
}
.contact-top-rt .sensor-tel span {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
.contact-top-rt .sensor-tel p,.contact-top-rt .sensor-tel a {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}
.contact-top-rt .sensor-tel a:hover {
    color: #0052b8;
}

.contact-top-rt .online-message {
    margin-top: 20px;
}
.contact-top-rt .online-message a {
    display: block;
    padding: 0 25px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: transparent;
    border: 1px #fff solid;
    border-radius: 5px;
    transition: all .5s;
}
.contact-top-rt .online-message a:hover {
    color: #fff;
    background: #0052b8;
    border: 1px #a1daf5 solid;
}

.contact-code-title{font-size:24px;color:#333;font-weight:bold;text-align:center;}
.contact-top-code{display:flex;justify-content:space-around;padding-top:80px;}
.contact-top-code .code-list-item{text-align:center;}
.contact-top-code .code-list-item span,.contact-top-code .code-list-item .code-link{display:block;width:140px;}
.contact-top-code .code-list-item p,.contact-top-code .code-list-item .a-link {
    display: block;
    margin-top: 10px;
    color: #666;
    line-height: 20px;
}
.contact-top-code .code-list-item .a-link:hover {color: #00a2e9;}
.contact-container-bottom{padding:80px 0;height:auto;background:#fff;}
.message-contaier{width:100%;padding:50px 0;}
.message-contaier .font-tips{font-size:14px;color:#00a2e9;margin-bottom:30px;}
.message-contaier .font-tips span{color:#f00;margin:0 5px;}
.message-contaier label{font-size:14px;}
.message-contaier .form-group{margin-bottom:2rem;}
.message-contaier .form-control {
    padding: 1rem 0.75rem 1rem 2.75rem;
    height: calc(1.5em + 2rem + 2px);
    border-radius: 1px;
    border: 1px solid #ededed;
    font-size: 14px;
}
.message-contaier .form-control:focus {box-shadow:0 0 0 2px rgba(240, 133, 25, .75);}
.form-group span{color:#f00;margin-right:5px;}
.form-group .online-lxr {
    background:url(../images/online-lxr.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-phone {
    background:url(../images/online-phone.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-email {
    background:url(../images/online-email.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-address {
    background:url(../images/online-address.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-company {
    background:url(../images/online-company.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-guojia {
    background:url(../images/online-guojia.jpg) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-qq {
    background:url(../images/online-qq.png) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-weChat {
    background:url(../images/online-weChat.png) no-repeat 15px center #f9f9f9;
    background-size: 18px;
}
.form-group .online-nr {
    background:url(../images/online-nr.jpg) no-repeat 15px 18px #f9f9f9;
    background-size: 18px;
    height:auto;
    resize: none;
}
.message-contaier .form-submit-box{width:30%;margin:0 auto;}
.message-contaier .form-submit-box .btn-primary{color:#fff;background-color:#00a2e9;border-color:#00a2e9;}
.message-contaier .form-submit-box .btn-primary:hover{color:#fff;background-color:#0050b8;border-color:#0050b8;}
.map-box{width:100%;height:auto;background:#f4f4f4;}
.contact-container-twocode{padding:80px 0;height:auto;background:#f6f6f6;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}


/*新闻动态列表页面样式*/
.newsList-title {
    position: relative;
    height: auto;
    margin-bottom: 30px;
}
.newsList-title:before {
    content: "";
    width: 83%;
    height: 0;
    display: block;
    position: absolute;
    top: 15px;
    left: 125px;
    border-top: dotted 1px #b3bac5;
}
.newsList-title h2 {
    font-size: 26px;
    color: #333;
}
.newsList-title>.more {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 28px;
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
    color: #00a2e9;
    border-radius: 15px;
    border: 1px solid #00a2e9;
    background: transparent;
    transition: all .3s;
}
.newsList-title>.more:hover {
    color: #fff;
    border-color: transparent;
    background: #00a2e9;
}
/*行业资讯模块样式*/
.industry-news {}
.hy-news-item {
    padding-top: 25px;
    padding-bottom: 25px;
}
.hy-news-item .media-left{margin-right:15px;}
.hy-news-item .media-left a{width:200px;overflow:hidden;margin-bottom:0;}
.hy-news-item .media-left .thumbnail{border:1px #ddd solid;padding:4px;border-radius:4px;display:block;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out;}
.hy-news-item img{object-fit:cover;width:100%; height:auto; border-radius:4px;}
.hy-news-item .media-left .thumbnail:hover {border:1px #00a2e9 solid;}
.hy-news-item .media-body{padding-top:5px;}
.hy-news-item h4,.wd-news-item h4 {
    font-size: 16px;
}
.hy-news-item h4 a,.wd-news-item h4 a {
    display: block;
    color: #333;
    max-height: 48px;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}
.hy-news-item .media-body a:hover,.wd-news-item h4 a:hover{color:#00a2e9;text-decoration:underline;}
.hy-news-item .dynamic-li{color:#999;padding-top:10px;font-size:12px; line-height:20px;display:flex;justify-content:space-between;}
.hy-news-item .dynamic-li span,.wd-news-item .dynamic-li span{display:inline-block;margin-right:50px;}
.hy-news-item .dynamic-li span:last-child,.wd-news-item .dynamic-li span:last-child{margin-right:0;}
.hy-news-item .dynamic-li i,.wd-news-item .dynamic-li i{font-size:16px;margin-right:10px;}
.hy-news-item .dynamic-li a,.wd-news-item .dynamic-li a{color:#00a2e9;text-align:right;}
.hy-news-item .dynamic-li a:hover,.wd-news-item .dynamic-li a:hover{color:#aacd06;}
.hy-news-item p{
    margin-top: 6px;
    padding-top: 10px;
    border-top: dotted 1px #ced1d7;
    color: #919191;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 22px;
    max-height: 54px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
}
/*行业资讯模块样式--END*/
/*常见问题模块样式*/
.question-container {padding:0 0 100px;background:#fff;}
.wd-news-item {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px #ced1d7 dotted;
}
.wd-news-item .dynamic-li{color:#999;padding-top:10px;font-size:12px; line-height:20px;display:flex;}
.wd-news-item p{
    margin-top: 6px;
    padding-top: 10px;
    color: #919191;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 22px;
    max-height: 54px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
}
/*常见问题模块样式--END*/

.news_hot {
    margin-top: -60px;
    position: relative;
    z-index: 3;
    padding-bottom: 50px;
}
.news_hot .hot-title {
    color: #333;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.news_hot .news-hot-list {
    display: flex;
    flex-wrap: nowrap;
}
.news-hot-list .news-hot-item01 {
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 252px;
    margin-bottom: 16px;
    margin-right: 1.25%;
    position: relative;
    transition: all .4s;
    width: 49.375%;
}
.news-hot-list .news-hot-item01:hover {
    width: 100%;
}
.news-hot-list .news-hot-item01:nth-of-type(2n+0) {
    margin-right: 0;
}
.news-hot-list .news-hot-item02 {
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 252px;
    margin-bottom: 16px;
    margin-right: 1.25%;
    position: relative;
    transition: all .4s;
    width: 32.5%;
}
.news-hot-list .news-hot-item02:hover {
    width: 50%;
}
.news-hot-list .news-hot-item02:nth-of-type(3n+0) {
    margin-right: 0;
}
.news-hot-list .news-hot-con {
    background: linear-gradient(0deg,rgba(0,0,0,.7) 50%,transparent);
    bottom: 0;
    height: 160px;
    opacity: .9;
    padding: 68px 32px 0;
    position: absolute;
    transition: background .4s,padding .4s;
    width: 100%
}
.news-hot-list .news-hot-con .news-hot-text1 {
    color: #fff;
    cursor: pointer;
    line-height: 28px;
}
.news-hot-list .news-hot-con .news-hot-text1 .fa {
    font-size: 16px;
    margin-right: 6px;
    transition: all .3s;
}
.news-hot-list .news-hot-con .news-hot-text1:hover .fa {
    margin-left: 10px;
}
.news-hot-list .news-hot-con .news-hot-text2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 10px;
    display: block;
}
.news-hot-list .news-hot-con .news-hot-text2:hover {
    color: #aacd06;
}
.news-hot-list .news-hot-con .news-hot-text3 {
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
}
.news-hot-list .news-hot-con .hot-view-btn {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-top: 30px;
    padding: 0;
    transition: all .2s;
    width: 96px;
}
.news-hot-list .news-hot-con .hot-view-btn:hover {
    background: #fff;
    color: #00a2e9;
}
.news-hot-list .news-hot-con-hover {
    background: linear-gradient(0deg,#00a2e9 50%,rgba(44,44,124,.4));
    height: 252px;
    padding: 32px;
}
.news-hot-list .news-hot-con-hover .news-hot-text3 {
    display: -webkit-box;
}
.news-hot-list .news-hot-con-hover .hot-view-btn {
    display: block;
}
.baike-list {
    padding-top:30px;
    padding-bottom:30px;
}
.baike-list .our-baike-item{margin-top:20px;padding:20px;border:1px solid #fff;border-radius:3px;
background:#f7f7f7;box-shadow: 0 3px 3px 0px rgba(39,39,39,0.1);transition: all .3s;}
.baike-list .our-baike-item:hover {background:#edf7fb;box-shadow: 0 6px 6px 0px rgba(39,39,39,0.1);}
.our-baike-item .media-left{margin-right:30px;}
.our-baike-item .media-left a{width:300px;overflow:hidden;margin-bottom:0;}
.our-baike-item .media-left .thumbnail{display:block;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out;}
.our-baike-item img{object-fit:cover;width:100%; height:200px; border-radius:3px;}
.our-baike-item .media-body{padding-top:5px;padding-bottom:15px;}
.our-baike-item h4 {
    color: #333;
    font-size: 20px;
    height: auto;
    line-height: 36px;
}
.our-baike-item h4 a {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space:nowrap;*/
}
.our-baike-item .media-body a:hover {
    color:#00a2e9;
    font-weight: bold;
}
.our-baike-item .dynamic-li{color:#999;padding:15px 0;font-size:12px; line-height:24px;display:flex;justify-content:space-between;}
.our-baike-item .dynamic-li span{display:inline-block;margin-right:50px;}
.our-baike-item .dynamic-li span:last-child{margin-right:0;}
.our-baike-item .dynamic-li i{font-size:16px;margin-right:10px;}
.our-baike-item .dynamic-li a {
    margin-right:20px;
    color: #00a2e9;
    width:100px;
    text-align:right;
}
.our-baike-item .dynamic-li a i {margin-right:0;margin-left:10px;vertical-align:text-top;}
.our-baike-item .dynamic-li a:hover {
    color: #00a2e9;
}
.our-baike-item p {
    padding-top:15px;
    color: #919191;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.75em;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
}
.our-baike-item .baike-sort{margin-top:20px;color:#00a2e9;}
.our-baike-item .baike-sort a,.our-baike-item .media-body a:hover h4{color:#00a2e9;}
.our-baike-item .baike-sort a:hover{color:#00a2e9;}

/*新闻详情页面样式*/
.newsInfo-box {
    padding: 60px 0 100px;
}
.newsInfo-container {
    background: #fff;
    padding: 60px 100px;
}
.news-info-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
  text-align: center;
}
.news-info-time {
    font-size:14px;
    color:#888;
    line-height:24px;
    padding-bottom:15px;
    text-align: center;
    border-bottom: 1px #ddd solid;
}
.news-info-time span {
    margin-right:30px;
}
.news-info-time span i {
    margin-right:5px;
}
.news-info-main {
    padding-top:50px;
    padding-bottom:10px;
}
.news-info-main h2 {
    padding-bottom:20px;
}
.news-info-main p {
    color:#666;
    line-height:27px;
    margin-bottom:20px;
}
.detail-pagelist {
    position: relative;
    width: 100%;
    border-top: 1px #ddd solid;
    padding-top: 50px;
    margin-top: 50px;
    /*display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: center;*/
}
.detail-pagelist li{width:75%;line-height:36px;font-size:16px;margin-bottom:15px;}
.detail-pagelist li a{ display:inline-block;padding:0 3px;color:#444;transition:all .5s;}
.detail-pagelist li a:hover{color:#00a2e9;text-decoration:underline;}
.detail-pagelist li.backnews {width:110px;position:absolute;right:20px;top:75px;margin-bottom:0;}
.detail-pagelist li.backnews a{display:block;width:100%;color:#fff;background:#00a2e9;font-size:14px;text-align:center;border-radius:0;}
.detail-pagelist li.backnews a .icon{margin-right:8px;font-size:18px;}
.detail-pagelist li.backnews a:hover{background:#aacd06;text-decoration:none;border-radius:20px;}

.news-related-pager {
    padding-top: 80px;
}
.news-related-content {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 34px;
    padding: 40px 40px 8px;
}
.news-related-item {
    margin-bottom: 30px;
    width: 47.5%;
}
.news-related-item .news-related-node {
    background: #595959;
    border-radius: 50%;
    height: 6px;
    margin-top: 3px;
    position: absolute;
    width: 6px;
}
.news-related-nap {
    padding-left: 24px;
    width: 100%;
}
.news-related-nap a {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-related-nap p {
    color: #999;
    font-size: 12px;
    margin-top: 12px;
}
.news-related-nap a {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-related-item:hover .news-related-nap a,.news-related-nap a:hover {
    color: #00a2e9;
}
.news-related-item:hover .news-related-node {
    background: #00a2e9;
}
.news-sidebar {
    position: relative;
    margin-bottom: 40px;
    padding: 20px 40px;
    background: #f7f7f7;
}
.news-sidebar .newsList-title:before {
    content: "";
    width: 30%;
    height: 0;
    display: block;
    position: absolute;
    top: 15px;
    left: 120px;
    border-top: dotted 1px #b3bac5;
}
.news-ls,.news-hy-ls {
    width: 100%;
    margin-bottom: 50px;
}
.news-ls .news-item,.news-hy-ls li {
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
}


.news-ls .news-item .thumb {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    width: 100px;
    height: 75px;
    background: #ddd;
    float: left;
}
.news-ls .news-item .thumb img {
    transition: all .3s;
    display: block;
    width: 100%;
}

.news-ls .news-item .thumb:hover img {
    transform: scale(1.1);
}

.news-ls .news-item .info {
    width: 210px;
    float: right;
}

.news-ls .news-item .info h3{margin:5px 0 12px;font-size:14px;line-height:20px;max-height:40px;overflow:hidden;font-weight:400;}
.news-ls .news-item .info h3 a{color:#444;}
.news-ls .news-item .info h3 a:hover{color:#00a2e9;}
.news-ls .news-item .meta{line-height:1em;font-size:14px;color:#888;}
.news-ls .news-item .meta .date{line-height:14px;}
.news-ls .news-item .meta i{font-size:16px;display:inline-block;margin-right:5px;opacity:.8;}

.news-hy-ls li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    background: #00a2e9;
    line-height: 24px;
    vertical-align: 8px
}
.news-hy-ls li i {
    display: none;
}
.news-hy-ls li a {
    font-size: 14px;
    line-height: 24px;
    color: #8f959f;
    display: inline-block;
    width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s;
}
.news-hy-ls li a:hover {
    color: #00a2e9;
    text-decoration: underline;
}

.news-hy-ls li .meta {
    font-size: 12px;
    line-height: 24px;
    color: #bbb;
    vertical-align: top;
    float: right;
}

/*资料下载页面样式*/
.download-container{padding:0 0 80px 0;background:#fff;}
.download-list{padding-top:30px;padding-bottom:30px;}
.download-list li,.tagsPage-list li{position:relative;display:block;margin-bottom:20px;border-radius:3px;background:#f7f7f7;box-shadow: 0 3px 3px 0px rgba(45,45,45,0.1);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.download-list li a,.tagsPage-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.download-list li span,.tagsPage-list li span{color:#888888;position:absolute;right:30px;top:28px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.download-list li.white-bg,.tagsPage-list li.white-bg{background:#fff;}
.download-list li:hover,.tagsPage-list li:hover{background:#00a2e9;box-shadow: 0 1px 1px 0px rgba(39,39,39,0.1);}
.download-list li:hover a,.tagsPage-list li:hover a{color:#fff;}
.download-list li:hover span,.tagsPage-list li:hover span{color:#ddd;}
.download-list li.dot a,.tagsPage-list li.dot a{position:relative;}
.download-list li.dot a:before,.tagsPage-list li.dot a:before {
    content: '';
    position: absolute;
    left: 30px;
    background: #ccc;
    width: 7px;
    height: 7px;
    top: 35px;
    border-radius: 50%;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.download-list li.dot:hover a:before,.tagsPage-list li.dot:hover a:before {background:#fff;}
/*资料下载页面样式-END*/

/*资料下载详情样式*/
.download-box{padding:20px 0 80px 0;background:#f7f7f7;}
.download-line {border-top:1px #ededed solid;}
.download-sidebar {background:#fff;padding:30px;}
.download-sidebar .sidebar-title{font-size:26px;color:#333;font-weight:700;line-height:30px;margin-bottom:20px;}
.download-sidebar .sidebar-tags{color:#999;line-height:24px;}
.download-sidebar .sidebar-tags span{margin-right:20px;}
.download-sidebar .sidebar-content{padding-top:30px;}
.download-sidebar .sidebar-content p{line-height:24px;}
.download-sidebar .sidebar-content td{padding:5px 10px;border:1px #ddd solid;}
.download-sidebar .shoucang-box{padding:30px 0;text-align:center;}
.download-sidebar .shoucang-box a{display:inline-block;color:#383838;font-size:14px;background:#f4f4f4;line-height:36px;padding:0 15px;border-radius:20px;}
.download-sidebar .shoucang-box a .fa{margin-right:10px;}
.download-sidebar .shoucang-box a:hover{color:#fff;background:#666;}
.download-btnBox {background:#fff;padding:20px;}
.download-btnBox .download-btn {
    display: block;
    padding: 15px 25px;
    margin-bottom: 15px;
    background: #00a2e9;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
}
.download-btnBox .download-btn .fa {margin-right:8px;font-size:18px;}
.download-btnBox .download-btn:hover{background:#0052b8;}
.download-btnBox .down-tb{height:auto;display:-webkit-flex;display:flex;justify-content:space-around;align-items:center;padding-top:15px;}
.download-btnBox .down-tb span{display:block;margin-right:20px;text-align:center;color:#666;}
.download-btnBox .down-tb span:last-child{margin-right:0;}
.download-btnBox .down-tb span .fa{margin-right:8px;font-size:16px;}
.download-btnBox .tiquma {text-align:center;line-height:30px;}
.download-tagsBox {background:#fff;padding:20px;margin-top:20px;}
.download-tagsTitle{line-height:28px;height:28px;color:#333;position:relative;font-size:16px;letter-spacing:0;padding-left:18px;margin-bottom:10px;}
.download-tagsTitle:before{content:'';display:block;position:absolute;width:4px;height:20px;top:4px;background:#0052b8;left:0;}
.download-tagsList{height:auto;overflow:hidden;padding-top:20px;}
.download-tagsList .down-tag {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 5px 10px 0;
    border-radius: 20px;
    border: 1px #0052b8 solid;
    background: #fff;
    color: #0052b8;
    font-size: 14px;
    transition:.5s;
}
.download-tagsList .down-tag:hover{background:#0052b8;color:#fff;}
#sidebar{overflow:hidden;}
/*资料下载详情样式-END*/
.tagsPage-line{border-top:1px #ededed solid;padding-top:15px;}
.tagsPage-line .tags-titlebox{font-size:16px;padding:20px 0;}
.tagsPage-line .tags-titlebox span{color:#0052b8;font-weight:bold;}
.tagsPage-list{padding-top:0;padding-bottom:30px;}
/*产品列表页面样式*/
.page-proTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
}
.page-proTitle h3 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
}
.page-proTitle small {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 5px;
}
.page-proTitle .tit-line {
    display: block;
    width: 280px;
    position: relative;
    height: 1px;
    background: #ddd;
    margin-top: 15px;
}
.page-proTitle .tit-line:before {
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -15%;
    content: '';
    width: 30%;
    height: 3px;
    background: #00a2e9;
}
.page-proTitle p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 28px;
    margin-bottom: 20px;
}
.page-proTitle p span {
    color: #aacd06;
}
.product-banner {
    align-items: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 540px;
    width: 100%;
}

.product-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-banner .banner-line {
    width: 200px;
    height: 2px;
    margin: 0 auto;
    background: #aacd06;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.product-banner .banner-slogan, .product-banner .banner-title {
    color: #fff;
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.product-banner .banner-slogan {
    font-size: 24px;
    line-height: 32px;
    padding-top: 8px;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
.product-banner .banner-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-top: 16px;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.product-con {
    padding-top: 60px;
    background: #fff;
}
/*.product-home .product-con {
    padding-top: 0;
}*/
.product-con:nth-child(2n) {
    background: #ededed;
}
.product-box {
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
}
.product-box .pro-top-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.product-box .pro-top-box .pro-top-group {
    position: relative;
    height: 24px;
    line-height: 24px;
    display: flex;
}
.product-box .pro-top-box .pro-group-hot {
    padding: 0;
    font-size: 16px;
    color: #00a2e9;
    font-weight: bold;
}
.product-box .pro-top-box .pro-group-item {
    padding: 0 15px;
    border-right: 1px solid #717171db;
    font-size: 16px
}
.product-box .pro-top-box .pro-group-item:last-child {
    border-right: none;
}
.product-box .pro-top-box .pro-group-item a {
    color: #333;
}
.product-box .pro-top-box .pro-group-item a:hover {
    text-decoration: underline;
    color: #00a2e9;
}
.product-box .pro-top-box .pro-top-more {
    color: #00a2e9;
    line-height: 22px;
    margin-left: 15px;
    padding: 0 15px;
    display: block;
    align-items: center;
    background: transparent;
    font-size: 12px;
    border: 1px #00a2e9 solid;
    border-radius: 25px;
    transition: all .3s ease-out 0s;
}
.product-box .pro-top-box .pro-top-more:hover {
    color: #fff;
    background: #00a2e9;
}
.product-box .pro-btom-box {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    height: auto;
}
.product-box .pro-btom-box .pro-btom-lt {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 300px;
    height: 650px;
    padding: 50px 30px;
    border-radius: 10px;
    background: -webkit-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: -o-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: -moz-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
}
.product-box .pro-btom-box .pro-btom-lt.pro-half {
    height: 315px;
    padding: 30px 30px;
}
.product-box .pro-btom-lt .pro-left-title{height:auto;color:#fff;}
.product-box .pro-btom-lt .pro-left-title h3{font-size:24px;font-weight:700;line-height:28px;}
.product-box .pro-btom-lt .pro-left-title p{margin-top:30px;line-height:24px;}
.product-box .pro-btom-box .pro-half .pro-left-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.product-box .pro-btom-lt .pro-left-btn {
    height: auto;
}
.product-box .pro-btom-lt .pro-left-btn a {
    display: block;
    padding: 0 20px;
    line-height: 34px;
    color: #fff;
    background: transparent;
    font-size: 16px;
    border: 2px #fff solid;
    border-radius: 25px;
    transition: all .3s ease-out 0s;
}
.product-box .pro-btom-lt .pro-left-btn a:hover {
    color: #fff;
    font-size: 14px;
    border: 2px #a4ddf6 solid;
    background: #49c2f7;
    border-radius: 5px;
}
.product-con:nth-child(2n) .product-box .pro-btom-box .pro-btom-lt {
    background: -webkit-linear-gradient(to bottom right,rgba(170,205,6,1),rgba(110,135,8,1));
    background: -o-linear-gradient(to bottom right,rgba(170,205,6,1),rgba(110,135,8,1));
    background: -moz-linear-gradient(to bottom right,rgba(170,205,6,1),rgba(110,135,8,1));
    background: linear-gradient(to bottom right,rgba(170,205,6,1),rgba(110,135,8,1));
}
.product-con:nth-child(2n) .product-box .pro-btom-lt .pro-left-btn a:hover {
    border: 2px #e8f89f solid;
    background: #aacd06;
}
.product-box .pro-btom-box .pro-btom-rt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: 20px;
}

.product-box .pro-btom-box .pro-rt-item {
    width: 300px;
    height: 315px;
    padding: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: all .3s ease-out 0s;
}
.product-box .pro-btom-box .pro-rt-item:hover {
    box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .1);
    background: #fff;
}
@media(max-width: 768px) {
.product-box .pro-btom-box .pro-rt-item{width: 300px;}
}

@media(min-width: 768px)and (max-width:991px) {
.product-box .pro-btom-box .pro-rt-item{width: 300px;}
}

@media(min-width: 991px)and (max-width:1440px) {
.product-box .pro-btom-box .pro-rt-item{width: 270px;}
}

@media(min-width: 1441px) {
.product-box .pro-btom-box .pro-rt-item{width: 300px;}
}
.product-box .pro-btom-box .pro-rt-item .pro-item-ad,.product-list-item .pro-item-ad {
    color: #666;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 9px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9;
}
.product-box .pro-btom-box .pro-rt-item .pro-item-ad:hover,.product-list-item .pro-item-ad:hover {color: #00a2e9;}
.product-box .pro-btom-box .pro-rt-item .pro-item-pro,.product-list-item .pro-item-pro {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    margin: 20px 5px;
    justify-content: space-around;
}
.product-box .pro-btom-box .pro-rt-item .image-wrapper-pro,.product-list-item .image-wrapper-pro {
    height: 180px;
    background-size: 150px 100%;
    width: 100%;
    transition: all 0.4s;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product-box .pro-btom-box .pro-rt-item:hover .image-wrapper-pro,.product-list-item:hover .image-wrapper-pro {
    background-size: calc(115% * 150px) 100%;
}
.product-box .pro-btom-box .pro-rt-item img,.product-list-item img {
    width: 100%;
    transition: all 0.1s;
}
.product-box .pro-btom-box .pro-rt-item:hover img,.product-list-item:hover img {
    transform: scale(1.05);
}

.product-box .pro-btom-box .pro-rt-item .title-font,.product-list-item .title-font {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px 5px 0;
    line-height: 24px;
}
.product-box .pro-btom-box .pro-rt-item .title-font .pro-title,.product-list-item .title-font .pro-title {
    display: block;
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.product-box .pro-btom-box .pro-rt-item .title-font .pro-title:hover,.product-list-item .title-font .pro-title:hover {
    color: #00a2e9;
}
.product-box .pro-btom-box .pro-rt-item .title-font .pro-passages {
    display: block;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.product-box .pro-btom-box .pro-rt-item .title-font .pro-btn,.product-list-item .title-font .pro-btn {
    display: block;
    margin-top: 10px;
    padding: 0 20px;
    color: #00a2ea;
    background: transparent;
    font-size: 12px;
    border: 1px #00a2ea solid;
    border-radius: 25px;
    transition: all .3s ease-out 0s;
}
.product-box .pro-btom-box .pro-rt-item .title-font .pro-btn:hover,.product-list-item .title-font .pro-btn:hover {
    color: #fff;
    border: 1px #00a2e9 solid;
    background: #00a2e9;
}
.product-list-top {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.product-list-top .banner-slogan,.product-list-top .banner-title {
    text-align: center;
}
.product-list-box {
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
}
.product-list {
    padding-top: 20px;
    padding-bottom: 50px;
}
.product-list .product-list-item {
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: all .3s ease-out 0s;
}
.product-list .product-list-item:hover {
    box-shadow: 0 8px 16px 3px rgba(0, 0, 0, .1);
    background: #fff;
}
.product-list-item .title-font .pro-passages {
    display: block;
    margin-top: 8px;
    color: #999;
    font-size: 12px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*产品主页左侧悬浮导航样式*/
.left-proBox {
    position: fixed;
    left: 30px;
    top: 100px;
    z-index: 995;
    width: 160px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 1);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);
    animation: fadeInLeft;
    animation-duration: 0.5s;
    display: none;
}
.left-proTit {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background: -webkit-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: -o-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: -moz-linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
    background: linear-gradient(to bottom right,rgba(0,162,233,1),rgba(0,82,184,1));
}
.left-proNav {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    border-radius: 0 0 10px 10px;
}
.left-proNav li {
    line-height: 24px;
    border-bottom: 1px #ddd solid;
}
.left-proNav li:last-child {
    border-bottom: none;
}
.left-proNav li a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    color: #666;
    background: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.left-proNav li a .icon{font-size:20px;margin-right:8px;vertical-align:top;}
.left-proNav li a:hover{color:#fff;background:#00a2e9;}
/*产品主页左侧悬浮导航样式--END*/
/*产品列表页面样式*/
.prolist-topBox{padding-top:20px;}
.prolist-topCon,.filter-box{padding:15px 20px;background:#f7f7f7;}
.filter-item{margin:15px 0;display:flex;}
.filter-item .navTitle-item {
    width: 10%;
    flex: none;
    color: #383838;
    line-height: 24px;
}
.filter-item li {
    display: block;
    line-height: 24px;
    position: relative;
    margin-right: 10px;
}
.filter-item li a{margin:0 10px 0 0;cursor:pointer; padding:2px 10px;border-radius:25px;display:block;color:#6E6E6E;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.filter-item li a:hover{color:#00a2e9;}
.filter-item li a.active{color:#fff;background:#00a2e9}
.filter-item li b{font-weight:normal;}

/*产品列表页面样式--END*/
/*产品详情页面样式*/
/* 产品详情页轮播 */
.pro-details:hover .owl-nav .owl-next,.pro-details:hover .owl-nav .owl-prev{opacity:.3;}
.pro-details.dot-center .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;}
/* 产品详情页轮播 */

.proinfo-box{width:100%;}
.pro-intro{display:flex;justify-content:space-between;margin-bottom:40px;}
.pro-intro .pics-box{width:40%;}
.pro-intro .pics-box .showpic {
    height: 100%;
    /*background: 50% 50% #f2f2f2;
    border: 1px solid rgba(170, 170, 170, .25);
    margin-bottom: 10px;*/
    background-size: 100% 100%;
    padding-top: 20px;
}
.showpic .pro-thumb {
    margin-top: 10px;
}
/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block;}
.MagicZoom {background:#f7f7f7;border:1px solid #ececec;}
.pro-thumb .item {background:#f7f7f7;}
.pro-thumb .item img{border:1px solid #ececec;}
.pro-thumb .item:hover img{border:1px solid #00a2e9;}
/*.pro-thumb .owl-item.active .item img {border:1px solid #00a2e9;}*/
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity:.6;}
/* 放大镜 end */
.pro-intro .pro-info{padding-top:40px;padding-left:40px;flex:1;}
.pro-info .pro-tit{font-weight:400;font-size:30px;line-height:1em;margin-bottom:14px;color:#00a2e9;letter-spacing:1px;}
.pro-info .intro{height:auto;}
.pro-info .txt{color:#8f959f;font-size:14px;line-height:21px;margin-bottom:30px;font-weight:300;}
.pro-info .metas{padding:20px 0 20px;border-top:dotted 1px #cfd2d8;border-bottom:dotted 1px #cfd2d8;font-size:14px;color:#606775;line-height:21px;}
.pro-info .tel-box{padding-top:20px;font-size:30px;color:#666;}
.pro-info .tel-box .fa{font-size:30px;margin-right:15px;}
.pro-info .btn-box{padding-top:20px;display:flex;justify-content:space-around;}
.pro-info .btn-box a {
    display: inline-block;
    line-height: 48px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    transition: all .5s;
    min-width: 100px;
    flex: 1;
}
.pro-info .btn-box a:last-child{margin-right:0;}
.pro-info .btn-box a.btn-message{background:#00a2e9;}
.pro-info .btn-box a.btn-message:hover{background:#3f6cbd;}
.pro-info .btn-box a.btn-online{background:#e34b5e;}
.pro-info .btn-box a.btn-online:hover{background:#940718;}
.pro-info .btn-box a.btn-qq{background:rgba(223,29,22,1);}
.pro-info .btn-box a.btn-qq:hover{background:rgba(223,29,22,0.65);}
.pro-info .btn-box a.btn-taobao{background:#ff4400;}
.pro-info .btn-box a.btn-taobao:hover{background:rgba(220,20,20,1);}
.pro-info .btn-box a.btn-ali{background:rgba(255,106,0,1);}
.pro-info .btn-box a.btn-ali:hover{background:rgba(255,106,0,0.75);}
.pro-info .btn-box a.btn-jd{background:rgba(255,15,35,1);}
.pro-info .btn-box a.btn-jd:hover{background:rgba(255,15,35,0.75);}

#pro_snav {
    width: 100%;
    height: 48px;
    background: #e9ecee;
    color: #666;
    font-size: 16px;
}

#pro_snav .proNav-main {
    display: flex;
    justify-content: space-between;
}
#pro_snav a {
    color: inherit;
    display: inline-block;
    padding: 0 50px;
    line-height: 48px;
    background-color: transparent;
    /*border-bottom: solid 2px transparent;*/
    transition: all .3s;
    position: relative;
    z-index: 5;
}
#pro_snav a:after {
    background-color: #00a2e9;
    content: "";
    height: 48px;
    width: 0;
    left: 50%;
    bottom: 0;
    position: absolute;
    z-index: -1;
   -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all 0.3s ease-out;
    
}
#pro_snav a:hover {
    color: #fff;
    font-weight: bold;
    z-index: 5;
}
#pro_snav a:hover:after {
    width: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

#pro_snav a.current {
    color: #00a2e9;
    border-bottom: solid 2px #00a2e9;
    font-weight: bold;
}
#pro_snav.fixed,#pro_snav.fixed .top_pic .nav-bar>div,.top_pic #pro_snav.fixed .nav-bar>div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(40,44,53,.8);
    z-index: 999;
}
#pro_snav.fixed{box-shadow:0 3px 12px 0 rgba(0,0,0,0.1);animation:fadeInDown;animation-duration:0.5s;}
#pro_snav.fixed .proNav-main{display:flex;justify-content:center;}
#pro_snav.fixed .proNav-main a{margin:0 30px;}
#pro_snav.fixed .proNav-main a,#pro_snav.fixed .top_pic .nav-bar>div a,.top_pic #pro_snav.fixed .nav-bar>div a {
color:#fff;font-size:16px;border:none;padding:0 25px;cursor:pointer;
}

#pro_snav.fixed a.current,#pro_snav.fixed a:hover,#pro_snav.fixed .top_pic .nav-bar>div a.current,#pro_snav.fixed .top_pic .nav-bar>div a:hover,
.top_pic  #pro_snav.fixed .nav-bar>div a.current,.top_pic  #pro_snav.fixed .nav-bar>div a:hover {
    /*background: rgba(218,77,77,.8);*/
}

.pro-content {}
.pro-tags-item{padding-top:60px;padding-bottom:60px;}
.pro-content .pro-tags-item:nth-child(even){background:#f7f7f7;}
.pro-tags-title{height:auto;}
.cpxq-title{color:#333;line-height:30px;font-size:24px;font-weight:700;}
.cpxq-decorIcon{width:50px;height:2px;display:block;background:#00a2e9;border-radius:10px;margin-top:10px;}
.pro-tags-item .proNav-title{position:relative;width:110px;color:#00a2e9;font-size:16px;font-weight:bold;line-height:48px;text-align:center;}
.pro-tags-item .proNav-title:after{content:"";width:100%;height:1px;background:#00a2e9;position:absolute;left:0;bottom:0;}
.pro-tags-content{height:auto;padding-top:20px;line-height:24px;}
.pro-tags-content h2,.pro-tags-content h3{padding-bottom:15px;}
.pro-tags-content p{line-height:24px;}
.pro-tags-content table,.w-detail table{margin-bottom:10px;margin-top:12px;border-collapse:collapse;display:table;background:#fff;}
.pro-tags-content td,.w-detail td{padding:5px 10px;border:1px solid #ddd;}
.proinfo-container{width:100%;}
.proinfo-headBox {
    /* height: 232px; */
    background: linear-gradient(180deg, #fff, #f4f9ff 60%, #f4f9ff);
    /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .28);*/
}
.proinfo-botmBox{height:auto;}

.xgcp-box {
    height: auto;
    padding: 60px 0;
    background: #fff;
    border-bottom: 1px #eee solid;
    border-top: 1px #eee solid;
}
/* 产品详情在线留言样式*/
.pro-message{height:auto;padding:60px 0;background:#f7f7f7;}
.pro-message .message-contaier .font-tips{font-size:12px;color:#666;}
.pro-message .message-contaier .form-control{background:#fff;padding:1rem;}


/* 面包屑导航样式*/
.breadcrumb-box {
    background-color: #f7f7f7;
}
.breadcrumb {
    padding: 20px 15px 20px;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    background-color: #f7f7f7;
    color:#999;
}
.breadcrumb > li + li:before {
    color: #ccc;
    content: "> ";
    padding: 0 5px;
}
.breadcrumb li:first-child + li:before{
    content: " ";
    }
.breadcrumb li {color:#999;}
.breadcrumb li.active {
    color:#444;
}
.breadcrumb a {color:#444;margin: 0 5px;}
.breadcrumb .fa {font-size: 18px;margin-right: 3px;color:#999;}