/* html{ scroll-behavior:smooth; } */
:root{
    --color: #e6352d;
    --color2: #e6352d;
    
}
@font-face {
	font-family: 'Conv_IMPACTMTSTD';
	src: url('../fonts/IMPACTMTSTD.eot');
	src: local('☺'), url('../fonts/impactmtstd.woff') format('woff'), url('../fonts/impactmtstd.ttf') format('truetype'), url('../fonts/impactmtstd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
     font-family: 'impact'; 
     src:url('../fonts/impact.ttf') format('truetype');
}

@font-face {
	font-family: 'Conv_calibri_0';
	src: url('../fonts/calibri_0.eot');
	src: local('☺'), url('../fonts/calibri_0.woff') format('woff'), url('../fonts/calibri_0.ttf') format('truetype'), url('../fonts/calibri_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ font-family: 'Conv_calibri_0';}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

h1{font-size: 24px;}
h2{font-size: 26px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}

/*导航开始*/
.header.active .logo{ height: 80px; }
.header.active .logo:after{border-top:80px solid #080404;}

.header{ height:81px; box-shadow:0px 1px 4px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; background:#2f2e2e; transition:all 0.6s; border-bottom:1px solid #595859;}
.logo{ width:calc(180px + 325px); height:100px; margin-left:-325px; padding-left:325px; background:#080404; position:relative; transition: all 0.6s;}
.logo:after{ content:''; width:0; height:0; position:absolute; left:100%; top:0; border-top:100px solid #080404; border-right:76px solid transparent; transition: all 0.6s;}
.logo img{ height:100%; display:block; transition: all 0.6s;}


.header_right{ width:calc(100% - 320px); transition: all 0.3s ease;}
.navs{ width:calc(100% - 270px); transition: all 0.3s ease;}
.navs ul{ margin:0; padding:0; display: flex; justify-content: space-around;}
.navs ul li{ list-style:none;}
.navs ul li a{ line-height:80px; display:inline-block; position:relative; font-size:16px; color:#fff; text-decoration:none;}
.navs ul li a:after{ content:''; width:33px; background: var(--color2); position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:0; transition:all 0.3s;}
.navs ul li a:hover:after{ height:4px;}
.navs ul li.active a:after{ height:4px;}

.nav_more{ padding-top:20px;}
.nav_more a:first-child{ margin-left: 0;}
.nav_more a{ width:36px; height:36px; border-radius:50%; margin-left:15px; display:inline-block; background: #fff; text-decoration:none; line-height:36px; text-align:center; color:#000; transition:all 0.3s;}
.nav_more a i{ font-size:20px;}
.nav_more a:hover{ color:#fff; background: var(--color2);}
.nav_more a.yunzhan{ width: auto; border-radius: 0; background: none; color: #fff; font-size: 16px;}

.s_banner .swiper1 .swiper-slide a{ display:block; height:100vh; position:relative;}
.s_banner .swiper1 .swiper-pagination-bullet{ background: var(--color2);}
.s_banner .swiper1 .swiper-slide .container{ position:absolute; left:0; right:0; height:100%; margin:0 auto; top:0; z-index:2; color:#fff;}
.ban_text{ position:absolute; right:5%; top:50%; color:#fff; text-transform:uppercase; text-shadow:2px 4px 4px rgba(0,0,0,0.8);letter-spacing:2px;font-family: 'impact'; transform: skew(-10deg) translateY(-50%);}
.ban_text b{ display:block; font-size:30px;}
.ban_text strong{ padding-left:0px; display: inline-block; font-size:52px; line-height:60px; background:#0c0c0c; padding:10px; position:relative; margin:10px 0;}
.ban_text strong:after{ content:''; width:0; height:0; border-right:20px solid #0c0c0c; border-top:80px solid transparent; position:absolute; right:100%; top:0; margin-right:-1px;}
.ban_text strong:before{ content:''; width:0; height:0; border-left:20px solid #0c0c0c; border-bottom:80px solid transparent; position:absolute; left:100%; top:0;}
.ban_text span{ padding-left:20px; display:block; font-size:26px; font-weight:bold;}
/*.s_banner .swiper1 .swiper-pagination-bullet{ border-radius:0; background:#fff; transition:all 0.3s; height:4px; opacity:1;}
.s_banner .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px;}*/


.s_about{ position:relative; width:100%; overflow:hidden;}
#sab{ position:absolute; top:-100px; left:0; width:0; height:0;}
.sab_left{ background:var(--color); color:#fff; padding-left:62%; margin-left:-62%; padding-top:40px; position: relative; z-index: 2;}
.sab_left span{ font-size:40px; color:#fff; opacity:0.1; font-weight:bold;  letter-spacing:4px; display:inline-block; font-family: 'impact';transform: skew(-10deg); line-height:40px; margin-bottom:15px; margin-bottom: 20px;}
.sab_left p{ line-height:24px; font-size:15px;}
.sab_left p img{ display: block; width: calc(100% + 55px);}
.wccnm{ margin-bottom: 20px; display: none;}
.wccnm strong{ font-weight: normal; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #fff;}
/* .sab_left #thumbs{ margin-bottom:20px;}
.sab_left #thumbs .swiper-slide{ padding-bottom:12px; position:relative; line-height:24px; font-size:12px; transition:all 0.3s;}
.sab_left #thumbs .swiper-slide.swiper-slide-thumb-active{ font-size:16px;}
.sab_left #thumbs .swiper-slide.swiper-slide-thumb-active:after{ left:0; opacity:1; transition:all 0.3s;}
.sab_left #thumbs .swiper-slide:after{ content:''; width:34px; height:4px; position:absolute; left:100%; opacity:0; bottom:0; background:#fff;} */
.sab_right{ padding-top:54%; padding-right:44.8%; margin-right:-44.8%;}
.s_about .row{ margin:0;}
.s_about .row .col-md-5, .s_about .row .col-md-7, .s_about .row .col-md-8{ padding:0;}

.sab_xia .swiper-pagination_gallery{ position:static; text-align:left;}
.sab_xia .swiper-pagination-bullet{ transform: skew(0); background:#fff; margin-right:10px; width:12px; height:12px; opacity:1;}
.sab_xia .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--color2);}

.sab_xia{ background:var(--color); padding:0 0 20px 39%; margin-left:-39%; position:relative;}
.sab_xia:after{ content:''; width:0; height:0; position:absolute; left:100%; top:0; border-top:40px solid var(--color); border-left:0px solid transparent; border-right:18px solid transparent;}

.s_cp, .s_cp2{ width:100%; overflow:hidden;}
.s_cp .row{ margin:0; display: flex;}
.s_cp .row .col-md-6{ padding:0; float: none;}

.s_cp_left{ padding-top:100%;}
.s_cp_right{ padding-left:10%; padding-top:14%;}
.s_cp_right strong{ font-size:46px;font-family: 'impact'; transform: skew(-10deg); display:inline-block;}
.s_cp_right h6{ color:#000; line-height:24px; font-size: 18px;}
.s_cp_right .caption{ position:relative; margin-top:30px; z-index:2;}
.s_cp_right .caption a{ position:absolute; bottom:24%; right:-5%; width:50%; background:var(--color); padding:40px 0; text-align:right; display:block; z-index:-1; color:#fff; text-transform:uppercase; font-size:16px; font-weight:bold;}
.s_cp_right .caption a i{ color: #fff; opacity:.5; margin-left:15px; font-size:24px; display:inline-block; vertical-align:middle; margin-right:15px; margin-top:-5px; transition:all 0.3s;}
.s_cp_right .caption a:after{ content:''; width:0; height:0; position:absolute; left:100%; top:0; border-top:109px solid var(--color); border-left:0px solid transparent; border-right:40px solid transparent;}
.s_cp_right .caption a:hover i{ transform:translateX(10px); opacity:1;}

.s_cps .s_cp:nth-child(2n-1) .s_cp_left{ padding-left:52%; margin-left:-52%;}
.s_cps .s_cp:nth-child(2n) .row .col-md-6:first-child{ order: 2;}
.s_cps .s_cp:nth-child(2n) .s_cp_left{ padding-right:52%; margin-right:-52%; padding-left:0; margin-left:0; position:relative; z-index:-1;}
.s_cps .s_cp:nth-child(2n) .s_cp_right{ padding-left:0;}
.s_cps .s_cp:nth-child(2n) .s_cp_right h6{ padding-right:10%;}
.s_cps .s_cp:nth-child(2n) .s_cp_right .caption a{ bottom:30%;}


/* .s_cp2 .s_cp_left{ padding-top:100%; padding-right:52%; margin-right:-52%; padding-left:0; margin-left:0; position:relative; z-index:-1;}
.s_cp2 .s_cp_right{ padding-left:0;}
.s_cp2 .s_cp_right h6{ padding-right:10%;}
.s_cp2 .s_cp_right .caption a{ bottom:30%;}
.s_cp2 .row{ margin:0;}
.s_cp2 .row .col-md-6{ padding:0;} */

.scp_list{ width:100%; overflow:hidden;}
.scp_list ul{ margin:0; padding:0; display: flex; align-items:stretch; justify-content: space-between;}
.scp_list ul li{ list-style:none; width:32%; position:relative;}
.scp_list ul li .caption:after{ content:''; width:100%; height:100%;
 background:rgba(0,0,0,0.1);
position:absolute; left:0; top:0; z-index:2; transition:all 0.3s;}
.scp_list ul li .caption{ padding-top:100%; position:relative; color:#fff; text-align:center;}
.scp_list ul li .caption strong{font-family: 'impact'; font-size:24px; display:block; position:absolute; bottom:8%; left:0; right:0; margin:0 auto; transform: skew(-10deg); z-index:3; font-weight: normal;}
.scp_list ul li .caption a{ width:150px; display:block; padding:15px 10px; border:1px solid #fff; border-radius:6px; font-size:16px; position:absolute; left:0; right:0; margin:0 auto; bottom:35%; opacity:0; color:#fff; text-transform:uppercase; transition:all 0.3s; transform:scale(0.3); text-decoration:none; font-weight:bold; z-index:3;}
.scp_list ul li:hover .caption{ color:#fff;}
.scp_list ul li:hover .caption:after{ background:rgba(0,0,0,0.3);}
.scp_list ul li:hover .caption strong{ bottom:60%; transition:all 0.6s;}
.scp_list ul li:hover .caption a{ opacity:1; transform:scale(1);}
.scp_list ul li:hover .caption a:hover{ background:rgba(255,255,255,0.3);}
.scp_list ul li:hover{    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;}
@-webkit-keyframes cphove {
0%{
 transform: scale(1) skew(-10deg); opacity:1;
}
50% {
 transform: scale(0.3) skew(-10deg); opacity:0;
}
100% {
 transform: scale(1) skew(-10deg); opacity:1;
}
}
@keyframes cphove {
0%{
 transform: scale(1) skew(-10deg); opacity:1;
}
50% {
 transform: scale(0.3) skew(-10deg); opacity:0;
}
100% {
 transform: scale(1) skew(-10deg); opacity:1;
}
}
.scp_list ul li:hover .caption strong {
	-webkit-animation: cphove 0.6s both;
	animation: cphove 0.6s both
}
.s_video{ position:relative;}
.s_video .container{ position:absolute; left:0; top:50%; transform:translateY(-50%); right:0; margin:0 auto;}
.s_video .caption{ color:#fff; padding-left:27px; border-left:4px solid #fff; }
.s_video .caption h5{ margin:0; font-size:16px; font-weight:bold; color:#fff;}
.s_video .caption span{ letter-spacing:2px; font-size:40px; line-height:86px; display:block;font-family: 'impact'; transform: skew(-10deg);}
.s_video .caption span strong{ color:red;}
.s_video .caption b{ display:inline-block; cursor:pointer;}
.s_video .caption b i{width:66px; height:66px; border-radius:50%; border:1px solid #fff; position:relative; display:inline-block; vertical-align:middle; transition:all 0.3s;}
.s_video .caption b i:after{ content:''; width:54px; height:54px; border-radius:50%; background:#fff; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); transition:all 0.3s;}
.s_video .caption b i:before{ content:''; width:0; height:0; position:absolute; left:55%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:2; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid red; transition:all 0.3s;}
.s_video .caption b em{ margin-left:16px; display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; font-style:normal; transition:all 0.3s;}
.s_video .caption b:hover i{ border:1px solid red;}
.s_video .caption b:hover i:after{ background:red;}
.s_video .caption b:hover i:before{ border-left:15px solid #fff;}
.s_video .caption b:hover em{ color: red;}

.about_1, .about_2{ position: relative;}
.about_1 h3, .about_2 h3{ margin-bottom: 20px;}
.about_1{ margin-bottom: 40px;}
.about_1 .ty_content{ font-size:16px; line-height: 1.6; overflow: auto;}
.about_1 h3 small{ display: block; font-weight: lighter; text-transform: uppercase; color: var(--color2); margin-bottom:6px;}

.about_2 .item{ overflow: hidden; margin-bottom: 30px;}
.about_2 .item img{ width: 100%; height:100%; aspect-ratio: 3/2; object-fit: cover; transition: all .3s;}
.about_2 .item:hover img{ transform:scale(1.05);}

.sab_left .swiper-slide p b{ display:inline-block; cursor:pointer;}
.sab_left .swiper-slide p b i{width:42px; height:42px; border-radius:50%; border:1px solid #fff; position:relative; display:inline-block; vertical-align:middle; transition:all 0.3s;}
.sab_left .swiper-slide p b i:after{ content:''; width:36px; height:36px; border-radius:50%; background:#fff; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); transition:all 0.3s;}
.sab_left .swiper-slide p b i:before{ content:''; width:0; height:0; position:absolute; left:55%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:2; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:10px solid red; transition:all 0.3s;}
.sab_left .swiper-slide p b em{ margin-left:12px; display:inline-block; font-weight:normal; line-height:20px; vertical-align:middle; font-size:14px; font-style:normal; transition:all 0.3s;}
.sab_left .swiper-slide p b:hover i{ border:1px solid red;}
.sab_left .swiper-slide p b:hover i:after{ background:red;}
.sab_left .swiper-slide p b:hover i:before{ border-left:10px solid #fff;}
.sab_left .swiper-slide p b:hover em{ color: red;}

.s_new h1{ margin:0; margin-bottom:20px; font-size:45px; color:#000; letter-spacing:1px; font-family: 'impact'; transform: skew(-10deg);}
.s_new{ margin:70px 0;}
.snew_left a{ padding-top:59%; display:block; position:relative;}
.snew_left a span{ position:absolute; left:0; bottom:0; display:block; width:100%; background:rgba(0,0,0,0.53); color:#fff; padding:12px 15px; padding-right:120px; font-size:18px;}
.snew_left a span i{ display:block; position:absolute; right:15px; top:50%; font-style:normal; transform:translateY(-50%); font-size:14px;}
.snew_left a span b{ font-weight:normal; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; display:block;}

.snew_li .row{ margin:0 -10px;}
.snew_li .row .col-md-3, .snew_li .row .col-md-7, .snew_li .row .col-md-2{ padding:0 10px;}
.new_img a{ display:block; padding-top:62%; background-color: #f5f5f5;}

.new_text h5{ margin-top:0; margin-bottom:5px;}
.new_text h5 a{ color:#333; font-size:16px; text-decoration:none; line-height:22px; font-weight:bold; transition:all 0.3s;}
.new_text p{ margin-top:5px; line-height:20px; font-size:14px; color:#000; margin-bottom:0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.new_time{ background:var(--color2); padding:12px 0; padding-top:10px; color:#fff;text-align:center; font-size:16px; font-weight:bold;}
.new_time span{ display:block; font-size:30px;}

.snew_right .snew_li{ padding:25px 0; border-bottom:1px solid #dedede;}
.snew_right .snew_li:nth-child(1){ padding-top:0;}
.snew_right .snew_li:nth-child(3){ padding-bottom:0; border-bottom:none;}
.snew_right .snew_li:hover .new_text h5 a{ color:var(--color2);}

.footer{ background:#222; padding-top:45px; color:#fff;}
.footer h2{ font-size:30px; margin-top:0; text-transform:uppercase; position:relative; padding-bottom:15px;}
.footer h2:after{ content:''; width:44px; height:3px; background:var(--color2); position:absolute; left:0; bottom:0;}
.ft_form h5{ margin-top:10px; text-transform:uppercase; margin-bottom:20px; line-height: 20px;}
.ft_form h5 strong{ font-size: 14px; margin-top: 5px; display: inline-block; font-weight: normal;}
.ft_form .form-control{ background:#474747; border:none; color:#fff;}
.ft_form .btn{ background: var(--color2); color: #fff;}
.ft_form .captcha{ height:30px; width: auto; flex-shrink: 0; margin-left:5px;}

.footer .caption{}
.footer .caption h4{ margin-bottom:20px; font-size:20px;}
.footer .caption h4 a{ color:#fff; text-decoration:none;}
.footer .caption p a{ color:#fff; transition:all 0.3s; font-size: 16px;}
.footer .caption p a:hover{ color: var(--color2);}

.ft_lx h4{ margin-bottom:20px; font-size:20px;}
.ft_lx h4 a{ color:#fff; text-decoration:none;}

.ft_lx p:last-child{ margin-top:20px;}

.ft_di{ padding:25px 0; background:#030303; margin-top:20px;}
.ft_di a{ color:#fff; text-decoration:none; margin-left:30px;}




/*内页样式开始*/
.n_banner{ padding-top:24.4%; margin-top:30px;}

.n_banner{ padding-top:14%; position:relative;}
.n_banner span, .n_banner h1{ font-size:30px; color:#000; letter-spacing:2px;font-family: 'impact'; position:absolute; left:50%; top:60%; transform:skew(-10deg) translateX(-50%) translateY(-50%); text-transform:uppercase;}

.weizhi{ color:#fff; padding:15px 0; background:#4a4848; font-size:16px;}
.weizhi a{ color:#fff;}
.n_zhong{ padding-top:50px; padding-bottom:60px;}
.n_biao{ margin-bottom:30px;}
.n_biao h3{ text-transform:uppercase; color:#000; letter-spacing:2px;font-family: 'impact';transform:skew(-10deg); padding-bottom:15px; border-bottom:1px solid #000;}

.n_forum_li{ background:#f1f1f1; padding:30px 0; margin-bottom:30px; transition:all 0.3s;}
.n_forum_li .row{ margin:0;}
.n_forum_li .row .col-md-2{ padding:0;}
.n_forum_li .row .col-md-10{ padding:0;}
.n_forum_li .row .col-md-2 .caption{ padding:0 20%;}
.n_forum_li .row .col-md-10 .caption{ padding-right:30px;}
.n_forum_li .caption span{ padding-top:100%; background:#fff; display:block; border-radius:50%;}
.n_forum_li .caption p{ line-height:24px; color:#666; margin-bottom:0; transition:all 0.3s;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.n_forum_li .caption p img{ width: 100% !important; max-width:100% !important; height: auto !important;}
.n_forum_li:hover{ background:var(--color);}
.n_forum_li:hover .caption p{ color:#fff;}

.n_video{ padding-top:30px; border-top:1px solid #000; margin-top:30px;}
.n_video a{ position:relative; display:block;}
.n_video a span{ position:absolute; right:15%; top:50%; transform:translateY(-50%); z-index:2; color:#fff; text-transform:uppercase; font-size:24px;font-family: 'impact'; display: block;}
.n_video a span strong{ font-weight: normal;}
.ncp_lei ul{ margin:0; padding:0;}
.ncp_lei ul li{ list-style:none;}
.ncp_lei ul li a{ display:block; padding:12px 0; font-size:18px; text-align:center; color:#3b3b3b; text-decoration:none;}
.ncp_lei ul li:hover a{ color:#fff; background:var(--color);}

.mod_more.btn{background: var(--color); color: #fff;}

.new_form{ background:#ecedee; padding:10px; margin-bottom:40px;}
.new_form .form-group{ margin-bottom:0px;}
.new_form .form-group .form-control{ height:36px;}
.new_form .form-group .btn{ font-size:16px;}

.nnew_list{ border-bottom:1px solid #aaaaaa; padding-bottom:20px; margin-bottom:40px;}
.nnew_list .caption h5{ color:var(--color); font-weight:bold;}
.nnew_list .caption h5 i{ margin-right:5px; display:inline-block; vertical-align: middle;}
.nnew_list .caption h4{overflow: hidden; line-height:24px; color:#000;
text-overflow:ellipsis;
white-space: nowrap;}
.nnew_list .caption h4 a{ text-decoration:none; font-size:20px; color:#000;}
.nnew_list .caption p{ line-height:24px; min-height: 72px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.nnew_list .caption p a{ color:var(--color);}


.nnew_right .nnew_list .caption p, .nnew_right .nnew_list .caption h4{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal;}
.nnew_right > h3{ text-transform: uppercase; font-family: 'impact'; margin-bottom: 20px;}
.nnew_left .form-group{ margin-top:30px;}
.nnew_left .form-group .btn{ text-decoration:none; padding:10px 30px; border-radius:24px; font-size:16px;}
.nnew_left .ty_content{ margin-top:30px;}
.ty_content p{ line-height:24px; color:#333;}
.ty_content img{ max-width:100%;}

.flex-stretch{
    display: flex;
    align-items: stretch;
}

.n_product .row{ margin:0 -5px;}
.n_product .row .col-md-3{ padding:0 5px; margin-bottom:30px;}
.n_product .caption{ overflow:hidden; height: 100%;
/*background: #a4a4a4; transition: all .3s;*/
    
}
.n_product .caption h2{ height:90px; display: flex; align-items:center; justify-content: center; color:#fff; margin:0; font-size:18px; transform: skew(-10deg); text-align:center;font-family: 'impact';}
.n_product .caption h2:after{ content:''; width:100%; height:100%; background:#a4a4a4; transform: skew(10deg); position:absolute; left:0; top:0; z-index:-1; transition:all 0.3s;}
.n_product .caption:hover h2:after{ background:var(--color);}
/*.n_product .caption:hover{ background:var(--color);}*/
.n_product .caption .cp_lei a{ padding-top:115%; display:block; position:relative; background-size: cover;}
.n_product .caption .cp_lei a:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2);}
.n_product .caption:hover .cp_lei a:after{ background:var(--color); opacity: .5;}
.n_product .caption .cp_lei a span{ width:120px; display:block; padding:10px 0; border:1px solid #fff; border-radius:6px; font-size:13px; position:absolute; left:0; right:0; top:50%; margin:0 auto; transform:translateY(-50%); opacity:0; color:#fff; text-transform:uppercase; transition:all 0.3s; text-decoration:none; z-index:3; text-align:center; font-weight:bold;}
.n_product .caption:hover .cp_lei a span{ opacity:1;}

.cp_btn{ position:absolute; right:0; top:50%; padding:0 10px; height:100%; outline:none; transform:translateY(-50%); background:none; border:none; z-index: 2;}
.relative{ position: relative;}

.ncp_left ul{ margin:0; padding:0;}
.ncp_left ul li{ list-style:none; margin-bottom:5px;}
.ncp_left ul li a{ padding:20px 0; text-decoration:none; text-align:center; display:block; background:#dedede; font-size:20px; color:#555; }
.ncp_left ul li.active a{ background:var(--color2); color:#fff;}
.ncp_left ul li:hover a{ color:var(--color);}
.ncp_left ul li.active:hover a{ color:#fff;}

.ncp_list_h3{ text-align:right; font-size:24px; font-family: 'impact'; border:1px solid #dedede; margin-bottom:20px;}
.ncp_list_h3 span, .ncp_list_h3 h3{ display:inline-block; display: none; transform:skew(-10deg); margin-left:15px; color: #fff;}
.ncp_list_h3 img{ width: 100%; height: 100%; aspect-ratio: 10.36 / 1; object-fit: cover;}
.ncp_ul .caption{ margin-bottom:40px;}
.ncp_ul .caption h4{ margin-top:20px; margin-bottom:15px; font-size: 16px; color: #555; padding-left:10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ncp_ul .caption .btn{ color:#fff; background:#fff; font-size:16px; text-decoration:none; transition:all 0.3s; color:#333;}
.ncp_img{ overflow:hidden;}
.ncp_img a{ display:block; overflow: hidden; aspect-ratio: 50 / 39; background-color: #f5f5f5;}
.ncp_img a img{ width: 100%; height: 100%; aspect-ratio: 50 / 39; object-fit: cover; transition: all .3s;}
.ncp_ul .caption:hover .btn{ background:var(--color2); color:#fff;}
.ncp_ul .caption:hover .ncp_img a img{ transform:scale(1.05);}


.ncp_content_header .caption h1{ padding-bottom:20px; border-bottom:1px solid #dedede; margin-bottom:20px;}
.ncp_content_header .caption p{ line-height:24px;}
.tab_pr.fade{ display:none;}
.tab_pr.fade.active{ display:block;}
.tab_pr{ padding-top:20px; padding-left:20px; border-left:1px solid #c4c3c3; border-top:1px solid #c4c3c3; padding-bottom:60px;}

.n_border{border-left:1px solid #c4c3c3; padding-left:20px; padding-bottom:60px;}
.ncp_form{}
.ncp_form .form-group{ padding-left:80px; position:relative;}
.ncp_form .form-group label{ position:absolute; left:0; top:50%; transform:translateY(-50%); font-weight:normal; color:#333;}
.hot_ncp{ margin-top:40px;}
.hot_ncp h3{font-family: 'impact'; margin-bottom:20px;}
.hot_ncp .ncp_img a{ position:relative;}
.hot_ncp .ncp_img a:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; background:rgba(29,100,188,0.75); transition:all 0.3s;}
.hot_ncp .ncp_img a span{ position:absolute; left:0; right:0; margin:0 auto; top:60%; transform:translateY(-50%); font-weight:bold; color:#fff; opacity:0; transition:all 0.3s; display:block; text-align:center; z-index:3;}
.hot_ncp .caption:hover .ncp_img a span{ opacity:1; top:50%;}
.hot_ncp .caption:hover .ncp_img a:after{ opacity:1;}
.ncp_content_body{ margin-top:40px;}
.ncp_content_body ul{ margin:0; padding:0;}
.ncp_content_body ul:after{ content:''; clear:both; display:table;}
.ncp_content_body ul li{ list-style:none; float:left; border:1px solid #c4c3c3; border-right:none; border-bottom:none;}
.ncp_content_body ul li:last-child{ border-right:1px solid #c4c3c3;}
.ncp_content_body ul li a{ padding:15px; background:#f0f0f0; color:#333; font-weight: bold; display:block; text-decoration:none;}
.ncp_content_body ul li.active a{ color:#fff; background:#1a3182;}
.ncp_content_body ul li.active{ border:1px solid #1a3182; border-right:none; border-bottom:none;}
.ncp_content_body ul li.active:last-child{ border-right:1px solid #c4c3c3;}

.lx_text{ margin-bottom:40px; background: #f1f1f1; padding:40px 20px;}
.lx_text .row{ margin:0;}
.lx_text .row .col-md-4{ padding:0;}
.lx_text .caption{ font-size:18px; text-align: center;}
.lx_text .caption i{ display:block; margin-right:5px; font-size:30px; margin:0 auto;}
.lx_text .caption span{font-family: 'impact'; color:var(--color);}
.lx_form h4{font-family: 'impact'; color:var(--color);}
.lx_form p{ line-height:24px; margin-bottom:25px;}
.lx_form .btn{ background: var(--color); color: #fff;}
.lx_form .captcha{ width:auto; height: 30px; margin-left: 5px;}
.flex{
    display: flex;
}
.flex-center{
    display: flex;
    align-items: center;
}
/*内页样式结束*/

.fanye{ padding:30px 0;}
.fanye ul{ display: flex; align-items: stretch; justify-content: center; padding: 0;}
.fanye ul li{ list-style: none;}
.fanye ul li.disabled{ opacity: .7;}
.fanye a, .fanye span{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#000; border:1px solid #000;}
.fanye a.active{ background:#000; border:1px solid #000; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #000;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ padding:20px 0;}
.fanye02 .caption{ margin-top:15px; color:#666;}
.fanye02 .caption a{ color:#666;}
.fanye02 .caption a:hover{ color:#a80d0f;}

		.my-map { margin: 0 auto; margin-top:100px; width: 100%; height:170px;}
		.my-map .icon { background: url(../images/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}

/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.h_auto{
  overflow-y: auto;
  overscroll-behavior: contain;
}
.h_auto::-webkit-scrollbar {
  width:4px;
  }
  /* 滚动槽 */
  .h_auto::-webkit-scrollbar-track {
  background: #f4f4f4;
  }
  /* 滚动条滑块 */
  .h_auto::-webkit-scrollbar-thumb {
    background: var(--color2);
  }
  .h_auto::-webkit-scrollbar-thumb:window-inactive {
    background: var(--color2);
  }


/* CSS for lens */
.cloudzoom-lens {
    border:2px solid #888;
    width:150px;
    height:150px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:500px;
    height:200px;
    background: #fff;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
}



.cq_img{ width:100%; border:1px solid #ccc; box-sizing:border-box; position: relative;}
.cq_img img.cloudzoom{ width:100%; display:block;}
.img_small{ position: absolute; left: 10px; top: 10px; z-index: 99; width: 60px;}
.img_small img.cloudzoom-gallery{ width:100%; display: block; border:1px solid #ccc; margin-bottom: 5px; box-sizing:border-box;}


.mod_bgc{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.maodian{
    position: absolute;
    top: -100px;
    left: 0;
}



@media (max-width:767px){

    h1{font-size: 20px;}
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}

    .fb-customerchat{ display: none;}
    body{ padding-top:60px;}
    
    .header.active .logo{ height: 60px; }
    .header.active .logo:after{border-top:60px solid #080404;}
    
    .header{ height:61px;}
    .logo {width: 120px; height: 60px; margin-left:-15px; padding-left: 15px;}
    .logo:after{ border-top:60px solid #080404; border-right: 30px solid transparent;}
    .header_right{width:100%; float:none; position: absolute; left:0; right:0; top:61px; background:#2f2e2e; border-bottom:1px solid #666; display:none;}
    .header_right.active{ display:block;}
    .navs { width: 100%; float:none;}
    .navs ul{
        flex-wrap: wrap;
    }
    .navs ul li{ text-align:center; width: 100%;}
    .navs ul li a{ line-height:40px;}
    .navs ul li:hover a:after{ height:2px;}
    .navs ul li.active a:after{ height:2px;}
    .navs ul li.active:hover a:after{ height:2px;}
    .nav_more{ float:none; padding-top:15px; padding-bottom:30px; text-align:center;}
    .nav_more a{ margin:0 5px; color: #333;}
    .nav_more a.yunzhan{ display: block; margin-top: 10px; color: #fff;}
    
    .header-center{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
    }
    
    .san{ height:60px; width:24px; position:relative;}
    .san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#fff;}
    .san:after{ width:24px; height:4px; background:#fff; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
    .san:before{ width:24px; height:4px; background:#fff; content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}
    .san.active:after{ opacity:1;}
    .san.active:before{ opacity:1;}
    .san.active i{ opacity:0;}
    
    .s_banner .swiper1 .swiper-slide a{ height: auto; padding-top:53%;}
    
    .ban_text { transform: translateY(-50%); right:0; left:0; margin:0 auto; text-align:center;}
    .ban_text b{ font-family:Arial; font-size:14px;}
    .ban_text strong{ font-family:Arial; font-size:18px; letter-spacing:2px; line-height:18px;}
    .ban_text span{ font-family:Arial; font-size:14px; letter-spacing:0px;}
    .ban_text strong:before{ border-bottom:38px solid transparent;border-left: 10px solid #0c0c0c;}
    .ban_text strong:after{ border-top:38px solid transparent;border-right:10px solid #0c0c0c;}
    
    .s_about{ background:var(--color);}
    .sab_left{padding-top:20px;}
    .sab_left span{ font-size:40px; line-height:40px; margin-bottom:15px;}
    .sab_xia:after{ display:none;}
    .sab_left #thumbs .swiper-slide.swiper-slide-thumb-active{ font-size:14px;}
    .s_cp_left{ display:none;}
    .s_cp_right{ padding:0; padding-top:15px;}
    .s_cp_right strong{ transform: skew(0); font-size:18px;}
    .s_cp_right .caption img{ max-width:55%;}
    .s_cp_right .caption a{ right:auto; left:48%; width:150px; padding: 5px 0; font-size: 12px; font-weight:normal;}
    .s_cp_right .caption a i{ margin:0 5px;}
    .s_cp_right .caption a:hover i{ transform:translateX(0);}
    .s_cp_right .caption a:after{ border-top:44px solid var(--color); border-right:20px solid transparent;}
    
    .s_cp2{ padding-bottom: 30px;}
    .s_cp_right .caption{ margin-top: 20px;}
    .scp_list ul{ flex-wrap: wrap;}
    .scp_list ul li{ width:100%;}
    /*.scp_list ul li:nth-child(4){ width:50%;}*/
    /*.scp_list ul li:nth-child(5){ width:50%;}*/
    .scp_list ul li .caption strong{ font-size:16px; font-family:Arial;}
    .scp_list ul li .caption a{ width:100px; padding:6px 8px; font-size:14px;}
    .s_new{ margin:40px 0;}
    .s_new h1{ font-size:24px;}
    .snew_left a span{ font-size:14px;}
    .s_video{ height:600px; background-image:url(http://hk-instrument.com/upload/portal/20250512/104927f62bd307ec50c09602150810fb.jpg); background-size:cover;}
    .s_video .caption{ padding-left:20px;}
    .s_video .caption span{ font-size:24px; line-height:30px;}
    .s_video iframe{ margin-top: 20px;}
    .footer h2{ font-size:24px;}
    .ft_di{ text-align:center; padding:15px 0;}
    .ft_di a{ margin-left: 20px; }
    
    iframe{ height:300px;}
    
    .n_banner{ margin-top:0; padding-top:24%;}
    .new_form{ display:none;}
    .nnew_list{ border:none; margin-bottom:0; padding:0;}
    .nnew_list .row .col-md-4{ margin-bottom:30px;}
    .lx_text .caption{ margin-bottom:15px;}
    .n_video{ display:none;}
    
    .ncp_left.active{box-shadow:2px 2px 6px rgba(0,0,0,0.2); transform:translateX(0);}
    .ncp_left{ position: fixed; left:0; top:120px; z-index:99; padding-right:0px; width:60%; transform:translateX(-100%); transition:all 0.6s;}
    .daohang{ width:60px; line-height:24px; display:inline-block; background:var(--color2); border-radius:4px; padding:0 15px; color:#fff; position:absolute; left:100%; top:0; box-shadow:0px 0px 4px rgba(0,0,0,0.2); z-index:100;}
    .ncp_left ul li{ margin:0; }
    .ncp_left ul li:last-child{border-bottom-right-radius: 4px; overflow: hidden;}
    .ncp_left ul li:first-child{border-top-right-radius: 4px; overflow: hidden;}
    .ncp_left ul li a{ padding:8px 0; font-size:16px; padding-left:30px; text-align:left;}
    .ncp_ul .caption .btn{ background:var(--color2); color:#fff;}
    .fanye a{ padding:6px 10px;}
    .hot_ncp{ display:none;}
    .tab_pr{ padding-left:0; border-left:none;}
    .nnew_right{ display:none;}
    
    .n_product .caption h2{ font-size: 18px; padding: 10px 0;}
    .n_product .row .col-md-3:nth-child(5){ margin-left: 0; }
    .my-map{ margin-top: 30px; }
    .about_1 .ty_content{ font-size:14px; }
    .n_forum_li .row .col-md-10 .caption{ padding-right: 0;}
    
    }
    
    
    @media (min-width:768px) and (max-width:991px) {
    body{ padding-top:60px;}

    h1{font-size: 20px;}
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}
    
    .header.active .logo{ height: 60px; }
    .header.active .logo:after{border-top:60px solid #080404;}
    
    .header{ height:61px;}
    .logo {width: 120px; height: 60px; margin-left:-15px; padding-left: 15px;}
    .logo:after{ border-top:60px solid #080404; border-right: 30px solid transparent;}
    .header_right{width:100%; float:none; position: absolute; left:0; right:0; top:61px; background:#2f2e2e; border-bottom:1px solid #666; display:none;}
    .header_right.active{ display:block;}
    .navs { width: 100%; float:none;}.navs ul{
        flex-wrap: wrap;
    }
    .navs ul li{ text-align:center; width: 100%;}
    .navs ul li a{ line-height:40px;}
    .navs ul li:hover a:after{ height:2px;}
    .navs ul li.active a:after{ height:2px;}
    .navs ul li.active:hover a:after{ height:2px;}
    .nav_more{ float:none; padding-top:15px; padding-bottom:30px; text-align:center;}
    .nav_more a{ margin:0 5px;}
    .nav_more a.yunzhan{ display: block; margin-top: 10px; color: #fff;}
    
    
    .san{ height:60px; width:24px; position:relative;}
    .san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#fff;}
    .san:after{ width:24px; height:4px; background:#fff; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
    .san:before{ width:24px; height:4px; background:#fff; content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}
    .san.active:after{ opacity:1;}
    .san.active:before{ opacity:1;}
    .san.active i{ opacity:0;}
    
    .s_banner .swiper1 .swiper-slide a{ height: auto; padding-top:43%;}
    .ban_text { transform: translateY(-50%); right:0; left:0; margin:0 auto; text-align:center;}
    .ban_text b{ font-family:Arial; font-size:14px;}
    .ban_text strong{ font-family:Arial; font-size:18px; letter-spacing:2px; line-height:18px;}
    .ban_text span{ font-family:Arial; font-size:14px; letter-spacing:0px;}
    .ban_text strong:before{ border-bottom:38px solid transparent;border-left: 10px solid #0c0c0c;}
    .ban_text strong:after{ border-top:38px solid transparent;border-right:10px solid #0c0c0c;}
    
    .s_about{ background:var(--color);}
    .sab_left{padding-top:20px;}
    .sab_left span{ font-size:40px; line-height:40px; margin-bottom:15px;}
    .sab_xia:after{ display:none;}
    .sab_left #thumbs .swiper-slide.swiper-slide-thumb-active{ font-size:14px;}
    .s_cp_left{ display:none;}
    .s_cp_right{ padding:0; padding-top:15px;}
    .s_cp_right strong{ transform: skew(0); font-size:18px;}
    .s_cp_right .caption img{ max-width:55%;}
    .s_cp_right .caption a{ right:auto; left:48%; width:150px; padding: 5px 0; font-size: 12px; font-weight:normal;}
    .s_cp_right .caption a i{ margin:0 5px;}
    .s_cp_right .caption a:hover i{ transform:translateX(0);}
    .s_cp_right .caption a:after{ border-top:44px solid var(--color); border-right:20px solid transparent;}
    
    .scp_list ul li{ width:33.33%;}
    .scp_list ul li:nth-child(4){ width:50%;}
    .scp_list ul li:nth-child(5){ width:50%;}
    .scp_list ul li .caption strong{ font-size:16px; font-family:Arial;}
    .scp_list ul li .caption a{ width:120px; padding:10px; font-size:14px;}
    .s_new{ margin:40px 0;}
    .s_new h1{ font-size:24px;}
    .snew_left a span{ font-size:14px;}
    .s_video{ height:600px; background:url(../images/bj.jpg) center center no-repeat; background-size:cover;}
    .s_video .caption{ padding-left:20px;}
    .s_video .caption span{ font-size:24px; line-height:30px;}
    .s_video iframe{ margin-top: 20px;}
    .footer h2{ font-size:24px;}
    .ft_di{ text-align:center; padding:15px 0;}
    
    
    .n_banner{ margin-top:0; padding-top:24%;}
    .new_form{ display:none;}
    .nnew_list{ border:none; margin-bottom:0; padding:0;}
    .nnew_list .row .col-md-4{ margin-bottom:30px;}
    .lx_text .caption{ margin-bottom:15px;}
    .n_video{ display:none;}
    
    .ncp_left.active{box-shadow:2px 2px 6px rgba(0,0,0,0.2); transform:translateX(0);}
    .ncp_left{ position: fixed; left:0; top:120px; z-index:99; padding-right:0px; width:60%; transform:translateX(-100%); transition:all 0.6s;}
    .daohang{ width:60px; line-height:24px; display:inline-block; background:var(--color2); border-radius:4px; padding:0 15px; color:#fff; position:absolute; left:100%; top:0; box-shadow:0px 0px 4px rgba(0,0,0,0.2); z-index:100;}
    .ncp_left ul li{ margin:0; }
    .ncp_left ul li:last-child{border-bottom-right-radius: 4px; overflow: hidden;}
    .ncp_left ul li:first-child{border-top-right-radius: 4px; overflow: hidden;}
    .ncp_left ul li a{ padding:8px 0; font-size:16px; padding-left:30px; text-align:left;}
    .ncp_ul .caption .btn{ background:var(--color2); color:#fff;}
    .fanye a{ padding:6px 10px;}
    .hot_ncp{ display:none;}
    .tab_pr{ padding-left:0; border-left:none;}
    .nnew_right{ display:none;}
    
    .n_product .caption h2{ font-size: 18px; padding: 10px 0;}
    .n_product .row .col-md-3:nth-child(5){ margin-left: 0; }
    .my-map{ margin-top: 30px; }
    
    .about_1 .ty_content{ font-size:14px; }
    
        }
    
    
    @media (min-width:991px) and (max-width:1200px) {
    h1{font-size: 20px;}
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}

    .header .container{ width:calc(100% - 140px);}
    .header_right { width:calc(100% - 280px);}
    .logo:after{ border-right: 66px solid transparent;}
    .navs{ width:100%;}
    .nav_more { display:none;}
    .navs ul li a{ font-size:14px;}
    .s_banner{ margin-top:80px;}
    .s_banner .swiper1 .swiper-slide a{ height: auto; padding-top:43%;}
    .ban_text b{ font-family:Arial; font-size:18px;}
    .ban_text strong{ font-family:Arial; font-size:30px; letter-spacing:2px; line-height:40px;}
    .ban_text span{ font-family:Arial; font-size:16px; letter-spacing:0px;}
    .ban_text strong:before{ border-bottom:60px solid transparent;}
    .ban_text strong:after{ border-top:60px solid transparent;}
    .sab_left{padding-top:20px;}
    .sab_left span{ font-size:60px; line-height:60px;}
    
    .s_cp_left { padding-top: 75%; padding-left: 10%; margin-left: -10%;}
    .s_cp_right{padding-left: 6%; padding-top: 4%;}
    .s_cp_right strong{ font-size:30px;}
    .s_cp_right .caption img{ max-width:45%;}
    .s_cp_right .caption a{ right:auto; left:40%; width:150px; padding: 10px 0; font-size: 13px; font-weight:normal;}
    .s_cp_right .caption a i{ margin:0 5px;}
    .s_cp_right .caption a:hover i{ transform:translateX(0);}
    .s_cp_right .caption a:after{ border-top:54px solid var(--color); border-right:20px solid transparent;}
    .s_cp2 .s_cp_left{ padding-top: 75%; padding-left:0; margin-left:0; padding-right: 10%; margin-right: -10%;}
    .scp_list ul li .caption strong{ font-size:18px; font-family:Arial;}
    .scp_list ul li .caption a{ width:120px; padding:10px; font-size:14px;}
    .new_text h5{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .snew_right .snew_li{ padding:19px 0;}
    .snew_right .snew_li:nth-child(1){ padding-top:0;}
    .snew_right .snew_li:nth-child(3){ padding-bottom:0;}
    .new_time{ padding:10px 0; font-size:12px;}
    .new_time span{ font-size:18px;}
    .s_new h1{ font-size:30px;}
    .s_video .caption span{ font-size:36px; line-height:60px;}
    .footer h2{ font-size:24px;}
    /* .ft_form h5{ letter-spacing:3px;} */
    .footer .caption h4{ font-family:Arial; font-size:14px; font-weight:bold;}
    .footer .caption p a{ font-family:Arial; font-size:12px;}
    .footer .caption{ padding-left:0;}
    .ft_lx h4{ font-family:Arial; font-size:14px; font-weight:bold;}
    .ft_lx p{ font-family:Arial; font-size:12px;}
    
    .about_1 .ty_content{ max-height: 220px;}
    
    }
    
    
    @media (min-width:1200px) and (max-width:1440px) {
    .header .container{ width:calc(100% - 140px);}
    .header_right { width:calc(100% - 280px);}
    .logo:after{ border-right: 66px solid transparent;}
    .navs{ width:calc(100% - 230px);}
    .nav_more{ padding-top:25px;}
    .nav_more a:first-child{margin-left: 0;}
    .nav_more a{ margin-left:10px; width:30px; height:30px; line-height:30px;}
    .navs ul li a{ font-size:15px;}
    .s_banner{ margin-top:80px;}
    .s_banner .swiper1 .swiper-slide a{ height: auto; padding-top:43%;}
    .ban_text b{ font-family:Arial; font-size:24px;}
    .ban_text strong{ font-family:Arial; font-size:36px; letter-spacing:2px;}
    .ban_text span{ font-family:Arial; font-size:20px; letter-spacing:0px;}
    
    .sab_left{ padding-top: 40px;}
    .sab_left span{ font-size:36px; line-height:36px; margin-bottom: 10px;}
    .sab_left p{ line-height: 20px;}
    .s_cp_left { padding-top: 84%; padding-left: 26%; margin-left: -26%;}
    .s_cp_right{padding-left: 8%; padding-top: 6%;}
    .s_cp_right strong{ font-size:36px;}
    .s_cp_right .caption img{ max-width:65%;}
    .s_cp_right .caption a{ right:0;}
    .s_cp2 .s_cp_left{ padding-top: 84%; padding-left:0; margin-left:0; padding-right: 26%; margin-right: -26%;}
    .scp_list ul li .caption strong{ font-size:26px;}
    .scp_list ul li .caption a{ width:120px; padding:10px; font-size:14px;}
    .new_text h5{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .snew_right .snew_li{ padding:22px 0;}
    .snew_right .snew_li:nth-child(1){ padding-top:0;}
    .snew_right .snew_li:nth-child(3){ padding-bottom:0;}
    .new_time{ padding:10px 0;}
    .new_time span{ font-size:26px;}
    .s_new h1{ font-size:36px;}
    .s_video .caption span{ font-size:46px; line-height:60px;}
    
    /* .ft_form h5{ letter-spacing: 3px;} */
    .footer .caption p a{ font-size: 12px;}
    .about_1 .ty_content{ max-height: 270px;}
    
    }
        
    @media (min-width:1441px) and (max-width:1560px) {
        .nav_more a{
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
        .nav_more{ padding-top: 25px;}
        .nav_more a.yunzhan{ width: auto;}
        .navs { width: calc(100% - 250px);}
        .header .container {
            width: 1260px;
        }
        /* .header.active .logo {
            width: calc(230px + 130px);
        }  */
        .header.active .header_right {
            width: calc(100% - 260px);
        }  
    }
    
    
    @media (min-width:991px) and (max-width:1921px) {
    
    .fancybox-button {  width: 60px;  height: 60px;}
    .fancybox-navigation button {  width: 80px; height:120px;}
    .fancybox-navigation button:before { width: 60px; height: 60px;}
    .footer .container{ width: 90%; }
    }
    
    @media (min-width:1441px){
        /* .header .container{ width:calc(100% - 420px);} */
        .container{ width:1260px; padding:0;}
        
        .about_1 .ty_content{ max-height: 310px;}
    }