/*鏈嶅姟鏀寔*/
.main-service{ background: #edf2f8 url("../image/homePage/background_02.png")  no-repeat;        background-size: cover;
    background-position: top center;}
#container-fluid {
    margin-top: 5rem;
    width: 127rem;
    height: 70rem;
}



#container-fluid .navvertical > li {
    height: 7rem;
    line-height: 7rem;
    font-size: 1.8rem;
    text-align: left;
    margin-top: .5rem;
    background-color: rgba(237, 242, 248, 0.4);
    vertical-align:middle;
}
#container-fluid .col-xs-4{
    padding: 0;
}
.carousel-control{
    width: 15%;
}
#container-fluid .navvertical>li.active{
    background: #c7def4;
    color: #2b83c6;
}

#container-fluid .navvertical>li.active>a {
    color: #217fc4;text-align: center;
    font-size: 1.8rem;bottom: 1rem;    vertical-align:middle;
}
#container-fluid .navvertical > li.active>i{
    color: #b8d2eb!important;
}

#container-fluid .navvertical > li.active >span{
    font-size:4rem; font-weight: bold;margin: 0 1rem;
    color: #bdd4ea;
}
#container-fluid .navvertical > li>i{
    color: #ffffff;  font-size:4rem; font-weight: bold;margin: 0 1rem;    vertical-align:middle;
}
#container-fluid .navvertical > li>i:hover{
    color: #b6d2eb;
}
#container-fluid .tab-content{
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: .5rem;
    height: 67rem;
}
#container-fluid .tab-content .tab-pane {
    text-align: left;
    margin: 5rem 0 0 5rem;
}


#container-fluid .tab-content .tab-pane .tab-content-title {
    font-size: 2rem;
    font-weight: bold;
}

#container-fluid .tab-content .tab-pane .tab-content-text {
    margin: 3rem 0;
    color: #777777;
    font-size: 1.6rem;
}
#container-fluid .tab-content .tab-pane img{
    max-height: 30rem;
}

#container-fluid .tab-content .tab-pane .learn-more{  margin: 3rem 0;display: flex; }
#container-fluid .tab-content .tab-pane .learn-more>img{
    width: 1.4rem; height: 1.4rem; margin-top: .3rem;}
#container-fluid .tab-content .tab-pane .learn-more>a{  color: #348ac9; font-weight: bold;}

