@media(min-width:992px) {

	
	.container.w_1280,.container.w_1400{ width: 1600px!important; }
	.container.w100{ max-width: 100%; }
	.container {max-width:100%;}
}
@media(min-width:1500) { 
	.container {max-width:96.8%;position:relative; padding:0;}
}

a {transition:.3s all; color: #333}
a:hover {transition:.3s all;text-decoration: none;  }
em,i {font-style:normal;}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
.hd {
	height: 10px;
}
.c_b td {
	border: #000 1px solid;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
}
.meta {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #CCCCCC dotted;
}
.xs {
	display: none;
}
.active {
	display: block;
}
ol, ul, li {
	list-style-type: none;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ratio-3x2{ position:relative}
.ratio-3x2::before {
	padding-top: var(--bs-aspect-ratio);
}
@media(min-width:992px){
	.ratio-3x2 {
		--bs-aspect-ratio:calc(150 / 450 * 100%);
	}

}

@media(max-width:992px) {
	.ratio-3x2 {
		--bs-aspect-ratio: calc(260/ 404 * 100%);
	}
}
 
#ad {
	height: 34px;
	line-height: 34px;
}
input {
	border: 1px #dadada solid;
	color: #4b4b4b;
	font-family: 'Microsoft Yahei';
	outline: none;
}
.end_message #form1 input {
	color: #FFF
}
input:hover, textarea:hover {
	background: #CCC;
	outline: none
}
textarea {
	border: 1px #dadada solid;
	background: #efefef;
	padding-left: 10px;
}
img {
    max-width: 100%;
}
.hover-k{ position:relative}
.hover-k:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ec6b00; left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{  transform-origin: left center; transform: scaleX(1);}
.hover-k img{ transition: all 0.5s}
.hover-k:hover img{ transform:scale(1.02)}

