body{ color: #122547; }
.swiper-wrapper{
    height: auto !important;
}
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: unset;
    opacity: 1;
    border: 1px solid #ffffff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
.swiper-pagination {
    display: none !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px;
}
.swiper-button-next, .swiper-button-prev{
    color: #ffffff;
    width: calc(var(--swiper-navigation-size)/ 5 * 27);
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 50px!important;
}
#products .swiper-button-prev:after, #products .swiper-button-next:after{ color: #657eff; }
#products .swiper-button-next, #products .swiper-button-prev { color: #657eff; width: calc(var(--swiper-navigation-size)/ 13 * 27); }

.section-product{ padding:60px 0; background-color: #e4e4e4; }
.s-title{   
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;}
.s-title .title-cn{
    font-size: 32px;
    margin-bottom: 10px; }
.s-title .title-en{ font-size: 19px; text-transform:uppercase; }
.s-desc{ font-size: 18px; margin-top: 30px; margin-bottom: 25px; text-align: center; line-height: 28px; }
.s-line{ background: url(../image/line.png); height: 13px; text-align: center; font-size: 0; }
.s-line img{ display: inline-block; }
.p-items{ margin-top: 60px; width: 100%; }
.p-items .li-product { 
    height: 490px;
    border: 2px solid #dddddd;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}
.p-items .li-product .p-img{ 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center;
    width: 70%;
    height: 255px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 30px;
 }
.p-items .li-product .p-img a{
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 auto;}
.p-items .li-product img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.p-items .li-product  .p-desc{ width: 80%; display: block; margin: 0 auto; }
.p-items .li-product  .p-desc .p-name{ font-size: 25px; text-align: center; }
.p-items .li-product  .p-desc .p-name a:hover{color: #6077ff;}
.p-items .li-product  .p-desc hr{ margin: 25px 0; background: #122547; height: 2px; }
.p-items .li-product  .p-text{ 
    text-align: center;
    font-size: 18px;
    line-height: 33px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 }

.section-about{ margin-top:60px; }
.about-desc{ position: relative; }
.about-desc img{ display: block; width: 100%; }
.about-details{
    width: 50%;
    position: absolute;
    top:7%;
    right: 0;
    margin-top: 60px;
    padding-right: 36px;
    color: #ffffff;
    display: flex;
    flex-direction: column;}
.about-title{ line-height: 42px; font-size: 0; }
.about-title .title-cn,.about-title .title-en,.about-title .title-line1,.about-title .title-line2{ display: inline-block; }
.about-title .title-cn{ font-size: 32px; margin-right: 30px; }
.about-title .title-line1{ 
    width: 65px;
    height: 10px;
    border-top: 1px solid #ffffff;
}
.about-title .title-en{ font-size: 19px; margin: 0 20px; text-transform:uppercase; }
.about-title .title-line2{ 
    width: 65px;
    height: 10px;
    border-top: 1px solid #ffffff;
 }
.about-text{ display: block; font-size: 18px; line-height: 30px; margin-top:15px; }

.section-news{ margin-top: 60px; margin-bottom:60px; }
.news-tabs{ height: 65px; position: relative; }
.news-tabs ul{ width:100%; height: 60px; border-bottom: 1px solid #192638; padding-left: 250px; text-align: right; font-size: 0; }
.tabs-title{ width: 250px; height: 100%; position: absolute; background-color: #ffffff; }
.tabs-cn{ font-size: 32px; font-weight: 500; margin-bottom:10px; }
.tabs-en{ font-size: 18px; }
.news-tab-items li{ display: inline-block; height: 100%; font-size: 28px; margin-left: 90px; color: #4d4d4d; }
.news-tab-items li.active-tab{ background: url(../image/tab-bg.png);background-size: 100% 100%; }
.news-tab-items li a{ display: block; width: 100%; height: 100%; }
.news-tab-items li a,.news-tab-items li a:link,.news-tab-items li a:visited,.news-tab-items li a:hover,.news-tab-items li a:active{ text-decoration: none; color: #4d4d4d; }
.news-tab-desc{ font-size: 18px; margin-top:18px; }
.news-contents{ margin-top: 60px; }
.news-contents .tab-content{ display: none; }
.news-contents .active-content{ display: block; }
.news-content-left{ width: 45%; }
.news-content-left img{    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.news-content-left a:hover,
.news-content-right a:hover{color: #6077ff;}
.news-content-right{ width: 48.5%; list-style: none; }
.news-content-right li{ list-style: none; height: 200px; margin-bottom: 30px; }
.news-content-right li a{ display: block; }
.news-desc h3{   
      font-size: 26px;
    font-weight: 500;
    line-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
.news-desc p{     
    line-height: 27px;
    font-size: 18px;
    color: #666666;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .pull-left_img{
        width: 100%;
        display: flex;
        height: 400px;
    }
.nl-desc{ position: relative; padding-top: 65px; }
.btn-more{     position: absolute;
    top: -25px;
    left: 50%;
    transform: translate(-50%,0); }
.btn-more img{ display: block; }
.nl-desc h3{     
    font-size: 26px;
    font-weight: 500;
    line-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.nl-desc p{     
    line-height: 27px;
    font-size: 18px;
    color: #666666;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

@media (max-width:1700px){
    .news-item{ background-position: 30px 10px!important; }
}
@media (max-width:1650px){
	 .news-content-right{ width: 55%; }
    .news-item{ background: none!important; padding-left: 100px!important; }
    .news-content-right li{ margin-bottom: 80px; }
}