.service-title {font-size:3.2rem;color:#333;font-weight:700;text-align:left;margin-top:6rem;}
.service-timeline {text-align:left;position:relative;padding:1rem;overflow:hidden;height:53rem;}
.service-timeline .service-timeline-line {position:absolute;width:.2rem;height:100%;background:linear-gradient(#ececec,#cbcbcb,#ececec);}
.service-timeline .service-timeline-item {margin-left:1.5rem;padding:1rem 0;color:#888;position:relative;border:0px solid green;cursor:pointer;}
.service-timeline .service-timeline-circle {width:1rem;height:1rem;border-radius:50%;background:#cbcbcb;position:absolute;top:1.7rem;left:-1.88rem;}
.service-timeline .service-timeline-active .service-timeline-circle {background:#217fc4;color:#217fc4;/*box-shadow:0px 0px 5px 1px #217fc4;*/}
.service-timeline .service-timeline-text {text-align:left;font-weight:500;}
.service-timeline .service-timeline-text span {background-color:#cbcbcb;padding:0.5rem;color:#fff;margin-right:1rem;}
.service-timeline .service-timeline-active .service-timeline-text {color:#217fc4;}
.service-timeline .service-timeline-active .service-timeline-text span {background-color:#217fc4;}
.service-timeline .service-timeline-top {position:relative;}
.service-timeline .service-timeline-bottom {width:51.8rem;}
.service-timeline .service-timeline-bottom .learn-more {display:flex;position:absolute;height:5rem;}
.service-timeline .service-timeline-bottom .learn-more img {width:1.4rem;height:1.4rem;margin-top:0.3rem;display:inline-block;}
.service-timeline .service-timeline-bottom .learn-more a {font-weight:bold;color:#217fc4;}
.service-timeline .service-timeline-bottom li p {    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;color:#96979a;font-size:1.5rem;text-align:left;}
.kelai-shuangyinhaozuo:before {color:#217fc4;font-size:7rem;}
.dn {display:none;}
.service-timeline-container {height:50rem !important;margin-top:3.5rem !important;width:auto !important;}
.service-timeline-container>div {padding-left:0;padding-right:0;}
.main-service {background-color:#fff;}
/*浜у搧涓績*/
.product-center{background: #ffffff;  height: 72rem;}
.productCenter{
    width: 100%;
}
.row {
    margin-right: -5rem;
    margin-left: -4rem;
}
#TabControl {
    margin-top: 3rem;
}

#TabControl .tab-content {
    width: 140rem;
    margin: 0 auto 5rem;
}
#TabControl .nav-tabs {
    border-bottom: 1px solid #f0f5fb;
}
#TabControl .nav-tabs > li > a {
    border: 0 !important;
    margin-right: 2.5rem;
    height: 3.5rem;
    line-height: 1.5rem;
}
#TabControl  .nav-tabs > li.active > a {
    color: #1a78bd !important;
    background-color: #dfe9f9 !important;
    border: 0 !important;
    height: 3.5rem;
    line-height: 1.5rem;
}
#TabControl .nav {
    padding-left: 37% !important;
    margin-bottom: 5rem;
    padding-bottom: 2rem;
}
#TabControl .slideshow-inner {
    width: 140rem;
    height: 33rem;
    background: #f4f8fb;
    margin: 0 auto;
    text-align: center;
}
#TabControl .grid-actimage {
    margin-left: 2rem;
    background: #ffffff;
    text-align: center;
    cursor:pointer;
    border: .1rem solid #d7e5f7cc;
    width: 100%;
}
#TabControl .grid-actimage .carousel-image{
    background: #f6f6f6;
    width: 100%;
    height: 28rem;
}

#TabControl .grid-actimage .gridtitle {
    height: 7rem;
    font-size: 1.6rem;
    border-top: .5rem solid #f6f6f6;
    padding-left: 2rem;
    line-height: 7rem;
    display: flex;
    text-align: center;
    background:url(../image/homePage/tuxing2.png) no-repeat  26rem  3rem;
}

#TabControl .grid-actimage:hover .gridtitle{
    border-top: .5rem solid #217fc4;
    color: #217fc4;
    background:url(../image/homePage/tuxing.png) no-repeat  26rem  3rem;

}
/* 鍏徃姒傚喌 */
.company-main-content{background-image: url(../image/homePage/background_2.png); margin-top: 5rem;}
#company-profile {
    width: 140rem;
    height: 60rem;
    background: #ffffff;
    margin: 7rem auto 0;
    border: .1rem solid #ebf5fd;
}

#company-profile .company-content {
    text-indent: 2em;
    width: 70rem;
    padding: 10rem 0 0 7.5rem;
    font-size: 1.8rem;
    line-height: 3rem;
    float: left;
    text-align: left;
}

#company-profile .company-content .company-icons {
    padding: 7rem 0 0 0;
    display: flex;
    height: 13rem;
}

#company-profile .develop {
    float: left;
    transition: transform 1s;
    /* padding: 6rem 0 0 6rem; */
    /* background: url("../image/homePage/4icons.png") no-repeat 0 0; */
    /* transition: transform 1s; */

}
#company-profile .company-content .company-icons .develop-top:hover .develop {
    transform: rotate(360deg);
}

#company-profile .company-content .company-icons>div>div>img{
    width: 6rem;
}

#company-profile .develop-right {
    padding-top: .3rem;
    width: 30rem;
    text-align: left;
    text-indent: 1em;

}

#company-profile .develop-right .developtop {
    font-size: 3.8rem;
}

#company-profile .develop-right .developbottom {
    font-size: 1.5rem;
    color: #b9bdbf;
}

#company-profile .develop-right .develop-right-year {
    font-size: 2rem;
    font-weight: normal;
}

#company-profile .register {
    float: left;
    margin-left: 6rem;
    transition: transform 1s;
    /* padding: 6rem 0 0 6rem; */
    /* background: url("../image/homePage/4icons.png") no-repeat 0 -6rem; */
}

#company-profile  .register-top:hover .register {
    transform: rotate(360deg);
}


#company-profile .register-right {
    padding-top: .3rem;
    width: 33rem;
    text-align: left;
    text-indent: 1em;
}

#company-profile .register-right .developtop {
    font-size: 3.5rem;
}

