﻿.banner
{
    position: relative;
    overflow: hidden;
}
.banner .swiper-slide
{
    position: relative;
    overflow: hidden;
    height: 1070px;
}
.banner .img
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner .img:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/png/cgmjnlnc.png") left top no-repeat;
    background-size: cover;
}
.banner .imgApp
{
    display: none;
}
.banner .imgApp img
{
    width: 100%;
}
.banner .titBan
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: table;
    height: 100%;
    z-index: 100;
}
.banner .titBan .wrap
{
    display: table-cell;
    vertical-align: middle;
}
.banner .titBan .mes
{
    position: relative;
    margin-top: -140px;
}
.banner .titBan h1
{
    font-size: 80px;
    line-height: 90px;
    color: #fff;
    margin-bottom: 10px;
}
.banner .titBan p
{
    font-size: 28px;
    line-height: 38px;
    color: #fff;
}
.banner .titBan a
{
    display: block;
    width: 152px;
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    text-align: center;
    background-image: url("/png/erxmecqk.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 45px;
}
.banner .titBan a:hover
{
    color: #12a79d;
    background-image: url("/png/q9w6qips.png");
}
.banner .img
{
    width: 100%;
    height: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.banner .swiper-slide-active .img
{
    -webkit-animation: scaleBigToSmall 2s;
    -moz-animation: scaleBigToSmall 2s;
    -o-animation: scaleBigToSmall 2s;
    animation: scaleBigToSmall 2s;
}
.banner .swiper-navigation
{
    position: absolute;
    right: 80px;
    bottom: 180px;
    font-size: 0;
    z-index: 200;
}
.banner .swiper-button-prev, .banner .swiper-button-next
{
    position: relative;
    left: auto;
    right: auto;
    display: inline-block;
    width: 80px;
    height: 35px;
    border-radius: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    z-index: 1;
    margin-top: 0;
    margin-left: 22px;
    overflow: hidden;
    background-image: none;
}
.banner .swiper-button-prev::before, .banner .swiper-button-next::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.banner .swiper-button-prev::after, .banner .swiper-button-next::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #1aaaa0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    z-index: 2;
}
.banner .swiper-button-prev::before
{
    background-image: url("/png/7wu3hhco.png");
}
.banner .swiper-button-next::before
{
    background-image: url("/png/zejaz93i.png");
}
.banner .swiper-button-prev:hover::before
{
    background-image: url("/png/c3xp7xpt.png");
}
.banner .swiper-button-next:hover::before
{
    background-image: url("/png/ohbekng4.png");
}
.banner .swiper-button-prev:hover::after, .banner .swiper-button-next:hover::after
{
    width: 100%;
}
.banner .swiper-page
{
    position: absolute;
    left: 80px;
    bottom: 180px;
    font-size: 0;
    z-index: 100;
}
.banner .swiper-pagination, .banner .swiper-num, .banner .swiper-taotal
{
    display: inline-block;
    vertical-align: middle;
}
.banner .swiper-pagination
{
    position: static;
    width: 56px;
    height: 2px;
    background: rgba(255,255,255,.5);
    margin: 0 10px;
}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    height: 2px;
    background: #fff;
}
.banner .swiper-num
{
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    font-family: 'geometos';
}
.banner .swiper-taotal
{
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-family: 'geometos';
}
.mouse
{
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 40px;
    text-align: center;
    margin-left: -20px;
    z-index: 1002;
    cursor: pointer;
}
.mouse img
{
    width: 24px;
}
.mouse:hover
{
    animation: b_jump 1.5s linear .1s alternate infinite;
}
@keyframes b_jump
{
    from
    {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to
    {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}
@-webkit-keyframes b_jump
{
    from
    {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to
    {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }
}
.titIn h1
{
    font-size: 64px;
    line-height: 78px;
    color: #333;
}
.titIn h1 em
{
    display: inline-block;
    color: #12a79d;
}
.titIn p
{
    font-size: 24px;
    line-height: 34px;
    color: #696969;
    margin-top: 22px;
}
.titIn a
{
    position: relative;
    display: block;
    width: 130px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #12a79d;
    text-align: center;
    background-image: url("/png/q9w6qips.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
}
.titIn a::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #12a79d;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.titIn a:hover
{
    background-image: none;
    color: #fff;
    background-color: #12a79d;
    border-radius: 50%;
}/* .titIn a:hover:after{width: 100%;} */
.proSolu, .newsIn, .aboutIn
{
    position: relative;
    margin-top: -100px;
    border-top-left-radius: 65px;
    overflow: hidden;
}
.proSolu
{
    padding-top: 188px;
    padding-bottom: 148px;
    background: #fff;
    z-index: 1001;
}
.proSolu .box
{
    position: relative;
    padding-left: 80px;
    overflow: hidden;
    margin-bottom: 80px;
}
.proSolu .lef
{
    float: left;
    width: 300px;
}
.proSolu .lef .titIn a
{
    margin-top: 72px;
}
.proSolu .rig
{
    float: right;
    width: calc(100% - 565px);
}
.proIn-sli .swiper-container
{
    position: relative;
    overflow: hidden;
}
.proIn-sli .swiper-slide
{
    width: auto;
}
.proIn-sli a
{
    position: relative;
    display: block;
    height: 410px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #f6f6f6;
}
.proIn-sli .one
{
    width: 559px;
}
.proIn-sli .one a
{
    height: 840px;
}
.proIn-sli .dg a
{
    width: 559px;
}
.proIn-sli .dg .rw a, .proIn-sli .dg .rw2 a
{
    float: left;
    margin-right: 20px;
}
.proIn-sli .dg .rw a
{
    width: 720px;
}
.proIn-sli .dg .rw a:last-child
{
    width: 780px;
    margin-right: 0;
}
.proIn-sli .dg .rw2 a
{
    width: 582px;
    margin-right: 20px;
}
.proIn-sli .dg .rw2 a:last-child
{
    width: 918px;
    margin-right: 0;
}
.proIn-sli a .img
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.proIn-sli a .img img
{
    width: 100%;
    min-height: 100%;
    vertical-align: bottom;
    overflow: hidden;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.proIn-sli a .mes
{
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
}
.proIn-sli a .mes .info
{
    padding: 0 36px;
}
.proIn-sli a .mes .nm
{
    font-size: 30px;
    line-height: 36px;
    color: #333;
}
.proIn-sli a .mes .nm em
{
    display: inline-block;
    font-family: 'gothamBold';
}
.proIn-sli a .mes p
{
    font-size: 18px;
    line-height: 28px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.proIn-sli .swiper-button-prev, .proIn-sli .swiper-button-next
{
    position: absolute;
    left: auto;
    right: 80px;
    top: 50%;
    display: inline-block;
    width: 80px;
    height: 36px;
    margin-top: -18px;
    background-color: #9d9d9d;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    background-image: none;
    box-shadow: 0 0 39px rgba(26,170,160,.39);
    overflow: hidden;
    z-index: 1;
}
.proIn-sli .swiper-button-next.swiper-button-disabled, .proIn-sli .swiper-button-prev.swiper-button-disabled
{
    opacity: 0;
}
.proIn-sli .swiper-button-prev::before, .proIn-sli .swiper-button-next::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.proIn-sli .swiper-button-prev::after, .proIn-sli .swiper-button-next::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #1aaaa0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    z-index: 2;
}/* .proIn-sli .swiper-button-prev{right: 170px;display: none;} */
.proIn-sli .swiper-button-prev::before
{
    background-image: url("/png/c3xp7xpt.png");
}
.proIn-sli .swiper-button-next::before
{
    background-image: url("/png/ohbekng4.png");
}
.proIn-sli .swiper-button-prev:hover::after, .proIn-sli .swiper-button-next:hover::after
{
    width: 100%;
}
.proIn-sli a:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.newsIn
{
    padding-bottom: 148px;
    background-image: url("/png/04m01t46.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1002;
}/* .newsIn .scrollmagic-pin-spacer{padding-bottom: 0!important;} */
.newsIn .mr-home-news-pin
{
    padding-top: 145px;
}
.newsIn-cont
{
    margin-top: 90px;
}
.newsIn .news-hot
{
    float: left;
    width: 54.5%;
    margin-bottom: 75px;
}
.newsIn .newsIn-rig
{
    float: right;
    width: 41%;
}
.newsIn .news-hot a
{
    display: block;
    position: relative;
    padding-right: 80px;
    padding-bottom: 108px;
}
.newsIn .news-hot .cont
{
    position: relative;
    border-bottom-left-radius: 65px;
    overflow: hidden;
    z-index: 2;
}/* .newsIn .news-hot a::after{content: "";position: absolute;right: 0;bottom: 0;width: 66.5%;height: 100%;background-image: url("/png/oix93pvq.png");background-position: right bottom;background-repeat: no-repeat;background-size: 100%;} */
.newsIn .news-hot a .bgcont
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 66.5%;
    height: 100%;
    background-image: url("/png/oix93pvq.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
.newsIn .news-hot .img
{
    overflow: hidden;
}
.newsIn .news-hot .img img
{
    width: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.newsIn .news-hot .mes
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 92%;
    background-color: #12a79d;
    background-image: url("/png/go4wuauj.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    border-top-right-radius: 65px;
    overflow: hidden;
}
.newsIn .news-hot .info
{
    padding: 43px 55px 43px 62px;
}
.newsIn .news-hot .info h3
{
    color: #fff;
    margin-bottom: 10px;
}
.newsIn .news-hot .info p
{
    color: #fff;
}
.newsIn .news-hot .info h3, .newsIn .newsIn-list li .info h3
{
    font-size: 32px;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsIn .news-hot .info p, .newsIn .newsIn-list li .info p
{
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newsIn .newsIn-rig
{
    height: 870px;
    overflow: hidden;
}
.newsIn .newsIn-list li
{
    margin-bottom: 75px;
}
.newsIn .newsIn-list li a
{
    display: block;
}
.newsIn .newsIn-list li .img
{
    overflow: hidden;
    margin-bottom: 32px;
    height: 400px;
}
.newsIn .newsIn-list li .img img
{
    min-width: 100%;
    min-height: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.newsIn .newsIn-list li .info h3
{
    color: #000;
    margin-bottom: 25px;
}
.newsIn .newsIn-list li .info p
{
    color: #666;
}
.newsIn .newsIn-list li .dt
{
    margin-top: 28px;
    font-size: 0;
}
.newsIn .newsIn-list li .dt span
{
    display: inline-block;
    width: 82px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    background: #12a79d;
}
.newsIn .newsIn-list li .dt em
{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #9d9d9d;
    font-family: 'gothamBold';
    margin-left: 38px;
}
.newsIn .news-hot:hover .img img, .newsIn .newsIn-list li:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.newsIn .newsIn-list li:hover .info p
{
    color: #12a79d;
}
.newsIn .newsIn-list li .dt span.hoverLef::before
{
    background: #9d9d9d;
}
.newsIn .newsIn-list li:hover .dt span.hoverLef::after
{
    width: 100%;
    background: #12a79d;
}
.more-news
{
    padding-bottom: 100px;
    padding-top: 25px;
}
.more-news a
{
    display: block;
    width: 126px;
    font-size: 18px;
    line-height: 46px;
    color: #12a79d;
    background-image: url("/png/q9w6qips.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    text-align: center;
    border-radius: 50%;
    z-index: -1;
}/* 

.titIn a{position: relative;display: block;width: 130px;height: 44px;font-size: 16px;line-height: 44px;color: #12a79d;text-align: center;background-image: url("/png/q9w6qips.png");background-repeat: no-repeat;background-position: left top;background-size: 100% 100%;}

.titIn a::after{content: "";position: absolute;left: 0;top:0;width: 0;height: 100%;background: #12a79d;border-radius: 50%;z-index: -1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

.titIn a:hover{background-image: none;color: #fff;background-color: #12a79d;border-radius: 50%;} */
.more-news a:hover
{
    background-image: none;
    color: #fff;
    background-color: #12a79d;
    border-radius: 50%;
}
.mCustomScrollBox
{
    position: relative;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_scrollTools
{
    position: absolute;
    width: 10px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;;
    bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 1px;
    height: auto;
}
.mCSB_scrollTools .mCSB_dragger
{
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_draggerRail
{
    width: 1px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    position: relative;
    width: 5px;
    height: 150px;
    margin: 0 auto;
    text-align: center;/* -webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;*/
    background-color: transparent;
}
.aboutIn
{
    padding-top: 160px;
    background-color: #fff;
    background-image: url("/png/hap9f8el.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1003;
}
.aboutIn::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 330px;
    background: #12a79d;
    z-index: -1;
}
.aboutIn .titIn
{
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 100%;
}
.aboutIn .titIn a
{
    position: absolute;
    left: 0;
    bottom: 40px;
}
.aboutIn-content
{
    padding-left: 630px;
    position: relative;
}
.aboutIn-content p
{
    font-size: 18px;
    line-height: 34px;
    color: #666;
}
.aboutIn-content .data-list
{
    margin-top: 85px;
}
.aboutIn-content .data-list li
{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.aboutIn-content .data-list li:last-child
{
    margin-right: 0;
}
.aboutIn-content .data-list li .img
{
    position: relative;
    width: 100%;
    height: 229px;
    background-color: #f7f7f7;
    background-image: url("/png/8ok4wcqs.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
}
.aboutIn-content .data-list li .img img
{
    position: absolute;
    left: 35px;
    top: 30px;
    width: 32px;
    z-index: 12;
}
.aboutIn-content .data-list li .imgB
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-ontransiti: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.aboutIn-content .data-list li:hover .imgB
{
    opacity: 1;
    visibility: visible;
}
.aboutIn-content .data-list li .mes
{
    position: relative;
    padding: 0 30px;
    margin-top: -50px;
    text-align: right;
    z-index: 11;
}
.aboutIn-content .data-list li .mes h2
{
    font-size: 76px;
    line-height: 76px;
    color: #f15929;
    font-family: 'gothamBold';
}
.aboutIn-content .data-list li .mes p
{
    font-size: 20px;
    line-height: 32px;
    color: #6b6b6b;
}
.aboutIn-content .data-list li:hover h2
{
    color: #12a79d;
}
.about-video .jsmodern-video
{
    background-color: transparent;
}
.about-video
{
    width: 100%;
    margin-top: 110px;
    position: relative;
    border-top-right-radius: 65px;
    border-bottom-left-radius: 65px;
    overflow: hidden;
}
.about-video video
{
    width: 100%;
    height: 700px;
    object-fit: fill;
}
.about-video video::-webkit-media-controls
{
    display: none!important;
}
.about-video video::-moz-media-controls
{
    display: none!important;
}
.about-video video::-ms-media-controls
{
    display: none!important;
}
.about-video video::-o-media-controls
{
    display: none!important;
}
.about-video video::media-controls
{
    display: none!important;
}
.videoPause
{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    margin-left: -28px;
    margin-top: -28px;
    z-index: 300;
    cursor: pointer;
}
.videoPause img
{
    width: 100%;
}
.about-video .jsmodern-video-panel
{
    display: none;
    width: 90%;
    padding: 0 5%;
}
.about-video .poster-bg
{
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    z-index: 200;
}
.about-video .poster img
{
    width: 100%;
}/* 关于 */
.aboutW .section1
{
    background-image: url("/png/80ayapz8.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.research
{
    padding-top: 180px;
}
.research-list
{
    margin-top: 115px;
    margin-bottom: 145px;
    overflow: hidden;
    position: relative;
}
.swp .swiper-wrapper
{
    position: relative;
}
.swp .swiper-slide
{
    width: 100%;
}
.swp .swiper-navigation
{
    position: absolute;
    right: 160px;
    top: 50%;
    width: 630px;
    height: 454px;
    margin-top: -227px;
}
.swp .swiper-button-prev, .swp .swiper-button-next
{
    position: absolute;
    display: inline-block;
    width: 66px;
    height: 66px;
    margin-top: 0;
    top: auto;
    bottom: -33px;
    background: #11a79c;
    z-index: 300;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px;
}
.swp .swiper-button-prev, .swp .swiper-button-next
{
    left: auto;
}
.swp .swiper-button-prev
{
    right: 125px;
    background-image: url("/png/wv75ttk0.png");
}
.swp .swiper-button-next
{
    right: 50px;
    background-image: url("/png/kct0e51q.png");
}
.swp .swiper-button-prev:hover, .swp .swiper-button-next:hover
{
    box-shadow: 0 0 15px rgba(0,0,0,.21);
}
.swp .swiper-button-next.swiper-button-disabled, .swp .swiper-button-prev.swiper-button-disabled
{
    opacity: .7;
}
.lean-list
{
    overflow: hidden;
}
.lean-list .swiper-button-prev, .lean-list .swiper-button-next
{
    right: auto;
}
.lean-list .swiper-button-prev
{
    left: 62px;
}
.lean-list .swiper-button-next
{
    left: 134px;
}/* .swp .swiper-button-prev::before,.swp .swiper-button-next::before{content: ""; position: absolute; left: 50%; top: 50%;width: 66px;height: 66px;background: #11a79c;margin-left: -33px;  margin-top: -33px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);z-index: 1;}

.swp .swiper-button-prev::after,.swp .swiper-button-next::after{content: ""; position: absolute; left:0; top:0;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: 25px;z-index: 2; }

.swp .swiper-button-prev::after{background-image: url("/png/wv75ttk0.png");}

.swp .swiper-button-next::after{background-image: url("/png/kct0e51q.png");}

.swp .swiper-button-prev:hover::before,.swp .swiper-button-next:hover::before{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); } */
.swp .box
{
    position: relative;
}
.swp .img
{
    width: 1120px;
    overflow: hidden;
}
.swp .img img
{
    width: 100%;
    -webkit-ontransiti: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.swp .info
{
    position: absolute;
    right: 0;
    top: 50%;
    width: 500px;
    height: 454px;
    margin-top: -227px;
    background: #fff;
}
.swp .swiper-slide-thumb-active .info
{
    box-shadow: 0 0 20px rgba(17,167,156,.06);
}
.swp .info .cont
{
    padding: 50px;
    margin-top: 36px;
}
.swp .info h1
{
    font-size: 40px;
    line-height: 50px;
    color: #11a79c;
    margin-bottom: 25px;
}
.swp .info p
{
    font-size: 20px;
    line-height: 30px;
    color: #343434;
    max-height: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.swp .swiper-slide:hover .info h1
{
    color: #11a79c;
}
.swp .swiper-slide:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.lean-list
{
    margin-top: 110px;
    margin-bottom: 175px;
    position: relative;
}
.lean-list .img
{
    float: right;
}
.lean-list .swiper-navigation
{
    position: absolute;
    left: 160px;
    top: 50%;
    width: 630px;
    height: 420px;
    margin-top: -210px;
}
.lean-list .info
{
    position: absolute;
    left: 0;
    top: 50%;
    width: 500px;
    height: 420px;
    margin-top: -210px;
    background: #fff;
}
.manage
{
    padding-top: 125px;
    padding-bottom: 130px;
    background-image: url("/png/elbpf04d.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.manage-cont
{
    margin-top: 30px;
}
.manage-cont .rig-map
{
    float: right;
    width: 68.5%;
    position: relative;
}
.manage-cont .rig-map .img img
{
    width: 100%;
}
.manage-cont .rig-map .zz
{
    position: absolute;
    top: 42%;
    left: 35.88%;
    margin-top: -14px;
    margin-left: -14px;
    text-align: center;
}
.manage-cont .rig-map .zz .quan
{
    position: relative;
    width: 24px;
    margin: 0 auto;
}
.manage-cont .rig-map .zz .quan img
{
    width: 100%;
}
@keyframes scale
{
    0%
    {
        transform: scale(1);
        opacity: .3;
    }
    50%, 75%
    {
        transform: scale(3);
    }
    78%, 100%
    {
        opacity: 0;
    }
}
.manage-cont .rig-map .zz .quan:after
{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: .7;
    background-color: rgba(255,255,255,.82);
    animation: scale 1.6s infinite cubic-bezier(0,0,.49,1.02);
    animation-delay: 200ms;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    z-index: 1;
}
.manage-cont .rig-map .zz p
{
    font-size: 16px;
    line-height: 10px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
.manage-cont .lef-mes
{
    float: left;
    width: 31.5%;
    padding-top: 84px;
}
.manage-cont .lef-mes .manage-num
{
    float: left;
    width: 50%;
    text-align: center;
}
.manage-cont .lef-mes .manage-num .info
{
    padding-right: 35px;
}
.manage-cont .lef-mes .manage-num h1
{
    font-size: 44px;
    line-height: 54px;
    color: #343434;
}
.manage-cont .lef-mes .manage-num .num
{
    font-size: 80px;
    line-height: 120px;
    color: #12a79d;
    margin-top: 30px;
    margin-bottom: 50px;
    font-family: 'dinBold';
    background: linear-gradient(45deg,#11a79c 1%,#0a7971 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.manage-cont .lef-mes .manage-num em
{
    display: inline-block;
    font-size: 120px;
    line-height: 120px;
    color: #12a79d;
    font-family: 'dinBold';
    background: linear-gradient(45deg,#11a79c 1%,#0a7971 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    min-width: 131px;
}
.manage-cont .lef-mes .manage-num p
{
    font-size: 24px;
    line-height: 30px;
    color: #343434;
}
.develop
{
    padding-top: 138px;
    padding-bottom: 135px;
    background-image: url("/png/7ly3a5j2.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.develop-top
{
    padding-top: 88px;
    overflow: hidden;
}
.developLef
{
    float: left;
    width: 42.5%;
}
.developRig
{
    float: right;
    width: 47.18%;
}/* .develop-top .develop-mes{float: left;width: 42.5%;} */
.develop-top .develop-mes .year
{
    font-size: 160px;
    line-height: 160px;
    color: #12a79d;
    padding-top: 20px;
    font-family: 'dinBold';
    margin-bottom: 55px;
    background: linear-gradient(45deg,#11a79c 1%,#0a7971 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.develop-top .develop-mes .info
{
    font-size: 20px;
    line-height: 30px;
    color: #343434;
}
.develop-top .develop-mes .info p
{
    position: relative;
    padding-left: 30px;
}
.develop-top .develop-mes .info p em
{
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 12px;
    width: 10px;
    height: 10px;
    background: #11a79c;
    border-radius: 50%;
}/* .develop-top .imgBox{position: relative;float: right;width: 47.18%;padding-right: 55px;padding-bottom: 65px;box-sizing: border-box;} *//* .develop-top .imgBox{position: relative;padding-right: 55px;padding-bottom: 65px;box-sizing: border-box;} */
.develop-top .imgBox
{
    position: relative;
    box-sizing: border-box;
}
.develop-top .imgBox .img
{
    position: relative;
}
.develop-top .imgBox .img img
{
    width: 100%;
}/* .develop-top .imgBox .img::after{content: '';position: absolute;right: -55px;bottom: -65px;width: 100%;height: 100%;background: #0f968c;z-index: -1;} */
.developRig
{
    padding-bottom: 65px;
    box-sizing: border-box;
    position: relative;
    margin-right: 55px;
}
.developRig::after
{
    content: '';
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 100%;
    height: 100%;
    background: #0f968c;
}
.developLef .swiper-slide
{
    opacity: 0;
}
.developLef .swiper-slide-active
{
    opacity: 1;
}
.develop-year
{
    margin-top: 100px;
    position: relative;
    padding: 0 160px;
    overflow: hidden;
}
.develop-year .line
{
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    height: 2px;
    background-image: url("/png/kqnuai1o.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.develop-year .year-list
{
    text-align: center;
    padding-top: 29px;
    cursor: pointer;
}
.develop-year .year-list em
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #11a79c;
    border-radius: 50%;
    z-index: 10;
}
.develop-year .year-list em::after
{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: rgba(17,167,156,.12);
    border-radius: 50%;
    margin-left: -12px;
    margin-top: -12px;
}
.develop-year .year-list p
{
    font-size: 22px;
    line-height: 22px;
    color: #7a7a7a;
    margin-top: 15px;
}
.develop-year .swiper-container
{
    z-index: 3;
    overflow: hidden;
}
.develop-year .swiper-wrapper
{
    z-index: 3;
}
.develop-year .swiper-slide
{
    text-align: center;
    width: 20%;
}/*.develop-year .swiper-slide-active .year-list p,.develop-year .swiper-slide:hover .year-list p,.develop-year .swiper-slide-thumb-active .year-list p{color: #109d92;}*/
.develop-year .swiper-slide:hover .year-list p, .develop-year .swiper-slide-thumb-active .year-list p
{
    color: #109d92;
}
.develop-year .swiper-button-prev, .develop-year .swiper-button-next
{
    position: absolute;
    top: 4px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #0e9389;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    margin-top: 0;
    z-index: 100;
}
.develop-year .swiper-button-prev
{
    left: 100px;
    background-image: url("/png/c3xp7xpt.png");
}
.develop-year .swiper-button-next
{
    right: 100px;
    background-image: url("/png/ohbekng4.png");
}
.develop-year .swiper-button-next.swiper-button-disabled, .develop-year .swiper-button-prev.swiper-button-disabled
{
    opacity: .55;
}
.honor
{
    padding-top: 160px;
    padding-bottom: 60px;
    background: #f5f5f5;
}
.honor-slider
{
    position: relative;
    overflow: hidden;
    margin-top: 85px;
}
.honor-slider .swiper-container
{
    padding-bottom: 70px;
}
.honor-sliderApp
{
    display: none;
}
.honor-slider .conL
{
    float: left;
    width: 32%;
    margin-right: 2%;
    height: 322px;
    background-color: #fff;
    background-image: url("/png/euttt0nd.png");
    background-repeat: no-repeat;
    background-position: right 50px bottom 36px;
    background-size: 46px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;;
    transition: all .2s linear;
    margin-bottom: 40px;
}
.honor-slider .conL:nth-child(3n)
{
    margin-right: 0;
}
.honor-sliderApp .conL
{
    width: 100%;
    margin-right: 0;
}
.honor-slider .conL a
{
    position: relative;
    display: block;
    padding: 38px 120px 0 49px;
    height: 100%;
    box-sizing: border-box;
}
.honor-slider .conL em
{
    display: block;
    width: 82px;
    height: 3px;
    background: #e8e8e8;
    margin-bottom: 16px;
}
.honor-slider .conL h2
{
    font-size: 36px;
    line-height: 46px;
    color: #343434;
}
.honor-slider .conL .mes
{
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
    padding: 0 120px 0 49px;
    box-sizing: border-box;
    max-height: 84px;
    overflow: hidden;
}
.honor-slider .conL p
{
    font-size: 20px;
    line-height: 28px;
    color: #888;
}
.honor-slider .conL:hover
{
    background-color: #0f968c;
    background-image: url("/png/9uuynk35.png");
}
.honor-slider .conL:hover em
{
    background: #fff;
}
.honor-slider .conL:hover h2
{
    color: #fff;
}
.honor-slider .conL:hover p
{
    color: #fff;
}
.honor-slider .swiper-navigation
{
    font-size: 0;
    text-align: center;
    z-index: 200;
    padding-top: 20px;
}
.honor-slider .swiper-button-prev, .honor-slider .swiper-button-next
{
    position: relative;
    left: auto;
    right: auto;
    display: inline-block;
    width: 80px;
    height: 35px;
    border-radius: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    z-index: 1;
    margin-top: 0;
    margin-left: 21px;
    margin-right: 21px;
    overflow: hidden;
    background-image: none;
    box-shadow: 0 0 62px rgba(26,170,160,.16);
}
.honor-slider .swiper-button-prev::before, .honor-slider .swiper-button-next::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.honor-slider .swiper-button-prev::after, .honor-slider .swiper-button-next::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #0d8a81;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    z-index: 2;
}
.honor-slider .swiper-button-prev::before
{
    background-image: url("/png/037i5qzp.png");
}
.honor-slider .swiper-button-next::before
{
    background-image: url("/png/31pxrgp5.png");
}
.honor-slider .swiper-button-prev:hover::before
{
    background-image: url("/png/c3xp7xpt.png");
}
.honor-slider .swiper-button-next:hover::before
{
    background-image: url("/png/ohbekng4.png");
}
.honor-slider .swiper-button-prev:hover::after, .honor-slider .swiper-button-next:hover::after
{
    width: 100%;
    opacity: 1;
}
.culture
{
    padding-top: 165px;
    padding-bottom: 258px;
    background-image: url("/png/txkvgkuh.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.culture-tab
{
    margin-top: 65px;
    margin-bottom: 86px;
    border-bottom: 1px solid #c3c4c4;
}
.culture-tab li
{
    position: relative;
    float: left;
    margin-right: 98px;
    cursor: pointer;
    width: auto!important;
}
.culture-tab li, .culture-tab li a
{
    display: block;
    font-size: 32px;
    line-height: 76px;
    color: #232323;
}
.culture-tab li::after
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 4px;
    background: #11a79c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.culture-tab li:last-child
{
    margin-right: 0;
}
.culture-tab li:hover
{
    color: #11a79c;
}
.culture-tab li:hover::after
{
    width: 100%;
    margin-left: -50%;
}
.culture-tab li.active a
{
    color: #11a79c;
}
.culture-tab li.active::after
{
    width: 100%;
    margin-left: -50%;
}
.culture-content
{
    overflow: hidden;
}
.culture-list.active
{
    display: block;
}
.culture-tab li.swiper-slide-thumb-active a, .culture-tab li:hover a
{
    color: #11a79c;
}
.culture-tab li.swiper-slide-thumb-active::after
{
    width: 100%;
    margin-left: -50%;
}
.social
{
    padding-bottom: 200px;
    background-image: url("/png/7v3qkuo9.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.social-cont
{
    position: relative;
}
.social-list
{
    position: relative;
    overflow: hidden;
    padding-top: 184px;
    padding-bottom: 118px;
}
.social-list .swiper-slide
{
    position: relative;
}
.social-list .bg2, .social-list .bg
{
    position: absolute;
    width: 58.95%;
    height: 74%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.social-list .bg2
{
    left: 0;
    bottom: 0;
    background-image: url("/png/xr4hkttx.png");
    background-position: right top;
}
.social-list .bg
{
    right: 0;
    top: 0;
    background-image: url("/png/4e02k0v3.png");
    background-position: left top;
}
.social-list .socialImg
{
    position: absolute;
    right: 160px;
    top: 103px;
    z-index: 20;
}/* .social-list .cont,.social-list .img{width: 44.94%;} */
.social-list .socialImg, .social-list .socialMes
{
    width: 44.94%;
}
.social-list .img img
{
    width: 100%;
}
.social-list .socialMes
{
    float: left;
    margin-left: 160px;
    position: relative;
    z-index: 10;
}
.social-list .cont .box
{
    display: table;
    width: 100%;
    height: 609px;
    background: #0f968c;
}
.social-list .cont .mes
{
    display: table-cell;
    padding-left: 5%;
    padding-right: 21%;
    vertical-align: middle;
    color: #fff;
}
.social-list .cont .mes h1
{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 35px;
}
.social-list .cont .mes p
{
    font-size: 22px;
    line-height: 34px;
    max-height: 204px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.social-list .cont .mes .zk
{
    display: inline-block;
    margin-top: 58px;
    padding: 7px 0;
}
.social-list .cont .mes .zk img
{
    width: 16px;
}
.social-list .swiper-button-prev, .social-list .swiper-button-next
{
    position: absolute;
    left: auto;
    right: 160px;
    top: 40%;
    display: inline-block;
    width: 66px;
    height: 36px;
    margin-top: 0;
    background-color: #9d9d9d;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    background-image: none;
    overflow: hidden;
    z-index: 100;
}
.social-list .swiper-button-next.swiper-button-disabled, .social-list .swiper-button-prev.swiper-button-disabled
{
    opacity: 0;
}
.social-list .swiper-button-prev::before, .social-list .swiper-button-next::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.social-list .swiper-button-prev::after, .social-list .swiper-button-next::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #1aaaa0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    z-index: 2;
}/* .social-list .swiper-button-prev{top: 47%;} */
.social-list .swiper-button-prev::before
{
    background-image: url("/png/c3xp7xpt.png");
}
.social-list .swiper-button-next::before
{
    background-image: url("/png/ohbekng4.png");
}
.social-list .swiper-button-prev:hover::after, .social-list .swiper-button-next:hover::after
{
    width: 100%;
}/* 新闻 */
.newsW
{
    padding-bottom: 115px;
}
.news-top
{
    padding-top: 185px;
    padding-bottom: 115px;
    background-image: url("/png/eyf0ahyq.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.news-top .news-topSlider
{
    box-shadow: 10px 10px 38px rgba(17,167,156,.16);
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.news-top a
{
    display: block;
    background: #fff;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    overflow: hidden;
}
.news-top .lef, .news-top .rig
{
    height: 573px;
}
.news-top .lef
{
    width: 44%;
}
.news-top .rig
{
    width: 56%;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    overflow: hidden;
}
.news-top .img
{
    overflow: hidden;
    height: 100%;
}
.news-top .img img
{
    min-width: 100%;
    min-height: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.news-top .mes
{
    padding-left: 115px;
    padding-right: 145px;
    padding-top: 72px;
}
.news-top .mes h1
{
    font-size: 38px;
    line-height: 46px;
    color: #11a79c;
    margin-bottom: 25px;
}
.news-top .mes p
{
    font-size: 16px;
    line-height: 28px;
    color: #9d9d9d;
    max-height: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.news-top .mes .del
{
    display: inline-block;
    font-size: 24px;
    line-height: 34px;
    color: #9d9d9d;
    position: relative;
    margin-top: 40px;
}
.news-top .mes .del::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #11a79c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.news-top .mes .dt
{
    font-size: 0;
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
}
.news-top .mes .dt span
{
    display: inline-block;
    width: 82px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    background: #12a79d;
}
.news-top .mes .dt em
{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #9d9d9d;
    font-family: 'gothamBold';
    margin-left: 38px;
}
.news-top .mes .dt span.hoverLef::before
{
    background: #9d9d9d;
}
.news-top .swiper-slide:hover .dt span.hoverLef::after
{
    width: 100%;
    background: #12a79d;
}
.news-top .swiper-slide:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.news-top .swiper-slide:hover .mes .del
{
    color: #11a79c;
}/* .news-top .swiper-slide:hover .mes .del::after{width: 100%;} */
.news-top .swiper-pagination
{
    top: auto;
    bottom: 88px;
    left: 115px;
    z-index: 100;
    text-align: left;
}
.news-top .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 6px;
}
.news-top .swiper-pagination .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    border: 2px solid #d8d8d8;
    background: none;
    opacity: 1;
}
.news-top .swiper-pagination .swiper-pagination-bullet-active
{
    background: #30ada3;
    border: 2px solid #30ada3;
}/* .ownerIn .swiper-container-horizontal>.swiper-pagination-progressbar{height: 1px;background: #ece3d3;}

.ownerIn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 5px;background: #dcd1bc;margin-top: -2px;} */
.filter
{
    position: relative;
    padding: 74px 0;
    z-index: 20;
    margin-bottom: 50px;
    border-bottom: 1px solid #e8e8e8;
}
.filter .inp, .filter .sewv
{
    position: relative;
    margin-right: 1.1%;
}
.filter .inp
{
    width: 26%;
    position: relative;
}
.filter .sewv
{
    width: 17%;
}
.filter .inp .inpbox
{
    padding-right: 60px;
}
.filter .inp input
{
    display: block;
    width: 100%;
}
.filter .sewvtop, .filter .inp .inpbox
{
    background: #fff;
    cursor: pointer;
    padding-left: 30px;
    border-radius: 15px;
    box-shadow: 0 0 40px #ebecf0;
    overflow: hidden;
}
.filter .sewvtop
{
    position: relative;
    padding-right: 50px;
}
.filter .sewvtop::after
{
    content: "";
    position: absolute;
    right: 26px;
    top: 0;
    width: 22px;
    height: 100%;
    background-image: url("/png/j0kjxjej.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.filter .inp input, .filter .sewvtop>span
{
    display: block;
    height: 22px;
    padding-top: 17px;
    padding-bottom: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.filter .inp input, .filter .sewvtop>span, .filter .sewvbm>li
{
    font-size: 18px;
    line-height: 22px;
    color: #9d9d9d;
}
.filter .sewvbm
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 56px;
    background: #f1f1f1;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 15px;
    box-sizing: border-box;
    z-index: 100;
    display: none;
}/* .filter .sewvbm.active{height: auto;} */
.filter .sewvbm>li
{
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
}
.filter .sewvbm>li:hover
{
    color: #3e3a32;
}
.filter .searbtn
{
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background-image: url("/png/mpa9miva.png");
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 22px;
    cursor: pointer;
}
.news-list li
{
    padding-bottom: 86px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e8e8e8;
}
.news-list li a
{
    display: table;
    width: 100%;
}
.news-list li .img, .news-list li .mes
{
    display: table-cell;
}
.news-list li .img
{
    width: 383px;
    overflow: hidden;
}
.news-list li .img img
{
    width: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.news-list li .mes
{
    padding-left: 50px;
    padding-top: 18px;
}
.news-list li .mes em
{
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #9d9d9d;
    font-family: 'gothamBold';
    margin-bottom: 10px;
}
.news-list li .mes h3
{
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    color: #343434;
    overflow: hidden;
    margin-bottom: 20px;
}
.news-list li .mes p
{
    font-size: 18px;
    line-height: 26px;
    color: #6a6a6a;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list li .mes .dt
{
    margin-top: 26px;
}
.news-list li .mes .dt span
{
    display: inline-block;
    width: 82px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    background: #12a79d;
}
.news-list li .mes span.hoverLef::before
{
    background: #9d9d9d;
}
.news-list li:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.news-list li:hover .mes span.hoverLef::after
{
    width: 100%;
    background: #30ada3;
}
.news-list li:hover .mes h3
{
    color: #30ada3;
}
.loadM span
{
    display: inline-block;
    font-size: 38px;
    line-height: 48px;
    color: #a7a7a7;
    position: relative;
    cursor: pointer;
}
.loadM span::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #30ada3;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.loadM span:hover
{
    color: #30ada3;
}
.loadM span:hover::after
{
    width: 100%;
}/* 新闻详情 */
.detailW
{
    padding-bottom: 20px;
}
.detail-top
{
    padding-top: 155px;
    padding-bottom: 104px;
    background-image: url("/png/dw1ct27h.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.detail-tit
{
    font-size: 60px;
    line-height: 80px;
    color: #000;
}
.detail-top .detail-oth
{
    margin-top: 100px;
    position: relative;
}
.detail-top .dt
{
    padding-top: 15px;
}
.detail-top .dt span
{
    display: inline-block;
    width: 82px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: #30ada3;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
}
.detail-top .dt em
{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #9d9d9d;
    font-family: 'gothamBold';
    margin-left: 18px;
}
.detail-top .lk
{
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #dcdddd;
}
.detail-top .lk .lk-li
{
    float: left;
    border-right: 1px solid #dcdddd;
    position: relative;
}
.detail-top .lk .lk-li:last-child
{
    border-right: none;
}
.detail-top .lk .lk-li a
{
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.detail-top .lk .lk-li a img
{
    width: 24px;
}
.detail-top .lk .lk-li a img.img2
{
    display: none;
}
.detail-top .lk .lk-li .lk-img
{
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 110px;
    margin-left: -55px;
    padding-bottom: 10px;
    text-align: center;
    z-index: 100;
    visibility: hidden;
}
.detail-top .lk .lk-li .lk-img::after
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #30ada3;
    margin-left: -6px;
}
.detail-top .lk .lk-li .lk-img img
{
    width: 100%;
    border: 1px solid #30ada3;
}
.detail-top .lk .lk-li:hover .lk-img
{
    visibility: visible;
}
.detail-top .lk .lk-li:hover a
{
    background: #30ada3;
}
.detail-top .lk .lk-li:hover a img.img1
{
    display: none;
}
.detail-top .lk .lk-li:hover a img.img2
{
    display: inline-block;
}
.detail-content
{
    overflow: hidden;
}
.detail-content .content
{
    padding-top: 85px;
    padding-bottom: 65px;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}
.detail-content .content, .detail-content .content p
{
    font-size: 22px;
    line-height: 48px;
    color: #000;
}
.detail-content .content h2
{
    font-size: 36px;
}
.detail-content img
{
    max-width: 100%!important;
}
.detail-content .news-page
{
    padding: 55px 0;
    overflow: hidden;
}
.detail-content .news-page .prev-bt, .detail-content .news-page .next-bt
{
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 6px;
}
.detail-content .news-page .prev-bt
{
    background-image: url("/png/99lwpy9p.png");
}
.detail-content .news-page .next-bt
{
    background-image: url("/png/3n8ujjau.png");
}
.detail-content .news-page .bt a
{
    color: #565656;
}
.detail-content .news-page .bt span, .detail-content .news-page .bt a
{
    font-size: 16px;
    line-height: 16px;
}
.detail-content .news-page .bt span
{
    display: inline-block;
}
.detail-content .news-page .bt a
{
    position: relative;
    display: inline-block;
    padding: 10px 0;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}
.detail-content .news-page .bt a:hover
{
    color: #11a79c;
}
.detail-content .news-page .bt a::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #11a79c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.detail-content .news-page .bt a:hover::after
{
    width: 100%;
}/* 客户服务 */
.serviceW
{
    padding-top: 150px;
}
.service-list li
{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 55px;
}
.service-list li:nth-child(3n)
{
    margin-right: 0;
}
.service-list li a
{
    display: block;
    position: relative;
}
.service-list li .img
{
    overflow: hidden;
    position: relative;
}
.service-list li .img::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url("/png/arp4zvr6.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
}
.service-list li .img img
{
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.service-list li:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.service-list li .mes
{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    z-index: 20;
}
.service-list li .mes .info
{
    padding: 0 40px;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}
.service-message
{
    margin-top: 85px;
    margin-bottom: 140px;
    padding-top: 64px;
    padding-bottom: 1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.service-message li
{
    float: left;
    width: 32%;
    margin-right: 1.333%;
    margin-bottom: 70px;
}
.service-message li.addr
{
    width: 65.33%;
}
.service-message li .mes
{
    padding-left: 70px;
}
.service-message li .mes p
{
    font-size: 18px;
    line-height: 30px;
    color: #585858;
}
.service-message li .mes .ms
{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin-top: 12px;
}
.service-message li .mes .ms em
{
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    font-family: 'gothamBold';
    word-break: break-word;
}
.service-tab
{
    margin-top: 74px;
    border-bottom: 1px solid #c8c8c8;
}
.service-tab li
{
    float: left;
    margin-right: 95px;
    width: auto!important;
}
.service-tab li:last-child
{
    margin-right: 0;
}
.service-tab li a
{
    display: block;
    font-size: 32px;
    line-height: 66px;
    color: #232323;
    position: relative;
}
.service-tab li a::after
{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 4px;
    background: #11a79c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}/* .service-tab li.active a,.service-tab li:hover a{color: #11a79c;} *//* .service-tab li.active a::after{width: 100%;margin-left: -50%;} */
.service-tab li:hover a::after
{
    width: 100%;
    margin-left: -50%;
}
.service-tab li.active a::after
{
    width: 100%;
    margin-left: -50%;
}
.service-tab li.active a
{
    color: #11a79c;
}
.service-tab li.swiper-slide-thumb-active a, .service-tab li:hover a
{
    color: #11a79c;
}
.service-tab li.swiper-slide-thumb-active a::after
{
    width: 100%;
    margin-left: -50%;
}/* 投资者关系 */
.report-top
{
    padding-top: 186px;
    padding-bottom: 170px;
    background-image: url("/png/eyf0ahyq.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
.report-list
{
    margin-top: 75px;
}
.report-top .report-list
{
    margin-top: 108px;
}
.report-list li
{
    float: left;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 0 57px rgba(17,167,156,.19);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.report-list li:nth-child(2n)
{
    margin-right: 0;
}
.report-list li a
{
    display: block;
    position: relative;
}
.report-list li a::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: #11a79c;
}
.report-list li .mes
{
    padding: 40px 50px 35px 50px;
}
.report-list li .mes .dt
{
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}
.report-list li .mes .dt span
{
    display: inline-block;
    width: 82px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    background: #30ada3;
    overflow: hidden;
}
.report-list li .mes h3
{
    font-size: 34px;
    line-height: 44px;
    color: #343434;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.report-list li .mes .dd
{
    margin-top: 20px;
}
.report-top .report-list li .mes .dd
{
    margin-top: 50px;
}
.report-list li .mes .dd img
{
    width: 20px;
}
.report-list li .mes .dd .img2
{
    display: none;
}
.report-list li .mes .dd span
{
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    color: #11a79c;
    margin-left: 8px;
}
.report-list li:hover
{
    background: #11a79c;
}
.report-list li:hover .mes .dt span
{
    background: #fff;
    color: #11a79c;
}
.report-list li:hover .mes h3
{
    color: #fff;
}
.report-list li:hover .mes .dd .img1
{
    display: none;
}
.report-list li:hover .mes .dd .img2
{
    display: inline-block;
}
.report-list li:hover .mes .dd span
{
    color: #fff;
}
.investor
{
    padding-top: 140px;
    padding-bottom: 45px;
}
.investor .sec
{
    padding-bottom: 90px;
    margin-bottom: 80px;
    border-bottom: 1px solid #ddd;
}
.investor .sec .ftit
{
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}
.investor .sec .ftit::after
{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 100%;
    background-image: url("/png/dewnqw6q.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
}
.investor .sec .ftit.active::after
{
    background-image: url("/png/2cjx8r4y.png");
}
.investor .sec .list
{
    display: none;
}
.investor .sec .list.active
{
    display: block;
}/* 产品与解决方案 */
.prosoluW
{
    padding-top: 186px;
}
.prosolu-cont
{
    position: relative;
    margin-top: 135px;
    margin-bottom: 140px;
}
.prosolu-cont .lef
{
    float: left;
    width: 305px;
    padding-bottom: 130px;
    position: relative;
}
.prosolu-cont .lef.fixed
{
    position: fixed;
    left: 160px;
    top: 110px;
}/* .prosolu-cont .lef::after{content: "";position: absolute;right: 0;top:0;width: 1px;height: 100%;background: #ececec;} */
.fmenu-list
{
    position: relative;
    border-right: 1px solid #ececec;
}
.prosolu-cont .lef.fixed .fmenu-list
{
    padding-top: 30px;
}
.fmenu-list li a, .prosolu-cont .rig .ft
{
    display: inline-block;
    font-size: 30px;
    line-height: 44px;
    color: #000;
    margin-bottom: 66px;
}
.fmenu-list li.active a, .fmenu-list li:hover a
{
    color: #11a79c;
}
.prosolu-cont .rig
{
    float: right;
    width: calc(100% - 405px);
    padding-left: 100px;
    height: auto;
    overflow: hidden;
}
.prosolu-cont .rig .item-box
{
    padding-right: 50px;
    height: auto;
    position: relative;
}
.product-list
{
    padding-bottom: 40px;
}
.product-list li
{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 120px;
}
.product-list li:nth-child(2n)
{
    margin-right: 0;
}
.product-list li a
{
    display: block;
    padding-top: 105px;
    position: relative;
}
.product-list li .imgBox
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 310px;
}
.product-list li .img
{
    padding: 0 45px;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.product-list li .img img
{
    max-width: 100%;
    max-height: 100%;
}
.product-list li .mes
{
    height: 400px;
    background: #f4f4f4;
    border-radius: 45px;
    overflow: hidden;
}
.product-list li .mes .box
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 45px;
    box-sizing: border-box;
}
.product-list li .mes .nm
{
    padding: 0 45px;
    margin-bottom: 24px;
}
.product-list li .mes .nm h1, .product-list li .mes .nm p
{
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-list li .mes .nm h1
{
    font-size: 32px;
    line-height: 38px;
    font-family: 'gothamBold';
}
.product-list li .mes .nm p
{
    font-size: 16px;
    line-height: 24px;
}
.product-list li .info
{
    display: table;
    padding: 30px 45px;
    width: 100%;
    height: 116px;
    box-sizing: border-box;
    background: #11a79c;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.product-list li .info p
{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.prosolu-cont .mCSB_scrollTools .mCSB_draggerContainer
{
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}/* .prosolu-cont .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.prosolu-cont .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {opacity: 0;filter: "alpha(opacity=0)";-ms-filter: "alpha(opacity=0)";} */
.prosolu-cont .mCSB_scrollTools .mCSB_draggerRail
{
    width: 5px;
    background-color: #e5e5e5!important;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0;
}
.prosolu-cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 5px;
    background: #11a79c!important;
    border-radius: 0;
}
.prosolu-cont .item-box:hover .mCSB_scrollTools .mCSB_draggerContainer
{
    opacity: 1;
    filter: "alpha(opacity=1)";
    -ms-filter: "alpha(opacity=1)";
}
.prosolu-solution
{
    margin-top: 180px;
    padding-bottom: 125px;
}
.prosolu-solution li
{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 44px;
    border-radius: 25px;
    overflow: hidden;
}
.prosolu-solution li:nth-child(2n)
{
    margin-right: 0;
}
.prosolu-solution li a
{
    position: relative;
    display: block;
}
.prosolu-solution li .img
{
    overflow: hidden;
}
.prosolu-solution li .img img
{
    width: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.prosolu-solution li:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.prosolu-solution li .mes
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17,167,156,.2);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.prosolu-solution li .mes p
{
    font-size: 38px;
    line-height: 56px;
    color: #fff;
    padding: 70px 40px 0 40px;
}
.prosolu-solution li:hover .mes
{
    background: rgba(17,167,156,.1);
}/* .product-re{background: #f3f3f3;padding-top: 88px;padding-bottom: 100px;} */
.product-re
{
    background-image: url("/png/qvg8ja03.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 88px;
    padding-bottom: 100px;
}
.product-re .pro-list
{
    margin-top: 110px;
}
.product-re .pro-list li
{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 35px;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 40px rgba(17,167,156,.13);
}
.product-re .pro-list li:nth-child(3n)
{
    margin-right: 0;
}
.product-re .pro-list li a
{
    display: block;
}
.product-re .pro-list li .img
{
    height: 330px;
    line-height: 330px;
    text-align: center;
    overflow: hidden;
}
.product-re .pro-list li .img img
{
    max-width: 98%;
    max-height: 98%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.product-re .pro-list li .mes
{
    background: #f8f8f8;
    border-radius: 25px;
    height: 115px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.product-re .pro-list li .mes .info
{
    text-align: center;
    padding: 35px 10px 0 10px;
}
.product-re .pro-list li .mes p
{
    font-size: 18px;
    line-height: 26px;
    color: #828282;
}
.product-re .pro-list li .mes em
{
    display: block;
    font-size: 26px;
    line-height: 30px;
    color: #343434;
    font-family: 'gothamBold';
}
.product-re .pro-list li:hover .img img
{
    -webkit-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
}
.product-re .pro-list li:hover .mes
{
    background: #11a79c;
}
.product-re .pro-list li:hover .mes p, .product-re .pro-list li:hover .mes em
{
    color: #fff;
}
.proBanner .current
{
    top: 56%;
}
.proBanner.f-banner .img::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17,167,156,.9);
}
.pro-banner .lef
{
    float: left;
    width: 48%;
    color: #fff;
    padding-bottom: 20px;
}
.pro-banner .lef p
{
    font-size: 30px;
    line-height: 50px;
}
.pro-banner .lef h2
{
    font-size: 60px;
    line-height: 62px;
    font-family: 'gothamBold';
    margin-bottom: 22px;
}
.pro-banner .lef .btn
{
    margin-top: 145px;
}
.pro-banner .lef .btn a
{
    display: inline-block;
}
.pro-banner .lef .bt
{
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 176px;
    background: #fff;
    padding: 10px 0;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid #fff;
    margin-right: 10px;
}/* .pro-banner .lef .bt:last-child{margin-right: 0;} */
.pro-banner .lef .bt img
{
    width: 20px;
}
.pro-banner .lef .bt span
{
    font-size: 18px;
    line-height: 20px;
    color: #0b7c73;
    margin-left: 10px;
}
.pro-banner .proImg
{
    float: right;
    width: 51%;
}
.pro-banner .proImg img
{
    width: 100%;
}
.proV.f-banner .current
{
    top: 58%;
}
.pro-banner .lef .bt:hover
{
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.popVideo, .videoIn
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 10000;
    display: none;
}
.popVideo .videoP, .videoIn .videoP
{
    width: 60%;
    margin: 150px auto;
    position: relative;
    padding-top: 40px;
}
.popVideo .closeP, .videoIn .closeP
{
    position: absolute;
    right: -30px;
    top: -30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.popVideo .closeP img, .videoIn .closeP img
{
    width: 22px;
}
.popVideo .videoP video, .videoIn .videoP video
{
    width: 100%;
    height: auto;
}
.productW
{
    padding-top: 115px;
}
.product-mess
{
    margin-top: 60px;
}
.product-mess, .product-mess p
{
    font-size: 26px;
    line-height: 42px;
    color: #343434;
}
.product-swiper
{
    margin-top: 118px;
    padding-bottom: 175px;
}
.product-swiper .swiper-container
{
    background: #fff;
    box-shadow: 0 0 70px rgba(17,167,156,.21);
    border-radius: 25px;
    overflow: hidden;
}
.product-swiper a
{
    display: block;
    padding: 115px 0;
}
.product-swiper a .img
{
    height: 460px;
    line-height: 460px;
    text-align: center;
    overflow: hidden;
}
.product-swiper a .img img
{
    max-width: 98%;
    max-height: 98%;
}
.product-swiper .swiper-button-prev, .product-swiper .swiper-button-next
{
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
    background-color: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px;
    z-index: 1;
    overflow: hidden;
}
.product-swiper .swiper-button-prev
{
    left: 16px;
    background-image: url("/png/vgbcmcso.png");
}
.product-swiper .swiper-button-next
{
    right: 16px;
    background-image: url("/png/sotkbv9g.png");
}
.product-feat
{
    padding-top: 66px;
    padding-bottom: 124px;
}
.product-feat .lef
{
    width: 44%;
}
.product-feat .mes, .product-feat .mes p
{
    font-size: 20px;
    line-height: 38px;
    color: #343434;
}
.product-feat .feat-img
{
    width: 51%;
}
.product-feat .feat-img .img img
{
    width: 100%;
}
.product-feat .swiper-navigation
{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 296px;
    height: 74px;
    margin-left: -148px;
    background: #fff;
    text-align: center;
    z-index: 100;
}
.product-feat .swiper-button-prev, .product-feat .swiper-button-next
{
    position: absolute;
    top: 0;
    margin-top: 0;
    background-image: none;
    width: 74px;
    height: 74px;
    font-size: 22px;
    line-height: 74px;
    color: #000;
    z-index: 200;
}
.product-feat .swiper-button-prev
{
    left: 0;
}
.product-feat .swiper-button-next
{
    right: 0;
}
.product-feat .swiper-pagination
{
    position: static;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    padding: 29px 0;
}
.product-feat .swiper-pagination span
{
    font-family: 'gothamBold';
}
.product-feat .swiper-button-prev:hover, .product-feat .swiper-button-next:hover
{
    color: #12a79d;
}
.product-match
{
    margin-top: 75px;
    margin-bottom: 120px;
    background: #fff;
    box-shadow: 0 0 70px rgba(17,167,156,.21);
    border-radius: 25px;
    overflow: hidden;
}
.product-match img
{
    width: 100%;
}
.service-detail
{
    margin-top: 120px;
    margin-bottom: 83px;
    overflow: hidden;
    position: relative;
}
.service-detail .wrapIn
{
    padding: 0 0;
}
.service-detail .swiper-container
{
    padding: 0 160px;
}
.service-detail a
{
    display: block;
}/* .service-detail .swiper-button-prev,.service-detail .swiper-button-next{bottom: auto;top: -18px;} */
.swp .swiper-button-next.swiper-button-disabled, .swp .swiper-button-prev.swiper-button-disabled
{
    pointer-events: inherit;
}
.service-detail .img
{
    width: 1025px;
    border-top-left-radius: 65px;
    border-bottom-right-radius: 65px;
}
.service-detail .info
{
    width: 600px;
    height: 424px;
    margin-top: -212px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.service-detail .swiper-slide-active .info
{
    box-shadow: 0 0 14px rgba(17,167,156,.12);
}
.swp.service-detail .swiper-navigation
{
    height: 424px;
    margin-top: -212px;
}
.service-detail .info .cont
{
    padding: 40px;
    margin-top: 46px;
}
.service-detail .info h2
{
    font-size: 36px;
    line-height: 50px;
    color: #343434;
    margin-bottom: 25px;
}
.service-detail .info .look
{
    position: absolute;
    left: 60px;
    bottom: -34px;
    width: 192px;
    height: 68px;
    font-size: 20px;
    line-height: 68px;
    color: #fff;
    text-align: center;
    z-index: 100;
    cursor: pointer;
}
.service-detail .info .look::before, .service-detail .info .look::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
}
.service-detail .info .look::before
{
    width: 100%;
    background: #11a79c;
    z-index: -2;
}
.service-detail .info .look::after
{
    width: 0;
    background: #11a79c;
    z-index: -1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.service-detail .info .look:hover::after
{
    width: 100%;
}
.service-detail .swiper-slide:hover .info h2
{
    color: #11a79c;
}/* .service-detail .swiper-button-prev, .service-detail .swiper-button-next{background: #11a79c;} */
.service-detail .swiper-button-prev:hover, .service-detail .swiper-button-next:hover
{
    box-shadow: 0 0 15px rgba(0,0,0,.21);
}
.service-detail .info .look:hover
{
    box-shadow: 0 0 15px rgba(0,0,0,.21);
}
.swp .info-swiper
{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.info-swiper .swiper-container
{
    width: 630px;
    padding: 0 160px;
}
.lean-list .info-swiper
{
    right: auto;
    left: 0;
}
.serviceMes-swiper .swiper-container
{
    width: 756px;
}
.info-swiper .swiper-container, .info-swiper .swiper-wrapper, .info-swiper .swiper-slide, .info-swiper a
{
    height: 100%;
}
.info-swiper .swiper-slide-active
{
    opacity: 1!important;
}
.solu-mess
{
    padding-top: 110px;
    padding-bottom: 125px;
    background-image: url("/png/rr1ganws.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.solu-mess .solu-info
{
    margin-top: 50px;
}
.solu-mess .solu-info, .solu-mess .solu-info p
{
    font-size: 18px;
    line-height: 30px;
    color: #303030;;
}
.solu-mess .solu-info h3
{
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 20px;
}
.solu-swiper
{
    padding: 55px 0;
    overflow: hidden;
}
.solu-swiper .swiper-slide a
{
    display: block;
    padding: 0 160px;
    overflow: hidden;
}
.solu-swiper .swiper-slide .img img
{
    width: 100%;
}
.solu-swiper .swiper-button-prev, .solu-swiper .swiper-button-next
{
    width: 48px;
    height: 48px;
    margin-top: -24px;
    opacity: .25;
    background-size: 100%;
}
.solu-swiper .swiper-button-next.swiper-button-disabled, .solu-swiper .swiper-button-prev.swiper-button-disabled
{
    opacity: .15;
    background-size: 100%;
}
.solu-swiper .swiper-button-prev
{
    left: 55px;
    background-image: url("/png/x0oeptwc.png");
}
.solu-swiper .swiper-button-next
{
    right: 55px;
    background-image: url("/png/o22ju4d0.png");
}
.solu-swiper .swiper-button-prev:hover
{
    background-image: url("/png/vgbcmcso.png");
    opacity: 1;
}
.solu-swiper .swiper-button-next:hover
{
    background-image: url("/png/sotkbv9g.png");
    opacity: 1;
}
.stock
{
    padding-top: 185px;
    padding-bottom: 175px;
    background-image: url("/png/u5et8tx4.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.stock-mes
{
    position: relative;
}
.stock-mes .stock-tm
{
    font-size: 24px;
    line-height: 44px;
    color: #595959;
}
.stock-mes .stock-tm p
{
    margin-top: 26px;
    padding-right: 350px;
}
.stock-mes .stock-num
{
    position: absolute;
    right: 0;
    top: 0;
}
.stock-mes .stock-num .num, .stock-mes .stock-num .limit
{
    text-align: center;
    color: #f73131;
    font-family: 'dinM';
}
.stock-mes .stock-num .num em, .stock-mes .stock-num .num span, .stock-mes .stock-num .limit span
{
    font-family: 'dinM';
    vertical-align: bottom;
}
.stock-mes .stock-num .num em
{
    display: inline-block;
    font-size: 100px;
    line-height: 90px;
    width: 275px;
}
.stock-mes .stock-num .num span
{
    font-size: 16px;
    line-height: 24px;
}
.stock-mes .stock-num .limit
{
    margin-top: 10px;
    font-size: 24px;
    line-height: 24px;
}
.stock-mes .stock-num .limit i
{
    display: inline-block;
    width: 30px;
    height: 24px;
    text-align: center;
    background-image: url("/png/v9r2jt3i.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
}
.stock-mes .stock-num .limit i.down
{
    background-image: url("/png/uspwyn99.png");
}
.stock-mes .stock-num .limit span
{
    font-size: 24px;
    line-height: 24px;
    margin: 5px;
}
.stock-mes .item h3#xj::after
{
    content: "";
    width: 20px;
    height: 35px;
    position: absolute;
    display: block;
    background: url(keywords.png) no-repeat scroll;
    right: -30px;
    top: 8px;
}
.stock-mes .item h3#xj.down::after
{
    background-position: -20px 0;
}
.stock-mes .stock-num.dn .num, .stock-mes .stock-num.dn .limit
{
    color: #11a79c;
}
.stock-oth
{
    margin-top: 95px;
}
.stock-oth .rem
{
    float: left;
    width: 36%;
    color: #595959;
}
.stock-oth .stock-hd
{
    float: right;
    max-width: 60%;
}
.stock-oth .rem h4
{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}
.stock-oth .rem p
{
    font-size: 14px;
    line-height: 24px;
}
.stock-oth .stock-hd li
{
    float: left;
    padding: 0 50px;
    color: #414141;
    text-align: center;
    position: relative;
}
.stock-oth .stock-hd li p
{
    font-size: 22px;
    line-height: 40px;
}
.stock-oth .stock-hd li em
{
    display: inline-block;
    width: 115px;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-family: 'dinM';
}
.stock-oth .stock-hd li::before, .stock-oth .stock-hd li:last-child::after
{
    content: "";
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 50px;
    background: #c1c1c1;
}
.stock-oth .stock-hd li::before
{
    left: 0;
}
.stock-oth .stock-hd li:last-child::after
{
    right: 0;
}
.investor-notice
{
    padding-top: 115px;
    padding-bottom: 200px;
}
.company-notice
{
    margin-top: 105px;
}
.company-notice li
{
    padding: 35px 25px;
    border-top: 1px solid #c1c1c1;
}
.company-notice li:last-child
{
    border-bottom: 1px solid #c1c1c1;
}
.company-notice li a
{
    display: block;
    position: relative;
    padding: 0 30px;
}
.company-notice li a::before, .company-notice li a::after
{
    content: "";
    position: absolute;
    top: 0;
    width: 30px;
    background-repeat: no-repeat;
}
.company-notice li a::before
{
    height: 30px;
    left: 0;
    background-position: left center;
    background-image: url("/png/2r6i3zwx.png");
    background-size: 24px;
}
.company-notice li a::after
{
    height: 100%;;
    right: 0;
    background-position: right center;
    background-image: url("/png/nbweicud.png");
    background-size: 20px;
}
.company-notice li p
{
    font-size: 24px;
    line-height: 30px;
    color: #000;
}
.company-notice li span
{
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #909090;
    margin-top: 10px;
}
.company-notice li:hover p
{
    color: #11a79c;
}
