/*全局 开始*/
@charset "utf-8";
body{color: #343a40;}a:hover{color:#1b7cfe;}.detail{font-size: 16px; line-height: 180%;}
/*规格*/
[data-prime].active{background:#1b7cfe;border-color:#1b7cfe;}
/*主题*/
.page-right{border-top:2px solid #1b7cfe;}
/*折叠伸缩*/
ul.nav-list li > a.active{color: #1b7cfe;}
/*选项卡*/
.nav-tabs li.active .nav-link{border-top: 3px solid #1b7cfe;}
/*分页*/
.pages a:hover{border-color:#1b7cfe;background:#1b7cfe;}.pages li.active span{background:#1b7cfe;border-color:#1b7cfe;}
/*头部*/
#header .header-body{border-top: 3px solid #1b7cfe;}
/*头部导航主体*/
#header .header-nav-main nav > ul > li > a{font-size: .98rem;}
#header .header-nav.header-nav-links nav > ul > li:hover > a{color: #1b7cfe !important;}
/*新增*/
.btn-default{border-color: #eaeaea;background-color: #eee;}
.btn-default:hover{border-color:#d0000e!important; background-color: #bc020f!important; color:#fff;}
table{width: 100%;}
table tr td{border:1px solid #eee; padding:8px 10px;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.line-1{-webkit-line-clamp: 1;}.line-2{-webkit-line-clamp: 2;}.line-3{-webkit-line-clamp: 3;}
#footer li>p{margin-bottom: .5rem;}
.owl-nav button.owl-prev, .owl-nav button.owl-next{border-radius: 50%!important;}
/*视频*/
.mt-200{margin-top: 200px;}
.video-cover{z-index:1; background:rgba(0,0,0,.8);}
.video-source{box-sizing: border-box; height: 100%; padding: 10px 10px 10px 0; overflow: auto; color: #c7c7c7; overflow-x: hidden; overflow-y: auto;}
.video-source::-webkit-scrollbar{background-color:#131313;width:5px}
.video-source::-webkit-scrollbar-thumb{background-color:rgba(244,244,244,.4)}
.video-source::-webkit-scrollbar-thumb:hover{background-color:rgba(244,244,244,.3)}
.video-source::-webkit-scrollbar-track{border:0;background-color:#131313}
/* 导航banner */
#header.header-effect-shrink .header-container{min-height: 45px !important;}
#header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu{margin-top: -1px;}
@media (min-width: 992px){
	#header .header-top{min-height: 35px;}
	#header .header-nav{min-height: 45px !important;}
	#header .header-nav.header-nav-links nav > ul > li > a{min-height: 45px; padding:0 1.2rem;}
	#header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before{top:88%;}
	.fixed-margin-bottom{margin-bottom: 114px;}
	.text-lg{font-size: 1rem!important;}
	.video-right{height: 540px;}
	.video-list{position: relative; margin:15px 0;}
	.header-logo img{width: 210px;height: 50px;}
	.w-20{width:20%;}.w-20-end{width:20%;}
	/*首页背景切换*/
	.switch-bg{height:380px; background-position:center center;background-repeat:repeat;background-size: 100% auto; z-index:0;}
    .switch::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* hover 时显示的背景图（替换为你的图片地址） */
        background-size: cover;
        background-position: center;
        opacity: 0; /* 默认隐藏 */
        /* 过渡动画：opacity 0.5秒平滑变化 */
        transition: opacity 0.5s ease;
        z-index:-1;
    }
    /* 鼠标悬停时：显示叠加层背景图 */
    .switch:hover::before{opacity: 1;}
    .s1::before{background-image: url('/skin/index/jp/img/s1hover.jpg');}
    .s2::before{background-image: url('/skin/index/jp/img/s2hover.jpg');}
    .s3::before{background-image: url('/skin/index/jp/img/s3hover.jpg');}
    .agent-img{max-width:160px;}.agent-left{padding-left:55px;}.agent-title-left{padding-left:80px;}.agent-left-end{padding-left:35px;}.agent-title-left-end{padding-left:60px;}
}
@media (max-width: 767px){
	#header .header-logo{margin: .65rem 0;}
	#header .header-logo img {width: 135px; height: 31.5px;}
	#header .header-nav{min-height: 45px;padding: .65rem 0;}
	#header .header-nav-main nav>ul>li.dropdown.open>a:before, #header .header-nav-main nav>ul>li.dropdown:hover>a:before{display: none;}
	.carousel-item{height:15rem;background-color:#777}
	.carousel-item>img{position:absolute;top:0;left:0;min-width:100%;height:21.3rem}
	.fixed-margin-bottom{margin-bottom: 80px;}
	.text-lg{font-size: 1rem!important;}
	.h1, h1 {font-size: 1.5rem;}
	.thumb-info img {
	    min-height: auto;
	}
	#footer{padding:20px 0 0; margin-top: 30px;}
	.tab-content{padding: 5px;}
	.video-list{position: relative; margin:5px 0;}
	.header-logo img{width: 147px;height: 35px;}
	.jw-reset{margin: .2rem 0!important;}
	table{
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .switch-bg{background-position:center center;}
    .w-20{width:50%;}.w-20-end{margin-left:1.5%; width:48.5%;}.agent-left{padding-left:38px;}.agent-title-left{padding-left:65px;}.agent-left-end{padding-left:32px;}.agent-title-left-end{padding-left:58px;}.agent-img{max-width:100px;}
}
/*其他*/
/* 自定义虚线分隔样式 */
.about-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.about-line {
  flex: 1;
  height: 0; /* 虚线用border实现，height设为0 */
  border-top: 1px dashed #f99a62; /* Bootstrap 4 红色主题色 + 虚线样式 */
  max-width: 100px; /* 虚线最大宽度，防止过宽 */
}
.about-text {
  padding: 0 20px; /* 文字与虚线的间距，可调整 */
}
/* 悬停放大效果 */
.img-big{overflow:hidden;}
.img-big:hover img {
    transform: scale(1.5); /* 放大1.2倍（可调整数值） */
}
.img-big img {
    object-fit: cover;  /* 保持图片比例，填充容器（避免拉伸） */
    transition: transform 0.5s ease; /* 平滑过渡效果（关键） */
}
/* 叠加层（用于存放hover状态的背景图） */
#footer{background:#2c3e50!important;}#footer h4{color:#fff!important;}#footer,#footer a{color:#fff!important;}.pagination{display: inline;}
.pages li{margin:10px 5px;}
.line-height-180{line-height: 180%;}.font-12{font-size:12px;}.font-14{font-size:14px;}.font-16{font-size:16px;}.font-20{font-size:20px;}.font-24{font-size:24px;}.font-30{font-size:30px;}.font-42{font-size:42px;}
.detail{font-size: 14px; line-height: 180%;}
.fixed-top-35{position: fixed !important; top: 35px; right: 0; left: 0;}