body {background-color: #fff; color: #333; font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;font-size: 14px;line-height: 1.42857; }

a:hover, a:focus {outline:inherit}
.flex{display:flex;}
.navbar {border:none;}
@media (max-width: 768px){
    .navbar-collapse {
        border:none; box-shadow: none;border-color:#d2d2d2 !important;   
         display: flex; justify-content: space-between;
         white-space: nowrap;overflow: hidden;padding: 0;
    }
    .navbar-right .nav>li{
        padding-left: 10px;
        border-radius: 4px;
    }
    .nav{
        width: 100%;
    }
}
.navbar-collapse {
    border:none; box-shadow: none;border-color:#d2d2d2 !important;   
     display: flex; justify-content: flex-start;white-space: nowrap;overflow: hidden;
     /* display: block; */
}

.header-main {background-attachment: fixed; background-color: rgb(38, 38, 38);  background-size: cover;  box-shadow: -6px 0 0 0 rgb(0, 0, 0); height: 70%; min-height: 690px; padding-bottom: 102px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s;}

/* .header-main .navbar-brands .container{
    border-bottom: 1px solid #d2d2d2;
} */
.header-section { padding-left:0; padding-right:0;}

.navbar-header {position:relative; z-index:2;}

.navbar-default {border-color:inherit;}

.header-back {background-color: #ffffff; height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.header-back-about {background-color: #ffffff; height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.header-back-product {background-color: #ffffff;  height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.header-back-case {background-color: #ffffff;  height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.header-back-contact {background-color: #ffffff;  height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.header-back-onstudy {background-color: #ffffff;  height: 100%;  min-height: 500px; position: absolute;  width: 100%;background-size: inherit;}
.product_title{   text-align: left;}
.product_Btn{	margin-top:25px;width: 150px; height:45px;line-height: 45px;background-color: #ff656c; border-radius: 5px;}
.product_Btn p{padding-top: 0 !important;text-align: center;   }
.navbar-about {  background-image: url("../img/intro-bg-mtn.jpg"); height:500px; }

.navbar-contact { background-image: url("../img/contact-bg.jpg"); height:500px; background-position:40% 50%;}

.About-case {background-image: url("../img/bg-head-32d717c9.jpg"); height:500px;}

.product-background {background-image: url("../img/ad/Product.jpg"); height:500px;}

.service-background {background-image: url("../img/News.jpg"); height:500px;}

.navbar-brands { background-color: transparent;border-radius: 0; z-index: 5; padding:20px 30px;}

.navbar-logo { background-image: url("../icon/logo3.png");  background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;width: 150px;}

.navbar-default .navbar-nav > li > a {color: #2D529F ;background-color: #ffffff !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #007BFF !important;background-color: #ffffff !important;}

.navbar-default .navbar-nav > li > a:hover {color: #007BFF !important;}

.container-zindex {z-index:9999; position:relative;}

.img-responsive {display: block; height: auto;  max-width: 100%;  z-index:999;}

@media (min-width: 1200px){
    .container-zindex h1 {
        color: #333333; font-weight:bold; 
        margin:0; font-size:55px; letter-spacing:3px; 
    }
    
    .container-index h1 {
        text-align:center;
         font-size:50px;
    }
    .container-zindex span {display:block; font-size:40px; font-weight:normal;}

    .container-zindex p {color: #5F5F5F; font-size:18px; padding-top:20px;}

}
@media (max-width: 768px){
    .container-zindex h1 {
        color: #333333; font-weight:bold; 
        margin:0; font-size:30px; letter-spacing:3px; 
    }
    
    .container-index h1 {
        text-align:center;
         font-size:30px;
    }
    .container-zindex span {display:block; font-size:40px; font-weight:normal;}

    .container-zindex p {color: #5F5F5F;font-size:15px; padding-top:20px;}
}

.noline{
    white-space: nowrap;
}

.container-index p {text-align:center}


.cover-container {text-align:center; margin-top:50px; height:600px;}

.marketing {margin-top:40px; margin-bottom:30px; padding-top:20px;}

.marketing .col-lg-3 {text-align:center;}

.marketing .row .col-lg-3 h2 {font-size:18px;}

.marketing .row .col-lg-3 p {color:#888; font-size:13px;}

.marketing .featurette h2 {padding-bottom:10px;}

.marketing .featurette p {font-size:18px; line-height:2em;}



@media (min-width: 1200px){
    .product .featurette>div{
        display: flex;
        justify-content: space-evenly;
    }   
    .product .featurette>div>div{
        width: 20%;
        padding: 25px 0;
        background: #fff;
        box-shadow: 0px 0px 15px 0px #eee;
        z-index: 1000;
    }
    .product_boxshow{
        width: 100%;
        height: 200px;
        background: #1a35ab;
        position: relative;
        top: -100px;
    }
}
@media (min-width: 768px){
.widgetTOW .content{display: flex;justify-content: space-between;    margin-top: 21px;}

}

.product .featurette>div>div>p{
    width: 60%;
    margin: auto;
}
.marketing-media {margin-bottom:100px; margin-top:80px;}

.aboutTitle{font-size: 38px;color: #ffffff;font-family: MicrosoftYaHei-Bold;}

.main-footer .widget { padding: 0 10px;}

.widget {width:85px;display: inline-block;}
.widgetTOW {margin-top:60px;margin-left: 20px;width:90%;display: inline-block;}

.widgetTOW .recent-single-post{display: flex;color: #c1bebe;}

.widget .recent-post .recent-single-post { margin-bottom: 14px;padding-bottom: 14px;}

.white{
    color: #c1bebe;
}
.white:hover{
    color: #fff;
}
.whitewire{

border: 1px solid #95989C;

}
.homefooterTEXT{
    width: 100%;
    line-height: 57px;
    text-align: center;
    background: #1D2127;
    font-size: 12px;
    font-weight: 300;
    color: #95989C;
}
.main-footer { padding: 35px 0 0;}

.main-footer .widget .recent-post .recent-single-post .post-title {color: #959595;}

.main-footer .widget .recent-post .recent-single-post .post-title:hover {color: #e67e22;}

.main-footer .widget .recent-post .recent-single-post .date {color: #505050;}

.contact-icon i {color:#888; padding-right:5px;}

.footer-back {height:200px; background-color:#3e4147}


@media (min-width: 768px){
    .main-footer1 {
       /*  background-image:url(../icon/footer.png); */
       background: #1D2127;
         background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media (max-width: 768px){
    .main-footer1 {
        background:#2C4766;
    }
}
 

/* .content-about {margin-top:60px;} */

.content-about div {margin-bottom:10px;}

.company-img {text-align:center; }

.company-img img {width:70%; vertical-align: middle; margin-top:35px;}

.Client-main {margin-top:20px;}

.Client-list {margin-top:30px; margin-bottom:20px;}


.container-fluid-backs {background-color:#f5f5f5;}







.nav-pills > li > a {border-radius:inherit; background-color:#eee;}

.nav-pills > li > a:hover {background-color:#337ab7; color:#fff;}

.container .jumbotron, .container-fluid .jumbotron {text-align:justify; border-radius:3px;}

.jumbotron h1 {font-size:40px;}

.jumbotron p {font-size:16px; line-height:1.5em; color:#666;}

.sw_categorys_navs {background-color:#fff; z-index:100; position:relative;}

.Introduction {background-attachment: fixed; background-color: rgb(38, 38, 38); background-image: url("../img/about/aboutone.png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 70%; min-height:400px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s; color:#fff;}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{    color: #328cfa;background-color: transparent;}

.aboutoperationStyle{  color: #777; font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px;}

.enterpriseidea{ height: 300px; display: flex; justify-content: center; align-items: center;background-color: #f9f9fb;}

.enterpriseidea div{width: 25%;display: flex; justify-content: center; align-items: center;border-right: 1px solid #d2d2d2;}

.enterpriseidea div:last-child{
    border-right:0
}
.CasebannerTitle{
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 100px;
    color: #FFF;
}


.thumbnail {border-radius:0; padding:0; border:none; margin-bottom:20px;}

.post-header {padding:0 12px;}

.tag-bootstrap-v3 {background-color:#fff;}

.tag-bootstrap-v3:hover {box-shadow:0 0 5px rgba(50, 50, 50, 0.6)}

.post-title i {color:#949494; font-style:normal;}

.carousel {position:relative;}

.Clear-margins {padding-left:0;}

.navbar-inverse {background-color:#ffffff; z-index:999; border-radius:3px;}

@media (max-width: 768px){
    .isStuck {z-index:9999;width:100%}
}
.isStuck {z-index:9999;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color:#ffffff;color: #328cfa;border-bottom: 1px solid #328cfa;}

@media (min-width: 768px){
    .navbar-inverse .navbar-nav > li > a {
        color:#00000f; display:block; text-align:center;
    }
}
@media (max-width: 768px){
    .navbar-inverse .navbar-nav > li > a {
        color:#00000f; display:block; text-align:center;
    }
}
@media (min-width: 768px){
    .aboutMenu{
        width: 90%;display: flex;
        justify-content: flex-end;
    }
}
@media (max-width: 768px){
    .aboutMenu {
        width: 100%;display: flex;
        justify-content: flex-start;
    }
}


.container-fluid-back {background:url("../img/footer.png") no-repeat center bottom; height:460px;}


.text-header-title h1 {color:#eee; padding-top:30px; padding-bottom:00px;}

.text-header-title h2 {font-size:30px; color:#eee;}

.text-header-title span {color:#ffcc00;  font-size:19px; }

.text-center-h1 h1 {padding-bottom:25px;}


.thumbnail-clear div {padding-left:0; padding-right:0;}

.thumbnail-bottom {padding:0px; margin-bottom:0;}

@media (min-width: 768px){
    .homecooperation{ 
        height: 150px;
        padding: 30px;
        background: #f1f1f1b6;
    }
    
}
@media (max-width: 768px){
    .homecooperation{ 
        height: 90px;
        padding: 30px;
        background: #f1f1f1b6;
    }
}
.homecooperation{
    margin-right: 5px;
    margin-bottom: 5px;
    width: calc(50% - 5px);

}
.homecooperation a{background-color: #f1f1f1b6;    height: 100%;}

.homecooperation img {
    max-height: 100%;
}

.thumbnail-clear img {opacity:1}

.thumbnail-clear img:hover {opacity:0.6;}

.btn-group-lg > .btn, .btn-lg {font-size:14px; border-color:#5cb85c; border-radius:3px;}

.glyphicon {padding-left:2px;}

.container blockquote .Abstract-text-p {padding:10px 0 0 30px; color:#999; font-size:14px; line-height:1.5em; background-size:24px auto; background-repeat:no-repeat; background-position:left top; background-image:url("../img/quote.svg")}

blockquote {border-left:none; font-size:14px; line-height:1.5em; padding-top:20px; padding-left:0; color:#999;}

.present-list {margin: 0; padding:0; margin-bottom:20px; margin-left:12px;}

.present-list li {line-height:1.8em;}

#features p {line-height:1.8em;}

.Customize .col-lg-3 {padding-top:30px; padding-bottom:80px;text-align:center;}

.Customize div h3 {color:#5a5a5a; font-size:18px; text-align:center;}

.Customize div p {color:#777; line-height:1.8em; }



.jumbotron {background-color:#ffffff         ; margin-bottom:20px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left:-30px;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right:-30px;}

.carousel-control.left {background-image:none;}

.carousel-control.right {background-image:none;}


@media (min-width: 768px){
    .sidebar.affix {
        position:fixed; top:45px;
    }
.sidebar.affix-bottom, .sidebar.affix {width:263px;}
}
@media (max-width: 768px){
    .sidebar.affix {
        position: fixed;
        top: -7px;
        width: 90px;
        right: 0;
        z-index: 99999;
    }

}

.sidebar .nav > .active > a, .sidebar .nav > .active:hover > a, .sidebar .nav > .active:focus > a {border-right:1px solid #1d365d; background-color:transparent; }


/* 手机 导航栏 */
.select-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.select {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    border-radius: 5px;
    background: #FBFBFD;
    cursor: pointer;
    color: #4A4A4A;
}

.select-selected {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select-items {
    position: absolute;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    z-index: 1000;
}

.select-items.select-hide {
    display: none; 
}

.select-items .select-option {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    color: #4A4A4A;
    display: flex;
    align-items: center;
}

.select-items .select-option:hover {
    background-color: #f0f0f0; 
}

.select-option.selected {
    color: #007BFF;
    display: flex;
    align-items: center;
}


.select-option div{
    width: 1px;
    height: 12px;
    background: #fff;
    margin-left: 20px;
    margin-right: 10px;
}


.select-option.selected div{
    background: #007BFF;
}

.arrow-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 8px;
    pointer-events: none;
}

/* 手机播放视频样式 */
.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 视频内容 */
.video-content {
    position: relative;
    border-radius: 8px;
    width: 70%;
}

/* 关闭按钮 */
.close-modal {
    position: fixed;
    top: 90%;
    right: 50%;
    font-size: 22px;
    color: #000;
}



/* 页脚样式 */
.df-move-web{
    display: flex;
    margin-bottom: 20px;
}
.width-850px{
    width: 850px;
    margin: 0 auto;
}
.SMARTPRODUCTS{
    margin: 0px 80px;
}

.contact-box{
    margin-top: 100px;
}
.contact-middle{
    margin: 0px 30px;
    margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .df-move-web{
        display: block;
        margin-bottom: 20px;
    }
    .main-footer{
        padding: 0px;
    }
    .address-label{
        padding-top: 35px;
    }
    .width-850px{
        width: auto;
        margin:  0 auto;
        margin-top: 20px;
    }
    .SMARTPRODUCTS{
        margin: 0px;
    }
    .contact-box{
        margin-top: 30px;
    }
    .contact-middle{
        margin: 30px 0px;
    }
    .contact-low-right{
        padding-bottom: 30px;
    }
    .contact-padding{
        padding: 0px 15px;
        margin-bottom: 20px;
    }
    /* 视频内容 */
    .video-content {
        position: relative;
        border-radius: 8px;
        width: 100%;
    }

    /* 关闭按钮 */
    .close-modal {
        position: fixed;
        top: 85%;
        right: 45%;
        font-size: 22px;
        color: #000;
    }
    
}
.address-label{
    font-size: 22px;
    font-weight: 300;
    line-height: 31px;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.address-details{
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #95989C;
    margin-top: 30px;
}
.address-figure{
    font-size: 30px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: 0px;
    color: #92989C;
    margin-top: 20px;
}
.flex1{
    flex: 1;
    margin-right: 20px;
}
.gengduo{
    display: flex;
    justify-content: space-between;
}
.gengduo  a{
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #95989C
}



/* 证书样式 */
.zhengshu{
    width: 357.71px;
    height: 108.38px;
    border-radius: 60px;
    background: linear-gradient(90deg, #D5E4F9 0%, #D9E8F9 0%, #F0F6FC 100%);
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 40px;
}
.zhengshu > a{
    display: flex;
    align-items: center;
    justify-content: center;
}

.zhengshu > a > img{
    width: 80%;
}


/*轮播图 */
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-pagination {
    position: absolute;
    left: 0% !important;
    bottom: -45% !important;
}
  
.zhihuiyiliaoP{
    background-image: url("../img/home/组 79@1x.png");
    height: 797px;
}


.baisebox{
    width: 350px;
    height: 250px;
    border-radius: 50px;
    background: #FFFFFF;
    padding-top: 25px;
    padding-left: 25px;
}


.jindianshili{
    background-image: url("../img/home/组 30@1x.png");
    background-size: cover; /* 确保图片覆盖整个元素 */
    background-position: center; /* 将图片居中显示 */
    height: 500px;
}



.jindiananli{
    background-image: url("../img/about/组 78@1x.png");
}



.jindiananli-box{
    width: 367.18px;
    height: 195.64px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.jindiananli-box   img{
    width: 80%;
}


.jindiananli-content {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 70px;
    position: relative;
    transition: transform 0.6s;
    transform-style: preserve-3d; /* 保持3D效果 */
}
.jindiananli-box.flipped .jindiananli-content {
    transform: rotateY(180deg); /* 添加翻转效果 */
}

/* 正面样式 */
.front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* 隐藏背面 */
}

/* 背面内容旋转180度 */
.front {
    z-index: 2;
    transform: rotateY(0deg);
    font-size: 20px;
    /* font-weight: 600; */
    color: #333333;
    padding-top: 50px;
    padding-left: 10%;
}
.front > div{
    position: absolute;
    left: 11%;
    bottom: 30px;
}
.back {
    transform: rotateY(180deg);
    border-radius: 70px;
    font-size: 14px;
   /*  font-weight: 600; */
    background: #BFDEFF;
    color: #333333;
    padding: 0px 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.titlelogo{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.stylish-menu{
    width: 250px;
    border-radius: 8px !important;
    padding: 10px 10px 0px 10px;
    border: none;
    left: -35px!important;
    /* box-shadow: 0px 4px 20px 0px rgba(78, 78, 78, 0.3); */
}
.stylish-menu > li{
   /*  width: 218px; */
    /* height: 35px; */
    border-radius: 4px;
    margin-bottom: 10px;
    /* margin: 0 auto; */
}
.stylish-menu  .dropdown a:hover{
    background-color: #F1F9FF !important;
}
.stylish-menu > .dropdown  > a{
   padding: 10px 20px;
}
.stylish-menu > .activeone {
    background-color: #F1F9FF !important;
}

.activetwo > a{
    color: #007BFF !important;
}

#Product .triangle {
    position: absolute;
    top: 40px;
    left: 40px;
    transform: translateX(-50%);
    width: 12px;
    height: 9px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid  #fafafa;  /* 设置三角形颜色，确保与背景匹配 */
}



.my-swiper-container {
    width: 100%;
    /* height: 100%; */
  }
  .my-swiper-container  .swiper-slide{
        width: 365px !important;
        height: 300px; /* 根据需求调整高度 */
        display: flex;
        justify-content: center;
        align-items: center;
  }
  /* 默认幻灯片样式 */
  .my-swiper-container  .swiper-slide img {
    transition: transform 0.3s ease;
    opacity: 0.7; /* 让非活动幻灯片稍微淡化 */
  }

  /* 放大活动幻灯片并加亮 */
  .my-swiper-container  .swiper-slide-active img {
    transform: scale(2);  /* 放大倍数 */
    opacity: 1;
  }