body {
    color: #222;
    -webkit-text-size-adjust: none;
}

a:hover {
    text-decoration: none;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}


ol, ul {
    list-style: none;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-wrap {
    width: 100%;
    height: 100%;
    overflow: visible;
    transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}

.section-1 > div.lunbo_div {
    height: 100%;
    width: 100%;
}

#myCarousel {
    height: 100%;
    width: 100%;
}

.section-wrap .section {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


.section-wrap .section .title {
    width: 100%;
    position: absolute;
    top: 10%;
    color: #fff;
    font-size: 2.4em;
    text-align: center;
}

.section-wrap .section .title p {
    padding: 0 4%;
    opacity: 0
}

.section-wrap .section .title.active .tit {
    opacity: 1;
    transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
    -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
}

.section-wrap .section-3 {
    /* background-size: cover;

     */
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.section-3 a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: hand;

}

.rightbottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-wrap .section-4 {
    height: 100%;
    width: 100%;
}

.section-wrap .section-6 {
    background-color: #1a1a1a;
    height: 100%;
    width: 100%;
}

.section-wrap .section-7 {
    background-color: #1a1a1a;
    height: 100%;
    width: 100%;
}
/*团队*/
.section-wrap .section-1,
.section-wrap .section-2,
.section-wrap .section-3,
.section-wrap .section-4,
.section-wrap .section-5,
.section-wrap .section-6,
.section-wrap .section-7,
.section-wrap .section-9{
    /*display: none!important;*/
}
.section-wrap .section-8 {
    background-color: #323336;
    height: 100%;
    width: 100%;
}
.teams-wrapper {
    display: flex;
    justify-content: space-between;
}
.team-imgbg{
    padding-top: 6%;
    width: 55%;
    /*display: inline-block;*/
}
.home-team-brief {
    text-align: right;
    padding: 1%;
    position: relative;
    top: 1%;
    right: 7%;
}
.team-imgbg>img{
    width: 100%;
}
.home-team-brief>img {
    width: 50%;
}
.team-member-wrapper {
    padding-top: 7.3%;
    width: 50%;
    padding-right: 3%;
}
.team-member-first,
.team-member-second,
.team-member-three {
    cursor: pointer;
    /*width: 100%;*/
    font-size: 0;

}
.team-member-first {
    position: relative;
    left: -4.4%;
}
.team-member-second {
    position: relative;
    left: -9.4%;
}
.team-member-three {
    position: relative;
    /*right: 5%;*/
}
.team-member-first>div,
.team-member-second>div,
.team-member-three>div {
    display: inline-block;
    width: 25%;
}

.team-member-img  {
    position: relative;
    transition: all 0.6s;
}
.teamImg-wrapper {
    overflow: hidden;
}
.teamImg {
    width: 100%;
    transition: all 1.3s;
}
.backImg {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    transition: all 0.6s;
}
.team-member-img:hover .teamImg{
    transition: all 1.3s;
    transform: scale(1.1);
}
.team-member-img:hover .backImg{
    position: relative;
    bottom: 100%;
    left: 0;
}


.small-team {
    width: 20%!important;
    vertical-align: bottom;
}
.small-team>img {

}
.icon-wrapper {
    width: 4%!important;
    vertical-align: top;
    margin-top: 4%;
}
.icon-wrapper>img {
    cursor: pointer;
}
















.put-section-0 {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.put-section-1 {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.put-section-2 {
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
}

.put-section-3 {
    transform: translateY(-300%);
    -webkit-transform: translateY(-300%);
}

.put-section-4 {
    transform: translateY(-400%);
    -webkit-transform: translateY(-400%);
}


.put-section-5 {
    transform: translateY(-500%);
    -webkit-transform: translateY(-500%);
}

.put-section-6 {
    transform: translateY(-600%);
    -webkit-transform: translateY(-600%);
}

.put-section-7 {
    transform: translateY(-700%);
    -webkit-transform: translateY(-700%);
}

.section-btn {
    width: 65px;
    position: fixed;
    left: 20px;
    top: 35%;
}

.section-btn div {
    height: 20px;
    width: 100%;
    margin-bottom: 25px;
}

.section-btn div li {
    width: 5px;
    height: 5px;
    line-height: 5px;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 10%;
    background: rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    onsor: pointer;
    position: relative;
    top: 4.5px;
}


.titlenav {
    position: absolute;
    left: 15px;
    color: white;
    font-size: 0;
    /**font-family: "Source Han Sans CN";*/
}

.section-btn span.look {
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    line-height: 19px;
}

.section-btn div li.on {
    background: #fff;
    display: block;
    font-size: 14px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    position: relative;
    right: 2px;
}

.section-btn div li:hover {
    background: #fff;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    position: relative;
    right: 2px;
    color: white;
    font-size: 14px;
}

.section-btn div:hover span {
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    line-height: 19px;
}

.arrow {
    opacity: 1;
    animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
    -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    overflow: hidden;
}

.arrow:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

/*轮播*/
div.carousel-inner {
    height: 100%;
    width: 100%;
}

div.carousel-inner > item {
    height: 100%;
    width: 100%;
    padding: 15.15% 0 0;
    position: relative;
}

div.carousel-inner > .item > img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section-1 {
    position: relative;
}

.banner_down {
    position: absolute;
    width: 28px;
    height: 26px;
    bottom: 53px;
    left: 50%;
    margin-left: -14px;
    cursor: pointer;
    z-index: 999999;
}

.section .banner_down img {
    animation: myfirst 2s infinite;
    display: inline-block;
    opacity: .7;
    width: 76%;
    padding-top: 76%;
    box-sizing: border-box;
}

@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

#video {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    z-index: -10;
    zoom: 1;
    /*background-color: #fff;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    position: relative;
}

/*视频*/
div.video {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    margin: 0 auto;
    display: flex;
    background-size: cover;
    /*justify-content: center;*/
    /*align-items: center;*/
}

.video_title {
    letter-spacing: 4px;
    margin-top: 150px;
    width: 100%;
    text-align: center;
    font-size: 38px;
    /*font-family: "Source Han Sans CNBold";*/
    color: #eeeeee;
    position: absolute;
}

.video_text {
    margin-top: 220px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    /**font-family: "Source Han Sans CN";*/
    color: #bbbbbb;
    position: absolute;
    letter-spacing: 1px;
}

.video_two {
    margin-left: 6.8%;
    margin-top: 320px;
    width: 86.4%;
}

.video_main {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_one {
    float: left;
    margin-left: 3.7%;
    width: 44.4%;
    /*height: 100%*/
    height: 65%;
}

.video_name {
    margin-top: 4%;
    text-align: center;
    font-size: 21px;
    /**font-family: "Source Han Sans CN";*/
    color: #FFFEFE;
    letter-spacing: 3px;
}

.video_english {
    margin-top: 1%;
    font-size: 13px;
    /**font-family: "Source Han Sans CN";*/
    color: rgba(255, 255, 255, 0.3);
    text-align: center
}

div.playimg {
    width: 6.25%;
}

.playvideo {
    cursor: pointer;
    /*width: 120px;*/
    /*height: 120px;*/
    width: 11%;
    opacity: 0.9;
}

div.videos {
    height: 100%;
    width: 100%;
    background: rgba(29, 29, 29, 0.5);
    position: relative;
    z-index: 99999;
}

div.videodiv {
    width: 960px;
    height: 540px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#Indexvideo {
    width: 960px;
    height: 540px;
}

div.video > div.videos > div.videodiv > img {
    position: absolute;
    left: 100%;
    bottom: 100%;
    cursor: pointer;
}

.carousel-inner > div > img {
    height: 100%;
}

.img-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    /*z-index:-10;*/
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.img-div > a {
    width: 100%;
    height: 100%;
}

.img-div > a > img {
    width: 100%;
    height: 100%;
    opacity: 0;
}


#fangan {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    z-index: -10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    position: relative;
    transition: all 0.3s;
}

div.rightbottom {
    height: 12.5%;
    width: 35%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 12%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.5%;

}

div.fanganclass {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    flex-direction: column;
    align-items: center;

}

div.smallfangan {
    width: 23.5%;
    height: 83%;
    float: left;
}

div.smallfangan > div.righttu {
    width: 100%;
    height: 100%;
    position: relative;
}


div.smallfangan > div.righttu > a > div.redfangan {
    width: 100%;
    height: 36%;
    background: rgba(128, 1, 1, 0.85);
    position: absolute;
    bottom: 0;
}

p.fanganname {
    color: white;
    text-align: center;
    position: relative;
    font-size: 1.4vh;
}

p.english {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2vh;
    margin: 0;
    font-family: Arial;
}


.blackact {
    filter: brightness(50%);
    cursor: pointer;
}

.act {
    filter: brightness(100%);
}

/*产品*/
.productfirst {
    height: 100%;
    width: 25%;
    float: left;
    overflow: hidden;
}

.productthree {
    width: 25%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.productthree ul {
    height: 100%;
    width: 100%;
}

.productfirst ul {
    height: 100%;
    width: 100%;
}

.productfirst ul li {
    width: 100%;
    height: 33.3333%;
    position: relative;
    overflow: hidden;
}

.productthree ul li {
    width: 100%;
    height: 33.3333%;
    position: relative;
    overflow: hidden;;
}

.productfirst img {
    width: 100%;
    height: 100%;
}

.productthree img {
    width: 100%;
    height: 100%;
}

.product {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.productsecond {
    height: 100%;
    width: 50%;
    float: left;
}

.productsecond > a > div > img {
    height: 100%;
    width: 100%;
}

.one {
    width: 160px;
    height: 70px;
    background: rgba(0, 0, 0, 0.6);

    text-align: center;
}

.two {
    width: 160px;
    height: 70px;
    background: rgba(0, 0, 0, 0.6);

    text-align: center;
}

.productenglish {
    position: relative;
    top: 14px;
    margin: 0;
    font-size: 1.4vh;
    font-family: Arial;
    color: rgba(255, 255, 255, 0.6);
}

p.productname {
    position: relative;
    top: 17px;
    margin: 0;
    font-size: 1.6vh;
    color: white;
}

div.second_one {
    position: relative;
    overflow: hidden;
    height: 66.6666%;
    width: 100%;
}


div.second_two {
    overflow: hidden;
    height: 33.3333%;
    width: 50%;
    float: left;
    position: relative;
}

.producturl > div > img {
    display: block;
    transition: .5s;
}

.producturl img {
    display: block;
    transition: .5s;
}

a.producturl:hover > div > img {
    transform: translateZ(0) scale(1.05);
}

a.producturl:hover img {
    transform: translateZ(0) scale(1.05);
}


/*案例*/
.section-wrap .section-5 {
    background-image: url('../images/videobackground.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}

div.anlis {
    width: 100%;
    height: 100%;
    padding-left: 7.5%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center

}

div.anlis > ul {
    width: 100%;
    height: 80%;
    padding: 2%;
}

div.anlis > ul > li {
    float: left;
    width: 21%;
    text-align: center;
    margin-top: 2.2%;
    margin-right: 2%;
    overflow: hidden;
}

div.anlis > ul > li > a {
    overflow: hidden;
}

a.anli > img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.anlis > ul > li > a > p.anlititle {
    margin-top: 18px;
    text-align: left;
    font-size: 1.6vh;
    margin-bottom: 5px;
    color: white;
    padding-left: 10px;
}

div.anlis > ul > li > a > p.anliclass {
    text-align: left;
    font-size: 1.4vh;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 10px;
}

.anli {
    overflow: hidden;
}


div.anlis > ul > li > a > img {
    transition: .5s;
}

div.anlis > ul > li > a > img:hover {
    transform: translateZ(0) scale(1.05);
}
.imgBox img {
    transition: all 0.7s;
}
.imgBox:hover img {
    transform: scale(1.1);
}

.imgBoxLarge img {
    transition: all 0.7s;
}
.imgBoxLarge:hover img {
    transform: scale(1.1);
}
/*新闻*/

.section-wrap .section-6 {
    /*background-color: #1a1a1a;*/
    background: url(../images/productbg-ccfcd25040dcf74084da1291a05c7fa0.jpg) no-repeat center;
    background-size: cover;

}

div.news {
    width: 100%;
    height: 100%;
    /*height: 80%;*/
    /*padding: 0 8%;*/

}

div.news > ul {
    position: relative;
    /*top: 25%;*/
    /*margin-left: -80px;*/
    /*margin-right: -80px;*/
    height: 100%;
    padding: 0 4%;
    box-sizing: border-box;
}

div.news > ul > li {
     float: left;
     width: 33.333%;
     height: 100%;
     text-align: center;
     /*margin-right: 6%;*/
     overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 4%;
    box-sizing: border-box;

 }

div.news > ul > li > a {
    width: 100%;
    display: block;

}

div.news > ul > li > a > div {
    width: 100%;
    /*max-height: 240px;*/
    overflow: hidden;
    margin-top: 10%;
}
div.news > ul > li:hover {
    /*box-shadow: 0 0 26px 19px rgba(204,204,204,0.7);*/
}
div.news > ul > li:nth-child(1):hover {
    /*box-shadow: 35px 0 24px -10px rgba(204,204,204,0.7);*/
}
div.news > ul > li:nth-child(3):hover {
    /*box-shadow: -25px 0px 27px rgba(204,204,204,0.7);*/

}
div.news > ul > li > a > div > img {
    /*height: auto;*/
    width: 100%;
    /*max-width: 440px;*/
    transition: .5s;
}
div.news > ul > li > a .news-detail {
    width: 50px;
    height: 50px;
    margin-top: 10%;
    transition: all 0.4s;
    line-height: 50px;
    transform: rotateZ(-45deg);
    border-radius: 100%;
}
div.news > ul > li > a .news-detail i {
    font-size: 24px;
    color: #6A6A6A;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
}
div.news > ul > li:hover > a .news-detail {
    transform: rotateZ(0deg);
    background: rgba(251,196,0,0.85);
    border-radius: 100%;
}
div.news > ul > li:hover > a .news-detail i {
    font-size: 24px;
    color: #555;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
}

div.news > ul > li:hover > a > div > img {
    transform: scale(1.05);
}

.newstitle {
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*color: white;*/
    color: #2E2E2E;
    font-size: 1.9vh;
    text-align: left;
    margin-bottom: 2px;
    max-width: 100%;
}

.newscontent {
    margin-top: 13px;
    color: #878787;
    text-align: left;
    position: relative;
    font-size: 1.5vh;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden!important;
    max-width: 100%;
    line-height:22px;

}

p.time {
    font-size: 2.6vh;
    margin-top: 10px;
    box-sizing: border-box;
    text-align: left;
    color: #575757;
    font-family: AvantGarde-Bold;
}

.lineTime {
    /*visibility: hidden;*/
    opacity: 0;
}

div.news > ul > li:hover > a > .lineTime {
    /*visibility: visible;*/
    opacity: 1;
}
div.news > ul > li > a > div.lineTime > div.redline {
    /*width: 100%;*/
    height: 1px;
}
div.news > ul > li:hover > a > div.lineTime > div.redline {
    width: 100%;
    height: 1px;
}

div.redline {
    margin-top: 12px;
    width: 0;
    height: 0;
    background: rgba(251, 196, 0, 0.85);
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}


div.aboutLeaf {
    height: 100%;
    width: 65%;
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-left: 5%;*/
    float: left;

}

div.carousel-inner > div > img {
    width: 100%;
    height: 100%;
}

div.carousel-inner > div.item {
    height: 100%;
}

div.carousel-inner > div.item > img {
    height: 100%;
}

div.carousel-inner {
    height: 100%;
    width: 100%;
}

div.carousel-inner > .item {
    height: 100%;
    width: 100%;
}

/*关于*/
.index_about {
    width: 100%;
    height: 72%;
}

.index_about img {
    width: 100%;
    height: 100%;
}

._footer {
    width: 100%;
    height: 34%;
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

._footer ._footer_div {
    width: 1200px;
    height: 252px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: center;
    padding-bottom: 17px;
    box-sizing: border-box;
    color: #FFFFFF;
}

.index_tel {
    width: 270px;
    height: 30px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    bottom: 11px;
}

.needfloat {
    float: left;
}

.big_title {
    /**font-family: "Source Han Sans CN";*/
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
}

.lititle_title {
    font-size: 13px;
    /**font-family: "Source Han Sans CN";*/
    color: #999999;
    line-height: 23px;
}

img.xiaojian {
    width: 6px;
    height: 12px;
    margin: 6px 8px;
}

.fen_company {
    margin-bottom: 20px;
}

.first_content {
    /*max-width: 500px;*/
    padding-top: 10px;
    box-sizing: border-box;
    float: left;
}
.tel-number {
    font-family: AvantGarde;
    font-size: 28px;
    border-bottom: 1px solid #fbc400;
    padding: 2px 0 1px;
    box-sizing: border-box;
}
.company-name-wrapper {
    padding: 5px 0 10px;
    box-sizing: border-box;
}
.company-name-wrapper>p {
    padding-bottom: 5px;
    box-sizing: border-box;
}
p.company-title {
    font-size: 18px;
    padding-top: 5px;
    box-sizing: border-box;
    letter-spacing: 1px;
}
p.company-adress,
p.company-name {
    color: #CBCBCB;
    font-size: 14px;
    letter-spacing: 1px;
}
.company-copyright {
    padding-top: 10px;
    color: #9c9c9c;
    font-size: 13px;
    box-sizing: border-box;
}
.company-copyright>a {
    color: #9c9c9c;
}
.company-copyright>a:hover {
    color: #9c9c9c;
}
/*.two_content {*/
/*    max-width: 485px;*/
/*}*/

.three_content {
    float: left;
    max-width: 500px;
}

.total_company1 {
    height: 60px;
}

.total_company2 {
    height: 60px;
}

img.tianmao {
    width: 100px;
    height: 100px;
}

img.gongzhong {
    width: 100px;
    height: 100px;
}

div.frist_erwei {
    width: 100px;
    margin-right: 70px;
    height: 120px;
    float: left;
    text-align: center;
}

div.two_erwei {
    width: 100px;
    float: left;
    height: 120px;
    text-align: center;
}

.erweima_div {
    /*height: 117px;*/
    padding-top: 15px;
    box-sizing: border-box;
    text-align: center;
}

.erweifont {
    /**font-family: "Source Han Sans CN";*/
    font-size: 12px;
    color: #999999;
    margin-top: 8px;
}

.dianpu {
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
    padding-top: 20px;
    box-sizing: border-box;
}

.dianpu a img {
    width: 30px;
    height: 30px;
}

.banquan {
    font-size: 13px;
    /**font-family: "Source Han Sans CN";*/
    color: #999999;
}

.banquan a {
    font-size: 13px;
    /**font-family: "Source Han Sans CN";*/
    color: #999999;
    line-height: 16px;
}

.item a img {
    visibility: hidden;
}
/*案例*/
.AnLi {
    padding: 9% 0% 2% 5%;
    box-sizing: border-box;
    position: relative;

}
.AnLi .swiper-container {
    width: 100%;
    height: 100%;
}

.AnLi .swiper-slide {
    font-size: 1.9vh;
    color: #ffffff;
    text-align: center;
    display: inline-block;

    visibility: initial!important;
    animation-name: initial!important;
}



.AnLi .carousel-control {
    width: 11%;
    z-index: 100;
}
.AnLi .swiper-slide>div {
    width: 100%;
}
.AnLi .swiper-slide .case-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.AnLi .swiper-slide>.case-img>a>img {
    width: 100%;
    transition: all 0.5s;
}

.AnLi .case-title {
    padding-top: 6%;
    box-sizing: border-box;
}
.AnLi .case-text {
    padding-top: 1%;
    box-sizing: border-box;
    font-size: 1.5vh;
    color: #6D6D6D;
}
.AnLi .button-wrapper {
    padding-top: 7%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.AnLi .case-video-text {
    font-size: 12px;
    box-sizing: border-box;
    color: #6D6D6D;
    transition: all 1s;
    padding-top: 1%;

}
.AnLi .case-content {
    background: rgba(26,26,26,0.2);
    padding: 2% 3%;
    box-sizing: border-box;
    font-size: 13px;
    margin-top: 4%;
    opacity: 0;
    transition: all 1s;
    text-align: left;
    padding-left: 3%;
    line-height: 22px;
    color: rgba(255,255,255,0.9);

}
.AnLi .button-wrapper>p {
    height: 0.77px;
    background: #6D6D6D;
    width: 36%;
    transform: scale(1.3);
}
.AnLi .button-wrapper>span {
    display: inline-block;
    border-radius: 100%;
    background: #6D6D6D;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    transition: all 1s;

}
.AnLi .icon-kaishi {
    color: #fbc400;
    opacity: 0.8;
    transition: all 1s;
    font-size: 25px;
    padding-left: 3px;
}
.AnLi .swiper-slide:hover  {
    z-index: 1000;
    cursor: pointer;
}

.AnLi .swiper-slide:hover>div  {

}

.AnLi .swiper-slide:hover a>img  {
    transform: scale(1.1);

}
.AnLi .swiper-slide:hover .case-title {

}
.AnLi .swiper-slide:hover .case-content {
    opacity: 1;

}

.AnLi .swiper-slide:hover .icon-kaishi {
    color: #fff;
}

.AnLi .swiper-slide:hover .button-wrapper>span {
    display: inline-block;
    border-radius: 100%;
    background: rgba(251,196,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;

}
.AnLi .swiper-slide:hover .case-video-text {
    color: #ffffff;
}

.AnLi .swiper-slide:hover .button-wrapper>p {

}
.videosAnli {
    height: 100%;
    width: 100%;
    background: rgba(29, 29, 29, 0.5);
    position: relative;
    z-index: 99999;
}

.videoanlidiv {
    width: 960px;
    height: 540px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 480px);
    top: calc(50% - 323px);
    margin: auto;
}
#Anlivideo {
    width: 100%;
    height: 100%;
}
.videosAnli > .videoanlidiv > img {
    position: absolute;
    left: 100%;
    bottom: 100%;
    cursor: pointer;
}
/*产品*/
#productNew .carousel-indicators li {
    width: 6px!important;
    height: 6px!important;
    border: 1px solid rgba(0, 0, 0, 0)!important;
    border-radius: 100%!important;
}


#productNew .carousel-indicators .active {
    width: 6px!important;
    height: 6px!important;
    border-radius: 100%!important;
}

/*新闻*/
@keyframes slideAnima {       /*自定义一个动画*/
    0% {
        top: 100%;
    }
    100% {
        top: 0%;
    }
}
.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:575px;}
.selected-solution>div{position:relative;width:1670px;margin:0 auto}
.selected-solution .swiper-container{height:500px;width:1600px;margin-top: 50px}
.selected-solution .layer-title{color:#393b40;padding:50px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1600px;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:400px;background:#fff;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:450px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:340px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left; text-align: center;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:1;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:1;background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}