#company-profile .register-right .developbottom {
    font-size: 1.5rem;
    color: #b9bdbf;
}

#company-profile .register-right .develop-right-year {
    font-size: 2.3rem;
    font-weight: normal;
}

#company-profile .company-content .company-icons .design {
    /* padding: 6rem 0 0 6rem; */
    float: left;
    /* background: url("../image/homePage/4icons.png") no-repeat 0 -12rem; */
    transition: transform 1s;
}
#company-profile  .design-top:hover .design {
    transform: rotate(360deg);
}

#company-profile .company-content .company-icons .patent {
    margin-left: 6rem;
    /* padding: 6rem 0 0 6rem; */
    float: left;
    transition: transform 1s;
    /* background: url("../image/homePage/4icons.png") no-repeat 0 -18rem; */
}
#company-profile  .patent-top:hover .patent {
    transform: rotate(360deg);
}
#company-profile .right_logo {
    float: right;
    margin-right: 7rem;
    width: 55rem;
    height: 60rem;
    position: relative;
}
#company-profile .right_logo  video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pause-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-image: url(../image/play.png);
    background-size: cover;
    display: block;
    cursor:pointer;

  }
  .pause-icon.hide {
    display: none;
  }


.more {
    text-align: center;
    margin: 0 auto;
    padding: 5rem 0;
}

.more .moreBtn {
    width: 15rem;
    height: 3.5rem;
    cursor: pointer;
    border: .1rem solid #dfdfdf;
    line-height: 3.5rem;
    position: relative;
    display: inline-block;
    border-radius: 2%;
    color: #b9bdbf;
}

.more .moreBtn span {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
    color: #b9bdbf;
}

.more .moreBtn2::before {
    position: absolute;
    content: "";
    background-color: #217fc4;
    transition: 0.3s ease-out;
    border-radius: 2%;
    color: #ffffff;
}
.more .moreBtn2:hover, .more .moreBtn2:hover>a>span{
    color: #ffffff;
    transition: 0.2s 0.1s;
}

.more .moreBtn.hover-slide-down::before {
    top: 0;
    left: 0;
    right: 0;
    height: 0%;
    width: 100%;
}

.more .moreBtn.hover-slide-down:hover::before {
    height: 100%;
}

/*鏂伴椈鍜ㄨ  */
.news-content{background: #ffffff;}
#newheader {
    width: 127rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 7rem;
    /* min-width: 950px */
}

#newheader .box {
    width: 35rem;
    height: 50rem;
    display: inline-block;
    margin-right: 7rem;
}
#newheader .box:last-child{
    margin-right: 0;
}
#newheader .box .boximg>img{
    width: 35rem;
    height: 29rem;
}
#newheader .box  .newshead {
    text-align: left;
}

#newheader .box  .newshead .newtime {
    color: #9a9a9a;
    padding-top: 1rem;
}

#newheader .box  .newshead .newheadline {
    font-size: 1.6rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#newheader .box  .newshead .newtitle {
    color: #9a9a9a;
    line-height: 2rem;
    width: 35rem;
    overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

}

#newheader .box  .viewdetails {
    margin-top: 2rem;
    position: absolute;
}

#newheader .box  .newarrowbtn {
    width: 35rem;
    border: .1rem solid #dfdfdf;
    line-height: 2.5rem;
    font-size: 1.5rem;
    border-radius: 0;
    position: relative;
    background:url(../image/homePage/news_arrow.png) no-repeat  30rem  2rem;
    margin-top: 1rem;
}

#newheader .box  .newarrowbtn span {
    position: relative;
    line-height: 5rem;
    font-size: 1.5rem;
    top: 0;
    left: 0;
    width: 100%;
}

#newheader .box  .newarrowbtn-1::before {
    position: absolute;
    content: "";
    background-color: #217fc4;
    transition: 0.3s ease-out;
}

#newheader .box .newarrowbtn-1:hover, #newheader .box:hover a {
    color: #fff;
    transition: 0.2s 0.1s;
}

#newheader .box  .newarrowbtn.hover-slide-right::before {
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;

}

#newheader .box:hover .newarrowbtn.hover-slide-right::before {
    width: 100%;
}

