* {
	margin: 0;	padding: 0;	border: 0;
}
h1,h2,h3,h4{ font-size:inherit; font-weight:inherit}
body{
	--green-light:#7cc465;
	--green:#32b16c;
	--green-deep:#009944;
}
h1,h2,h3,h4,h5,h6{font-size:inherit!important;}
.over-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.over-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.over-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}
.over-line-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	overflow: hidden;
}
.over-line-5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:5;
	overflow: hidden;
}
.over-line-6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:6;
	overflow: hidden;
}
body {
 overflow-x:hidden;position:relative;z-index:-2;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
 .bg-color{background: #f8f8f8}
 .bg-hs{ background: #f5f6f8;}
.bg-white{ background: #fff;}

@media(min-width:768px) {
	body{font-size:1.4rem;}
}
@media(min-width:992px) {
	body{font-size:1.6rem;}
	
	.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: 2px; background: #fc7133; 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}
/*top*/
.header {
	margin: 0 auto;
	width: 100%;
	top: 0;
	z-index: 99999;
	transition: all 0.5s;
	background: rgba(255,255,255,0);
	/*border-bottom: 1px solid rgba(255,255,255,0.3);*/
}
.header.hover{ background: rgba(255,255,255,0.1)}
.fix_top,.fix_bottom{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}
#logo_title{  width: 20%;}
.header .container{ width: 100%;}
.header.top_fixed{transition: all 0.5s; width: 100%; background:#fff;
	-webkit-box-shadow: 0 2px 16px 15px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 16px 15px rgba(0, 0, 0,  0.05);
	box-shadow: 0 2px 16px 15px rgba(0, 0, 0,  0.05);}
.header.top_fixed #logo img { transform: scale(0.95)}
.header-top{ background: #f4f4f4;   font-size: 12px; color: #666 }
.header-top a{ color: #666 }
.header #logo img{  }
#logo_title .logo-f-title p{ margin-bottom: 0; color: #fff}
#logo_title .logo-f-title p:nth-of-type(1){ font-size: 26px;  ; font-weight: bold;  }
#logo_title .logo-f-title p:nth-of-type(2){ font-size: 14px; text-transform:uppercase; font-family: Arial; }

.top-tel{ font-size: 14px; color: #414141; background: url(../img/top-scan.jpg) no-repeat right top; padding-right: 90px;}
.top-tel p{ font-family: numfont; color: #c8000b; font-size: 26px; }
.logo-tel{ justify-content: space-between; }



.header.header-min .hot_tel a,.header.hover .hot_tel a{ color: #999}

.search-btn-top{ position: relative;  }
.nav_box{ display: block}
.menu-icon{ display: none}


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

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

	.nav_box>ul>li>a { position:relative;font-size: 18px; color: #fff; display: block; width: 100%;z-index: 2;
		height: 100%;
		display: flex;
		align-items: center; }
	.nav_box>ul >li>a:hover span{ color:#fc7133;}

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

	.nav_box>ul >li>a:after { position: absolute; content: ""; width: 100%; height:2px; background:#fc7133;
		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:hover>a:after { transform-origin: left center; transform: scaleX(1) }
	.nav_box>ul >li:hover > a{ color: #fc7133}
}
.search-top{   display: none; position:relative;   width:100px; }
.search-top i{ width:25px; height:25px; border-radius: 50%; }
.search-top i svg{ fill: #fff; width: 30px; height: 30px;}

.up-tel{ padding:0 2% 0 0%; position:relative; width:20% }

.top-two{ display:flex; align-items: center; padding-right:2%;}
.hot_tel a{ font-size: 18px; color: #fff;  }
.hot_tel{ position:relative; padding-left:3% }
.hot_tel:before { position:absolute;content:'';left:0;top:0;bottom:0; margin:auto;
	background:rgba(0,0,0,0.65); width:1px; height:30%;}




.hot_tel p:nth-of-type(1){ margin-bottom: 0;font-size:16px; color:#666 }
.hot_tel p:nth-of-type(2){ margin-bottom: 0;font-size:20px; color:#666;font-family: 'Rany';font-weight:bold;   }

.up-tel i {  width: 36px; height: 36px; border-radius: 50%; background:none}
.up-tel svg{ width: 20px; height: 20px; fill: #fff}
.up-tel span{ font-size: 24px; color: #fff; font-family: 'Avian'; font-weight:bold }

.header.fix_top.sub-top .hot_tel p:nth-of-type(1),.header.hover .hot_tel p:nth-of-type(1){ color:#666}
.header.sub-top .hot_tel p:nth-of-type(2),.header.hover .hot_tel p:nth-of-type(2),.header.header-min .hot_tel p:nth-of-type(2){ color:#fc7133}
.header.fix_top .up-tel i svg ,.header.hover  .up-tel i svg ,.header-min   .up-tel i svg{fill:#fff}
.header.sub-top  .search-top i svg,.header.hover  .search-top i svg{fill:#fc7133;}
.header.sub-top  .search-top span,.header.hover  .search-top span,.header.header-min  .search-top span{color:#fc7133;}
.header.sub-top .hot_tel i svg,.header.hover .hot_tel i svg,.header.header-min .hot_tel i svg{ color:#fc7133!important;}

.top-scan{ display: flex;align-items: center;  position:relative }
.top-scan svg{ width:35px; height:35px; fill:#fff}

.top-scan:after{ position:absolute; content:''; width:1px; height:14px; background: #fff; left:0;top:0;bottom:0; margin:auto;}

.header.header-min,.header.hover,.header2{    --header-height: 70px; 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;
 
}

	#logo_title{  width: 22%; display: block}
	#logo_title .logo-f-title{ position: relative; transition: all 0.5s}
	.nav_box {width: 55%  }
	.search-top{  display: flex}

.up-tel{ display: flex}
.header .menu-icon {
	width: 100px;
	height: 100px;
	background-color: none;
	color: #fff;
	position: relative;
	cursor: pointer;
}

.header .menu-icon span {
	position: absolute;
	width: 40%;
	height: 2px;
	color: #FFFFFF;
	background-color: #174197;
	-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: 120%; height: 2px; background-color: #174197; }
.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: 1699.98px) {
	.up-tel span{ font-size: 18px;}
	#logo_title{  width: 25%; display: block}
	.up-tel{ width: 25%;}

	.nav_box {width: 50%  }
	.top-two{ display: none}
}
@media( max-width: 1499.98px) {
	.up-tel{ display: none}
	#logo_title{  width: 30%; display: block}
	.nav_box {width: 70%  }

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

	#logo_title{  width: 35%; display: block}
	.nav_box {width: 65%  }

}
@media(max-width:991.98px){
	#logo_title img {
		max-height:50px;
	}
	.nav_box{ display: none}
	.menu-icon{ display: block}
	.header .container{ width: 100%!important;max-width:100%!important;}


	#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;}
	.header .menu-icon {
		width: 60px;
		height: 60px;

	}
}
@media(max-width:768.98px){
	#logo_title{  width:auto;}
    #logo_title img {
        max-height: 32px;
    }

}

.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; }

}




	@media (max-width: 575.98px) {
		.header { height: 60px; }
		#logo_title{ padding-left: 2%}
		.header .menu-icon { width: 60px; height: 60px; }

		}

.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; backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.7);  width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);overflow-x: scroll; }


	.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
	.mobile-nav dl{ margin-bottom: 0;}
	.mobile-nav dt{ border-bottom:1px solid rgba(0,0,0,0.25); position: relative; padding:.3rem .5rem; }
	.mobile-nav dt a{ line-height:2; font-size:20px; display: block; font-weight: 100; 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 #999; 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: #333;  }
.mobile-nav dd ul li{   font-size:16px;}
.mobile-nav dd ul li a{ color:#666; padding:0 0 0 10px;}
	.mobile-nav a{ color: #333;}

	.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}
/*ank下拉*/
.nav_box.nav>li{ position:inherit!important;}
.sub-rn-nav-top{ display:none; position:absolute;top:100%; background:#f6f7f9;left:0;right:0; padding:0% 0;}
.sub-rn-nav-top li{ width:calc(100% / 4);}
.sub-rn-nav-top li i{margin-right:14px; display:block; width:4px; height:4px; background:rgba(0,0,0,0.85);
	transition: transform 0.5s;}
.sub-rn-nav-top li a{ display:flex; align-items:center;}
.sub-rn-nav-top li  span{font-size:18px;}
.sub-rn-nav-top li:hover a span{ color:#fc7032}
.sub-rn-nav-top li:hover i{background:#fc7032;}
.pro-nav-border-right:not(:nth-last-of-type(1)){ border-right:1px solid rgba(0,0,0,0.05)}
.jjfa-item2,.jjfa-item2 *{ transition: all 0.5s}
.jjfa-item2:hover .jjfa-title span{color:#fc7032}
.jjfa-item2:hover img{transform:scale(1.05)}


/*flash*/
.flach-btn{ position: absolute;bottom:5%;left:10%}
#flash_pc .swiper-pagination{ position: inherit; bottom:inherit!important; }
#flash_pc .swiper-pagination .swiper-pagination-bullet{ width:6px; height:6px; background: #fff; border-radius: 50%; transition: all 0.5s;transform: scale(0.85);}
#flash_pc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1.5);
	border-radius:50%; }
#flash_pc {overflow:hidden; background: #fff; }

#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.swiper .swiper-slide{  width: 100%; height: 100%; overflow: hidden}
#flash_pc.swiper .swiper-slide a>img{
	display: block;
	width: 100%;
	transform: perspective(1000px) translate3d(0, 0, 150px);
}
#flash_pc.swiper .swiper-slide.swiper-slide-active a>img {
	transition: 5s 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px);
}

#flash_pc.swiper .swiper-slide .flash-wrap p:nth-of-type(3){  font-size:26px; font-weight:100; }
#flash_pc.swiper .swiper-slide .flash-wrap{ position:absolute;top:22vh;left:0;right:0; margin:auto;}
#flash_pc.swiper .swiper-slide.swiper-slide-active  .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
#flash_pc.swiper .swiper-slide.swiper-slide-active  .flash-wrap p:nth-of-type(1){  -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
#flash_pc.swiper .swiper-slide.swiper-slide-active  .flash-wrap p:nth-of-type(2){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
#flash_pc.swiper .swiper-slide.swiper-slide-active  .flash-wrap p:nth-of-type(3){ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }

#flash_pc img.banner-img{ width: 100%}
#flash_pc  .swp-btn-x{position:relative;z-index: 9999;}
#flash_pc  .swp-btn-x i svg{ width: 30px; height: 30px; fill: #fff}
#flash_pc  .swp-btn-x.swiper-button-next1 i svg{ transform: rotate(-180deg)}
#flash_pc  .swp-btn-x i{ border-radius: 50%; width: 55px; height: 55px; background: rgba(255,255,255,0.5); z-index: 9999;}
#flash_pc  .swp-btn-x.swiper-button-prev1.swiper-button-disabled,#flash_pc  .swp-btn-x .swiper-button-next1.swiper-button-disabled
{  opacity: 0.4}
.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 .swp-btn-x i svg{ width: 10px; height: 10px; fill: #fff}
	#flash_pc .swp-btn-x i{    width:25px; height: 25px; background: rgba(255,255,255,0.5)}


}

.header.sub-top{ position: fixed; background:#fff;   box-shadow: 0 0 10px rgba(0,0,0,0.05)}
.header.sub-top.top-cp{ position: fixed; background:#fff!important;  border-bottom:1px solid #e9e9e9;box-shadow: 0 0 0px rgba(0,0,0,0.0)}
.header.sub-top #logo_title img.webname{    filter: inherit!important;}
.header.sub-top .nav a{ color: #000}
.header.sub-top .up-tel .tel-text span:nth-of-type(1) { color: rgba(0,0,0,0.5)}
.header.sub-top .up-tel .tel-text span:nth-of-type(2) { color: rgba(0,0,0,0.95)}
.header.sub-top .search-top,.header.sub-top .top-scan{border-left: 1px solid rgba(0,0,0,0.05);}
.header.sub-top .search-top i svg,.header.sub-top .top-scan i svg{ fill: #ccc}





.header.sub-top .up-tel span {	color: #fc7133;}
header.header-min,.header.hover{ position: fixed;    background-color: #fff;
	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: #333}
.header-min .hot_tel a,.header.hover .hot_tel a{ color: #333}

.header.header-min .hot_tel a,.header.hover .hot_tel a{ color: #999}

.header   #logo_title img.webname,.header.header-min #logo_title img.webname {
	filter: grayscale(100%) brightness(100)!important;
}
.header.sub-top .nav a{ color: #000}
.header.sub-top .up-tel .tel-text span:nth-of-type(1) { color: rgba(0,0,0,0.5)}
.header.sub-top .up-tel .tel-text span:nth-of-type(2) { color: rgba(0,0,0,0.95)}
.header.hover  #logo_title img.webname,.header.header-min #logo_title img.webname {
	filter: inherit!important;
}

.header.hover .search-top:after,.header.header-min .top-scan:after,.header.header-min .search-top:after,.header.hover .top-scan:after{ background:rgba(0,0,0,0.25);}




.search-top i svg{ transition: all 0.5s}
.search-top span{ font-size:18px;color:#fff}
.header.hover .top-two i svg,.header.header-min .top-two i svg {
	fill: #fc7133;
}

.header.hover .up-tel i svg,.header.header-min .up-tel i svg,.header.sub-top .up-tel i svg{ fill: #fc7133}
.header.hover .up-tel span,.header.header-min .up-tel span{ color: #333!important;}
.header.hover .up-tel .up-tel  .top-sc i svg,.header.header-min .up-tel  .top-sc i svg{ fill: #1b1b1b!important;}

.top-sc{ display:flex; position:relative;  }
.top-sc i {
	width: 46px;
	height: 36px;
	border-radius: 50%;
	background: none;
}
.top-sc i svg{ width:30px; height:30px; fill:#fff;}
.top-sc span{ font-size:16px; color:#fff; font-weight:400;}
.top-sc:before{   position:absolute;content:'';left:0;top:0;bottom:0; margin:auto;
	background:rgba(255,255,255,0.65); width:1px; height:50%;}
.sub-top #logo_title{  }
.ty-current{ margin-top: 100px;}
@media(max-width: 1199.98px){
	.ty-current{ margin-top: 60px;}
}

	/*akn-重工首页产品模块*/
.index-rn-product-bigbox{ padding:4% 0; }
.rn-ty-title{ position:relative;}
.rn-ty-title p{margin:0}
.rn-ty-title h2{font-size:40px!important;line-height: 1;font-weight:bold; color:#2b2a2a;  text-transform: uppercase;}
.rn-ty-title p {font-size:16px; color:rgba(0,0,0,0.5)}
.rn-ty-title .rn-title.white h2{ color:#fff}
.rn-ty-title .rn-title.white p{  color:rgba(255,255,255,0.5)}
.rn-ty-title .rn-title i.white img{ filter:grayscale(100%) brightness(100) !important;}
.rn-ty-title{position:relative; z-index:2}
.nk-pro-list-name,.nk-pro-list-name *{ transition:all 0.5s}
.nk-pro-list-name{ background:#fff; border-radius: 2rem; padding:4%;text-align:center; width:100%;}
.nk-pro-list-name span{ font-size:16px; color:#333; text-align:center; }
.swiper-slide-active .nk-pro-list-name,.nk-pro-list-name:hover{ background:#fc7133;  }
.swiper-slide-active .nk-pro-list-name span,.nk-pro-list-name:hover span{   color:#fff}
.pro-start-btn{}
.pro-start-btn i svg{ width:20px; height:20px; fill:#fc7133;}



.start-pro-bigbox{}
.start-pro-bigbox .start-left{ width:55%;padding:5%; background:url("../img/index_hot_cp_bj.jpg")  no-repeat left top/cover; }
.start-pro-bigbox .start-left .product-start h3{font-size:30px!important; color:#333;font-weight:bold}
.start-pro-bigbox .start-right{ width:45%}
.product-start-desc{ font-size:16px; color:#666666}
.pro-start-btn{ font-size:16px; color:#333}
.pro-btn-rn{ width:50px; height:50px; border:1px solid #666; border-radius: 50%; background:#333}
.pro-btn-nex{ background:#fc7133; border:1px solid #fc7133;}
.pro-btn-rn i svg{ width:30px; height:30px; fill:#fff; }
.prv-nex{ position:absolute;right:50%; bottom:8%; z-index:555;}
.start-pro-bigbox{ border-radius: 0.5rem; overflow: hidden;}
.swiper-button-disabled.pro-btn-rn{ opacity: 0.5;}
.pro-an-img{ border-radius: 0.5rem; overflow: hidden;}
.pro-an-wrap{ border-bottom:1px solid #e6e6e6; text-align:center; font-size:18px; color:#333}
.pro-font-mask{ opacity: 0;  position: absolute;left:0; top:0; width:100%; height:100%; transform: translateY(100%) ;
	background-image: linear-gradient(to bottom,rgba(252,113,51,0.9),rgba(252,113,51,0.9));  }
.pro-font-mask>p{ font-size:24px; color:#fff;   }
.pro-font-mask>i:nth-of-type(1){ width:25px; height:2px; background: #fc7133; display: block }

.pro-btn-1{ border:1px solid #fff; width:49%; height:45px; border-radius: 0.5rem;}
.pro-btn-1:nth-of-type(1),.pro-btn-1:hover{ background: #fff}
.pro-btn-1 a{ position:relative;z-index: 55;}

.pro-btn-1 a span{ font-size:16px; color:#fff }
.pro-btn-1:nth-of-type(1) a span,.pro-btn-1:hover a span{ color: #fc7133}
.pro-btn-1:nth-of-type(1) a i svg,.pro-btn-1:hover a i svg{ fill: #fc7133}
.pro-btn-1,.pro-btn-1 *{ transition: all 0.5s}
.pro-btn-1:hover a i svg{ transform: translateX(-20%)}

.pro-an-item,.pro-an-item *{ transition: all 0.5s;}
.pro-an-item:hover .pro-an-wrap{ background:rgba(0,0,0,0.85); color:#fff;border-radius: 0 0 0.5rem 0.5rem;}
.pro-an-item:hover .pro-an-img{ border-radius:0.5rem 0.5rem 0 0; overflow: hidden;}
.pro-an-item:hover   .pro-an-wrap a span{ color:#fff}
.pro-an-item:hover img{ transform:scale(1.05);}
.pro-an-item:hover .pro-font-mask{ transform: translateY(0); opacity: 1}
.pro-an-item:hover .proimg-c{ overflow: hidden;}
.pro-an-item:hover .proimg-c img{ transform: scale(1.15); transform: translateY(-20%) }
.pro-an-item:hover .protitle-name{ transform: translateY(-40%) }

.proinfo-btn1{ position: relative; box-shadow: 0px 10px 20px 0px rgba(201,171,110, 0.26);
	background-image: linear-gradient(to right,#fc7133,#fc7133); width:128px; height: 45px; border-radius: 0.25rem; box-shadow:0 y-shadow 10px 10px rgba(201,171,110,1); }

.proinfo-btn1 a span{ color:#fff; font-size:16px;}
.pro-btn-1 i svg{ width:20px; height:20px; fill:#fff}
.pro-btn-1 a span{ font-size:16px; color:#fff }
.pro-btn-1:nth-of-type(1) a span,.pro-btn-1:hover a span{ color: #fc7133}
.pro-btn-1:nth-of-type(1) a i svg,.pro-btn-1:hover a i svg{ fill: #fc7133}
.pro-btn-1,.pro-btn-1 *{ transition: all 0.5s}
.pro-btn-1:hover a i svg{ transform: translateX(-20%)}

.pro-an-item:hover .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.pro-an-item:hover .pro-font-mask {  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.pro-an-item:hover .pro-font-mask  p:nth-of-type(1)  { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }

.pro-an-item:hover .pro-font-mask i{  -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }

.pro-font-mask .pro-param{font-size:16px; color:rgba(255,255,255,0.85)}
.pro-an-item:hover .pro-font-mask .pro-param  { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
.pro-an-item:hover .pro-font-mask .pro-info-btn{ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; transform: scale(1) }
.pro-rn-more-btn,.pro-rn-more-btn *{ transition: all 0.5s}
.pro-rn-more-btn{ width:300px; height:60px; border-radius: 2rem; border:1px solid #fc7133;}
.pro-rn-more-btn span{ font-size:16px; color:#fc7133;}
.pro-rn-more-btn  i svg{ width:30px; height:30px; fill:#fc7133;}
.pro-rn-more-btn:hover{ background:#fc7133; }
.pro-rn-more-btn:hover span{ color:#fff;}
.pro-rn-more-btn:hover   i{ transform:translateX(10px);}
.pro-rn-more-btn:hover   i svg{ fill:#fff}

.pro-rn-more-btn2,.pro-rn-more-btn2 *{ transition: all 0.5s}
.pro-rn-more-btn2{ width:50%; height:50px; border-radius: 2rem; border:1px solid #fc7133;}
.pro-rn-more-btn2 span{ font-size:16px; color:#fc7133;}
.pro-rn-more-btn2  i svg{ width:30px; height:30px; fill:#fc7133;}
.pro-rn-more-btn2:hover{ background:#fc7133; }
.pro-rn-more-btn2:hover span{ color:#fff;}
.pro-rn-more-btn2:hover   i{ transform:translateX(10px);}
.pro-rn-more-btn2:hover   i svg{ fill:#fff}
@media(max-width: 1499.98px){
	.rn-ty-title h2{font-size:32px!important;}
	.rn-title img{ width:60px;}
	.rn-pro-btn p:nth-of-type(1){   font-size:16px;}
}
@media(max-width:1199.98px){
	.start-pro-bigbox .start-left{ width:55%;padding:2%;}
	}
@media(max-width: 991.98px){
	.start-pro-bigbox .start-left{width:100%}
	.start-pro-bigbox .start-right{ width:100%}
	.rn-ty-title h2{font-size:28px!important;}
	.rn-title img{ width:60px;}
	.rn-pro-btn p:nth-of-type(1){   font-size:14px;}
	.hot-dot{width:40px;}
	.pro-btn-rn{ width:40px; height:40px;  }
	.start-pro-bigbox .start-left .product-start h3{font-size:20px!important; }
	.pro-btn-rn i svg{ width:20px; height:20px;  }
	.prv-nex{ position:absolute;right:0%; bottom:30%; z-index:555;}
	.pro-btn-rn{  border-radius: 0.5rem!important; }

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

	.rn-ty-title h2{font-size:20px!important;}
	.rn-title img{ width:40px;}
	.rn-ty-title p {font-size:14px;}

	}
	/*akn-重工 公司简介综合页面*/
.ank-about-bigbox-all{ padding-bottom:5%;padding-top:5%;}
.ank-sub-about-left{ width:55%;padding-top:5%; padding-right:5%;}
.ank-sub-about-right{ width:45%;}
.ank-sub-about-title span{ position:relative; z-index:5; font-size:48px; font-weight:bold; color:#333; line-height: 1;}
.ank-sub-about-title{ position:relative}
.ank-sub-about-title:before{ position:absolute; content:attr(data-title);left:0;bottom:-80%;
	font-size:120px; font-family:'Roboto'; font-weight:Bold; color:#f2f2f2 }
.ank-sub-about-ftitle{}
.ank-sub-about-ftitle span{ font-size:24px; color:#333}
.ank-sub-about-ftitle i{ display:flex;height:1px; flex:1; background:#ccc;}
.ys-sl-nav{}
.ys-sl-nav i svg{ width:50px; height:50px; fill:#fc7133}
.ys-sl-wrap{ margin-top:20px;}
.ys-sl-nav .ys-sl-wrap p:nth-of-type(1){ margin:0; font-size: 24px; color:#333}
.ys-sl-nav .ys-sl-wrap p:nth-of-type(2){ font-size: 14px; color:#666; text-transform: uppercase;}
.ys-four-img .swiper-slide{ height:700px;}
.about-sl-wrap{ width:60%}
.about-sl-wrap .sl-ys-title{ font-size:48px; color:#fff; font-weight:bold;}
.about-sl-wrap .sl-ys-wrap{ font-size:16px; color:#fff; }
.ys-sl-nav{border-top:4px #f2f2f2 solid; z-index:55; background:#f2f2f2; width:calc(100% / 4); padding:1% 5%; cursor:pointer; height:100%;}
.ys-sl-nav:not(:nth-last-of-type(1)){ border-right:1px solid rgba(0,0,0,0.05);}
.ys-sl-nav,.ys-sl-nav *{transition: all 0.5s}
.ys-sl-nav{position:relative}
.ys-sl-nav:after{ position:absolute;content:''; width:100%;background:#fff;border-top:4px #fc7133 solid; height:120%; box-shadow: 0 0 20px  rgba(0,0,0,0.05); left:0;bottom:0; transform: scaleY(0);transition: all 0.5s; transform-origin: bottom center;}
.sl-nav{ position:relative; z-index:55}
.ys-sl-nav.active:after,.ys-sl-nav:hover:after{transform: scaleY(1);}
.ys-sl-nav:hover .sl-nav i,.ys-sl-nav.active .sl-nav i{ transform: translateY(120px);}
.ys-sl-nav:hover .ys-sl-wrap p,.ys-sl-nav.active .ys-sl-wrap p{ color:#fc7133;transform: translateY(-20px);}
.ys-sl-nav:hover .sl-nav i svg,.ys-sl-nav.active .sl-nav i svg{  transform: translateY(-15px);}

@media(max-width: 1299.98px){
	.ank-sub-about-title span{ font-size:24px; }

	.ank-sub-about-title:before{ bottom:-20%; font-size:40px;   }
	.ank-sub-about-ftitle span{ font-size:20px;  }
}
@media(max-width: 991.98px){
	.ank-sub-about-left{ width:100%;padding-top:5%; padding-right:0%;}
	.ank-sub-about-right{ width:100%;}
	.ys-four-img .swiper-slide{ height:400px;}
	.about-sl-wrap .sl-ys-title{ font-size:20px;}
	.ys-sl-nav{ width:calc(100% / 2);  padding:1% 2%; cursor:pointer}
	.ys-sl-nav i svg{ width:40px; height:40px;  }
	.ys-sl-nav:hover .sl-nav i,.ys-sl-nav.active .sl-nav i{ transform: translateY(120px);}
	.ys-sl-nav:after{height:120%}
	.about-sl-wrap{ width:100%}
	.ys-sl-nav .ys-sl-wrap p:nth-of-type(1){ font-size: 16px; }
	.ys-sl-nav .ys-sl-wrap p:nth-of-type(2){ font-size: 14px;}
	.ys-sl-wrap{ margin-top:10px;}
	.ys-sl-nav:not(:nth-of-type(2n)){ border-right:1px solid rgba(0,0,0,0.05);}
	.ys-sl-nav:not(:nth-of-type(n+3)){border-bottom:1px solid rgba(0,0,0,0.05);}
}
	/*akn-重工 资质荣誉*/
.about-ank-honor{ padding:5% 0;}
#honor .swiper-slide{ height:auto;}
#honor .demo-honor-k{ height:100%;}
.demo-honor-title {
	font-size: 16px;
	color: #000000;
}
#honor  .swp-btn2{
	position: absolute;
	z-index: 99;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	background: rgba(255,255,255,0.5);
	border:1px solid #dfe8f1;
	transition: all 0.5s;
}
#honor .swp-btn2 i svg{ fill:#3667ce; width:20px; height:20px;}


#honor .swp-btn2.swiper-button-next2{ right:51%;}
#honor .swp-btn2.swiper-button-prev2{ left:51%;}
#honor .swp-btn2.swiper-button-prev2 i svg{ transform: rotate(180deg);}
#honor .swp-btn2.swiper-button-prev2, #honor .swp-btn2:hover{ background: #3667ce;}
#honor .swp-btn2.swiper-button-prev2 i svg,#honor .swp-btn2:hover i svg{ fill:#fff;}
.swp-btn2.swiper-button-disabled{ opacity: 0.5}

@media(max-width: 991.98px){
	#honor .swp-btn2{
		width: 35px;
		height: 35px;}

	#honor .swp-btn2 i svg{  width:13px; height:13px;}

	.culture-demo-item{ width: 100%; background: #f4f5f7;}
	.about-demo-title2 p:nth-of-type(1){ position:relative;  font-size:25px; color:#333333 }
	.about-demo-title2 p:nth-of-type(1):after{  bottom:10%;font-size:30px; }


	.about-demo-title2.fw p:nth-of-type(1){ position:relative;  font-size:25px; color:#333333 }
	.about-demo-title2.fw p:nth-of-type(1):after{   font-size:30px; }



}
	/*akn-重工 企业文化*/
.about-ank-culture{ background:url("../img/culture_bj.jpg") no-repeat center top fixed; background-size:cover; padding:5% 0;}
.ank-cul-item{ padding:10% 10%; border:1px solid rgba(255,255,255,0.25); cursor:pointer}
.ank-cul-item .ank-cul-ico i svg{ width:80px; height:80px; fill:#fff}
.ank-cul-item  .ank-cul-twrap p:nth-of-type(1){ font-size:24px; color:#fff; font-weight:bold}
.ank-cul-item  .ank-cul-twrap div{ font-size:16px; color:#fff;  line-height: 2; }
.ank-cul-twrap{   margin:6% 0;}
.ank-cul-item,.ank-cul-item *{ transition: all 0.5s;}
.ank-cul-item:hover{ background: rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,1)}
.ank-cul-item:hover .ank-cul-ico{ transform: translateY(20%);}
.ank-cul-item:hover .ank-cul-twrap p{ transform: translateY(20%);}
.ank-cul-item:hover .ank-cul-twrap div{ transform: translateY(-10%);}
	@media(max-width: 991.98px){

	.ank-cul-item .ank-cul-ico i svg{ width:40px; height:40px; fill:#fff}
	.ank-cul-item  .ank-cul-twrap p:nth-of-type(1){ font-size:18px;}
}
/*akn-重工新闻详情*/
.news-big-title{ font-size:24px; text-align: center;  }
.news-time-click{ font-size:16px;text-align: center;  color: #666; border-bottom:1px #e7e7e7 solid;  }
.news-detail-content{ font-size:16px; color:#666; line-height:35px; padding:20px 0;}
.newsPage{ font-size:16px; border-top:1px #e7e7e7 solid; line-height:30px;}
.newsPage a{color:#999}

.pro-title-all2{}
.pro-title-all2 p:nth-of-type(1) span:nth-of-type(1){ font-size:24px; color: #333333;}
.pro-title-all2 p:nth-of-type(1) span:nth-of-type(2){ font-size: 16px; color: #999999; text-transform: uppercase}
.pro-title-all2 p:nth-of-type(2) { font-size:16px; color:#666666}
.pro-title-all2 p:nth-of-type(1) i{ display: inline-block; width: 3px; height: 30px; background: #fc7133}

.left-li-item{}
.left-li-item a p:nth-of-type(1){ font-size: 16px; color: #666; line-height: 2rem;}
.left-li-item a p:nth-of-type(1) i{ position: relative; background: #fc7133; color: #fff; font-size: 14px; font-weight: inherit  }
.left-li-item a p:nth-of-type(1) i:after{ position: absolute; content: "";left:-10px; top:0; bottom:0; margin:auto;
	background: #fc7133; width: 5px; height:5px; border-radius: 100%; display: block }
.left-li-item a p:nth-of-type(2){ font-size: 14px; color: #999;}
.left-li-item:nth-of-type(1) a p:nth-of-type(1) i{ background: #fc7133}
.left-li-item:nth-of-type(2) a p:nth-of-type(1) i{ background: #fc7133}
.left-li-item:nth-of-type(3) a p:nth-of-type(1) i{ background: #fc7133}
.left-li-item:nth-of-type(n+4) a p:nth-of-type(1) i{ background: #fc7133}

@media(max-width: 1299.98px) {
	.pro-title-all2 p:nth-of-type(1) span:nth-of-type(1){ font-size:18px; color: #333333;}
	.pro-title-all2 p:nth-of-type(1) span:nth-of-type(2){ font-size: 14px; color: #999999; text-transform: uppercase}

}
@media(max-width: 991.98px){
	.news-big-title{ font-size:18px; text-align: center;  }
	.news-time-click{ font-size:14px;}
}

	/*akn-重工产品综合页面*/
.demo-title2 p:nth-of-type(1){ font-size:36px; font-weight:bold; color:#d8d8d8}
.demo-title2 p:nth-of-type(2){ font-size:30px; font-weight:200; color:#044ca1 }
.proinfo-k-item,.proinfo-k-item *{ transition: all 0.5s}
.proinfo-k-item:hover .proinfo-right-k img{ transform: scale(1.05)}
.proinfo-k-item:hover .pro-info-title{ color:#fc7133}
.floor-bottom{ border-bottom:1px solid #eaeaea;}
.floor-item.pr { background: #fff; }
.floor-item.pr:nth-of-type(2n){ background: #f8fafb; }
.demo-proinfo-more{ width:150px; height:44px; border:1px solid #dbdfe3; border-radius:0.5rem; transition: all 0.5s}
.demo-proinfo-more span{font-size:16px; color:#484848}
.demo-proinfo-more i svg{ width:14px; height:14px; fill:#484848}

.demo-proinfo-more:hover { background: #fc7133; border:1px solid #fc7133; }
.demo-proinfo-more:hover i svg{ fill:#fff}
.demo-proinfo-more:hover span{ color:#fff}
.proinfo-k-item{border:1px solid #e0e0e0; background: #fff; border-radius: 0.5rem; box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.1); padding:5%  }
.proinfo-k-item .proinfo-left-k{ width:40%; padding:0 8% 0 0;}
.proinfo-k-item .proinfo-right-k{ width:60%}
.pro-info-title{ font-size:24px; font-weight:bold; border-bottom:1px solid #e0e0e0;  }
.pro-info-desc{ font-size:16px; color:#666; line-height: 2rem;}
.proinfo-left-k .pro-info-btn{ border-top:1px solid #e0e0e0; }
.info-btn{ width:48%; border:1px solid #e0e0e0; height:50px; border-radius: 2rem}
.info-btn span{color:#fc7133;font-size:14px;}
.info-btn:nth-of-type(1){ background: #fc7133;}
.info-btn:nth-of-type(1) a span{ color:#fff}
.proinfo-k-item,.proinfo-k-item *{ transition: all 0.5s}
.proinfo-k-item:hover .proinfo-right-k img{ transform: scale(1.05)}
.proinfo-k-item:hover .pro-info-title{ color:#fc7133}
.floor-bottom{ border-bottom:1px solid #eaeaea;}
@media(max-width: 1199.98px){
	.proinfo-k-item .proinfo-left-k{ width:100%; padding:0 0% 5% 0;}
	.proinfo-k-item .proinfo-right-k{ width:100%}
	.demo-title2 p:nth-of-type(1){ font-size:18px; }
	.demo-title2 p:nth-of-type(2){ font-size:20px;  }
	.pro-info-title{ font-size:16px;}
	.pro-info-desc{ font-size:14px;}
	}
@media(max-width: 991.98px){
 	.demo-title2 p:nth-of-type(1){ font-size:16px; }
	.demo-title2 p:nth-of-type(2){ font-size:18px;  }
	.pro-info-title{ font-size:16px;}
	.pro-info-desc{ font-size:14px;}
	.demo-proinfo-more{ width:120px; height:34px;  }
	.demo-proinfo-more span{font-size:14px;  }
	.demo-proinfo-more i svg{ width:12px; height:12px; fill:#484848}
}
	/*akn-公司简介*/

	.index-ank-about-bigbox{ padding:10% 0; background:url('../img/index_about_bj.jpg') no-repeat center top fixed; background-size:cover; position:relative}
	.index-ank-about-bigbox:after{ position:absolute;content:'';left:45%; bottom:0; width:55%; height:100%;
	 background:url("../img/about.png") no-repeat bottom left;}
	.ank-about-left{ width:60%; position:relative; z-index:55;}
	.ank-all-desc{ font-size:18px; color:#333; line-height: 2rem;}
.ank-about-title p{ margin:0}
.ank-about-title p:nth-of-type(1){ font-size:24px; color:#333}
.ank-about-title p:nth-of-type(1) span{ color:#fc7133}
.ank-about-title p:nth-of-type(2){ font-size:56px; font-weight:Bold; color:#333}
 .about-num-container .about-num-item4{ width: calc(100% / 3); }
.about-num-container .about-num-item4:not(:nth-last-of-type(1)){ border-right:1px solid #ebebec}
.about-num-item4>div>div:nth-of-type(1) span:nth-of-type(1){ line-height: 1;   color:#fc7133;
		font-family: 'Rany'; font-size:72px; font-weight:bold; }
	.about-num-item4>div>div:nth-of-type(1) span:nth-of-type(2){ font-size:16px; color:#fc7133; font-weight:Bold;}

	.about-num-item4>div>div:nth-of-type(2) span{ font-size:18px; color:#666}
	.about-num-container2 .about-num-item4{ width: calc(100% / 4); }

 .about-num-container2{ border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}

.ank-btn-more,.ank-btn-more *{ transition: all 0.5s}
.ank-btn-more{ position: relative; z-index: 999; background:#fc7133; border-radius: 2rem; width:190px; height:60px;
 border:2px solid #fc7133;}
.ank-btn-more span{text-transform: uppercase; transform: translateX(60%); color:#fff;font-size:16px;}
.ank-btn-more i{background: #fff;width:56px; height:56px;border-radius: 50%; display: inline-block}
.ank-btn-more i svg{width:20px; height:20px; fill:#fc7133}
.ank-btn-more:hover{background:#fff;}
.ank-btn-more:hover span{ color:#fc7133;transform: translateX(70%);}
.ank-btn-more:hover i{background:#fc7133}
.ank-btn-more:hover i svg{ fill:#fff}


.ank-btn-more2,.ank-btn-more2 *{ transition: all 0.5s}
.ank-btn-more2{ position: relative; z-index: 999; background:#fc7133; border-radius: 2rem; width:180px; height:50px;
	border:2px solid #fc7133;}
.ank-btn-more2 span{text-transform: uppercase; transform: translateX(60%); color:#fff;font-size:16px;}
.ank-btn-more2 i{background: #fff;width:46px; height:46px;border-radius: 50%; display: inline-block}
.ank-btn-more2 i svg{width:20px; height:20px; fill:#fc7133}
.ank-btn-more2:hover{background:#fff;}
.ank-btn-more2:hover span{ color:#fc7133;transform: translateX(70%);}
.ank-btn-more2:hover i{background:#fc7133}
.ank-btn-more2:hover i svg{ fill:#fff}
@media(max-width: 1299.98px){
	.ank-about-title p:nth-of-type(1){ font-size:20px; color:#333}
	.ank-about-title p:nth-of-type(2){ font-size:36px; font-weight:Bold; color:#333}
	.about-num-item4>div>div:nth-of-type(1) span:nth-of-type(1){ font-size:50px; font-weight:bold; }
}
@media(max-width: 991.98px){
	.index-ank-about-bigbox{ padding:5% 0 50%;}
	.index-ank-about-bigbox:after{ position:absolute;content:'';left:0%; bottom:0%; width:100%; height:100%;
		background:url("../img/about.png") no-repeat bottom left; background-size:100%;}
	.ank-about-left{ width:100%; position:relative; z-index:55;}
	.ank-about-title p:nth-of-type(1){ font-size:16px; color:#333}
	.ank-about-title p:nth-of-type(2){ font-size:24px;  }
	.about-num-item4>div>div:nth-of-type(1) span:nth-of-type(1){ font-size:24px; }
	.about-num-item4>div>div:nth-of-type(2) span{ font-size:16px;}
	.ank-btn-more{  width:160px; height:40px;  }
	.ank-btn-more i{ width:36px; height:36px;border-radius: 50%; display: inline-block}
	.ank-btn-more i svg{width:20px; height:20px; fill:#fc7133}
	.ank-btn-more2{  width:180px; height:40px;  }
	.ank-btn-more2 i{ width:36px; height:36px;border-radius: 50%; display: inline-block}
	.ank-btn-more2 i svg{width:20px; height:20px; fill:#fc7133}
}

 /*akn 首页 案例展示*/
.index-akn-cases{ padding:5% 0; height:800px;}
.cases-left{ width:40%; padding:5% 5% 0 0;}
.cases-right{ width:60%;}
.cases-right .swiper{  }

.cases-r-box{ position:absolute;left:0; top:0; width:120%; }
.ank-about-title2 p{ margin:0}
.ank-about-title2 p:nth-of-type(1){ font-size:24px; color:#333}
.ank-about-title2 p:nth-of-type(1) span{ color:#fc7133}
.ank-about-title2 p:nth-of-type(2){ font-size:48px; font-weight:Bold; color:#333}
.embed-responsive-2by5:before{ padding-top:140%;}
.cases-ank-item{ position:relative;}
.cases-ank-item:after{ position:absolute;content:'';left:0;bottom:0;  width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0) 100%); transition:transform 0.5s; transform:scaleY(0.25);
 transform-origin: bottom center;}
.cases-title{  position:absolute;  bottom:0;left:0; width:100%;  height:40px; z-index:555;
	  color:#fff; font-size:16px; }
.cases-ank-item:hover{
	img{ transform:scale(1.05);}
	.cases-title{ opacity: 0;transform:translateY(-10%);}
}
.cases-ank-item:hover:after{  height:100%; background:linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,.45)); transform:scaleY(1)}
.cases-ank-item,.cases-ank-item *{transition: all 0.5s}
.cases-mask{ position:absolute;left:0; z-index:55; top:0;bottom:0;right:0; margin:auto; width:100%; height:50%; transform: translateY(30%); opacity: 0}
.cases-title2{ font-size:20px; color:#fff}
.cases-ank-item:hover .cases-mask{ transform: translateY(0%); opacity: 1}
@media(max-width: 1599.98px){
	.ank-about-title2 p:nth-of-type(1){ font-size:20px; }
	.ank-about-title2 p:nth-of-type(2){ font-size:40px;}
	.pro-rn-more-btn2{ width:80%;}
	}
@media(max-width: 1499.98px){
	.cases-left{ width:100%; padding-right:0%}
	.cases-right{ width:100%;}
	.index-akn-cases{ height:auto}
	.embed-responsive-2by5:before{ padding-top:75%;}
	.cases-r-box{ padding-top:5%; position:inherit;left:inherit; top:inherit; width:100%; }
	.ank-about-title2 p:nth-of-type(1){ font-size:20px; }

	.ank-about-title2 p:nth-of-type(2){ font-size:30px; }

}
@media(max-width: 1199.98px){
	.ank-about-title2 p:nth-of-type(1){ font-size:16px; }
	.ank-about-title2 p:nth-of-type(2){ font-size:24px; }
	.ank-all-desc{ font-size:16px;}
}

	/*akn 四大优势*/
.ank-ys-item,.ank-ys-item *{  transition: all 0.5s}
.ys-img-container{ position: relative;}
.ys-img{ height:860px;}
.tf-ys-nav{ position:absolute;z-index:55; bottom:0; padding:0%;  height:860px; transition: all 0.5s}
.ank-ys-item{ cursor:pointer; position:relative;width:100%;  padding:10% 0 5%;  height:860px;  border-right:1px solid rgba(255,255,255,0.25);}
.ank-ys-container{ padding:10%; width:100%; height:100%;  position:relative; z-index:555;}
.ank-ys-num{ font-size:72px; color:#fff; font-family: 'Rany'; font-weight:bold; opacity: 0}
.ank-ys-icon{ width:100px; height:100px;}
.ank-ys-icon i{width:100px; height:100px;  display:block}
.ank-ys-icon i svg{ width:100px; height:100px; fill:#fff}
.ank-ys-title{ font-size:30px; color:#fff;padding:2% 0;}
.ank-ys-desc{ font-size:16px; color:rgba(255,255,255,0.8); transform: translateY(100%); opacity: 0}
.ank-ys-container>i{ display:flex;flex:1; width:1px; margin:15% 5%; height:auto; background: rgba(255,255,255,0);
	transform:scaleY(0); transform-origin: top center;
}

.ank-ys-item:after{ position:absolute; content:''; width:100%; height: 100%; top:0;bottom:0;left:0;right:0;  background:rgba(252,113,51,0.85); background-size: cover; -webkit-transition: all .5s;
	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	transition: all .5s;
	clip-path: circle(10% at 50% 50%); opacity: 0; z-index: 5}
.ank-ys-item.active:after,.ank-ys-item:hover:after{ opacity: 1; clip-path: circle(100% at 50% 50%); }

.ank-ys-item .youshi-mask{position:absolute;width:100%; opacity: 0; height: 100%; top:0;bottom:0;left:0;right:0;z-index: 999}
.ank-ys-item.active .youshi-mask{ opacity: 1}

.ank-ys-item.active,.ank-ys-item:hover{
	.ank-ys-num{transform: translateY(10%); opacity: 1}

	.ank-ys-title{transform: translateY(-10%);}
	.ank-ys-icon{ padding:10% 0; transform: translateY(-10%);}
	.ank-ys-desc{  transform: translateY(0); opacity: 1}
	.ank-ys-container>i{  background: rgba(255,255,255,1);transform:scaleY(1); transform-origin: bottom center;}

}
.tf-ys-nav .item .ank-ys-item{
	opacity:0.6;
	transition:0.3s;
}
.tf-ys-nav .item.active .ank-ys-item{
	opacity:1;
}
@media(max-width: 1799.98px){
	.ys-img{ height:800px;}
	.ank-ys-item{height:800px; }
	.tf-ys-nav{  height:800px; }
}
@media(max-width: 1299.98px){
	.ys-img{ height:650px;}
	.ank-ys-item{height:650px; }
	.tf-ys-nav{  height:650px; }
	.tf-ys-content{ padding:8% 0% 0 0; width:100%;}
	.ank-ys-icon i svg{ width:40px; height:40px; fill:#fff}
	.ank-ys-title{ font-size:20px;}
	.ank-ys-title{   transform: translateY(-30%); }
	.ank-ys-desc{  transform: translateY(-40%);  font-size:16px;}
	.tf-ys-title i svg{ width:40px; height:40px; fill:#080808}

	.ank-ys-num{ font-size:50px;}
	.ank-ys-item.active,.ank-ys-item:hover{
		.ank-ys-num{transform: translateY(10%); opacity: 1}
		.ank-ys-title{transform: translateY(-10%);}
		.ank-ys-icon{ padding:10% 0; transform: translateY(-10%);}
		.ank-ys-desc{  transform: translateY(-30%); opacity: 1}
		.ank-ys-container>i{ background: rgba(255,255,255,1);transform:scaleY(1); transform-origin: bottom center;}
	}
}
@media(max-width: 991.98px){
	.ank-ys-num{ font-size:40px;}
	.ys-img{ height:650px;}
	.ank-ys-item{height:650px; }
	.tf-ys-nav{  height:650px; }
	.ank-ys-icon i svg{ width:40px; height:40px; }
	.ank-ys-title{ font-size:20px;}
	.ank-ys-title{ transform: translateY(-40%); font-size:24px; }
	.ank-ys-num{ opacity: 1}
	.ank-ys-container>i{ display:flex;flex:1; width:1px; margin:0 5%; height:auto; background: rgba(255,255,255,1);
		transform:scaleY(1); transform-origin: top center;}
	.ank-ys-desc{  transform: translateY(-40%); opacity: 1}
	.ank-ys-item.active,.ank-ys-item:hover{
		 .ank-ys-num{transform: translateY(-40%); opacity: 1}
	}


}


/*akn-重工新闻中心*/
.index-ank-news-bigbox{ padding:5% 0;}
.sub-news-nav{ width:28%;}
.sub-news-nav .sub-news-item{ padding:0 5%}
.sub-news-nav .sub-news-item a span{position:relative;  font-size:18px; color:#333}
.sub-news-nav .sub-news-item a span:after{ position:absolute; content:''; left:0;bottom:0; background:#fc7133; width:100%;
 height:5px; z-index:-1;transform: scaleX(0)}
.sub-news-nav .sub-news-item:hover a span{ font-weight:Bold;}
.sub-news-nav .sub-news-item:hover a span:after{ transform: scaleX(1)}
.ank-news-wrap{padding:5% 0;}
.ank-news-wrap h3 { font-weight:bold; font-size:20px!important; color:#333}
.ank-news-wrap>i{ margin:30px 0; display:block; height:1px; width:100%; background:#e6e6e6; position:relative; }
.ank-news-wrap>i:after{ width:50px; height:4px;left:0;bottom:0; background:#fc7133; position:absolute; content:'';
transition:all 0.5s}
.ank-news-desc{margin:5% 0; font-size:16px; color:#666}
.ank-news-time{ font-size:16px; color:#333;  }
.ank-news-time span{ padding:1% 2%;  border-radius: 0.5rem;}
.ank-news-item{ padding:4%; }
.ank-news-item,.ank-news-item *{ transition: all 0.5s}
.ank-news-item:hover{
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	.ank-news-time span{  background:#fc7133; color:#fff}
	img{ transform:scale(1.05)}

	.ank-news-wrap>i:after{width:100%;}
}
@media(max-width: 991.98px){
	.sub-news-nav{ width:100%; margin:5% 0;}
	.sub-news-item{ padding:0}
}

/*akn-重工 首页底部广告条*/
.index-ank-ad{ background:url("../img/end_ad.jpg") no-repeat center top / cover; padding:3% 0;}
.ank-ad-ico svg{ width: 30px; height: 30px; fill: #fc7133}
.ank-ad-ico{width: 50px; height: 50px; background:#fff; border-radius: 50%;}
.ank-ad-tel p{ margin:0}
.ank-ad-tel p:nth-of-type(1){ font-size: 16px; color: #fff; }
.ank-ad-tel p:nth-of-type(2){ font-size: 30px; color: #fff;  font-family: Bahnschrift; line-height: 1}
.ank-right-btn{ width:260px; height:60px; background:#fff; border:2px solid #fff; border-radius: 2rem; font-size:16px; color:#fc7133}
.ank-ad-title{ color:#fff; font-weight:Bold;font-size:30px;}
.ank-right-btn:hover{  border:2px solid #fc7133;  color:#fc7133}
.ank-right-btn:hover a span{color:#fc7133}
@media(max-width: 1299.98px){
	.ank-ad-title{  font-size:24px;  }
	.ank-ad-ico svg{ width: 20px; height: 20px;  }
	.ank-ad-ico{width: 30px; height: 30px;  }
	.ank-ad-tel{ width:30%}
	.ank-ad-tel p{ margin:0}
	.ank-ad-tel p:nth-of-type(1){ font-size: 16px; color: #fff; }
	.ank-ad-tel p:nth-of-type(2){ font-size: 20px; color: #fff;}
	.ank-right-btn{ width:20%; height:40px;  }
}
@media(max-width: 991.98px){
	.ank-ad-title{  font-size:20px; width:100%;}
	.ank-ad-ico svg{ width: 20px; height: 20px;  }
	.ank-ad-ico{width: 30px; height: 30px;  }
	.ank-ad-tel{ width:100%}
	.ank-ad-tel p{ margin:0}
	.ank-ad-tel p:nth-of-type(1){ font-size: 16px; color: #fff; }
	.ank-ad-tel p:nth-of-type(2){ font-size: 20px; color: #fff;}
	.ank-right-btn{ width:50%; height:40px;  }
}
/*akn-重工 相关产品*/
.xgcp{ padding:5% 0;}
.xgcp,.xgcp *{ transition: all 0.5s;}
.xgcp-item{ text-align:center;}
.xgcp-item h2{ font-size:18px!important; color:#2b2a2a!important;}
.xgcp-item:hover h2{ font-weight:bold;color:#17519d!important;}
.xgcp-item:hover img{ transform: scale(0.95)}





	/*akn-重工合作伙伴*/
.index-sanwu-hzhb{ padding:2% 0;  }
.hzhb-item,.hzhb-item *{ transition: all 0.5s}
.hzhb-item{ cursor:pointer}
.hzhb-item:hover{   }
.ty-rn-title{ background:#fff; z-index:5 }
.hz-100{ position:relative}
.hz-100:after{ position:absolute; content:''; width:100%; height:1px; background:#e5e5e5; top:0;bottom:0; margin:auto }
.hzhb-item:hover img{ transform:scale(0.95)}
	/*akn-重工重工 厂容厂貌*/
.index-sanwu-crcm{padding-top:5%; padding-bottom:5%;}
.cfhj-left{width:40%; position:relative}
.cfhj-left:before{ position:absolute;content:'';right:-5%; height:108%; width:150%;top:-5%; background: #f3f4f6; }
.cfhj-item{ width:48%;}
.cfhj-right{ width:55%}
.crcm-right-all{ position:absolute;width:120%;left:0;top:-20%}
.embed-responsive-16by8{ position:relative}
.embed-responsive-16by8::before {
	padding-top: 59.25%;
}
.crcm-k,.crcm-k *,.cfhj-item,.cfhj-item *{ transition: all 0.5s}
.crcm-k{ position:relative;cursor:pointer}
/*.crcm-k:after{ position:absolute;content:'';background:rgba(0,0,0,0.5);width:100%; height:100%;left:0;top:0;right:0;bottom:0;margin:auto; transition: all 0.5s; clip-path: circle(10% at 50% 50%); opacity: 0; z-index: 5}*/
/*.crcm-k:hover:after{ opacity: 1;  clip-path: circle(100% at 50% 50%); }*/
.crcm-k:hover img{transform: scale(1.05);}
.cfhj-img{ position:relative;overflow: hidden;}
.crcm-title{ transform: translateY(100%); position:absolute;left:0;right:0;bottom:0;background:rgba(23,75,156,0.75); padding:2%; color:#fff; font-size:16px;}
.crcm-k:hover .crcm-title,.cfhj-item:hover .crcm-title{transform: translateY(0%); }
.cfhj-item:hover{ box-shadow: 0 0 10px rgba(23,75,156,0.5);}
.cfhj-item:hover img{transform: scale(1.05);}
@media(max-width: 1799.98px){
	.crcm-right-all{ position:inherit;width:100%;left:inherit;top:inherit}
}
@media(max-width: 991.98px){
	.cfhj-right{ width:100%;margin-top:10px;}
	.cfhj-left{ width:100%; position:relative}
	.cfhj-left:before{ position:inherit;content:inherit;right:0%; height:0%; width:100%;top:0%; background: #fff; display:none }
}

	/*akn-重工重工 资质荣誉*/
.about-wusan-honor{ background: url("../img/about_honor.jpg") no-repeat center bottom fixed; background-size:cover; padding-top:5%;
padding-bottom:5%;}

	/*akn-重工重工 产品综合*/
.prolist-sanwu-item,.prolist-sanwu-item *{ transition: all 0.5s}
.prolist-sanwu-item{ background: url("../img/cp_bj.jpg") no-repeat center top / cover; overflow: hidden;}
.prolist-sw-left,.prolist-sw-right{ width:50%; overflow: hidden;}
.prolist-sw-left{ padding:6% 0 6% 6%}
.prolist-sw-left .prolist-wrap-all h2{font-size:36px; color:#000000; font-weight:Bold;}
.prolist-sw-left .prolist-sw-desc{font-size:16px; color:#333; line-height: 2;}
.prolist-sw-left .prolist-btn{width:150px; height:50px; border-radius: 2rem; background: #fff;}
.prolist-sw-left .prolist-btn span{font-size:16px; color:#000;}
.prolist-sanwu-item:hover  .prolist-btn{ background: #174b9c}
.prolist-sanwu-item:hover .prolist-btn   i img{ transform:translateX(10px); filter:grayscale(100%) brightness(100)!important }
.prolist-sanwu-item:hover  .prolist-btn span{color:#fff}
.prolist-sanwu-item:hover .prolist-sw-right img{ transform: scale(1.05); }
.prolist-sanwu-item:hover .prolist-sw-left .prolist-wrap-all h2{color:#0056a5}
@media(max-width: 991.98px){
	.prolist-sw-left,.prolist-sw-right{ width:100%;}
	.prolist-sw-left{ padding:6%;order:2!important;}
	.prolist-sw-right{order:0!important;}
	.prolist-sw-left .prolist-wrap-all h2{font-size:24px;}
}

	/*akn-重工产品详情页*/
.proinfo-rn-ys{ padding:3% 0 5%; background:url("../img/cp_td_bj.jpg") no-repeat center bottom fixed;}
.proinfo-rn-title{}
.proinfo-rn-title span{ font-size:40px; font-weight:bold;}
.rn-td-item{}
.rn-td-item span{font-size:80px; font-family:'Arial'; font-weight: bold;background: linear-gradient(to bottom, #9eaccb, #f4f6f9);
	-webkit-background-clip: text;	background-clip: text;	color: transparent; line-height: 0}
.rn-td-item p{font-size:26px; color:#144a98; font-weight: bold; margin:0}
.rn-td-item .rn-desc{ font-size:16px; color:#666; line-height: 2}
.rn-td-item{  width:30%; padding-bottom:6% }
.tx-mb{ margin-bottom:1%;}
.proinfo-tx-left{  width:32%; cursor:pointer}

.tx-item{ background:#fff; padding:3%; cursor:pointer }
.proinfo-tx-right{ width:66%}
.tx-w{ width:49%; margin-bottom:1.6%; padding:4%; }
.tx-w:hover,.proinfo-tx-left:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.proinfo-tx-wrap .tx-title{ font-size:26px; color:#144a98; font-weight:bold;}
.proinfo-tx-wrap .tx-desc{ font-size:16px; color:#666}
.proinfo-tx-left .tx-desc{ line-height:1.5rem!important;}
.proinfo-rn-tx,.proinfo-rn-tx *{ transition: all 0.5s}
@media(max-width: 1499.98px){
	.proinfo-tx-wrap .tx-title{ font-size:20px;  }
	.proinfo-tx-wrap .tx-desc{ font-size:14px;  }
}
@media(max-width: 991.98px){
	.rn-td-item{  width:45%; padding-bottom:6% }
	.rn-td-item span{font-size:30px;  }
	.rn-td-item p{font-size:20px; }
	.rn-td-item .rn-desc{ font-size:14px;  }
	.proinfo-rn-title span{ font-size:30px;  }
	.rn-td-item{  width:100%; padding-bottom:6% }
	.tx-w,.proinfo-tx-left{  margin-bottom:3%;width:100%!important; min-height:auto;}
	.proinfo-tx-right{ width:100%;}
	.proinfo-tx-left img{ height:60px;}
	}
@media(max-width: 768.98px){
	.rn-td-item{  width:45%; padding-bottom:6% }
	.rn-td-item span{font-size:20px;  }
	.rn-td-item p{font-size:16px; }
	.rn-td-item .rn-desc{ font-size:14px; }
	.proinfo-rn-title span{ font-size:20px;  }
}
	/*模版客户案例*/
	.demo-img-k{ background: #fff; overflow: hidden;}
	.demo-demo-k,.demo-demo-k *{ transition: all 0.5s}
	.item-caption{ border-top:1px solid #f1f5f7; padding:4%; transition: all 0.5s}
	.item-caption span{font-size:18px; color:#333;}
	.item-caption div { display: block; width:30px; height:30px; background: #fd7134; border-radius: 50%;}
	.item-caption i svg{ width:20px; height:20px; fill:#fff}
	.demo-demo-k:hover img{ transform: scale(1.05)}
	.demo-demo-k:hover .demo-mask{ opacity: 1; transform: translateY(0%);}
	.demo-demo-k:hover .item-caption{ background: #fd7134;border-top:1px solid #fd7134;}
	.demo-demo-k:hover .item-caption span{ color:#fff}
	.demo-demo-k .demo-mask{position: absolute; display: block;
		background: rgba(0,0,0,0.5);
		height: 100%; font-family: Arial; font-size: 70px; color: #fff;left: 0; top: 0; right: 0; bottom: 0; margin: auto;
		z-index: 9; text-align: center; transform: translateY(-30%); transition: all 0.5s; opacity: 0}
	.demo-demo-k  .demo-mask i svg{ width: 50px; height: 50px; fill: #fff}

	.demo-demo-k:hover .item-caption>div{ transform: translateX(-20%)}
	.demo-demo-k:hover .item-caption>div{ background: #fff}
	.demo-demo-k:hover .item-caption>div  i svg{ fill: #fd7134}
	.demo-demo-k:hover .item-caption .item-caption span{ transform: translateX(10%)}





	/*手机底部导航*/
	#footer1_k{height:70px;	display: none;	position: relative;}
	#footer1{ width: 100%;   margin: 0 auto;bottom:0;display: flex;	justify-content: space-between;	background-color: #1a4893;
		color: #ffffff;  position: fixed;  z-index: 999;}
	#footer1 i{ display:block; font-size:20px; }
	#footer1 a svg{fill:#fff}
	#footer1 a{ padding: 10px 0; color:#fff; width:calc(100% / 4);   height: 100%;float: left; display:block; text-align: center;font-size:16px}
	#footer1 a:nth-last-of-type(1){ background: #ed6c00; }
	@media (max-width: 767.98px) {
		#footer1_k { display: block; }
	}

	/*客户案例demo*/
	.index-ty-demo-title{}
	.index-ty-demo-title p{ margin:0}
	.index-ty-demo-title p:nth-of-type(1){ font-size:24px; color:#0067e9; font-weight:bold; text-transform: uppercase; }
	.index-ty-demo-title p:nth-of-type(2){ font-size:42px; color:#333333;   }
	.index-ty-demo-title p:nth-of-type(3){ font-size:20px; color:#666666; font-weight:100   }
	.case-demo-k{}
	.case-demo-k .case-title2{ position: absolute; left:0;bottom:0; width:100%; color:#fff }
	.case-demo-k .case-k-wrap{ position: absolute; padding:5%; bottom:10%;
		width:80%;left:10%; background: #eef0f2; border-radius: 1rem; transform: translateY(100%); opacity: 0;}
	.case-k-img img{ border-radius: 1rem; }
	.case-k-img { position: relative}
	.case-k-img:after{ position:absolute; content:'';background: rgba(0,0,0,0.5); width:100%; height:100%; left:0;top:0; }
	.case-title{ color:#fff;font-size:24px;}

	.case-demo-k,.case-demo-k *{ transition: all 0.5s}
	.case-demo-k .case-k-wrap .case-k-title2{font-size:24px; color:#2b2b2b}
	.case-demo-k .case-k-wrap .case-content{font-size:16px; color:#2b2b2b;font-weight:100; line-height: 2}
	.case-demo-k .case-k-wrap .case-more2{ width:165px; height:45px; border-radius: 2rem; background-image: linear-gradient(to right,#1372eb,#0360d6) }
	.case-demo-k .case-k-wrap .case-more2 span{color:#fff;font-size:16px;}

	.case-demo-k:hover .case-title2,.swiper-slide-active .case-demo-k .case-title2{ transform: translateY(-200%); opacity: 0}
	.case-demo-k:hover .case-k-wrap,.swiper-slide-active .case-demo-k .case-k-wrap{ transform: translateY(10%); opacity: 1;}
	.case-demo-k:hover .case-k-img:after,.swiper-slide-active .case-demo-k .case-k-img:after{background: rgba(0,0,0,0);}

	/*demo 新闻模块*/
	.news-right-container{}
	.news-right-container > p:nth-of-type(1){ font-size:30px; font-weight:bold;color:#0c0c0c}
	.news-right-container > p:nth-of-type(2) i{ display:block;  background: #cd2929;width:5px; height:20px;  }
	.news-right-container > p:nth-of-type(2) span{ font-size:18px; color:#909090  }
	.news-k-desc{ color:#666666; font-size:16px;}
	.news-bigbox-left{ width:54%}
	.news-bigbox-right{ width:46%; padding:2% 4%}
	.news-k-desc{ border-top:1px solid #e0e0e0;}
	.news-more-k{ width:180px; height:54px; background: #3d3d3d; border-radius: 0.5rem}
	.news-more-k span{ color:#ffffff; font-size:14px;}



	.index-news-container{ background: url('../img/index_news_bj.jpg') no-repeat center top; background-size: cover;}
	.news-bigbox-left .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px;}
	.news-bigbox-left .swiper-pagination .swiper-pagination-bullet-active{ background: #e84227}
	.news-big-k,.news-big-k *{ transition: all 0.5s}
	.news-btn-more2{}
	.news-btn-more2 span{ font-size:16px; color:#666666; position: relative; z-index: 99}
	.news-btn-more2 span>i svg{ width:20px; height:20px; fill:#000; position: relative; z-index: 99}
	.news-btn-more2>i svg{ width:12px; height:12px; fill:#fff; position: relative; z-index: 99}
	.news-btn-more2>i{ width:50px; height:50px; border-radius: 50%; background: #3d3d3d; position: relative; z-index: 99}
	.news-img-k{ position: absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%}
	.news-k-bigitem{ padding:10% 10%; background: #f0f0f0;
		z-index: 999; position: relative;transition: all 0.5s}
	.news-k-bigitem>div:nth-of-type(1){ font-weight:bold; font-size:24px;transition: all 0.5s; position: relative; z-index: 99}

	.news-k-bigitem:after{ position:absolute; content:''; width:100%; height: 100%; top:0;bottom:0;left:0;right:0;
		background-image: linear-gradient(to right,rgba(9,83,167,0.9),rgba(9,83,167,0.9)); background-size: cover; -webkit-transition: all .5s;
		-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	transition: all .5s;
		clip-path: circle(10% at 50% 50%); opacity: 0; z-index: 1}
	.news-k-bigitem:hover:after{ opacity: 0.9; clip-path: circle(100% at 50% 50%); }
	.news-k-bigitem:hover{ background: none; }
	.news-big-k:hover{transform: translateY(5%)}

	.news-big-k:hover .news-k-bigitem>div:nth-of-type(1){ color:#fff}
	.news-big-k:hover .news-btn-more2 span { color:#fff}
	.news-big-k:hover .news-btn-more2 span>i svg{fill:#fff; }
	.news-big-k:hover .news-btn-more2>i svg{ fill:#fff}
	.news-big-k:hover .news-btn-more2>i{background: #fff}
	.news-big-k:hover .news-btn-more2>i svg{ fill:#ce2c2c}


	@media(max-width: 991.98px){
		.news-bigbox-left{ width:100%;}
		.news-bigbox-right{ width:100%;}
		.case-k-img img{ border-radius: 1rem 1rem 0 0; }
		.case-demo-k .case-k-wrap{ position: inherit; padding:5%; bottom:inherit;
			width:100%;left:inherit; background: #eef0f2; border-radius: 0rem; transform: translateY(0%); opacity:1;}
		.case-demo-k:hover .case-k-wrap,.swiper-slide-active .case-demo-k .case-k-wrap{ transform: translateY(0%); opacity: 1;}
		.index-ty-demo-title p:nth-of-type(1){ font-size:18px;   }
		.index-ty-demo-title p:nth-of-type(2){ font-size:20px;   }
		.index-ty-demo-title p:nth-of-type(3){ font-size:14px;    }
		.case-demo-k .case-k-wrap .case-k-title2{font-size:20px;}
		.news-right-container > p:nth-of-type(1){ font-size:20px;}
		.news-k-bigitem>div:nth-of-type(1){  font-size:18px;}
	}



	/*模板产品列表页面*/
	.current-font>p:nth-of-type(1){ font-size:48px; color:#000; font-weight: bold;}
	.current-desc{ font-size:18px; color:#4d4d4d; line-height: 2;}
	.pro-list-bigbox{ background: #fff;   box-shadow: 0 0 15px rgba(0,0,0,0.05)}
	.pro-list-bigbox:hover{ background: #fff; border-radius: 1rem;  }
	.pro-list-wrap{}
	.pro-list-wrap p{ font-size:20px; color:#3a3a3a}

	.pro-list-wrap .proinfo-three-box span{ font-size:14px; color:#666666; background: #f8f8f8; border-radius: 1rem; }

	.proinfo-list-more{ position: relative; overflow: hidden; height: 50px; width:60%; border-radius: 2rem; border:1px solid #dcdcdc}
	.proinfo-list-more span{font-size:16px; color:#999999;}
	.proinfo-list-more i svg{ width:15px; height:15px; fill:#999999; position:relative; z-index: 55 ; transform: translateX(50%)}
	.proinfo-img img{ transform: scale(1.05)}
	.pro-list-bigbox .proinfo-list-more:after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#fc7133;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}
	.pro-list-bigbox,.pro-list-bigbox *{ transition: all 0.5s}
	.pro-list-bigbox:hover .proinfo-list-more:after{ transform: scaleX(1); opacity: 1;}
	.proinfo-list-more span{ position:relative; z-index: 55;  }
	.pro-list-bigbox:hover .proinfo-list-more span{ color:#fff}
	.pro-list-bigbox:hover .proinfo-list-more i svg{ fill:#fff; transform: translateX(100%)}
	.pro-list-bigbox:hover .proinfo-img img{ transform: scale(1)}
	.pro-list-bigbox:hover .pro-list-wrap>p{ transform: translateY(-10%)}
	.pro-list-bigbox:hover .proinfo-three-box{ transform: translateY(-10%)}
	.pro-list-bigbox:hover .proinfo-list-more{ transform: translateY(-10%)}


	/*模板产品详情页*/
	.proinfo-bj{ background: url("../img/pro-info-bj.jpg") no-repeat top center;  background-size: cover;}
	.proinfo-left-warp{ width:55%}
	.proinfo-right-box{ width:45%; padding-right:5%}
	.proin-left-font p:nth-of-type(1){ font-size:24px; color:#666666;}
	.proin-left-font p:nth-of-type(2){ font-size:36px; color:#333; }
	.proin-left-font i{ width:50px; height:2px; background: #fd4619; display: block}
	.updown a i svg{ fill:#333435; width:15px; height:15px;}
	.updown a span{ font-size:16px; color:#5b5b5b}
	.proinfo-w80{ width:70%}
	.proinfo-three{}
	.proinfo-three .three-item{ border-right:1px solid #d2d2d2;width:calc(100% / 3)}
	.proinfo-three .three-item:nth-last-child(1){ border-right:0}
	.proinfo-three .three-item p{margin:0}
	.proinfo-three .three-item p:nth-of-type(1){font-size:18px; color:#282828; font-weight:bold;}
	.proinfo-three .three-item p:nth-of-type(2){ font-size:16px; color:#282828;font-weight:100 }
	.p-link-item{ width:40%}
	.pro-btn{ background: #fd4619; height: 58px; font-size:18px; font-weight:bold;}
	.pro-btn a{ color:#fff;}
	.pro-link .p-link-item i svg{width:20px; height:20px; fill:#fd4619}
	.pro-link .p-link-item a span{ color:#fd4619;font-size:20px;}





	.left-fontbox{ width: calc(100% - 120px);}
	.back_btn a{ position:relative;  width:150px; height:48px; overflow: hidden; border-radius: 2rem;
		border:1px solid #fd4619 ;position: relative;}
	.back_btn i svg{ width:15px; height:15px; fill:#5b5b5b;}
	.back_btn span{ color:#999999; font-size:16px; transition: all 0.5s}
	.back_btn a:after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#fc7133;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}

	.back_btn:hover a:after{ transform: scaleX(1); opacity: 1;}

	.back_btn span,.back_btn i{ position:relative; z-index: 999;}
	.back_btn:hover span{ color:#fff;  }
	.back_btn:hover a i svg{ fill:#ffffff}
	.back_btn:hover i { transform: translateX(10%);}
	.proinfo-four-box{  border-bottom:1px solid #dddddd;}
	.proinfo-four-box .proinfo-c-item{ width:calc(100% / 6);   }
	.proinfo-wrap-title{ position: relative}
	.proinfo-c-desc{   font-size:16px; color:#999999; line-height: 2}
	.proinfo-c-item .info-icon{ position:relative; width:60px; height: 60px; border:1px solid  #333333;background: #333333; border-radius: 50%; position: relative; }
	.proinfo-c-item .info-icon:after{position: absolute; content: ""; width: 100%; height: 100%;
		border-radius: 50%; border:1px solid #333333; top:0;bottom:0;left:0;right:0;margin:auto;
		z-index: 0; transform-origin: center center; transform: scale(1.2) }
	.proinfo-c-item i svg{ width:35px; height:35px; fill:#fff;}
	.proinfo-c-item i svg.cqsvg{ width:25px; height:25px; fill:#fff;}
	.proinfo-c-item i svg.zzsvg{ width:40px; height:40px; fill:#fff;}
	.proinfo-c-item p{font-size:16px; color:#666666;}
	.proinfo-btn-item{ width:160px; height:50px; border-radius: 2rem; position:relative; overflow: hidden; }
	.proinfo-btn-item:nth-of-type(1){  font-size:16px; background:#fc7133; color:#fff }
	.proinfo-btn-item:nth-of-type(2){  font-size:16px; background:#cc0000; color:#fff }
	.proinfo-btn-item a{ color:#fff; position: relative; z-index: 99;}
	.proinfo-tel-num i svg{ width:30px; height: 30px; fill:#e00000;}
	.proinfo-tel-num span{ font-size: 30px; font-family: 'Avian'; color:#e00000; }

	.proinfo-btn-item:nth-of-type(1):after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#cc0000;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}
	.proinfo-btn-item:after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#fc7133;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}

	.proinfo-btn-item:hover:after{ transform: scaleX(1); opacity: 1;}
	.proinfo-btn-item{ transition: all 0.5s}
	.proinfo-btn-item:hover{ transform: translateY(5%);}

	.sm-img{ margin:0 40px;}
	.proinfo-bu {width:30px;height:100%;position:absolute; display: block; background: #f5f5f5}
	.proinfo-bu i svg{ width:40px; height: 40px; fill:#272727}
	.proinfo-bu.proinfo-swiper-next i svg{ transform: rotate(180deg)}
	.proinfo-bu.proinfo-swiper-next{ right:0; top:0;bottom:0}
	#small-img  img{  transform: scale(1.15); transition: all 0.5s;}
	#small-img .swiper-slide-thumb-active img{  transform: scale(1)}

	.proinfo-wrap-title>p:nth-of-type(1){ position: relative; z-index: 4; font-size: 36px; color:#333333}
	.proinfo-wrap-title>p:nth-of-type(2){ position: relative; z-index: 4;font-size:16px; color:#717171}

	.proinfo-wrap-title>i{ display: block; width: 100%; height: 1px; background: #cccccc; position:relative;}
	.proinfo-wrap-title>i:after{ position: absolute; content: '';left:0;bottom:-1px; height:3px; background:#c51429; width:10%}

	.proinfo-current-desc{ font-size:16px; color:#666; line-height:2;}

	.proinfo-btn-box-two{}
	.proinfo-chat-btn{ background: #c51429; width:45%; height:60px; border:1px solid #c51429;}
	.proinfo-chat-btn a i svg{ fill:#fff; width:32px; height: 32px;}
	.proinfo-chat-btn a span{ color:#fff; font-size:24px; font-family: Avian;}
	.proinfo-chat-btn.light:hover{ transform: translateY(0)}

	.proinfo-tel{}
	.proinfo-tel i svg{ width:28px; height: 28px; fill:#f60;}
	.proinfo-tel span{ font-family: Impact;  font-size: 30px; color:#f60  }
	.light{ position: relative; overflow: hidden; transition: all 0.5s}
	.light:after {
		position: absolute;
		content: "";
		background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.65),rgba(255,255,255,0));
		transform:skewX(-45deg);
		width:60%;
		height: 100%;
		left: -100%;
		opacity: 1;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: all 0.75s;

	}
	.light:hover:after,	.jjfa-item:hover .light:after{ left:120%; opacity: 1;}
	.light:hover,.jjfa-item:hover .light:hover{ transform: translateY(2%);box-shadow: 0 0 10px rgba(26,71,155,0.25)}


	.proinfo-left-warp,.proinfo-left-warp *{ transition: all 0.5s}
	.back_btn:hover p {color: #c51429;transform: translateY(5%)}
	.back_btn:hover .back_btn-ico{   transform: translateY(5%)}
	.back_btn:hover i svg{fill:#5b5b5b}

	.pro-bigimg-k{ width:78%;}
	.pro-small-img-k{ width:20%;position: relative;  display: flex}

	#small-img{ height: 100%!important; }
	.imgsmall{ height: 100%!important; }

	.swp-btn8 {
		position: absolute;
		z-index: 99;
		left:0;right:0;
		margin: auto;
		border-radius: 50%;
		width: 55px;
		height: 55px;
		background: rgba(210, 210, 210, 0.95);
		transition: all 0.5s;
	}


	.swp-btn8 i svg{ width: 20px; height: 20px; fill: #fff}
	.swp-btn8.swiper-button-next8 i svg{transform: rotate(180deg)}
	.swp-btn8.swiper-button-next8{ top:0%; }
	.swp-btn8.swiper-button-prev8{ bottom:0%;}
	.swp-btn8:hover{ background: #f60}
	.small-proimg{ width:130px; height: 130px; background: #fff;  border:3px solid #fff; overflow: hidden}
	.small-proimg img{  width:100%; height: 100%;}

	.proinfo-detail-title span{ position: relative; font-size:24px; color:#333333 }
	.proinfo-detail-title span:after{ position: absolute; content: '';left:0;top:0;bottom:0; margin:auto; width: 2px; height: 80%; background: #1a479b}

	.swiper-slide-thumb-active .small-proimg{ border:3px solid #c51429;}
	.swiper-slide-thumb-active .small-proimg img{opacity: 0.8;}


	@media(max-width: 1399.98px){
		.proinfo-four-box .proinfo-c-item{ width:calc(100% / 4);}
		.proin-left-font p:nth-of-type(1){ font-size:20px; color:#666666;}
		.proin-left-font p:nth-of-type(2){ font-size:24px; color:#333; }
	}
	@media(max-width: 991.98px){
		.proinfo-four-box .proinfo-c-item{ width:calc(100% / 2);}
		.proinfo-left-warp{ width:100%; order:0!important;}
		.proinfo-right-box{ width:100%; padding-left:0%; order:2!important;}
		.proinfo-btn-item{ height:40px;}
		.proinfo-btn-item:nth-of-type(1){ width:50%;}
		.proinfo-btn-item:nth-of-type(2){ width:50%;}
		.proinfo-tel-num{ width:100%}
		.proinfo-w80{ width:100%}
		.proin-left-font p:nth-of-type(1){ font-size:18px; color:#666666;}
		.proin-left-font p:nth-of-type(2){ font-size:24px; color:#333; }
	}


	/*首页demo案例*/
	.index-case-bigbox{ background: url("../img/index_case_bj.jpg") no-repeat center top; background-size: cover;}
	.case-img-k{border-radius: 1rem; overflow: hidden; }
	.case-img-k:after{ position:absolute; content:'';left:0; bottom:0;right:0; background-image: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0)); height:50%; width:100%;}
	.case-img-k:hover .case-wrap{ color:#fff}


	.case-img-k .case-wrap{ position: absolute; bottom:0;left:0; right:0; margin:auto; font-size:16px; color:#fff; z-index: 99;}
	.case-img-k,.case-img-k *{ transition: all 0.5s;}
	.case-img-k{ box-shadow: 0 0 10px rgba(0,0,0,0.15);}
	.case-img-k img{ transform: scale(1.05)}
	.case-img-k:hover img{ transform: scale(1)}


	#case-container{}
	#case-container .swp-btn2{
		position: absolute;
		z-index: 99;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
		width: 55px;
		height: 55px;
		background: rgba(255,255,255,0.5);
		border:1px solid #dfe8f1;
		transition: all 0.5s;
	}
	#case-container .swp-btn2 i svg{ fill:#3667ce; width:20px; height:20px;}


	#case-container .swp-btn2.swiper-button-next2{ left:0;}
	#case-container .swp-btn2.swiper-button-prev2{ left:80px;}

	#case-container .swp-btn2.swiper-button-prev2,#case-container .swp-btn2:hover{ background: #3667ce;}
	#case-container .swp-btn2.swiper-button-prev2 i svg,#case-container .swp-btn2:hover i svg{ fill:#fff;}
	.swp-btn2.swiper-button-disabled{ opacity: 0.5}

	@media(max-width: 991.98px){
		#case-container .swp-btn2{
			width: 35px;
			height: 35px;}
		#case-container .swp-btn2.swiper-button-prev2{ left:40px;}
		#case-container .swp-btn2 i svg{  width:13px; height:13px;}
	}


	/*模板 新闻模块*/
	.index-news-bigbox{ background: url("../img/index_news_bj.jpg") no-repeat center top; background-size: cover;}
	.news-left-con{ width:50%; padding:2% 3%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15)}
	.news-title{ font-size:28px; color:#000000}
	.news-wrap-box p:nth-of-type(1){ font-size:22px; color:#333}
	.news-desc{ color:#8e8e8e;}
	.data-time{ font-size:14px; color:#999;}
	.news-left-con{}
	.news-left-con .swiper-pagination .swiper-pagination-bullet{ width:30px; height:2px; background: #dcdcdc; transition: all 0.5s; border-radius: 0.25rem; opacity: 1}

	.news-left-con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{   background: #cc0000}

	.news-right-con{ width:47%;  }

	.news-right-item .news-right-wrap p{ font-size:20px; color:#3f3f3f;}
	.news-right-item .news-two-desc{ font-size:16px; color:#848484}
	.news-right-item .time-date{ font-size:14px; color:#666666}
	.newsimg{ width:35%;}
	.news-right-wrap{ width:65%; padding-left:4%}
	.news-right-item.font2:not(:nth-last-of-type(1)){ width:100%; padding-left:0%; padding-bottom: 2%; border-bottom:1px solid #f1f2f6}

	.bg-white-shadow{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);padding:2% 0%;}

	.news-right-wrap i svg{ width:30px; height:30px; fill:#4a4a4a; transform: rotate(-180deg);}

	.news-right-item:hover .news-right-wrap p:nth-of-type(1) i{ transform: translateX(-50%)}

	.news-right-item,.news-right-item *{ transition: all 0.5s}
	.news-right-item.font2:not(:nth-last-of-type(1)):hover{ border-bottom: 1px solid #c40000}
	.news-right-item:hover .news-right-wrap p:nth-of-type(1){ color:#c40000}
	.news-right-item:hover .news-right-wrap i svg{ fill:#c40000}
	@media(max-width: 991.98px){
		.newsimg{ width:100%;}
		.news-right-wrap{ width:100%; padding-left:0%}
		.news-left-con{ width:100%;}
		.news-right-con{ width:100%;  }
	}
	/*模板广告*/
	.contact-tel{}
	.contact-tel .con-inco i{ width:65px; height: 65px;  border-radius: 50%;background:#da2c2c}
	.contact-tel .con-inco i svg{ width:30px; height:30px; fill:#fff}
	.contact-tel>div p{ margin:auto}
	.contact-tel>div p:nth-of-type(1){ color:#fff; font-weight:100; font-size:24px;}
	.contact-tel>div p:nth-of-type(2){ color:#f4f7f9;font-size:53px;font-family:'Rany'; font-weight:500}


	.end-tel i svg{ width:30px; height:30px; fill:#fff; }
	.end-tel i{ width:56px; height:56px; background: rgba(255,255,255,0.25); border-radius: 50%; }
	.end-num{ background: rgba(255,255,255,0.25); border-radius: 2rem; font-family: 'Avian'; font-size:30px; color:#fff}
	.end-contact-box{ width:40%;}
	.end-contact-box .end-item{ width:calc(100% / 2); color:rgba(255,255,255,0.65); font-size:16px; line-height: 2; }

	@media(max-width: 1499.98px){
		.end-contact-box{ width:100%;}
		.end-contact-box .end-item{ width:calc(100% / 4);}
	}
	@media(max-width: 991.98px){
		.end-contact-box{ width:100%;}
		.end-logo,.end-name{  width:100%;}
		.end-contact-box .end-item{ width:calc(100% / 2);}
		.contact-tel{}
		.contact-tel .con-inco i{ width:35px; height: 35px;  }
		.contact-tel .con-inco i svg{ width:20px; height:20px; fill:#fff}
		.contact-tel>div p:nth-of-type(1){   font-size:16px;}
		.contact-tel>div p:nth-of-type(2){  font-size:24px; }
		.footer_logo img{ height:60px; filter:inherit!important;}
		.footer_logo{ width:100%;}
	}
	@media(max-width: 768.98px){

		.end-contact-box .end-item{ width:calc(100% / 1);}
		.end-tel i{ width:40px; height:40px;}
		.end-tel i svg{ width:25px; height:25px; fill:#fff;}
		.end-num{ font-size:16px;}
		.footer_logo img{ height:50px;}
	}
	/*首页产品中心*/
	.index_pro_big_box{ background: url("../img/index_cp_bj.jpg") no-repeat center top fixed; background-size: cover;}
	.button-more{background: #004ca1; width: 152px; height: 44px; font-size: 16px; position: relative;}
	.button-more:after{ position: absolute;
		content: ""; background: #4486d0; width: 100%;	height: 100%;	left: 0;	bottom: 0;
		top: 0;	right: 0;	margin: auto;	 transform-origin: right center;	transition: transform 0.4s;
		transform: scaleX(0);}
	.button-more:hover:after{transform: scaleX(1);transform-origin: left center;}
	.button-more a{ position: relative; z-index: 2;}
	.button-more i{  width: 22px; height: 22px; position: relative; }
	.button-more i:after{ display: block; position: absolute; content: "";left:30%; border:1px solid #fff; border-radius: 50%; top: 0;
		bottom:0; top: 0; bottom: 0; margin:auto; width: 20px; height: 20px; border-left:1px solid transparent; transition: all 0.5s;
	}
	.button-more i svg{ fill: #fff; width: 20px; height: 20px; transform-origin: center center; transform: rotate(-90deg);transition: all 0.5s;}
	.button-more a{ color: #fff;}
	.button-more:hover i:after{ border-left:1px solid #fff;border-right:1px solid transparent;transform: translateX(-5%) }
	.button-more:hover i svg{ transform: translateX(80%)  rotate(-90deg);}


	.left_pro_font{ width: 40%}
	.right_pro_img{ width: 60%}
	.left_pro_font .pro_title_font{ position: relative; }
	.left_pro_font .pro_title_font p{ position:relative;font-size: 36px; letter-spacing:0.5rem;}
	.left_pro_font .pro_title_font:before{  position: absolute;
		content: attr(data-title);
		left: 0px;
		right: 0px;
		top: -80%;
		text-transform: uppercase;
		font-size: 50px;
		color: #ccc;
		font-family: Source Han Serif SC,思源宋体 CN;
		z-index: 0;
		font-weight: bold;
		margin: auto;
		opacity: 0.4;

	}
	.left_pro_font .pro_title_font p span{ position: relative; font-size: 36px; color: #004ca1; font-weight: bold}
	.left_pro_font .pro_title_font p span:after{ position: absolute; content: "";left: 0; bottom:0; width: 30%;
		height: 2px; background: #0d3983;
	}

	.pro-big-font{}
	.pro-big-font p:nth-of-type(1){ font-size: 30px; color: #333;}
	.pro-bg-desc{ font-size: 16px; line-height: 2; color: #999999}
	.right_pro_img img{ background: url("../img/cp_bj.png") no-repeat center center ;  }
	.pro-by{ position: absolute; z-index: 99; font-size: 16px; color: #333333; top: 35%;left:1%; height: 30px;
		width: 100%; text-align: left;}
	.swiper-pagination-current{ font-size: 32px; color: #333;}
	@media(max-width: 1199.98px){
		.left_pro_font .pro_title_font:before{ 	font-size: 35px; top: -40%;}

	}
	@media(max-width: 991.98px){
		.left_pro_font{ width: 100%}
		.right_pro_img{ width: 100%}
		.right_pro_img img{ background: url("../img/cp_bj.png") no-repeat center center ;  background-size: cover;  }
		.pro-by{  display: none}
		.left_pro_font .pro_title_font:before{ 	font-size: 30px; bottom:40%; top: auto;}
	}



	/*弹窗导航*/
	.nav-box-pay{ z-index: 998; background:url(../img/daohang_bj.jpg) no-repeat top center; background-size: cover; width: 100%; height: 100%;
		position: absolute;left: 0; top: 0; border-radius:0 0 50% 50%;
		transition: all 800ms cubic-bezier(.8, 0, .33, 1);
		opacity: 0;  position: fixed; overflow: hidden;
		transform: translateY(-100%);
	}
	.mb_nav{
		z-index: 998; background:url(../img/daohang_bj.jpg) no-repeat top center; background-size: cover; width: 100%; height: 100%;
		position: absolute;left: 0; top: 0; border-radius:0 0 50% 50%;
		transition: all 800ms cubic-bezier(.8, 0, .33, 1);
		opacity: 0;  position: fixed; overflow: hidden;
		transform: translateY(-100%);
	}

	.mb_nav ul{ width: 90%; margin: 20% auto; }
	.mb_nav ul li p{ border-bottom:1px solid rgba(255,255,255,0.2); width: 100%; box-sizing: border-box; padding-left: 5%;
		line-height: 40px;  height: 40px; transition: all 0.5s}
	.mb_nav ul li p a{ width: 80%; display: block; color: #fff;   display: block;
		float: left; font-size: 17px;}
	.mb_nav ul li>p   i{ color: #fff; font-size: 14px; width: 15%; text-align: right; float: right; padding-right: 5% ; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}



	.mb_nav ul li .mb_sub_menu{ display: none; padding:0 0 5%; }

	.mb_nav ul li .mb_sub_menu>a{ display: block; padding-left: 10%; line-height: 30px; position: relative; font-size: 14px; }
	.mb_nav ul li .mb_sub_menu>a:after{position: absolute; content: ""; background:#fff;left: 5%;top: 0;bottom: 0;margin: auto; height: 2px; width: 3%; }

	.mb_nav ul li.active .iconfangxiang{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); }

	.mb_nav ul li.active p{border-bottom:1px solid rgba(255,255,255,0); background:rgba(255,255,255,0.5) }
	.mb_nav ul li.active .mb_sub_menu{border-bottom:1px solid rgba(255,255,255,0.2);}





	.mb_nav ul li a{ color: #fff; font-size: 14px; }
	.nav-box-pay.nav-open,.mb_nav.nav-open {
		transform: translateY(0%);
		border-radius: 0%; opacity: 1;
	}



	.nav_content{ display: flex; width: 100%; height: 100vh;}
	.nav_content .nav_slide{ position: relative; width: calc(100%/6);   display:flex;height: 100vh;
		box-sizing: border-box; transition: all 0.5s;}
	.nav_content .nav_slide:before{ position:absolute; content: "";left:0px;height: 100%; width: 1px; background:#464647; transition: all 0.5s }
	.nav_content .nav_slide:after{ position:absolute; content: "";left:0px;height: 0%; width: 1px; background:#464647; transition: all 0.5s }

	.nav_content .nav_slide:hover:after{ height: 100%;background:rgba(255,255,255,0.3); }
	.nav_content .nav_slide:hover{ background:rgba(0,0,0,0.5);}
	.nav_content .nav_slide > a { display: block;left: 0;right: 0; top:40%; margin: auto; color: #fff; position: absolute; text-align: left; width: 40%; }
	.nav_content .nav_slide > a>p:nth-of-type(1){ font-size: 26px; text-transform: uppercase; }
	.nav_content .nav_slide > a>p:nth-of-type(2){ font-size: 26px;  }
	.nav_content .nav_slide .nav_son{ opacity: 0; text-align: center; color: #fff; position:absolute; top: 80%; width: 40%;left: 0; right: 0; margin: auto; transition: all 0.5s  }
	.nav_content .nav_slide .nav_son{ text-align: center; color: #fff; }
	.nav_content .nav_slide .nav_son ul{ text-align: center; }
	.nav_content .nav_slide .nav_son ul p,.nav_content .nav_slide .nav_son ul li{ text-align: center; }

	.nav_content .nav_slide .nav_son ul p i{color: #fff; font-size:30px; font-weight: 100;}
	.nav_content .nav_slide .nav_son ul li:nth-of-type(1){ padding-bottom: 30px; }
	.nav_content .nav_slide .nav_son ul li:nth-of-type(1) a{font-size: 30px; line-height: 80px; color: #fff}

	.nav_content .nav_slide .nav_son ul li:nth-of-type(n+2) a{ font-size: 16px; line-height: 55px; color: rgba(255,255,255,0.5);  }

	.nav_content .nav_slide.on .nav_son{ top: 25%; opacity: 1}

	.nav_content .nav_slide.on > a{ top: 0%; opacity: 0}
	.nav_content .nav_slide .nav_son ul li a:hover{ color:#fff; }


	#flash_pc {overflow:hidden; background: #fff; }
	/*服务流程*/
	.index-fwlc{
		overflow: hidden; position: relative; background-image: linear-gradient(to bottom,#fff,#f5f5f5); width: 100%; height: 100%;}
	.index-fwlc:before{ position: absolute; content: ""; width: 100%; height: 100%; background: url("../img/map.png") no-repeat center top;  }
	.liucheng-item{ width: calc(100% / 8); height: 100%;transition: all 0.5s}
	.lc-content{ width: 100%; height: 100%;transition: all 0.5s}
	.lc-content i{ transition: all 0.5s}
	.lc-content i svg{ width: 60px; height: 60px; fill: #8b8b8b; transition: all 0.5s}
	.lc-content>span{ font-size: 16px; color: #333333;transition: all 0.5s}
	.lc-content>div>span{ position: relative ;display: block; border:1px solid #ccc; width: 32px; height: 32px; border-radius: 50%; font-size: 14px;  transition: all 0.5s }
	.lc-content>div:nth-last-of-type(1)>span:before{ position: absolute; content: ""; display: block;   background: #e8e8e8; width:270%; height: 1px; left: 114%;right: auto; top: 0;bottom: 0; margin: auto;}
	.lc-content>div:nth-last-of-type(1)>span:after{ position: absolute; content: ""; display: block;   background: #e8e8e8; width:270%;height: 1px; right: 114%;left: auto; top: 0;bottom: 0; margin: auto;}
	.liucheng-item:hover .lc-content>div>span{  color: #fff; cursor: pointer; background: #004ca1;border:1px solid #004ca1;}
	.liucheng-item:hover .lc-content>div:nth-last-of-type(1)>span:after,.liucheng-item:hover .lc-content>div:nth-last-of-type(1)>span:before{background: #004ca1; width: 300%;-webkit-animation: xian_move_x 2s ease infinite;
		animation: xian_move_x 2s ease infinite;}
	.liucheng-item:hover .lc-content i svg{ transform: translateY(20%); fill: #004ca1}
	.liucheng-item:hover .lc-content>span{ transform: translateY(10%)}
	.liucheng-item:nth-of-type(1) .lc-content>div:nth-last-of-type(1)>span:after{ display: none;}
	.liucheng-item:nth-last-of-type(1) .lc-content>div:nth-last-of-type(1)>span:before{ display: none;}

	@keyframes xian_move_x {
		0% {
			transform: translateX(0) scale(1);
			opacity: 0.75
		}

		30% {
			opacity: 1
		}

		60% {
			opacity: 1
		}

		to {
			transform: translateX(0px) scale(.75);
			opacity: 0.75
		}
	}

	.fwlc-btn{ width: 600px; height: 46px;}
	.fwlc-btn>span{ font-size: 22px; width:75%; border: 1px solid #004ca1; color: #004ca1; border-radius: 2rem 0 0 2rem; height: 46px; transition: all 0.5s}
	.fwlc-btn>div:nth-last-of-type(1){ width: 25%; background:#004ca1; border-radius: 0rem 2rem 2rem 0rem; height: 46px;}
	.fwlc-btn>div:nth-last-of-type(1) i svg{ height: 24px; width: 24px; fill: #fff; transition: all 0.5s}
	.fwlc-btn>div:nth-last-of-type(1) span{ font-size: 18px; color: #fff;transition: all 0.5s}
	.fwlc-btn:hover>div:nth-last-of-type(1)  a i svg{ transform: translateX(20%);}
	.fwlc-btn:hover>div:nth-last-of-type(1){ background: #c50b0c}
	.fwlc-btn:hover>span{ border: 1px solid #c50b0c; color: #c50b0c}

	@media(max-width: 1299.98px){
		.liucheng-item{ width: calc(100% / 4);}
		.liucheng-item:nth-of-type(4) .lc-content>div:nth-last-of-type(1)>span:before{ display: none;}
		.liucheng-item:nth-of-type(5) .lc-content>div:nth-last-of-type(1)>span:after{ display: none;}

	}
	@media(max-width: 991.98px){
		.liucheng-item{ width: calc(100% / 3);}
		.liucheng-item:nth-of-type(4) .lc-content>div:nth-last-of-type(1)>span:before{ display: block;}
		.liucheng-item:nth-of-type(3) .lc-content>div:nth-last-of-type(1)>span:before{ display: none;}
		.liucheng-item:nth-of-type(6) .lc-content>div:nth-last-of-type(1)>span:before{ display: none;}
		.liucheng-item:nth-of-type(4) .lc-content>div:nth-last-of-type(1)>span:after{ display: none;}
		.liucheng-item:nth-of-type(8) .lc-content>div:nth-last-of-type(1)>span:before{ display: block;}
		.fwlc-btn{ width: 98%; height: 46px;}
		.fwlc-btn>span{ font-size: 14px;}
		.fwlc-btn>div:nth-last-of-type(1){ width: 100%; border-radius: 2rem;}
		.fwlc-btn>div:nth-last-of-type(1) span{ font-size: 14px; color: #fff;transition: all 0.5s}
	}
	/*优势模块*/
	.ys-item,.ys-warp-img{ position:relative; overflow: hidden;}
	.ys-warp-img{ height: 475px; text-align: right; transition: all 0.5s}
	.ys-item{ flex: 1; transition: all 0.5s}
	.ys-item.active{ flex:3}
	.ys-warp-img:after{ position: absolute; content: ""; background: rgba(0,76,161,0.5); width: 100%; height: 100%;
		left:0; bottom:0; transition: all 0.5s}
	.ys-item.active .ys-warp-img:after{; background: rgba(0,76,161,0.95);}
	.ys-item.active .ys-warp-img{ text-align: left}
	.ys-item-font1{ position: absolute;left:0; top: 0; width: 100%; height: 100%; }
	.ys-item-font1 .ys-font1 i svg{ width: 40px; height: 40px; fill: #fff; }
	.ys-item-font1 .ys-font1 span:nth-of-type(1){ color: #fff;writing-mode: tb-rl; letter-spacing: 1rem; font-size: 32px; }
	.ys-item-font1 .ys-font1 span:nth-of-type(2){ width:44px; height: 44px; border: 1px dashed #fff;}
	.ys-item-font1 .ys-font1 span:nth-of-type(2) svg{ width: 25px; height: 25px; fill: #fff;}
	.ys-item-mask{ position: absolute;left:0; top: 0; width: 100%; height: 100%; transform: translateY(100%); transition: all 0.5s}
	.ys-mask-title{}
	.ys-mask-title span:nth-of-type(1){ font-size: 28px; color: #fff; font-family: "Source Han Serif SC", "思源宋体 CN"; text-transform: uppercase; }
	.ys-mask-title span:nth-of-type(2){  font-size: 60px; color: #fff; font-family: "Source Han Serif SC", "思源宋体 CN";}
	.ys-mask-font p:nth-of-type(1){}
	.ys-mask-font p:nth-of-type(1) span{ font-size: 32px; color: #fff;}
	.ys-mask-font p:nth-of-type(1) i{ width:35px; height: 35px; border: 1px dashed #fff;}
	.ys-mask-font p:nth-of-type(1) i svg{ width: 25px; height: 25px; fill: #fff;}
	.ys-mask-keywords{ line-height: 2;  border-bottom: 1px solid rgba(255,255,255,0.25); font-size: 16px; color: #fff;}
	.ys-mask-keywords span{ position: relative;}
	.ys-mask-keywords span:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px; height:80%; background: #fff;right: 0; top: 0;bottom:0; margin:auto;}
	.ys-mask-desc{color: #fff; position: relative;}

	.ys-item.active .ys-item-mask{ transform: translateY(0)}
	.ys-item.active .ys-item-font1{ transform: translateY(100%);}
	.ys-item .ys-warp-img img { transition: all 0.5s}
	.ys-item.active .ys-warp-img img { transform: scale(1.15)}
	.ys-item.active .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.ys-item.active .ys-item-mask .ys-mask-title{  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.ys-item.active .ys-item-mask .ys-mask-font p:nth-of-type(1) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.ys-item.active .ys-item-mask .ys-mask-font  .ys-mask-keywords{ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
	.ys-item.active .ys-item-mask .ys-mask-font  .ys-mask-desc:after{ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; transform: scale(1) }
	.ys-item.active .ys-item-mask .ys-mask-font  .ys-mask-desc{ -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; }
	@media(max-width: 1299.98px){
		.ys-item{ flex:0 0 50%; transition: all 0.5s}
		.ys-item.active{ flex:0 0 50%;}
		.ys-item-font1{  display: none }
		.ys-item .ys-item-mask{ transform: translateY(0)}
	}
	@media(max-width: 991.98px){
		.ys-item{ flex:0 0 100%; transition: all 0.5s}
		.ys-item.active{ flex:0 0 100%;}
		.ys-item-font1{  display: none }
		.ys-item .ys-item-mask{ transform: translateY(0)}

		.ys-mask-title span:nth-of-type(1){ font-size: 18px; color: #fff; font-family: "Source Han Serif SC", "思源宋体 CN"; text-transform: uppercase; }
		.ys-mask-title span:nth-of-type(2){  font-size: 20px; color: #fff; font-family: "Source Han Serif SC", "思源宋体 CN";}
		.ys-mask-font p:nth-of-type(1){}
		.ys-mask-font p:nth-of-type(1) span{ font-size: 16px; color: #fff;}
		.ys-mask-font p:nth-of-type(1) i{ width:20px; height: 20px; border: 1px dashed #fff;}
		.ys-mask-font p:nth-of-type(1) i svg{ width: 15px; height:15px; fill: #fff;}
		.ys-warp-img{ height: 375px; text-align: right; transition: all 0.5s}


	}

	/*4大优势通用*/
	.youshi-nr{ border:1px solid rgba(255,255,255,0.25); transition: all 0.5s}
	.youshi-bigbox{ background:url("../img/ys_k_bj.jpg") no-repeat top center; background-size: cover;}
	.youshi-bigbox.two{ background:url("../img/ys_k_bj2.jpg") no-repeat top center; background-size: cover;}
	.youshi-bigbox.three{ background:url("../img/ys_k_bj3.jpg") no-repeat top center; background-size: cover;}
	.youshi-bigbox.four{ background:url("../img/ys_k_bj4.jpg") no-repeat top center; background-size: cover;}
	.ys-ico i  { width: 58px; height: 58px; position: relative; display: block }
	.ys-ico i svg{ position: relative; z-index: 4; width: 58px; height: 58px; fill: #fff; transition: all 0.5s }
	.ys-ico i:after{ position: absolute; content: ""; width: 15px; height: 15px; border-radius: 50%; background: #ed6c00;
		bottom: -5%;
		left: 0%;
		z-index: 0;
	}
	.ys-ico i.two:after{
		top: -3%;
		left:70%;

	}
	.youshi-bigbox:hover .ys-ico i:after {top:-0%;left:0%;transform-origin: 25px 25px; animation: whirl 1.5s linear infinite;}
	@keyframes whirl{
		100%{ transform: rotate(1turn);}
	}

	.ys-top span:nth-of-type(1){ font-size: 74px; color: #ed6c00; font-family: pangmen; font-weight: bold; transition: all 0.5s}
	.ys-title p{ margin: 0}
	.ys-title p:nth-of-type(1){ font-size: 30px; color: #fff; transition: all 0.5s}
	.ys-title p:nth-of-type(2){ font-size: 14px; color: rgba(255,255,255,0.25); text-transform: uppercase;transition: all 0.5s}
	.ys-demo-desc{ color: rgba(255,255,255,0.5); font-size: 18px; line-height:1.8;transition: all 0.5s}
	.ys-more a{ transition: all 0.5s; display: flex}
	.ys-more span{ color: rgba(255,255,255,0.25); font-size: 16px; transition: all 0.5s}
	.ys-more i{ display: block; color: rgba(255,255,255,0.25); font-size: 16px; transition: all 0.5s}

	.youshi-bigbox:hover .ys-title p:nth-of-type(1){ transform: translateY(10%);}
	.youshi-bigbox:hover .ys-title p:nth-of-type(2){ transform: translateY(15%);}
	.youshi-bigbox:hover .ys-demo-desc{ transform: translateY(10%);}
	.youshi-bigbox:hover .ys-more{transform: translateY(5%);}
	.youshi-bigbox:hover .ys-more span{ color: rgba(255,255,255,1); }
	.youshi-bigbox:hover .ys-more  i{ color: #fff; transform: translateX(-50%)}
	.youshi-nr:hover{ border:1px solid rgba(255,255,255,0.95)}
	.youshi-bigbox:hover i svg{ transform: scale(0.95)}
	.youshi-bigbox:hover .ys-top span:nth-of-type(1){transform: scale(0.95) translateX(-20%)}

	@media(max-width: 991.98px){
		.ys-top span:nth-of-type(1){ font-size: 40px;}
		.ys-title p:nth-of-type(1){ font-size: 20px; }
		.ys-demo-desc{   font-size: 16px;}
		.ys-ico i  { width: 35px; height: 35px;  }
		.ys-ico i svg{  width: 35px; height: 35px; }
		.youshi-bigbox:hover .ys-ico i:after { transform-origin: 15px 15px;}
		.ys-ico i:after{   width: 10px; height: 10px;}

	}



	/*底部导航*/
	.end-daohang{}
	.ft{ width: 50%; height: 220px;}
	.ft-left{ background: url("../img/end_left.jpg") no-repeat left top  ; background-size: cover;transition: all 0.5s }
	.ft-right{ background: url("../img/end_right.jpg") no-repeat left top  ; background-size: cover;transition: all 0.5s }
	.ft-btn{ width: 170px; height: 60px; border:1px solid #fff;border-radius: 0.25rem; overflow: hidden; position: relative;}
	.ft-btn a span{ position: relative; z-index: 2; font-size: 18px; color: #fff;transition: all 0.5s;}
	.ft-btn a i svg{ width: 32px; height: 32px;  fill: #fff;position: relative; z-index: 2; transition: all 0.5s }
	.ft-btn:after {
		position: absolute;
		content: "";
		background: #ed6c00;
		width: 100%;
		height: 100%;
		transform: scaleX(0);
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: all 0.5s;
	}
	.ft-btn:hover:after{ transform: scaleX(1); }
	.ft-btn:hover{ border:1px solid #ed6c00}
	.ft-btn:hover a i svg{ transform:translateX(-5%);}
	.ft-btn:hover a span{ transform:translateX(5%);}
	.ft:hover{ }



	/*标题*/
	.index-product-bigbox{ background: url("../img/index_cp.jpg") no-repeat center top fixed; background-size: cover;}
	.index-ty-title{}
	.index-ty-title p{ font-family: 'Avian'; font-size:36px; color:#dadbdb; text-transform: uppercase; font-weight:bold; }
	.index-ty-title>div:nth-of-type(1){ font-size: 36px; 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)}




	.company-sub-lanmu{}
	.company-sb-item{ width: calc(100% / 5)}
	.company-sb-item .sub-img,.company-sb-item .sub-img img{ border-radius: 0.5rem}
	.company-sb-item span i svg{width: 30px; height: 30px; fill: #bfbfbf; transform-origin: center center; transform: rotate(-180deg); position: relative; z-index: 2; transition: all 0.5s }
	.company-sb-item span:nth-of-type(1){ position: relative}
	.company-sb-item span:nth-of-type(1):after{ position: absolute; content: ""; background: #ececec; width: 14px; height: 14px; width: 14px; border-radius: 50%; bottom: 0;left: 0;right: 0; margin: auto;}
	.company-sb-item span{ font-size: 14px; color: #282828}
	.company-sb-item:hover span:nth-of-type(1):after{ background: #fdc7b1;}
	.company-sb-item:hover span i svg{fill: #ff855b; transform: rotate(-180deg) translateY(50%)}
	.company-sb-item .sub-img { position: relative; overflow:hidden; transition: all 0.5s}
	.company-sb-item .sub-img:after{ position: absolute; content: ""; left:0;right: 0; top: 0;bottom:0; margin: auto; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all 0.5s}
	.company-sb-item .sub-img img{ transition: all 0.5s}
	.company-sb-item:hover .sub-img img{ transform: scale(1.05);}
	.company-sb-item:hover .sub-img:after{ background: rgba(0,0,0,0);}

	.about-right{ height: 100%; width: 100%;}
	.about-right:before{ position: absolute; content: ""; background: #223769; width: 150%; height: 100%; border-radius: 2rem 0 0 2rem; z-index: -1}
	.about-right-img{ position: absolute;width: 140%;;left: -10%; bottom:-10%}
	.about-big-engname{ position: relative}
	.about-big-engname:before{ position: absolute; content: attr(data-ltitle);  font-size: 206px;
		color: transparent;  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.05);  font-style: italic;
		text-transform: uppercase; font-family: 庞门正道标题体; left: 0;right: auto; top:10%; margin: auto; width: 50%;
	}
	.about-big-engname:after{ position: absolute; content: attr(data-rtitle);  font-size: 206px;
		color: transparent;  -webkit-text-stroke: 1px rgba(255,255,255, 0.15);  font-style: italic;
		text-transform: uppercase; font-family: 庞门正道标题体; left:auto;right: -2%; top:10%; margin: auto; width: 50%;
	}

	@media(max-width: 1799.98px){
		.about-big-engname:after,.about-big-engname:before{ font-size: 165px}
		.about-big-engname:after{right: 0%;}
	}
	@media(max-width: 1699.98px){
		.about-right:before{   width: 100%;  border-radius: 2rem 0 0 0rem;}
		.about-right-img{ width: 100%;left: 0%; bottom:0%; font-size: 100px}
	}
	@media(max-width: 1499.98px){
		.about-big-engname:before{display: none}
		.about-big-engname:after {  right:0;display: block;font-size: 100px; text-align: center }
		.company-font-title div:nth-of-type(1){ font-size: 24px;}
		.company-font-title div:nth-of-type(2) span {
			font-size: 16px;
			color: #666;
		}

	}

	@media(max-width: 991.98px){
		.about-big-engname:before{display: none}
		.about-big-engname:after{display: none}
		.company-sb-item{ width: calc(100% / 2)}
		.about-right-img{ position: inherit; }

		.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: 16px; color: #666;}

		.company-font-title div:nth-of-type(1):after{   font-size: 24px; }
		.company-font-title div:nth-of-type(1){ font-size: 18px;}

	}

	/*案例模块*/
	.case-top-img{	overflow: hidden; border-radius: 0.5rem;}
	.case-wrap-font{ position: absolute; right: 2%; bottom: 4%; width:60%; height: 50%; border-radius: 1rem;
		background: #fff; transform: translateY(200%); transition: all 0.5s}
	.case-nr{ position: relative;}
	.case-nr:after{   position: absolute;
		content: attr(data-title);	right: 0px;	bottom:0%;	text-transform: uppercase;	font-family: 庞门正道标题体;
		font-size: 70px;	line-height: 0.35;	color: rgba(0, 0, 0, 0.05);	z-index: 0;	font-weight: bold;	margin: auto;}
	.case-wrap-font .case-nr{}
	.case-wrap-font .case-nr>p:nth-of-type(1){ font-size: 20px; color: #333333; font-weight: bold;}
	.case-wrap-font .case-nr>p:nth-of-type(1) span{ position:relative}
	.case-wrap-font .case-nr>p:nth-of-type(1) span:before{ position:absolute; content: "";width: 100%; height:4px; background: rgba(0,76,161,0.5); bottom: 0; }
	.case-wrap-font .case-nr>div:nth-of-type(1){ font-size: 16px; color: #999; }
	.case-wrap-font .case-nr>div:nth-of-type(2)  { font-size: 16px; color: #004ca1;}
	.case-wrap-font .case-nr>div:nth-of-type(2)   i{ display: block; transition: all 0.5s}
	.case-wrap-font:hover .case-nr>div:nth-of-type(2)  i{ transform: translateX(100%)}

	.case-top .swiper-slide-active .case-wrap-font{transform: translateY(0%);}




	.case-top .swiper-slide-active .animated,.case-bottom .case-big-all:hover .animated{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.case-top .swiper-slide-active .case-wrap-font .case-nr p:nth-of-type(1),.case-bottom:hover   .case-wrap-font .case-nr p:nth-of-type(1){  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.case-top .swiper-slide-active .case-wrap-font .case-nr>div:nth-of-type(1),.case-bottom:hover   .case-wrap-font .case-nr>div:nth-of-type(1){ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.case-top .swiper-slide-active .case-wrap-font .case-nr>div:nth-of-type(2) ,.case-bottom:hover   .case-wrap-font .case-nr>div:nth-of-type(2) { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
	.case-top .case-top-img img,.case-bottom .case-big-all .case-top-img img{ transition: all 0.5s;transform: scale(1.05);}

	.case-big-all:hover  .case-top-img img{ transform: scale(1); filter: contrast(1.05) brightness(1.12) ; opacity: 0.9;	-webkit-transition: all 1s; }

	.case-bottom .case-big-all:hover .case-wrap-font {transform: translateY(0%);}
	@media(max-width: 1699.98px){
		.case-wrap-font {

			width:80%;
			height:70%;

		}
		.case-wrap-font .case-nr>p:nth-of-type(1) {
			font-size: 16px;

		}
		.case-nr:after{
			font-size: 50px; bottom: -3%;line-height: 0.7;}
	}
	@media(max-width: 1299.98px){
		.case-nr:after{ display: none;}
	}
	/*公司简介*/
	.index-about-big-box{ height: 100%; background: url("../img/index_about_left.jpg") no-repeat; right: 50%;top: 0}
	.left-about-box2{ display: none; position: relative;width: 100%;}

	.right-font-box{ position:relative; height: 100%;
		overflow: hidden;}
	.right-font-box:before{ position: absolute;content: ""; width:300%; height: 100%; background: url("../img/index_about_right_dot.jpg") repeat top left;}
	.right-font-box:after{ position: absolute;content: ""; width: 300%;height: 100%;  background: url("../img/about-house.png") no-repeat left bottom;left: 40%;bottom: 0%; opacity: 0.45}
	.about-title-font p{ margin: 0}
	.about-title-font p:nth-of-type(1){ line-height: 0.8; letter-spacing: -0.25rem}
	.about-title-font p:nth-of-type(1){ font-size: 60px; font-family: 'Bahnschrift'; text-transform: uppercase;}
	.about-title-font p:nth-of-type(1) span:nth-of-type(1){ color: #004ca1;}
	.about-title-font p:nth-of-type(2){ font-size: 30px; color: #004ca1}
	.right-about-desc{ font-size: 16px; color: #666666; line-height: 2}
	.right-sub-nav{ font-size: 18px; color: #333; position: relative; z-index: 999}

	@media(max-width: 1299.98px){
		.index-about-big-box { background: none	}
		.left-about-box2{ display: block}
		.sub-about-img2{ height: 40%; width: 100%}
		.left-about-box2{  position: inherit;width: 100%;}
		.left-about-box2 .sub-about-img2{   position: inherit; text-align: center; width: 100%  }
		.right-font-box{ position:relative}
		.right-font-box:before{ position: absolute; content: ""; width:100%; height: 100%;  }
		.right-font-box:after{ position: absolute;content: ""; width: 100%; height: 100%; right: 0%;background-size: 50%;   }
		.about-title-font p:nth-of-type(1){ font-size: 30px;}
		.about-title-font p:nth-of-type(2){ font-size:20px;  }
	}
	@media(max-width: 991.98px) {
		.index-about-big-box { background: none	}
		.right-font-box:before{  width:100%; height: 100%;  }
		.right-font-box:after{   width: 100%;height: 100%; left: auto; right:0; bottom: 0%;background: url("../img/about-house.png") no-repeat right bottom; background-size: 50% }
		.right-sub-nav a{ font-size: 18px; color: #333; position: relative; z-index: 999}

	}

	/*案例*/
	.case-big-box-all{ position: relative; overflow: hidden}
	.case-font-warp{ position: absolute; right: 0; bottom: 0; width: 75%; border-radius: 2rem 0 0 0; bottom:0; background: #223769; transform: translateY(100%); transition: all 0.5s}
	.case-font-box{}
	.case-font-box .left-case-title{ width:40%; position: relative;}
	.case-font-box .left-case-title:after{    position: absolute;
		content: attr(data-title);
		left: 0px;
		bottom: -10%;
		line-height: 1;
		text-transform: uppercase;
		font-family: 庞门正道标题体;
		font-size: 74px;
		color: transparent;
		font-style: italic;
		z-index: 0;
		-webkit-text-stroke: 1px rgba(255,255,255, 0.05); }
	.case-big-box-all img{ transition: all 0.5s}
	.case-big-box-all:hover img{ transform: scale(1.05)}
	.case-font-box .left-case-title span{ font-weight: bold; font-size: 30px; color: #fff}
	.right-case-box{ width: 60%}
	.right-case-box p:nth-of-type(1) i{  display: block; width: 5px; height: 5px; background: #ff7746; border-radius: 50%;}
	.right-case-box p:nth-of-type(1) span{ font-size: 24px; color: #fff; font-weight: bold; transition: all 0.5s}
	.case-small-desc{ color: #fff; font-size: 14px; line-height: 2;}
	.case-btn-inco>span:nth-of-type(1){     position: relative;
		border: 1px solid #3b4c74;
		border-radius: 50%;
		height: 20px;
		width: 20px; display: block;}
	.case-btn-inco>span:nth-of-type(1) svg{ width: 18px; height: 18px; fill: #9d9e9f}

	.case-btn-inco>span:nth-of-type(1):after { position: absolute; content: ""; border:1px solid #3b4c74; border-radius: 50%;  width: 100%; height: 100%; transform: scale(1.5);left: 0;right: 0;top:0;bottom:0; margin: auto;}

	.swiper-slide-active .case-font-warp{ transform: translateY(0)}

	.swiper-slide-active .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.swiper-slide-active .left-case-title span:nth-of-type(1){  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.swiper-slide-active .left-case-title span:nth-of-type(2){ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.swiper-slide-active .left-case-title {-webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }
	.swiper-slide-active .right-case-box  p:nth-of-type(1){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
	.swiper-slide-active .case-small-desc{ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }
	.swiper-slide-active .case-btn-inco{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }

	@media(max-width: 991.98px){
		.case-font-warp{ position: inherit;  width:100%;border-radius: 0rem 0 0 0;}
		.case-font-box .left-case-title{ width:100%; display: none;}
		.right-case-box{  width: 100%}
	}
.demo-honor-k{ position: relative; overflow: hidden;}
.demo-honor-k .honor-img{ position: relative}
.demo-honor-k .honor-img:after{ position: absolute; content: "";
	background:  rgba(237,108,0,0.9);
	left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%; margin:auto; transform: scale(0);
	transition: transform 0.5s; z-index: 99;
}.demo-honor-k>div:nth-of-type(1){ height:90%; display: flex; align-content: center;justify-content: center}
.demo-honor-k:before{ position: absolute; content: ""; left: 0; bottom:0;
	background: rgba(250,70,25,1); width: 100%; height: 5px; z-index: 2;
	transform: scale(0); opacity: 0; transition: all 0.5s;}
.demo-honor-k:hover:before{  transform: scale(1); opacity: 1 }
.demo-honor-title{ font-size:16px; color:#000000}
.demo-honor-k .honor-mask{position: absolute; display: block;
	height: 100%; font-family: Arial; font-size: 70px; color: #fff;left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 999; text-align: center; transform: translateY(-10%); transition: all 0.5s; opacity: 0}
.demo-honor-k  .honor-mask i svg{ width: 50px; height: 50px; fill: #fff}
.demo-honor-k:hover .honor-img:after{  transform: scale(1)}
.demo-honor-k  .honor-mask p{ font-size:18px; color: #fff;}

.demo-honor-k:hover .honor-mask{transform: translateY(0%); opacity: 1}
.demo-honor-k .honor-img img{ transition: all 0.5s;transform: scale(1.05)}
.demo-honor-k:hover .honor-img img{ transform: scale(1)}
.demo-honor-k a>div:nth-last-of-type(1) span{ font-size: 18px; color: #333;}
@media(max-width: 1199.98px){
	.demo-honor-k .honor-mask i{ height: 80px;}
	.demo-honor-k .honor-mask i svg{ width: 30px; height: 30px;}

}
@media(max-width: 991.98px){
	.prolist-k  .prolist-wrap p{ font-size:16px;}
	.demo-honor-k .honor-mask p{ font-size:16px;}
	.embed-responsive-2by5:before{ padding-top: 75%}
}
	/*新闻模块*/
	.left-news-font-wrap{  background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.25); width: 100%; }
	.left-news-font-wrap>p:nth-of-type(1){ font-size: 18px; color: #282828}
	.left-news-font-wrap>div:nth-of-type(1){ font-size: 14px; color: #666}
	.news-left-data{ width: 15%;}
	.news-left-data>div{ position: relative;  background-image: linear-gradient(to bottom,#f3f3f3,#f3f3f3); border-radius: 1rem; transition: all 0.5s; overflow: hidden;}
	.news-k-item  .news-left-data>div:after{position: absolute; content: ""; background-image: linear-gradient(to bottom,#ff8354,#ff652f);transform: scaleY(0);transition: transform 0.5s; width: 100%; height: 100%; border-radius: 1rem; transform-origin: top center;}
	.news-k-item:hover .news-left-data>div:after{  transform: scaleY(1); transform-origin: bottom center;}
	.news-k-item:hover .news-left-data>div{ transform: translateX(10%)}

	.news-left-data p{ margin-bottom: 0; position: relative; z-index: 2}
	.news-left-data p:nth-of-type(1){ font-family: Century Gothic; font-size: 48px; color: #282828;}
	.news-left-data p:nth-of-type(2){ font-size: 14px; color: #666666;}
	.news-small-wrap{ width: 78%;}
	.news-small-wrap>p:nth-of-type(1){ font-size: 18px; color: #282828; margin-bottom: 0; line-height: 2}
	.news-small-wrap>div:nth-of-type(1){ font-size: 14px; color: #666666; line-height: 2}

	.news-small-wrap p:nth-last-of-type(1) i svg{ width: 20px; height: 15px; fill: #8c8c8c}

	.news-k-item{ border-bottom:1px solid #e3e3e3; transition: all 0.5s}
	.news-left-data>div:after{ position: absolute; content: ""; width: 100%; height: 100%; top: 0;left:0;background-image: linear-gradient(to bottom,#ff8354,#ff652f);}

	.news-k-item:hover .news-left-data p:nth-of-type(1){ color: #fff}
	.news-k-item:hover .news-left-data p:nth-of-type(2){ color: #fff}
	.news-k-item:hover svg{ fill: #257841}

	.news-k-item:hover .news-small-wrap>p:nth-of-type(1){ color: #ff6530}

	.news-k-item:hover .news-small-wrap p:nth-last-of-type(1) i svg{   fill: #257841}
	.news-k-item:hover{ border-bottom: 1px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15)}

	.year-box{ border-top: 1px solid #f1f1f1}
	.year-box span:nth-of-type(1){ color: #666; font-size: 14px;}
	.year-box span:nth-of-type(2) svg{ fill: #666; width: 20px; height: 20px;}
	.news-k-item img{ transition: all 0.5s}
	.news-k-item:hover img{ transform: scale(1.05);filter: contrast(1.05) brightness(1.12) blur(1px); opacity: 0.9;
		-webkit-transition: all 1s; }

	.news-swiper{}
	.news-swiper .swiper-pagination{  bottom: 2px;}
	.news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #25a963}
	.k-dot-box{ display: flex; width:30%; height: 45px; position:absolute; bottom: 27.5%; right:1%;
		background-image: linear-gradient(to bottom,#ff8052,#ff6630); border-radius: 2rem 0 0 0; z-index: 999;}
	.k-dot-box .swiper-pagination-clickable .swiper-pagination-bullet{ width: 10px; height:10px; background: transparent; border: 1px solid #fff; opacity: 1}
	.k-dot-box .swiper-pagination-clickable .swiper-pagination-bullet-active.swiper-pagination-bullet{ background: #fff!important; opacity: 1; transition: all 0.5s}
	@media(max-width: 1799.98px){
		.k-dot-box{ display: none;}
	}
	@media(max-width: 991.98px){
		.news-left-data{ width:30%;}
		.news-small-wrap{ width: 65%}
		.news-left-data p:nth-of-type(1){   font-size: 20px;  }
	}
	/*搜索条*/
	.index-search{ height:79px; border-bottom:1px solid #eeeeee; }
	.search-font{ font-size: 14px; align-items: center; line-height:79px; }
	.search-form{ display: flex; align-items: center; font-size: 14px; width: 50% }
	.search-form-keywords{ display: flex; align-items: center; font-size: 14px; width: 50% }
	.search-btn{ background:#20232a; border-radius: 0 0.25rem 0.25rem 0; display: block; height:50px; width: 15%; transition: all 0.5s}
	.search-btn:hover{ background:#ec6b00; }
	.search-btn svg{ fill: #fff; width: 30px; height: 30px;}
	#search_text{ border:1px solid #ccc; border-right:none; color: #666; width: 85%; border-radius: 0.25rem 0 0 0.25rem; }
	#search_text:hover{border:1px solid #ec6b00; background: #fff; }
	.search-font span{ position: relative; display: inline-block}
	.search-font span a{ color: #666666; font-size: 14px;}
	.search-font span:nth-last-of-type(1):after{ width: 0;  color: #666666;}
	.search-font span a{ color: #666666; font-size: 14px;font-weight:bold;}
	.search-font span a:hover{ color: #e80113; font-size: 14px;}
	.search-form-keywords a:hover{  color: #ec6b00  }
	/*首页产品模块*/
	.index-pro-bgcolor{ background-image: linear-gradient(to right,#eff1f9 90%,#fff 0%)}
	.pro-title-top{line-height: 2}
	.pro-title-top>div:nth-of-type(1)>span>span{ position: relative; }
	.pro-title-top>div:nth-of-type(1)>span>span:after{ position: absolute; content: attr(data-title); color: rgba(0,0,0,0.05); font-size: 150px; text-transform: uppercase; line-height: 0.18;letter-spacing: -0.5rem;left: 0; font-weight: 400}
	.pro-title-top>div:nth-of-type(1)>span{ position: relative; line-height: 2; font-size: 48px; color: #333; font-weight: bold}
	.pro-title-top>div:nth-of-type(1)>span:after{ position: absolute; content: "";left: 0; background: #b1c7e0;  height: 2px; width: 100%;bottom: 4px;}
	.pro-title-top>div:nth-of-type(1)>span:before{ position: absolute; content: "";left: 0; background: #2165a6;  height: 3px; width: 30%;bottom: 3px; z-index: 22}
	.pro-font-name-box p:nth-of-type(1){ font-size: 36px; color: #2165a6; font-weight: bold}
	.pro-font-name-box div:nth-of-type(1){line-height: 2; color: #666; font-size: 14px;}
	.pro-btn-more{ position: relative; background: #fff; border: 1px solid #e8e8e8; border-radius: 2rem; width: 230px; height: 54px; transition: all 0.5s}
	.pro-btn-more i{ background: #0075c2; width: 44px; height: 44px; display: block; border-radius: 100%; transition: all 0.5s}
	.pro-btn-more span{ font-size: 18px; color: #545454;}
	.pro-btn-more:hover i{ transform: rotate(360deg);}
	.pro-btn-more:hover{ background:rgba(0,117,194,0.75);}
	.pro-btn-more:hover a span{ color: #fff}

	@media(max-width:1800px){
		.index-pro-bgcolor{ background-image: linear-gradient(to right,#eff1f9 90%,#eff1f9 0%)}
	}
	@media(max-width: 1499.98px){
		.pro-title-top>div:nth-of-type(1)>span:after{ position: absolute; content: "";left: 0; background: #b1c7e0;  height: 2px; width: 100%;bottom: 4px;}
		.pro-title-top>div:nth-of-type(1)>span>span:after{   font-size: 100px;  }
		.pro-title-top>div:nth-of-type(1)>span{ position: relative; line-height: 2; font-size: 28px; color: #333; font-weight: bold}
		.pro-font-name-box p:nth-of-type(1){ font-size:26px; color: #2165a6; font-weight: bold}

	}
	@media(max-width: 991.98px){
		.pro-title-top>div:nth-of-type(1)>span>span:after{  display: none}
		.pro-title-top>div:nth-of-type(1)>span:before{ display: none}
		.pro-title-top>div:nth-of-type(1)>span:after{ display: none}
	}
	.pro-btn-more2{ position: relative;  border: 1px solid #fff; border-radius: 2rem; width: 230px; height: 54px; transition: all 0.5s}
	.pro-btn-more2 i{ background: #fff; width: 44px; height: 44px; display: block; border-radius: 100%; transition: all 0.5s}
	.pro-btn-more2 span{ font-size: 18px; color: #fff;}
	.pro-btn-more2:hover{ border: 1px solid rgba(0,117,196,1);}
	.pro-btn-more2:hover i{ transform: rotate(360deg);}
	.pro-btn-more2:hover{ background:#0075c2;}
	.pro-btn-more2:hover a span{ color: #fff}



	.pro-btn-more3{ position: relative;  border: 1px solid #e8e8e8; border-radius: 2rem; width: 160px; height: 40px; transition: all 0.5s}
	.pro-btn-more3 i{ background: #0075c2; width: 31px; height: 31px; display: block; border-radius: 100%; transition: all 0.5s}
	.pro-btn-more3 span{ font-size: 13px; color: #545454;}
	.pro-btn-more3:hover i{ transform: rotate(360deg);}
	.pro-btn-more3:hover{ background:rgba(0,117,194,0.75);}
	.pro-btn-more3:hover a span{ color: #fff}




	#pro-nav-dw{ border-bottom:1px solid #e9e9e9}
	.left-pro-center{ width: 75%}

	.pro-nav-box{ font-size: 20px;}
	.pro-nav-box li{   text-align: center; position: relative; overflow: hidden; }
	.pro-nav-box li a{ position: relative; z-index: 33; font-size:18px}
	.pro-nav-box li:hover a{ color: #fff}
	.pro-nav-box li:not(:nth-last-of-type(1)):before{ position: absolute; content: ""; right: 0; bottom:0px; width: 1px; height:40%;
		margin:auto; top:0;
		background: #dce0e7; transform: scaleX(1); transition: transform 0.5s; transform-origin: left center;}

	.pro-nav-box li:after{ position: absolute; content: ""; left: 0; bottom:0px; width: 100%; height:100%;
		background: #fc7133; transform: scaleX(0); transition: transform 0.5s; transform-origin: left center;  }
	.pro-nav-box li.active:after,.pro-nav-box li.active:before{  }
	.pro-nav-box li.active a{ color: #fff;}

	.pro-nav-box li:hover:after,.pro-nav-box li.active:after{ transform: scaleX(1); transform-origin: left center; }
	.pro-nav-box li:hover span{ color: #666666}


	.pro-detail-title{  }
	.pro-detail-title div p:nth-of-type(1) span:nth-of-type(1){ font-size: 24px; color: #fc7133; line-height: 0.75; font-weight: bold;}
	.pro-detail-title div p:nth-of-type(1) span:nth-of-type(2){ font-size: 16px; text-transform: uppercase; color: #999;}


	#big-img .swiper-btn2{ position: absolute; border-radius:0 0.2rem 0.2rem 0;
		z-index: 99; width: 38px; height: 48px; top: 0; bottom: 0; margin: auto; background: #282828; z-index: 99; transition: all 0.5s}
	#big-img .swiper-btn2:hover{ background: #ff5e15}
	#big-img .swiper-btn2.swiper-button-disabled{ opacity: 0.5}

	#big-img .swiper-btn2 i svg{ fill: #fff;}
	#big-img .swiper-btn2.swiper-button-prev1{ left: 0px;}
	#big-img .swiper-btn2.swiper-button-next1{right:0px;}
	#big-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ff5e15}
	.pro-small-img .swiper-slide img{ transition: all 0.5s; border:2px solid rgba(255,255,255,0)}
	.pro-small-img .swiper-slide-thumb-active img{  opacity: 0.8; border:2px solid #fff}


	.proinfo-datil-title{ display:flex;align-items: center; margin-bottom:10px;}
	.proinfo-datil-title i{width:4px; height:25px; background: #174b9c; display:block}
	.proinfo-datil-title i svg{width:30px;height:30px; fill:#333333}
	.proinfo-datil-title span:nth-of-type(1){  position:relative; z-index:5;
	 color:#333333; font-size:30px; font-weight:bold;}
	.proinfo-datil-title span:nth-of-type(2){ color:#999999;font-family: 'arial'; text-transform: uppercase; font-size:16px;}
.proinfo-datil-title{ position:relative}
.proinfo-datil-title:before{ position:absolute; content:attr(data-title); left:0; bottom:-30%; color:#f2f2f2; font-size:60px;
 font-weight:bold;text-transform: uppercase;}

	.proinfo-param{}
	.proinfo-param .proinfo-param-item .proinfo-xm{ font-size:16px; color:#323232; font-weight:bold;}
	.proinfo-param .proinfo-param-item .proinfo-value{  font-size:16px; color:#717171; }

	.proinfo-param-item .proinfo-xm{ width:20%}
	.proinfo-param-item .proinfo-value{ width:80%}
	.proinfo-param-item:nth-of-type(2n+1){ background: #f0f2f5}

	.pro-demo-ys{ background: #f1f1f1; padding:10%; cursor:pointer;}
	.ys-demo-num{font-size:48px; color:#999; font-family: 'Bahnschrift';font-weight:bold; position: absolute;right:10%; top:5%;}
	.pro-ys-title p{ margin:0}
	.pro-ys-title p:nth-of-type(1){
		font-size:24px; color:#333333;font-weight: 100;
	}
	.pro-ys-title p:nth-of-type(2){
		font-size:14px; color:#474747;font-weight: 100; text-transform: uppercase;
	}
.content table{ border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.content table td{ text-align: center; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.content strong{ font-size: 18px; color: #212529}
.content table tr:hover td{ background:rgba(5,40,94,0.1); cursor:pointer; color:#333}
	.pro-ys-icon{ margin-top:30%}
	.pro-ys-icon i svg{ width:56px; height: 56px; fill:#cd2929}
	.pro-demo-mask{  position: absolute;left:0; top:0;bottom:0;right:0; padding:10%; opacity: 0; transform: translateY(-20%); z-index: 999; width:100%; height:100% }
	.pro-demo-mask .pro-mask-title .pro-ico i svg{width:56px; height: 56px; fill:#fff}
	.pro-demo-mask .pro-mask-title .pro-ico{ padding-right:3%}
	.pro-demo-mask .pro-mask-title .pro-ys-title p:nth-of-type(1){color:#fff}
	.pro-demo-mask .pro-mask-title .pro-ys-title p:nth-of-type(2){color:#fff}
	.pro-demo-mask .pro-mask-desc{ font-size:14px; color:#fff; font-weight:100; line-height: 2;margin:5% 0; }
	.pro-demo-ys,.pro-demo-ys *{ transition: all 0.5s}
	.pro-demo-ys:after{ position:absolute; content:''; width:100%; height: 100%; top:0;bottom:0;left:0;right:0;
		background-image: linear-gradient(to right,rgba(9,83,167,1),rgba(9,83,167,1)); background-size: cover; -webkit-transition: all .5s;
		-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	transition: all .5s;
		clip-path: circle(10% at 50% 50%); opacity: 0; z-index: 1}
	.pro-demo-ys:hover:after{ opacity: 1; clip-path: circle(100% at 50% 50%); }
	.pro-demo-ys:hover .pro-demo-mask{  transform: translateY(0%); opacity: 1}
	.pro-demo-ys:hover{ transform: translateY(5%)}
	.content{ font-size:16px; color:#666}


.param-ank-item{ width:calc(100% / 4); padding:1% 3%;}
.param-ank-item p:nth-of-type(1){ font-weight:bold; font-size:18px; color:#333}
.param-ank-item p:nth-of-type(2){ font-size:16px; color:#666666}
.pro-ank-yyly,.pro-ank-yyly *{ transition: all 0.5s}
.pro-ank-yyly{ border:1px solid rgba(0,0,0,0.15); padding:20% 10%;}
.pro-yyly-icon i svg{ width:40px; height:40px;  fill:#333}
.pro-yyly-wrap{ font-size:18px; color:#333; font-weight:bold;}
.pro-ank-yyly:hover{ border:1px solid #fc7133; background:#fc7133;}
.pro-ank-yyly:hover i svg{ fill:#fff;transform: translateY(-20%);}
.pro-ank-yyly:hover .pro-yyly-wrap{ color:#fff; transform: translateY(-30%);}
@media(max-width: 1199.98px){

	.proinfo-datil-title span:nth-of-type(1){  position:relative; z-index:5;
		color:#333333; font-size:20px; font-weight:bold;}

	.proinfo-datil-title:before{  bottom:-30%;  font-size:30px; }
}
@media(max-width: 991.98px){
	.param-ank-item{ width:calc(100% / 3); padding:1% 2%;}
	.param-ank-item p:nth-of-type(1){  font-size:16px; }
	.param-ank-item p:nth-of-type(2){ font-size:14px;  }

		.big-product{ background: #f7f7f7;}
		.product-big-font:before{ position: absolute; content: ""; z-index: -1; background: #f7f7f7; top: 0; right:0%; width: 100%; height: 100%}
		.product-big-font{ width: 100%; }
		.product-big-img{ width: 100%;}
		.pro-nav-box{ font-size: 16px;}
		.pro-detail-title>p:nth-of-type(1){ font-size: 20px; color: #282828; line-height: 0.75; font-weight: bold;}
		.product-container>p:nth-of-type(2){ font-size:20px; color: #666666; font-weight: bold}
		.product-container>p:nth-of-type(3){ font-size: 14px;}

		.product-container .pro-btn-top{  width: 100%;}
		.pro-right-2ys p{ width: 100%;}
		.pro-nav-box{ font-size: 14px;}
		.pro-detail-title div p:nth-of-type(1){ font-size: 16px; margin-bottom: 0}
		.content strong{ font-size: 14px;}

		.product-container>p:nth-of-type(1){ font-size: 22px; }
		.product-container>p:nth-of-type(2){ font-size: 16px;  }
		.pro-nav-box li{ flex:1}
		.pro-nav-box li.active{ background: #fc7133!important;}

	}
@media(max-width: 768.98px){
	.proinfo-datil-title span:nth-of-type(1){   font-size:20px; }

	.proinfo-datil-title:before{  bottom:20%;  font-size:24px; }
}
	/*footer*/
 #footer-container{ background:url("../img/end_bj.jpg") no-repeat center top / cover;position:relative; padding:5% 0 0;}
.footer-rn-item p:nth-of-type(1){ font-weight:bold; color:#fff; font-size:22px; border-bottom:1px solid rgba(255,255,255,0.26);}
.footer-f-title p{ margin:0; color:rgba(255,255,255,0.6); font-size:16px; line-height:2rem }
.footer-xm-container > div{ width:calc(100% / 2)}
.footer-rn-item{ width:45%}
.footer_rn_nav{ width:70%;}
.footer-rn-contact{ background:#fff;}

.footer-xm-container a{ font-size:16px; color:#fff}
.footer-xm-container a:hover{   color:rgba(255,255,255,0.5);}
.footer_logo{ width:35%; padding-right:5%}
	.footer_logo a>img{  filter: grayscale(100%) brightness(100)!important;}
	.end_nav{ width:65%;  position:relative; z-index: 9999 }


	.foot-center{ width:60%; padding:0 3%}
	.footer-copy span{color: rgba(255,255,255,0.5); }
	.footer-copy span a{ color: rgba(255,255,255,0.5); font-size: 14px;transition: all 0.5s}
	.footer-copy span a:hover{color:#fff}
	.footer-bottom{  font-size: 16px; color: #999; border-top:1px solid rgba(255,255,255,0.05); padding:1% 0;}
	.new-foot p{font-size:18px; color:#fff}

	.foot-scan{ width:40%}
	.end-contact-container{ width:60% ;padding-right:3% }

	.end-contact-container p:nth-of-type(1){ font-size:16px; color:#ffffff}
	.end-contact-container p:nth-of-type(1) span{font-size:24px; text-transform: uppercase; color:#174b9c; font-family:Rany; font-weight:bold;}
	.end-contact-container i{ width:35px; height:35px; border-radius: 50%; border:1px solid rgba(255,255,255,0.5);}
	.end-contact-container i svg{width:22px; height:22px; fill:#fff}

	.end-contact-container p:nth-of-type(n+2){ font-size:14px; color:rgba(255,255,255,0.5)}

	.foot-scan>div {  width:130px; height:130px; background: #fff;  border-radius: 0.5rem;}
	.foot-scan>p:nth-of-type(1){ font-size:14px; color:rgba(255,255,255,0.5) }
.foot-scan img{ width:120px; height:120px;}
	.end_nav .end-nav-item{  }
	.end_nav ul li{ line-height: 18px; position:relative; z-index: 9999 }
	.end_nav ul li a{ font-size: 16px; color: rgba(255,255,255,0.45)}
	.end_nav ul li{ line-height: 30px; position: relative;}
	.end_nav ul li a{ position: relative;}
	.end_nav ul li:nth-of-type(1) a:before{ position: absolute; content: "";left:0;bottom:-20px; background: #fff; width:100%; height:2px; z-index: 555;transition: transform 0.5s;transform-origin: left bottom;transform: scaleX(0); }
	.end_nav ul li:nth-of-type(1):hover a:before{transform: scaleX(1); transform-origin: left bottom;opacity: 1; width: 100% ; background: #fff}

	.end_nav ul li:nth-of-type(n+2) a:after{position: absolute; content: ""; background: #fff; width: 100%;
		bottom: 0px;left: 0; height: 5px;  transition: transform .5s; opacity: 0.7; transform: scaleX(0); transform-origin: right bottom;}

	.end_nav ul li:nth-of-type(n+2):hover a:after{transform: scaleX(1); transform-origin: left bottom;opacity: 0.5; }
	.end_logo_contact p:nth-of-type(1){  position: relative; font-size: 18px; color: #333;}
	.end_nav ul li:nth-of-type(1),.end_logo_contact p:nth-of-type(1) span{ position: relative;   }
	.end_nav ul li:nth-of-type(2){ margin-top:15px; }
	.end_nav ul li:nth-of-type(1) a{font-size: 18px;   color: #fff; position: relative  }

	.end_nav ul li:hover a{ color:#fff  }
	.end_nav .lx_tel{ font-size: 14px; color: #666666}
	.end_nav .lx_tel i svg{ width: 20px; height: 20px; fill: #828385}
	.end_nav .lx_tel span{ font-size: 14px; color: #828385; font-weight: 100}

	.footer-bottom a{    color: #999;}
	.footer-bottom a:hover{ color:#fff}
	@media(max-width: 1399.98px){
		.footer_rn_nav{width:100%; padding-top:3%}
		.footer-rn-item{ width:45%}
	}
	@media(max-width: 1199.98px){
		.end_nav{ width:100%;padding-right:0%; position:relative; z-index: 9999 }
		.foot-right{ width: 100%; padding-left:0%;}
		#footer-container:after{  left:70%; background: #2b2b2b;  width:30%;height:32px; top:-30px;}
		#footer-container:before{ right:20%; width:30%;height:32px;  background: #2b2b2b; top:-30px;}
		.footer_logo{ width:100%; padding-right:0%}


		.foot-scan{ width:100%}
		.end-contact-container{ width:100% ;padding-right:0% }

	}

	@media(max-width: 991.98px){
		.foot-left{ width:50%;}
		.foot-right{ width:50%;}
		.footer_rn_nav,.footer-rn-item{ width:100%; padding:3% 0;}

		.footer-xm-container a{ font-size:16px; color:rgba(255,255,255,0.75);}

		.footer_logo{ width:100%; padding-right:0%}
.footer_logo img{height:40px;}
		.end_nav{ width:100%;   }

	}
	@media(max-width: 768.98px){
		.foot-left{ width:100%;}
		.foot-right{ width:100%;}
		.end-contact-container p:nth-of-type(1) span{font-size:26px;}

	}




	/*通用*/
	.page{ width: 100%;text-align: center; font-size: 14px;}
	.clear{ clear:both;}

	#prev_next li {
		line-height: 2;
		font-size: 14px;
	}
	rcread {	padding: 40px 0;}

	.rcread h4 {
		font-size: 20px;
		color: #333;
		font-weight: normal;
		margin-bottom: 5px;
	}
	.rcread li {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		border-bottom: 1px dotted #cbcbcb;
		overflow: hidden;
		padding-left: 28px;
		background: url(../img/ic1.png) no-repeat 0 center;
		vertical-align: top;
	}
	.rcread li em {
		float: left;
		width: 640px;
		overflow: hidden;
		font-style: inherit;
		font-weight: inherit;

	}
	.rcread li em a {
		color: #686868;
		font-style: inherit;
		font-weight: inherit;
	}

	.rcread li em a:hover {
		color: #991313;
		font-style: inherit;
		font-weight: inherit;
	}

	.rcread li span {
		float: right;
		color: #999;
	}
	.footer-center-nav{ display: flex; width: 70%}
	@media(max-width: 1299.98px) {
		.footer-scan {
			display: flex;
		}
	}
	@media(max-width: 1199.98px) {
		.footer-center-left{ border-right: none!important;}
		.footer-scan {
			display: flex;
		}
		.footer-center-nav{display: none !important;}
		.ft-item{ padding: 0 0.25rem; position: relative;}
	}
	@media(max-width: 991.98px) {
		.footer-scan {
			display: none;
		}
		.footer-left-title{ font-size: 18px; text-align: center}
	}

	/*产品头部模块*/
	.proinfo-font-box{}
	.proinfo-font-box .proinfo-title{ border-bottom: 1px solid #e8e8e8}
	.proinfo-font-box .proinfo-title p:nth-of-type(1){ font-size: 30px; color: #323232}
	.proinfo-font-box .proinfo-title p:nth-of-type(2){ font-size: 18px; color: #646464}
	.proinfo-desc{ font-size: 18px; color: #333333; font-weight: bold;border-bottom: 1px solid #e8e8e8}
	.proinfo-desc p{ margin: 0; line-height:2}
	.proinfo-desc p:nth-of-type(1) i{ font-size: 18px; color: #0075c4; font-weight: bold}
	.proinfo-desc p:nth-of-type(n+2) i svg{ width: 10px; height: 10px; fill: #cecece}
	.proinfo-desc p:nth-of-type(n+2) span{ font-size: 16px; color: #707070;  font-weight: 400}
	.proinfo-btn-box>div.proinfo-btn{ background: #333333; width: 175px; position: relative; overflow: hidden}
	.proinfo-btn-box>div.proinfo-btn a{ color: #fff; font-size: 16px; position: relative;}
	.proinfo-btn-box>div.proinfo-btn:nth-of-type(2){background: #0075c4;}
	.proinfo-btn-box>div.proinfo-btn:before{ position: absolute; content: "";left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background: #0685db; transform: scaleX(0); transform-origin: right center; transition: transform 0.5s}
	.proinfo-btn-box>div.proinfo-btn:hover:before{ transform: scaleX(1);transform-origin: left center}

	.proinfo-tel{ display: flex}
	.proinfo-tel p{ margin: 0}
	.proinfo-tel p:nth-of-type(1){ font-size: 16px; color: #787878;line-height: 1.5}
	.proinfo-tel p:nth-of-type(2){ font-size: 30px; color: #0075c4; line-height: 1}


	.pro-more-btn  {  border-radius: 2rem; border:1px solid #fc7133; background: #fc7133;  width:140px; height:42px; border-radius: 2rem;  border:1px solid #fc7133; background: #fc7133; font-size:16px; color:#fff}
	.pro-more-btn a  span{ font-size:16px; color:#fff;}
	.pro-con-btn.pro-next span{ width:5px; height:5px; display: block; border:1px solid #fff; border-radius: 50%; transform: translate(-5px,2px)}
	.pro-con-btn.pro-prev span{ width:5px; height:5px; display: block; border:1px solid #fff; border-radius: 50%; transform: translate(5px,2px)}

	.pro-con-btn{  position:absolute; top:0;bottom:0; margin:auto;  border-radius: 2rem;   width:65px; height:65px;
		border-radius: 2rem; background: #9a9b9d; font-size:16px; color:#fff; transition: all 0.5s; cursor:pointer; display:flex; }
	.pro-con-btn i svg{ width:20px; height:20px; fill:#fff; }
	.pro-con-btn.pro-prev i svg{ transform: rotate(-180deg);}
	.pro-next{ left:-80px;}
	.pro-prev{ right:-80px; background: #fc7133;}
	.pro-con-btn:hover{ background: #fc7133;}

	.swiper-button-disabled.pro-con-btn{ opacity: 0.5;}

	.light{ position: relative; overflow: hidden}
	.light:after {
		position: absolute;
		content: "";
		background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.65),rgba(255,255,255,0));
		transform:skewX(-45deg);
		width:60%;
		height: 100%;
		left: -100%;
		opacity: 1;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: all 0.75s;

	}
	.proinfo-k:hover .light:after{ left:120%; opacity: 1;}

	@media(max-width: 1799.98px){
		.pro-con-btn{ display: none!important;}
	}
	@media(max-width: 1299.98px){
		.proinfo-btn-box>div.proinfo-btn{ background: #333333; width: 48%;}
		.proinfo-tel{ display: none}
		.proinfo-font-box .proinfo-title p:nth-of-type(1){ font-size: 24px; line-height: 1.5; color: #323232}
	}

	.proinfo-k{ box-shadow: 0 0 10px rgba(0,0,0,0.05)}
	.pro-nr-title{ font-size: 24px; color: #333; border-bottom: 1px solid #eeeeee}
	.pro-nr-title span{position: relative;}
	.pro-nr-title span:after{ position: absolute; content: ""; background: #0075c4; height: 2px; width:40%;left: 0;
		bottom:-10%; }
	.cj-right-box{}
	.cj-right-box .cj-item{ width: calc(100% / 3);}
	.pro-ad{ background: url("../img/ad_bj.jpg") no-repeat center center;background-size: cover}
	.ad-font{ font-size: 24px; color: #fff;}
	.ad-font p{ margin: 0}
	.ad-font {}
	.ad-font2{ position: relative; font-size: 18px; }
	.ad-font2:after{ position: absolute; content: ""; left: 0; bottom: 0; top: 0; margin: auto; background: #fff; height: 80%; width: 1px;}
	.ad-font2 p{ line-height: 2;}
	.ad-tel{ font-size: 36px; color: #fff;}

	@media(max-width: 991.98px){
		.ad-font{ font-size: 18px; color: #fff;}
		.ad-tel{ font-size: 26px;}
	}

	.liyou-box{ box-shadow: 0 0 10px rgba(0,0,0,0.15); background: url("../img/youshi_bj.jpg") no-repeat center top;
		background-size: cover;}

	.ly-item{ border-radius: 0.5rem 0 0 0.5rem; background: #f6f6f6; border-right: 6px #c5c5c5 solid; transition: all 0.5s}
	.ly-item span{ color: #333333; font-size: 18px;}
	.swiper-slide-thumb-active .ly-item{ background: #0075c4;border-right: 6px #005e9e solid;}
	.swiper-slide-thumb-active .ly-item span{  color: #fff}




	.liyou-title>div:nth-of-type(1){ width: 28%}
	.liyou-title>div:nth-of-type(2){ position: relative; width: 72%; font-size: 14px; color: #898989; line-height: 2;
	}
	.liyou-title>div:nth-of-type(2):after{ position: absolute; content: "";left: 0; top: 0; bottom: 0;width: 1px; height: 80%;
		background: #ccc; margin: auto;}
	.liyou-title>div:nth-of-type(1) i svg{ width: 12px; height: 12px; fill: #0075c4;}
	.liyou-title>div:nth-of-type(1) span{ font-size: 28px; color: #373737; font-weight: bold}
	@media(max-width: 1399.98px) {

		.liyou-title>div:nth-of-type(1) span{ font-size: 20px; color: #373737; font-weight: bold}
	}
	@media(max-width: 991.98px){
		.liyou-title>div:nth-of-type(1){ width: 100%}
		.liyou-title>div:nth-of-type(2){ width: 100%; border-left: 0px solid #ccc}
	}




	.company-honor-btn.honor{ width: 50%}
	.company-honor-btn.honor .honor-item{ border: 1px solid #dedede;   color: #666; width: 40%}
	.company-honor-btn.honor .honor-item a{ color: #666}
	.company-honor-btn.honor .honor-item.active{ background: #0075c4; color: #fff}
	.company-honor-btn.honor .honor-item.active a,.company-honor-btn.honor .honor-item:hover a{ color: #fff}

	/*公司简介*/
	.company-title-all{ position: relative;}
	.company-title-all:after{position: absolute; content: "";left: 0; top:0; width: 100%;  background: url("../img/company_dot.png") no-repeat left top; height: 45px; }
	.company-title-all:before{    position: absolute;
		content: attr(data-title);
		left: 40%;
		top: 00%;
		margin: auto;
		text-transform: uppercase;
		font-family: '庞门正道标题体';
		font-size:120px;
		color: rgba(0,0,0,0.05);
		z-index: 0;
		font-weight: bold;}
	.company-title-all p{ margin-bottom: 0;}
	.company-big-box{ background: url("../img/about_bj.jpg") no-repeat bottom center; background-size: cover; }
	.company-big-bottom-box{ background: url("../img/about_bj2.jpg") no-repeat top center; background-size: cover; }
	.company-right-img-box{ position: relative;}
	.right-img2{ position: absolute; display: block; left: -2%; top: 0%; height: 112%; width: 140%;}

	.company-title-all{ position: relative}
	.company-title-all:after{ position: absolute; content: "";left: 0;}
	.company-title-all p:nth-of-type(1){ font-size: 38px; color: #333333; font-weight: bold;}
	.company-title-all p:nth-of-type(2){ font-size: 18px; color: #666666; }

	.company-num-item{ width: calc(100% / 4);}
	.company-num-bigbox .company-num-item >div>span{ border-radius: 50%; width: 70px; height: 70px; border:1px solid #004ca1; transition: all 0.5s;}
	.company-num-bigbox .company-num-item >div>span i svg{ width: 35px; height: 35px;  fill: #004ca1;transition: all 0.5s;}
	.num-wrap p{ margin-bottom: 0;}
	.num-wrap p:nth-of-type(1){ line-height: 0.9}
	.num-wrap p:nth-of-type(1) span:nth-of-type(1){ font-size: 52px; font-weight: 200; letter-spacing: -0.25rem; color: #333; font-family: 'Bahnschrift';}
	.num-wrap p:nth-of-type(1) span:nth-of-type(2) { font-size: 16px; color: #666;}
	.num-wrap p:nth-of-type(2){ font-size: 16px; color: #333;}
	.company-num-bigbox .company-num-item:hover>div>span{ background: #004ca1;border-radius:0.5rem;}
	.company-num-item:hover>div span i svg{ fill: #fff;}
	.company-num-item:hover .num-wrap p:nth-of-type(1) span:nth-of-type(1){ color: #004ca1}
	.company-num-item>div{ transform: translateY(0%); transition: all 0.5s}
	.company-num-item:hover>div{ transform: translateY(10%)}

	@media(max-width: 991.98px){
		.company-right-img-box{ position: relative;}
		.company-num-item{ width: calc(100% / 2);}
		.company-title-all p:nth-of-type(1){ font-size: 20px; color: #333333; font-weight: bold;}
		.company-title-all p:nth-of-type(2){ font-size: 14px; color: #666666; }
		.company-title-all:after{ display: none }
		.company-title-all:before{
			left: 0%;
			top: -30%;

			font-size:40px;
		}
		.num-wrap p:nth-of-type(1) span:nth-of-type(1){ font-size: 30px;  }
	}
	/*企业文化*/
	.company-culture-big-box{ background: url("../img/culture_bj.jpg") no-repeat center top; background-size: cover;}
	.culture-item-warp{ background: rgba(0,76,161,0.85); border-right: 1px solid rgba(255,255,255,0.25); transition: all 0.5s}
	.culture-item-warp i svg{ width: 55px; height: 55px; fill: #fff;}
	.culture-item-warp  p span{ position: relative; color: #fff; font-size: 24px;}
	.culture-item-warp  p span:after{ position: absolute; content: ""; width: 25%; height: 2px; background: #fff;left: 0;right: 0; margin:auto; bottom: 0;}
	.culture-desc-font{ color:#fff; font-size: 16px;}

	.swiper-slide-active .culture-item-warp { background: rgba(0,0,0,0.2);}
	.swiper-slide-active .culture-item-warp .animated{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.swiper-slide-active .culture-item-warp i svg {  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.swiper-slide-active .culture-item-warp  p   { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.swiper-slide-active .culture-desc-font   { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }





	/*公司简介综合页面*/

	.zy-flash{ height: 488px;}
	.zy-flash-about{ background: url("../img/zy_banner.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-cp{ background: url("../img/zy_cp.jpg") no-repeat center top / cover;   }
	.zy-flash-hezuo{ background: url("../img/zy_hezuo.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-case{ background: url("../img/zy_case.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-contact{ background: url("../img/zy_contact.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-news{ background: url("../img/zy_news.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-yfsl{ background: url("../img/zy_yanfa.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-yxservice{ background: url("../flash/zy_yxservice.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-qysl{ background: url("../img/zy_qysl.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-jjfa{ background: url("../img/zy_jjfa.jpg") no-repeat center top; background-size: cover;}
	.zy-flash-proinfo{ background-size: cover;}
	.zy-flash-font{  color: #333; position:relative}
	.zy-flash-font p:nth-of-type(1){ font-size: 48px; text-transform: uppercase; font-weight:bold;  position:relative ; z-index: 999; margin:0}

	.zy-flash-font p:nth-of-type(2){ font-size: 18px;    line-height: 1;  z-index: 999; color:rgba(0,0,0,.75) }
.zy-flash-font p:nth-of-type(3){ font-size: 24px;color:rgba(0,0,0,.75) }
	.zy-flash-box{ height: 450px; margin-top: 77px;}
	.zy-flash-font p:nth-of-type(1).proinfo-all-font{ font-size: 36px; color: #ffffff!important;-webkit-text-stroke:0px #fff;}
	@media(max-width: 991.98px){
		.zy-flash{ height: 250px;}
		.zy-flash-font p:nth-of-type(1){ font-size: 20px;}
		.zy-flash-font p:nth-of-type(2){ font-size: 14px;}
		.zy-flash-font:after{ display: none}
		.zy-flash-font p:nth-of-type(1):before{ font-size:30px;}
		.zy-flash-font i img{transform:scale(0.8)}

	}
	/*akn-重工综合页+列表页*/
.floor-rn-item{}
.floor-rn-item:nth-of-type(2n+1){ background:#f6f7f9}
.floor-rn-item .floor-rn-title{}
.floor-rn-item .floor-rn-title p:nth-of-type(1){font-size:40px; color:#2b2a2a; font-weight:bold}
.floor-rn-item .floor-rn-desc{color:#6a6969; font-size:16px; line-height:2rem;}
.floor-four-item a i svg{ width:30px; height:30px; fill:#096cd7;}
.floor-four-item a span{font-size:26px; color:#096cd7; font-weight:bold; border-bottom:1px solid #096cd7;}
.floor_four_td{ width:60%; margin:0 auto}
.floor-four-item,.floor-four-item *{transition: all 0.5s}
.floor-four-item{ width:calc(100% / 4); padding:1%;}
.floor-four-item:hover{ background:#096cd7; border-radius: 2rem;}
.floor-four-item:hover a i svg{ fill:#fff;}
.floor-four-item:hover a span{ color:#fff; }
.floor-four-item:hover a i{ transform:translateX(-20%); }
.floor-img{ width:60%;}
@media(max-width: 1299.98px){
	.floor_four_td{ width:70%; margin:0 auto}
	.floor-img{ width:60%;}
	.floor-rn-item .floor-rn-title p:nth-of-type(1){font-size:20px;}
	.floor-four-item a i svg{ width:20px; height:20px; fill:#096cd7;}
	.floor-four-item a span{font-size:16px;}
}
@media(max-width: 991.98px){
	.floor_four_td{ width:100%; margin:0 auto}
	.floor-img{ width:60%;}
	.floor-rn-item .floor-rn-title p:nth-of-type(1){font-size:20px;}
	.floor-four-item a i svg{ width:20px; height:20px; fill:#096cd7;}
	.floor-four-item a span{font-size:16px;}
}
@media(max-width: 768.98px){
	.floor-four-item{ width:calc(100% / 2); padding:2%}
}
	/*公司简介模块*/
	.sub-about-title>div:nth-of-type(1){ width: 25% font-size: 36px; color: #333333; font-weight: bold}
	.sub-about-title>div:nth-of-type(1) span{ position: relative}
	.sub-about-title>div:nth-of-type(1) span:after{ position: absolute; content:"";left: 0; bottom: 0; width: 50%; height: 2px; background: #0075c4;}

	.sub-about-title>div:nth-of-type(2){ width: 75%; font-size: 16px; color: #646464; line-height: 2}




	.company-year{ position: relative}
	.company-year:before{ position: absolute; content:attr(data-title); font-size: 380px; color: #f6f6f6; font-style: italic; font-weight: bold;
		left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 380px; font-family:numfont2;}

	.about-num-item2{ width: calc(100% / 3); position: relative; z-index: 2}
	.about-num-item2>div>div:nth-of-type(1){ line-height: 1}
	.about-num-item2>div>div:nth-of-type(1) span{ font-size: 60px; line-height:1.3; font-family: Bahnschrift;  font-weight: bold; position: relative; color: #333333; transition: all 0.5s}
	.about-num-item2>div>div:nth-of-type(1) span:after{ position: absolute; content: attr(data-title); color: #333333; font-size: 36px; top: 0%}
	.about-num-item2>div>div:nth-of-type(2){ line-height: 1; font-size: 16px; color: #575757}
	.company-font p:nth-child(1){ font-size: 36px; color: #ccc; font-family: numfont; font-weight: bold; margin-bottom: 0; line-height: 1}
	.company-desc{ font-size: 16px; color: #777; line-height: 2}


	.company-font3{ border-bottom: 1px solid rgba(255,255,255,0.5);}
	.sub-about-title3>div:nth-of-type(1){ font-size: 36px; color: #333333; font-weight: bold}
	.sub-about-title3>div:nth-of-type(1) span{ position: relative}
	.sub-about-title3>div:nth-of-type(1) span:after{ position: absolute; content:"";left: 0; bottom: 0; width: 50%; height: 2px; background: #fff;}
	.sub-about-title3>div:nth-of-type(2){font-size: 16px; color: #333333; }
	@media(max-width: 1599.98px){
		.company-year:before{   font-size: 300px;}
	}
	@media(max-width: 1299.98px){
		.company-year:before{   font-size: 250px;}
	}
	@media(max-width: 1199.98px){
		.company-year:before{  display: none;}
	}
	@media(max-width: 991.98px){
		.company-year:before{ display: none; font-size: 18px;}
		.about-num-item2>div>div:nth-of-type(1) span{ font-size: 30px; }
		.about-num-item2>div>div:nth-of-type(2){ line-height: 1; font-size: 12px;  }
		.sub-about-title>div:nth-of-type(1){ width: 100%; font-size: 20px; color: #333333; font-weight: bold}
		.sub-about-title>div:nth-of-type(1) span:after{ position: absolute; content:"";left: 0; bottom:-20%; width: 50%; height: 2px; background: #0075c4;}
		.sub-about-title>div:nth-of-type(2){ width: 100%; font-size: 14px;}
		.sub-about-title3>div:nth-of-type(1){ font-size: 20px;}
		.sub-about-title>div:nth-of-type(1) span:after{ display: none;}

	}
	/*企业文化*/
	.company-culture{ background: url("../img/about-culture.jpg") no-repeat center top fixed; background-size:cover;}
	.sub-about-title2>div:nth-of-type(1){ font-size: 36px; color: #333333; font-weight: bold}
	.sub-about-title2>div:nth-of-type(1) span{ position: relative}
	.sub-about-title2>div:nth-of-type(1) span:after{ position: absolute; content:"";left: 0; right: 0; bottom:-5%; margin: auto; width: 50%; height: 2px; background: #0075c4;}

	.sub-about-title2>p:nth-of-type(1){ font-size: 16px; color: #646464; line-height: 2}

	.company-culture-item{ position: relative;; border: 1px #fff solid; width:100%; background: rgba(0,117,196,0.5); border-radius: 0 2rem; overflow: hidden; padding: 5%; transition: all 0.5s}
	.culture-font{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;   transition: all 0.5s;  }
	.culture-font>div:nth-of-type(1){ position: relative;  }
	.culture-font>div:nth-of-type(1):after{ position: absolute;  content:"";width: 1px; height: 60%; left:4%; background: #fff;}
	.culture-font p:nth-of-type(1){ font-size: 24px; font-weight: bold;  color: #fff }
	.culture-font div:nth-of-type(1){ font-size: 16px;  color: #fff; line-height: 2 }
	.culture-mask{ transform: translateY(150%) scale(1.25); opacity: 1; transition: all 0.5s; }
	.culture-mask i svg{fill: #fff}
	.culture-mask p:nth-of-type(1){ font-size: 24px; font-weight: bold; color: #fff;}
	.culture-mask div:nth-of-type(1){ font-size: 16px; line-height:2;color: #fff;}

	.company-culture-item:hover .culture-font{ transform: scale(1.05); opacity: 0}
	.company-culture-item:hover .culture-mask{ transform: translateY(0); opacity:1}

	.company-culture-item:hover{ border: 1px solid rgba(0,117,196,0.5);}
	.company-culture-item:hover   .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.company-culture-item:hover .culture-mask i{  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.company-culture-item:hover  .culture-mask p:nth-of-type(1){ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.company-culture-item:hover .culture-mask div:nth-of-type(1){ -webkit-animation-delay: .4s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }

	.company-org-title{ border: 1px solid #e7e7e7; height: 205px; width: 205px; border-radius: 100%; position: relative;

	}
	.company-org-title:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%; background: #4fa4dd;
		border-radius: 100%;
		animation:round 2s infinite;
		-webkit-animation:round 2s infinite; /* Safari 和 Chrome */

	}
	.company-org-title:before {
		position: absolute;
		content: "";
		width: 50%;
		height: 50%; background: #84bde4;
		border-radius: 100%;
		animation:round2 2s infinite;
		-webkit-animation:round2 2s infinite; /* Safari 和 Chrome */

	}
	@keyframes round {
		0% {

			width: 0%;
			height: 0%;
			opacity: 1;

		}
		100% {

			width: 120%;
			height: 120%;
			opacity: 0;

		}

	}
	@keyframes round2 {
		0% {

			width: 50%;
			height: 50%;
			opacity: 1;

		}
		100% {

			width: 120%;
			height: 120%;
			opacity: 0;

		}

	}

	.company-org-title>div:nth-of-type(1){ position: relative;
		z-index: 2; background: #0075c4; border-radius: 100%; width: 160px; height: 160px;}
	.company-org-title>div:nth-of-type(1) p{ position: relative;
		z-index: 2; text-transform: uppercase; font-size: 16px;}
	.company-org-title>div:nth-of-type(1) span{ position: relative;
		z-index: 2;  font-weight: bold; font-size: 24px;}


	@media(max-width: 991.98px) {
		.sub-about-title2>div:nth-of-type(1){ font-size: 20px; color: #333333; font-weight: bold}
		.sub-about-title2>div:nth-of-type(1) span:after{ position: absolute; content:"";left: 0; right: 0; bottom:0%; margin: auto; width:30%; height: 2px; background: #0075c4;}
		.sub-about-title2>p:nth-of-type(1){ padding-top: 4%; text-align: center; font-size: 14px;}
		.culture-font>div:nth-of-type(1):after{ width: 0;height: 0; display: none;  opacity: 0}
		.culture-font p:nth-of-type(1){ font-size: 18px; }
		.culture-font div:nth-of-type(1){ font-size: 14px;}
		.culture-mask p:nth-of-type(1){ font-size: 18px; font-weight: bold; color: #fff;}
		.culture-mask div:nth-of-type(1){ font-size: 12px; line-height:2;color: #fff;}




	}


	.culture-big-title{}
	.culture-big-title>span:nth-of-type(1){ font-size: 36px; color: #333333; font-weight: bold}
	.culture-big-title>span:nth-of-type(2){ font-size: 36px; color: #0075c4}
	.culture-big-title>div:nth-of-type(1){}
	.culture-big-title>div:nth-of-type(1) span{ font-size: 16px; color: #666}
	.culture-big-title>div:nth-of-type(1) span b{ font-size: 16px; color: #333333; font-weight: bold}
	@media(max-width: 1199.98px){
		.culture-big-title>span:nth-of-type(1){ font-size: 20px;}
		.culture-big-title>span:nth-of-type(2) { display: none; }
		.culture-big-title>div:nth-of-type(1){ display: none }
	}




	/*产品详情模块*/
	.proinfo-shuiyin{ position: absolute;left: 0; top: 0; width: 100%}






	/*面包屑*/
	.ty-current .current-all2 span { font-size: 16px; color: #929699}
	.ty-current .current-all2  i svg{ width: 20px; height: 20px; fill: #99999c}
	.index-location-address{ box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #fff; z-index:999; position: sticky;top:0px }
	.index-location-address.no{ box-shadow: 0 0 20px rgba(0,0,0,0);}
	.current-content{ width: 100%;}
	.current-content.proinfo{ font-size: 20px; color: #929699;}
	.current-content.proinfo a{ padding: 0 5px;}
	.current-content.proinfo a:nth-last-of-type(1),.current-content.proinfo a:hover{ color: #929699}
	.current-content>i svg{ width: 20px; height: 20px; fill: #7b7474}
	.current-content>div>i svg{ width:15px; height:15px; fill: #afafaf}
	.current-content{ font-size:16px;}
	.current-content,.current-content a{ color:#666}
	.current-content a:hover{ color: #fc7133}
	.sub-item{ position: relative; border-radius: 2rem; }


	.sub-item:before{ position:absolute; content: "";top:0; bottom:0; right:0; margin:auto; width: 1px; height:20%; background: #7b7474; }
	.sub-item:after{ position:absolute; content: "";left:0; bottom:0; right:0; margin:auto;
		width: 100%; height:3px;transform: scaleX(0);background: #fc7133;
		transform-origin: center center; transition: transform 0.5s; border-radius: 2rem;}
	.sub-item:hover:after{ transform: scaleX(1); transform-origin: center center;}

	.sub-item.on span{font-weight:bold; color:#fc7133;}
	.sub-item.on:after{	transition: transform 0.5s; transform: scaleX(1); }
.sub-rn-nav .swiper-slide:nth-last-of-type(1) .sub-item:before{ height:0;}

	.sub-item a{ font-size: 16px; color: #515151; transition: all 0.5s; position:relative; z-index: 999;}
	.sub-item:hover a,.sub-item.on a{   color: #333}
	.about-bottom{ background: url("../img/company_bottom_bj.jpg") no-repeat center bottom #fff; height: 100%;    }
	.jiangong-about-box{padding-bottom:20%}
	.company-about-title-top{ position: relative}
	.company-about-title-top:after{ position: absolute; content: ""; width: 100%;  height: 100%;
		background: url("../img/company_bj.jpg") no-repeat right center; right: -20%}
	@media(max-width: 991.98px){
		.zy-flash-font p:nth-of-type(1){ font-size: 20px;}
		.zy-flash-font p:nth-of-type(2){ font-size: 14px;}
		.company-about-title-top:after{  display: none}
		.zy-flash-font div:nth-of-type(1) span{   font-size:18px;}
		.index-location-address{  position: inherit;top:inherit }

	}


	.sub-line{ position:relative;}
	.sub-line:after{ position: absolute; content: ""; top:12%; left: -100%;right: -100%; width: 230%; height: 1px;   }

	.current-all{}
	.current-all i svg{ width: 25px; height: 25px; fill: #666}
	.current-all span,.current-all span a{ font-size: 14px; color: #666}
	.current-all span a:hover{ color: rgba(255,255,255,0.25)}

	.flash-location{}
	.flash-location i svg{width:30px; height:30px; fill:#fff}
	.flash-location{font-size:18px; color:#fff}
	.flash-location a{color:#fff}
	.back-location,.back-location *{transition: all 0.5s}
	.back-location{cursor:pointer}
	.back-location span{font-size:18px; color:#999999; font-weight:bold;}
	.back-location i svg{ width:20px; height:20px; fill:#a1a1a1}
	.back-location:hover span{color:#e60014}
	.back-location:hover i svg{fill:#e60014}





	/*模版demo*/
	.demo-big-k,.demo-big-k *{ transition: all 0.5s}
	.demo-big-k .demo-wrap-title{ z-index: 999; position: absolute; width:100%; padding:2.5%;left:0;bottom:0; background: rgba(9,83,167,0.5);}
	.demo-big-k .demo-wrap-title>span{ font-size:18px; color:#fff}
	.demo-big-k .demo-wrap-title>div span{ font-size:14px; color:#fff}
	.demo-big-k .demo-big-img img{ transform: scale(1.05)}
	.demo-big-k:hover .demo-big-img img{ transform: scale(1)}
	.sub-bottom{ border-bottom:1px solid rgba(255,255,255,0.25);}


	/*新闻模块*/

	.news-font-box span:nth-of-type(1){ font-size: 36px; color: #333333; font-weight: bold; line-height: 1; transition: all 0.5s}
	.news-font-box span:nth-of-type(2){ font-size: 18px; color: #a3a4ac;transition: all 0.5s}
	.news-font-box>div:nth-of-type(2) p:nth-of-type(1){ color: #333333; font-size: 20px;}
	.news-font-box>div:nth-of-type(2) div:nth-of-type(1){ color: #a3a4ac; font-size: 14px;}
	.news-font-box>div:nth-of-type(1){ border-right:1px solid #dedfe1; width: 25%}

	#news_img_box .swiper-pagination{   bottom: 0px;  }
	#news_img_box .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{ height: 8px; width: 8px; background: #666; border-radius: 100%; transition: all .5s}
	#news_img_box .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 20px;
		height: 8px;
		margin: 0 4px;
		border-radius: 2rem;
		transition: all 0.5s;
		background: #0e4b99;

	}
	#news_img_box  .news-left-box:hover span:nth-of-type(1){ color: #0d3983}
	#news_img_box  .news-left-box:hover span:nth-of-type(2) { color: #0d3983;}
	#news_img_box  .news-left-box:hover div:nth-of-type(2) p:nth-of-type(1){ color: #0d3983}



	.news-font-box2{ border-bottom: 1px solid #dedfe1; transition: all 0.5s}
	.news-font-box2:hover{ border-bottom: 1px solid #c40d2e }

	.news-font-box2.right a{ display: flex; width: 100%}
	.news-font-box2.right a>div:nth-of-type(1){ width: 20%;}
	.news-font-box2.right a>div:nth-of-type(2){ width: 80%;}
	.news-font-box2.right a>div:nth-of-type(1)>p:nth-of-type(1){ position:relative; font-size: 36px; color: #333333; font-weight: bold; line-height: 1.2}
	.news-font-box2.right a:hover>div:nth-of-type(1)>p:nth-of-type(1),.news-font-box2.right a:hover>div:nth-of-type(1)>p:nth-of-type(2){  color: #c40d2e}
	.news-font-box2.right a:hover>div:nth-of-type(1)>p:nth-of-type(1):after{  background: #c40d2e; width: 15% }
	.news-font-box2.right a>div:nth-of-type(1)>p:nth-of-type(1):after{ position: absolute; content: ""; height: 2px; width: 20%; background: #a3a4ac; left: 0; bottom:-30%;  transition: all 0.5s }
	.news-font-box2.right a>div:nth-of-type(1)>p:nth-of-type(2){ font-size: 18px; color: #a3a4ac; line-height: 2; transition: all 0.5s}
	.news-font-box2.right a>div:nth-of-type(2) p:nth-of-type(1){ color: #333333; font-size: 20px;transition: all 0.5s}
	.news-font-box2.right:hover a>div:nth-of-type(2) p:nth-of-type(1){ color: #c40d2e}
	.news-font-box2.right a>div:nth-of-type(2) div:nth-of-type(1){ color: #a3a4ac; font-size: 14px; line-height: 1.5rem}
	@media(max-width: 1399.98px){
		.news-font-box span:nth-of-type(1){ font-size: 26px; color: #333333; font-weight: bold; line-height: 1}
	}

	@media(max-width: 1199.98px){
		.news-font-box span:nth-of-type(1){ font-size: 20px; color: #333333; font-weight: bold; line-height: 1}
		.news-font-box span:nth-of-type(2){ font-size: 14px; color: #a3a4ac}
		.news-font-box>div:nth-of-type(2) p:nth-of-type(1){ color: #333333; font-size:16px;}
		.news-font-box>div:nth-of-type(2) div:nth-of-type(1){ color: #a3a4ac; font-size: 12px;}
		.news-font-box>div:nth-of-type(1){ border-right:1px solid #dedfe1; width:25%}


		.news-font-box2.right a>div:nth-of-type(1)>p:nth-of-type(1){ position:relative; font-size: 20px; color: #333333; font-weight: bold; line-height: 1}
		.news-font-box2.right a>div:nth-of-type(1)>p:nth-of-type(1):after{ position: absolute; content: ""; height: 2px; width: 20%; background: #a3a4ac; left: 0; bottom:-50%}
		.news-font-box2.right a p:nth-of-type(2){ font-size: 14px; color: #a3a4ac}
		.news-font-box2.right a>div:nth-of-type(2) p:nth-of-type(1){ color: #333333; font-size: 16px;}
		.news-font-box2.right a>div:nth-of-type(2) div:nth-of-type(1){ color: #a3a4ac; font-size: 12px; line-height: 1.5rem}
	}
	@media(max-width: 991.98px){
		.news-font-box>div:nth-of-type(1){ border-right:1px solid #dedfe1; width:35%}
		.news-font-box2.right a>div:nth-of-type(1){ width: 25%;}
		.news-font-box2.right a>div:nth-of-type(2){ width: 75%;}
	}

	.pro-news-message{}
	.pro-news-message .news-font-box3{ width: 49%;}
	.news-font-box3{  background: #fff; transition: all 0.5s}
	.news-font-box3:hover{ background: #0e4b99;}
	.news-font-box3 a>div:nth-of-type(1){ transition: all 0.5s}
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1){ position: relative; width: 20%;  }
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(2){ position: relative; width: 80%;  }
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1):after{ position: absolute; content: "";
		background: #cccccc; display: block;   width: 0px; height: 100%; top: 0; bottom: 0;  right: 0;margin: auto;}

	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(1){ color: #333333; font-size: 50px; line-height: 1.3; transition: all 0.5s}
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2){ color: #999; font-size: 16px; line-height: 1;transition: all 0.5s}
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(1){ font-size: 18px; color: #626364;}
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(2) div:nth-of-type(1){ font-size: 14px; color: #999999;}
	.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(2) div:nth-last-of-type(1){ font-size: 16px;color: #999999;}
	.news-detail{}
	.news-detail span{ font-size: 16px; text-transform: uppercase; color: #000;}
	.news-detail i{ transition: all 0.5s; display: block; height: 7px; width: 20px;}
	.news-detail i  svg{  width: 30px; height: 30px; fill: #c3c3c3}

	.news-font-box3:hover a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(1),.news-font-box3:hover a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2),.news-font-box3:hover a>div:nth-of-type(1)>div:nth-of-type(2) p:nth-of-type(1),.news-font-box3:hover a>div:nth-of-type(1)>div:nth-of-type(2) div:nth-of-type(1){ color: #fff;}
	.news-font-box3:hover .news-detail span { color: #fff; fill: #fff}
	.news-font-box3:hover .news-detail i { transform: translateX(50%;)}
	.news-font-box3:hover .news-detail i  svg{ fill: #fff; }
	@media(max-width: 991.98px) {
		.pro-news-message .news-font-box3{ width: 100%;}
		.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1){ position: relative; width: 30%;  }
		.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(1){ color: #333333; font-size: 20px; line-height: 1.3}
		.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(1) p:nth-of-type(2){ color: #999; font-size: 14px; line-height: 1}
		.news-font-box3 a>div:nth-of-type(1)>div:nth-of-type(2){ width: 70%;}
	}


	/*案例模块样式*/
	.case-big-box{}
	.case-big-box .case-box-font{ background: #fff; width: 90%; transform: translate(5%,-20%); transition: all 0.5s}
	.case-big-box .case-box-font .case-font-one p:nth-of-type(1){ color: #999; font-size: 16px;
		text-transform: uppercase; font-family: Arial}
	.case-big-box .case-box-font .case-font-one p:nth-of-type(2){ color: #333333; font-size: 22px;}
	.case-big-box:hover .case-box-font{ background: #ca1323}
	.case-big-box .case-box-font>div:nth-last-of-type(1) span{background: #f1f1f1; padding: 0.2rem 0.75rem; transition: all 0.5s}
	.case-big-box:hover .case-font-one p:nth-of-type(1){  color: #e58991}
	.case-big-box:hover .case-font-one p:nth-of-type(2){ color: #fff;}
	.case-big-box .case-box-font>div:nth-last-of-type(1) span svg{ fill: #bbbbbb}
	.case-big-box:hover .case-box-font>div:nth-last-of-type(1) span svg{ fill: #fff}
	.case-big-box:hover .case-box-font>div:nth-last-of-type(1) span{background: rgba(255,255,255,0.2); }
	.case-big-box:hover .case-box-font>div:nth-last-of-type(1) span{ transform: translateY(10%)}
	.case-big-box .case-img{	overflow: hidden; transition: all 0.5s}
	.case-big-box .case-img img{ transition: all 0.5s}
	.case-big-box:hover .case-img img{ transform: scale(1.05)}
	.case-big-box:hover .case-box-font{   transform: translate(5%,-30%);  }

	.link-box{ overflow: hidden;}
	.link-box img{ transition: all 0.5s;transform: scale(1.02);}
	.link-box:hover img{ transform: scale(1); }
	.link-box { transition: all 0.5s}
	.link-box>div:nth-last-of-type(2) {  border: 1px solid #f1f1f1; transition: all 0.5s }
	.link-box div:nth-last-of-type(1){ text-align: center; font-size: 16px; color: #666;}
	.link-box:hover>div:nth-last-of-type(2) {    box-shadow: 0 0 21px rgba(0,0,0,0.12)}


	.ys-font{}
	.case-img .ys-font>p:nth-of-type(1){ font-size: 24px;}
	.case-img .ys-font>div:nth-of-type(1){ font-size: 16px; line-height: 2}
	.bg-red{ background: #0075c4;}
	input{ font-size: 16px;}
	img#verifyImg {
		height: 57px;
	}






	/*page*/
	.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
	.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
	.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
	.de-page-mian .page-inner a.active,
	.de-page-mian .page-inner a:hover{color: #fff; border-color: #004ca1; background: #004ca1;}
	.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
	.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
	.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none; }
	.de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
	.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

	/*no-goods*/
	@media(min-width: 992px) {

		.pro_hot_name_all div span { margin-left: 0.6rem; padding: 0.3rem 1.2rem; border-radius: 0.2rem; font-size: 14px; color: #fff }
	}
	.pro_hot_name_all div span:nth-of-type(1){ background: #a599d0; }
	.pro_hot_name_all div span:nth-of-type(2){ background: #e77746; }
	.pro_hot_name_all div span:nth-of-type(3){ background: #3cb3c3; }
	.pro_hot_name_all div span:nth-of-type(4){ background: #89c997; }
	.pro_hot_name_all p:nth-of-type(1){font-size: 18px; color: #333;}
	.pro_hot_name_all p:nth-of-type(1) i{ background: url("../img/hg.png") no-repeat left center; width: 1.5rem}

	@media(max-width: 991px){
		.pro_hot_name_all div span {  margin-left: 0.6rem;  padding: 0.3rem 0.4rem; border-radius: 0.2rem; font-size: 14px; color: #fff}

	}

	.current_list>span:nth-of-type(1){ position: relative; color: #e80113; font-size: 22px;}
	.current_list>span:nth-of-type(1):after{ position: absolute; content: ""; left: 0;top: 0; bottom: 0; margin: auto; width: 3px; height: 80%; background: #e80113;}




	/*通用*/


	.test {
		width: 100%;
		line-height: 2.5;
		height  : 400px;
		overflow: auto;
		float   : left;
		border  : none;
	}
	.scrollbar {
		width : 96%;
		height: 20px;
		color:#5a5a5a;
		font-size: 18px;


	}
	.scrollbar p{ line-height: 2.5rem;}
	.test-1::-webkit-scrollbar {

		width : 5px;
		height: 1px;
	}
	.test-1::-webkit-scrollbar-thumb {

		box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		background   : #196ccf;
		border-radius: 0.25rem;
	}
	.test-1::-webkit-scrollbar-track {

		box-shadow   : inset 0 0 5px #999;
		background   : #999!important;
	}


	@media(max-width: 768px){
		.about_left>p:nth-of-type(1){ font-size: 22px; font-weight: bold; color: #e80113; text-transform: uppercase;}
		.about_left>p:nth-of-type(2){ color: #303032; font-size: 18px; letter-spacing: 7px; font-weight: 100; position: relative; padding-bottom: 20px; }

	}


	/*相关产品*/

	.pro-message-all{  font-size:16px; line-height:30px; background:#fff; width:100%}
	.pro-all-links {
		width: 100%;
		margin: 0 auto;
		box-sizing:border-box

	}
	.pro-all-links .hd {
		overflow: hidden;

		margin: 0 auto;
		width: 285px;
	}
	.pro-all-links .hd .prev, .pro-all-links .hd .next, .pro-all-links .hd .morexxx {
		display: block;
		width: 40px;
		height: 40px;
		border-radius:100%;
		float: right;
		margin: 0 2px;
		margin-top:10px;
		color: #FFF;
		font-size: 24px;
		overflow: hidden;
		cursor: pointer;
		transition: 0.3s all 0s linear;
		background: #f0f0f0;
		text-align: center;
		line-height: 40px;
		font-family: SimSun;
	}
	.pro-all-links .hd .prev:hover, .pro-all-links .hd .next:hover, .pro-all-links .hd .morexxx:hover {
		background: #bb0327;
	}
	.pro-all-links .hd .prev, .pro-all-links .hd .morexxx {
		float: left;
	}

	.pro-all-links .index-pro-all-xx{

		height:auto;
		overflow:hidden;
		margin-bottom: 30px;
	}

	.pro-all-links .index-pro-all-xx li { margin-right:20px; width:285px; display:block; height:285px; float:left; }
	.pro-all-links .index-pro-all-xx li a{width:285px; overflow:hidden; position:relative;display:block; transition:all 0.5s }
	.pro-all-links .index-pro-all-xx li a span{width:285px; height:214px; display:block; overflow:hidden; margin-bottom:20px;}
	.pro-all-links .index-pro-all-xx li a:hover img{ transform:scale(1.1)}
	.pro-all-links .index-pro-all-xx li a img{  width:100%;  transition:all 0.5s; margin:0 auto;}
	.pro-all-links .index-pro-all-xx p{ color:#666; font-size:18px; font-weight:bold; transition:all 0.5s}
	.pro-all-links .index-pro-all-xx p:nth-of-type(2){ font-size:14px; color:#999;font-weight:bold;transition:all 0.5s}
	.pro-all-links .index-pro-all-xx li a:hover{transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-webkit-box-shadow: 0px 2px 15px #828282;
		-moz-box-shadow: 0px 2px 15px #828282;
		box-shadow: 0px 2px 15px #828282;}
	.pro-all-links .index-pro-all-xx li a:hover p{ padding-left:10px;}

	.order-btn{ box-sizing: border-box; }
	.order-btn .submit {



		background: #c8000b;
		color: #fff;
		font-size: 14px;
		border-radius:5px;
		box-sizing: border-box;
		text-align: center;
	}
	.order-btn .submit:hover {
		background: #0058b1;
	}

	.order-btn .submit i{ display: inline-block;; background:url(../img/chat.png) no-repeat left top;  width:16px; height:16px; margin:4px 5px 0 0;}
	.order-btn .click-chat {
		box-sizing: border-box;
		background: #00468c;
		color: #fff;
		font-size: 14px;
		border-radius:5px;
		text-align: center;
	}

	.order-btn .click-chat  i{display: inline-block;; background:url(../img/order.png) no-repeat left top;width:16px; height:16px; margin:3px 5px 0 0px;}


	.order-btn .click-chat:hover {
		background: #0058b1;
	}

	.pro-mobile i{   width:31px; height:31px; float:left; display:block;}

	.pro-mobile  span{ color:#c8000b; font-family:'impact'}
	.pro-content{  height:auto; overflow:hidden; background:#fff}
	.pro-content p:nth-child(1){margin-bottom: 40px;
		font-size: 26px;
		color: #00468c;


	}
	@media(max-width:768px){
		.pro-content{ padding:10px 0px;  height:auto; overflow:hidden; background:#fff; box-sizing:border-box}
		.pro-content p:nth-child(1){margin-bottom: 40px;
			font-size: 26px;
			color: #00468c;
			padding-left:20px;


		}

	}
	.inner-pro-message{ height:auto; overflow:hidden; padding:50px 0;}
	.inner-pro-message li{ display:block; float:left; width:285px; height:320px; border:1px #f5f5f3 solid; margin:10px 10px 0 0;}
	.inner-pro-message li .img{ width:285px; height:200px; overflow:hidden; display:block;}
	.inner-pro-message li .img img{ transition:all 0.5s; width:285px;}
	.inner-pro-message li:hover .img img{ transform:scale(1.1,1.1)}
	.inner-pro-message li .title{ text-align:left; padding:10px 25px;}
	.inner-pro-message li .title h3{ font-size:14px;}
	.inner-pro-message li .title em{   height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	.inner-pro-message li .title span{ display:block; width:40%; height:30px; line-height:30px; color:#FFF; border-radius:5px; text-align:center}
	.inner-pro-message li .title span a{ color:#FFF}
	.inner-pro-message li .title span:nth-child(1){  float:left; background:#222;}
	.inner-pro-message li .title span:nth-child(2){ float:right; background:#e6000f;}


	.pro-sider-ul li{ height:50px; line-height:50px; background:#fff; margin-bottom:1px;}
	.pro-sider-ul li a{ display:block; width:90%; padding-left:10%; font-size:15px; transition:all 0.4s}
	.pro-sider-ul li a:hover{ color:#e60012; padding-left:20%;width:80%}







	.pro-all-message .bx-wrapper {
		position: relative;
		margin: 60px auto ;

		padding: 0;

		*zoom:1
	}
	.pro-all-message b a{ font-size:24px; display:block; color:#666; font-weight:500; height:47px; line-height:55px; transition:all 0.5s;}
	.pro-all-message .slide > a:hover{


		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-webkit-box-shadow: 0px 5px 15px #828282;
		-moz-box-shadow: 0px 5px 15px #828282;
		box-shadow: 0px 5px 15px #828282;
	}

	.pro-all-message b a i{ display:block; width:47px; height:47px; background:url(../img/pro-dot.png) no-repeat left center; margin-right:12px; float:left;}
	.pro-all-message .slide > a{ display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; padding:20px; transition:all 0.5s;}
	.pro-all-message .bx-wrapper span { display:block; height:260px; overflow:hidden; position:relative; text-align:center; background:#fff!important; transition:al 0.5s}
	.pro-all-message a span{ display:block; position:relative;}
	.pro-all-message a span:after{ position:absolute; content:""; left:0%; width:100$; height:0; bottom:-260px;  background:rgba(0,0,0,0.3); transition:all 0.4s; }
	.pro-all-message a:hover span:after{ height:260px; width:100%;left:0; bottom: }



	.pro-all-message a:hover  p:nth-of-type(2){ color:#FFF; border:1px #e30000 solid; background:#e30000}

	.pro-all-message .slide p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
	.pro-all-message .slide p:nth-of-type(2){ width:155px; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:19px; border:1px #ddd solid; border-radius:20px; margin:0 auto; transition:all 0.5s}
	.pro-all-message .bx-wrapper img {
		height: 260px;

		display: block;
		margin:0 auto;
		transition:all 0.4s
	}

	.pro-all-message .bx-wrapper a:hover img{ transform:scale(1.1)}
	.pro-all-message .bx-wrapper .bx-viewport {


		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0)
	}

	.pro-all-message .bx-wrapper .bx-pager, .pro-all-message .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: -60px;
		width: 100%
	}
	.pro-all-message .bx-wrapper .bx-loading {
		min-height: 50px;

		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000
	}
	.pro-all-message .bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: 700;
		color: #666;
		padding-top: 20px
	}
	.pro-all-message .bx-wrapper .bx-pager .bx-pager-item, .pro-all-message .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		*zoom:1;
		*display:inline
	}
	.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a {
		background: #d3d3d3;
		text-indent: -9999px;
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 100%
	}
	.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a:hover, .pro-all-message .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #f91627
	}
	.pro-all-message .bx-wrapper .bx-prev {

		left:-80px;
		background: url(../img/picScroll-left.png) no-repeat #dddddd;
		transition:all 0.5s
	}
	.pro-all-message .bx-wrapper .bx-next {

		right:-80px;
		background: url(../img/picScroll-right.png)  no-repeat -45px 0 #dddddd;
		transition:all 0.5s
	}
	.pro-all-message .bx-wrapper .bx-prev:hover {
		background: url(../img/picScroll-left.png) no-repeat -45px 0 #e30000
	}
	.pro-all-message .bx-wrapper .bx-next:hover {
		background: url(../img/picScroll-right.png) no-repeat 0px 0 #e30000
	}
	.pro-all-message .bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;

		outline: 0;
		height:45px;
		width:45px;
		text-indent: -9999px;
		z-index: 9999
	}
	.pro-all-message .bx-wrapper .bx-controls-direction a.disabled {
		display: none
	}
	.pro-all-message .bx-wrapper .bx-controls-auto {
		text-align: center
	}
	.pro-all-message .bx-wrapper .bx-controls-auto .bx-start {
		display: block;
		text-indent: -9999px;
		width: 10px;
		height: 11px;
		outline: 0;
		background: url(http://www.jq22.com/demo/slider-141113224352/images/controls.png) -86px -11px no-repeat;
		margin: 0 3px
	}
	.pro-all-message .bx-wrapper .bx-controls-auto .bx-start:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-start.active {
		background-position: -86px 0
	}
	.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop {
		display: block;
		text-indent: -9999px;
		width: 9px;
		height: 11px;
		outline: 0;
		background: url(http://www.jq22.com/demo/slider-141113224352/images/controls.png) -86px -44px no-repeat;
		margin: 0 3px
	}
	.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-stop.active {
		background-position: -86px -33px
	}
	.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		text-align: left;
		width: 80%
	}
	.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		right: 0;
		width: 35px
	}
	.pro-all-message .bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #666\9;
		background: rgba(80,80,80,.75);
		width: 100%
	}


	.pro-all-message .slide2{ background:#CCC; text-align:center;}

	.about-honor .pro-all-message .bx-wrapper .bx-caption span {
		color: #fff;
		font-family: Arial;
		display: block;
		font-size: .85em;
		padding: 10px
	}
	.slider1 p {
		width: 100%;
		height: 46px;
		font-size: 20px;
		color: #333;
		font-size:14px;
		line-height: 46px;
		text-align: center;


	}
	.slider1 .slide{ background:#CCC}
	.pro-deail{ box-sizing:border-box}
	.pro-deail>p:nth-of-type(1){margin-bottom: 40px;
		font-size: 26px;
		color: #e80113;
		text-align: left;
		position: relative;
	}
	.pro-deail>p:nth-of-type(1):after{ position: absolute; content: "";background: #e80113; width: 5%; height: 2px;bottom: -20px;left: 0 }
	.message-title{ font-size: 14px; }

	#formData .write {
		background: #fff;
		padding-right: 30px !important;
		border:1px #eee solid;
		font-size: 16px;
	}


	.code{ font-size: 14px; }



	/*分页*/
	.w-page { margin-bottom: 20px; }
	.w-page li.active span { z-index: 3; color: #fff; background-color: #e80113; }
	.w-page li.disabled { cursor: no-drop; }
	.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }

	.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

	.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25;
		color: #666; background-color: #e2e2e2; font-size: .875rem; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
	.w-page li a:hover, .w-page li span:hover { background-color: #c40e25; color: #fff; }





	.shs_bg{ background:#e7ebec;  }
	.contact_big_bj{ background:url(../img/contact_bj.png) no-repeat center 35% #f4f4f4;  }
	.contact_left h4,.contact_right h4{ font-size: 26px; color:#f0541d; font-weight: bold; text-transform: uppercase;}
	.contact_lg_fb{ font-size: 16px;  }
	.contact_left>p:nth-of-type(1){ font-size: 16px;    font-weight: bold; }
	.contact_left>p:nth-of-type(2){ font-size: 16px;  font-weight: bold;  }
	.contact_left .contact_li{ font-size: 16px;   }


	.btn-suss{ background: #f0541d; color: #fff; font-size: 14px; text-align: center; position: relative; border-radius: 0.25rem;
	}
	.btn-suss:hover{ color: #fff;background: #none;}
	.btn-suss:before{ position: absolute;content: "";left: 0; top:0; background:#f0541d;transform-origin: right center;
		width: 100%; height:100%; transform:scaleX(0); margin: auto;   z-index:0; border-radius: 0.2rem;transition:transform 0.5s; }
	.btn-suss:hover:before{ transform-origin: left center; transform: scaleX(1); }
	.btn-suss span{ position: relative}


	.liuyan_box input{ font-size: 14px; padding-left: 50px; height: 55px; border:1px #FFF solid; }
	.liuyan_box .form-tr:nth-of-type(1) input{ background: url("../img/form1.png") no-repeat 10px center #fff;}
	.liuyan_box .form-tr:nth-of-type(2) input{ background: url("../img/form2.png") no-repeat 10px center #fff;}
	.liuyan_box textarea{ background: url("../img/form_content.jpg") no-repeat right bottom #fff;font-size:16px; min-height:300px;}



	.online-btn{ background: #e80113; font-size: 14px;width: 150px; height:40px; line-height: 40px; position: relative; transition: all 0.5s; transform-origin: left center;}
	.online-btn a i{ display: inline-block; background: url("../img/jt.png") no-repeat center center; width: 35px; height:7px; transition: all 0.5s;}
	.online-btn:before{ position: absolute;content: "";left: 0; top:0; background: #657ab9;transform-origin: right center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0}
	.online-btn:hover:before{ transform-origin: left center; transform: scaleX(1); }
	.online-btn:hover{ background: none}
	.online-btn:hover a{ position: absolute; display: block; width: 100%; color: #f00; z-index: 9; color: #fff;transition: all 0.5s;}



	.jw-controlbar{ width: 100%; }





	.contact-item{ width: 100%}
	.contact-item p:nth-of-type(1) span{ color: #005fad; font-size: 18px;}
	.contact-item p:nth-of-type(n+2) { font-size: 20px; color: #515151}
	.contact-title span:nth-of-type(1){ font-size: 36px; color: #333333}
	.contact-title span:nth-of-type(2){ font-size: 30px; color: #333333}

	.layui-layer-btn0{ font-size: 14px; color: #fff!important;}

	@media(min-width: 1200px){
		.contact-left{ width: 35%!important;}
		.contact-right{ width: 65%!important;}
	}
	@media(max-width: 1199.98px){
		.contact-right{ width: 100%}
		.contact-left{ width: 100%}
		.footer_top{ border-bottom: 0px solid #3379ad}
	}

	@media( max-width: 575.98px) {
		.contact-title span:nth-of-type(1){ font-size: 20px; color: #333333}
		.contact-title span:nth-of-type(2){ font-size: 18px; color: #333333}

	}
	@media(max-width: 991.98px){
		.footer-contact p:nth-of-type(2){ font-size: 20px; }
		.footer_top{ border-bottom: 0px solid #3379ad}
		.contact-item{ width:100%}
	}


	@media(max-width: 991.98px){
		#pinpai	.case-pro-box .case-img:before{ display: none}
		#pinpai	.case-pro-box .case-img>span i{height: 30px; width: 100%; display: none}
		#pinpai	.case-pro-box .case-img>span i svg{ width: 30px; height: 30px;}
		.case-img .ys-font>p:nth-of-type(1){ font-size: 16px; line-height: 0.8; margin-bottom: 0}
		.case-img .ys-font>div:nth-of-type(1){ font-size: 14px; line-height: 1.5; padding: 1%}
	}



	.mask { top: 100px; display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); z-index: 88; }

	@media(min-width: 1399.98px) {
		.d-xxl-flex {
			display: flex !important;
		}
	}
	.d-xxl-flex{display:none;	}

	.parent-name{ font-size: 16px; color:#c3002f;   }
	.pro-name-item2{ width: calc(100% / 3); font-size: 16px;
		color: #666;}
	.pro-name-item2 i svg{    width: 20px;
		height: 20px;
		fill: #c3002f;
		transition: all 0.5s;}
	.sub-nav-left{ display: flex; position: relative; width: 30%; border-right:1px solid #f0f0f0 }
	.sub-nav-left>p:nth-of-type(1) a{ font-size:24px; color:#0e2d6b; margin:0}
	.sub-nav-left>div:nth-of-type(1)  { font-size:16px; color:#666666}
	.sub-nav-left .tel-num>p:nth-of-type(1){font-size:14px; color:#000000; margin:0; padding-left:3px;}
	.sub-nav-left .tel-num>p:nth-of-type(1) i svg{fill:#c10032; width:20px; height:20px;}
	.sub-nav-left .tel-num>p:nth-of-type(2) span{ font-size:24px; color:#c10032; font-weigt:bold;}
	.sub-nav-left>div:nth-last-of-type(1){ width:85px; font-size:16px; color:#c10032 }
	.sub-nav-left>div:nth-last-of-type(1) i svg{ width:20px; height:20px; fill:#c10032}
	.sub-nav-left>div:nth-last-of-type(1) a  { position: relative; color:#c10032 }
	.sub-nav-left>div:nth-last-of-type(1) a:after  { position: absolute; content:'';left:0;bottom:0; width:100%; height:1px;
		background: #c10032}
	.sub-nav-left>div:nth-last-of-type(1) a:hover i svg{ transform: translateX(5px) }

	.sub-nav-right{ width: 70%; padding:2% 5% 2%; position:relative; }

	.sub-nav-right .sub-nav-item{ width:calc(100% / 3); position:relative;z-index: 99 }
	.sub-nav-right .sub-nav-item div:nth-of-type(1){font-size:14px; color:#6f6f6f}
	.sub-nav-right .sub-nav-item div:nth-of-type(1) p{font-size:16px; color:#6f6f6f}
	.sub-nav-right .sub-nav-item .sub-wrap{ width:80%; border-bottom:2px solid #e5e5e5}
	.sub-nav-right .sub-nav-item *{ transition: all 0.5s}
	.sub-nav-right .sub-nav-item:hover  a .sub-wrap{border-bottom:2px solid #c10032}
	.sub-nav-right .sub-nav-item:hover a .sub-wrap div{color: #c10032}
	.sub-nav-right .sub-nav-item:hover div:nth-of-type(1) p {color:#c10032}

	.item-info-wrap2{}
	.item-info-wrap2 p:nth-of-type(1){ font-size: 24px; color:#fc7133;position:relative;z-index: 99}
	.item-info-wrap2 p:nth-of-type(2){ font-size: 16px; color: #666666;position:relative;z-index: 99}

	.wrap-pro-title p{ font-size:18px; color:#000;}


	.pc-sub-tel i svg{ width: 22px; height: 22px; fill: #fff}
	.pc-sub-tel>div:nth-of-type(1) span{ color: #fff; font-size: 14px}
	.pc-sub-tel>div:nth-of-type(2) span{ font-size: 24px; color: #fff;}



	@media(max-width: 1199.98px) {
		.sub-nav-left{ display: none;}
		.sub-nav-right{ width: 100%; padding: 3%;}
	}

	.product-current{}
	.product-current .current-all2 i svg { fill: #fff}
	.product-current .current-all2 span { color:rgba(255,255,255,0.65)}
	.product-current .current-all2 a { color:rgba(255,255,255,0.65)}
	.product-current .current-all2 a:hover{ color:#ed6c00}
	.sub-navcontainer{}
	.sub-navcontainer .sub-nav-prolist{ width: calc(100% / 7);}
	.sub-nav-prolist p{ font-size: 16px; color: rgba(0,0,0,0.5)}
	.subimg-top{ transition: all 0.5s}
	.subimg-top .subimg{ width: 100%; border-radius: 0.25rem;overflow: hidden; transition: all 0.5s}
	.subimg-top:hover p{ color: #ed6c00}

	.subimg-top{ overflow: hidden;}

	.sub-navcontainer .sub-nav-prolist:hover .subimg{ transform: translateY(5%)}

	.case-pro-box{position: relative;  width: 100%; height: 100%;}
	.case-pro-box .case-img222{ position: relative; display: block}
	.case-pro-box .case-img222:after{ position: absolute; content: ""; background: rgba(10,107,166,0.9); left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transform: scale(0); transition: transform 0.5s; z-index: 99}

	.case-pro-box .case-img222 span{position: absolute; display: block;
		height: 100%; font-family: Arial; font-size: 70px; color: #fff;left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 999; text-align: center; transform: translateY(-10%); transition: all 0.5s; opacity: 0}
	.case-pro-box .case-img222 span i svg{ width: 50px; height: 50px; fill: #fff}
	.case-pro-box .case-img222:hover:after{  transform: scale(1)}

	.case-pro-box .case-img222:hover span{transform: translateY(0%); opacity: 1}
	.case-pro-box .case-img222 img{ transition: all 0.5s;transform: scale(1.05)}
	.case-pro-box .case-img222:hover img{ transform: scale(1)}
	.case-pro-box a>div:nth-last-of-type(1) span{ font-size: 18px; color: #333;}






	.search-bigbox{  position: fixed; top: 0;  transition: transform 0.5s; z-index: 9999; width: 100%;
		height: 500px; transform-origin: bottom center;    transform: translateY(-100%)}
	.search-bigbox>div:nth-of-type(1){ position: absolute; top: 0; bottom: 0; left: 0;right: 0; margin: auto; width: 1400px;}
	.search-bigbox.open-ban{  display: flex;transform-origin: top center;  align-items: center;  transform: translateY(0%)}
	.search-bigbox .search-bigbox-content{ width: 1400px; margin: 0 auto;left: 5%; right: 5%;}
	.search-bigbox-content .search-txt{ width: 80%; height: 45px; line-height: 45px;}
	.search-bigbox-content .sub-btn{ width: 20%;height: 45px; line-height: 45px; background: #0b73c1; color: #fff}
	.search-bigbox .colse-btn{ position: absolute; top: 5px;right: 10px; font-size: 30px; color: #fff;  width: 30px; height: 30px; border-radius: 50%; background: #0b73c1}
	#search_width{ justify-content: space-between}
	.search-bigbox .colse-btn {
		position: absolute;
		top: 5px;
		right: 10px;
		font-size: 30px;
		color: #fff;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #0b73c1;
	}
	@media(max-width: 1499.98px) {
		.search-bigbox.open-ban,.search-bigbox{  display: none;}
	}



	.subimg-top{ transition: all 0.5s}
	.subimg-top .subimg{ width: 100%; border-radius: 0.25rem;overflow: hidden; transition: all 0.5s}
	.subimg-top:hover p{ color: #c51429}

	.subimg-top{ overflow: hidden;}

	.sub-navcontainer .sub-nav-prolist:hover .subimg{ transform: translateY(5%)}


	.sub-nav-prolist p{ font-size: 16px; color:#333333}
	.subimg-top{ transition: all 0.5s}
	.subimg-top .subimg{ width: 100%; border-radius: 0.25rem;overflow: hidden; transition: all 0.5s}
	.subimg-top:hover p{ color: #c51429}

	.subimg-top{ overflow: hidden;}

	.sub-navcontainer .sub-nav-prolist:hover .subimg{ transform: translateY(5%)}

	.sub-nav-right .sub-nav-prolist:hover p i svg {
		transform: translateX(-20%);
	}
	.sub-nav-right .sub-nav-prolist p i svg {
		width: 20px;
		height: 20px;
		fill: #c51429;
		transition: all 0.5s;
	}
	.sub-nav-right .sub-navcontainer .sub-nav-prolist {
		width: calc(100% /5);
	}
	.sub-nav-right .sub-navcontainer .sub-nav-prolist.three {
		width: calc(100% /3);
	}
	.sub-nav-right .sub-nav-prolist:hover p i svg {
		transform: translateX(-20%);
	}



	/*模板新闻横屏*/
	.jiejue .news-k{ border-bottom:1px solid #f5f5f5}
	.jiejue .news-left-item img{ transition: all 0.5s }
	.jiejue .news-left-item:hover img{ transform: scale(1.05);}
	.jiejue .news-left-item:hover .news-mask{ transform: translateY(0);	opacity: 1;}
	.jiejue .news-left-item:hover .news-mask-wrap:after{ transform: scaleY(1)}
	.jiejue .news-left-item:hover  .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	.jiejue .news-left-item:hover .news-mask-title{  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.jiejue .news-left-item:hover .news-title-desc{ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
	.jiejue .news-left-item:hover .left-more2{ -webkit-animation-delay: .4s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }

	.jiejue .news-time-title{}
	.jiejue .news-time-title p:nth-of-type(1){ transition: all 0.5s}
	.jiejue .news-time-title p:nth-of-type(1) span:nth-of-type(1){ font-size: 24px; color: #282828; }
	.jiejue .news-time-title p:nth-of-type(1) span:nth-of-type(2){ font-size:14px; color: #666666; }
	.jiejue .news-time-title div:nth-of-type(1){ font-size: 24px; color: #282828; }
	.jiejue .news-inco i{ transition: all 0.5s; background: #c7c7c7; color: #fff; width: 25px; height: 25px; border-radius: 50%}
	.jiejue .news-inco i svg{ height: 15px;  width: 15px; fill: #fff;}
	.jiejue .news-k .newsimg{ transition: all 0.5s; width:30%;}
	.jiejue .news-right-item:hover{ }
	.jiejue .news-right-item:hover  .news-inco i{  background: #044f9f; transform: translateX(-15%)}
	.jiejue .news-right-item:hover .news-time-title p:nth-of-type(1){ transform: translateY(5%)}
	.jiejue .news-right-item:hover .news-time-title div:nth-of-type(1){color: #044f9f; }
	.news-video-k>p{font-size:24px;}
	@media(max-width: 1199.98px){
		.jiejue .news-k .news-right-item{ width: 55%;}
		.jiejue .news-k .newsimg{ transition: all 0.5s; width:40%}
		.jiejue .news-time-title div:nth-of-type(1){font-size:18px;}
		.news-video-k>p{font-size:20px;}
	}
	@media(max-width: 991.98px){
		.jiejue .news-bigbox-left{ width: 100%}
		.jiejue .news-right-listall{ width: 100%}
		.jiejue .two-time{ display: none;}
		.jiejue .two-left{ width: 100%}



		.jiejue .news-k .news-right-item{ width: 100%;}
		.jiejue .news-k .newsimg{ transition: all 0.5s; width:100%}
	}


	.jiejue .news-w-box{ border-right:1px solid #f1f1f1}
	.jiejue .news-w-box .times{}
	.jiejue .news-w-box .times p:nth-of-type(1){ font-size: 36px; color:#044f9f; margin-bottom: 0}
	.jiejue .news-w-box .times p:nth-of-type(2){ font-size:16px; color:#044f9f;}
	.jiejue .news-w-box .news-wrap>p:nth-of-type(1){ font-size: 18px; color: #282828}
	.jiejue .news-w-box .news-wrap>div:nth-of-type(1){ font-size: 14px; color: #666666; line-height: 2}
	.jiejue .news-wrap{ border-bottom:1px solid #f1f1f1}
	.jiejue .news-w-box:hover{}
	.jiejue .news-w-box .newsimg img{ transition: all 0.5s}
	.jiejue .news-w-box:hover .newsimg img{  transform: scale(1.05)}
	.jiejue .news-w-box:hover .ty-more i:nth-of-type(2){  transform: translateX(-20%)}
	.jiejue .news-w150{ position: absolute; left:0; width: 120%; border-top:1px solid #f1f1f1}
	.jiejue .news-zb-height{ height: 680px;}
	.jiejue .news-zb .case-pagscroll{ position: absolute; left: 0;  width: 100%; height:1px; background: #eeeeee; bottom: 2px}
	.jiejue .news-zb  .case-pagscroll .swiper-scrollbar-drag{ position: relative; z-index: 2; background: #00438d; height:3px; top: -1px;}
	.jiejue .newsimg{ width: 30%;padding-right:2% }
	.jiejue .news-w-box .newsimg{ width: 100%!important;padding-right:2% }
	.jiejue .news-right-item{ width:70%;border-bottom: 0}
	.jiejue,.jiejue *{ transition: all 0.5s}
	.jiejue .news-k .newsimg img{ transform: scale(1.05)}

	.jiejue .news-k:hover .newsimg img{ transform: scale(1)}

	@media(max-width: 1199.98px){
		.jiejue .newsimg{ width: 100%; }
		.jiejue .news-right-item{ width:100%;border-bottom: 0}
	}
	@media(max-width: 1699.98px){
		.jiejue .news-w150{ position: inherit; left:inherit; width: 100%;}
		.jiejue .news-zb-height{ height: inherit;}
	}

	/* 产品模块*/
	.pro-scan-img{ position: absolute;left:-150%; bottom:120%;right:-150%; margin:auto;  width:140px; height:140px;
		transform: rotateX(-90deg); transition: all 0.5s; background: #dadada;}
	.pro-scan-img:before{ width: 0px;height: 0px;border: 8px solid transparent;border-top: 8px solid #dadada; display: block; content: '';position: absolute; bottom: -16px;left:0px;right:0; margin:auto; transition: top .2s linear ; transition-delay: .1s; }
	.pro-scan-img img{width:120px; height:120px;}

	.proinfo-scan:hover  {   background: #fc7133}
	.proinfo-scan:hover .end-scan-img{ transform:rotateY(0deg);}
	.pro-scan-img img{width:120px; height:120px;}
	.proinfo-scan:hover i{ fill:#fff}
	.proinfo-scan:hover .pro-scan-img{ transform:rotateY(0deg);}


	.nre-ty-title p{ marign:0;}
	.nre-ty-title p b{ font-size:40px; font-weight:bold;color:#333333}

	.nre-ty-title p:nth-of-type(2)>i{   position: relative; display: block;width: 8px; height: 8px;}
	.nre-ty-title p:nth-of-type(2)>i>span{ margin:0 15px; width: 8px; height: 8px;background: #b71317; display: block;
		transform: rotate(45deg) translate(-10px,10px);}
	.nre-ty-title p:nth-of-type(2)>i:before{ position:absolute; content: ""; width: 8px; height: 8px;
		background: #b71317;
		transform: rotate(45deg);
		right:45%; top: 0; opacity:1; bottom: 0; margin: auto; display: block;
		transition: all 0.5s; 	-webkit-animation: line1 1.5s linear infinite;
		animation: line1 1.5s linear infinite;}
	.nre-ty-title p:nth-of-type(2)>i:after{ position:absolute; content: ""; width: 8px; height: 8px;
		background: #b71317;
		transform: rotate(45deg);
		left:0%; top: 0; bottom: 0;opacity: 1; margin: auto; display: block;
		transition: all 0.5s;
		-webkit-animation: line2 1.5s linear infinite;
		animation: line2 1.5s linear infinite;}

	@-webkit-keyframes line1{
		0%{left:-24px;}
		50%{left:0px;}
		100%{left:-24px;  }
	}
	@-webkit-keyframes line2{
		0%{right:-34px;}
		50%{right:0px;}
		100%{right:-34px;  }
	}

	.floor-item.pr { background: #fff; }
	.floor-item.pr:nth-of-type(2n){ background: #f8fafb; }
	.top-up-bigbox{ padding:8% 0 0%; }
	.top-up-bigbox .index-location-address .current-content>i svg{ fill:#515151!important;}
	.top-up-bigbox .index-location-address{ background:#fff;}
	.top-up-bigbox .index-location-address .current-content,.top-up-bigbox  .index-location-address .current-content  a{ color:#999999}
	.top-up-bigbox  .index-location-address i svg{fill:#515151}
    .proinfo-big-box{ background:#fff;  background-size:cover;}
	.proinfo-left-warp{ width:55%;  order:0}
	.proinfo-right-box{ width:45%; order:2;padding:1% 0 0 5%;  }
	.proinfo-nr-content{ font-size:16px; color:#666}
	.proinfo-sw-x-name{ position:relative}
	.pro-info-title{ position:relative; z-index:5}
	.param-sw-container{border-bottom:1px solid #e2e2e2;}
	.param-sw-container .param-sw-item{ flex:1; position:relative}
	.param-sw-container .param-sw-item:nth-of-type(n+2){ padding-left:5%}
	.param-sw-container .param-sw-item p:nth-of-type(1){font-size:18px; color:#fc7133}
	.param-sw-container .param-sw-item p:nth-of-type(2){font-size:22px; color:#fc7133}
	.param-sw-container .param-sw-item:not(:nth-last-of-type(1)):after{position:absolute; content:''; background:#e2e2e2; right:0; top:0;bottom:0;margin:auto; width:1px; height:60%;}
	.proin-left-font p:nth-of-type(1){ font-size:30px; color:#333; position:relative; width:100% ;display:flex}


	.proin-left-font p:nth-of-type(1) span{position:relative; font-weight:bold; z-index:44; color:#303030;font-size:42px;}
	.proinfo-four-small .proinfo-tags{ background: #fff1ea;  height:35px; color:#fc7133; font-size:16px;
		line-height: 35px; text-align: center; width:calc(100% / 4);}

.proinfo-four-small .proinfo-tags i svg{ width:20px; height:20px; fill:#fc7133}
	.updown a i svg{ fill:#333435; width:15px; height:15px;}
	.updown a span{ font-size:16px; color:#5b5b5b}
	.proinfo-right-box .proinfo-three-box span{ font-size:16px; color:#666666; border:1px solid #fff; background: #f1f1f1; border-radius: 1rem; }
	.proinfo-right-box .proinfo-three-box{ position: relative;  border-bottom:1px solid #dddddd;}
	.proinfo-right-box .proinfo-three-box:after{ position:absolute; content:'';left:0;bottom:0; height:2px; width:120px; background: #fc7133; }
	.proinfo_k{ border-radius: 1rem; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.25)}
	.left-fontbox{ width: calc(100% - 120px);}
	.current-name,.current-name a{ font-size:20px; color:#fc7133; position:relative; z-index:4;   }
.proinfo-xxks-btn{width:50%; height:60px; border:2px solid #fc7133; text-align:center;
	background-image: linear-gradient(to right,#fc7133,#fc7133); }
.proinfo-xxks-btn a span{color:#fff;font-size:18px;}
.proinfo-xxks-btn a i svg{ width:20px; height:20px; fill:#fff}
.proinfo-xxks-btn:nth-child(2){border:2px solid #e8e8e8;background: #fff;}
.proinfo-xxks-btn:nth-child(2) a span{font-size:18px; color:#333333}
.proinfo-xxks-btn:nth-child(2) a i svg{fill:#333333}
	.back_btn a{   position: relative; width:140px;padding:0 2%}
	.back_btn i svg{ width:30px; height:30px; fill:#fc7133;}
	.back_btn span{ color:#fc7133; font-size:16px; transition: all 0.5s}
	.back_btn a:after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#fc7133;
		transition: all 0.5s;
		transform: scaleX(0);
		border-radius: 2rem;
		transition: all 0.5s;
		opacity: 0;
	}

	.back_btn:hover a:after{ transform: scaleX(1); opacity: 1;}

	.back_btn span,.back_btn i{ position:relative; z-index: 999;}
	.back_btn:hover span{ color:#fff;  }
	.back_btn:hover a i svg{ fill:#ffffff}
	.back_btn:hover i { transform: translateX(10%);}


	.proinfo-btn{position:relative; font-size:16px;  width:150px; height:48px; overflow: hidden; border-radius: 2rem;
		border:1px solid #e0e0e0 ;position: relative;}
	.proinfo-btn a span{ color:#333333;}
.proinfo-three-box2{}
.proinfo-three-box2 .proinfo-item1 span{font-size:20px; color:#3175b3}
.proinfo-three-box2 .proinfo-item1 i svg{ width:30px; height:30px; fill:#1f569e;}

.pro-ank-tel{}
.pro-ank-tel p:nth-of-type(1){ margin:0; font-size:14px; color:#666}
.pro-ank-tel p:nth-of-type(2){ color:#fc7133; font-family: 'Rany';  font-size:30px; font-weight:Bold;}


	.proinfo-btn:hover{ background: #fc7133}
	.proinfo-btn:hover span{ color:#fff}
	.proinfo-btn2{position:relative; font-size:16px;  width:49%; height:60px; overflow: hidden; border-radius: 0.5rem;
		border:1px solid #fc7133 ;position: relative;  background: #fc3333}
	.proinfo-btn2 a span{ color:#fff; font-size:20px; font-family: Rany; font-weight:bold;}
	.proinfo-btn2 i svg{ width:30px; height:30px; fill:#fff}
.proinfo-btn2:nth-of-type(2n){ background:#fc7133}
	.proinfo-scan{ width:48px; height:48px; background: #eef0f6; border-radius: 50%;}
	.proinfo-scan i svg{ width:30px; height:30px; fill:#333;}
	.proinfo-scan:hover i svg{ fill:#fff}
	.ys-six{}
	.ys-six .ys-6-item{ margin:0 10px 0 0; width:75px; height:75px; border-radius: 50%; border:1px dashed #ccc; display: flex;
		justify-content: center; align-items: center;flex-flow: column; cursor: pointer; transition: all 0.5s }
	.ys-six .ys-6-item span{ color:#939393; font-size:16px;}
	.ys-6-item:hover{ border:1px dashed #e71f1f; color:#e71f1f;  }
	.ys-6-item:hover span{  color:#e71f1f;}


	.proinfo-four-box{  border-bottom:1px solid #dddddd;}
	.proinfo-four-box .proinfo-c-item{ width:calc(100% / 6);   }

	.proinfo-wrap-title{ position: relative}
	.proinfo-c-desc{   font-size:16px; color:#999999; line-height: 2}
	.proinfo-c-desc>p:nth-of-type(1),.proinfo-ys>p:nth-of-type(1){ font-weight: bold; font-size:16px; color:#333;}
	.proinfo-c-item .info-icon{ position:relative; width:60px; height: 60px; border:1px solid  #333333;background: #333333; border-radius: 50%; position: relative; }
	.proinfo-c-item .info-icon:after{position: absolute; content: ""; width: 100%; height: 100%;
		border-radius: 50%; border:1px solid #333333; top:0;bottom:0;left:0;right:0;margin:auto;
		z-index: 0; transform-origin: center center; transform: scale(1.2) }
	.proinfo-c-item i svg{ width:35px; height:35px; fill:#fff;}
	.proinfo-c-item i svg.cqsvg{ width:25px; height:25px; fill:#fff;}
	.proinfo-c-item i svg.zzsvg{ width:40px; height:40px; fill:#fff;}
	.proinfo-c-item p{font-size:16px; color:#666666;}
	.proinfo-btn-item{ width:160px; height:50px; border-radius: 2rem; position:relative; overflow: hidden; }
	.proinfo-btn-item:nth-of-type(1){  font-size:16px; background:#fc7133; color:#fff }
	.proinfo-btn-item:nth-of-type(2){  font-size:16px; background:#cc0000; color:#fff }
	.proinfo-btn-item a{ color:#fff; position: relative; z-index: 99;}
	.proinfo-tel-num i svg{ width:30px; height: 30px; fill:#20569f;}
	.proinfo-tel-num span{ font-size: 30px; font-family: 'Avian'; color:#20569f; }

	.proinfo-btn-item:nth-of-type(1):after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#cc0000;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}
	.proinfo-btn-item:after{  position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background:#fc7133;
		transition: all 0.5s;
		transform: scaleX(0);
		transition: all 0.5s;
		opacity: 0;
	}

	.proinfo-btn-item:hover:after{ transform: scaleX(1); opacity: 1;}
	.proinfo-btn-item{ transition: all 0.5s}
	.proinfo-btn-item:hover{ transform: translateY(5%);}

	.sm-img{ margin:0 40px;}
	.proinfo-bu {width:30px;height:100%;position:absolute; display: block}
	.proinfo-bu i svg{ width:40px; height: 40px; fill:#959595}
	.proinfo-bu.proinfo-swiper-next i svg{ transform: rotate(180deg)}
	.proinfo-bu.proinfo-swiper-next{ right:0; top:0;bottom:0}
	#small-img  img{  transform: scale(1.15); transition: all 0.5s;}
	#small-img .swiper-slide-thumb-active img{  transform: scale(1.05);}
	#small-img .probigimg{border:2px solid #fff}
	#small-img .probigimg:hover,#small-img .swiper-slide-thumb-active .probigimg{border:2px solid #fc7133}

	.proinfo-wrap-title>p:nth-of-type(1){ position: relative; z-index: 4; font-size: 36px; color:#333333}
	.proinfo-wrap-title>p:nth-of-type(2){ position: relative; z-index: 4;font-size:16px; color:#717171}

	.proinfo-wrap-title>i{ display: block; width: 100%; height: 1px; background: #cccccc; position:relative;}
	.proinfo-wrap-title>i:after{ position: absolute; content: '';left:0;bottom:-1px; height:3px; background:#c51429; width:10%}

	.proinfo-current-desc{ font-size:16px; color:#666; line-height:2;}

	.proinfo-btn-box-two{}
	.proinfo-chat-btn{ background: #c51429; width:45%; height:60px; border:1px solid #c51429;}
	.proinfo-chat-btn a i svg{ fill:#fff; width:32px; height: 32px;}
	.proinfo-chat-btn a span{ color:#fff; font-size:24px; font-family: Avian;}
	.proinfo-chat-btn.light:hover{ transform: translateY(0)}

	.proinfo-tel{}
	.proinfo-tel i svg{ width:28px; height: 28px; fill:#f60;}
	.proinfo-tel span{ font-family: Impact;  font-size: 30px; color:#f60  }


	.proinfo-left-warp,.proinfo-left-warp *{ transition: all 0.5s}
	.back_btn:hover p {color: #c51429;transform: translateY(5%)}
	.back_btn:hover .back_btn-ico{   transform: translateY(5%)}
	.back_btn:hover i svg{fill:#5b5b5b}

	.pro-bigimg-k{ width:78%;}
	.pro-small-img-k{ width:20%;position: relative;  display: flex}

	#small-img{ height: 100%!important; }
	.imgsmall{ height: 100%!important; }

	.swp-btn8 {
		position: absolute;
		z-index: 99;
		left:0;right:0;
		margin: auto;
		border-radius: 50%;
		width: 55px;
		height: 55px;
		background: rgba(210, 210, 210, 0.95);
		transition: all 0.5s;
	}


	.swp-btn8 i svg{ width: 20px; height: 20px; fill: #fff}
	.swp-btn8.swiper-button-next8 i svg{transform: rotate(180deg)}
	.swp-btn8.swiper-button-next8{ top:0%; }
	.swp-btn8.swiper-button-prev8{ bottom:0%;}
	.swp-btn8:hover{ background: #f60}
	.small-proimg{ width:130px; height: 130px; background: #fff;  border:3px solid #fff; overflow: hidden}
	.small-proimg img{  width:100%; height: 100%;}

	.proinfo-detail-title span{ position: relative; font-size:24px; color:#333333 }
	.proinfo-detail-title span:after{ position: absolute; content: '';left:0;top:0;bottom:0; margin:auto; width: 2px; height: 80%; background: #1a479b}

	.swiper-slide-thumb-active .small-proimg{ border:3px solid #c51429;}
	.swiper-slide-thumb-active .small-proimg img{opacity: 0.8;}

	@media(max-width: 1699.98px){.about-k-img{ position:inherit;left:inherit; top:inherit; width:100%}
		.nre-ty-title p:nth-of-type(1):after{   font-size:60px;}
		.nre-ty-title.white p:nth-of-type(1):after{ font-size:60px;  }
		.proinfo-sw-x-name:before{font-size:100px; bottom:30%}

	}
	@media(max-width: 1399.98px){
		.proinfo-four-box .proinfo-c-item{ width:calc(100% / 4);}
		.proinfo-sw-x-name:before{font-size:60px;bottom:60%}
		.proin-left-font p:nth-of-type(1) span{ font-size:26px;}

		.param-sw-container .param-sw-item p:nth-of-type(1){font-size:14px;}
		.param-sw-container .param-sw-item p:nth-of-type(2){font-size:16px;}
	}
@media(max-width: 1099.98px){

	.proinfo-left-warp{ width:100%; order:0!important; display:flex; flex-flow:column}
	.proinfo-right-box{ width:100%; padding-left:0%; order:2!important; display:flex; flex-flow:column}
}
	@media(max-width: 991.98px){
		.proinfo-four-box .proinfo-c-item{ width:calc(100% / 2);}

		.proinfo-btn-item{ height:40px;}
		.proinfo-btn-item:nth-of-type(1){ width:50%;}
		.proinfo-btn-item:nth-of-type(2){ width:50%;}
		.proinfo-tel-num{ width:100%}
		.proinfo-btn2 a span{  font-size:20px;}
		.pro-info-title:before{font-size:40px;top:0}
		.proin-left-font p:nth-of-type(1) span{ font-size:20px;}
		.nre-ty-title p b{ font-size:24px;}
		.nre-ty-title p:nth-of-type(1):after{   font-size:30px;  }
		.nre-ty-title.white p:nth-of-type(1):after{ font-size:30px;  }
		.param-sw-container .param-sw-item p:nth-of-type(1){font-size:16px; color:#999999}
		.param-sw-container .param-sw-item p:nth-of-type(2){font-size:18px; color:#333333}
		.proinfo-item1{width:100%}
		.proinfo-sw-x-name:before{font-size:40px;}
	}
@media(max-width: 991.98px){
	.proinfo-three-box2 .proinfo-item1 span{font-size:14px;  }
	.proinfo-three-box2 .proinfo-item1 i svg{ width:20px; height:20px; fill:#1f569e;}
	.proinfo-xxks-btn{width:100%;}
	.proinfo-tel-num{ justify-content: center; }
	.proinfo-tel-num i svg{ width:20px; height: 20px; fill:#20569f;}
	.proinfo-tel-num span{ font-size: 20px;  }
	}

	/*公司简介*/
	.zg-num-item{ width:calc(100% / 4); padding-right:10%}
	.zg-num-title{ border-bottom:1px solid #bababa; padding:3% 0}
	.zg-num-title span{font-size:22px; color:#333333; }
	.zg-num-title p{font-size:16px; color:#666666}
	.zg-num-wrap span:nth-of-type(1){font-size:80px; color:#d8262c;  font-family: 'arial'; position:relative}

	.zg-num-wrap span:nth-of-type(1):after{ position: absolute;content:attr(data-title);left:100%; top:0; font-size:20px; color:#d8262c}
	.zg-num-wrap span:nth-of-type(2){ color:#d8262c; font-size:20px;}
	.zg-num-item:hover .zg-num-title span{  color:#c1030e;}
	.zg-num-item:hover .zg-num-wrap span:nth-of-type(1){ color:#c1030e;}
	@media(max-width: 1499.98px){
		.zg-num-item{ width:calc(100% / 3);}
		.zg-num-wrap span:nth-of-type(1){font-size:62px;}
		.zg-num-title span{font-size:18px;}
	}
	@media(max-width: 991.98px){
		.zg-num-item{ width:calc(100% / 2);}
		.zg-num-wrap span:nth-of-type(1){font-size:20px;}
		.zg-num-title span{font-size:16px;}
		.zg-num-wrap span:nth-of-type(2){  font-size:12px;}
	}
	@media(max-width: 768.98px){
		.zg-num-item{ width:calc(100% / 2);}
		.zg-num-title p{  display:none}
		.zg-num-title{border:1px solid #fff}
		.zg-num-wrap span:nth-of-type(1){font-size:24px;font-weight:bold;}
	}

	/*企业文化*/
	.culture-demo-big-box{ }
	.culture-all-box{ position:absolute;top:0;left:0; height: 100%; width: 100%; z-index: 555}

	.culture-demo-item{ border-right:1px solid rgba(255,255,255,0.25)}
	.culture-demo-item  .culture-demo-ico i{ position: relative; width: 75px; height: 75px; border-radius: 50%; border:1px solid #fff}
	.culture-demo-item  .culture-demo-ico i:after{ position: absolute; content: ''; width: 100%; height: 100%; b left:0;
		right:0;bottom:0;top:0; margin:auto; transform: scale(0); transition: all 0.5s; border-radius: 50%;}
	.culture-demo-item  .culture-demo-ico i svg{  position: relative; z-index: 4; width: 40px; height: 40px; fill:#fff }
	.culture-demo-item .culture-wrap p:nth-of-type(1){ font-size: 30px; color:#fff}
	.culture-demo-item .culture-wrap .culture-desc{ font-size: 16px; color:#fff; line-height: 1.5; height: 80px;}
	.culture-demo-item .culture-wrap i{ height: 0px; display: block; width: 1px; background: #fff;}
	.culture-demo-item,.culture-demo-item *{ transition: all 0.5s}
	.culture-demo-item:hover{ background:rgba(0,0,0,0.4);}
	.culture-demo-item:hover  .culture-demo-ico i:after{ transform: scale(0.9); background: #c40000}
	.culture-demo-item:hover  .culture-demo-ico i svg{ fill: #fff}
	.culture-demo-item:hover  .culture-demo-ico i { transform: translateY(15%); border:1px solid #fff; }
	.culture-demo-item:hover .culture-wrap p:nth-of-type(1){ color:#fff;transform: translateY(10%);}
	.culture-demo-item:hover .culture-wrap .culture-desc{ color:#fff;transform: translateY(15%);}
	.culture-demo-item:hover .culture-wrap i{ height: 100px; margin:20px 0;}

	@media(max-width: 991.98px){
		.culture-demo-big-box .culture-img-bj{ height: 380px;}
		.culture-demo-item:hover .culture-wrap i{ height: 60px; margin:20px 0;}
		.culture-demo-item .culture-wrap p:nth-of-type(1){ font-size: 24px;}
	}

	/*研发实力*/
	.sl-item{ background: #fff; margin-bottom: 25px;}
	.sl-item .sl-img{ width:45%; overflow: hidden;  }
	.sl-item .sl-content{ width:55%; padding:4% }
	.sl-content .sl-title span:nth-of-type(1){font-size:36px; color:#333333}
	.sl-content .sl-desc{ padding-top:3%;font-size:16px; color:#676767; line-height: 2}
	.sl-item:nth-of-type(2n) .sl-img{ order:4}
	.sl-item:nth-of-type(2n) .zd-content{ order:0!important;}
	.sl-item,.sl-item *{ transition: all 0.5s}
	.sl-item .sl-img .sl-k-img img { max-width: 100%;border-radius: 1rem}
	.sl-item:nth-of-type(2n) .sl-img .sl-k-img img { max-width: 100%;border-radius:1rem}



	.sl-item:hover{}
	.sl-item:hover .sl-title span:nth-of-type(1){ color:#e62235}
	.sl-item:hover .sl-title span:nth-of-type(2){ color:#e60012}
	.sl-item:hover .sl-img{border-radius: 0 2rem 0 0;overflow: hidden;}
	.sl-item:hover .sl-img img{ transform: scale(1)}

	.yfsl-box .swiper-slide{ height: auto}
	.yfsl-box .sl-k-item{ height: 100%}
	.sl-k-item,.sl-k-item *{ transition: all 0.5s;cursor:pointer}
	.sl-k-item:after{ position:absolute; content:''; background: #c40000; opacity: 0.75; width:100%;
		height:100%; left:0;top:0;bottom:0;right:0; -webkit-transition: all .5s;
		-moz-transition: all .75s;	-ms-transition: all .75s;	-o-transition: all .75s;	transition: all .75s;
		clip-path: circle(10% at 50% 50%); opacity: 0; z-index: 5;  }
	.sl-k-item:hover:after{ opacity:0.8; clip-path: circle(100% at 50% 50%); }
	.sl-k-item{  background: #fff; border-radius: 1rem; box-shadow: 0 0 18px rgba(0,0,0,0.1); padding:8%;position: relative; overflow: hidden; }
	.sl-k-item .sl-yy-title{ text-align: center;  position: relative;z-index: 222}
	.sl-title i{ font-size:150px; font-family: 'Rany';color:#e9e9e9;font-weight:bold; line-height:0.7;}
	.sl-k-item:hover .sl-yy-desc{ color:#fff; }
	.sl-k-item .sl-yy-title span{font-size:24px; font-weight:bold; color:#fff;position:relative; z-index: 999}
	.sl-yy-title:after{ position:absolute;content:attr(data-title); font-family:'Avian';font-size:72px;
		left:0;right:0;bottom:5%;margin:auto; color:rgba(0,0,0,0.05);font-weight: bold; z-index: 2; }

	.sl-yy-desc{font-size:18px; color:#fff; line-height: 2; position: relative;z-index: 55;text-align: center }
	.sl-yy-title{ position:relative; }
	.sl-k-item:hover{ background: #fff}
	.sl-k-item:hover .sl-yy-title:after{ color:rgba(255,255,255,0.15);}
	.sl-k-item:hover .sl-yy-title span{ color:#fff}
	.sl-k-item:hover{ transform: translateY(-5%)}


	@media(max-width: 1299.98px){
		.sl-item .sl-img{ width:45%; overflow: hidden;}
		.sl-item .sl-img .sl-k-img  { width: 100%}
		.sl-item .sl-content{ width:55%; padding:5%}
		.sl-title i{ font-size:50px;}
		.sl-content .sl-title span:nth-of-type(1){font-size:26px; }
	}
	@media(max-width: 991.98px){
		.sl-item .sl-img{ width:100%; overflow: hidden;}
		.sl-item .sl-content{ width:100%; padding:5%}

		.sl-item:nth-of-type(2n) .sl-content{ order:4!important;}
		.sl-item:nth-of-type(2n) .sl-img{ order:0}
		.sl-title i{ font-size:30px;}
	}

	/*联系我们*/
	.contact-map{ padding:5% 0 0 0;}
	.contact-bigbox{ box-shadow: 0 0 30px rgba(0,0,0,0.15); background: #fff; position: absolute;left:0;right:0;
		z-index: 2; transform: translateY(0%);}
	.contact-bigbox .contact-item-k{ width:calc(100% / 4); padding:4%;background: #fff; height:288px; position:relative; cursor:pointer}
	.contact-bigbox .contact-item-k:not(:nth-last-of-type(1)){ border-right:1px  solid rgba(0,0,0,0.25);
		background-image: linear-gradient(to right,#fff 90%,rgba(0,0,0,0.05) 100%)}
	.contact-bigbox .contact-item-k .contact-ico i svg{ position: relative;z-index: 9; fill:#2e2e2e; width:38px; height:48px;}
	.contact-bigbox .contact-item-k .contact-wrap{ position: relative;z-index: 9; color:#3f3f3f;font-size:20px; padding:3% 0;}
	.contact-bigbox .contact-item-k .contact-wrap span{ position: relative;z-index: 9; font-family: 'Rany';font-weight: bold;
		color:#3f3f3f;font-size:24px;}
	.contact-bigbox .contact-item-k div:nth-last-of-type(1){ color:#9b9b9b;font-size:20px;position: relative;z-index: 9; }

	.st0{fill:#333;}
	.st3{fill:none;}
	.st1{fill:#C8110D;}

	.contact-item-k:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: url('../img/contact_bj.jpg') no-repeat center top;
		background-size: cover;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		clip-path: circle(10% at 50% 50%);
		opacity: 0;
		z-index: 1;
	}
	.contact-item-k,.contact-item-k *{ transition: all 0.5s}
	.contact-item-k:hover:after{ opacity: 0.9; clip-path: circle(100% at 50% 50%); }

	.contact-item-k:hover .contact-ico i svg{fill:#fff ;transform: translateY(8px)}
	.contact-item-k:hover .contact-wrap{ color:#fff;transform: translateY(0)}
	.contact-item-k:hover .contact-wrap span{ color:#fff;transform: translateY(0px)}
	.contact-item-k:hover div:nth-last-of-type(1){ color:#fff;transform: translateY(0px)}
	.contact-item-k:hover{
		.st0{fill:#fff;}
		.st3{fill:none;}
		.st1{fill:#fff;}
	}
	@media(max-width: 1299.98px){
		.contact-bigbox{  position: inherit;left:0;right:0;  z-index: 2; transform: translateY(0%);}
		.contact-bigbox .contact-item-k{ width:calc(100% / 2); height:auto;  border-right:none!important;
			background-image: none!important;}
		.contact-bigbox .contact-item-k .contact-wrap{ font-size:20px; padding:3% 0;}
		.contact-bigbox .contact-item-k .contact-wrap span{ font-size:20px;}
	}
	@media(max-width: 991.98px){
		.contact-bigbox .contact-item-k{ width:calc(100% / 1);}
	}


	.nex-pre{ position: relative;z-index: 9999;}
	.nex-pre .pro-nxpr-btn2{ display: flex; align-items: center; }
	.nex-pre .pro-nxpr-btn2 i{width:38px; height:38px;   position:relative;;
		border-radius: 50%;  background: #fff; text-align:center; }
	.nex-pre .pro-nxpr-btn2 i:after{ position:absolute;content:''; width:100%; height:100%;
		border:2px solid #ccc;left:0;right:0;top:0;bottom:0;margin:auto;display:none }
	.nex-pre i svg{width:15px; height:15px; fill:#070002;}
	.nex-pre .pro-nxpr-btn2:hover i:after{border:2px solid #070002;}
	.nex-pre .pro-nxpr-btn2:hover i svg{fill:#b90000;}
	/*下拉*/

	.dropdown-nav { position: absolute; width: 100%; height: 400px; display: none; background: url("../img/dropdown.jpg") left center/cover no-repeat #fbfbfb; left: 0; overflow: hidden; z-index: 99; }
	@media (max-width: 1199.98px) { .dropdown-nav { background-size: 50% 100%; } }
	@media (min-width: 1680px) { .dropdown-nav .container { max-width: 1520px; } }
	.dropdown-nav .nav-rightbar { flex: 0 0 auto; width: 28%; position: relative; }
	.dropdown-nav .nav-rightbar::before { content: ''; display: block; position: absolute; width: 50vw; height: 100%; top: 0; left: 0; background: url("../img/dropdown-bg.jpg") left/cover no-repeat; }
	.dropdown-nav .nav-rightbar .right-wrap { z-index: 2; position: relative; z-index: 2; height: 100%; color: #ffffff; padding-left: 3vw; }
	.dropdown-nav .nav-rightbar .right-wrap a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
	.dropdown-nav .nav-rightbar .right-wrap p { font-size: 26px; line-height: 2; }
	.dropdown-nav .nav-rightbar .right-wrap ul { margin-top: 1rem; }

	.dropdown-nav .nav-rightbar .right-wrap ul li a { font-size: 18px; line-height: 2.5; display: block; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
	.dropdown-nav .nav-rightbar .right-wrap ul li a:hover { opacity: .8; }
	.dropdown-nav .nav-rightbar .right-wrap ul li a:hover::after { content: ''; }
	.dropdown-nav .nav-rightbar .right-wrap .nav-contact { margin-top: 1rem; }
	.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title svg { width: 24px; height: 24px; }
	.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title svg path { fill: #ffffff; }
	.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title span { font-size: 14px; color:#fff!important;}
	.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-number { font-size: 24px; font-weight: bold; line-height: 2; }
	.dropdown-nav .nav-container { flex: 0 0 auto; width: 62%; }
	.dropdown-nav .nav-container .child-item { display: none; height: 100%; }
	.dropdown-nav .nav-container .child-item .item-info-wrap { padding-right: 5%; height: 100%; }
	.dropdown-nav .nav-container .child-item .item-info-wrap .info-title { color: #333; padding-top: 1rem; font-size: 28px; }
	.dropdown-nav .nav-container .child-item .item-info-wrap .info-desc { line-height: 2; color: #666666;font-size:20px; }

	.dropdown-nav .nav-container .child-item .item-info-wrap ul { margin-top: 1rem; display:flex; flex-wrap:wrap; }
	.dropdown-nav .nav-container .child-item .item-info-wrap ul li{width:calc(100% / 4); padding-right:1rem}
	.dropdown-nav .nav-container .child-item .item-info-wrap ul li a {font-size:18px; line-height: 2; padding: 1rem .5rem; border-bottom: 1px solid #d3dee2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	/*.dropdown-nav .nav-container .child-item .item-info-wrap ul li a::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 12px; width: 5px; height: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color:#0047b3; }*/
	/*.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a:before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-radius: 50%; }*/
.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a{padding-left:10%}
.dropdown-nav .nav-container .child-item .item-info-wrap ul li a:after {position:absolute;;content:'';
  width:1px; height:30%; transform: rotate(45deg); background: #d6d6d6; top:0;bottom:0; margin:auto; transform-origin: center center; right:20%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a:after{transform: rotate(135deg);  background: #00599a }
	.dropdown-nav .nav-container .child-item .item-info-wrap ul li a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; vertical-align: middle; flex: 1; }
	.dropdown-nav .nav-container .child-item .child-nav .nav-item { padding: 0 1.5%; }
	.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img { overflow: hidden; }
	.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img .img-wrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
	.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-name { color: #333333; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
	.dropdown-nav .nav-container .child-item .child-nav .nav-item:hover .item-name { color: #C40000; }
	.dropdown-nav .nav-container .child-item.active { display: block; }
	.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item .item-img { width: 60px; margin: 0 auto; }
	.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item:hover .item-img img { -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; }
@media (max-width: 1399.98px) {
	.dropdown-nav .nav-rightbar { width: 30%; }
	.dropdown-nav .nav-container { width: 70%; }
}

@media (max-width: 1199.98px) {

		.dropdown-nav .nav-rightbar { width: 0%; display:none!important; }
		.dropdown-nav .nav-container { width: 100%; }
}

/*头部正常*/
@media(max-width: 991.98px){
	.header{background:#fff;}
	#bannerSwiper{margin-top:60px;}
	.header #logo_title img.webname{filter:inherit!important;}
	#logo{margin-left:2%;}
	.aboutnum-wrap p:nth-of-type(1){font-size:14px;}
	.news-demo-right{ height:100%; padding-bottom:10%; display:block!important;}
}


/*头部搜索*/
.top-scan {
	position: relative;
	z-index: 99999
}

.top-scan .telinco-hover {
	position: absolute;
	width: 130px;
	height: 131px;
	padding: 5px;
	border-radius: 0.5rem;
	top: 100%;
	left: -10%;
	right: -10%;
	background: #f60;
	opacity: 0;
	z-index: 999999!important;
	transform: rotateX(-90deg);
}

.top-scan .telinco-hover img {
	width: 120px;
	height: 121px;
}

.top-scan .telinco-hover:before {
	width: 0px;
	height: 0px;
	border: 8px solid transparent;
	border-bottom: 8px solid #f60;
	display: block;
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0px;
	right: 0;
	margin: auto;
	transition: top .2s linear;
	transition-delay: .1s;
}

.top-scan:hover .telinco-hover {
	transform: rotateY(0deg);
	opacity: 1
}

.search-bigbox {
	position: absolute;
	top: 0;
	transition: transform 0.5s;
	z-index: 99999;
	width: 100%;
	height: 100%;
	transform-origin: bottom center;
	background: rgba(23,65,151,0.95);
	transform: translateY(-100%)
}

.search-bigbox>div:nth-of-type(1) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1400px;
}

.search-bigbox.open-ban {
	display: flex;
	transform-origin: top center;
	align-items: center;
	transform: translateY(0%)
}

.search-bigbox .search-bigbox-content {
	width: 1400px;
	margin: 0 auto;
	left: 5%;
	right: 5%;
}

.search-bigbox-content .search-txt {
	width: 80%;
	height: 45px;
	line-height: 45px;
}

.search-bigbox-content .sub-btn {
	width: 20%;
	height: 45px;
	line-height: 45px;
	background: #174197;
	color: #fff
}

.search-bigbox .colse-btn {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.25)
}

#search_width {
	justify-content: space-between
}

.search-bigbox .colse-btn i svg {
	width: 20px;
	height: 20px;
	fill: #293290
}

.search-bigbox .colse-btn:hover i svg {
	transform: rotate(180deg)
}

@media(max-width: 1499.98px) {
	.search-bigbox.open-ban,.search-bigbox {
		display: none;
	}
}


/*下拉*/
.sub-ank-left{ width:24%; display:flex; position:relative; height:100%; padding:5% 0;}
.sub-ank-right{
	flex: 0 0 auto;
	width: 76%;
	padding: 5% 0 5% 5%;}
.sub-ank-left:before {
	content: '';
	position: absolute;
	display: block;
	width: 36.5vw;
	height: 100%;
	background: #eff2f6;
	right: 0;
	top:0;
}

.sub-rn-nav-top {
	position: absolute;
	width: 100%;
	height: 420px;
	display: none;

	left: 0;
	overflow: hidden;
	background: url(../img/dropdown-bg.jpg) right center / cover no-repeat #eff2f6;
	z-index: 99;
	text-align:left;
}
.sub-rn-nav-top .sub-ank-left .left-header {
	font-size: 24px;
	line-height: 1.5;
}
.sub-rn-nav-top .sub-ank-left   .left-contact .contact-title {
	line-height: 1;
	font-size:18px;
	text-align:left;
}
.sub-rn-nav-top .sub-ank-left    .header-title{   font-size:24px;}
.sub-rn-nav-top .sub-ank-left    .header-tips{ font-size:24px; }
.sub-rn-nav-top .sub-ank-left .left-contact .contact-title svg {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}
.sub-rn-nav-top .sub-ank-left .left-contact .contact-title span{ font-size:16px;}
.sub-rn-nav-top .sub-ank-left .left-contact .contact-title svg path {fill: #ff6c00; }

.sub-rn-nav-top .sub-ank-left .left-contact .contact-tel {
	color: #fc3333;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Avian';
}
.sub-rn-nav-top .sub-ank-left .left-header::after {
	content: '';
	display: block;
	width: 2rem;
	height: 3px;
	background-color: #ff6c00;
	margin: 1rem 0 0;
}
.sub-ank-right .sub-right-title p{  line-height:1.5rem;  font-size:24px; color:#fc7032; }
.sub-ank-right .sub-right-title p span:nth-of-type(2){ font-size: 'Avian'; color:#ccc;
	text-transform: uppercase;}
.sub-ank-right .sub-right-title p:nth-of-type(2){ font-size:16px; color:#666; font-weight:400}

	.sub-rn-nav-top .container-top{  max-width:1624px; margin:0 auto;  height:100%!important;}

@media (max-width: 1599.98px) {
	.sub-rn-nav-top .container-top {
		max-width: 1240px;
		margin: 0 auto;
		height: 100% !important;
	}
	.sub-rn-nav-top .sub-ank-left    .header-title{   font-size:20px;}
	.sub-rn-nav-top .sub-ank-left    .header-tips{ font-size:20px; }
}
@media (max-width: 1299.98px) {
	.sub-rn-nav-top .container-top {
		max-width: 90%;
		margin: 0 auto;
		height: 100% !important;
	}

}
@media(max-width:1199.98px){
	.sub-ank-left{  display:none}
	.sub-ank-right{ width:100%}
}