.fitcover-img{width: 100%;height: 100%;object-fit: cover;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 65%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.hd{ height:10px;}

 .hs_bg{ background: #f7f7f7; height: auto; overflow: hidden; }
.bg_white{ background: #fff }
.p{ margin-bottom: 0}
@font-face {font-family:"numfont";src:
		url('../Css/AVIAN.TTF');
}




@media(max-width: 1199.98px){
	.nav_box{ display: none}
	.menu-icon{ display: block}
	.header #logo a:nth-of-type(1) img{ height: 30px;  }
}

@media (min-width: 991.98px) {
	.nav_box {  width: 50%  }

	.nav_box ul li {  flex: 1; position: relative;  text-align: center; height: 100%; display: flex; align-items: center  }

	.nav_box ul li a { font-size: 16px; color: #fff; display: block; width: 100%; }
	.nav_box ul li a:hover span{ color:#ec6b00;}

	.nav_box ul li span:nth-of-type(1)  { display: block; line-height: 18px; top: 0;
		display: block; width: 100%; transition: all 0.5s; }

	.nav_box ul li:after { position: absolute; content: ""; width: 100%; height:2px; background:#ec6b00; left: 0; bottom: -1px;
		right: 0; transition: transform 0.5s; margin: auto;
		transform-origin: right center; transform: scaleX(0) }
	.nav_box ul li a{ position: relative; z-index: 2}
	.nav_box ul li.on a span{ color:#f60}
	.nav_box ul li:hover:after,.nav_box ul li.on:after { transform-origin: left center; transform: scaleX(1) }
	.nav_box ul li:hover a{ color: #ec6b00}
}
.search-top{  display: none; }
.search-top i{position: relative}
.search-top i:after{ position: absolute; content: "";top: 0;bottom:0;height: 100%;background: rgba(255,255,255,0.25); width:1px; right:0;}
.search-top i svg{ fill: #fff; width: 26px; height: 26px;}

.up-tel{  }
.up-tel i {   width: 30px; height: 30px; border-radius: 50%}
.up-tel svg{ width: 28px; height: 28px; fill: #ed6c00}
.up-tel span{ font-size: 30px; color: #ed6c00; font-family: Impact }
@media(min-width: 1520px){
	.up-tel{ display: flex}
	.hot_tel{ display: flex}
}

@media(max-width: 1519.99px){
	.up-tel{ display: none}
	.hot_tel{ display: none}
	.nav_box {  width: 75%  }
	#logo_title{ width: 25%;}
}
@media(max-width:1199.98px){
	#logo_title{   width:33%;}
}

@media(max-width:768.98px){
	#logo_title{   width:60%;}
	.header .container{ width: 100%;}
}
@media (min-width: 576px){
	.header .container{ width: 100%!important;}
}

/*.header:not(.header-min):not(.hover) #logo_title img{*/
/*	filter: grayscale(100%) brightness(100);*/
/*}*/

.header.header-min,.header.hover,.header2{  box-shadow: 0 0 10px rgba(0,0,0,0.25);	}
.header-min .nav_box ul li a,.header.hover .nav_box ul li a{ color: #fff}
.header-min .hot_tel a,.header.hover .hot_tel a{ color: #fff}
 .top-nav-all {
   width:68px; height: 90px; padding:36px 19px;
   box-sizing: border-box;
    position: fixed !important;
    z-index: 999;
    top: 0;
    right: 0;
    background: #e80113;
    position: relative;
 
}
@media(min-width:1859.98px){
	#logo_title{  width: 18%; display: block}
	#logo_title .logo-f-title{ position: relative; transition: all 0.5s}
	.nav_box {width: 55%  }
	.search-top{  display: flex}
}


@media( max-width: 1859.98px) {
	.up-tel{ }
	.up-tel span{ font-size: 20px;}
	#logo_title{  width: 20%; display: block}
	.nav_box {width:50%  }

}
@media( max-width: 1699.98px) {
	.up-tel span{ font-size: 18px;}
	#logo_title{  width: 15%; display: block}
	.nav_box {width: 65%  }
	.up-tel{ }
}
@media( max-width: 1499.98px) {

	#logo_title{  width: 20%; display: block}
	.nav_box {width: 70%  }

}
@media(max-width:991.98px){
	.header .container{ width: 100%;}
	.header{ height: auto;  }
	#logo_title{width: calc(100% - 100px)}

	#logo_title .logo-f-title{ display: block; }
	#logo_title .logo-f-title p:nth-of-type(1){ font-size: 16px; color: #fff; font-weight: bold; }
	#logo_title .logo-f-title p:nth-of-type(2){
		display: none; font-size:12px; color: #fff;}

}
.top-nav-all span{position:absolute;  transition: all 0.5s;
	 				margin-bottom: 3px; height: 3px; width: 50%; display: block; 
	 				background: #fff;  }
.top-nav-all span:nth-of-type(1){left:0; right: 0; margin: auto; top: 30px; transition: all 0.5s}
.top-nav-all span:nth-of-type(2){top:-3px;bottom: 0;left:0;right:0; margin: auto; transition: all 0.5s}
.top-nav-all span:nth-of-type(3){left:0; bottom: 32px; right: 0; margin: auto; transition: all 0.5s}
.top-nav-all.on{ z-index: 99999999;   }
.top-nav-all.on span{background: #fff;}
.top-nav-all.on span:nth-of-type(1){ transform:rotate(45deg);transform-origin: left center; }
.top-nav-all.on span:nth-of-type(2){ right: -100px;   opacity: 0}
.top-nav-all.on span:nth-of-type(3){ transform: rotate(-45deg);transform-origin: left center; }

@media(max-width: 580px) {

	.top-nav-all {
		width: 52px;
		height: 52px !important;
		box-sizing: border-box;
		position: fixed !important;
		padding: 11px;
		z-index: 999;
		top: 0;
		right: 0;
		background: #e80113;
		position: relative;
	}

	.top-nav-all span { position: absolute; transition: all 0.5s;
		height: 2px; width: 30px; display: block;
		background: #fff; }

	.top-nav-all span:nth-of-type(1) { left: 0; right: 0; margin: auto; top: 11px; transition: all 0.5s; transform: rotate(0) translateY(0); }

	.top-nav-all span:nth-of-type(2) { top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.5s }

	.top-nav-all span:nth-of-type(3) { left: 0; bottom: 11px; right: 0; margin: auto; transition: all 0.5s; transform: rotate(0) translateY(0); }

	.top-nav-all.on { z-index: 99999999; }

	.top-nav-all.on span { background: #fff; }

	.top-nav-all.on span:nth-of-type(1) { transform: rotate(45deg) translateX(5px) translateY(5px); }

	.top-nav-all.on span:nth-of-type(2) { right: -100px; opacity: 0 }

	.top-nav-all.on span:nth-of-type(3) { width: 30px; }

}


	.header .menu-icon {
		width: 100px;
		height: 100px;
		 border-left:1px solid rgba(255,255,255,0.25);
		color: #fff;
		position: relative;
		cursor: pointer;
		transition: all 0.5s;
	}

	.header .menu-icon span {
		position: absolute;
		width: 30%;
		height: 2px;
		color: #FFFFFF;
		background-color: #fff;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;}
	.header .menu-icon span::before, .header .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width:130%; height: 2px; background-color: #fff; }
	.header .menu-icon span::before { top: 500%; }
	.header .menu-icon span::after { bottom:500%; }
	.header .menu-icon.open span { background-color: unset; }
	.header .menu-icon.open span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
	.header .menu-icon.open span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
	@media (max-width: 1250px) {
		.header .menu-icon {  }
	}
	@media (max-width: 575.98px) {
		.header { height: 70px; }
		#logo_title{ padding-left: 2%}
		.header .menu-icon { width: 70px; height: 70px; }
         .header #logo img { max-height: 70px; }
		.header #logo img.webname  { height: 25px;  width:114px;}
		}
.header.header-min .menu-icon,.header.hover .menu-icon{ background: #1a479b}
.mobile-nav { z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }


	.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
	.mobile-nav dl{ margin-bottom: 0;}
	.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:.3rem .5rem; }
	.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
	.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
	.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
	.mobile-nav dd{ display: none;}
	.mobile-nav dd ul{ margin-bottom:0; line-height:2;margin-top: 5px;list-style: circle;color: #fff;}
	.mobile-nav a{ color: #f8f8f8;}

	.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
	.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

	.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}

.open-menu.header{ position: fixed}


#flash_pc {overflow:hidden; background: #fff; }
#flash_pc .swiper-pagination5{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
#flash_pc .swiper-pagination5 .swiper-pagination-bullet {transition: all 0.5s;
	display: inline-block;
	margin-right: 10px;
	width:12px;
	height: 12px;
	border-radius: 100%;
	background: #fff;
	cursor: pointer; }
#flash_pc .swiper-pagination5  .swiper-pagination-bullet-active{ width:12px; background-color: #007bff }
#flash_pc .swiper-pagination-bullet {
	opacity: .8;
}
#flash_pc  .swiper-slide .bg {
	width: 100%;
	height: 100%;
	transition: 1s linear 2s;
}

#flash_pc  .swiper-slide .bg {
	transition: 20s linear;
	transform: scale(1.8, 1.8);
}
#flash_pc .swiper-slide-active .bg,
#flash_pc .swiper-slide-duplicate-active .bg {
	transform: scale(1, 1);

}
#flash_pc img.banner-img{ width: 100%}
.swp-btn i svg{ width: 20px; height: 20px; fill: #fff}
.swp-btn{ position: absolute; z-index: 99; top: 0; bottom:0; margin: auto; border-radius: 50%; width: 55px; height: 55px; background: rgba(255,255,255,0.5)}
.swp-btn.swiper-button-next1{ left:5%;}
.swp-btn.swiper-button-prev1{ right:5%;}

.bannerimg {
	-webkit-animation-name: bannerimg;
	animation-name:bannerimg;
}


#flash_pc .swiper-slide.swiper-slide-active .img{
	animation: bannerimg 12s linear 0s;
}


@keyframes bannerimg {
	0% {
		transform: scale(1);
		animation-timing-function: ease-in;
	}
	100% {
		transform: scale(1.15);
		animation-timing-function: ease-out;
	}
}
@media(min-width: 1199.98px){

	.open-menu .mobile-nav{ display: none!important;}

}
@media (max-width: 575.98px) {


}
@media(max-width: 991.98px){
	#flash_pc .swiper-pagination5 .swiper-pagination-bullet {
		width:6px;
		height: 6px;	margin-right: 5px;}
	#flash_pc .swiper-pagination5{   bottom: 5px;}

	.swp-btn i svg{ width: 10px; height: 10px; fill: #fff}
	.swp-btn{ position: absolute; z-index: 99; top: 0; bottom:0; margin: auto; border-radius: 50%; width: 25px; height: 25px; background: rgba(255,255,255,0.5)}


}


.full-menu { position: absolute;

	top: 0;
	left: 50%;
	width: 100vw;
	height: 100vh;
	background: url('../img/full_nav_bj.jpg') no-repeat;
	background-size: 100% 100%;
	z-index: 9999;
	padding: 0 .11rem;
	transition: -webkit-clip-path .6s;
	transition: clip-path .6s;
	transition: clip-path .6s, -webkit-clip-path .6s;
	-webkit-clip-path: ellipse(0 0 at 100% 0);
	clip-path: ellipse(0 0 at 100% 0);
	pointer-events: none
	}
.full-menu.open {    transform: translateX(-50%) translateY(0);
	-webkit-clip-path: ellipse(141% 141% at 100% 0);
	clip-path: ellipse(141% 141% at 100% 0);
	pointer-events: auto}
.full-menu .menu-wrap { padding:0 5%;height:100%; z-index: 999999 }
.full-menu dl { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 0; padding:5% 2%;  text-align: center; height: 100%; position:relative }
.full-menu dl b{ position:absolute; bottom:25%; left:0;right:0; margin:auto; width:100%; text-align: center; font-size:48px; color:#fff; opacity: 0}

.full-menu dl:hover{ background: #2550a0}
.full-menu dl:hover b{ color:#fff; opacity: 1}
.full-menu dl:hover a{ color:#fff}
.full-menu dl dt   { position: relative; padding: 2rem 0; font-weight:400; font-size: 24px!important;text-align: center  }
.full-menu dl dt a{ font-size:400; font-size:24px;}
.full-menu dl dt::after{ position:absolute;  content: ''; display: block; width: 2rem; height: 2px; background-color:#f60;
	bottom:-8%; left:0; right:0; margin:auto }
.full-menu dl dd { line-height: 2; text-align: center; padding-top:5% }
.full-menu dl dd a {  font-size:16px; color:#666666; width:100%; text-align:center}
.full-menu dl dd ul li{ width:100%; text-align:center}

@media (min-width: 1200px) { .full-menu dl:hover dt::after { width: 2rem; } }
.full-menu dl a { font-size:16px; color: #333333; -webkit-transition: color .5s,padding-left .3s; -moz-transition: color .5s,padding-left .3s; -ms-transition: color .5s,padding-left .3s; -o-transition: color .5s,padding-left .3s; transition: color .5s,padding-left .3s; position: relative; }
.full-menu dl a:hover { color: rgba(255,255,255,0.75); }
.full-menu .close-btn { position: relative; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #fbfcfc;  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); margin-right:15px; }
.full-menu .close-btn i,.full-menu1 .close-btn i { cursor: pointer; position: absolute; width: 50%; height: 2px; color: #a0a0a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.full-menu .close-btn i::before, .full-menu .close-btn i::after,.full-menu1 .close-btn i::before, .full-menu1 .close-btn i::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.full-menu .close-btn i::before,.full-menu1 .close-btn i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.full-menu .close-btn i::after,.full-menu1 .close-btn i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
.full-menu .close-btn:hover i,.full-menu1 .close-btn:hover i { color: var(--theme-red); }
.full-menu .close-btn:hover i::before,.full-menu1 .close-btn:hover i::before{ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.full-menu .close-btn:hover i::after,.full-menu1 .close-btn:hover i::after { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }


.menu-wrap>dl{ width: calc(100% / 6)}

.full-menu #logo_title{ display: flex}

@media (max-width: 1199.98px) { .full-menu dl dt { font-size: 20px; }
	.full-menu .close-btn { width: 3rem; height: 3rem; top: 2%; right: 4%; } }
@media(max-width: 991.98px){
	.full-menu .menu-wrap dl { width: calc(100% / 3)}
	.full-menu .menu-wrap { padding:0 5%;height:inherit }
	.full-menu dl:hover b{ color:#fff; opacity: 0}
	.full-menu dl dd { line-height: 2; text-align: center; padding-top:2% }
	.full-menu dl{ height: auto!important;}
	.full-menu dl dt {
		padding: 1rem 0;}

}

@media (max-width: 767.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; border-top:none }
	.full-menu dl dt { position: relative; padding-left: .875rem; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto; flex: 0 0 50%; text-align:left }
	.full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; z-index: 99999 }
	.full-menu .menu-wrap dl{ width: calc(100% / 1)}
	.full-menu dl{ padding:0%}
	.full-menu dl dt{ text-align:left; }
	.full-menu dl dt a{font-size:18px}
	.full-menu dl dd{padding-top:0}
	.full-menu #logo_title{ display: none}
	.full-menu .close-btn { position:absolute;  width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; }
	.full-menu dl a{ padding-left:0; z-index: 99999 }
	.full-menu dl:hover{ background: none}
	.full-menu dl:hover dt a{ color:#333}
	.full-menu dl:hover dd a{ color:#666}
	.full-menu dl dt{padding-left:0}
	.full-menu dl dt::after{  display:none }



}
@media (max-width: 575.98px) {
	.full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
	.full-menu dl dt { position: relative; padding: 0; padding-left: .0em; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0;
		position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto;  }

}




#flash_pc {overflow:hidden; background: #fff; }
 /*产品fourbig-box*/
.product-container-item{  width: 49%;}
.product-container-item .pro-nr-k{ background: #f5f6f8; width: 97%; height: 425px;transition: all 0.5s;}
.product-list-wrap{}
.product-list-wrap p:nth-of-type(1){ font-weight: bold; font-size: 36px; color: #333333;
	display:-webkit-box ;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	transition: all 0.5s;
}
.product-list-wrap .pro-bigmore{ transition: all 0.5s; position: relative; overflow: hidden; border-radius:2rem; border:1px solid #848485; width: 150px;height: 50px; font-size: 14px; color: #666666}
.product-list-wrap .pro-bigmore:after{ position: absolute;
	content: "";
	background: #1a479b;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transition: all 0.5s;}
.product-container-item:hover .product-list-wrap .pro-bigmore:after{transform: scaleX(1)}
.product-container-item:hover .product-list-wrap .pro-bigmore{ transform: translateY(5%); border:1px solid #1a479b; color: #fff}
.product-list-wrap .pro-bigmore span{ position: relative; z-index: 2;}
.product-container-item .product-list-img img{  transition: all 0.5s}
.product-container-item:hover .product-list-img img{ transform: scale(0.95)}

.product-container-item:nth-of-type(2n){}
.product-container-item:nth-of-type(2n) .product-list-img{ order: 2}
.product-container-item:nth-of-type(2n) .product-list-wrap{ order: 0; transform: translateX(0%); width: 45%}
.product-container-item:nth-of-type(2n+1) .product-list-wrap{ order: 0; transform: translateX(0%); width: 44%;
		display: flex;flex-flow: column; align-items: center; }
.product-container-item:hover  .product-list-wrap p:nth-of-type(1){ transform: translateY(5%)}
.product-container-item:hover .pro-nr-k{ border-radius: 1rem; background: #e6e9f2; box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.product-container-item:nth-of-type(2) .pro-nr-k,.product-container-item:nth-of-type(3) .pro-nr-k{ background: #e6e9f2}


@media(max-width: 1599.98px){
	.product-list-wrap p:nth-of-type(1){  font-size:24px;}
}
@media(max-width: 1399.98px){
	.product-container-item .pro-nr-k{  height: 325px}
}
@media(max-width: 991.98px){
	.product-container-item{  width: 100%;}
	.product-container-item .pro-nr-k{  width: 100%; height: 450px; flex-wrap: wrap}
	.product-list-img{ width: 100%; display: flex; justify-content: center}
	.product-list-img img{ max-width: 100%}
	.product-container-item .product-list-wrap{ width: 100%!important;}
	.product-container-item:nth-of-type(2n) .product-list-img{ order: 0}
	.product-container-item:nth-of-type(2n) .product-list-wrap{ order: 2; display: flex; flex-flow: column; flex-wrap: wrap; justify-content: center; align-items: center; }
	.product-container-item:nth-of-type(2n+1) .product-list-wrap{ order: 2;  }
	.product-list-wrap p:nth-of-type(1){  font-size:20px;}
	.product-list-wrap .pro-bigmore{  border:1px solid #848485; width:150px;height: 50px; }
}
@media(max-width: 767.98px){
	.product-container-item .pro-nr-k{ height: 320px;}
	.product-container-item .product-list-img img{   height: 150px}
}
 
@media(max-width: 1399.98px){
	.end_nav .end-nav-item{  width: calc(100% / 3)}

}
@media(max-width: 1299.98px){
	.end-hotline p:nth-of-type(2) span{ font-size: 30px;}
	.end_nav{ width: 60%}
	.end_right_contact{ width: 35%}
	#footer-container:after{   right: 0vw; background-size: 90%}

}
@media(max-width: 1199.98px){

	#footer-container:after{    background-size:65%}

}
@media(max-width: 991.98px){
	.end_right_contact{ width: 100%;border-left:none}
	#footer-container:after{ display: none}



}
@media(max-width: 767.98px){


	.end-hotline p:nth-of-type(2) span{   font-family: 'arial'; color:#ff6600!important; }

}

	/*标题*/
.index-product-bigbox{ background: url("../img/index_cp.jpg") no-repeat center top fixed; background-size: cover;}
.index-ty-title{}
.index-ty-title>div:nth-of-type(1){ font-size: 48px; color: #333333; position: relative}
.index-ty-title>div:nth-of-type(1) span b{ position: relative; z-index: 4; color: #004ca1; }


.index-ty-title>div:nth-of-type(1) span.no:after{ position: inherit;  }

.index-ty-title>div:nth-of-type(1):after{ position: absolute; content:attr(data-title); left: 0; right: 0; top: -60%;margin: auto;
	text-transform: uppercase;  font-family: pangmen; font-size: 100px; color: rgba(0,0,0,0.05);    z-index:0; font-weight: bold}


.index-ty-title.block2>div:nth-of-type(1):after{ position: absolute; content:attr(data-title); left: 0; right: 0; top: -50%;
	font-family: pangmen; margin: auto; text-transform: uppercase; font-size: 72px; color:rgba(255,255,255,0.05);    z-index:0; font-weight: bold}
.index-ty-title.block2>div:nth-of-type(1){ font-size: 36px; color: #282828; position: relative}

.index-ty-title.block2>div:nth-of-type(2){ font-size: 16px; color: rgba(0,0,0,0.85); line-height: 1}
.index-ty-title.block2>div:nth-of-type(1) span{
	position: relative;z-index: 3; color: #282828}
.index-ty-title>div:nth-of-type(2){ font-size: 16px; color: rgba(0,0,0,0.55); line-height: 1}

.pro-main-box{ background: #fff; border-radius: 1rem; overflow: hidden;}
.pro-title-one{ border-bottom: 1px solid #f5f5f5}
.pro-title-one>span:nth-of-type(2) svg{ width: 20px; height: 20px; fill: #ff6c39}
.pro-title-one>span:nth-of-type(2)  { position: relative; border:1px solid #ffe1d6; border-radius: 50%; height: 25px; width: 25px;}
.pro-title-one>span:nth-of-type(2):after { position: absolute; content: ""; border:1px solid #fff0eb; border-radius: 50%;  width: 100%; height: 100%; transform: scale(1.5)}
.pro-datil-font p:nth-of-type(1) span{ color: #282828; font-weight: bold}
.param-item{ width: calc(100%/2); line-height: 3}
.param-item span{ font-size: 12px; color: #666;}
.param-item i{ display: block;width: 5px; height: 5px;background: #223769;border-radius: 50%;}
.pro-info-img{ position: relative; background: #000}
.pro-info-img:before{ position: absolute; content: ""; background:rgba(0,0,0,0.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display:block; transform: scale(0); transition: all 0.5s;}

.pro-info-img:after{ position: absolute; content: "";   left: 0; top: 0; width: 85%; height: 85%; z-index: 2; display:block; border: 1px solid rgba(255,255,255,0.25);right: 0;bottom: 0; margin: auto;transform: scale(1.5); opacity: 0; transition: all 1s}
.pro-info-inco{ position:absolute; z-index: 3; content: "";left: 0;right: 0;top: 0;bottom: 0; margin: auto; width: 36px; height: 36px;
background-image: linear-gradient(to bottom,#ff8254,#ff652f); border-radius: 50%; transform: translateY(100%); opacity: 0; transition: all 1.25s}
.pro-info-inco i svg{ fill: #fff; width: 16px; height: 16px;}
  .pro-info-img img{ transition: all 0.5s;}
.pro-main-box:hover .pro-info-img img{ opacity: 0.75;  transform: scale(1.05); filter: brightness(1) grayscale(100%)}
.pro-main-box:hover .pro-info-img:before{transform: scale(1); }
.pro-main-box:hover .pro-info-img:after{transform: scale(1); opacity: 1 }
.pro-main-box:hover .pro-info-inco{transform: translateY(0); opacity: 1}

.pro-list-box-nav{ }
.pro-list-box-nav:before{ position: absolute;content: ""; width: 100%; height: 1px;border-bottom: 1px solid rgba(0,0,0,0.25); left: 0; top: 23.5%;}
.pro-listname-nav{}
.pro-listname-nav div>p:nth-of-type(1){ color: #333333; font-size: 16px; margin-bottom: 0}
.pro-listname-nav div   i{ position: relative; z-index: 5; display: block; background:rgba(0,0,0,0.25); width: 20px; height:20px; border-radius: 50%; transform: translateY(-35%);  transition: all 0.5s }
.pro-listname-nav div   i:after{  z-index: 5;position:absolute; background: #999999;  border-radius: 50%; content: ""; width:50%; height: 50%; left: 0; top: 0; right: 0;bottom: 0; margin: auto;  transition: all 0.5s }

.pro-listname-nav div span{ position: absolute; z-index: 2; top:4%;  left: 0;right: 0; margin:auto;  width: 100%; border-top: 1px solid #004ca1; transform-origin: center center; transform: scale(0); transition: all 0.5s; }

.swiper-slide-thumb-active .pro-listname-nav div  i,.pro-listname-nav:hover div   i{   background:rgba(0,76,161,0.25); }
.swiper-slide-thumb-active .pro-listname-nav div i:after,.pro-listname-nav:hover  div i:after{ background: #004ca1; }

.swiper-slide-thumb-active .pro-listname-nav div span,.pro-listname-nav:hover   div span{ transform: scale(1)  }
.swiper-slide-thumb-active .pro-listname-nav div>p:nth-of-type(1){ color: #004ca1; }
@media(max-width: 1199.98px){
	.index-ty-title>div:nth-of-type(1):after{   top: -20%;margin: auto;
	 font-size: 50px; color: rgba(0,0,0,0.05);    z-index:0; font-weight: bold}

}
@media(max-width: 991.98px){
	.index-ty-title.block2>div:nth-of-type(1):after{ display: none; position: inherit}
	.index-ty-title>div:nth-of-type(1):after{   left: 0; right: 0; top: auto;bottom:10%;margin: auto;  font-size: 40px; }
	.index-ty-title>div:nth-of-type(1){ font-size: 20px; }
	.index-ty-title.block2>div:nth-of-type(1){ font-size: 20px; }
	.index-ty-title.block2>div:nth-of-type(2),.index-ty-title>div:nth-of-type(2){ font-size: 14px; line-height: 1.5}
	.index-ty-title>div:nth-of-type(1):after{   top: -50%;margin: auto;font-size:40px;}
}
	/*首页公司简介*/
.company-font-title{}
.company-font-title div:nth-of-type(1){ position: relative; font-weight: bold; font-size: 36px; color: #282828;}
.company-font-title div:nth-of-type(1):after{ position: absolute; content:attr(data-title);left: 0; bottom: 0; color: #f8f8f8; font-size: 72px; font-family: numfont; text-transform: uppercase;   line-height: 0.75}
.company-font-title div:nth-of-type(1) span{ position: relative; z-index: 2}
.company-font-title div:nth-of-type(2) span{ font-size: 20px; color: #666;}
.company-font-title div:nth-of-type(2) i{ display: block; width: 8px; height: 8px; border-radius: 50%; background-image: linear-gradient(to bottom,#ff8052,#ff6f3c)}
.company-font-desc{ font-size: 16px; color: #666; line-height: 2}
.button-ty{ position: relative; background-image: linear-gradient(to bottom,#ff642e,#ff642e);  width: 150px; height: 40px; border-radius:2rem; transform-origin: center center; overflow: hidden;}
.button-ty span{ position: relative; font-size: 14px; color: #fff; transition: all 0.5s}
.button-ty i svg{ width: 30px; height: 30px; fill: #fff; transform-origin: center center; transform: rotate(-90deg);transition: all 0.5s}
.button-ty:before{ position: absolute; content: ""; background: #fc4101; width: 100%;
	height: 100%; left: 0; bottom: 0;top: 0;right: 0; margin: auto; border-radius: 2rem;
	transform-origin: right center; transition: transform 0.4s; transform: scaleX(0)}
.button-ty:hover:before{transform: scaleX(1);transform-origin: left center;}
.button-ty:hover  i svg{ transform: translateX(20%) rotate(-90deg)}















.floor-name{ width: 50%}
.floor-name a span{ position: relative;  color:#1f2022; font-size: 36px; }
.floor-name a>span:after{ position: absolute; content: '';left:0;bottom:0; width: 100%; height: 8px;
	background: #004ea1;	color:#1f2022;  }
.floor-name a>span>span{position: relative; z-index: 5;}
.floor-current-proname{ width: 50%}
.floor-current-proname .current-more{ width: 90px;}
.proname-right-box{ width: calc(100% - 100px)}
.current-more a span{ border:1px solid #f60; border-radius: 2rem; font-size: 18px; color:#f60; display: block; }
.current-more a { color:#f60}
.current-item{ font-size: 18px; color:#333333 }


.current-item  a span{  color:#333; border-radius: 2rem;display: block; }
.current-item:hover a span,.current-more:hover a span{background: #f60;  color:#fff ;}
.floor-box,.floor-box *{ transition: all 0.5s;}
.-p-10{ padding-left:7px!important; padding-right:7px!important;}



.pro-hot-two-box{ background: #fff; border-radius:1rem; height: 100%}
.pro-hot-two-box,.pro-hot-two-box *{ transition: all 0.5s}
.pro-hot-wrap-left{ width:60%;z-index:9;}
.pro-hot-wrap-right{ width:50%}
.pro-hot-two-box .pro-hot-title{}
.pro-hot-two-box .pro-hot-title p:nth-of-type(1) span{ background: #fff; border:1px solid #bfbfbf; border-radius: 2rem; color:#626262; font-size: 16px;}
.pro-hot-two-box .pro-hot-title p:nth-of-type(2){ color:#333333; font-size:24px; color:#333;}
.pro-hot-two-box .pro-hot-title i{ width: 100%;height: 2px; display: block;
	background-image: linear-gradient(to right,#004ea1 20%,#ebebeb 0)}

.pro-datil-desc>p:nth-of-type(1){ font-size: 16px; color:#636363}
.pro-datil-desc>.ty-param-item{ font-size: 15px; color:#333; line-height: 1.8rem;}

.pro-more-ty{}
.pro-more-ty  span{ font-size: 14px; color:#373737;}
.pro-more-ty   i{  background: #f60; width:18px; height: 18px; border-radius: 50%;  font-size: 14px;  color:#fff;}
.pro-hot-two-box:hover .pro-hot-title p:nth-of-type(1) span{  border:1px solid #ff6600; color:#fff; background: #ff6600;}
.pro-hot-two-box:hover img{ transform: scale(1.05)}
@media(max-width: 1299.98px){
	.prolist-allname{ position: relative ; width:60%;  }
}
@media(max-width: 991.98px){
	.floor-name,.floor-current-proname{ width: 100%}
	.current-more{ display: none}
	.proname-right-box{ width: calc(100%)}
	.floor-name a span{   font-size:20px; }
	.current-catname:after{ position: absolute; content:''; background: #1a479b; right:0;bottom:0; top:0; width:100%; height: 100%;  }
}





	/*产品综合页面*/
.floor_title{ border-right: 1px dashed #ccc  }
.floor_title p{font-size: 24px; color: #0075c4; font-weight: bold}
.floor_title div{font-size: 16px; color: #666; line-height: 2}
.pro-mess svg{ width: 30px; height: 30px; fill: #0075c4;}
.pro-mess p:nth-of-type(1){ font-size: 20px; font-weight: bold; color: #666}
.pro-mess div:nth-of-type(1){ font-size: 16px; color: #666}
.floor_title span:nth-of-type(1){ position: relative}
.floor_title span:nth-of-type(1):after{ position: absolute; content: ""; bottom:-60%; height: 2px;
		left: 0; width: 30%; background: #0075c4;}
.pro_floor .line{ border-top: 1px dashed #ccc  }
.pro_floor .pro-item-nav{ width: 75%;}
@media(max-width: 991.98px){
	.floor_title{ border-right: 0px dashed #fff  }
	.pro_floor .pro-item-nav{ width:50%;}
}


.white_bg{ position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0.85;
        z-index: 1;}

/* 图片左下角文字样式 */
.image-corner-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
 
  color: white;
  padding: 5px 12px;

  font-size: 16px;
  font-weight: bold;
  z-index: 10;
  transition: all 0.3s ease;
  pointer-events: none; /* 防止干扰鼠标事件 */
}

/* 鼠标移入时隐藏文字 */
.ih-item:hover .image-corner-label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}