#newheader .box .newarrow-right {
    float: right;
    margin-right: 2rem;
    line-height: 5rem;
    font-size: 1.5rem;
}
#newheader .box .newarrow-right .iconfont{
    background: url(../image/homePage/news_arrow.png) no-repeat 0.4rem 2.5rem;
    padding: 1.8rem 0 0 1.7rem;
}
#newheader .box  .newarrow-right .iconfont:hover{
    background: url(../image/homePage/news_arrow.png) no-repeat 0.4rem 2.8rem;
    padding: 2.5rem 0 0 1.7rem;
}

/* 鍚堜綔浼欎即 */
.partner-content{background: #ffffff;    height: 55rem;}
.partnerrow {
    width: 127rem;
    margin: 5rem auto 0;
    gap: 3rem;
}

.col-md-2 img, .partner-content .partner img {
    height: 8rem;
    width: 20rem;
    text-align: center;
    background: #ffffff;
    box-shadow: 0 0 .5rem #dee5ed;
}
.partnerrow .col-md-2 .join, .partner-content .partner .join{
    height: 8rem;
    line-height: 8rem;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 2rem;
    background: #ffffff;
    box-shadow: 0 0 .5rem #dee5ed;
}
.partnerrow .col-md-2 img:hover, .partner-content .partner img:hover, #TabControl .grid-actimage:hover{
    box-shadow: 0 0 .5rem #a4c2e3;
}
.partnerrow .col-md-2 .join:hover, .partner-content .partner .join:hover{
    box-shadow: 0 0 .5rem #a4c2e3;
}
/*鑱旂郴鎴戜滑*/
.name {
    margin-top: 2rem;
}

#contactUsheader {
    width: 127rem;
    height: 60rem;
    margin: 0 auto;
    margin-top: 5rem;
}

#contactUsheader  .contactUs-left {
    float: left;
    width: 58rem;
    height: 30rem;
    text-align: left;
}
#contactUsheader  .contactUs-left .homemap{
    margin-top:4rem;
    width: 100%;
    height: 27.9rem;
}

#contactUsheader  .contactUs-left .company-name {
    display: flex;
    font-size: 1.5rem;
    padding-top: 2.5rem;
}

#contactUsheader  .contactUs-left .company-name .companytext {
    height: 5rem;
    width: 22rem;
    border-bottom: .1rem solid #000000;
}

#contactUsheader  .contactUs-left .company-name .companytitle {
    height: 5rem;
    width: 36rem;
    color: #7c7c7c;
    border-bottom: .1rem solid #e5e5e5;
    padding-left: 2rem;
}


#contactUsheader  .contactUs-right {
    float: right;
    width: 58rem;
    height: 30rem;
    text-align: left;
}

#contactUsheader  .contactUs-right .company-name {
    display: flex;
    font-size: 1.5rem;
    padding-top: 2.5rem;
}
#contactUsheader  .information .name input{
    border-radius: 2%;
}
#contactUsheader  .information .name .form-remark{
    height: 6rem;
    width: 100%;
    border: 0.1rem solid #ccc;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 2rem;
    color: #555;
    background-color: #fff;
    background-image: none;

}

#contactUsheader  .contactUs-right .company-name .companytext {
    height: 5rem;
    width: 22rem;
    border-bottom: .1rem solid #000000;
}

#contactUsheader  .contactUs-right .company-name .companytitle {
    height: 5rem;
    width: 36rem;
    color: #7c7c7c;
    border-bottom: .1rem solid #e5e5e5;
    padding-left: 2rem;
}


#contactUsheader  .contactUs-right .information {
    margin-top: 4rem;
    font-size: 1.5rem;
}

#contactUsheader  .contactUs-right .informationtitle {
    margin-bottom: 2rem;
    text-align: left;
}

#contactUsheader  .contactUs-right  .confirmbtn {
    width: 11rem;
    float: left;
    height: 4rem;
    background: #217fc4;
    color: #ffffff;
    border: 0;
    margin-top: 3rem;
    border-radius: 2%;
}

.bottomheadline {
    height: 17.6rem;
    background-image: url("../image/homePage/background_4.png");
}

.bottomheadline .company-titel {
    text-align: center;
    padding: 6rem 0;
    font-size: 3rem;
    letter-spacing: .3rem;
}
.weewe{width: 23.333rem;height: 21.455rem;position: relative;}
.weewe img{position: absolute;bottom: 0;}
.carousel-inner>.item>img{width: 100%;}