.product{padding:58px 0;}
.product-title{text-align:center;}
.product-title h2{font-size:32px; line-height:1; font-weight:bold; margin-bottom:6px; color:#1258af;}
.product-title b{text-align:center; padding:8px 0; display:block; position:relative; overflow:hidden}
.product-title b:before,
.product-title b:after{width:200px; height:1px; position:absolute; content:''; right:50%; margin-right:18px; bottom:50%; background:#d8d8d8;}
.product-title b:after{left:50%; margin:0 0 0 18px}
.product-title b i{font-size:18px; color:#1258af;}
.product-title p{font-size:16px; color:#686868;}
@media(max-width:767px){
.product-title h2{font-size:26px;}
.product-title b{padding:4px 0;}
.product-title b:before,
.product-title b:after{width:120px;}
.product-title p{font-size:14px;}
}
.product-content{margin-top:28px;}
.product-nav{width:24%; float:left; background:#f0f0f0;}
.product-nav h3{padding:18px; position:relative; color:#fff; background:#1258af ;}
.product-nav h3>p{font-size:16px; margin-bottom:12px; line-height:1;}
.product-nav h3>b{display:block; font-size:26px; line-height:1;}
.product-nav ul{padding:8px;}
.product-nav ul:after{display:block; content:''; clear:both;}
.product-nav ul>li{float:left; width:100%; padding:8px;}
.product-nav ul>li>a{display:block; padding:12px 18px; font-size:16px; background:#fff; transition:.3s; position:relative;}
.product-nav ul>li>a:before{position:absolute; left:-2px; top:12px; bottom:12px; width:4px; content:''; transition:.3s; background:#1258af;}
.product-nav ul>li>a:after{display:block; content:''; clear:both;}
.product-nav ul>li>a>b{float:left; font-weight:normal;}
.product-nav ul>li>a>i{float:right; line-height:inherit; transition:.3s; color:#989898;}
.product-nav ul>li>a:hover{color:#fff; background:#1258af;}
.product-nav ul>li>a:hover:before{background:#fff;}
.product-nav ul>li>a:hover>i{color:#fff;}
.product-list{width:76%; float:left; padding-left:28px;}
.product-list>ul{margin:-8px -8px 0 -8px;}
.product-list>ul:after{display:block; content:''; clear:both}
.product-list>ul>li{float:left; width:33.333%; padding:0 8px; margin-top:8px;}
.product-list>ul>li>a{display:block; text-align:center;}
.product-list>ul>li>a>ins{display:block; overflow:hidden;}
.product-list>ul>li>a>ins>img{display:block; width:100%; transition:.3s;}
.product-list>ul>li>a>span{display:block; margin:0 18px; position:relative; top:-16px; transition:.3s; z-index:8; background:#f8f8f8; padding:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; font-size:16px;}
.product-list>ul>li>a:hover>ins>img{transform:scale(1.08);}
.product-list>ul>li>a:hover>span{top:0; margin:0; color:#fff; background:#1258af;}
@media(max-width:1200px){
.product{padding:38px 0;}
.product-nav{width:100%;}
.product-nav ul>li{width:33.333%;}
.product-list{width:100%; padding-left:0; margin-top:28px;}
}
@media(max-width:992px){
.product-nav ul>li{width:50%;}
.product-list>ul>li{width:50%;}
}
@media(max-width:767px){
.product{padding:18px 0;}
.product-content{margin-top:18px;}
.product-nav h3{padding:12px;}
.product-nav h3>p{font-size:14px; margin-bottom:8px;}
.product-nav h3>b{font-size:22px;}
.product-nav ul{padding:4px;}
.product-nav ul>li{width:100%; padding:4px;}
.product-nav ul>li>a{padding:8px 12px; font-size:15px;}
.product-list{margin-top:18px;}
.product-list>ul{margin:-4px -4px 0 -4px;}
.product-list>ul>li{padding:0 4px; margin-top:4px;}
.product-list>ul>li>a>span{margin:0 8px; top:-16px; padding:8px; font-size:14px;}
}


.service{padding:58px 0;}
.service-title{text-align:center;}
.service-title h2{font-size:32px; line-height:1; font-weight:bold; margin-bottom:6px; color:#1258af;}
.service-title b{text-align:center; padding:8px 0; display:block; position:relative; overflow:hidden}
.service-title b:before,
.service-title b:after{width:200px; height:1px; position:absolute; content:''; right:50%; margin-right:18px; bottom:50%; background:#d8d8d8;}
.service-title b:after{left:50%; margin:0 0 0 18px}
.service-title b i{font-size:18px; color:#1258af;}
.service-title p{font-size:16px; color:#686868;}
@media(max-width:767px){
.service-title h2{font-size:26px;}
.service-title b{padding:4px 0;}
.service-title b:before,
.service-title b:after{width:120px;}
.service-title p{font-size:14px;}
}
.service-content{margin:38px 0 0;}
.service-content:after{display:block; content:''; clear:both;}  
.service-li{float:left; width:25%; text-align:center; background:#fafafa; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s;}
.service-li:nth-child(2n-1){background:#f0f0f0;}
.service-li>a{display:block; overflow:hidden; position:relative;}
.service-li>a>img{display:block; width:100%;}
.service-li b{display:block;}
.service-li b>a{font-size:22px;}
.service-li i{font-style:normal; font-size:18px; display:block; color:#686868;}
.service-li i:after{width:38px; height:2px; content:''; display:block; margin:10px auto 14px auto; background:#1258af;}
.service-li p{color:#686868;}
.service-li span{display:block; padding:22px 28px;}
.service-li:hover{background:#1258af;}
.service-li:hover b>a,
.service-li:hover i,
.service-li:hover p{color:#fff;}
.service-li:hover i:after{background:#fff;}
@media(max-width:1200px){
.service{padding:38px 0;}
}
@media(max-width:992px){
.service-li{width:50%;}
.service-li span{padding:18px;}
}
@media(max-width:767px){
.service{padding:18px 0;}
.service-content{margin:18px 0 0;}
.service-li{width:100%;}
.service-li span{padding:12px;}
}


/* diy新增，适配 RTL 布局，2026-8-24 15:56:50 */
/* 标题装饰线 */
[dir="rtl"] .product-title b:before,
[dir="rtl"] .stance-title b:before,
[dir="rtl"] .service-title b:before,
[dir="rtl"] .employ-title b:before,
[dir="rtl"] .news-title b:before {
    right: auto;
    left: 50%;
    margin-right: 0;
    margin-left: 18px;
}
[dir="rtl"] .product-title b:after,
[dir="rtl"] .stance-title b:after,
[dir="rtl"] .service-title b:after,
[dir="rtl"] .employ-title b:after,
[dir="rtl"] .news-title b:after {
    left: auto;
    right: 50%;
    margin: 0 18px 0 0;
}
/* 产品区 */
[dir="rtl"] .product-nav {
    float: right;
}
[dir="rtl"] .product-nav ul > li > a:before {
    left: auto;
    right: -2px;
}
[dir="rtl"] .product-nav ul > li > a > b {
    float: right;
}
[dir="rtl"] .product-nav ul > li > a > i {
    float: left;
}
[dir="rtl"] .product-list {
    float: right;
    padding-left: 0;
    padding-right: 28px;
}
[dir="rtl"] .product-list > ul > li {
    float: right;
}
/* 公司立场区 */
[dir="rtl"] .stance-image {
    text-align: right;
}
[dir="rtl"] .stance-image > div {
    float: right;
}
[dir="rtl"] .stance-image > div > aside {
    background-position: bottom left;
}
[dir="rtl"] .stance-image > div > aside > img {
    right: auto;
    left: 0;
}
/* 服务区 / 团队区 */
[dir="rtl"] .service-li,
[dir="rtl"] .employ-item {
    float: right;
}
/* 新闻区 */
[dir="rtl"] .news-item {
    float: right;
}
[dir="rtl"] .news-name i {
    float: right;
    padding: 0 28px 0 12px;
}
[dir="rtl"] .news-name b {
    float: right;
}
[dir="rtl"] .news-name a {
    float: left;
    margin: 12px 0 0 12px;
}
[dir="rtl"] .news-name a u {
    padding-left: 0;
    padding-right: 4px;
}
[dir="rtl"] .news-first > a {
    float: right;
    margin-right: 0;
    margin-left: 18px;
}
[dir="rtl"] .news-li {
    padding: 0 18px 8px 88px;
}
[dir="rtl"] .news-li:before {
    left: auto;
    right: 0;
}
[dir="rtl"] .news-li i {
    right: auto;
    left: 0;
}