html {}

body {
    color: #333333;
    background: #fff;
    padding-top: 94px;
}

.lh {
    line-height: 180%;
}

.fb {
    font-weight: bold;
}
.fs12 {
    font-size: 12px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs21 {
    font-size: 21px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs95 {
    font-size: 95px;
}

.text-white {
    color: #fff;
}

.text-primary {
    color: #654D96 !important;
}

.text-gray-dark {
    color: #565656 !important;
}

.text-blue {
    color: #003365 !important;
}

.text-back {
    color: #000 !important;
}

.text-right {
    text-align: right !important;
}

.bg-white {
    background: #fff !important;
}

.bg-gold {
    background: #D0A674 !important;
}

.bg-gray-dark {
    background: #565656 !important;
}

.bg-blue {
    background: #003365 !important;
}

.bg-back {
    background: #000 !important;
}

.btn {
    border-radius: 0;
}

.footer {
    background-color: #775A9E;
    padding: 55px 0 80px;
    color: #000000;
}

.footer .foot-list {
    font-size: 14px;
}

.footer .foot-list>dd {
    margin: 14px 0 0;
    font-size: 14px;
    word-break: break-all; 
}

.footer .foot-location {
    width: 287px;
}

.footer .foot-contact {
    width: 248px;
}

.footer .foot-contact>dd:last-child {
    margin: 0;
}
.qr-code{
    width: 64px;
    height: 64px;
    background: #fff;
    float: right;
}
#searchBtn {
    cursor: pointer;
}

.container {
    width: 1120px;
    padding: 0;
}

.navbar {
    height: 94px;
    margin: 0;
    border-top: 8px solid #654D96
}

.navbar::before {
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    background-image: url('../images/nav-top.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: -14px;
    left: 0;
}

.navbar .container-fluid {
    padding: 0 100px;
}

.navbar-brand {
    height: 86px;
    padding: 18px 15px;
}

.navbar-nav>li {
    margin: 0 ;
    position: unset;
}

.navbar-nav>li>a {
    padding: 0 12px;
    margin: 0 60px ;
    font-size: 18px;
    font-weight: bold;
    line-height: 86px;
    height: 86px;
}

.navbar-default .navbar-nav>li>a {
    color: #231815;
    padding: 0;
}
.navbar-nav>li:hover>a {
    background: transparent;
    border-bottom: 6px solid #654D96;
    color: #231815;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: transparent;
    border-bottom: 6px solid #654D96;
    color: #231815;
}

.dropdown-menu {
    position: absolute;
    width: 100vw;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    box-shadow: unset; 
    display: none;
}
.dropdown-menu-inner{
    display: flex;
}
.dropdown-menu-item{
    list-style: none;
    padding: 0;
    flex: 1;
    position: relative;  
}
.navbar-nav>li:hover .dropdown-menu{
    display: block;
}
.dropdown-menu-item>li{
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    width: 240px;        
    padding: 0 19px 0 30px;
    color: #808080;  
    display: flex;
} 

.dropdown-menu-item>li>span{
    line-height: 60px;
    display: block; 
    flex: 1;      
    cursor: pointer;
}  
.dropdown-menu-sub{
    position: absolute;
    top: 0;
    left: 240px;
    list-style: none;
    padding: 0; 
    bottom: 0;
    overflow: auto;
    right: 0;
    line-height: normal; 
}

.product-images {
    width: 570px;
    height: 505px;
    overflow: hidden;
}
.product-images .item{
    display: none;
}
.product-images .item.active{
    display: block;
}

.product-menu-wrap{
    position: relative;
}
.product-menu{
    list-style: none;
    padding: 0;
    position: absolute;
    background: #fff; 
    top: 0;
    bottom: 0;
    left: 240px;
    right: 0;
    width: 1000px;
    display: none;
}
.product-menu.active{
    display: block;
}
.product-menu>li{ 
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #808080;    
    cursor: pointer;
    display: inline-block;
}
.product-menu>li>a{
    color: #808080;    
    display: block;       
    padding: 0 20px;
    text-decoration: unset; 
}
.product-menu>li>a:hover{
    background-color: #B0B0B0;
    color: #fff;
}
.dropdown-menu-sub>li:hover .product-menu{
    display: block;
}
.navbar  .navbar-right{
    display: flex;
    margin-right: 0;
}
.navbar-form {
    margin: 23px auto;
    flex: 1;
}

.navbar-form .form-group {
    border: 0;
    border-radius: 25px;
    background: #fff;
    padding: 0 5px;
}

.navbar-form .form-control {
    border: 0;
    border-radius: 25px;
    background: #fff;
    background-image: url('../images/search.png');
    background-repeat: no-repeat;
    background-position: right center;
    outline: none;
    box-shadow: unset;
}
.lang-nav {
    list-style: none;
    margin: 28px 0;
}
.lang-nav >li{
    margin: 0;
    display: inline-block;
    line-height: 14px;
}
.lang-nav >li:first-child{
    border-right: 1px solid #B0B0B0;
}

.lang-nav li>a{
    font-weight: lighter;
    color: #565656;
    padding: 0 4px;
    font-weight: bold;
}
.lang-nav >li.current a{
    color: #654D96;
}

.show {
    display: block;
}

.home-banner {
    height: 610px;
    background: #fff;    
    overflow: hidden;
}
.home-banner .carousel-inner{
    text-align: center;
    height:610px ;
} 
.home-banner .carousel-inner .item{
    background-repeat: no-repeat;
    height:610px ;
    background-position: center center;
}
.home-banner .carousel-inner .item>div,
.home-banner .carousel-inner .item img{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.home-banner .carousel-inner .carousel-caption{
    text-align: left;
    text-shadow: unset; 
    width: 980px;
    margin: 0 auto;
    bottom: 140px;
    padding: 0;
}  
.home-banner .carousel-inner .carousel-caption .caption-title{
    padding: 50px 0; 
    color: #fff;
    font-size: 99px;
    line-height: normal;
    font-weight: lighter;  
    margin-top: 66%; 
    letter-spacing: 6px;
    position: relative;
} 
.home-banner .carousel-inner .carousel-caption .caption-sub-title{
    padding: 0 0 36px; 
    color: #fff;
    font-size: 35px;
    line-height: 44px;
    letter-spacing: 6px;
}
.home-banner .carousel-control{
    width: 298px;
    height: 89px;
    bottom: 0;
    background: #EAEAEA;
    opacity: 1;
    top: unset;
    
}
.home-banner .carousel-control.left{
    right: 298px;
    left: unset;
}
.home-banner .ctrlicon{
    width: 24px;
    height: 48px;
    background-image: url(../images/controls.png);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-24px 0 0 -12px;
}
.home-banner .carousel-control:hover{
    background: #D96A57;
}
.home-banner .ctrlicon.ctrlicon-left{
    background-position: 0 -48px;
}
.home-banner .ctrlicon.ctrlicon-right{
    background-position: -24px -48px;
}
.home-banner  .carousel-control:hover .ctrlicon.ctrlicon-left{
    background-position: 0 0;
}
.home-banner  .carousel-control:hover .ctrlicon.ctrlicon-right{
    background-position:-24px 0;
}
.home-product{
    padding: 124px 0 68px;
    border-bottom: 7px solid #654D96;
}
.home-product-list{
    list-style: none;
    padding: 0;    
    display: flex;
    flex-wrap: wrap;
    margin-left: -11px;
}
.home-product-list>li{
    width: 214px;    
    margin-left: 12px;
    margin-bottom: 50px;
}
.home-product-list>li img{
    width: 214px;
    height: 234px;
}
.home-product-title{
    font-size: 22px;
    color: #fff;
    text-align: center;
    background: #654D96;
    text-decoration: unset;
}
.home-solution {
    padding: 72px 0;
    background-color: #E1E1E1;
}


.home-solution .title-box{
    color: #654D96;
    margin: 0 0 50px;
    position: relative;
}
.title-box::before{
    display: block;
    content: '';
    width: 46px;
    height: 46px;
    position: absolute;
    left: -46px;
    top: -46px;
    background: url(../images/title-box.png)
}
.home-solution .title-box .title {
    font-size: 48px; 
    font-weight: lighter; 
}
.home-solution .title-box .sub-title {
    font-size: 22px; 
    font-weight: lighter; 
    margin: 0;
}
.home-solution a{
    text-decoration: none;
    text-decoration: unset;
}
.home-solution .thumbnail {
    width: 340px; 
    background: #EFEFEF;
    border: 0;
    border-radius: 0;
    padding: 0;
    position: relative;
    margin-bottom: 68px;
}
.home-solution .thumbnail::after{
    position: relative;
    display: block;
    width: 0;
    height: 5px;
    background: #654D96;
    content: '';    
    transition: all linear .2s;
}

.home-solution .thumbnail:hover::after{
    width: 100%;
}

.home-solution .thumbnail>img {
    width: 340px;
    height: 249px;
    background: #fff;
}
.home-solution a:hover .thumbnail>img{
    background: #654D96;
}
.home-solution .thumbnail .caption {
    padding: 30px 20px 10px; 
    position: relative;
}

.home-solution .thumbnail .caption h3 {
    font-size: 25px;
    margin: 0 0 30px 0;
    line-height: normal;
}

.home-solution .thumbnail .caption p {
    line-height: 200%;
    font-size: 15px;
}

.home-solution .thumbnail .caption p:last-child {
    flex: 1; 
    margin: 0; 
}

.home-solution .thumbnail .caption span {
    color: #333333
}

.home-solution .thumbnail .caption span:last-child {
    float: right;
}

.home-solution .thumbnail .caption span.more-arrow {
    background: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: -3px 0;
    line-height: 100px;
    height: 18px;
    overflow: hidden;
    margin: 6px 0;
    width: 19px;
    transition: all linear .2s;
}
.home-solution .thumbnail:hover span.more-arrow{
    width: 19px;
    background-image: url(../images/arrow-primary.png);
    background-position: 0 0;
}
.home-solution a:hover .thumbnail .caption,
.home-solution a:hover .thumbnail .caption span{
    color: #654D96;
}
/**
contact
*/

.contact-banner {
    min-height: 648px;    
    overflow: hidden;
    text-align: center;
    background-position: center center;
}

.contact-page {
    padding: 0 0 190px;
    margin-top: -254px;
    width: 1000px;
}

.contact-page h2.title {
    font-size: 40px;
    color: #fff;
    font-weight: lighter;
}

.contact-page .form-control {
    height: 40px;
    border: 1px solid #565656;
    border-radius: 0;
}

.contact-item {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 25px -8px 70px;
    
}

.contact-item li {
    background: #F1F1F1;
    height: 320px;
    margin: 0 10px; 
    flex: 1;  
    text-align: center; 
}
.contact-item li .img{
    height: 120px;
    line-height: 120px;
}
.contact-item li .info{  
    height: 165px;   
    padding: 10px 30px;
}
 
.contact-item li {
    justify-content: space-evenly;
    padding: 40px 0;
}

.contact-item li .info div:first-child::after {
    content: '';
    display: block;
    height: 2px;
    background: #565656;
    width: 24px;
    margin: 10px auto;
}

.contact-form {
    margin: 50px 0 170px;
}

.contact-form .form-group {
    margin-bottom: 35px;
}

.contact-form .form-group label {
    margin-bottom: 10px;
    font-size: 13px;
    color: #595757;
    font-weight:normal;
}

.contact-form .form-group .form-control {
    font-size: 16px;
}

.contact-form .form-textarea {
    height: 203px;
}

.contact-form .btn {
    width: 161px;
    height: 50px;
    background: #654D96;
    color: #fff;
    font-size: 20px;
    border-radius: 0;
    outline: none;
    font-size: 18px;
}

.join-us {
    font-size: 24px;
    margin-top: 100px;
    color: #888888;
    line-height: 160%;
}
.join-us p{
    line-height: normal;
}
.from-postion {
    width: 538px;
    margin: 92px 0 80px
}

.career-info {
    border: 1px solid #595757;
    margin-bottom: 112px;
    padding: 15px;
    overflow: auto;
    height: 622px;
}
.career-info .item>ol{
    margin: 40px 0 96px;
}
.career-info .item>div{
    font-weight: bold; 
}
.career-require {
    display: flex;
    border-top: 1px solid #595757;
    border-bottom: 1px solid #595757;
    padding: 13px 0;
}

.career-require .item {
    flex: 1;
    border-right: 1px solid #595757;
    padding: 25px 30px;
    margin: 0;
    height: 98px;
    line-height: 28px;
}

.career-require .item:last-child {
    border: 0;
}

.career-require .item dt {
    font-size: 16px;
    margin-bottom: 10px;
}

.career-require .item dd {
    font-size: 14px;
}

/**
about
*/

.about-banner {
    min-height: 648px;
    text-align: center;
    overflow: hidden;
}
.about-banner-carousel{
    position: relative;
}
.about-banner .carousel-inner{
    text-align: center;
    height:648px ;
} 
.about-banner .carousel-inner .item,
.about-banner .carousel-inner img{
    margin: 0 auto;
    height:648px ;
    background-position: center center;
}
.about-banner .carousel-inner .item >div{ 
    height:100% ;
    background-position: center center;
    background-size: cover;
}
.about-banner .carousel-inner .carousel-caption{
    
    text-align: left;
    text-shadow: unset;
    height: 100%; 
    width: 1120px;
    margin-left: -560px;
    left: 50%;
}
.about-banner .carousel-inner .carousel-caption .caption-title{
    font-size: 48px;
    font-weight: bold;  
    color: #654D96;
    margin: 100px 0 60px;
}
.about-banner .carousel-indicators{
    text-align: left;
    width: 1120px;
    margin-left: -560px;
}
.about-banner .carousel-indicators li{
    width: 15px;
    height: 15px;
    border-radius: 0;
    border: 0;
    background: #fff;
    margin: 5px 10px
}
.about-banner .carousel-indicators li.active{
    background: #DB6A57;
}
.about-banner .carousel-inner .carousel-caption .caption-sub-title{
    font-size: 64px; 
    width: 520px;
    color: #333333;
}
.banner-slider{
    height: 648px;
}

.about-source {
    padding: 103px 0 220px;
    background-image: url(../images/about-4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.about-source .container{
    position: relative;
}
.about-source .container .about-source-row{
    margin: 0;
    display: flex;
}
.about-source .container .about-source-row div:first-child{
    flex: 1;
}
 
.about-page h2.title {
    font-size: 38px;
    color: #654D96;
    font-weight: lighter;
    margin-bottom: 90px;
}

.about-page h3.sub-title {
    font-size: 20px;
    margin-bottom: 45px;
    height: 50px;
}

.about-page p.des {
    font-size: 16px;
    line-height: 200%;
}

.about-source .title {
    margin-top: 90px;
}

.about-source p {
    width: 460px;
}

.about-partner p {
    width: 780px;
}

.about-tech {
    background: #F1F1F1;
    padding: 220px 0 208px;
}
.tech-cert{
    display: flex;
}
.tech-cert>div:first-child{
    margin-right: 100px;
}
.about-partner {
    padding: 160px 0 153px;
}
.about-row {
    margin-bottom: 160px;
}
.about-row  div{
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
    color: #666666;
}

.slider-wrapper1{
    width: 100%;
    height: 452px;
    list-style: none; 
}
.slider-wrapper1 li>div{
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
    color: #666666;
}
.slider-wrapper2 {
    width: 100%;
    height: 112px;
    list-style: none;
    margin-top: 116px;
}
.about-slider .bx-wrapper .bx-viewport{
    background: transparent;
    left: 0;
    box-shadow: unset;
    border: 0;
}
.about-slider .bx-wrapper .bx-controls-direction a{
    width: 24px;
    height: 49px;
}
.about-slider .bx-wrapper .bx-prev{
    background-position: 0 0;
    left: -24px;
}
.about-slider .bx-wrapper .bx-prev:hover{
    background-position: 0 -50px; 
}
.about-slider .bx-wrapper .bx-next{
    background-position:-26px 0;
    right: -24px; 
}
.product-detail{
    padding:40px 0 132px;
}
.product-detail .product-detail-info{
    float: left;
    width: 460px;
}
.product-detail .product-detail-image{
    float: right;
    width: 552px;
}
.product-detail-info .product-title{
    font-size: 104px;
    color: #654D96;
    margin:0 0 46px;
    line-height: 100%;
}
.product-detail-info .product-subtitle{
    font-size: 48px;
    font-weight: lighter;
    color: #654D96;
    margin-bottom: 46px;
}
.product-detail-info .product-feature{
    font-size: 15px;
    line-height: 220%;
    margin-bottom: 46px;
}
.product-section h3{
    font-size: 18px;
}
.product-section .inner{
    text-align: center;
}
.product-section .inner img{
    max-width: 100%;
}
.download-btn{
    background-color: #654D96;
    font-size: 28px;
    color: #fff;
    outline: unset;
    padding: 10px 40px;
}
.download-btn::after{
    content: '';
    display: inline-block;
    background-image: url(../images/download-icon.png);
    width: 15px;
    height: 23px;
    margin-left: 20px;
}
.breadcrumb{
    background: #fff;
    padding: 35px 0;
    margin: 0;
    font-size: 18px;
}
.breadcrumb>li+li:before{
    content: "";
    font-family: "Glyphicons Halflings";
    background-image: url(../images/breadcrumb-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 24px;
}
.breadcrumb>li>a{
    color:#808080;
}
/*
solution
*/
.solution-banner {
    height: 648px;    
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.solution-list {
    margin-bottom: 145px;
    width: 1100px;
}
.solution-list h2{
    margin: 94px 0;
    font-size: 48px;
    font-weight: lighter;
    color: #654D96;
}

.solution-list a{ 
    text-decoration: unset;
    display: inline-block
}
.solution-list .thumbnail {
    width: 342px;
    height: 400px;
    background: #E5E5E5;
    border: 0;
    border-radius: 0;
    padding: 0;
    position: relative;
    margin-bottom: 46px; 
}  

.solution-list .thumbnail>img {
    width: 342px;
    height: 100%;
    background: #fff;
}
.solution-list .thumbnail .title{
    position: absolute;    
    left: 0;
    top: 0;
    padding: 30px 25px;
    margin: 0;
    font-size: 25px;
    font-weight: bold;
    color: #333333;
}
.solution-list .thumbnail .c-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #A0A09F;
    height: 42px;
    padding: 0 25px;
    margin: 0;
    color: #fff;
    text-align: left;
    line-height: 42px;
    font-size: 12px;
}
.solution-list .thumbnail:hover .c-bottom {
    background: #775AA2;
}
.solution-list .thumbnail .c-bottom span.more-arrow{
    background: url(../images/solution-more.png);
    background-repeat: no-repeat;
    background-position: -3px 0;
    line-height: 100px;
    height: 18px;
    overflow: hidden;
    margin: 12px 0;
    width: 19px;
    transition: all linear .2s;
    float: right;
}
.solution-content{
    text-align: center;
    overflow: hidden;
}
.solution-detail {
    margin: 0 auto 160px;
}
.solution-detail .title{
    margin: 120px auto 90px;
    font-size: 83px;
    font-weight: lighter;
    line-height: 140%;
    color: #654D96;
}
.solution-detail .sub-title{ 
    font-size: 48px;
    font-weight: lighter;
    line-height: 100%;
    color: #654D96;
}
.solution-background-box{
    background: #E5E5E5;
    padding: 95px 0 110px;
}
.solution-background{ 
    margin-top: 95px;
}
.solution-background .pic{
    float: left;
}
.solution-background .info{
    float: right;
    width: 493px;
}
.solution-background .info h4{
    margin: 0 0 48px;
    font-size: 20px;
    line-height: 130%;
}
.solution-background .info p{ 
    line-height: 180%;
    font-size: 14px
}
.solution-flow{
    padding: 120px 0 130px;
}
.solution-flow .sub-title{
    margin-bottom: 80px;
}
.flow-item{
    background: #E5E5E5;
    width: 351px;
    height: 250px;
    border-top: 3px solid #654D96;
    padding: 30px 25px;
    margin-bottom: 38px;
}
.flow-item .flow-index{
    font-size: 20px;
    line-height: 160%;
    font-weight: 600;
    margin-bottom: 35px;
}
.flow-item p{
    font-size: 14px;
    font-weight: lighter;
    line-height: 150%;
}
.research-banner{
    position: relative;
    text-align: center;
    overflow: hidden;
    background-position: center center;
}
.research-list{
    margin: 86px auto 134px;
}
.research-list h2{
    font-size: 48px;
    color: #654D96;
    font-weight: lighter;
    margin: 0 0 50px;
}
.research-list .row{
    margin-left: -27px;
    margin-right: -27px;
}
.research-list .row .col-sm-6,
.research-list .row .col-sm-6{
    padding: 27px;
}
.research-list .thumbnail{
    border: 0;
    padding: 0;
    margin-bottom: 80px;
    background: #E6E6E6;
}
.research-list .thumbnail .index{
    font-size: 81px;
    line-height: 81px;
    padding: 12px 25px 30px;
    font-weight: bold; 
    color: #CACACA;
    border-bottom: 2px solid #654D96;
}
.research-list .thumbnail .thumbnail-body{
    padding: 0 20px;
    height: 210px;
    overflow: hidden;
}
.research-list .thumbnail h3{
    font-size: 24px;
    font-weight: lighter;
    color: #654D96;
    margin: 0 0 55px;
    padding-top: 25px;
}
.research-list .thumbnail p{
    height: 156px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 160%;
}
.research-list .thumbnail .pic{
    height: 214px;
    overflow: hidden;
}
.research-list .thumbnail img{
    width: 100%;
}
.research-cate{
    margin:120px auto ;
}
.category{
    height: 191px;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 32px;
    justify-content: center;
}
.category .cate-title{
    margin-top: 15px;
}
.research-cate .row>div:nth-child(odd) .category{
    background: #654D9799;
    color: #fff;
}
.research-cate .row>div:nth-child(even) .category{
    background: #E4E4E499;
    color: #654D96;
}
.research-cate .row{
    margin: 0;
}
.research-cate .row>div{
    padding: 0;
}

/* 2024.4.11 modify */
#menu-product-thumbnail{
    background-color: #644d93;
}
#menu-product-thumbnail.product-images{
    height: 420px;   
}
#menu-product-thumbnail .thumbnail {
    margin-bottom: 0;
    border: none;
}

#menu-product-thumbnail {
    border-right: 1px solid #b3b3b3;
}

.thumbnail-description-block {
    background: #644d93;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
}

.thumbnail-description-block h3.title {
    float: left;
    width: auto;
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    font-size: 14px;
    font-weight: normal;
}

.thumbnail-description-block .description {
    float: left;
    width: 100%;
    clear: both;
}
.about-page .tech-cert .sub-title{
    margin-top: 75px;
    margin-bottom: 35px;
}
.about-page .tech-cert>div:first-child{
    margin-right: 0;
}
.about-page .tech-cert .col-md-6 img{
    height: 380px;
    width: 100%;
    object-fit: contain;
}
.product-page .product-detail .hidden-xs img{
    max-width: 100%;
}
.product-page .download-btn{
    margin-top: .5rem;
}
.solution-detail .solution-content img,
.solution-detail .solution-content-m img{
    max-width: 100%;
}
.slider-wrapper1 li>div{
    font-size: 16px;
}
.bx-wrapper .bx-controls-direction a{
    top: 35% !important;
}
@media(min-width: 1024px) {
    .dropdown-menu-item>li:hover,
    .dropdown-menu-item>li.active{
        background-color: #a29dc9;
        color: #fff;
    }
     
    .dropdown-menu-item>li>ul.dropdown-menu-sub{
        display: none
    }
    .dropdown-menu-item>li:hover>ul.dropdown-menu-sub{ 
        display: inline-flex;
        flex-direction: column;
        align-content: baseline;
        flex-wrap: wrap;
        flex-basis: 20%;  
    }
    .dropdown-menu-sub>li {
        padding: 0 20px;
        border-left: 1px solid #E1E1E1;
        height: 48px;
        overflow: hidden;
        width: 20%;
    }
    .dropdown-menu-sub>li{  
        padding: 0 20px;
        border-left: 1px solid #E1E1E1;    
        height: 48px;
        overflow: hidden; 
        width: 20%;
    }
    
    .dropdown-menu-sub>li>a{
        color: #333333;
        text-decoration: unset; 
        line-height: 48px; 
        font-size: 16px;
        border-bottom: 1px solid #E1E1E1;
        display: block;
        height: 48px;
        position: relative;
        overflow: hidden;
    }
    .dropdown-menu-sub>li>a:hover{ 
        color: #644d93;
    }
    .dropdown-menu-sub>li>a::after{
        display: block;
        position: absolute;
        content: '';
        width: 10px;
        height: 18px;
        top: 12px;
        right: 0;
        background: url(../images/dd-arrow.png) left top no-repeat;
    }
    .dropdown-menu-sub>li> a:hover::after{ 
        background-position: left bottom;
    }
}
@media(min-width: 750px) and (max-width: 1400px)  {
    .navbar .container-fluid{
        padding: 0 80px;
    }
    .navbar-nav>li>a{
        padding: 0 12px;
        margin: 0 36px;
    }
}
@media(max-width: 750px) {
    body{
        padding-top: 60px;
    }
    .navbar{
        height: 60px;
    }
    .navbar::before{
        background-image: url(../images/nav-top-mobile.jpg);
    }
    .navbar-brand{
        height: 48px;
        padding: 8px;
        float: right;
    } 
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
        margin: 0;
    }
    .navbar-nav{
        margin: 0.2rem 0;
    }
    .navbar-default .navbar-toggle{
        float: left;
        margin-left: 15px; 
        background: transparent;
        border: 0;
        padding: 9px 0;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: transparent;
    }
    .navbar-toggle .collapsed{
        display: none;
    }
    .navbar-toggle .collapse-in{
        display: block; 
        font-size: 32px;
        line-height: 10px;
        color: #888;
    }

    .navbar-toggle.collapsed .collapsed{
        display: block;
    }
    .navbar-toggle.collapsed .collapse-in{
        display: none;
    }
    
    .navbar-default .navbar-brand img{
        height: 32px;
    }
    .navbar .container-fluid{
        padding: 0
    }
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse{
        height: 100vh;
        background: #EFEFEF;
        overflow: auto;
        max-height: 100vh;
    }
    .navbar-nav>li{
        border-bottom: 1px solid #333333;
    }
    .navbar-default .navbar-nav>li>a{
        padding: 0.32rem 0;
        line-height: 20px;
        height: auto;
        margin: 0;
    }
    .dropdown-menu{
        position: unset;
        float: none;
        width: auto;
        background-color: transparent;
        padding-bottom: 0.32rem;

    }
    .dropdown-menu .product-images{
        display: none;
    }
    .dropdown-menu-inner{
        display: block;
    }
    .dropdown-menu-item{
        width: auto;
    } 
    .dropdown-menu-sub{
        display: none;
    }
    .dropdown-menu-item>li {
        height: auto;
        line-height: 20px;
        font-size: 14px;
        padding: 0;
        width: auto;
        display: block;
    }
    .dropdown-menu-sub>li{
        display: inline-block;
    }
    .dropdown-menu-sub-show{
        display: block !important;
    }
    .dropdown-menu-sub>li>a{
        line-height: 36px;
        color: #333333;
        text-decoration: unset;
        padding: 0 18px; 
        display: inline-block;
    }
    .dropdown-menu-item>li>span, 
    .dropdown-menu-sub>li>span{
        height: 0.6rem;
        line-height:0.6rem;
        color: #231815;
        position: relative;
    }
    .dropdown-menu-item>li:after,
    .dropdown-menu-sub>li:after{
        display: none; 
    }
    .dropdown-menu-item>li:hover::after,
    .dropdown-menu-item>li.active::after,
    .dropdown-menu-sub>li:hover::after,
    .dropdown-menu-sub>li.active::after{
        display: none;
    }
    .dropdown-menu-item>li>span::after, 
    .dropdown-menu-sub>li>span::after{
        content: "\e259";
        display: block;
        position: absolute;
        right: 0.2rem;
        top: 0.2rem;
        height: 4px;
        width: 4px; 
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .dropdown-menu-item>li:hover,
    .dropdown-menu-item>li.active,
    .dropdown-menu-sub>li:hover,
    .dropdown-menu-sub>li.active{
        background-color: transparent;
        color: #808080;
    }
    .product-menu{
        list-style: none;
        padding: 0;
        position: unset;
        background:transparent;
        left: unset;
        top: unset;
        left: unset;
        display: block;
    }
    .dropdown-menu-sub {
        position: unset;
        top: unset;
        right: unset;
        list-style: none;
        padding: 0;
        display: block;
    }
    .dropdown-menu-item>li>ul{
        display: none;
    }
    .product-menu>li{
        height: 0.6rem;
        line-height:0.6rem;
    }
    .product-menu>li>a{
        width: auto;
        padding: 0 0.2rem;
        font-size: 12px;
    }
    .navbar .navbar-right{ 
        flex-direction: column-reverse;
    }
    .navbar-form{
        margin: 0;
        border: 0;
        background-color: #fff;
        border-radius: 40px;
        padding: 0 15px;
    }
    .lang-nav{
        padding: 0;
        margin: 0.2rem 0;
    }
    .container{
        width: auto;
    } 
    .footer {
        padding: 1.0rem 0.5rem;
    }
    .footer .foot-list{
        font-size: 16px;
    }
    .footer .foot-contact,
    .footer .foot-location{
        margin: 0;
        width: auto;
    }
    .footer .foot-location dt{
        margin-bottom: 0.3rem;
    }
    .footer .foot-list>dd{
        font-size: 16px !important;
        margin: 0;
    }
    .footer strong{
        font-weight: normal;
        color: #fff;
    }
    .copyright{
        margin-top: 0.6rem;
        font-size: 12px;
    }
    /*home*/
    .home-banner{
        height: 6.25rem;
    }
    .home-banner .carousel-inner{
        height: 6.25rem;
    }
    .home-banner .carousel-inner .item{
        height: 100%;
    }
    .home-banner .carousel-inner .item>div{
        height: 100%;
    }
    .home-banner .carousel-inner .item img{
        width: 100%;
        height: 100%;
    }
    .home-banner .carousel-control{
        width: 32%;
        height: 0.8rem;
    }
    .home-banner .ctrlicon{
        width: 12px;
        height: 24px;
        background-size: 24px 48px;
        margin: -12px 0 0 -6px;
    }
    .home-banner .ctrlicon.ctrlicon-left{
        background-position: 0 -24px;
    }
    .home-banner .ctrlicon.ctrlicon-right{
        background-position: -12px -24px;
    }
    .home-banner .carousel-control:hover .ctrlicon.ctrlicon-right{
        background-position: -36px 0;
    }
    .home-banner .carousel-control.left{
        left: 18%;
    }
    .home-banner .carousel-control.right{
        right: 18%;
    }
    .home-product{
        padding: 1rem 0.32rem 0.6rem; 
        border-bottom: 0;
    }
    .home-product-list{ 
        margin: 0;
    }
    .home-product-list>li{
        width: 3.3rem;
        overflow: hidden; 
        margin: 0 0 0.5rem 0.1rem;
    }
    .home-product-list>li img{
        width: 100%;
        height: auto;
    }
    .home-product-title{
        font-size: 0.32rem;
        line-height: 0.52rem;
    }
    .home-solution .thumbnail{
        width: auto;
        height: auto;
        margin-bottom: .32rem;
    }
    .home-solution{
        margin: 0;
        border-top:8px solid #654D96;
        padding: 0.8rem 0;
    }
    .home-solution .title-box{
        margin:0 0.64rem 0.3rem; 
    }
    .home-solution .title-box .title{
        font-size: 0.48rem;
        margin:0; 
    } 
    .home-solution .title-box .sub-title{
        font-size: 0.24rem;
        margin:0.1rem 0 0.2rem; 
    } 
    .title-box::before{
        width: 16px;
        height: 16px;
        left: -16px;
        top: -16px;
        background-size: contain
    }
    .home-solution .row{
        margin-left: 0;
        margin-right: 0;
        padding: 0 0.24rem;
    }
    .home-solution .row>div{
        padding: 0 0.2rem
    }
    .home-solution .thumbnail>img{
        height: 2rem;
    }
    .home-solution .thumbnail .caption{
        padding: 0.2rem;
        height: 1.4rem;
    }
    .home-solution .thumbnail .caption h3{
        font-size: 0.32rem;
        margin-bottom: 0.2rem;
    }
    .home-solution .thumbnail .caption p{
        font-size: 0.18rem;
    }
    .home-solution .thumbnail .caption p:last-child{
        width: auto;
        position: relative;
        bottom: unset;
    }
    .home-solution .thumbnail .caption span.more-arrow{
        width: 14px;
        height: 12px;
        background-size: cover
    }
    .home-accordion{
        margin: 1rem 0.4rem 0.4rem;
    }
    .home-accordion.panel-group .panel+.panel{
        margin: 0;
    }
    .home-accordion.panel-group .panel{
        border-radius: 0;
        background: #EAEAEA;
        border: 0;
    }
    .home-accordion.panel-group .panel-body{
        padding-bottom: 0;
    }
    .home-accordion .panel-default>.panel-heading{
        background: #654D96;
        color: #fff;
        font-size: 0.64rem;
        border-bottom: 1px solid #EAEAEA;
        border-radius: 0;
        padding:0;
    }
    .home-accordion .panel-default>.panel-heading a{
        display: block;
        padding:0.2rem  0.5rem 0.3rem;
        background: #EAEAEA;
        color: #654D96;
        border-top: 0.1rem solid #654D96;
        position: relative;
        text-decoration: unset;
    }
    .home-accordion .panel-default>.panel-heading a::after
    {
        content: '';
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 0.3rem;
        background-image: url('../images/home-accordion.png');
        width: 16px;
        height: 8px;
        background-position: bottom center;
        background-size: cover;
    }
    .home-accordion .panel-default>.panel-heading a.collapsed{ 
        background: #654D96;
        color: #fff;
    } 
    .home-accordion .panel-default>.panel-heading a.collapsed::after{
        background-position: top center;
    }
    .home-accordion .item{ 
        display: flex;
        border-bottom: 1px solid #606060;
        margin-bottom: 0.4rem 
    }
    
    .home-accordion .row >div:last-child .item{
        margin: 0;
        border-bottom: 0;
    }
    .home-accordion .item .thumbnail{
        width: 128px;
        height: 160px;
        padding: 0;
        border: 0;
        margin-bottom: 0.4rem;
        overflow: hidden;
    }
    .home-accordion .item .caption{
        flex: 1;
        margin-left: 0.4rem;
        margin-bottom: 0.4rem;
        position: relative;
    }
    .home-accordion .item h3{
        font-size: 0.32rem;
        color: #775A9E;
        position: relative;
        margin: 0 0 0.4rem;
        padding-bottom: 15px;
    }
    .home-accordion .item h3::after{
        content: '';
        display: block;
        width: 58px;
        border-top: 1px solid #775A9E;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .home-accordion .item p{
        font-size: 0.2rem;
        line-height: 0.42rem;
        margin: 0 0 0.1rem;
    }
    .home-accordion .item .more{
        display: inline-block;
        color: #fff;
        background-color: #775A9E;
        width: 90px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
        text-align: center;
        text-decoration: unset;
        position: absolute;
        bottom: 0;
    }
    .research-banner{
        background-size: cover;
    }
    .solution-banner{
        height: 6rem;
        background-position: center center;
        background-size: cover;
    }
    .solution-banner img{
        height: auto;
        margin: 0 auto;
    }
    .solution-list{
        margin: 1rem 0
    }
    .solution-list > .title{
        font-size: 0.48rem;
        margin:0 0.3rem 0.7rem; 
    }
    .solution-list .thumbnail {
        width: auto;        
        height: auto;
        margin-bottom: 0.3rem;
    }
    .solution-list .thumbnail .title{
        font-size: 0.36rem;
    }
    .solution-list .row{
        margin-left: 0;
        margin-right: 0;
        padding: 0 0.1rem;
    }
    .solution-list .row>div{
        padding: 0 0.2rem
    }
    .solution-list .thumbnail .caption{
        padding: 0.5rem 0.2rem 0;        
        height: auto;
    }
    
    .solution-list .thumbnail .caption h3{
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
        height: 0.96rem;
    }
    .solution-list .thumbnail .caption h3 br{
        display: none;
    }
    .solution-list .thumbnail .caption p{
        font-size: 0.18rem;
        line-height: 150%;
        height: 4rem;
    }
    .solution-list .thumbnail .caption p:last-child{
        width: auto;
        position: relative;
        height: auto;
        bottom: 5px;
    }
    .solution-content-m{
        overflow: hidden;
        margin-bottom: 1rem;
        text-align: center;
    }
    .solution-content-m img{
        max-width: 100%;
    }
    .solution-detail{
        padding: 0 0.5rem;
        margin: 0 auto;
    }
    .solution-detail .title{
        margin: 1.0rem 0;
        font-size: 0.66rem;
    }
    .solution-background-box{
        padding: 0 0 0.5rem;
        background:transparent;
    }
    .solution-background{
        margin: 0;
    }
    .solution-flow{
        padding: 0 0 1.4rem 0;
    }
    .solution-flow-list {
        margin-left: -0.1rem;
        margin-right: -0.1rem;
    }
    .solution-flow-list > div{
        padding: 0 0.1rem
    }
    .flow-item{
        width: auto;
        padding: 0.2rem;
        height: 2.8rem;
        margin-bottom: 0.4rem;
    }
    .flow-item-xs{
        height: 4.8rem;
    }
    .flow-item .flow-index{
        font-size: 0.2rem;
        margin-bottom: 0.3rem;
    }
    .flow-item p{
        font-size: 0.18rem;
    }
    .solution-flow .sub-title{
        font-size: 0.48rem;
        margin: 1rem 0 0.5rem;
    }
    .solution-background .pic{
        float: unset;
    }
    .solution-background .pic img{
        width: 100%;
    }
    .solution-background .info{
        float: unset;
        width: auto;
    }
    .solution-background .info h4{
        font-size: 0.26rem;
        margin-bottom: 0.6rem;
    }
    .solution-background .info p{
        font-size: 12px;
    }
    .solution-detail .sub-title{
        margin: 1rem 0 0.6rem;
        font-size: 0.48rem;
    }
    .contact-banner{
        min-height: 4.8rem;
        height: 4.8rem;
        background-size: cover;
    }
    .contact-page{
        padding:  1.2rem 0.5rem;
        margin-top: 0;
    }
    .contact-page h2.title{
        font-size: 0.6rem;
        margin: 0;
        color: #654D96;
    }
    .contact-page .form-control{
        height: 0.6rem;
        font-size: 0.18rem;
    }
    .contact-form{
        margin:  0.8rem 0 2rem; 
    }
    .contact-item{
        display: block;
        margin: 0.8rem 0 1.5rem;
    }
    .contact-item li{
        margin:0 0 0.3rem;
    }
    .contact-form .form-group{
        margin-bottom: 0.3rem;
    }
    .contact-form .form-group .form-control{
        height: 0.6rem;
        font-size: 0.18rem;
    }
    .contact-form .form-group .form-control.form-textarea{
        height: 4rem;
    }
    .contact-page > h4{
        font-size: 0.26rem;
        line-height: 200%;
    }
    .contact-item li{
        height: auto;
        padding: 20px 0;
    }
    .contact-item li .info{
        height: auto;
    }
    .contact-item li .img{
        height: 64px;
        line-height: 64px;
    }
    .contact-item li img{
        height: 64px;
    }
    .contact-item li .info .fs18{
        font-size: 14px !important;
    }
    .contact-item li .info .fs21{
        font-size: 14px !important;
    }
    .contact-item li .info  div:last-child{
        font-size: 14px;
    }
    .join-us{
        font-size: 0.26rem;
        line-height: 200%;
        margin: 1rem 0;
    }
    .from-postion{
        width: auto;
        margin: 0;
    }
    .career-info{
        font-size: 0.2rem;
        margin: 1.2rem 0 1rem;
    }
    .career-require{
        display: block;
        border-top: 1px solid #4D4D4D;
        border-bottom: 1px solid #4D4D4D;
    }
    .career-require .item{
        border: none;
        height: auto;
        padding: 0.2rem 0;
    }
    .career-require .item dt{
        font-size: 0.28rem;
    }
    .career-require .item dd{
        font-size: 0.24rem;
    }
    .research-cate{
        margin: 1.2rem 0.6rem;
    }
    .research-list{
        padding: 0 0.55rem;
        margin: 1.4rem 0;
    }
    .research-list h2{
        font-size: 0.48rem;
    }
    .research-list img{
        max-width: 100%;
    }
    .research-list .row{
        margin-left: -0.2rem;
        margin-right: -0.2rem;
    }
    .research-list .row > div{
        padding: 0 0.12rem;
    }
    .research-list .thumbnail{
        margin-bottom: 0.4rem;
    }
    .research-list .thumbnail .index{
        font-size: 0.7rem;
        padding: 0.2rem;
        height: auto;
        line-height: 0.7rem;
    }
    .research-list .thumbnail h3{
        font-size: 0.28rem;
        margin-bottom: 0.25rem;
        padding-top: 0.15rem;
    }
    .research-list .thumbnail p{
        font-size: 12px;
    }
    .research-list .thumbnail .thumbnail-body{
        padding: 0 0.2rem;
        height: 3.8rem;
    }
    .research-list .thumbnail .pic{
        height: 2.0rem;
    }
    .research-cate .category{
        font-size: 0.3rem;
        height: 2.0rem;
    }

    .research-cate .row .category.category-xs-m{
        background: #E4E4E499 !important;
        color: #654D96 !important;
    }
    .research-cate .row .category.category-xs-g{
        background: #654D9799 !important;
        color: #fff !important;
    }

    .research-cate .row .category .icon{
        height: 0.5rem;
    }
    .research-cate .row .category .icon img{
        height: 100%;
    }
    .category .cate-title{
        margin-top: 0.1rem;
    } 
    .about-page{
        overflow: hidden;
    }
    .about-source{
        padding: 1.4rem 0 2.2rem;
    }
    .about-source .container .about-source-row{
        display: block;
    }
    .about-source .container .about-source-row img{
        width: 100%;
    }
    .about-source p{
        width: auto;
    }
    .about-source .container .about-source-row div:first-child{
        padding: 0 0.5rem;
    }
    .about-source .container .about-source-row div:last-child{
        width: 70%;
        margin-top: 1.8rem;
        position: relative;
    }
    .about-source .container .about-source-row div:last-child::before{
        content: '';
        display: block;
        position: absolute;
        width: 14vw;
        height: 14vw;
        background-color: #775AA2;
        right: -14vw;
        top: -14vw;
    }
    .about-source .container .about-source-row div:last-child::after{
        content: '';
        display: block;
        position: absolute;
        width: 30vw;
        height: 30vw;
        background-color: #775AA288;
        right: -30vw;
    }
    .about-page h2.title{
        font-size: 0.6rem;
        margin: 0 0  0.7rem;
    }
    .about-page h3.sub-title {
        height: auto;
    }
    .about-page p.des{
        font-size: 0.26rem;
    }
    .about-source .container::after{
        display: none;
    }
    .about-tech{
        padding: 1.38rem 0.5rem 0;
    }
    .tech-cert{
        display: block;
        margin-top: 1.32rem;
    }
    .tech-cert>div:first-child{
        margin: 0 0 1.7rem;
    }
    .tech-cert>div:first-child img{
        width: 100%;
        margin: 0 auto;
    } 
    .tech-cert>div:last-child{
        text-align: center;
        
        margin: 0 auto 1.7rem;
    }

    .about-page h3.sub-title{
        text-align: left;
        font-size: 0.4rem;
        margin-bottom: 20px;
    }
    .about-row{
        margin-bottom: 1rem;
    }
    .slider-wrapper1{
        width: auto;
        margin: 0 0rem;
        height: 6.2rem;
    }
    .slider-wrapper1 li>div{
        font-size: 0.26rem;
        margin-top: 0.5rem;
    }
    .about-slider .bx-wrapper .bx-controls-direction a{
        height: 24px;
        width: 13px;
        background-size: 26px 49px;
    }
    .about-slider .bx-wrapper .bx-prev:hover{
        background-position: 0 -24px;
    }
    .about-slider .bx-wrapper .bx-next{
        background-position: -13px 0;
    } 
    .about-slider .bx-wrapper .bx-next:hover{
        background-position: -13px -24px;
    }
    .bx-wrapper .bx-prev{

    }
    .about-slider .bx-wrapper .bx-prev{
        left: -.5rem;
    }
    .about-slider .bx-wrapper .bx-next{
        right: -.5rem;
    }
    .about-banner .carousel-indicators{
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    .about-banner,
    .about-banner .carousel-inner{
        height: 8rem;
        min-height: 8rem;
    }
    .about-banner .carousel-inner .item,
    .about-banner .carousel-inner .item>div{
        height: 100%;
        background-position: center center; 
        background-size: cover;
    } 
    .about-banner .carousel-inner .carousel-caption{
        width: auto;
        padding: 1rem 0.5rem;
        position: unset;
        left: unset;
        margin: 0;
    }
    .about-banner .carousel-inner .carousel-caption .caption-title{
        font-size: 0.6rem;
        margin: 1rem 0 1rem;
    }
    .about-banner .carousel-inner .carousel-caption .caption-sub-title{
        font-size: 0.64rem;
    }
    .about-partner{
        padding: 2rem 0.5rem;
    }
    .about-partner p{
        width: auto;
    }
    .slider-wrapper2{
        margin-top: 2rem;
    }

    .product-page{
        padding: 0 0.5rem
    }
    .product-detail{
        padding: 0.65rem 0;
    }
    .product-detail .product-detail-image,
    .product-detail .product-detail-info{
        float: unset;
        width: auto;
    }
    .product-detail-info .product-subtitle{
        font-size: 0.4rem;
        font-weight: bold;
        margin-bottom: 0.6rem;
        color: #000000;
    }
    .product-detail img{
        max-width: 100%;
    }
    .breadcrumb>li+li:before{
        margin: 0 6px;
    }
    .product-section{
        margin-top: 1.2rem;
    }
    .product-section h3{
        font-size: 0.4rem;
        font-weight: bold;
        margin-bottom: 0.6rem;
    }
    .product-property{

    }
    .product-property dt{
        background: #654D96;
        color: #fff;
        font-size: 14px;
        padding: 0.15rem 0.2rem;
    }
    .product-property dd{
        display: flex;
        font-size: 14px;
        color: #000000; 
    }
    .product-property dd .p-label{ 
        width: 140px;
        text-align: left;
        padding:0.15rem 0.2rem;
    }
    .product-property dd .value{ 
        flex: 1;
        word-break: break-all;
        white-space:pre-wrap;
        text-align: left;
        padding:0.15rem 0.2rem;
    }
    .product-property dd .text{
        flex: 1; 
    }
    .product-property dd:nth-child(odd){
        background: #E6E6E6
    }
    .download-btn{
        font-size: 0.3rem; 
        padding: 0.1rem 0.4rem;
    }
    .breadcrumb{
        padding: 0.24rem 0;
        font-size: 14px;
    }

    /* 2024.4.11 modify */
    .about-page .tech-cert .col-md-6 img{
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }
    .about-page .tech-cert .sub-title{
        margin-top: 35px;
        margin-bottom: 20px;
        line-height: 1.5;
    }
    .tech-cert{
        display: block;
        margin-top: .5rem;
    }
    .about-page .tech-cert>div:first-child{
        margin-top: 0;
    }

}