* {
	margin: 0;	padding: 0;	border: 0;
}

body{
	--green-light:#7cc465;
	--green:#32b16c;
	--green-deep:#009944;
}
.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;
}
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: #f8f8f8;}
.bg-white{ background: #fff;}
@font-face {font-family:"numfont";src:
		url('../Css/AVIAN.TTF');

}
@font-face {font-family:"numfont2";src:
		url('http://xhxpmc.bce132.czqingzhifeng.com/App/Home/View/Default/Public/Css/AVIAN BOLD ITALIC.TTF');

}
@font-face {font-family:"numfont3";src:

		url('http://xhxpmc.bce132.czqingzhifeng.com/App/Home/View/Default/Public/Css/AVIANB.TTF');
}
@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: 1400px!important; }
	.container.w100{ max-width: 100%; }
	.container {max-width:100%;}
}
@media(min-width:1500) {
	.container {max-width:96.8%;position:relative; padding:0;}
}
/*@media (min-width: 1601px){
.container {
    width: 1400px;
    padding: 0px;
}
 }*/
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: #005fad; 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*/
.top-up-top{ background: #666666; }
.top-up-top .top-company-name{ color:#fff;font-size:14px; color:#fff}
.top-up-tel span{ font-size:14px; color:#fff}
.top-up-tel i svg{ width:24px; height:24px; fill:#fff}
.top-up-tel a{ color:#fff; position: relative;}
.top-up-tel span{position: relative;  }
.top-up-tel span:not(:nth-last-of-type(1)):after{position: absolute; content:'';width:1px;
	height:60%;top:0;bottom:0; right:0; margin:auto; background: rgba(255,255,255,0.56)  }


.header {
	margin: 0 auto;
	width: 100%;
	background-color: transparent;
	transition: all 0.5s;
	background: #fff!important;
}
.header.fixed-top{ background: #fff}
.header .container{ width: 96%;}
.top-up{ background: #f7f7f7; border-bottom: 1px solid #e7e7e7; font-size: 14px; color: #666;}
.header.hover{ background: #fff}
.fix_top,.fix_bottom{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}
#logo_title{  width: 50%;}

.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 }
#logo_title #logo{ position: relative;}
#logo_title #logo:after{ position: absolute; content: "";width: 1px; height:90%; background: #fff;right: 0; top: 15%;
	margin: auto}
#logo_title .logo-f-title div:nth-of-type(1){ line-height:2.2;}
#logo_title .logo-f-title div:nth-of-type(1)>div{ flex: 1;}
#logo_title .logo-f-title div:nth-of-type(1)>div span{ font-size: 16px; color: #525252}
#logo_title .logo-f-title div:nth-of-type(1)>div i svg{ width: 18px; height: 18px; fill: #17c377}
#logo_title .logo-f-title p:nth-of-type(1){ font-size: 20px;color: #303030;   line-height: 1}
#logo_title .logo-f-title p:nth-of-type(1) b{ font-size: 20px;
	color: #17c377;   line-height:1}
.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; }
.hot_tel a{ font-size: 18px; color: #fff;  }
.hot_tel>div:nth-of-type(1){   font-size: 18px; color: #073ca1;   }
.hot_tel>div:nth-of-type(1) span{ font-size: 18px; font-weight: bold; font-family: Arial}


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

.search-btn-top{ position: relative}
.search-btn-top:after{ position: inherit; content: ""; left: 0; bottom: 0; margin: auto; top: 0;  height: 40%; width: 1px; background: #d3d3d3;}
.open-menu.header {
	position: fixed!important;
}
@media(max-width: 1199.98px) {
	#logo_title #logo:after{ display: none;}
	#logo img{ max-width: 80%;}

}
@media (min-width: 991.98px) {


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

	.nav_box ul li a { display: block; width: 100%;  font-size: 16px;
		color: #fff;    position: relative; text-align: center }
	.nav_box ul li a span{ position: relative; z-index: 2}
	.nav_box ul li a:hover{ color:rgba(255,255,255,1)}

	.nav_box ul li span:nth-of-type(1){
		top: 0; display: block; text-align: center;
		width: 100%; transition: all 0.5s; position: relative; z-index: 555 }

	/*.nav_box ul li:after { position: absolute; content: ""; width: 100%; height: 100%; background:#c40000; left: 0;*/
	/*	top: 0px;*/
	/*	right: 0; transition: transform 0.5s; margin: auto;*/
	/*	transform-origin: right center; transform: scaleY(0) }*/
	/*.nav_box ul li:hover:after { transform-origin: left center; transform: scaleY(1) }*/

	.nav_box ul li:before { position: absolute; content: ""; width: 0px; height:0px;
		left: 0;
		border: 8px solid transparent;
		border-bottom: 8px solid #c40000;
		bottom: 0px;
		z-index: 5; transform: translateX(100%);
		right: 0; transition: transform 0.5s; margin: auto; opacity: 0;}
	.nav_box ul li:hover:before{ transform: translateX(0); opacity: 1}

}
.up-tel{ width:275px; }
.up-tel svg{ width: 44px; height: 44px; fill: #c40000}
.up-tel .tel-text span:nth-of-type(1){ font-size: 16px; color: #999999}
.up-tel .tel-text span:nth-of-type(2){ font-size: 26px; color: #c40000; line-height: 1; font-family: Avian; font-weight: bold;}
.top-nav{ background-image: linear-gradient(to right,#666666,#666666); line-height: 56px; height: 56px; }
.up-tel{ display: flex}

@media(max-width: 1519.99px){

	.hot_tel{ display: none}
	.nav_box {  width: 75%  }
	#logo_title{ width: auto;}
}
@media(max-width:991.98px){
	.up-tel{ display: none}
	.top-nav{ display: none;}
	.header .container{ width: 100%;}
	.header{ height: auto;  }
	#logo_title{   width:50%;}
	#logo_title .logo-f-title p:nth-of-type(1){ font-size: 18px; color: #e80113; font-weight: bold; }
	#logo_title .logo-f-title p:nth-of-type(2){ font-size:14px; color: #2b2b2b;}

}

.header:not(.header-min):not(.hover) #logo_title img{

}


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

}
@media(min-width:1859.98px){

	#logo_title .logo-f-title{ position: relative; transition: all 0.5s}

}

#logo_title{   display: block}


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

}
.top-search{ transition: all 0.5s}

@media(max-width: 1299.98px){
	#logo_title{ width: 70%}
	.top-search{ width: 28%}
}
 
.header .menu-icon {
	width: 100px;
	height: 100px;
	background-color: #c40000;
	color: #fff;
	position: relative;
	cursor: pointer;
}

.header .menu-icon span {
	position: absolute;
	width: 40%;
	height: 2px;
	color: #FFFFFF;
	background-color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;}
.header .menu-icon span::before, .header .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: #fff; }
.header .menu-icon span::before { top: 600%; }
.header .menu-icon span::after { bottom: 600%; }
.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; }
.header.header-min {
	box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}

@media (max-width: 1250px) {
	.header .menu-icon { width: 80px; height: 80px; }
}
@media (max-width: 575.98px) {
	.header .menu-icon { width: 60px; height: 60px; }
	.header { height: 60px; }

	.header #logo img { max-height: 50px; }
	#logo_title{ max-width: 40%}
	#logo_title #logo{ width: 100%;}
}

.mobile-nav { z-index: 99999999; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;
	-o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }


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

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

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

.mobile-nav dd ul{ display: flex;  flex-flow: wrap}
.mobile-nav dd ul  li{ width: calc(100% / 2)}


#flash_pc {overflow:hidden; background: #fff;  margin-top: 170px  }
#flash_pc img { max-width: 100%; }
#flash_pc .swiper-pagination5{ display: flex; text-align: center;     z-index: 99;}
#flash_pc .swiper-pagination5 .swiper-pagination-bullet {transition: all 0.5s;
	display: inline-block;
	margin-right: 15px;
	width:10px;
	height: 10px;
	border-radius: 100%;
	background: #fff;
	cursor: pointer; }
#flash_pc .swiper-pagination5  .swiper-pagination-bullet-active{ width:30px; border-radius: 2rem; height: 10px;
	background-color: #fff; opacity: 1 }
#flash_pc .swiper-pagination-bullet {
	opacity: .8;
}
#flash_pc  .swiper-slide .bg {
	width: 100%;
	height: 100%;
	transition: 1s linear 2s;
}

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

}
#flash_pc img.banner-img{ width: 100%}
#flash_pc .swp-btn i svg{ width:80px; height: 80px; fill: #666}
#flash_pc .swp-btn{ position: absolute; z-index: 99; top: 0; bottom:0; margin: auto; border-radius: 50%; )}
#flash_pc .swp-btn.swiper-button-next1{ left:3%;}
#flash_pc .swp-btn.swiper-button-prev1{ right:3%;}
#flash_pc .swiper .flash-btn-box{ position: absolute; z-index: 999; height: 7.25vh;  width: 25%; right: 0; bottom: 0;
	background: #c40000}
.flash-dot{ width: 30%}
.flash-btn-box>div:nth-of-type(1){ width: 40%;}
.flash-btn-box>div:nth-of-type(1) span{ font-size: 16px; color: #fff; }
.flash-btn-box>div:nth-of-type(1) i{ font-size: 16px; color: #fff;}
.flash-btn-box>div:nth-of-type(1) i svg{ width: 25px; height: 25px; fill: #fff;}
.flash-two-btn i svg{ width: 30px; height: 30px; fill: #fff}
.flash-two-btn{ width: 20%;}
.flash-two-btn>div{ transition: all 0.5s}
.flash-two-btn>div:hover,.flash-two-btn>div:nth-of-type(1){ background: #ceccd9}
.flash-two-btn>div:hover svg,.flash-two-btn>>div:nth-of-type(1):hover svg{ fill: #000}

@media(max-width: 1199.98px){
	#flash_pc,.zy-flash{   margin-top: 130px  }
	.top-search{ width: 40%}
}
@media(max-width: 991.98px){
	#flash_pc,.zy-flash {   margin-top: 80px  }
	#flash_pc .swp-btn i svg{ width:40px; height: 40px; fill: #666}


}
@media (max-width: 575.98px) {
	#flash_pc,.zy-flash {   margin-top: 60px  }

}
@media(max-width: 1699.98px){
	#flash_pc .swiper .flash-btn-box{ width: 50%;}
}
@media(max-width: 991.98px){
	#flash_pc .swiper-pagination5 .swiper-pagination-bullet {
		width:6px;
		height: 6px; margin-right: 5px;}
	#flash_pc .swiper-pagination5{   bottom: 5px;}
	#flash_pc .swiper .flash-btn-box{ width: 100%;}
	#flash_pc .swiper .flash-btn-box{ position: absolute; z-index: 999; height: 3.25vh;  width: 100%; right: 0; bottom: 0; background: rgba(0,0,0,0)}
	.flash-dot{ width: 100%}

}
@media (min-width: 991.98px) {
	.open-menu .mobile-nav{ display: none!important;}

}
/*寮圭獥瀵艰埅*/
.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;
}


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

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

.open-menu .mobile-nav{z-index: 999; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.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; }

.navson{display: none; position: absolute;left:0%; right:0%; top:100%;z-index: 99999;width: 100%; }
.header.top_fixed .nav_box li .navson{display: none; position: absolute;left: 0;
	top:100%;z-index: 100000;width: 100%;}


.nav_box li .navson>a {
	display: block;
	color: #fff!important;
	width: 100%!important;
	border-bottom:1px solid rgba(255,255,255,0.25);
	background: rgba(196,0,0,0.9)!important;
	padding: 0px;
	text-align: center;
	line-height: 52px!important;
	font-size: 16px;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.nav_box li .navson>a:hover {
	background: rgba(196,0,0,0.79)!important;
	color:#fff!important;
}
/*搜索框样式*/
.index-search-bigbox{ background: #dcdcdc;}
.search-left{ color:#c40000; font-size:16px;}
.search-left a{ color:#999;}
.search-left span{ padding:0 5px;}
.index-search{ height:79px; border-bottom:1px solid #eeeeee; }
.search-font{ font-size: 14px; align-items: center; line-height:79px; }
.search-form{ height:45px; display: flex; align-items: center; font-size: 14px; border:1px solid #dadada; border-right:none;
	border-radius: 2rem; }
.search-btn{ border-radius:0  2rem 2rem 0; width: 110px; background:#c40000; display: block; height:35px;
	transition: all 0.5s; outline: none; font-size: 16px;outline: none!important;}
button{outline: none!important;}
.search-btn:hover{ background:#c40000; }
.input-txt{  color: #999999; width: 310px; height: 35px; border:none;}
input.input-txt:hover{ 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-btn svg{ fill: #fff;}

/* 棣栭〉鍏憡*/
.top-up-ad{ font-size: 16px;  	overflow: hidden;}
.top-up-ad .ad-left{}
.top-up-ad .ad-right{ width: 60%;}

.top-up-ad .ad-left span{   position: relative}
.top-up-ad .ad-left span:nth-of-type(1){ color: #333333; }
.top-up-ad .ad-left span:nth-of-type(n+2) a{  color: #999999}
.top-up-ad .ad-left span:nth-of-type(n+2) a:hover{  color: #018d81}
.top-up-ad .ad-left span:nth-of-type(2):after,.top-up-ad .ad-left span:nth-of-type(3):after{ position: absolute; content: ""; top: 0; bottom: 0; margin:auto; right: 0;
	width: 1px; height:80%; background: #d6d6d6;}
.news-mes-one>div:nth-of-type(1){ width: 80%}
.news-mes-one .news-txt-swiper {height: 24px; }
.news-txt-swiper a{ color: #999999;}
.news-btn i svg{ height: 18px; width: 18px; fill: #018d81}
.news-btn-item{ width: 35px; height: 25px; border: 1px solid #10c1cf; transition: all 0.5s}
.news-btn-item:hover{ background: #018d81}
.news-btn-item:hover i svg{ fill: #fff}
.bg-color-yy{ background: #f7f9fb;}

.news-btn-item.swiper-button-next, .news-btn-item.swiper-button-prev{    position: absolute;
	top: 0;
	bottom: 0;
	margin: auto; }
.news-txt-swiper{ width: 100%}

.news-btn-item.swiper-button-next{right: 0;}
.news-btn-item.swiper-button-prev{right:35px;}
.news-btn-item.swiper-button-next:after, .news-btn-item.swiper-button-prev:after{ position: inherit; content: ""}


@media(max-width: 991.98px){
	.top-up-ad .ad-left{width: 100%;}
	.top-up-ad .ad-right{ width: 100%;}
	.news-mes-one{ width: 100%}
	.news-btn-item{ width:25px; height: 25px; }
}
/*鐑攢浜у搧*/
.index-ty-title{}
.index-ty-title>div:nth-of-type(1){ font-size: 36px; color: #3d3d3d; position: relative}
.index-ty-title>div:nth-of-type(1) span{ position: relative; z-index: 3}
.index-ty-title>div:nth-of-type(1) span:after{ position: absolute; content:attr(data-title); left: 0; right: 0; bottom: 0; margin: auto; height: 3px;  width: 15%; background: #17c377}



.index-ty-title>div:nth-of-type(1) span.no:after{ position: inherit;  }
.index-ty-title>div:nth-of-type(1) span b{ color: #3d3d3d}
.index-ty-title>div:nth-of-type(1):after{ position: absolute; content:attr(data-title); left: 0; right: 0; top: -98%;margin: auto; text-transform: uppercase; font-family: numfont; font-size: 72px; color: #f4f4f4; z-index: -1; font-weight: bold}
.index-ty-title.white>div:nth-of-type(1):after{   color: #fff!important; z-index: 0 }


.index-ty-title>div:nth-of-type(2){ font-size: 16px; color: #999999; line-height: 2.5}
.index-ty-title>div:nth-of-type(2) i{ position: relative; width:16px; height: 16px; }
.index-ty-title>div:nth-of-type(2) i:before{ position: absolute; content: ""; background: #25a963; width:16px; height: 16px; transform-origin: center center; transform: rotate(45deg); left: 0; right: 0; margin: auto; top: 0;bottom: 0; z-index: 9;}
.index-ty-title>div:nth-of-type(2) i:nth-of-type(1):after{ position: absolute; content: ""; background: #fff; width:16px; height: 16px; transform-origin: center center; border: 1px solid #dddddd; transform: rotate(45deg); left:-50%;   margin: auto; top: 0;bottom: 0}
.index-ty-title>div:nth-of-type(2) i:after{ position: absolute; content: ""; background: #fff; width:16px; height: 16px; transform-origin: center center; border: 1px solid #dddddd; transform: rotate(45deg); left: 50%;   margin: auto; top: 0;bottom: 0}
.index-ty-title>div:nth-of-type(2) em{ width: 25%;  height: 1px; background: #dddddd}

.index-protype-nav{ border-left: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7; }
.protype-item{ width: calc(100%/5);border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; position: relative}
.protype-item.bordr-k{border: 1px solid #e7e7e7;}
.protype-item .protype-inco{ width: 55px; height: 55px; fill: #c1c1c1}
.protype-wrap{}
.protype-wrap p{ margin: 0;}
.protype-wrap p:nth-of-type(1){ font-weight: bold; color: #474747; font-size: 20px;}
.protype-wrap p:nth-last-of-type(1){  color: #939393; font-size: 14px; text-transform: capitalize;}

.protype-item:after{ position: absolute;content: ""; width: 100%; height: 101%;left: 0; top: -1px; border:1px solid #4be180;border-left:5px solid #4be180 ; opacity: 0; z-index: 2; transition: transform 0.5s; transform: scaleX(0);  transform-origin: right center}
.protype-item:hover:after{ opacity: 1;transform: scaleX(1);transform-origin: left center}
.protype-item:hover .protype-wrap p:nth-of-type(1){ color: #0151ae;}
.protype-item:hover a{ position: relative; z-index: 999}
svg.gradient-svg path{ transition: all 0.5s }
.protype-item:hover svg.gradient-svg path{ fill: url("#svgGradient"); }

.proimg-box{ position: relative;}
.proimg-box:after{ position: absolute; content: ""; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.9)); width: 100%; height: 100%; left: 0; top: 0;	z-index: 2;}
.proimg-font{ color: #fff; position: absolute; left: 0; bottom: 5%; width: 100%; text-align: center; z-index: 5; font-size: 16px; transition: all 0.5s}
.font-name{ font-size: 16px; color: #4d4d4d; transition: all 0.5s}
.proimg-box img{ transition: all 0.5s}
.proimg-box:hover img{transform: scale(1.05)}
.proimg-box:hover .proimg-font{ transform: translateY(15%)}




.pro-rightimg{ overflow: hidden;}
.font-mask{ position: absolute; width: 100%; transform: translateY(100%) scale(1.15); background: #1fc778; transition: all 0.5s;}
.font-mask p:nth-of-type(1){ font-size: 16px; color: #fff}
.pro-btn-two .btn{ border:1px solid #fff; border-radius: 0.5rem; width: 45%}
.pro-btn-two .btn:nth-of-type(2),.pro-btn-two .btn:hover{ background: #fff; }
.pro-btn-two .btn:nth-of-type(2) a,.pro-btn-two .btn:hover a{   color: #3d3d3d}
.pro-btn-two .btn:nth-of-type(2):hover{ background: none}
.pro-btn-two .btn:nth-of-type(2):hover a{ color: #fff;}
.pro-btn-two .btn a{ color: #fff;}
.pro-rightimg:hover .font-mask{transform: translateY(-100%) scale(1);}
.pro-rightimg:hover .font-name{ transform: scale(1.25); opacity: 0;  }
.right-img{ border: 1px solid #e5e5e5}
@media(max-width: 991.98px){
	.index-ty-title>div:nth-of-type(1) {
		font-size: 24px;
		color: #3d3d3d;
		position: relative;
	}
	.index-ty-title>div:nth-of-type(1):after{font-size: 30px; top:-40%}

	.index-ty-title>div:nth-of-type(2) {
		display: none;
		font-size: 12px;

		line-height: inherit;
	}
	.index-ty-title>div:nth-of-type(1) span:after{  display: none}

	.index-ty-title>div:nth-of-type(2) i{ position: relative; width:10px; height: 10px; }
	.index-ty-title>div:nth-of-type(2) i:before{ width:10px; height: 10px;}
	.index-ty-title>div:nth-of-type(2) i:nth-of-type(1):after{ width:10px; height: 10px;}
	.index-ty-title>div:nth-of-type(2) i:after{ width:10px; height: 10px;}
	.index-ty-title>div:nth-of-type(2) em{ width: 0%; }

}
/*瑙ｅ喅鏂规*/
.index-jjfa{ background: url("../img/index_lingyu_bj.jpg") no-repeat center top fixed; background-size: cover;}
.jjfa-left-box{ width: 20%}
.jjfa-right-box{ width:80%;}
.jjfa-title{}
.jjfa-title p:nth-of-type(1){ font-size: 36px; font-weight: bold; color: #fff;}
.jjfa-title p:nth-of-type(2){ font-size: 36px; color: #f4f4f4; font-weight: bold; font-family: numfont; text-transform: uppercase; line-height:0.5}
.jjfa-left-box>div:nth-of-type(2) span{ font-size: 16px; color: #fff;}
.jjfa-left-box>div:nth-of-type(2) svg{ width:18px; height: 18px;  fill: #fff;}

.jjfa-item{ background: #f4f4f4; box-shadow: 0 0 10px rgba(0,0,0,0.25); transition: all 0.5s}
.jjfa-font-title{ font-size: 30px; color: #434343;transition: all 0.5s}
.jjfa-font-title i svg{ fill: #fff; width:15px; height: 15px;}
.jjfa-font-title i { background: #dbdbdb; width: 28px; height: 28px; border-radius: 50%; transition: all 0.5s}
.jjfa-desc{ font-size: 16px; color: #616161;}


.jjfa-right-box2 .jjfa-item{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0); border-right:2px solid #f3f5f8;}
.jjfa-right-box2 .jjfa-item:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15); position:relative; z-index: 5;}
.jjfa-img{ position: relative;}
.jjfa-img:after{ position: absolute; content: attr(data-title); font-size: 30px; font-family: numfont; color: #343434;
	right: 0; bottom: 0; transition: all 0.5s}
.jjfa-two-btn{ position:absolute; bottom:20%}
.jjfa-two-btn>div{ width: 50px; height: 50px; border-radius: 50%; background: #000000;transition: all 0.5s}
.jjfa-two-btn>div i svg{ fill: #fff; width:20px; height: 20px;transition: all 0.5s}
.jjfa-two-btn>div:nth-of-type(2){   background: #fff; transition: all 0.5s}
.jjfa-two-btn>div:nth-of-type(2) i svg{ fill: #000; }
.jjfa-two-btn>div:hover{ background: #c40000}
.jjfa-two-btn>div:hover i svg{ fill: #fff}
.jjfa-two-btn>div:nth-of-type(2).swiper-button-disabled{ opacity: 0.6}
.jjfa-item:hover .jjfa-font-title span{ color: #c40000;  }
.jjfa-item:hover .jjfa-font-title  i { background: #c40000; transform: translateX(10%)}
.jjfa-item:hover .jjfa-img:after{ color:#25a963; transform: translateX(-50%) }


.jjfa-right-box2  .swiper-btn,.hot-container  .swiper-btn{ position: absolute; content: ""; top: 0;bottom: 0;
	margin: auto;width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #c40000;
	transition: all 0.5s; z-index: 99;transition: all 0.5s}
.jjfa-right-box2  .swiper-btn  i svg,.hot-container  .swiper-btn  i svg{ width: 20px; height: 20px; fill: #fff; z-index: 100; transition: all 0.5s}
.jjfa-right-box2  .swiper-btn.swiper-button-next2,.hot-container  .swiper-btn.swiper-button-next2{ left: -80px;}
.jjfa-right-box2  .swiper-btn.swiper-button-prev2,.hot-container  .swiper-btn.swiper-button-prev2{ right: -80px;}
.jjfa-right-box2  .swiper-btn.swiper-button-disabled  i svg,.hot-container  .swiper-btn.swiper-button-disabled  i svg{ fill: #353535}

.swiper-btn.swiper-button-disabled { background: #dadcdf}


@media(max-width: 1599.98px){
	.jjfa-right-box2  .swiper-btn.swiper-button-next2,.hot-container  .swiper-btn.swiper-button-next2{ left:0px;}
	.jjfa-right-box2  .swiper-btn.swiper-button-prev2,.hot-container  .swiper-btn.swiper-button-prev2{ right: 0px;}
}
@media(max-width: 991.98px){
	.jjfa-left-box{ width: 100%}
	.jjfa-right-box{ width:100%;}

	.jjfa-title p:nth-of-type(1){ font-size: 26px;  }
	.jjfa-title p:nth-of-type(2){ font-size: 26px; }
	.jjfa-font-title{ font-size: 20px; color: #434343;transition: all 0.5s}
	.jjfa-desc{ font-size: 16px;}
	.jjfa-img{ height: 40%; width: 80%; margin: 0 auto}

}


/*妗堜緥妯″潡*/
.case-box-item{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.case-btn-two{ position: relative}
.case-btn-two:after{ position: absolute; content: ""; background: #d3d3d3; width: 1px; height: 80%;left: 0;right: 0; margin: auto;}
.case-font-box{}
.case-font-box>p:nth-of-type(1){ font-weight: bold; font-size: 18px;color: #3d3d3d; }
.case-font-box>div:nth-of-type(1){  width: 80%; font-size: 16px;color: #3d3d3d}
.case-font-box>div:nth-of-type(1) div{ width: 50%;}
.case-btn-two>div svg{ width: 28px; height: 28px; fill: #17c377}
.case-btn-two>div span span{ color: #d20000}
.case-box-item img{ transition: all 0.5s;}
.case-box-item:hover .case-font-box>p:nth-of-type(1) a{ color: #129e65}
.case-box-item:hover img{ transform: scale(1.05);filter: contrast(1.05) brightness(1.12) blur(1px); opacity: 0.9;
	-webkit-transition: all 1s; }

.case-box-item:hover{}
@media(max-width: 991.98px){
	.case-font-box>div:nth-of-type(1){  width: 100%;}
}
/*骞垮憡*/
.index-gg-box{ background: url("../img/index_ad.jpg") no-repeat center top fixed; background-size: cover;}
.gg-left-box p:nth-of-type(1){ font-weight: bold; font-size: 48px; color: #fff;}
.gg-left-box p:nth-of-type(1) >span{ position: relative; }
.gg-left-box p:nth-of-type(1) >span>span{ position: relative; z-index: 2 }
.gg-left-box p:nth-of-type(1) >span:before{ position: absolute; content: ""; background: rgba(15,159,102,0.5); width: 100%; height: 6px; left: 0; bottom:2px; z-index: 1;}

.gg-left-box p:nth-of-type(2){ font-size: 16px; color: #fff;}
.gg-chat{ background: #fff; font-size: 16px; width: 190px; position: relative}
.gg-chat:before{ position: absolute; content: ""; background: #25a963; width: 100%;
	height: 100%; left: 0; bottom: 0;top: 0;right: 0; margin: auto; border-radius: 0.25rem;
	transform-origin: right center; transition: transform 0.4s; transform: scaleX(0)}
.gg-chat:hover:before{transform: scaleX(1);transform-origin: left center;}
.gg-chat i,.gg-chat span{ position: relative;}
.gg-chat:hover i svg{ fill: #fff}
.gg-chat:hover span{ color: #fff}



.gg-chat i svg{ width: 28px; height: 28px; fill: #129f66}
.gg-hotline-box>span{ width: 50px; height: 50px; border-radius: 50%; background: #12a067; display: block;}
.gg-hotline-box>div p{ margin: 0}
.gg-hotline-box>span i svg{ width: 20px; height: 20px; fill: #fff;}
.gg-hotline-box>div p:nth-of-type(1) { font-size: 14px; color: #fff; font-weight: 400}
.gg-hotline-box>div p:nth-of-type(2) { font-size: 30px; color: #fff; font-weight: bold; font-family: numfont}
@media(max-width: 1199.98px){
	.gg-left-box p:nth-of-type(1){ font-weight: bold; font-size: 24px; color: #fff;}
	.gg-hotline-box>div p:nth-of-type(2) { font-size: 20px; }
}
@media(max-width: 991.98px){
	.gg-chat{ background: #fff; font-size: 16px; width: 100%;}
}
/*鍏徃绠€浠�*/
.about-title-ty{}
.about-title-ty p:nth-of-type(1){ margin-bottom: 0; font-size: 36px; color: #0f0f11}
.about-title-ty p:nth-of-type(2){ font-size: 36px; color: #e2e2e2; font-family: numfont,Avian; text-transform: uppercase; font-weight: bold;}
.about-desc{ color: #2b2b2b; font-size:28px;}
.about-message{ font-size: 16px; color: #858585; line-height: 2}
.company-num-big-box{ position: relative}
.company-num-big-box:before{ position: absolute; content: ""; width: 300%;  height: 100%; background: url("../img/index_about_num_bj.jpg")  no-repeat right center; background-size:cover;right:-80.2%;	left: auto; top: 0;}
.about-num-item{ width: calc(100% / 3)}
.about-num-item>div>div:nth-of-type(1){ line-height: 1}
.about-num-item>div>div:nth-of-type(1) span{ font-size: 56px; line-height:1.3; font-family: numfont,Avian; position: relative; color: #fff; font-weight: bold; transition: all 0.5s}
.about-num-item>div>div:nth-of-type(1) span:after{ position: absolute; content: attr(data-title); color: #fff; font-size: 18px; bottom: 10%; font-weight: 400;}
.about-num-item>div>div:nth-of-type(2){ position: relative; line-height: 1; font-size: 18px; color: #fff}
.about-btn-k{ border: 1px solid #dadada; width: 200px; font-size: 16px; color: #0f0f11; position: relative; transition: all 0.5s}
.about-btn-k a{ position: relative;   color: #0f0f11}
.about-btn-k:before{  position: absolute; content: ""; background: #25a963; width: 100%;
	height: 100%; left: 0; bottom: 0;top: 0;right: 0; margin: auto; border-radius: 0.25rem;
	transform-origin: right center; transition: transform 0.4s; transform: scaleX(0)}
.about-btn-k:hover:before{transform: scaleX(1);transform-origin: left center;}
.about-btn-k:hover a{ color: #fff;}
.about-btn-k:hover{ border:1px solid #25a963}

.company-right{}
.company-right>p:nth-of-type(1){ font-size: 240px; color: #f8f9fd; text-transform: uppercase; font-weight:bold;
	line-height: 0.75;}
.company-right-img{ position: absolute; left:0%; right: auto; width: 320%;}
.company-right-bottom{ position: absolute; background: #fff; bottom: 0; z-index: 99; left: 0;}
.company-right-btn{ background: #fff;position: relative}
.company-right-btn svg{ fill: #fff}
.company-chat{ font-size: 18px;}
.company-chat svg{ width: 40px; height: 32px; fill: #25a963}
.company-right-btn{ background: #000; position: relative}
.company-chat{ z-index: 3; position: relative}
.company-right-btn i{ position: relative;}
.company-right-btn svg{ fill: #fff; width: 40px; height: 40px; transition: all 0.5s}
.company-right-bottom:before{  position: absolute; content: ""; background: #17c377; 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)}
.company-right-bottom:hover:before{transform: scaleX(1);transform-origin: left center;}
.company-right-btn:before{  position: absolute; content: ""; background: #FFF; width: 100%;
	height: 100%; left: 0; bottom: 0;top: 0;right: 0; margin: auto;
	transform-origin: left center; transition: transform 0.4s; transform: scaleX(0)}
.company-right-bottom:hover .company-right-btn:before{transform: scaleX(1);transform-origin: right center;}
.company-right-bottom:hover svg{ fill: #fff}
.company-right-bottom:hover .company-right-btn svg{ fill: #000; transform: translateX(-10%)}
.company-right-bottom:hover .company-chat span{ color: #fff;}
.company-right{ position: relative}
.company-right-img>div{ position: relative}
@media(max-width: 1199.98px){
	.company-right-img{ position: inherit;   width: 100%;}
	.company-right-bottom{ position: inherit; background: #fff;   z-index: 99; }
	.company-right{ position: inherit}
	.about-num-item{ display: flex;  justify-content: center}
	.company-right-img>div{ display: flex;  align-items: center}
	.company-right-img>div>div{ position: inherit}
	.about-num-item>div>div:nth-of-type(1) span{ font-size:48px; }
}
@media(max-width: 991.98px){
	.about-num-item>div>div:nth-of-type(1) span{ font-size: 24px; }
	.about-title-ty p:nth-of-type(2){ font-size: 18px;  }
	.about-desc{ color: #2b2b2b; font-size:18px;}
	.about-title-ty p:nth-of-type(1){ margin-bottom: 0; font-size: 20px; color: #0f0f11}
	.company-num-big-box:before{   width: 100%;  height: 100%; background: url("../img/index_about_num_bj.jpg")  no-repeat left center; background-size: cover; right:0%; }


}
/*鏂伴椈*/
.left-news-font-wrap{ position:absolute; bottom: 0;left: 0; width: 100%; background: rgba(0,0,0,0.7)}
.left-news-font-wrap>p:nth-of-type(1){ font-size: 18px; color: #fff}
.left-news-font-wrap>div:nth-of-type(1){ font-size: 14px; color: #fff}
.news-small-img{ width: 20%;}
.news-small-wrap{ width: 78%;}
.news-small-wrap>p:nth-of-type(1){ font-size: 16px; color: #333333}
.news-small-wrap>div:nth-of-type(1){ font-size: 14px; color: #7e7e7e}
.news-k-item{ background: #f9f9f9; transition: all 0.5s}

.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-k-item:hover .news-small-wrap>p:nth-of-type(1){  color: #25a963}

.news-swiper{}
.news-swiper .swiper-pagination{  bottom: 2px;}
.news-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #25a963}
@media(max-width: 991.98px){
	.news-k-item a{ flex-wrap: wrap!important;}
	.news-small-img{ width: 100%;}
	.news-small-wrap{ width: 100%;}
}
/*联系我们*/
.contact-container{}
.contact-map{ width: 75%}
.contact-container{ width: 25%}
.contact-title{}
.contact-title1 i svg{ fill: #c40000; width: 40px; height: 40px;}
.contact-title1 span{ font-size: 18px; color:#c40000; text-transform: uppercase; }
.contact-nr{ font-size: 16px; color: #666;}
.contact-nr p{ line-height: 2; margin-bottom: 0}
.contact-xx-item{ position: relative;}
.contact-xx-item:after{ position: absolute; content: ""; bottom:0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e0e0e0;}
.contact-xx-item:before{ position: absolute; content: ""; bottom:-1px; left: 0; width: 100%; height: 1px;
	border-bottom: 1px solid #fff;}
.contact-scan{ font-size: 14px; color: rgba(255,255,255,0.5)}
.contact-scan>div{ border:1px rgba(255,255,255,0.5) dashed;}
.contact-scan img{ width: 150px;   }
.contact-xx-item.no{ position: inherit}

#map{height: 695px;   width: 100%; box-sizing: border-box; border:0px solid #fff; }

@media(max-width: 1199.98px){
	.contact-map{ width: 65%}
	.contact-container{ width: 35%}
}
@media(max-width: 991.98px){
	.contact-map{ width: 100%}
	.contact-container{ width: 100%}
	#map{height: 450px;}
}
/*鍙充晶鍒楄〃*/
.left-slider{ width: 22%; position: sticky; top: 200px; }
.right-container{ width: 78%; padding-left:2%}
.left-contact .left-c-wrap i svg{ width:30px; height:30px; fill:#fff}
.left-contact .left-c-wrap{ font-size:16px; color:#fff}
.left-c-num{ font-family: "Arial",sans-serif; color:#fff}
.left-title-all{ position: relative; background:#666666; background-size: 100%;}
.left-wrap p:nth-of-type(1){ margin-bottom: 0; font-size: 24px; color: #fff; font-weight: bold;}
.left-wrap p:nth-of-type(2){margin-bottom: 0; font-size: 16px; color: #fff;  font-family: Avian; text-transform: uppercase}
.left-title-inco i svg{ width: 44px; height: 44px; fill: #fff;}
.left-prolist{background: #f5f5f5}
.proname-all{}
.proname-all .big-name-title{border-bottom: 1px solid #f0f0f0;}
.big-name-title i svg{ width: 15px; height: 15px; fill: #c3c3c3; transition: all 0.5s}
.proname-all .big-name-title span{ padding-left: 20px; position: relative; font-size: 16px;  }
.proname-all .big-name-title span:after{ position: absolute; content: ""; width:5px; height: 80%; background: #c40000;
	top:0;bottom: 0; margin: auto; left:0}
.proname-all.has-sub  .big-name-title i svg{ transform:rotate(90deg)}
.small-name-all{display: none}
.proname-all .big-name-title:hover a span,.proname-all .big-name-title.on a span{ color: #c40000}
.small-name-all>div{ font-size: 16px; color: #737373; border-bottom: 1px solid #f0f0f0; transition: all 0.5s}
.small-name-all>div>a span{ position: relative; transition: all 0.5s; }
.small-name-all>div>a span:after{ position: absolute; content: "";left: 0;bottom:0; width: 100%; height: 4px;
	background: rgba(196,0,0,0.25); transform: scaleX(0); transition: transform 0.5s; transform-origin: right bottom;}
.small-name-all>div a>i{ display: block; width: 6px; height: 6px; border-radius: 50%;background: #c40000;}
.small-name-all>div:hover a>span{ color: #c40000; font-size: 16px; font-weight:bold;color: #c40000; transform: translateX(10%)}
.small-name-all>div:hover a>span:after{ transform: scaleX(1); transform-origin: left bottom;}

.pro-group-item{ width: 32% }
.product-demo{ overflow: hidden; transition: all 0.5s}
.pro-name>span{ font-size: 16px; color: #3b3b3b; width: calc(100% - 50px;)}
.pro-name>i{ background: #c40000; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.pro-name>i svg{ width: 20px; height:20px; fill: #fff}
.pro-name{ background: #f6f7f9;border: 1px solid #efefef}
.pro-name-mask{ transform: translateY(100%); transition: all 0.5s; width: 100%; background: url("../img/left_cp_hover.png") repeat-x center bottom; bottom: 0; position: absolute}
.pro-name-mask>.pro-name{ background: none;border:0}
.pro-name-mask>.pro-name>span{ font-size: 16px; color: #fff; font-weight: bold}
.pro-name-mask>.pro-three span{ text-align: center; width: 32%; border:1px solid rgba(255,255,255,0.25); font-size: 14px; color: #fff}
.pro-name-mask>.pro-name>span{   width: 60%}
.pro-name-mask>.pro-name i{ width: 45px; height: 45px; background: #fff}
.pro-name-mask>.pro-name>i svg{  fill: #c40000}
.product-demo:hover .pro-name-mask{ transform: translateY(0)}
.product-demo img{ transition: all 0.5s}
.product-demo:hover img{transform: scale(1.05);}
.product-demo:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.25)}



@media(max-width: 1199.98px){

	.left-slider{  position: inherit; top: inherit; }
	.left-wrap p:nth-of-type(2){  font-size: 14px;  }
	.left-title-inco i svg{ width: 24px; height: 24px; fill: #fff;}
	.left-slider{ width: 100%;  }
	.sub-bigbox-all .left-slider{ width: 100%!important;  display: block!important;}
	.sub-bigbox-all .left-slider .big-name-title { width:50%; padding:2%}
	.sub-bigbox-all .left-slider  .proname-all  { display: flex;  flex-wrap:wrap;}

	.right-container{ width: 100%; padding-left:2%;padding-right:2%}
	.pro-group-item{ width: 48% }
	.pro-name>span{ font-size: 16px; color: #3b3b3b; width:60%}
	.pro-name>i{ background: #c40000; width: 30px; height:30px; border-radius: 50%; display: flex; align-items: center; justify-content: center}
	.pro-name-mask>.pro-name>span{   width: 60%}
	.pro-name-mask>.pro-name i{width: 25px!important; height:25px!important; background: #fff}
	.proname-all{ display: flex;  flex-wrap: wrap;border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;}
	.proname-all .big-name-title{border-bottom: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0; width:calc(100% / 5); padding:0 1% }


}

@media(max-width: 991.98px){
	.pro-group-item{ width: 100% }
	.proname-all .big-name-title{  width:calc(100% / 2); padding:0 1% }

}
/*万圣客户案例*/
.ws-ty-title{ border-bottom:1px solid #ccc;}
.ws-ty-title span{ padding:0 10px; font-size:20px; position: relative;}
.ws-ty-title  span:after {
	position: absolute;
	content: "";
	width: 5px;
	height: 80%;
	background: #c40000;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}
.ws-ty-title .current-wz{ font-size:16px; color:#666}
.current-wz i svg{ width:20px; height:20px; fill:#666}
.index-case-bigbox{ background: url("../img/index_case.jpg") no-repeat center top fixed; background-size:cover;}
.title-left-wrap{}
.title-left-wrap p{ margin:0}
.title-left-wrap p:nth-child(1){ font-size:40px; line-height: 1.2; font-weight: 100; color:#000}
.title-left-wrap p:nth-child(2) span{ font-size:24px; color:#333;    font-family: 'arial'; text-transform: uppercase;}
.title-left-wrap p:nth-child(2) i{ display: flex; background: #fff;  height:1px; flex: 1;}
.title-left-wrap.black p:nth-child(2) i{ display: flex; background: #000;  height:1px; flex: 1;}
.ak-lm-more { width:195px; height:55px; background: #fff; border-radius: 2rem }
.ak-lm-more a span{font-size:16px; color:#666666; font-size:16px;}
.ak-lm-more,.ak-lm-more *{ transition: all 0.5s}
.ak-lm-more:hover{ background: #c9182d; color:#fff}
.ak-lm-more:hover a span{ color:#fff}


.ak-lm-more2 { width:195px; height:55px; background: #c9182d; border-radius: 2rem }
.ak-lm-more2 a span{font-size:16px; color:#fff; font-size:16px;}
.ak-lm-more2,.ak-lm-more2 *{ transition: all 0.5s}
.ak-lm-more2:hover{ background: #c9182d; color:#fff}
.ak-lm-more2:hover a span{ color:#fff}


.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{ left:120%; opacity: 1;}
.light:hover{  }
.company-left-bigbox{ width:50%;}
.company-right-bigbox{ width:45%;}
.about-nav-ws-item{ width:160px; height: 120px; background: #c40000;}
.about-nav-ws-item,.about-nav-ws-item *{ transition: all 0.5s}
.about-nav-ws-item a{ color:#fff; font-size:16px;}
.about-nav-ws-item:hover{ transform: translateY(2%)}
@media(max-width: 991.98px){
	.company-left-bigbox{ width:100%;}
	.company-right-bigbox{ width:100%; padding:3% 0 0 0;}
	.about-nav-ws-item{ width:120px; height: 45px;}
	.title-left-wrap p:nth-child(1){ font-size:20px }
	.title-left-wrap p:nth-child(2) span{ font-size:18px;}
	.ak-lm-more { width:125px; height:45px;}
	.ws-ty-title span{ display: none}
	}
	/*万圣*/
.news-info-item{ padding:10%; background: #f5f5f5; border: 1px solid #f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.news-info-item p:nth-of-type(1){ font-size:20px; color:#333}
.news-info-desc{font-size:16px; color:#666; line-height: 2}
.news-more{ font-size:16px; color:#999}
.news-more i svg{ width:20px; height:20px; fill:#666}

.news-info-item,.news-info-item *{ transition: all 0.5s}
.news-info-item:hover{ transform: translateY(5%); background: #c40000}
.news-info-item:hover .news-more i svg{ fill:#fff}
.news-info-item:hover .news-more span{ color:#fff}
.news-info-item:hover p:nth-of-type(1){color:#fff}
.news-info-item:hover .news-info-desc{ color:#fff}

	/*娴佺▼*/
.index-fwlc-box{ background: url("../img/index_liucheng_bj.jpg") no-repeat center top fixed; background-size: cover;}
.liucheng-item{ width: calc(100%/6); position: relative; cursor: pointer;}
.liucheng-item .liucheng-wrap{ position: relative}
.liucheng-item .liucheng-wrap:before{ position: absolute; content: attr(data-title); left: 15%; top: 0; bottom: 0; margin:auto; font-size: 120px; line-height: 1; font-style: italic; font-weight: bold;  color: #fff; opacity: 0.5; z-index: 2}
.liucheng-wrap i,.liucheng-wrap span,.liucheng-font{ position:relative; z-index: 2}
.liucheng-wrap i svg{ width: 50px; height: 50px; fill:#000000}
.liucheng-font{ font-size: 16px; color: #838383;}
.liucheng-wrap span{font-weight: bold}
.liucheng-item>i{ position: relative; z-index: 2; display: block; width: 10px; height: 10px; border-radius: 100%; background: #bbbbbb}

.liucheng-item:after{position: absolute; content:""; border: 1px solid #25a963; background:rgba(255,255,255,0.9);left:0;bottom: 0;right: 0;top: 0; width: 100%; height: 100%; border-radius: 0.5rem; box-shadow: 0 0 10px rgba(0,0,0,0.25); z-index: 0}
.liucheng-item:after{position: absolute; content:""; border: 1px solid #25a963; background:rgba(255,255,255,0.9);left:0;bottom: 0;right: 0;top: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.25); z-index: 0; transition: all 0.5s; transform: scale(0)}
.liucheng-item:hover:after{ transform: scale(1);border-radius: 0.5rem;}
.liucheng-item:hover .liucheng-wrap:before{ color: #eaeff4;}
.liucheng-item:hover>i{ background: #25a963}
.liucheng-item:hover .liucheng-wrap span{ color: #25a963}
.liucheng-item:hover .liucheng-font{ color: #333333}
@media(max-width: 1199.98px){
	.liucheng-item{ width: calc(100% / 3);}
	.liucheng-item .liucheng-wrap:before{   font-size: 20px;}
	.liucheng-item .liucheng-wrap:before{  color: #333; }
}
@media(max-width: 991.98px){
	.liucheng-item{ width: calc(100% / 2);}
	.liucheng-item .liucheng-wrap:before{   font-size: 20px;}

	.liucheng-item .liucheng-wrap:before{  color: #333; }
}


/*浜у搧缁煎悎椤�*/
.pro-ty-title{}
.pro-ty-title p:nth-of-type(1){ font-size: 36px; color: #000;}
.pro-ty-title p:nth-of-type(1) b{ font-size: 36px; color: #17c377}
.pro-ty-title p:nth-of-type(1) span{  color: #17c377}
.pro-ty-title p:nth-of-type(2){ font-size: 16px; color: #616161;}


.proinfo-bigbox-item{ width: calc(100% / 2)}
.proinfo-bigbox-item .proinfo-con{ background: #f6f7f9; border:1px solid #ebebeb; transition: all 0.5s}
.proinfo-img{ width: 52%;}
.proinfo-wrap{ width: 48%; padding-left: 4%}
.proinfo-wrap .proinfo-name{ font-size: 24px; color: #262626; border-bottom: 1px solid #ececec}
.proinfo-four .proinfo-item{ width: calc(100% / 2);  font-size: 16px; color: #4c4c4c;}
.proinfo-four .proinfo-item>div{  background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.05); transition: all 0.5s}
.proinfo-btn-two .btn-1{ position: relative; width: 48%; background: #17c377; border-radius: 0.25rem; font-size: 16px; transition: all 0.5s}
.proinfo-btn-two .btn-1:nth-of-type(2){ background: #12a068; }
.proinfo-btn-two .btn-1 a  span{ color: #fff; position: relative; z-index: 99}
.proinfo-btn-two .btn-1:after{ position:absolute; content: ""; background:rgba(255,255,255,0.25);left: 0; top: 0; bottom: 0; height: 100%;
	width: 100%; transform-origin: left center; transition: transform .5s; transform: scaleX(0); }
.proinfo-btn-two  .btn-1:hover:after{  transform: scaleX(1); transform-origin: right center; }
.proinfo-btn-two  .btn-1:hover{ transform: translateY(5%);}
.proinfo-bigbox-item:hover .proinfo-con{ background: #fff; box-shadow: 0 0 15px rgba(23,195,119,0.15); border: #fff 1px solid}
.proinfo-bigbox-item:hover .proinfo-item>div{ background: #edf7f3; box-shadow: 0 0 5px rgba(0,0,0,0.0);}

@media(max-width: 1199.98px){
	.proinfo-img{ width: 100%;}
	.proinfo-wrap{ width: 100%; }
}
@media(max-width: 991.98px){
	.proinfo-bigbox-item{ width: calc(100% / 1)}
}


/*浜у搧璇︽儏椤�*/
.pro-bigimg{}
.pro-bigimg .swp-btn{ position: absolute; top: 0; bottom: 0; margin: auto; z-index: 9 }
.pro-bigimg .swp-btn.swiper-button-next2{ left:0;}
.pro-bigimg .swp-btn.swiper-button-prev2{ right:0;}
.pro-bigimg .swp-btn i svg{ width: 30px; height: 30px; fill: #c40000}
.proinfo-four-item{ transition: all 0.5s}
.proinfo-four-item i svg{ position: relative;z-index: 2; width: 55px; height: 55px; fill: #000000; transition: all 0.5s}
.proinfo-four-item i{ width: 98px; height: 98px; display: block; border-radius: 50%; position: relative; border:1px dashed #c40000;transition: all 0.5s}
.proinfo-four-item i:after{ position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #c40000;
	top: 15%;
	left: 15%;
	z-index: 0; transition: all 0.5s}
.proinfo-four-item p{ font-size: 16px; color: #4b4b4b;}
.proinfo-four-item span{ transition: all 0.5s}
.proinfo-four-item:hover i:after {top:-0%;left:0%;transform-origin:50px 50px; animation: whirl 1.5s linear infinite;}
.proinfo-four-item:hover i{ background: #c40000}
.proinfo-four-item:hover span{ transform: translateY(10%);}
.proinfo-four-item:hover i svg{  transform:scale(0.8);  fill: #fff}
.proinfo-four-item:hover i:after{ background: rgba(255,255,255,0.25)}
@keyframes whirl{
	100%{ transform: rotate(1turn);}
}

.protlist-img-wrap{ background: #fff;}
.prolist-wrap p:nth-of-type(1){ font-size: 18px; color: #333;}
.proinfo-btn-two2 .btn-1{ position: relative; width: 48%; background: #c40000; border-radius: 0.25rem; font-size: 16px; transition: all 0.5s}
.proinfo-btn-two2 .btn-1:nth-of-type(2){ background: #383842; }
.proinfo-btn-two2 .btn-1 a  span{ color: #fff; position: relative;z-index: 4}
.proinfo-btn-two2 .btn-1:after{ position:absolute; content: ""; background:rgba(255,255,255,0.25);left: 0; top: 0; bottom: 0; height: 100%;
	width: 100%; transform-origin: left center; transition: transform .5s; transform: scaleX(0); }
.proinfo-btn-two2  .btn-1:hover:after{  transform: scaleX(1); transform-origin: right center; }
.proinfo-btn-two2  .btn-1:hover{ transform: translateY(5%);}
.proinfo-bigbox-item:hover .proinfo-con{ background: #fff; box-shadow: 0 0 15px rgba(23,195,119,0.15); border: #fff 1px solid}
.proinfo-bigbox-item:hover .proinfo-item>div{ background: #edf7f3; box-shadow: 0 0 5px rgba(0,0,0,0.0);}
.protlist-img-wrap{ overflow: hidden;}
.protlist-img-wrap img{ transition:  all 0.5s;}
.protlist-img-wrap:hover img{ transform: scale(1.05)}
.prolist-tyname{ position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.5s; transform: translate(0%,-150%) }
.prolist-tyname>div,.prolist-tyname>div span{ position: relative; z-index: 5; font-size: 18px; font-weight: bold; color: #fff}
.prolist-tyname>div:before{position: absolute; content: ""; left: -40%; top:-30%;
	background-image: linear-gradient(to right,#c40000,#850404);  transform: skewX(-20deg); width: 200%;
	border-radius:0 0rem 0.5rem 0;  height: 180%}

.protlist-img-wrap:hover{}
.protlist-img-wrap:hover .prolist-tyname{ opacity:1;transform: translate(0%,0%) }
/*footer*/
#footer{ background:#252525; }
.footer_top{ border-bottom: 1px solid rgba(255,255,255,0.1)}
.footer_logo img{filter: grayscale(100%) brightness(100) !important; }
.f_title{ color: #fff; font-size: 16px;}
.footer-contact {  line-height: 1.5; color: #fff}
.footer-contact p{ font-size: 1rem; margin: 0 }
.footer-contact p:nth-of-type(2){ font-size: 30px;font-family: "Roboto", sans-serif }
.footer_center{}
.footer_nav ul li:nth-of-type(1) a{ font-size: 16px; color: #fff}
.footer_nav ul li{ line-height: 1.2}
.footer_nav ul li:nth-of-type(n+2) a{ font-size: 14px; color: rgba(255,255,255,0.5)}
.footer_nav ul li:hover a{color:rgba(255,255,255,1)}
.scan-box{ font-size: 14px; color: rgba(255,255,255,0.4)}
.scan-box img{ width: 130px;}
.footer_scan p{ margin: 0}
.footer-bottom{  background: #1c1c1c;  font-size: 14px; color: rgba(255,255,255,0.4)}
.footer-bottom a{ color: rgba(255,255,255,0.4)}
.footer-bottom a:hover{ color:rgba(255,255,255,0.95);}
@media(min-width: 991.98px){
	.footer_center .footer_nav{ width: 80%;}
	.footer_center .footer_scan{ width:20%;}
}
@media(min-width: 1199.98px){
	.footer_center .footer_nav{ width: 75%;}
	.footer_center .footer_scan{ width:20%;}
}


.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: 25%!important;}
	.contact-right{ width: 75%!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%}
}




.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}
}
/*浜烘墠鎷涜仒*/
#jobs_title{ background: #018d81; text-align: left; justify-content: space-between; font-weight: bold;; font-size: 18px; line-height: 30px; color: #fff}
.job_name{ border-bottom: 1px solid #eee; text-align: left;justify-content: color: #fff;
	justify-content: space-between; flex:1; font-size: 16px; line-height: 30px; }
.job_name h3{ color: #999; font-weight: bold; font-size: 16px; }
.job_nr{ font-size: 16px; line-height: 30px; background: #eee; display: none; }
.job_name p:nth-last-of-type(1){ width: 10%; background: #ff9d2a; color: #fff; border-radius: 5px; padding: 0 5px; text-align: center; }
#jobs_title div:nth-last-of-type(1){ width: 10%; text-align: center;   }
#jobs_title div { width: 20%;text-align: center}
.job_name p{ width: 20%; text-align: center}
.job_nr a{ text-align: center; display: inline-block; margin:0 auto;border-radius: 5px;background: #018d81; color: #fff; width: 30% }
.job_nr a:hover{ box-shadow: 0px 0px 15px #018d81 }
@media(max-width: 991.98px){
	#jobs_title div:nth-last-of-type(1){ width: 20%; }
	.job_name p:nth-last-of-type(1){ width: 20%;}
}
@media(max-width: 768px){

	#jobs_title{ font-size: 12px; }
	.job_name{ font-size: 14px; }
	.job_name p:nth-of-type(1){ font-size: 14px;}
	.job_name p:nth-last-of-type(1){ width:50%; background: #ff9d2a; color: #fff;
		border-radius: 5px; padding: 0 5px; text-align: center; }
	#jobs_title div:nth-last-of-type(1){ width: 50%; text-align: center;   }
	#jobs_title div { width: 50%}
	.job_name p{ width:50%;  }
	.job_nr{ font-size: 14px; line-height:2; background: #eee; display: none; }
	.job_nr a{ text-align: center; display: inline-block; margin:0 auto;border-radius: 5px;background: #004197; color: #fff; width: 50% }
}


.apply-job{ font-size: 16px; }
/*浜у搧澶撮儴妯″潡*/
.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}
@media(max-width: 1299.98px){
	.proinfo-btn-box>div.proinfo-btn{ background: #333333; width: 48%;}
	.proinfo-tel{ display: none}
}

.proinfo-k{ box-shadow: 0 0 10px rgba(0,0,0,0.15)}
.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: 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-left{ display: flex; position: relative; width: 30%;}
.company-left:before{ position: absolute; content: attr(data-title); color: #d2efe2; font-family: numfont,'Avian';
	font-size: 130px;writing-mode: tb-rl; font-weight: bold; text-transform: uppercase;left: 0; top: 0; line-height: 1;
}
.company-img  { position: relative;}
.company-img div,.company-img div img{ position: relative; z-index: 2}
.company-img div:after{ display: block; position: absolute; content: ""; left:4%; top: 4%; background: #f2f2f2;
	width: 100%; height: 98%;}
.company-right{ width: 70%; padding-left: 5%;}
.company-about-message{ color: #666; font-size: 16px; line-height: 2}
.about-title-font{}
.about-title-font p:nth-of-type(1){ font-size: 40px; color: #000; font-weight: bold; line-height: 0.8}
.about-title-font p:nth-of-type(2){ font-size: 16px; color: #999; text-transform: uppercase;}
.about-right-ad{}
.about-right-ad p:nth-of-type(1){ font-size: 30px; color: #333}
.about-right-ad p:nth-of-type(2){ font-size: 18px; color: #666}
@media(max-width: 1299.98px){
	.company-left{display: none;}
	.company-img  {  display: none}
	.company-img div:after{ display: none;}
	.company-right{ width: 100%; padding-left: 0%;}
}
@media(max-width: 991.98px){

	.about-right-ad{ display: none}

	.about-title-font p:nth-of-type(1){ font-size: 20px; color: #000; font-weight: bold; line-height: 0.8}
	.about-title-font p:nth-of-type(2){ font-size: 14px; color: #999; text-transform: uppercase;}
}
/*浼佷笟鏂囧寲*/
.company-about-culture{ background: url("../img/about_xswl.jpg") no-repeat center top fixed; background-size: cover;}
.culture-left-item>div i svg{ width: 23px; height: 23px; fill: #2ec885}
.culture-left-item>div span{ font-size: 18px; color: #000; font-weight: bold; line-height: 2;}
.culture-left-item>div:nth-of-type(2){ color: #444444; font-size: 16px; line-height: 1.5}
.about-culture-left{ width: 30%;}
.about-culture-right{ width: 65%}
.about-network-box{ padding-left:20%;}
.about-network-box p:nth-of-type(1){ font-size: 30px; color: #000000}
.about-network-box .about-culture-desc{ font-size: 16px; color: #676767}
@media(max-width: 991.98px){
	.about-culture-left{ width: 100%;}
	.about-culture-right{ width: 100%}
	.about-network-box{ padding-left:0%;}
	.about-network-box p:nth-of-type(1){ font-size: 20px; color: #000000}
	.about-network-box .about-culture-desc{ font-size: 14px; color: #676767}
}
/*缁勭粐鏋舵瀯*/
.about-org{ background: url("../img/company_org.jpg") no-repeat center top fixed; background-size: cover;}
/*浜у搧妤煎眰*/
.index-sub-address-content{  background:#fff; border-bottom: 1px solid #ededed}
.index-sub-address-content>div>div:nth-of-type(1){}
.index-sub-address-content div.main-title{  font-size: 18px; color: #333333}
.index-sub-address-content div.main-title svg{ fill: #018d81}
.index-sub-address-content div.main-title span a{ font-size: 16px; color: #666666}
.main-title span a{ display: block; width: 100%; transition: all 0.5s}
.main-title span a:hover,.main-title span a.active{ background: #17c377; color: #fff;}
.main-title span a:hover span,.main-title span a.active span{ color: #fff}



.index-sub-address-content>div>div:nth-of-type(1)>div:nth-of-type(2)>span{display: flex; align-items: center; padding: 0 1.2rem; position: relative}
.index-sub-address-content>div>div:nth-of-type(1)>div:nth-of-type(2)>span a.active{ color: #018d81}
.index-sub-address-content>div>div:nth-of-type(1)>div:nth-of-type(2)>span:after{ position: absolute; content: "";
	width: 1px; height: 60%; background: #eaeaea; left: 0; top: 0; bottom: 0; margin: auto;}
.sub-company-title .about-font p{ margin: 0}
.sub-company-title .about-font p:nth-of-type(1){ font-weight: bold; font-size: 32px; color: #018d81}
.sub-company-title .about-font p:nth-of-type(2){ font-size: 18px; color: #333333}
.sub-company-title{ position: relative}
.sub-company-title:before{ position: absolute; content: attr(data-title); left: 8%; top:-40%; font-size: 60px;
	font-family: 'Bahnschrift'; color: rgba(0,141,129,0.05); font-weight: bold;
	letter-spacing: 0.2rem;text-transform:uppercase;}
.company-right-box{ background: #1b989e; border-radius:0.75rem;}
.company-font-all{}
.company-font-all i{ color: #fff;  font-size: 40px;}
.company-font-all p:nth-of-type(1){ color: #fff;  font-size: 26px;}
.company-font-all p:nth-of-type(2){ color: #fff; opacity: 0.5;  font-size: 14px; text-transform: uppercase;}




.company-item div p:nth-of-type(2){ color: #fff; font-size: 16px; line-height: 2}
.company-item div p:nth-of-type(1){ color: #fff; font-size: 36px; margin-bottom: 5px;}
.company-item div p:nth-of-type(1) span{ position: relative; font-family:'Bahnschrift' ; letter-spacing:-0.05rem; font-size: 36px; color: #fff; line-height: 0.5; font-weight:100;}
.company-item div p:nth-of-type(1) span:after{ position: absolute; content: attr(data-title); left:110%; bottom: 0; font-size: 16px;	 }


.company-num{   }




.current-all{}
.current-all i svg{ width: 18px; height: 18px; fill: #c4c4c4}
.current-all span{ font-size: 16px; color: #666}
.current-all span a:hover{ color: #0075c4}
.floor-title-all{ }
.floor-title-all .floor_title_text a{ font-size: 36px; color: #414141; font-weight: bold}
.floor-title-all>.floor-title-left{ width:80%}
.floor_list{ width: 75%}
.floor_list .floor-name-text{}
.floor_list .floor-name-text a>span{ font-size: 16px; color: #414141; position: relative}
.floor_list .floor-name-text a>span:after{ position: absolute; content: ""; bottom:0%; left: 0; height: 1px; background: #d8dce4; width: 100%;}
.floor_list .floor-name-text a>span:before{ position: absolute; content: ""; right: 0; top:-20%; background: #0075c4; width: 5px; height: 5px; border-radius: 50%; transition: all 0.5s}
.floor_list .floor-name-text:hover a>span:before{ transform: translateY(200%); opacity: 0}
.floor-desc{ font-size: 14px; color: #999;}
.pro-big-all-box{ position: relative; width: calc(100% / 1); background: #fff; overflow: hidden;}
.prolist-more{}
.prolist-more span{ color: #a8a8a8}
.prolist-more i{ background: #0075c4; border-radius: 100%; display: block; padding: 0.3rem}
.prolist-more i svg{ fill: #fff; width:13px; height: 13px;}
.prolist-more span{ font-size: 14px;}
.prolist-more  i{ background: #0075c4;}
.prolist-more:hover i{ background: #383f4b}
.prolist-more:hover span{ color: #0075c4}
.pro-font-text{ transition: all 0.5s}
.pro-font-text p:nth-of-type(1){  font-size: 20px; color: #333333; font-weight: bold; text-align: center}
.pro-font-text>div.pro-two-btn span{ width: calc(100%/2);  font-size: 20px; color: #333333; border: 1px solid #cccccc; font-size: 14px; color: #999}
.pro-font-text>div.pro-two-btn span:nth-of-type(2){border: 1px solid #0075c4;}
.pro-font-text .btn-top i{ border: 2px solid #ccc; border-radius: 100%;}
.pro-font-text .btn-top i svg{ fill: #ccc}
.pro-font-text .btn-top span{ font-size: 14px; color:#fff}


.pro-big-mask{ background: #0075c4; position: absolute;left: 0; top: 180%; transition: all 0.5s}
.pro-big-mask p:nth-of-type(1){ color: #fff; font-size: 20px;}
.pro-big-mask .pro-desc{ color: rgba(255,255,255,0.5); font-size: 14px;}
.pro-big-mask .btn-top i{ border: 2px solid #fff; border-radius: 100%;}
.pro-big-mask .btn-top i svg{ fill: #fff}
.pro-big-mask .btn-top span{ font-size: 14px; color:#fff}

.pro-big-mask>div.pro-two-btn span{ width: calc(100%/2);  font-size: 20px; color: #fff; border: 1px solid #fff; font-size: 14px; color: #999; background:rgba(255,255,255,0.25)}
.pro-big-mask>div.pro-two-btn span:nth-of-type(2){border: 1px solid #fff;}
.pro-big-mask>div.pro-two-btn span a{ color: #fff}
.pro-big-all-box:hover .pro-font-text{ transform: scale(1.05) translateY(50%)}
.pro-big-all-box img{ transition: all 0.5s}
.pro-big-all-box:hover img{transform: scale(1.05) }



.pro-big-all-box:hover .pro-big-mask{ top: 0; left: 0;}
.pro-big-all-box:hover .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.pro-big-all-box:hover  p:nth-of-type(1){  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.pro-big-all-box:hover .pro-desc{ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; }
.pro-big-all-box:hover  .btn-top{ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
.pro-big-all-box:hover .pro-two-btn { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }
.pro-big-all-box:hover .pro-two-btn span:nth-of-type(1){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
.pro-big-all-box:hover .pro-two-btn span:nth-of-type(2){ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }



@media(max-width: 1399.98px) {
	.floor-title-all .floor_title_text a {
		font-size: 24px;
		color: #414141;
		font-weight: bold
	}
}
@media(max-width: 991.98px){
	.floor-title-all .floor_title_text a{ font-size: 20px; color: #414141; font-weight: bold}
	.floor_list{ display: none}
	.prolist-more{ width: 50%}
	.pro-big-all-box:hover .pro-font-text{ transform: scale(1) translateY(0%)}
	.pro-big-mask{ display: none; opacity: 0; background: #0075c4; position: absolute;left: 0; top: 100%; transition: all 0.5s}
}




/*棣栭〉浜у搧*/
.pro .pro_list_all{ position: relative; z-index: 2; width:60%}
.news .pro_list_all{ position: relative; z-index: 2; width:40%}
.pro-item-nav a{  text-align:center;background: #f4f4f4; display: block; width: 100%; height: 100%; font-size: 16px; color: #333; transition: all 0.5s;}
.pro-item-nav a.bg-red{ background: #0075c4; position: relative;}
.pro-item-nav a:hover {background: #0075c4; color: #fff;}
.pro-item-nav a.bg-blue{ background: #02276a; position: relative;}
.pro-item-nav a.bg-red:after,.pro-item-nav a.bg-blue:after{ position:absolute; content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;

	background: #8f0101;
	transition: transform 0.5s;
}
.pro-item-nav a.bg-red:hover:after,.pro-item-nav a.bg-blue:hover:after{
	transform-origin: left center; transform: scaleX(1);
}
.pro-item-nav a.bg-red i,.pro-item-nav a.bg-red span,.pro-item-nav a.bg-blue i,.pro-item-nav a.bg-blue span{ position: relative; z-index: 2}

.pro-logo{ background: #02276a}





.index_title{ position: relative}
.index_title:after{ position: absolute; content: ""; background: url("../img/title_bj.png") no-repeat; display: block;
	left: -20px; top: -20px; width: 100%; height: 100%;
}
.index_title>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(1){ font-size: 42px; color: #0075c4; font-weight: bold}
.index_title>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(2){ font-size: 16px; color: #0075c4; text-transform: uppercase;}
.index_title>div:nth-of-type(1)>p:nth-of-type(2)>span:nth-of-type(1){ font-size: 18px; color: #0075c4;  }
.index_title>div:nth-of-type(1)>p:nth-of-type(2){ font-size: 18px; color: #999999}


.index-pro-big-box{ width: calc(100% / 3); overflow: hidden;}
.index-pro-font{ border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; transition: all 0.5s}
.index-pro-font>p:nth-of-type(1){ color: #333333; font-size: 18px; position: relative;}
.index-pro-font>p:nth-of-type(1) span{ font-size: 18px; position: relative}
.index-pro-font>p:nth-of-type(1):before{  position: absolute; content: attr(data-title); display: block; font-size: 60px; color: rgba(196,0,0,0.05); text-transform: uppercase; margin: auto; top: -100%; bottom: -100%; font-weight: bold;}
.index-pro-font>p:nth-of-type(1) span:after{ position: absolute; content:""; width:50%; height: 2px; background: #0075c4;left: 0; bottom: -100%;  }
.index-pro-font>div:nth-of-type(1){ font-size: 16px; color: #999;}

.index-pro-font2{
	position: absolute; bottom: 0; left: 0; right: 0; margin: auto;
	background: url("../img/pro_hover_bj.png") no-repeat bottom center #fff;  width: 90%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	transform: translateY(120%) scale(1.05); transition: all 0.5s; border-radius: 0.5rem;
}
.index-pro-font2>div:nth-of-type(1)>p:nth-of-type(1){ color: #333333; font-size: 18px; position: relative}
.index-pro-font2>div:nth-of-type(1)>p:nth-of-type(1):before{  position: absolute; content: attr(data-title); display: block; font-size: 60px; color: rgba(196,0,0,0.1); text-transform: uppercase;left: -100%; right: -100%; margin: auto; top: -100%;bottom: -100%; font-weight: bold}
.index-pro-font2>div:nth-of-type(1)>p:nth-of-type(1):after{ position: absolute; content:""; width:50%; height: 2px; background: #0075c4;left: 0; bottom: -80%; right: 0; margin: auto; }
.index-pro-font2>div:nth-of-type(1)>div:nth-of-type(1){ font-size: 16px; color: #999;}

.index-pro-font2>div:nth-of-type(1)>div:nth-of-type(2)>span{ border-radius: 2rem; border: 1px solid #0075c4; font-size: 16px; color: #0075c4; width: 200px; position: relative; overflow: hidden}
.index-pro-font2>div:nth-of-type(1)>div:nth-of-type(2)>span span{ position: relative; z-index: 2; color: #fff}
.index-pro-font2>div:nth-of-type(1)>div:nth-of-type(2)>span:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: right center;
	opacity: 0;
	background: #0075c4;
	transition: transform 0.5s;
}
.index-pro-big-box a:hover  .index-pro-font2>div:nth-of-type(1)>div:nth-of-type(2)>span:after{ transform: scaleX(1);height: 100%; transform-origin: left center; opacity: 1 }



.index-pro-big-box a:hover{}
.index-pro-big-box a:hover  .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.index-pro-big-box a:hover.index-pro-font2>div>p:nth-of-type(1){  -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
.index-pro-big-box a:hover.index-pro-font2>div>div:nth-of-type(1){ -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }
.index-pro-big-box a:hover.index-pro-font2>div>div:nth-of-type(2){ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }


.index-pro-big-box a:hover .index-pro-font{ transform: scale(1.05); transition: all 0.5s; opacity: 0}
.index-pro-big-box a:hover .index-pro-font2{ transform: translateY(-5%) scale(1);}
.index-pro-big-box a img{ transition: all 0.5s; transform: scale(1);}
.index-pro-big-box a:hover img{ transform: scale(1.05);
	filter: contrast(1.15) brightness(1.15); opacity: 1;
}
@media(max-width: 991.98px){
	.index-pro-big-box{ width: calc(100% / 2); overflow: hidden;}
	.index-pro-font2{ display: none;}
	.index-pro-font>p:nth-of-type(1){ color: #333333; font-size: 15px; position: relative;}
	.index-pro-font>p:nth-of-type(1) span{ font-size: 14px; position: relative}
	.index-pro-font>p:nth-of-type(1):before{ display: none}
	.index-pro-font>p:nth-of-type(1) span:after{ position: absolute; content:""; width:50%; height: 2px; background: #0075c4;left: 0; bottom: 0%;}
	.index-pro-font>div:nth-of-type(1){ font-size: 12px; color: #999;}

	.index_title>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(1) {
		font-size:20px;
		color: #0075c4;
		font-weight: bold;
	}
	.index_title>div:nth-of-type(1)>p:nth-of-type(2) {
		font-size: 12px;
		color: #999999;
	}
	.index_title>div:nth-of-type(1)>p:nth-of-type(1)>span:nth-of-type(2){ font-size: 14px;}
	.index-pro-big-box a:hover .index-pro-font{ transform: scale(1); transition: all 0.5s; opacity: 1}
	.index_title>div:nth-of-type(1)>p:nth-of-type(2)>span:nth-of-type(1){ font-size: 12px;}
}

@media(max-width: 1499.98px){
	.index_title.pro .pro_list_all{ width: 100%}
	.index_title.news .pro_list_all{ width: 100%}
}
/*瀹炲姏*/
.slide-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height:700px;
}
.item-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #ffffff;
}
.shili-three{ z-index: 9; position: absolute; bottom: 0; left: 0; bottom: 0; width: 100%; }
.container.shili-three-nav{background:rgba(255,255,255,0.85);
	overflow: hidden; }
.item-info{}
.item-info .item-title{ font-size: 20px; color: #333; font-weight: bold;transition: all 0.5s}
.item-info .item-desc{ font-size: 16px; line-height: 1.5; color: #666;transition: all 0.5s}
.icon-wrap{ fill: #0075c4;width:55px;height: 55px;transition: all 0.5s}
.item-wrap-nav{ position: relative; transition: all 0.5s }
.item-wrap-nav:after{ position: absolute; content: "";  width: 1px; height: 50%; background: #c9c9c9; right: 0; top: 0; bottom: 0; margin: auto;}
.gallery-thumbs .swiper-slide:nth-last-of-type(1) .item-wrap-nav:after{  width: 0}
.three-left{ width: 85%}
.three-right{ width: 15%; font-weight: bold; font-size: 18px; }
.index-sljz-font{}
.index-sljz-font p:nth-of-type(1){ font-size: 46px;}
.index-sljz-font p:nth-of-type(2){ font-size: 16px; text-transform: uppercase;}
.index-sljz-font div:nth-of-type(1){ font-size: 16px; }
.index-sljz-num{ width: 520px;border:1px solid rgba(255,255,255,0.25)}
.index-sljz-num>div{ width: calc(100% / 2)}
.index-sljz-num>div>span:nth-of-type(1){ font-size: 30px; font-weight: bold;}
.index-sljz-num>div:nth-of-type(1){ position: relative}
.index-sljz-num>div:nth-of-type(1):after{ position: absolute; content: ""; width: 1px; height: 60%; background: rgba(255,255,255,0.5); top: 0; bottom: 0; margin: auto; right: 0}
.index-sljz-num>div>span:nth-of-type(2){ font-size: 16px; }

.item-wrap-nav:before{ position:absolute; content: ""; background: rgba(196,0,0,0.8); width: 100; height: 100%;transform-origin: bottom;transition: transform .3s;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom; }

.swiper-slide.swiper-slide-thumb-active .item-wrap-nav:before{ background: rgba(196,0,0,1); content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: .9;
	transform: scaleY(0);

	transform-origin: bottom ; }
.swiper-slide.swiper-slide-thumb-active .item-wrap-nav:before,.item-wrap-nav:hover:before{transform: scaleY(1); transform-origin:top center;}
.item-wrap-nav:hover:before{ transform: scaleY(1);}
.item-icon,.item-info{ position: relative; z-index: 9; transition: all 0.5s}
.item-wrap-nav:hover{

	background: #0075c4;

}
.item-wrap-nav:hover svg{ fill: #fff}
.item-wrap-nav:hover .item-title{ color: #fff}
.item-wrap-nav:hover .item-desc{ color: #fff}
.swiper-slide.swiper-slide-thumb-active  .item-wrap-nav:after{ background: #0075c4;  }
.swiper-slide.swiper-slide-thumb-active  .item-wrap-nav svg{ fill: #fff}
.swiper-slide.swiper-slide-thumb-active .item-title,.swiper-slide.swiper-slide-thumb-active .item-desc{ color: #fff}
.item-wrap-nav:hover:after{ width: 0;}
@media(max-width: 1199.98px){
	.three-left{ width: 100%}
}
@media(max-width: 991.98px){
	.index-sljz-font p:nth-of-type(1){ font-size: 20px;}
	.index-sljz-font p:nth-of-type(2){ font-size: 12px; text-transform: uppercase;}
	.index-sljz-font div:nth-of-type(1){ font-size: 12px; line-height:1.5 }
	.slide-bg {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 350px;
	}
	.index-sljz-num{ width: 80%;border:1px solid rgba(255,255,255,0.25)}
	.index-sljz-num>div>span:nth-of-type(1){ font-size: 16px; font-weight: bold;}
	.index-sljz-num>div>span:nth-of-type(2){ font-size: 14px; }
	.item-info .item-title{ font-size: 14px; color: #333; font-weight: bold;transition: all 0.5s}
	.item-info .item-desc{ font-size: 12px; line-height: 1.5; color: #666;transition: all 0.5s}
}

/*鍞悗鏈嶅姟*/
.shfw-item{ border: 1px solid #e6e6e6; transition: all 0.5s; position: relative; transition: all 0.5s;}
.shfw-item:before{ position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;right: 0; bottom: 0; margin: auto; transform: scale(0); transition: all 0.5s; display: block; background:rgba(0,117,196,0) }
.shft-content{  position: relative;}
.shft-content>div:nth-of-type(1){}
.shft-content>div:nth-of-type(1) i svg{ fill: #0075c4;  transition: all 0.5s;}
.shft-content>div:nth-of-type(1) .shft-title p{ margin: 0}
.shft-content>div:nth-of-type(1) .shft-title p:nth-of-type(1){ font-size: 30px; color: #0075c4;line-height: 1.5; transition: all 0.5s;}
.shft-content>div:nth-of-type(1) .shft-title p:nth-of-type(2){ font-size: 16px; color: #999999;
	text-transform: uppercase; }
.shft-desc{ color: #666;  font-size: 16px; line-height: 2; transition: all 0.5s;}

.shfw-item:hover:before{ transform: scale(1);background:rgba(0,117,196,0.9) }
.shfw-item:hover .shft-content>div:nth-of-type(1) i svg{ fill: #fff; }
.shfw-item:hover .shft-content>div:nth-of-type(1) .shft-title p{ color: #fff; }
.shfw-item:hover .shft-desc{ color: #fff;   }







.tixi-item{ width: 100%; transition: all 0.5s; overflow: hidden}
.tixi-item>div:nth-of-type(1){ overflow: hidden}
.tixi-font{ background: #f2f2f2; transition: all 0.5s}
.tixi-font>div:nth-of-type(1){ color: #0e1620; font-size: 20px; font-weight: bold}
.tixi-font>div:nth-of-type(1) span{ position: relative;}
.tixi-font>div:nth-of-type(1) span:after{ position: absolute; content: ""; background: #1573d1; left: 0; bottom: 0; height: 1px; width: 10%; transition: all 0.5s; transform-origin: right center}
.tixi-font>div:nth-of-type(2){ font-size: 14px; color: #646464}
.tixi-item img{ transform: scale(1); transition: all 0.5s}
.tixi-item:hover{}
.tixi-item:hover img{ transform: scale(1.05)}
.tixi-item:hover .tixi-font{ background: #1573d1;}
.tixi-item:hover .tixi-font>div:nth-of-type(1){ color: #fff; }
.tixi-item:hover .tixi-font>div:nth-of-type(1) span:after{   background: #fff;  width:80%;transform-origin: left center}
.tixi-item:hover  .tixi-font>div:nth-of-type(2){ color: #fff}


.jszc-item:before{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;right: 0; bottom: 0; margin: auto;  transition: all 0.5s; display: block; background:rgba(0,0,0,0.5); z-index: 2; }
.jszc-item:hover:before{ transform: scale(1); background:rgba(0,117,196,0);}

.jszc-item{}
.jszc-item:after{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;right: 0; bottom: 0; margin: auto; transform: scale(0); transition: all 0.5s; display: block; background:rgba(0,117,196,0) }
.jszc-item .jszc-font-box{ position: absolute; left: 0; top: 0; right: 0; bottom:0; margin: auto; color: #fff; transition: all 0.5s}
.jszc-item .jszc-font-box .jszc-icon{ position: relative; z-index: 9;}
.jszc-item .jszc-font-box .jszc-icon i svg{ position: relative; z-index: 4; width: 70px; height: 70px; fill: #fff}
.jszc-item .jszc-font-box .jszc-title{ font-size: 20px;position: relative; z-index: 2;}
.jszc-item .jszc-font-box .jszc-desc{ font-size: 14px; line-height: 2rem;position: relative; z-index: 2;}

.jszc-item:hover:after{ transform: scale(1); background:rgba(0,117,196,0.75);}
.jszc-item:hover .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.jszc-item:hover .jszc-font-box .jszc-icon  i svg{  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }

.jszc-item:hover .jszc-font-box .jszc-title{ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
.jszc-item:hover .jszc-font-box .jszc-desc{ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }


/*鐢熶骇璁惧*/
.scsb-item{ background: #fff; transition: all 0.5s}
.case-item-box .scsb-item{ background: #f6f6f6; transition: all 0.5s}
.scsb-font{ font-size: 16px; color: #666666; transition: all 0.5s}
.scsb-item:hover{ background: #f6f6f6; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.scsb-item:hover .scsb-font{ background: #fff}

.bottom-font{}
.bottom-font p:nth-of-type(1){ font-size: 16px; color: #666}
.bottom-font p:nth-of-type(2){ font-size: 36px; color: #1573d1}
.bottom-font>div:nth-of-type(1){ font-size: 36px; color: #1573d1}
.bottom-btn{ width: 600px;}
.bottom-btn div{ font-size: 16px; color: #666666; width: 48%; height: 60px; border-radius: 2rem; border: 1px solid #1573d1; position: relative;}
.bottom-btn div:before{ position: absolute; content: "";width: 100%; height: 100%;background: #328ae3;left: 0; top: 0; transition: transform 0.5s; border-radius: 2rem; transform: scaleX(0);transform-origin: center center;}
.bottom-btn div:nth-of-type(2){    background: #1573d1}
.bottom-btn div span{ position: relative; z-index: 2}
.bottom-btn div:nth-of-type(2) a,.bottom-btn div:hover span{ color: #fff}
.bottom-btn div:hover:before{  transform: scaleX(1);transform-origin: center center;}

@media(max-width: 991.98px){
	.bottom-btn{ width: 100%;}
	.bottom-btn div{ width: 90%}
}

/*浜烘墠鐞嗗康*/
.tixi-font2{ background: #f2f2f2; transition: all 0.5s}
.tixi-font2>div:nth-of-type(1){ color: #3e3e3e; font-size: 24px;  }
.tixi-font2>div:nth-of-type(1) span{ position: relative;}
.tixi-font2>div:nth-of-type(1) span:after{ position: absolute; content: ""; background: #b8b8b8; left: 0; bottom: 0; height: 1px; width: 20%; transition: all 0.5s; transform-origin: right center}
.tixi-font2>div:nth-of-type(2){ font-size: 16px; color: #666; line-height: 2;}

.tixi-item:hover img{ transform: scale(1.05)}
.tixi-item:hover .tixi-font2{ background: #1573d1;}
.tixi-item:hover .tixi-font2>div:nth-of-type(1){ color: #fff; }
.tixi-item:hover .tixi-font2>div:nth-of-type(1) span:after{   background: #fff;  width:80%;transform-origin: left center}
.tixi-item:hover  .tixi-font2>div:nth-of-type(2){ color: #fff}

/*绂忓埄寰呴亣*/
.fldy-item{}
.fldy-item .fldy-icon{ background: #f8f8f8}
.fldy-item .fldy-icon i svg{ width: 85px; height: 85px;  fill: #333333}
.fldy-icon i{ position: relative}
.fldy-icon i:before{ content:'';width:60px;height:60px;background:#1573d1;border-radius:50%;top:-5%;left:40%;position:absolute;z-index:0;}
.fldy-icon i svg{ position:relative; z-index: 2}
.fldy-font{}
.fldy-font p{ font-size: 18px; color: #040201;}
.fldy-desc{ font-size: 14px; color: #666666; line-height: 2}
.fldy-item:hover .fldy-icon i:before {  top:-0%;left:0%;transform-origin:25px 25px; animation: whirl 1.5s linear infinite;}

.rczp-bigbox{ background: url("../img/rczp_bj.png") no-repeat center bottom  #f7f7f7; }
.btn-job{ background: #1573d1; border-radius: 2rem; height: 55px; width: 210px;position: relative;}
.btn-job a span{ position: relative; font-size: 16px; color: #fff;}


.btn-job:before{ position: absolute; content: "";width: 100%; height: 100%;background: #328ae3;left: 0; top: 0; transition: transform 0.5s; border-radius: 2rem; transform: scaleX(0);transform-origin: center center;}
.btn-job:hover:before{  transform: scaleX(1);transform-origin: center center;}


@keyframes whirl{
	100%{ transform: rotate(1turn);}
}
@media(max-width: 991.98px){
	.fldy-item .fldy-icon i svg{ width: 45px; height: 45px;  fill: #333333}
	.fldy-icon i:before{ width:20px;height:20px; ;top:-5%;left:40%;}
}
/*搴旂敤琛屼笟*/
.hangye-item{ font-size: 14px; color: #333;}
.hangye-item div{ border:1px  dashed #0075c4; border-radius: 50%; width: 60px; height: 60px;}
.hangye-item div i{ display: block;}
.hangye-item div i svg{ width: 50px; height: 50px; fill: #0075c4}

.swiper-slide.swiper-slide-thumb-active{}
.swiper-slide.swiper-slide-thumb-active svg{ fill: #02276a;}
.swiper-slide.swiper-slide-thumb-active .hangye-item div{ border:1px  dashed #02276a;}
.hangye-desc{ font-size: 14px; color: #666; line-height: 2;}

.hangye-font{ position: absolute; z-index: 9;left: 0; right: 0; bottom: 10%; margin: auto;  width: 90%;  background: rgba(255,255,255,0.95); overflow: hidden; }
.more-bg-45{  position: relative;}
.w-10{ width: 10%}
.w-20{ width: 20%}
.more-bg-45:before{ position: absolute; content: "";transform: skew(-20deg,0);background: #0075c4;  width: 130%;left: 0; top: 0; height: 100%; }
.more-bg-45 a{ position: relative; z-index: 9; color: #fff; font-weight: bold; font-size: 18px;}

.hangye-font{ transform: translateY(100%); transition: all 0.5s; opacity: 0}
.hangye-font>div>p:nth-of-type(1){ font-size: 34px; color: #333; font-weight: bold}
.hangye-font>div>p:nth-of-type(1) span:nth-of-type(2){ font-size: 34px; color: #0075c4; font-weight: bold}

.hangye-font>div>p:nth-of-type(1)>span:nth-of-type(1) i{
	display: inline-block;
	width: 8px;
	height: 20px;
	margin-right: 3px;
	background:#0075c4;
	-webkit-transform: skewX(
			-15deg
	);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(
			-15deg
	);
}
.hangye-font ul li{ position: relative; font-size: 16px; color: #666; margin: 0.5rem 0;}
.hangye-font ul li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../img/icon-dot.png) center/cover no-repeat;
	margin-right: 5px;
}


.swiper-slide-active .hangye-font{ transform: translateY(0); opacity: 1}
@media(max-width: 991.98px){
	.hangye-box .embed-responsive-16by10:before{padding-bottom:50%}
	.hangye-font>div>p:nth-of-type(1){ font-size: 16px; color: #333; font-weight: bold}
	.hangye-font>div>p:nth-of-type(1) span:nth-of-type(2){ font-size: 20px; color: #0075c4; font-weight: bold}
	.hangye-font ul li{ position: relative; font-size: 12px; color: #666; margin: 0.5rem 0;}
	.more-bg-45{ width: 50%;  margin: 0 auto 10px;}
	.more-bg-45:before{ position: absolute; content: "";transform: skew(0deg,0);background: #0075c4;  width: 100%;left: 0; top: 0; height: 100%; }
	.more-bg-45 a{ position: relative; z-index: 9; color: #fff; font-weight: bold; font-size: 14px;}
	.hangye-font>div>p:nth-of-type(1)>span:nth-of-type(1) i{
		display: inline-block;
		width: 8px;
		height:15px;}

}


/*鍏徃绠€浠嬬患鍚堥〉闈�*/
.zy-flash{ height: 460px; margin-top:180px  }
.zy-flash-about{ background: url("../img/zy_flash_about.jpg") no-repeat center top  ; background-size: cover;}
.zy-flash-cp{ background: url("../img/zy_flash_cp.jpg") no-repeat  73% top; background-size: cover;}
.zy-flash-honor{ background: url("../img/zy_flash_honor.jpg") no-repeat center top; background-size: cover;}

.zy-flash-case{ background: url("../img/zy_flash_case.jpg") no-repeat center top; background-size: cover;}
.zy-flash-contact{ background: url("../img/zy_flash_contact.jpg") no-repeat center top; background-size: cover;}
.zy-flash-news{ background: url("../img/zy_flash_news.jpg") no-repeat center top; background-size: cover;}
.zy-flash-jjfa{ background: url("../img/zy_flash_jjfa.jpg") no-repeat  73% top; background-size: cover;}

.zy-flash-proinfo{ background: url("../img/zy_flash_pro.jpg") no-repeat center top; background-size: cover;}


.zy-flash-font{  color: #fff}
.zy-flash-font p:nth-of-type(1){ text-transform: uppercase; font-size:100px; font-weight: bold; color: rgba(255,255,255,0.2); }
.zy-flash-font p:nth-of-type(1) span{ position: relative}
.zy-flash-font p:nth-of-type(1) span:before{ position: absolute; content: "";bottom:-30%;background: #fff;width: 25%;
	height: 2px;
}
.zy-flash-font div:nth-of-type(1){ font-size:40px;   color: #fff;  }
.zy-flash-font div:nth-of-type(1) i{display: flex; flex:0 0 360px;  height: 1px; background: #fff}
.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;}

/*.zy-flash-font{  color: #fff}*/
/*.zy-flash-font p:nth-of-type(1){ text-transform: uppercase; font-size:100px; font-weight: bold; color: rgba(255,255,255,0.2); }*/
/*.zy-flash-font p:nth-of-type(1) span{ position: relative}*/
/*.zy-flash-font p:nth-of-type(1) span:before{ position: absolute; content: "";bottom:-30%;background: #fff;width: 25%;*/
/*	height: 2px;*/
/*}*/
/*.zy-flash-font div:nth-of-type(1){ font-size:40px;   color: #fff;  }*/
/*.zy-flash-font div:nth-of-type(1) i{display: flex; flex:0 0 360px;  height: 1px; background: #fff}*/
/*.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: 1399.98px){
	.zy-flash-cp{ background: url("../img/zy_flash_cp.jpg") no-repeat  80% top; }
}

@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 div:nth-of-type(1) i{display: none; }
	.zy-flash-font div:nth-of-type(1){ font-size:24px;   color: #fff;  }
	.zy-flash-cp{ background: url("../img/mb_cp.jpg") no-repeat  center center; background-size: 100%; height: 380px; }
}

@media(max-width: 768.98px){
	.zy-flash-cp{ height: 250px; }
}
@media(max-width: 1199.98px){
	#flash_pc,.zy-flash{   margin-top: 130px  }

}
@media(max-width: 991.98px){
	#flash_pc,.zy-flash {   margin-top: 80px  }
}
@media (max-width: 575.98px) {
	#flash_pc,.zy-flash {   margin-top: 60px  }

}

/*鍖荤敓璇︽儏椤�*/
.zy-flash-doctor-bg{ overflow: hidden;}

.doctor-right-font-wrap{ width: 100%}
.doctor-four{ width: 60%}
.doctor-four-item{ width: calc(100%/4)}
.doctor-four-item span{ display: block; width: 80px; height: 80px; border: 1px solid #018d81; border-radius: 100%; transition: all 0.5s}
.doctor-four-item i svg{ width: 50px; height: 50px; fill: #018d81}
.doctor-four-item p{ font-size: 16px; color: #333; line-height: 2}
.doctor-four-item:hover i svg { fill: #fff}
.doctor-four-item:hover span{ background: #018d81}
.doctor-right-font-wrap{}
.doctor-right-wrap p:nth-of-type(1){ font-size: 30px; font-weight: bold; color: #018d81;}
.doctor-right-wrap p:nth-of-type(1) span{ position: relative}
.doctor-right-wrap p:nth-of-type(1) span:after{ position: absolute; content: ""; background: #018d81; width: 33.33%;
	height: 2px; left: 0; bottom: 0;left:0;}
.doctor-param-font{ font-size: 16px; color: #666; line-height: 2}
.doctor-container-title span{ position: relative; font-size: 24px; font-weight:bold; color: #018d81}
.doctor-container-title span:after{ position: absolute; content: ""; background: #018d81; width: 25%;
	height: 2px; left: 0; bottom: 0;left:0;}

.doctor-item1{ background: #018d81; width: 172px; height: 50px; font-size: 16px; position: relative}
.doctor-item1 span{ position: relative; z-index: 2}
.doctor-item1:nth-of-type(2){ background: #ededed;  }
.doctor-item1:nth-of-type(2) a span{ color: #666;}
.doctor-item1:after{ position: absolute; content: ""; background: #05c8b7; width: 100%;
	height: 100%; left: 0; bottom: 0;top: 0;right: 0; margin: auto; border-radius: 0.25rem;
	transform-origin: right center; transition: transform 0.4s; transform: scaleX(0)}
.doctor-item1:hover:after{transform: scaleX(1);transform-origin: left center;}
.doctor-item1:hover a span{ color: #fff}

.tujian-container{ border-top: 1px solid #ededed}
@media(max-width: 1499.98px){
	.doctor-four{ width: 80%}

}
@media(max-width: 991.98px){
	.doctor-item1{  width: 48%;}
	.doctor-four{ width: 100%}
	.doctor-four-item{ width: calc(100%/2);}
	.doctor-four-item span{ display: block; width: 40px; height: 40px; border: 1px solid #018d81; border-radius: 100%; transition: all 0.5s}
	.doctor-four-item i svg{ width: 25px; height: 25px; fill: #018d81}

}
/*绉戝椤甸潰*/
.floor_title_font{}
.floor_title_font i svg{ width:30px; height: 30px; fill: #018d81; }
.floor_title_font span:nth-of-type(1){ font-size: 32px; color: #333; font-weight: bold}
.floor_title_font span:nth-of-type(2){ font-size: 16px; color: #999;}
.keshi-font2 i svg{ width: 24px; height: 24px; fill: #ccc9c9;}
.keshi_content .keshi-item .keshi-font2{ border-bottom: 1px solid #ededed}

.keshi_content .keshi-item .keshi-font2 div span{ font-size: 22px; color: #333333; font-weight: bold}
.keshi_content .keshi-desc{ color: #999; font-size: 16px}
11223h3
	 .keshi-floor:nth-of-type(2n){background: #fff;}
.keshi-floor:nth-of-type(2n+1){background: #fafafa;}
.keshi-floor:nth-of-type(2n) .keshi_content .keshi-item{ width:24%; background: #fafafa; border: 1px solid #ebebeb; transition: all 0.5s}
.keshi-floor:nth-of-type(2n+1) .keshi_content .keshi-item{ width:24%; background: #fff; border: 1px solid #ebebeb; transition: all 0.5s}

.keshi-floor .keshi_content .keshi-item:hover{  border: 1px solid #018d81;background: #018d81; box-shadow: 0 0 15px rgba(0,0,0,0.25)}
.keshi_content .keshi-item:hover .keshi-font2{ border-bottom: 1px solid #fff}
.keshi_content .keshi-item:hover  .keshi-font2 div span{  color: #fff; }
.keshi_content .keshi-item:hover .keshi-font2 i svg{ width: 24px; height: 24px; fill: #fff;}
.keshi_content .keshi-item:hover .keshi-desc{ color: #fff;  }
.keshi_content .keshi-item:hover img{ filter: grayscale(100%) brightness(100);}


.ksinfo-title{ border-bottom: 1px solid #f0f0f0;}
.ksinfo-title div>span:nth-of-type(1){ font-weight: bold; font-size: 32px; color: #333;}
.ksinfo-title>div:nth-last-of-type(1) span{ background: #018d81; font-size: 16px; color: #fff;}
.ksinfo-img{ width: 45%;}
.ksinfo-img .kslist-name{ position: absolute; left: 0; top: 0; background: #018d81; border-radius: 0 0 0.5rem; color: #fff;
	font-size: 22px;}
.right-box-ks{ width: 55%; padding-left:3%; border:1px solid #018d81; border-left: none; border-radius: 0 2rem 2rem 0;}

.right-box-ks{ background: url("../img/sb_right_bj.jpg") no-repeat right bottom; background-size: cover;}
.right-box-ks span{ font-size: 16px; color: #fff;}
.ks-swiper{ width: 82%}
.ks-fw-item p{ font-size: 16px;}
.ks-ms-item p:nth-last-of-type(1){ font-size: 16px; color: #999999}
.ks-fw-item img{ transition: all 0.5s}
.ks-fw-item:hover img{ transform: rotate(45deg) scale(1.05);}
.ks-fw-item span{overflow: hidden;}

.ks-fanwei{}
.ks-fw-title{ background: #018d81; border-radius: 0.5rem}
.ks-fw-title>div{ border: 1px solid #4eafa7;}
.ks-fw-title>div i svg{ width: 40px; height:40px; fill: #fff}
.ks-time-address{ width: 75%}
.ks-time-address .ks-ms-item{ width: 50%;}
.ks-ms-item:nth-last-of-type(1){ border-left:1px solid #dadada;}
.ks-ms-item p{ margin-bottom: 0}
.ks-ms-item p i svg{ width: 25px; height: 25px; fill: #018d81}
.ks-ms-item p span{ font-size: 24px; color: #018d81}
.ks-btn{ background: #018d81; width: 20%; position:relative}
.ks-btn:after{ position: absolute; content: "";}
.ksinfo-content{ line-height: 2.5; font-size: 16px; color: #666;}


.ksinfo-js{ background: url("../img/js_bj.jpg") no-repeat center top; background-size: cover;}
.ksinfo-title-top p{ margin-bottom: 0}
.ksinfo-title-top p:nth-of-type(1){ font-size: 32px; color: #018d81; font-weight: bold}
.ksinfo-title-top p:nth-of-type(2){ font-size: 16px; color: #999999;  }

@media(max-width: 991.98px){
	.right-box-ks{ border:0px solid #018d81;  border-radius: 0 0rem 0rem 0;}

	.ksinfo-img,.right-box-ks{ width:100%;}
	.ks-btn{  width: 100%;  }
	.ks-time-address .ks-ms-item{ width: 100%;}
	.ks-ms-item:nth-last-of-type(1){ border-left:0px solid #dadada;}
	.keshi_content .keshi-item{ width:48%;}
	.floor_title_font span:nth-of-type(1){  font-size: 24px;}
	.floor_title_font span:nth-of-type(2){ display: none; }
	.keshi_content .keshi-item .keshi-font2 div span{ font-size: 18px;  }
}
/*鍏徃绠€浠嬫ā鍧�*/
.sub-ty-title{}
.company-culture-box{ background: url("../img/culture_bj2.jpg") no-repeat center top; background-size: cover;}
.sub-ty-title>p:nth-of-type(1){ line-height: 2}
.sub-ty-title>p>span:nth-of-type(1){font-weight: bold;font-size: 32px; color: #018d81}
.sub-ty-title>p>span:nth-of-type(2){ background: #2b9fb0; color: #fff}
.sub-ty-title>p>span:nth-of-type(2) a{ font-size: 16px; color: #fff}
.sub-ty-title>p>span:nth-of-type(3)  { font-size: 32px; color: #333333}
.huanjing-tags span{ background: #e5f3f2; font-size: 16px; color: #018d81}
.huanjing-desc{ font-size: 16px; color: #999999}
.huanjing-font svg{ width: 45px; height: 45px; fill: #fff; transform: rotate(270deg)}
.huanjing-font p{ font-size: 16px; color: #fff}
.huanjing-font{transform: scale(1.5);
	opacity: 0; position: absolute; z-index: 10; width: 95%; height: 95%; top: 0; bottom: 0;left: 0;right: 0; margin: auto; transition: all 0.5s;}
.sub-ty-title>p:nth-of-type(1){ margin-bottom: 0}
.sub-ty-title>p:nth-of-type(2){ font-size: 16px; color: #999999}
.huanjing-item{ width: 100%; overflow: hidden;}
.huanjing-item:before{ position: absolute; content: ""; background: rgba(1,141,129,0.5); width: 100%;
	height: 100%; left: 0; top: 0; bottom: 0;right: 0; z-index: 9;transform: scale(0); transform-origin: center center;
	transition: all 0.5s}

.huanjing-item:hover:before{ transform: scale(1); transform-origin: center center;}
.huanjing-item:hover .huanjing-font{ transform: scale(1); opacity: 1}
.huanjing-item:hover img { transform: scale(1)}
.huanjing-item img{ transform: scale(1.05); transition: all 0.5s;}
@media(max-width: 991.98px) {
	.sub-ty-title>p>span:nth-of-type(1){font-weight: bold;font-size:20px; color: #018d81}
	.sub-ty-title>p>span:nth-of-type(2){ background: #2b9fb0; color: #fff}
	.sub-ty-title>p>span:nth-of-type(2) a{ font-size: 16px; color: #fff}
	.sub-ty-title>p>span:nth-of-type(3)  { font-size: 20px; color: #333333}

}
/*璧勮川鑽ｈ獕*/
.company-honor{ background: url("../img/honor_bj.jpg") no-repeat center center fixed; background-size: cover;}

/*浼佷笟鏂囧寲*/
.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{ 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; top: 0; right: 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:5%; 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(0%) scale(1.25); opacity: 0; 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}
	.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}

/*浼佷笟鏂囧寲妯″潡*/
.culture-big-item{ border-radius: 1rem;
	overflow: hidden; position: relative}
.culture-big-item:before{ position: absolute; content: ""; top: 0;right: 0;bottom:0;left: 0; margin: auto; background:#0075c4; z-index: -1;transform: scale(0); transition: all 0.5s;border-radius: 1rem;}
.culture-big-item:hover:before{  transform: scale(1)}
.culture-big-item .culture-icon{}
.culture-big-item .culture-icon svg{ width: 70px; height: 70px; fill: #000000}
.culture-big-item .culture-font2{}
.culture-big-item .culture-font2 p:nth-of-type(1){ font-size: 24px; color: #131313;}
.culture-font2 .culture-desc{ border-top:1px dashed #ccc; font-size: 16px; color: #676767}

.culture-big-item:hover .culture-icon svg{ fill: #fff}
.culture-big-item:hover .culture-font2 p:nth-of-type(1){ color: #fff}
.culture-big-item:hover .culture-font2 .culture-desc{ color: #fff}

.culture-big-item:hover .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.culture-big-item:hover .culture-font2 .culture-icon svg{  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.culture-big-item:hover .culture-font2 p:nth-of-type(1){ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; }
.culture-big-item:hover .culture-font2 .culture-desc{ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }

.culture-jingshen{ background: url("../img/js.jpg") no-repeat center top fixed;}



.js-item{ position: relative;overflow: hidden;}
.js-item:before{ position: absolute; content: "";left:0;top: 0;bottom:0;right: 0; margin: auto; background: rgba(32,119,191,0.9); width: 100%; height: 100%; transform: scaleY(0) ; transition: transform 0.5s; transform-origin: bottom center}
.js-item:hover:before{ transform: scaleY(1);transform-origin: left center}
.js-item .js-font{ position: absolute; top: 0; bottom: 0;left: 0; right: 0; margin: auto; transition: all 0.5s;}
.js-item .js-font span{ color: #fff}
.js-item .js-font2{ transform: translateY(-100%); position: absolute; top: 0; bottom: 0;left: 0; right: 0; margin: auto}
.js-item:hover .js-font{ opacity: 0; transform: translateY(-10%) scale(1.05);}
.js-item:hover .js-font2{ opacity: 1; transform: translateY(0%) scale(1);}

.js-font2{}
.js-font2 p:nth-of-type(1){ font-size: 24px; color: #fff}
.js-font2 .js-desc{ font-size: 16px; color: #fff; line-height: 2; text-align: center}

.js-item:hover .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.js-item:hover .js-font2 p:nth-of-type(1){  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.js-item:hover .js-font2 .js-desc{ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; }




/*浜у搧璇︽儏妯″潡*/
.proinfo-shuiyin{ position: absolute;left: 0; top: 0; width: 100%}





/*鍙戝睍鍘嗙▼*/
.about-history{ background: url("../img/company_his.jpg") no-repeat center top fixed #124294; background-size: cover}
.history-img img{  box-shadow: 0 0 20px rgba(0,0,0,0.25);}
.history-font p:nth-of-type(1) span{ position: relative; font-family: numfont; font-size: 60px; font-weight: bold}
.history-font p:nth-of-type(1) span:after{ position:absolute; content: ""; border-bottom: 2px solid #fff; width: 50%; height: 2px; left: 0;
	bottom: -40%;}
.history-font  .hist-desc{ font-size: 16px; color: #fff; line-height: 2}
.hist-year-item{ position: relative}
.hist-year-item>span:nth-of-type(1){ line-height: 0.3; width: 100%; text-align: center; position: absolute; top: 0;left: 0;
	right: 0; margin: auto;  font-family: numfont; font-size: 24px; color: rgba(255,255,255,0.5);}

.hist-year-item>div:nth-of-type(1){ display: flex; align-items: center; justify-content: center; position:absolute; content: "";
	left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.hist-year-item>div:nth-of-type(1) i{   display: block; width:20px; height: 20px; border-radius: 100%;
	background-color: transparent; border:6px solid #fff; transition: all 0.5s}
.hist-year-item>div:nth-of-type(1)>span{ position: relative; display: block; border-radius: 100%; width: 34px; height: 34px;
	border: 1px dotted rgba(255,255,255,0); background-color: transparent;
}

.swiper-slide-thumb-active .hist-year-item{ transition: all 0.5s}


.hist-year-btn{ position: relative; width: 100%;}
.hist-year-btn:before{ position: absolute; content: ""; background: rgba(255,255,255,0.25); width: 100%; height: 1px;  left: 0;right: 0; top: 0; bottom:0; margin: auto;}

.swiper-slide-thumb-active .hist-year-item>span:nth-of-type(1){ font-family: Avian; font-size: 30px; color: #fff; font-weight: bold;}
.swiper-slide-thumb-active .hist-year-item>div:nth-of-type(1) i{  transform: scale(1.35)}
.swiper-slide-thumb-active .hist-year-item>div:nth-of-type(1)>span{	border: 1px dotted rgba(255,255,255,1);  transform: scale(1.05); opacity: 1}


.his-two{ position: absolute;   bottom: 14.5%; margin:  auto;width: 55px; height: 55px; background: rgba(255,255,255,1);
	border-radius: 100%; z-index: 999; transition: all 0.5s}
.his-two i svg{ width: 20px; height: 20px; fill: #0075c4}
.his-two.swiper-button-next2{ left: 0px;}
.his-two.swiper-button-prev2{ right: 0px;}
.his-two.swiper-button-disabled{ opacity: 0.9;background: #e2e2e2}
.his-two.swiper-button-disabled i svg{ fill: #999;}
@media(max-width: 1499.98px){

}
@media(max-width: 1299.98px){
	.his-two{   bottom: 15%; }
}
@media(max-width: 1099.98px){
	.his-two{   bottom: 18%; }
}
@media(max-width: 991.98px){
	.his-two{  width:35px; height: 35px; background: rgba(255,255,255,0.45);}
	.his-two i svg{ width: 15px; height: 15px; fill: #0075c4}
	.his-two.swiper-button-next2{ left: 0px;}
	.his-two.swiper-button-prev2{ right: 0px;}

	.history-font p:nth-of-type(1) span{ position: relative; font-family: numfont; font-size: 30px; font-weight: bold}
}

/*钁ｄ簨闀胯嚧杈�*/
.company-leader-box{ background: url("../img/about_leader.jpg") no-repeat center top; background-size: cover;}
.about-leader-content{ font-size: 16px; line-height: 2.2}

/*浼佷笟鏂囧寲*/
.culture-left-nav{ width: 100%;}
.culture-nav-item{ position: relative; width: 100%; height: 100%;}
.culture-nav-item .line{	position: relative;	width: 10%;	height: 100%;	transition: all 0.5s;	 }
.culture-nav-item .line:before{ position: absolute; content: ""; height: 1px;border-bottom: 1px dashed #dbdbdb;
	left: 0;bottom: 0; margin: auto; width: 100%;}
.culture-nav-item.active .line{ width: 15%}
.culture-nav-item i{   display: block; position: relative;
}
.culture-nav-item i:after{ position: absolute; content: "";border-left: 1px dashed #dbdbdb;
	width: 1px; height: 50%; left: 0px; right: 0; bottom: -25%; margin: auto;}
.culture-nav-item:nth-last-of-type(1) i:after{ display: none}
.culture-nav-item i svg{ width: 35px; height:35px; fill: #0075c4;}
.culture-nav-item>div{   display: block}
.culture-nav-item>div p:nth-of-type(1){ font-size: 18px; color: #333; margin-bottom: 0}
.culture-nav-item>div p:nth-of-type(2){ font-size: 14px; color: #999; }
.culture-nav-item.active>div p:nth-of-type(1){ color: #0075c4}
.culture-nav-item.active>div p:nth-of-type(2){color: #0075c4}
.culture-box{}
.culture-img{ width: 100%; padding-left: 15%}
.culture-box .culture-img-font{ position: absolute; content: "";left: 1%; bottom:8%; background: rgba(255,255,255,0.85);
	width:75%; box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.culture-desc{ color: #666; font-size: 16px; line-height: 2}
.culture-item-title{ font-size: 24px; color: #333; border-bottom: 1px dashed #dbdbdb }
.culture-item-title svg{ width: 45px; height: 45px; fill: #0075c4;}


@media(max-width: 1199.98px) {
	.culture-nav-item{ width: calc(100%/2)}
	.culture-nav-item i:after{  display: none;}
	.culture-box .culture-img-font{ position: absolute; content: "";left:0%; right: 0; margin: auto; bottom:8%; background: rgba(255,255,255,0.95);
		width:90%; box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
	.culture-img{ width: 100%; padding-left: 0%}
	.culture-box .embed-responsive-16by9:before{ padding-bottom: 26.66%}
	.culture-item-title{ font-size: 20px; color: #333; border-bottom: 1px dashed #dbdbdb }
	.culture-item-title svg{ width: 20px; height:20px; fill: #0075c4;}
	.culture-desc{ color: #666; font-size: 14px; line-height:1.5}
	.culture-nav-item>div p:nth-of-type(1){ font-size: 18px; color: #333; margin-bottom: 0}
	.culture-nav-item>div p:nth-of-type(2){ font-size: 16px; }


}
@media(max-width: 991.98px){
	.culture-nav-item>div p:nth-of-type(1){ font-size: 16px; color: #333; margin-bottom: 0}
	.culture-nav-item>div p:nth-of-type(2){ font-size: 12px; }
	.culture-nav-item .line{	position:inherit; display: none;	width: 0%;	height: 0%;	transition: all 0.5s;	 }
	.culture-nav-item .line:before{ position: inherit; content: ""; height: 1px;border-bottom: 1px dashed #dbdbdb;
		left: 0;bottom: 0; margin: auto; width: 0%;}
	.culture-nav-item.active .line{ width: 0%}

}

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


/*鍏徃绠€浠嬫ā鍧�*/

.company-box{ background-image: linear-gradient(to bottom,#f9fafc 5%,#fcfdff); position: relative;}
.company-box:after{ position: absolute; content: "";  background: url("../img/index_about_right_bj.png") no-repeat center bottom; width: 100%; height:150px; left: 0; right: 0; bottom: 0; margin: auto;}
.company-wrap{ position: relative; z-index: 9}
.company-wrap:before{ position: absolute; content: ""; width: 20%; height: 100%; border: 10px solid #edeef1;left: 0; right: 0; top:0; bottom: 0; margin: auto;}
.company-wrap p:nth-of-type(1){ font-size: 16px; color: #0075c4; }
.company-wrap p:nth-of-type(2){ font-size: 52px; color: #0075c4; text-transform: uppercase; font-weight: bold;background: #fafbfd; position: relative;}
.company-wrap p:nth-of-type(3){ font-size: 18px; color: #333333;background:#fafbfd;position: relative;}
.company-wrap div:nth-of-type(1){ position: relative; width: 70px; height: 70px; border-radius: 100%; background: #0075c4; font-size: 14px; border: 5px solid #f1cacc;}
.company-wrap div:nth-of-type(1):after{ position: absolute; content: ""; background:#0d3983;   width: 100%; height: 100%; border-radius: 50%; transform: scale(0); transition: all 0.5s;}
.company-wrap div:nth-of-type(1):hover:after{transform: scale(1);}
.company-wrap div:nth-of-type(1) a{ position: relative; z-index: 99}
.index-company-font>p:nth-of-type(1){ font-size: 32px; color: #0075c4;}

.index-company-font .company-desc{ font-size: 16px;color: #666; width: 75%}
.company-nav{ width: 65%}
.company-item:hover svg{ fill: #02276a}
@media(max-width: 1199.98px){
	.index-company-font .company-desc{ font-size: 16px;color: #666; width: 100%}
	.company-nav{ width: 100%}
	.company-box:after{ position: absolute;   width: 100%; height:0px; left: 0; right: 0; bottom: 0; margin: auto;}
	.company-wrap p:nth-of-type(2){ font-size: 30px; color: #0075c4; text-transform: uppercase; font-weight: bold;background: #fafbfd; position: relative;}
	.company-wrap:before{ position: inherit; display: none  }
	.index-company-font>p:nth-of-type(1) {
		font-size: 20px;
		color: #0075c4;
	}

}




/*浜у搧涓績*/
.index-title-all{}
.index-title-all>div:nth-of-type(1) span:nth-of-type(1){ position: relative; font-size: 30px; font-weight: bold; color: #333;}
.index-title-all>div:nth-of-type(1) span:nth-of-type(1):after{position: absolute; content: ""; background: #aeaeae; width: 1px;
	height: 70%; right: 0; top: 0; bottom: 0; margin: auto;}
.index-title-all>div:nth-of-type(1) span:nth-of-type(2){  font-size: 18px;   color: #0d3983; text-transform: uppercase;font-weight:bold;}
.index-title-all>div:nth-of-type(2){ font-size: 16px; color: #7b7b7b;}
.index-title-all>div:nth-of-type(2) i{ background: #0d3983;width: 20px; height: 20px; border-radius: 100%;}
.index-title-all>div:nth-of-type(2) i svg{ width: 12px; height:12px; fill: #fff;transition: all 0.5s  }
.index-title-all>div:nth-of-type(2) a{ color: #7b7b7b; font-size: 16px; transition: all 0.5s}
.index-title-all>div:nth-of-type(2):hover a i{ background: #018d81}
.index-title-all>div:nth-of-type(2):hover a{color: #018d81}
.index-title-all>div:nth-of-type(2):hover a i svg{ transform: rotate(90deg); }

.index-title-all2{}
.index-title-all2>div:nth-of-type(1) span:nth-of-type(1){ color: #0e4b99; font-weight: bold}
.index-title-all2>div:nth-of-type(1) span:nth-of-type(2){ color: #333;  font-size: 16px; text-transform: uppercase;}
@media(max-width: 991.98px){
	.index-title-all>div:nth-of-type(1) span:nth-of-type(1){   font-size: 20px; }
	.index-title-all>div:nth-of-type(1) span:nth-of-type(2){  display: none;}

	.index-title-all>div:nth-of-type(1) span:nth-of-type(1):after{position: absolute; content: ""; background: #aeaeae; width: 0px; display: none;

	}
}

.company-name{  font-size: 36px; color: #333; position: relative;}
.company-name b{ color: #c02140;}
.company-name span{ position:relative; z-index: 99;}
.company-name:after{ position: absolute; content:attr(data-title);left: 0; top: -30%; bottom:-30%; right: 0;
	margin: auto;	text-transform: uppercase; font-size: 64px; color: #c0c0c0; display: block; font-family: numfont;
	opacity: 0.1;
}
.company-content{ font-size: 16px; color: #666; line-height: 2}
@media(max-width: 1199.98px){
	.company-name{  font-size: 22px; color: #333; position: relative;}
	.company-name:after{ position: absolute; content:attr(data-title);left: 0; top: -30%; bottom:-30%; right: 0;
		margin: auto;	text-transform: uppercase; font-size: 38px; color: #c0c0c0; display: block; font-family: Impact;
		opacity: 0.1;
	}

}

.index-product-nav{  border-top:1px solid #dededf; border-left:1px solid #dededf; }
.pro-listname-item.active{background: #0d3983; color: #fff;}
.pro-listname-item.active a span,.pro-listname-item:hover a span{ color: #fff}
.pro-listname-item.active  i:before, .pro-listname-item.active
i:after{ background: #fff; transform: rotate(360deg)}
.pro-listname-item:hover{ background: #0d3983}
.pro-listname-item..active,.pro-listname-item:hover {border-right:1px solid #fff; }



.pro-listname-item:hover  i:after,.pro-listname-item:hover  i:before{ background: #fff; transition: all 0.5}
.pro-listname-item{ background: #f6f6f6; color: #191b20;  border-bottom:1px solid #dededf;border-right:1px solid #dededf; transition: all 0.5s}
.pro-listname-item a span{ color: #191b20;transition: all 0.5;font-weight:bold}
.pro-listname-item i{ width: 16px; height: 16px; display: block; position: relative;transition: all 0.5}
.pro-listname-item i:before{ position: absolute; content: "";display: block; width: 1px; height: 16px;top: 0;bottom: 0;left: 0; right: 0; margin: auto; background: #191b20;transition: all 0.9; }
.pro-listname-item i:after{ position: absolute; content: "";display: block; width: 16px; height: 1px;top: 0;bottom: 0;left: 0; right: 0; margin: auto; background: #191b20; transition: all 0.9; }

.pro-listname-item a{ font-size: 18px; color: #191b20; color: #fff}

.pro-sy{position: relative}
.pro-sy:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0; top: 0;
	background: url("../img/sy1.png") no-repeat left top;background-size: 100%;

}
.pro-big-box-item{ overflow: hidden;}
.pro-big-box-item .pro-img{ background: #f6f6f6}
.pro-big-box-item img{ transition: all 0.5s}
.pro-font-one{  transition: all 0.5s;transform: translateY(0%); }
.pro-font-one div:nth-of-type(1),.pro-font-2 div:nth-of-type(1){ font-size: 22px; color: #333}
.pro-font-one div:nth-of-type(2),.pro-font-2 div:nth-of-type(2){ font-size: 16px; color: #999}
.pro-font-one div:nth-of-type(3),.pro-font-2 div:nth-of-type(3){ font-size: 16px; color: rgba(255,255,255,0.5)}
.pro-big-box-item:hover img{  transform: scale(1.05)}

.pro-font-2{ position: absolute; bottom: 0; transform: scale(1.15) translateY(0%); transition: all 0.5s;  opacity: 0;padding: 10% 4% 10%; width: 100%;}
.pro-big-box-item:hover .pro-font-2{  transform: translateY(0%); opacity:1;transform: scale(1); background: #0d3983; }
.pro-big-box-item:hover .pro-font-2 div:nth-of-type(1){color: #fff}
.pro-big-box-item:hover .pro-font-2 div:nth-of-type(2){color: #fff}
.pro-big-box-item:hover .pro-font-2 div:nth-of-type(3){color: rgba(255,255,255,0.5); transition: all 0.5s}
.pro-font-2 div:nth-of-type(3):hover{ transform: translateX(2%);color: rgba(255,255,255,0.7);}
.pro-big-box-item:hover .pro-font-one{ transform: scale(0.95); opacity: 0;}
@media(max-width: 991.98px){
	.pro-font-one div:nth-of-type(1),.pro-font-2 div:nth-of-type(1){ font-size: 16px; color: #333}
	.pro-font-one div:nth-of-type(2),.pro-font-2 div:nth-of-type(2){ font-size: 14px; color: #999}
	.pro-font-one div:nth-of-type(3),.pro-font-2 div:nth-of-type(3){ font-size: 14px; color: rgba(255,255,255,0.5)}
	.pro-listname-item i{ width: 10px; height: 10px; display: block; position: relative;transition: all 0.5}
	.pro-listname-item a{ font-size: 16px}
	.pro-listname-item i:before{ position: absolute; content: "";display: block; width: 1px; height: 10px;top: 0;bottom: 0;left: 0; right: 0; margin: auto; background: #191b20;transition: all 0.9; }
	.pro-listname-item i:after{ position: absolute; content: "";display: block; width: 10px; height: 1px;top: 0;bottom: 0;left: 0; right: 0; margin: auto; background: #191b20; transition: all 0.9; }

}
/*浼樺娍*/
.youshi-item{}
.youshi-item span{ background: #0d3983; width: 110px; height: 110px;  border-radius: 100%; transition: all 0.5s; position: relative;	overflow: hidden;}
.youshi-item span:after{ position: absolute; content: ""; width: 100%; height: 100%;background: #018d81; transform: scale(0);
	transition: all 0.5s; border-radius: 50%; opacity: 0}
.youshi-item:hover span:after{ transform: scale(1);opacity: 1}
.youshi-item span i{ position: relative; z-index: 2}
.youshi-item span i svg{ width: 50px; height: 50px; fill: #fff }
.ys-title-font div:nth-of-type(1){ font-size: 22px; color: #333333}
.ys-title-font  i svg{ height: 10px; fill: #878787}

.ys-title-font .ys-desc{ font-size: 16px; color: #666;}
.youshi-box .youshi-item:nth-of-type(2){ position: relative}
.youshi-box .youshi-item:nth-of-type(2):before{ position: absolute; content: ""; background: url("../img/ys_dot.png") no-repeat center top; width: 85px; height: 12px; left: -15%; top: 25%;}
.youshi-box .youshi-item:nth-of-type(2):after{ position: absolute; content: ""; background: url("../img/ys_dot.png") no-repeat center top; width: 85px; height: 12px; right: -15%; top: 25%;}

.youshi-item:hover .ys-title-font div:nth-of-type(1){ color: #018d81}
.youshi-item:hover .ys-title-font i svg{ fill: #018d81}



@media(min-width: 991.98px){
	.youshi-box .youshi-item{  width: 30%}
}
@media(max-width: 991.98px){
	.youshi-box .youshi-item{ width: calc(100% / 1)}
	.youshi-box .youshi-item:nth-of-type(2):before{ position: absolute; content: ""; display:none; }
	.youshi-box .youshi-item:nth-of-type(2):after{ position: absolute; content: "";  display:none; }
	.ys-title-font div:nth-of-type(1){ font-size: 18px; color: #333333}
	.youshi-item span i svg{ width: 40px; height: 40px; fill: #fff }
	.youshi-item span{ background: #0d3983; width: 80px; height: 80px;  border-radius: 100%; transition: all 0.5s; position: relative;	overflow: hidden;}

}


/*鍏徃绠€浠嬫ā鍧�*/
.about-font-k>div:nth-of-type(1){ position: relative;background: rgba(192,34,64,1); width: 100%; height: 100%;}

.about-img-box-all .about-font-k{ top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 30%; height: 30%;
	border: 10px rgba(192,34,64,0.8) solid;}
.about-img-box-all .about-font-k>div span svg{ width: 60px; height:60px; fill: #fff; line-height: 2}
.about-img-box-all .about-font-k>div>div{ position: relative; width: 100%; height: 100%; font-weight: bold}
.about-img-box-all .about-font-k>div>div:after{ position:absolute; content: attr(data-title); left: 0; top: 0; bottom: 0; right: 0;
	margin: auto; color: rgba(255,255,255,0.15); z-index: 8; font-size: 56px; text-transform: uppercase; text-align: center;}
.about-img-box-all .about-font-k>div>div>div:nth-last-of-type(1){ font-size: 62px; color: #fff; font-weight: bold; line-height: 1}
.about-img-box-all .about-font-k>div>div>p:nth-last-of-type(1){ font-size: 18px; color: #fff; font-weight: 400}
@media(max-width: 1299.98px){
	.about-img-box-all .about-font-k{ top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 45%; height:45%;
		border: 10px rgba(192,34,64,0.8) solid;}
	.about-img-box-all .about-font-k>div>div:after{ position:absolute; content: attr(data-title); left: 0;right: 0;  top: 30%; margin: auto;
		color: rgba(255,255,255,0.15); z-index: 8; font-size: 56px; text-transform: uppercase; text-align: center;}

}
@media(max-width: 991.98px){
	.about-img-box-all .about-font-k{ top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40%; height:40%;
		border: 10px rgba(192,34,64,0.8) solid;}
	.about-img-box-all .about-font-k>div span svg{ width: 45px; height:45px; fill: #fff; line-height: 2}
	.about-img-box-all .about-font-k>div>div:after{ position:absolute; content: attr(data-title); left: 0;  top: 20%; right: 0;font-size: 36px; line-height: 2;   }
	.about-img-box-all .about-font-k>div>div>div:nth-last-of-type(1){ font-size: 32px; color: #fff; font-weight: bold; line-height: 1}
	.about-img-box-all .about-font-k>div>div>p:nth-last-of-type(1){ font-size: 16px; color: #fff; font-weight: 400}

}

/*浜у搧绫诲埆*/
.index_pro_list{ width: 100%; justify-content: space-between; display: flex; margin-left: 0; margin-right: 0; }
.index_pro_list .pro_slider{ flex: 1; overflow: hidden;  }
.index_pro_list .pro_slider span:nth-of-type(1){ width: 384px; height: 420px;}
.index_pro_list .pro_slider span:nth-of-type(1) img{ transition: all 0.5s; width: 100%; height: 100%; opacity: 0.2;
	transition: all 0.5s }
.index_pro_list .pro_slider .pro_font1{ position: absolute; top: 0; left: 0; width: 100%; padding:40px;
	box-sizing: border-box; transition: all 0.5s}

.pro-box-double a>div{ display: block; border-radius:0.5rem;  }
.pro-box-double a>p{ font-size: 16px; transition: all 0.5s; color: #333333;}
.pro-box-double a>p i{ transition: all 0.5s}
.pro-box-double a:hover>p  {  font-size: 16px;}

.img-all img,.pro-shuiyin img{ transition: all  0.5s}
.pro-shuiyin{ position: absolute; bottom: 0; left:0; width: 100%; overflow: hidden;}


/*鏈嶅姟娴佺▼*/
.index-liucheng{ background: url("../img/index_liucheng.jpg") no-repeat center center fixed; background-size: cover}
.index-lc-title{}
.index-lc-title p:nth-of-type(1){ font-size: 46px; color: #333}
.index-lc-title p:nth-of-type(2){ font-size: 16px; text-transform: uppercase; color: #666}
.about-leader-content{ color: #666}
.liucheng-box{}
.liucheng-box .process-item{ position: relative; width: calc(100% / 8); font-size: 16px;  color: #fff;}
.liucheng-box .process-item .item-icon{width: 60px; height: 60px; margin: 0 auto; border-radius: 50%;   margin-bottom: 10px; }
.liucheng-box .process-item .item-icon span{ align-items: center;}

.liucheng-box .process-item:hover .item-icon{ background: #0075c4}
.liucheng-box .process-item:not(:last-child)::after { content: ''; display: block; width: 18px; height:16px; background: url("../img/icon-jt.png") center no-repeat; position: absolute; margin: auto; top: 0px; bottom: 0; right: -4.5px; }

.liucheng-two-btn{ width: 50%;}
.liucheng-two-btn>div{  width: 48%; transition: all 0.5s }
.liucheng-two-btn>div:nth-of-type(1){ position: relative;  font-size: 18px; color: #fff;border:1px #0075c4 solid; background:#0075c4; transition: transform  0.5s }
.liucheng-two-btn>div:nth-of-type(1):hover{border:1px #8f0101 solid; }
.liucheng-two-btn>div:nth-of-type(2){ position: relative; background:none; font-size: 18px; color: #fff;border:1px #fff solid;transition: transform  0.5s; }
.liucheng-two-btn>div:nth-of-type(2):hover{border:1px #8f0101 solid; }
.liucheng-two-btn>div:nth-of-type(1):after{ position:absolute; content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;

	background: #8f0101;
	transition: transform 0.5s;
}
.liucheng-two-btn>div:nth-of-type(1) span{ position: relative; z-index: 1}
.liucheng-two-btn>div:nth-of-type(1):hover:after{
	transform-origin: left center; transform: scaleX(1);
}


.liucheng-two-btn>div:nth-of-type(2):after{ position:absolute; content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: right center;

	background: #8f0101;
	transition: transform 0.5s;
}
.liucheng-two-btn>div:nth-of-type(2) span{ position: relative; z-index: 1}
.liucheng-two-btn>div:nth-of-type(2):hover:after{	transform-origin: left center; transform: scaleX(1); }

@media (max-width: 1199.98px) {

	.liucheng-two-btn{ width: 100%;}
}
@media (min-width: 1680px) {
	.liucheng-box .process-item:not(:last-child)::after { right: -20.5px; } }
.liucheng-box .process-item:hover .item-icon { background: #0075c4 }
.liucheng-box .process-item:hover .item-icon img { filter: grayscale(100%) brightness(100); -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; }
@media (max-width: 991.98px) {
	.index-lc-title p:nth-of-type(1){ font-size: 24px;  }
	.index-lc-title p:nth-of-type(2){ font-size: 14px; text-transform: uppercase; }

	.liucheng-box .process-item{ position: relative; width: calc(100% / 4); font-size: 13px; margin-bottom: 10px;}
	.liucheng-box .process-item .item-icon{width: 30px; height: 30px; margin-bottom: 5px}
	.liucheng-box .process-item .item-icon img{ width: 20px;}
	.liucheng-box .process-item p{ margin-bottom: 0}
	.liucheng-box .process-item:not(:last-child)::after { top: 30px; }
	.liucheng-box .process-item:nth-child(4n)::after { display: none; }
	.liucheng-two-btn{ width: 100%;}
	.liucheng-two-btn>div{  width: 100% }
}


/*棣栭〉鏂伴椈妯″潡*/
.news-two-box{ height: 100%;}
.news-two-box .news-img{ height: 100%}
.news-two-box .news-img img{ transition: all 0.5s}

.news-font-box-bottom{ border: 1px solid #e5e5e5; position: relative}
.news-font-box-bottom:after{ position: absolute; content: ""; background: url("../img/news_logo.png") no-repeat center center; width: 83px; height: 83px;right: 10px; bottom: 5px;  transition: all 0.5s}
.news-font-box-bottom>div:nth-of-type(1){ border-bottom: 1px dashed #ebebeb;}
.news-font-box-bottom>div:nth-of-type(1)>span:nth-of-type(1){ font-size: 18px; color: #333}
.news-font-box-bottom>div:nth-of-type(1)>span:nth-of-type(2){ font-size: 14px; color: #999}
.news-font-box-bottom>div:nth-of-type(2){ font-size: 14px; color: #999; line-height: 2;}

.news-font-box-bottom>div:nth-of-type(3){
	width: 140px; height: 40px; background: #0075c4; font-size: 14px; color: #fff; transition: all 0.5s; position: relative;
}
.news-two-box:hover .news-img img{ transform: scale(1.05);}
.news-two-box:hover .news-font-box-bottom:after{right: 20px;  }
.news-two-box:hover .news-font-box-bottom>div:nth-of-type(3){  width: 160px; }

.news-font-box-bottom>div:nth-of-type(3):after{ position:absolute; content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: right center;

	background: #8f0101;
	transition: transform 0.5s;
}
.news-font-box-bottom>div:nth-of-type(3) span{ position: relative; z-index: 1}
.news-font-box-bottom:hover>div:nth-of-type(3):after{	transform-origin: left center; transform: scaleX(1); }

.news_li{ border-bottom: 1px #e2e2e2 dashed; transition: all 0.5s}
.news_mess{ width: 75%; padding-right: 3%; position: relative}
.news_mess:after{ position: absolute;content: ""; width: 1px; height: 80%; background: #e1e1e1; top: 0; bottom: 0; right: 0; margin: auto;}
.news_mess p:nth-of-type(1){ font-size: 18px; color: #333;}
.news_mess>div:nth-of-type(1){ font-size: 14px; color: #999999;}
.news-time{ width: 25%}
.news-time span:nth-of-type(1){ font-size: 50px; color: #666; line-height: 1}
.news-time span:nth-of-type(2){ font-size:16px; color: #666;}

.news_li:hover{ background: #f3f3f3;}
.news_li:hover .news-time span:nth-of-type(1){  color: #0075c4;}
@media(max-width: 1300px)and (min-width: 1200px){
	.news-font-box-bottom>div:nth-of-type(1)>span:nth-of-type(1){ font-size: 16px; color: #333}
	.news-font-box-bottom>div:nth-of-type(1)>span:nth-of-type(2){ font-size: 12px; color: #999}

}
@media(max-width: 991.98px){
	.news-time span:nth-of-type(1){ font-size: 24px; color: #666; line-height: 1}
	.news-time span:nth-of-type(2){ font-size:16px; color: #666;}
}
/*鍏充簬鎴戜滑*/
.about-ys-item{ flex: 0 0 auto; width: 25%;  position: relative}
.about-ys-item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px; height: 30%; background: #cacaca; right: 0; top: 0; bottom: 0; margin: auto}
.about-ys-item i{ background: url("../img/about_dot.png") no-repeat center center;}
.about-ys-item i svg{ width:40px; height: 40px; fill: #fff}
.a-ys-font p:nth-of-type(1){ font-size: 18px; color: #282828}
.a-ys-font p:nth-of-type(2){ font-size: 14px; color: #666666}
.ab-font{ font-size: 14px; color: #666; line-height: 3;}
@media(max-width: 991.98px){
	.about-ys-item{ flex: 0 0 auto; width: 50%}
	.a-ys-font p:nth-of-type(1){ font-size: 16px; color: #282828}
	.a-ys-font p:nth-of-type(2){ font-size: 14px; color: #666666}
	.about-ys-item i svg{ width:30px; height: 30px; fill: #fff}
	.about-ys-item:after{ position: absolute; content: ""; width: 0px; height: 0%; background: #cacaca; right: 0; top: 0; bottom: 0; margin: auto}
	.about-ys-item:nth-of-type(2n):after{ position: absolute; content: ""; width: 0px; height: 0%; background: #cacaca; right: 0; top: 0; bottom: 0; margin: auto}
}

.culture-item{  border-radius: 0.5rem; overflow: hidden; height: auto; transition: all 0.5s ;   }

.culture-item .culture-font{  transition: all 0.5s ;background: #f5f5f5;height: 140%;transform: translateY(0%);}
.culture-item .culture-font p i svg{ fill: #e80113; width: 45px; height: 45px;}
.culture-item .culture-font p{ font-weight: bold;}
.culture-item .culture-font div:nth-of-type(1){ font-size: 14px; opacity: 0 }
.culture-item:hover .culture-font{ transform: translateY(-20%); background: #e80113;  }
.culture-item:hover{background: #e80113;transition: all 0.5s ;}
.culture-item:hover .culture-font p i svg{ fill: #fff}
.culture-item:hover .culture-font div:nth-of-type(1){ opacity: 1; color: #fff}
.culture-item:hover .culture-font p{  color: #fff}

@media(max-width: 991.98px){

}









.index-pro-list{ background: #404040}
.index_pro_list .pro_slider .pro_font1 p:nth-child(1){ font-size: 22px; color: #282828; }
.index_pro_list .pro_slider .pro_font1 p:nth-child(2){ color: #666666; font-size: 15px; }
.index_pro_list .pro_slider .pro_font1 span{ position: relative; text-align: center; display: block; width:38px; height: 38px;
	border-radius: 100%; background: #f3f3ef; color: #0e0e0e; vertical-align: middle; }
.index_pro_list .pro_slider .pro_font1 span i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }
.index_pro_list .pro_slider .pro_font1 p:nth-last-of-type(1){ padding-top:10%; }
.index_pro_list .pro_slider:nth-of-type(2) .pro_font1  p:nth-last-of-type(1){ padding-top:10%; }
.index_pro_list .pro_slider:nth-of-type(3) .pro_font1  p:nth-last-of-type(1){ padding-top:15%;padding-left: 25px; }
.index_pro_list .pro_slider:nth-of-type(4) .pro_font1  p:nth-last-of-type(1){ padding-top:10%;padding-left: 30px; }





.index_pro_list .pro_slider .pro_font2{ position: absolute; top: 420px; left: 0; width: 100%; padding:40px;height: 422px;
	box-sizing: border-box; transition: all 0.5s}
.index_pro_list .pro_slider:hover .pro_font1{ top: -422px; }
.index_pro_list .pro_slider:hover span img{ transform: scale(1.2);  }
.index_pro_list .pro_slider:hover .pro_font2{ top: 0; background:rgba(0,0,0,0.9); opacity:0.9}
.index_pro_list .pro_slider:hover .pro_font2 p:nth-child(1){ font-size: 22px; color: #fff; }
.index_pro_list .pro_slider:hover  .pro_font2 p:nth-child(2){ color: #fff; font-size: 15px;  }
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1){ position: relative; text-align: center; display: block; width:38px; height: 38px;
	border-radius: 100%; background: #e80113; color: #fff; vertical-align: middle; opacity: 1}
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1) i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }

.pro_font2>a:nth-last-of-type(1){ display: block; background: #e80113; color: #fff!important; width: 125px;
	height: 40px; line-height: 40px;text-align: center; font-size: 15px; margin-top: 20px; transition: all 0.5s}
.pro_font2>a:nth-last-of-type(1):hover{ color: #fff; width: 135px;   }
.index_pro_list .pro_slider:hover div a{  color: #fff; font-size: 15px; transition: all 0.5s }
.index_pro_list .pro_slider:hover div:nth-of-type(1){ margin-top: 10px; }
.index_pro_list .pro_slider:hover div{line-height: 25px; }
.index_pro_list .pro_slider:hover div a:hover{ color: #e80113 }



.news_detail{ background: #f3f3f3; padding: 30px 0; text-align: center; }

@media(max-width:768px) {
	.index_pro_list {flex-flow:row wrap;}
	.index_pro_list .pro_slider{  flex-basis:50%; }

	.index_pro_list .pro_slider:nth-last-of-type(1){ flex-basis:100%;}

	.index_pro_list .pro_slider .pro_font1 p:nth-child(1){ font-size:16px; color: #282828; }
	.index_pro_list .pro_slider .pro_font1 p:nth-child(2) { color: #666666;  font-size: 12px;}



	.index_pro_list .pro_slider .pro_font1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding:30px 20px 0;

		box-sizing: border-box;
		transition: all 0.5s;
	}
	.index_pro_list .pro_slider:hover .pro_font1{ top: 0px; }

	.index_pro_list .pro_slider:not(:nth-last-of-type(1)) .pro_font1 p:nth-last-of-type(1) {
		display: none;
	}

}
/*闈㈠寘灞�*/
.index-address-current{ color: #797979}
.index-address-current span svg{width:30px; height:30px;   }
.index-address-current>div{ font-size:16px;}
.index-address-current a{ color: #797979}
@media(max-width:991.98px){
	.index-address-current>div{ font-size:14px;}
	.index-address-current  span svg{width: 20px; height:20px;  }
}

/*鏂板搧鎺ㄨ崘*/

.index_title p:nth-of-type(1){ font-size: 36px; color: #222222;  position: relative; z-index: 9}

.index_title p:nth-of-type(1):after{ position: absolute;content: attr(data-title); color: #f9f9f9;
	font-size: 72px; font-family: Impact;display: block;left: 0; right: 0; top: -50%; bottom: -50%; margin: auto;
	text-transform: uppercase; z-index: -9}

.index_title p.title2:nth-of-type(1):after{ position: absolute;content: attr(data-title); color: #eef0f2;
	font-size: 72px; font-family: Impact;display: block;left: 0; right: 0; top: -50%; bottom: -50%; margin: auto;
	text-transform: uppercase; z-index: -9}



.index_title>p:nth-of-type(2){ font-size: 18px;color:#000; text-transform: uppercase; position:relative;}
.index_title>p:nth-of-type(2) span{ position: relative; letter-spacing: 0.25rem}
.index_title>p:nth-of-type(2) span:before{ position: absolute; content: "";width: 0; height: 0;
	border: 7px solid transparent;  border-top-color: #000000;left: -12%; top: 20%; bottom: 0; margin: auto;
}
.index_title>p:nth-of-type(2) span:after{ position: absolute; content: "";width: 0; height: 0;
	border: 7px solid transparent;  border-top-color: #000000;right: -12%; top: 20%; bottom: 0; margin: auto;
}

@media(max-width: 991.98px){
	.index_title p:nth-of-type(1):after{ position: absolute;content: attr(data-title); color: #f9f9f9;
		font-size:32px; font-family: Impact;display: block;left: 0; right: 0; top: -50%; bottom: -50%; margin: auto;
		text-transform: uppercase; z-index: -9}


	.index_title p.title2:nth-of-type(1):after{ position: absolute;content: attr(data-title); color: #eef0f2;
		font-size: 32px; font-family: Impact;display: block;left: 0; right: 0; top: -50%; bottom: -50%; margin: auto;
		text-transform: uppercase; z-index: -9}

}


.index_title.white-font p:nth-of-type(1){ font-size: 28px; color: #fff}
.index_title.white-font p:nth-of-type(1) b{color:#fff;}
.index_title.white-font p:nth-of-type(2){ font-size: 16px;color: rgba(255,255,255,0.5); text-transform: uppercase; position:relative;}
.index_title.white-font i{ position: relative; width:45px; display: block; margin: 0 auto; }
.index_title.white-font i:after{ position: absolute; content: "";left: 0; bottom: -60%;  margin:auto;
	background: #fff; width: 75%; height: 4px; border-radius: 0.2rem }
.index_title.white-font i:before{ position: absolute; content: "";right: 0; bottom: -60%; right: 0; margin:auto;
	background: #fff; width: 18%; height: 4px; border-radius: 0.2rem }


/*浼樺娍鍐呭*/
.total-ys-item{  overflow: hidden; position: relative}
.total-ys-item:after{ position: absolute; content: "";  background: #eef0f2; width: 1px; height: 100%; right: 0; top: 0; bottom: 0; margin: auto;}
#all-YS .total-ys-item.one:nth-of-type(1):before{ position: absolute; content: "";  background: #eef0f2; width: 1px; height: 100%; left: 0; top: 0; bottom: 0; margin: auto;}

.total-ys-item>div:nth-of-type(1){ transition: all 0.5s}
.total-ys-item>div:nth-of-type(1) i{ position: relative}
.total-ys-item>div:nth-of-type(1) i:after{ position: absolute; content: ""; width: 50px; height: 50px; border-radius:
		100%; background: #f4f6f8;left: 0; top: 0; z-index: -1}
.total-ys-item>div:nth-of-type(1) i svg{ margin-left:2%; position: relative;   fill: #018d81}
.total-ys-item .total-font{ transition: all 0.5s}
.total-ys-item .total-font>p:nth-of-type(1){ font-size: 24px; color: #333;}
.total-ys-item .total-font>i{ width: 28px; background: #018d81; height: 2px; display: block; transition: all 0.5s}
.total-ys-item .total-font>div:nth-of-type(1){ font-size: 16px; color: #596067}
.total-ys-item>div:nth-of-type(3){ transform: translateY(100px); transition: all 0.5s;  height: 20px;opacity: 0}
.total-ys-item>div:nth-of-type(3) a{ font-weight: bold; color: #ca1323; font-size: 16px;}
.total-ys-item:hover>div:nth-of-type(1){transform: translateY(-100px);}
.total-ys-item:hover .total-font{transform: translateY(-60px);}
.total-ys-item:hover>div:nth-of-type(3){ transform: translateY(-30px); height: 20px; opacity: 1}
.total-ys-item:hover .total-font>i{ width: 48px;}
.ys-btn{ width: 430px; height: 60px; background: #ca1323; border-radius: 2rem; color: #fff; font-size: 16px;
}
.ys-btn span:nth-of-type(2){  font-size:32px; font-family: Bahnschrift; font-weight: 100;}
@media(max-width: 991.98px){
	.total-ys-item .total-font>p:nth-of-type(1){ font-size: 18px; color: #333;}
	.total-ys-item .total-font>div:nth-of-type(1){ font-size: 14px; color: #596067}
	.ys-btn{ width:90%; height: 60px; background: #ca1323; border-radius: 2rem; color: #fff; font-size: 16px;}
	.ys-btn span:nth-of-type(2){  font-size:18px; font-family: Bahnschrift; font-weight: 100;}
}

/*鍏徃绠€浠�*/
.about-box-all{}
.about-box-all .about-left-img,.about-box-all .about-mess-box{ width: 50%}

.about-mess-box{}
.about-mess-box>p:nth-of-type(1){ font-size: 26px; color: #333;}
.about-mess-box>p:nth-of-type(2){ font-size: 14px; color: #c0c0c0; text-transform: uppercase}
.about-mess-font{ font-size: 16px; color: #666; line-height: 2;}
.index-about-btn a{ display: inline-block; position: relative;
	overflow: hidden; padding: 2% 10%; border-radius: 25px; border: 1px solid #ccc;}
.index-about-btn a{ font-size: 14px; color: #a9a9a9; text-transform: uppercase;}
.index-about-btn a span{ position: relative; z-index: 9}
.index-about-btn a:after{ position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;
	margin: auto; background: #018d81;  transition: transform 0.5s; border-radius:2REM;
	transform-origin: right center;transform: scaleX(0);
}

.index-about-btn:hover a:after{ transform: scaleX(1); transform-origin: left center; }
.index-about-btn:hover a span{ color: #fff}




.index-about-btn2 a{ display: inline-block; position: relative;
	overflow: hidden; padding: 2% 10%; border-radius: 25px; border: 1px solid #0e4b99; background: #0e4b99;font-size: 14px; color: #a9a9a9; text-transform: uppercase;}
.index-about-btn2 a svg{ width: 20px; height: 20px; transform: rotate(90deg)}
.index-about-btn2 a i{ width: 20px; height: 20px;background: #c02140; border-radius: 100%; position: relative; z-index: 8;
	transform: translateX(0%); transition: all 0.4s}
.index-about-btn2 a span{ position: relative; z-index: 9; font-size: 16px; color: #fff}
.index-about-btn2 a:after{ position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;
	margin: auto; background: #018d81;  transition: transform 0.5s; border-radius:2REM;
	transform-origin: right center;transform: scaleX(0);
}
.index-about-btn2:hover a{ border: 1px solid #c02140; background: #c02140;}
.index-about-btn2:hover a i{ background: #0e4b99; transform: translateX(-20%)}

.index-about-btn2:hover a:after{ transform: scaleX(1); transform-origin: left center; }
.index-about-btn2:hover a span{ color: #fff; font-size: 16px;}



.about-all-four-box{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15)}
.about-four-item{ width: calc(100% / 4)}
.about-four-item>div:nth-of-type(1){}
.about-four-item>div:nth-of-type(1) span{ background: #018d81; position: relative; overflow: hidden;}
.about-four-item>div:nth-of-type(1) span:after{ position: absolute; content: "" ; width: 100%; height: 100%; transform: scale(0);	opacity: 0; transition: transform 0.5s; background: #0e4b99;left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 0.2rem; transform-origin: center center}
.about-four-item:hover>div:nth-of-type(1) span:after{   transform: scale(1);opacity:1;transform-origin: center center}
.about-four-item>div:nth-of-type(1) span i svg{ position: relative; z-index: 1; width: 40px; height: 40px; fill: #fff}

.about-four-item>div:nth-of-type(2) p:nth-of-type(1){ font-size: 42px;  color: #282828;transition: all 0.5s}
.about-four-item>div:nth-of-type(2) p:nth-of-type(2){ font-size: 16px;  color: #999; transition: all 0.5s}

.index-ad-bj{ background: url("../img/index-ad-bj.jpg") center 60px no-repeat  ;}
@media(max-width: 1199.98px){
	.about-box-all .about-left-img,.about-box-all .about-mess-box{ width: 100%}
	.about-four-item{ width: calc(100% / 2)}
}
@media(max-width: 991.98px){
	.about-four-item>div:nth-of-type(2) p:nth-of-type(1){ font-size:22px;  color: #282828; transition: all 0.5s}
	.about-four-item>div:nth-of-type(2) p:nth-of-type(2){ font-size: 14px;  color: #999;transition: all 0.5s}
	.about-four-item>div:nth-of-type(1) span i svg{  width: 30px; height: 30px; fill: #fff}
}

.index-about-ys{ background: url("../img/index-ad-bj.jpg") no-repeat center fixed; background-size: cover;}
.four-ys{}
.four-ys .four-item{ width: calc(100% / 4)}
.four-ys .four-item p:nth-of-type(1){ font-size: 50px; color: #fff; position: relative;transition: all 0.5s}
.four-ys .four-item p:nth-of-type(1):after{ position: absolute; content: ""; width: 10%; height:3px; background: #feb903;
	left: 0; right: 0; bottom: 0; margin:  auto; transition: all 0.5s;
}

.four-ys .four-item:hover p:nth-of-type(1):after{	 width: 15%;}
.four-ys .four-item:hover p:nth-of-type(1):after{ bottom:5%;
}
.four-ys .four-item:hover  p:nth-of-type(1){ transform: translateY(10px)}
.four-ys .four-item p:nth-of-type(2){ font-size: 16px; color: #fff;}
@media(max-width: 991.98px){
	.four-ys .four-item{ width: calc(100% / 2)}
	.four-ys .four-item p:nth-of-type(1){ font-size: 30px; color: #fff; position: relative}
}


/*浼佷笟鏂囧寲*/
.culture-four-item{ overflow: hidden; position: relative; background: #f8f8f8; width:24%;}
.culture-four-item:before{position: absolute; content: ""; background: #c02140; width: 100%; height: 100%; left: 0; top: 0;
	bottom: 0; right: 0; margin: auto; transform: scale(0); transition: all 0.5s; opacity: 0}
.culture-four-item:hover:before{ transform: scale(1);opacity:1}
.culture-four-item:after{ position: absolute; content: attr(data-title); font-family: Impact; color:#f3f3f3;
	bottom: -30%;left: 0; right: 0;  font-size: 150px; text-align: center;transition: all 0.5s; }
.culture-four-item>div:nth-of-type(1)>i{transition: all 0.5s; display: block; width: 60px; height: 60px;}
.culture-four-item>div:nth-of-type(1)>i svg{ position: relative; z-index: 2; width: 60px; height: 60px; fill: #c3002f; transition: all 0.5s }
.culture-four-item>div:nth-of-type(1)>span:nth-of-type(1) i{ position: relative; width: 5px; height: 5px; border-radius: 100%; background: rgba(203,76,101,0.7); left: 0; right: 0; top: 0; bottom: 0;margin: auto; display: block; position: relative}

.culture-four-item>div:nth-of-type(1)>span:nth-of-type(1) i:before{ position: absolute; content: "";width: 5px; height: 5px; border-radius: 100%;transition: all 0.5s;
	background: rgba(203,76,101,0.3); left:-10px;top: 0; bottom: 0;margin: auto; display: block;
}
.culture-four-item>div:nth-of-type(1)>span:nth-of-type(1) i:after{ position: absolute; content: "";width: 5px; height: 5px; border-radius: 100%; transition: all 0.5s;
	background: rgba(203,76,101,1); right:-10px;top: 0; bottom: 0;margin: auto; display: block;
}
.culture-four-item>p:nth-of-type(1){ position: relative; z-index: 2;font-size: 26px; color: #000;}
.culture-four-item>div:nth-last-of-type(1){ position: relative; z-index: 2;font-size: 16px; color: #444b53; line-height: 2}
.culture-four-item:hover:after {  transform: translateY(10%); color:rgba(255,255,255,0.2);}
.culture-four-item:hover>div:nth-of-type(1)>i{ transform: translateY(10%);}
.culture-four-item:hover>div:nth-of-type(1)>i svg{ fill: #fff;  }
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i{transform: translateX(-10%);}
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i:after{ right:-15px;}
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i:before{ left:-15px;}
.culture-four-item:hover>div:nth-last-of-type(1),.culture-four-item:hover>p:nth-last-of-type(1){ color: #fff}
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i{background: rgba(255,255,255,0.5);}
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i:before{background: rgba(255,255,255,0.3);}
.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i:after{background: rgba(255,255,255,0.7);}

@media( max-width:1199.98px){
	.culture-four-item{ overflow: hidden; position: relative; background: #f8f8f8; width:49%;}
	.culture-four-item:hover>div:nth-of-type(1)>span:nth-of-type(1) i{transform: translateX(-40%);}
	.culture-four-item>div:nth-of-type(1)>span:nth-of-type(1) i:after{ right:-8px;}
	.culture-four-item>div:nth-of-type(1)>span:nth-of-type(1) i:before{ left:-8px;}
	.culture-four-item>p:nth-of-type(1){ position: relative; z-index: 2;font-size: 26px; color: #000;}
	.culture-four-item:after{ position: absolute; content: attr(data-title); font-family: Impact; color:#f3f3f3;
		bottom: -15%;left: 0; right: 0;  font-size: 100px; text-align: center;transition: all 0.5s; }
}
@media( max-width:991.98px){

	.culture-four-item>div:nth-of-type(1)>i svg{ position: relative; z-index: 2; width: 40px; height:40px; fill: #c3002f; transition: all 0.5s }
	.culture-four-item>p:nth-of-type(1){ position: relative; z-index: 2;font-size: 18px; color: #000;}
	.culture-four-item:after{ position: absolute; content: attr(data-title); font-family: Impact; color:#f3f3f3;
		bottom: -10%;left: 0; right: 0;  font-size: 50px; text-align: center;transition: all 0.5s; }
}



.qysl-item{	overflow: hidden;}
.qysl-item a{ display: block; width: 100%; height: 100%}
.qysl-item a>div:nth-of-type(1){ position: relative; overflow: hidden;transition: all 0.5s; }
.qysl-item a>div:nth-of-type(1):after{ position: absolute; content: ""; width: 100%; height: 100%;
	background: rgba(13,57,131,0.8); left: 0;  right: 0; top:0%; margin:auto;transform: scale(0); transition: all 0.5s; opacity: 0  }

.qysl-item:hover  .animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.qysl-item a .qysl-mask p:nth-of-type(1){ font-size: 18px; color: #fff;transition: all 0.5s;  }
.qysl-item .qysl-mask p:nth-of-type(2){text-transform: uppercase;transition: all 0.5s;font-size: 16px; color: #fff;  }


.qysl-item:hover .qysl-mask p:nth-of-type(1){  -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.qysl-item:hover .qysl-mask p:nth-of-type(2){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }


.qysl-item .qysl-mask p:nth-of-type(2) a{ font-size: 14px;color: #fff; }
.qysl-item a>div:nth-of-type(1) img{ transition: all 0.5s;}
.qysl-item:hover img{ transition: all 0.5; transform: scale(1.05);}
.qysl-item a:hover>div:nth-of-type(1):after{transform: scale(1); opacity: 1;top: 0; top: 0;}
.qysl-item .qysl-mask{  border: 1px solid rgba(215,221,234,0); left: 0;bottom:-50%;right:0; margin: auto;
	width:40%; height: 45%; transition: all 0.6s; opacity: 0}
.qysl-item:hover .qysl-mask{left: 0; right: 0; bottom: 0; top: 0; margin: auto; opacity: 1; border: 1px solid rgba(215,221,234,1); }
.qysl-k{ width: 33%}
@media(max-width: 991.98px){
	.qysl-k{ width: 49.5%}
	.qysl-item .qysl-mask{  border: 1px solid rgba(215,221,234,0.9); left: 0;bottom:-60%;right:0; margin: auto;
		width:50%; height: 45%; transition: all 0.5s; opacity: 0}
	.qysl-item .qysl-mask p:nth-of-type(1){ font-size: 14px; color: #fff;transition: all 0.5s;-webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
	.qysl-item .qysl-mask p:nth-of-type(2) a{ font-size: 12px;color: #fff; }

}

.embed-responsive-16by10::before {
	padding-top: 62%;
}
.embed-responsive-16by14::before {
	padding-top: 90%;
}
.embed-responsive-4by5::before {
	padding-top: 126%;
}

/*鏂伴椈妯″潡*/

.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 #018d81 }

.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: #018d81}
.news-font-box2.right a:hover>div:nth-of-type(1)>p:nth-of-type(1):after{  background: #018d81; 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: #018d81}
.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: #c40000;}
.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: #999999;}
.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%;}
}
/*鍙嬫儏閾炬帴*/
.index-link-box{}
.index-link-box i svg{ width: 26px; height: 26px;}
.index-link-box>span:nth-of-type(1){ text-transform: uppercase; font-size: 26px; color: #0d3983}
.index-link-box>span:nth-of-type(n+2) a{ font-size: 16px; color: #666;}

/*鏂伴椈璇︽儏*/
.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}
@media(max-width: 991.98px){
	.news-big-title{ font-size:18px; text-align: center;  }
	.news-time-click{ font-size:14px;}
}
.pro-title-all{}
.pro-title-all p:nth-of-type(1) span:nth-of-type(1){ font-size: 30px; color: #333;}
.pro-title-all p:nth-of-type(1) span:nth-of-type(2){ font-size: 16px; color: #999; text-transform: uppercase}
.pro-title-all p:nth-of-type(2) { font-size:16px; color:#666666}
.pro-title-all p:nth-of-type(1) i{ display: inline-block; width: 3px; height: 30px; background: #d7132e}
.pro-title-all a:nth-last-of-type(1){ color: #999; font-size: 16px;}
.pro-title-all a:nth-last-of-type(1):hover{ color: #c40e25}
.list-name-title{ position: relative}
.list-name-title:after{ position: absolute; content: ""; background: #005fad; width: 3px; height: 30px;top: 0; bottom: 0; left: 0; margin: auto}

.pro-p-title{ font-size: 18px; color: #333;}
.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: #d7132e}

.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: #005fad; 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: #cb0631; 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: #c40000}
.left-li-item:nth-of-type(2) a p:nth-of-type(1) i{ background: #c40000}
.left-li-item:nth-of-type(3) a p:nth-of-type(1) i{ background: #c40000}
.left-li-item:nth-of-type(n+4) a p:nth-of-type(1) i{ background: #c40000}

@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}

}
/*妗堜緥妯″潡鏍峰紡*/
.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;
}


/*鍏充簬鎴戜滑*/
.about-box-img{}
.about-box-img>div:nth-of-type(1){ background: #ca1323; width:70%;   height: 520px;}
.about-box-img>div:nth-of-type(1) i{ position: relative; padding: 2rem}
.about-box-img>div:nth-of-type(1) i:after{ position: absolute; content: ""; display: block; padding: 1.5rem; background: rgba(255,255,255,0.08); left: 80%; top: 100%}
.about-box-img>div:nth-of-type(1) i:before{ position: absolute; content: ""; display: block; padding: 1.5rem; background: rgba(255,255,255,0.08);left:40%; top:70%}
.about-box-img>div:nth-of-type(2){ transform: translate(28%,-90%)}
.about-box-img>div:nth-of-type(1) span{ display: block;  font-family: Bahnschrift;  color: rgba(255,255,255,0.15);writing-mode: tb-rl; font-size: 55px; text-transform: uppercase;  transform: translate(20%,28%)   scale(1.28,1);

}
.right-box-about{ background: url("../img/dian.png") no-repeat 100% 10%;}
.xm_title{ position: relative;}
.xm_title:before{ position: absolute; content: ""; width: 4px; height: 80%; margin: auto; background: #ca1323; left: 0; top: 0%; bottom: 0;
	margin: auto;
}
.xm_title>div:nth-of-type(1){ font-size: 30px; color: #282828;}
.xm_title>div:nth-of-type(2){ font-size: 30px; color: #999; text-transform: uppercase; font-size: 14px;}
.aboutys-item{ width:calc(100% / 2); font-size: 16px; color: #596067}
.aboutys-item i svg{ font-weight: bold; font-size: 30px; width: 15px; height: 15px; fill: #cd202f}
.aboutys-item i { padding: 0.8rem; background: #f5f5f5; transition: all 0.5s}

.aboutys-item:hover i svg,.aboutys-item.active i svg{ font-size: 20px; width: 15px; height: 15px; fill: #fff}
.aboutys-item:hover i,.aboutys-item.active i  {  background: #ca1323}

.about-conent{ font-size: 16px; color: #666; line-height: 2rem;}
.about-btn{ position: relative;  width: 225px;  font-size: 16px; padding: 1rem}
.about-btn:before{ position:absolute; content: ""; background: #ca1323; height: 100%; width: 225px; font-size: 16px; transform: skewX(-10deg); z-index: 0; display: block; border-radius: 0.25rem}
.about-btn span a{ position: relative; color: #fff; z-index: 20}
.about-btn:after  {  position:absolute; content: ""; background: #ca1323; height: 100%; width:100%; font-size: 16px;  transform: skewX(-10deg); z-index: 0; display: block; border-radius: 0.25rem; transform: scaleX(0); z-index: 11; transition: all 0.5s; transform-origin: center center;}
.about-btn:hover:after{background: #cf3e48; transform:  scaleX(1) skewX(-10deg); transform-origin: center center;}



.about-btn2{ position: relative;   font-size: 16px; padding: 1rem}
.about-btn2:before{ position:absolute; content: ""; background: #e9e7e8; height: 100%;  font-size: 16px; transform: skewX(-10deg); z-index: 0; display: block; border-radius: 0.25rem; padding: 0.5rem 0.8rem; width: 100%}
.about-btn2 span a{ position: relative; color: #fff; z-index: 20}
.about-btn2:after  {  position:absolute; content: ""; background: #ca1323; height: 100%; width:100%; font-size: 16px;  transform: skewX(-10deg); z-index: 0; display: block; border-radius: 0.25rem; transform: scaleX(0); z-index: 11; transition: all 0.5s; transform-origin: center center;}
.about-btn2:hover:after{background: #cf3e48; transform:  scaleX(1) skewX(-10deg); transform-origin: center center;}
.about-btn2 span{ position: relative; z-index: 99; color: #282828}
.swiper-slide-thumb-active  .about-btn2:before{background: #ca1323; color: #fff }
.swiper-slide-thumb-active  .about-btn2 span{ color: #fff}
/*鐩稿唽闆嗗悎*/
.ygfc-box{ height: 345px;}
.xc-font-mask { width: 100%; height: 100%;    position: absolute; top: 0; bottom: 0;left: 0;right: 0;
	margin: auto; transition: all 1.0s;	}

.ygfc-box .xc-font-mask i{ opacity: 0;transform: translateY(-30%); transition: all 1.0s;	}
.ygfc-box:hover .xc-font-mask i{ opacity: 1;transform: translateY(10%); transition: all 1.0s;	}

.ygfc-box .xc-font-mask div{ opacity: 0;transform: translateY(60%); transition: all 1.0s;	}
.ygfc-box:hover .xc-font-mask div{ opacity: 1;transform: translateY(10%); transition: all 1.0s;	}



.ygfc-box .embed-responsive:after{ position: absolute; content: ""; background: rgba(202,19,35,0.9); width: 100%; height: 100%;  top: 0;transition: all 0.5s; transform: translateY(100%)}
.ygfc-box:hover .embed-responsive:after{  background: rgba(202,19,35,0.9);transform: translateY(0) }
.xc-font-mask svg{ fill: #fff; font-weight: 100;}
.xc-font-mask div{ font-size: 16px; color: #fff}


/*鏂伴椈妯″潡*/
.news-mq-box{ box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.news-font-1{}

.news-time-sj span{  width: 40%; background: rgba(202,19,35,1); position: absolute; bottom: 0; left: 0; color: #fff; font-size: 16px;}
.news-font-1 .news-title-1{ font-size: 20px; color: #333333}
.news-font-1 .news-des{ font-size: 16px; color: #999; border-bottom: 1px #e8e8e8 dashed}
.news-more1{ position: relative; color: #ca1323; text-transform: uppercase; font-size: 16px; font-weight: bold}
.news-more1:after{ position: absolute; content: ""; width: 5%; height: 2px; background: #ca1323; left: 0; top: 0; bottom: 0; margin: auto; transition: all 0.5s}
.news-mq-box:hover .news-more1:after{ width: 10%}
.news-mq-box .news-more1 span{ display:block;transform: translateX(0%); transition: all 0.5s}
.news-mq-box:hover .news-more1 span{ transform: translateX(20%)}

/*浜у搧鍒楄〃*/
.left-pro-title{}
.left-pro-title p:nth-of-type(1){ font-size: 30px; color: #003271; text-transform: uppercase; letter-spacing: -0.1rem;  font-weight: bold}


.pro-left-item{ border-bottom: 1px solid #f2f2f2; transition: all 0.5s; position: relative}
.pro-left-item:after{ position: absolute; content: ""; width: 100%; height: 100%; background: #e80113; transform: scaleX(0); transform-origin: left center;transition: transform 0.5s; border-radius: 0 5rem 5rem 0 }
.pro-left-item:hover:after,.pro-left-item.current:after{ transform: scaleX(1); border-radius: 0   }
.pro-left-item>span:nth-last-of-type(1){ width: 28px; height: 28px; background: #fff; border-radius: 100%; position: relative;
	z-index: 999;transition: all 0.5s; display: block; }
.pro-left-item>span:nth-last-of-type(1) i svg{ width: 20px; height:20px; fill: #fff;position: relative;z-index: 999; transition: all 0.5s; }
.pro-left-item:hover>span:nth-last-of-type(1),.pro-left-item.current>span:nth-last-of-type(1){  transform: translateX(-50%) }
.pro-left-item>i{ font-weight: bold; font-size: 50px;  font-style: italic; color: #f2f2f2;position: relative;z-index: 999 }
.pro-left-item>div:nth-of-type(1) span:nth-of-type(1){ font-size: 18px; color: #666666;position: relative;z-index: 999 }
.pro-left-item>div:nth-of-type(1) span:nth-of-type(2){ font-size: 10px; color: #b9b9b9; text-transform: uppercase;position: relative;z-index: 999 }
.pro-left-item:hover>div:nth-of-type(1) span:nth-of-type(1) a,.pro-left-item:hover>div:nth-of-type(1) span:nth-of-type(2) a,.pro-left-item.current>div:nth-of-type(1) span:nth-of-type(1) a,.pro-left-item.current>div:nth-of-type(1) span:nth-of-type(2) a{ color: #fff}

.pro-left-item:hover>span:nth-last-of-type(1) i svg,.pro-left-item.current>span:nth-last-of-type(1) i svg{   fill: #e80113;  }
.pro-left-item:hover>div:nth-of-type(1)  a span:nth-of-type(1),.pro-left-item:hover>div:nth-of-type(1)  a span:nth-of-type(2),.pro-left-item.current>div:nth-of-type(1)  a span:nth-of-type(1),.pro-left-item.current>div:nth-of-type(1)  a span:nth-of-type(2){ color: #fff}

.left-pro-tel{}
.left-pro-tel i{ width: 35px; height: 35px; fill: #22497f}
.left-pro-tel div p:nth-of-type(1){ font-size: 14px; color: #003271}
.left-pro-tel div p:nth-of-type(2){ font-size: 24px; color: #22497f}

.left-pro-btn{ background: #0075c4; border: 1px solid #0075c4;    padding:0.7rem 2rem;  position: relative}
.left-pro-btn svg{ width: 30px; height: 30px; fill: #fff}
.left-pro-btn a{ font-size: 14px; color: #fff; position: relative; z-index: 5}
.left-pro-btn:after{ position: absolute;content: "";left: 0; top:0; background: #b20310;transform-origin: right
center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;  }
.left-pro-btn:hover:after{ transform-origin: left center; transform: scaleX(1); }


.left-pro-btn2{   border: 1px solid #e7e7e7;    padding:0.7rem 2rem;  position: relative}
.left-pro-btn2 svg{ width: 26px; height: 26px; fill: #666666}
.left-pro-btn2 a{ font-size: 14px; color: #666666; position: relative; z-index: 5}
.left-pro-btn2:after{ position: absolute;content: "";left: 0; top:0; background: #b20310;transform-origin: right
center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;  }
.left-pro-btn2:hover:after{ transform-origin: left center; transform: scaleX(1); }
.left-pro-btn2:hover a{ color: #fff;}
.left-pro-btn2:hover a svg{ fill: #fff}
@media(max-width: 991.98px){
	.left-pro-btn{    width: 48%; padding:0.3rem 1rem;  position: relative}
	.left-pro-btn2{     padding:0.3rem 1rem;width: 48%;   position: relative}
}
.hot-left{  width: 65%}
.hot-right{ background: #fff; width: 35%}
.hot-right p:nth-of-type(1){ font-size: 24px; color: #003271; font-weight: bold;}
.hot-right div{ font-size: 14px; color: #666666; line-height: 2}
.ty-ys{}
.ty-ys .ty-item i svg{ width: 20px; height: 20px; fill: #e80113}
.ty-ys .ty-item span{ color: #e80113}
.right-btn{}
.right-btn span{ display: block; padding: 0.3rem 1rem; font-size: 14px; color: #939393; position: relative; overflow: hidden;}
.right-btn span a{ position: relative; z-index: 999}
.right-btn span:nth-of-type(1){ border: 1px #939393 solid; border-right: 0;}
.right-btn span:nth-of-type(2){ border: 1px #e80113 solid; background: #e80113; border-right: 0;}
.right-btn span:nth-of-type(2) a,.right-btn span:nth-of-type(2):hover a{ color: #fff}

.right-btn span:nth-of-type(1):hover{border: 1px #b20310 solid; border-right: 0;}
.right-btn span:nth-of-type(2):hover{border: 1px #b20310 solid; }
.right-btn span:hover a{ color: #fff;}
.right-btn span:after{ position: absolute;content: "";left: 0; top:0; background: #b20310;transform-origin: right
center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;  }
.right-btn span:hover:after{ transform-origin: left center; transform: scaleX(1); }



.right-btn2{}
.right-btn2 span{ display: block; padding: 0.3rem 1rem; font-size: 14px; color: #939393; position: relative; overflow: hidden;}
.right-btn2 span a{ position: relative; z-index: 999}
.right-btn2 span:nth-of-type(1){ border: 1px #003271 solid; border-right: 0; background: #003271; }
.right-btn2 span:nth-of-type(2){ border: 1px #e80113 solid; background: #e80113; border-right: 0;}
.right-btn2 span:nth-of-type(2) a,.right-btn span:nth-of-type(2):hover a{ color: #fff}

.right-btn2 span:nth-of-type(1):hover{border: 1px #b20310 solid; border-right: 0;}
.right-btn2 span:nth-of-type(2):hover{border: 1px #b20310 solid; }
.right-btn2 span:hover a{ color: #fff;}
.right-btn2 span:nth-of-type(1) a{ color: #fff}
.right-btn2 span:after{ position: absolute;content: "";left: 0; top:0; background: #b20310;transform-origin: right
center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0;  }
.right-btn2 span:hover:after{ transform-origin: left center; transform: scaleX(1); }


#hot-pro.swiper-container-horizontal>.swiper-pagination-bullets  {
	bottom: 30px!important;
}
#hot-pro .hot-prv-btn, #hot-pro .hot-next-btn {
	position: absolute;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 29;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
#hot-pro .hot-prv-btn  {
	right: 60px; bottom: 30px;
}
#hot-pro .hot-next-btn  {
	right: 20px; bottom: 30px;
}
#hot-pro .hot-btn  svg{ width: 40px; height: 40px; fill: #e80113; z-index: 9999}
#hot-pro .swiper-pagination .swiper-pagination-bullet { background: #d81e06}
@media(max-width: 991.98px){
	.hot-left{   width: 100%}
	.hot-right{  width: 100%}
}


.index-news-item{ position: relative}
.news-font{}
.news-font p:nth-of-type(1){ font-size: 22px; color: #333333; line-height:1}
.news-font p:nth-of-type(2){ font-size: 15px; color: #666666}
.news-desc{ font-size: 15px; line-height: 2; color: #666666}

.index-news-item:before{ position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;
	background: #f7f8fa; transform-origin: top center;transform: scaleY(0); transition: transform 0.5s;}
.index-news-item:hover:before{    transform: scaleY(1)}
.index-news-item a{ position: relative; z-index: 9}
.index-news-item .embed-responsive-21by19{ position: relative}
.index-news-item .embed-responsive-21by19:before{ padding-top: 35%}
@media(max-width: 991.98px) {

	.news-font p:nth-of-type(1){ font-size: 18px; color: #333333; line-height:1}
}

/*鍙戝睍鍘嗙▼*/
/*妗堜緥*/
.case-btn-all{ width: 100px; height: 40px; display: flex; background: #fff; align-items: center; justify-content: center; position: absolute;
	top: 0; bottom: 0; margin: auto; z-index: 9;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
.case-btn-all svg{ width: 50px; height: 50px; fill: #e80113}
#case-box .case-prev{  left: 10.4vw; }
#case-box .case-next{ right: 10.4vw;  }
@media(max-width: 991.98px){
	#case-box .case-prev{  left: 1.4vw; }
	#case-box .case-next{ right: 1.4vw;  }
	.case-btn-all{ width: 30px; height: 30px; display: flex; background: #fff; align-items: center; justify-content: center; position: absolute;
		top: 0; bottom: 0; margin: auto; z-index: 9;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;}
	.case-btn-all svg{ width: 20px; height: 20px; fill: #e80113}
}
.case-detail{ overflow: hidden; background: #000}
.case-font{}
.case-font-all{ z-index: 9999; width: 80%; background: #fff; margin: auto; left: 10%; right: 10%; bottom: -110%; transition: all 0.5s}
.case-font p:nth-of-type(1){ font-size: 20px; color: #003271; position: relative}
.case-font p:nth-of-type(1):after{ position: absolute; content: "鈥�";  font-weight: bold;  font-size: 20px; color: #e80113; left: -1%; top: 5%  top: 0; bottom: 0; margin: auto;  }
.case-font p:nth-of-type(1):before{ position: absolute; content: "CASE"; color: #ededed; font-size: 40px; font-style: italic;top: -50%;bottom: -50%; margin: auto; font-weight: bold}
.case-font p:nth-of-type(1) span{ position: relative; z-index: 999}
.case-font div:nth-of-type(1){ font-size: 14px; color: #666666;}
.case-more{ background: #e80113; font-size: 16px; color: #fff; text-decoration: underline; text-transform: uppercase; font-style: italic}
.case-more a{ color: #fff}

.swiper-slide-active .case-font-all{ bottom: 10%; opacity: 1}
#case-box .swiper-slide-prev img,#case-box.swiper-slide-next img { opacity: 0.5; background: #000}

@media(max-width: 991.98px){
	.case-font p:nth-of-type(1){ font-size: 18px; color: #003271; position: relative}
	.case-font p:nth-of-type(1):after{ position: absolute; content: "鈥�";  font-weight: bold;  font-size: 18px; color: #e80113; left: -1%; top: 5%  top: 0; bottom: 0; margin: auto;  }
	.case-font p:nth-of-type(1):before{ position: absolute; content: "CASE"; color: #ededed; font-size: 40px; font-style: italic;top: -50%;bottom: -50%; margin: auto; font-weight: bold; display: none}
}

/*鏂伴椈*/
.news_img_right{  }


/*鍏充簬鎴戜滑*/
.about-box-bj{ background: url("../img/index_about_bj.jpg") no-repeat center top;  }
.about-datil{ font-size: 16px; line-height: 2; color: #fff; width: 75%}

.about-sub-nav{ background: rgba(0,0,0,0.5); width: 100%;}
.about-nav-item{flex: 0 0 auto; width: 25%; border-right: 1px #707070 solid; transition: all 0.5s}
.about-nav-item:hover{ background: #e80113}
.about-nav-item i svg{ width: 50px; height: 50px; fill: #fff;}
.about-nav-item a p{ font-size: 16px; color: #fff}

@media(max-width: 991.98px) {
	.about-datil{ font-size: 12px; line-height: 2; color: #fff; width: 100%}
	.about-nav-item{flex: 0 0 auto; width: 50%; border-right: 1px #707070 solid; border-bottom: 1px #707070 solid; transition: all 0.5s;  }
	.about-nav-item:nth-of-type(2n){border-right: 0px #707070 solid;}
	.about-nav-item:nth-of-type(n+3){border-bottom: 0px #707070 solid;}
	.about-nav-item i svg{ width: 20px; height: 20px; fill: #fff;}
	.about-nav-item a p{ font-size: 14px; color: #fff}
}


.pro-item{ overflow: hidden}
.pro-item img{ transition: all 0.5s}
.pro-item>div{ overflow: hidden}
.pro-item .pro-font{ position: absolute; content: "";left: 0; bottom: 0; background: rgba(0,0,0,0.5); font-size: 14px;transition: all 0.5s; }
.pro-item .pro-font a{ color: #fff;}
.pro-item:hover img{ transform: scale(1.05)}
.pro-font-big{ position: absolute; left: 0;right: 0;top: 0; bottom: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.7); display: block; z-index: 999; transform: scale(1.25); transition: all 0.5s; opacity: 0 }
.pro-font-big p:nth-of-type(1){ font-size: 20px; font-weight: bold; color: #fff}
.pro-font-big div:nth-of-type(1){ font-size: 14px; color:#cdcdcd}
.pro-item:hover .pro-font-big{ transform: scale(1); opacity:1; }
.pro-item:hover .pro-font{ transform: scale(1.05); transition: all 0.5s; opacity: 0 }


/*浼樺娍妯″潡*/
.Ys-big-box{}
.Ys-item{flex: 0 0 auto; width: 33.33%}
.ys-tong-item{}
.ys-tong-item .ys-num{ position: relative; background: #ca1323;   width: 46px; height: 46px;
	font-family: Bahnschrift;}
.ys-tong-item .ys-num:after{ position: absolute;   content:""; left: 1px; top: 1px;bottom: 1px;
	right: 1px; margin: auto; display: block; width: 42px; height:42px;background: #ca1323;border: 2px solid #fff;}
.ys-tong-item .ys-num span{ position: relative; z-index: 2;}
.ys-font-box{}
.ys-font-box>div:nth-of-type(1){ font-size: 13px; color: #999; text-transform: uppercase}
.ys-font-box>div:nth-of-type(2) { font-size: 22px; color: #333333; font-weight: bold}
.ys-font-box>div:nth-of-type(2) span{ font-size: 22px; color: #ca1323;}
.ys-font-box>div:nth-of-type(3){ font-size: 15px; color: #999;}
.ys-tong-item>div:nth-of-type(1){ position: relative}
.ys-tong-item:not(:nth-last-of-type(1))>div:nth-of-type(1):after{ position: absolute; content: "";left: 0;right: 0; margin: auto; height: 100%; width: 1px; border-left:1px dotted #999999}

.Ys-item.Ys-itemR{}
.Ys-item.Ys-itemR .ys-tong-item>div:nth-of-type(1){ order: 3;}
.Ys-item.Ys-itemR .ys-tong-item div.ys-font-box{ order: 2;}
.Ys-item.Ys-itemR .ys-font-box{ text-align: right}
@media(max-width: 991.98px){
	.Ys-item.Ys-itemR .ys-tong-item>div:nth-of-type(1){ order: 2;}
	.Ys-item.Ys-itemR .ys-tong-item div.ys-font-box{ order: 3;}
	.Ys-item.Ys-itemR .ys-font-box{ text-align: left}
	.ys-tong-item>div:nth-of-type(1):after{ position: absolute; content: "";left: 0;right: 0; margin: auto; height: 100%; width: 1px; border-left:1px dotted #999999}
	.Ys-item.Ys-itemR .ys-tong-item:nth-last-of-type(1)>div:nth-of-type(1):after{ position: absolute; content: "";left: 0;right: 0; margin: auto; height: 100%; width: 0px; border-left:0px dotted #999999}

}



.ys-center-img{


	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;}

.ys-dot svg{ width:38px; height: 38px; fill: #fff}
.ys-dot{ background: url("../img/ys_k.png") no-repeat center center;}


.Right-ys-box .R-ys-item{ width: 100%;}
.R-ys-item .R-font>div:nth-of-type(1)>span:nth-of-type(2){ font-size: 18px; font-weight: bold; background: url("../img/ys_dot.png") no-repeat center center; display: block; order:2!important; }
.R-ys-item .R-font>div:nth-of-type(1)>span:nth-of-type(1){font-weight: bold; color: #003271; font-size: 18px;order:1!important;}
.R-ys-item .R-font>div:nth-of-type(2){ font-size: 14px; color: #666666; width: 90%; line-height: 1.5; text-align: right; float: right;}
.Right-ys-box{ position: relative; z-index: 999}
.Right-ys-box .R-ys-item{ width: 100%;}
.Right-ys-box .R-ys-item:nth-of-type(2){ width: 85%}
.R-font >div:nth-of-type(1){ position: relative}
.R-font >div:nth-of-type(1):after{
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0%;
	height: 1px;
	background: #e3e3e3;
	width: auto;
	flex: 1;
	align-items: revert;
	float: left;
	order:0!important;
}
.Right-ys-box .R-ys-item:nth-of-type(2){ width: 85%}
.R-ys-item .R-font{ width: 100%;}
.Right-ys-box.Left .R-ys-item .R-font>div:nth-of-type(1)>span:nth-of-type(2){ font-size: 18px; font-weight: bold; background: url("../img/ys_dot.png") no-repeat center center; display: block; order:0!important; }
.Right-ys-box.Left .R-ys-item .R-font>div:nth-of-type(1)>span:nth-of-type(1){font-weight: bold; color: #003271; font-size: 18px;order:2!important;}

.Right-ys-box.Left .R-font >div:nth-of-type(1):after{
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0%;
	height: 1px;
	background: #e3e3e3;
	width: auto;
	flex: 1;
	align-items: revert;
	float: left;
	order:3!important;
}

@media(max-width: 1199.98px){
	.Ys-item{flex: 0 0 auto; width: 50%}
	.Ys-item:nth-of-type(2){ display: none;}
	.Right-ys-box .R-ys-item:nth-of-type(2){ width: 100%}
	.Right-ys-box.Left .R-ys-item:nth-of-type(2){ width: 100%}
}
@media(max-width: 991.98px){
	.Ys-item{flex: 0 0 auto; width: 100%}
}







.prolist-item{ display: block; position: relative; background: #fff; height: 100%; width: 100%; overflow: hidden;}
.prolist-item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width:1px; height: 100%;right: 0;top: 0; background: #eff1f7; z-index: 999;}
.prolist-item:not(:nth-last-of-type(1)):before{position: absolute; content: ""; width:4px; height: 10%;left:0px;top: 0; background: #fff;   transition: all 0.75s; z-index: 9999}
.prolist-item:hover:before{ background: #e80113; height: 10%;  top:90%; }

.prolist-item  img{ transition: all 0.5s;filter: contrast(1) brightness(1);
	-webkit-transition: all 1s;
	-webkit-transform: scale(1);transform: scale(1)}
.prolist-item:hover img{ transform: scale(1.02);
	filter: contrast(1.25) brightness(1.25);
	-webkit-transition: all 1s;
	-webkit-transform: scale(1.05);
}
.list-img img{ transform: scale(0.9)}
.prolist-item:nth-last-of-type(1)  img{ transform: scale(1.25)}



.prolist-item p:nth-of-type(1){ font-size: 18px; color: #333333}
.prolist-item p:nth-of-type(2){ font-size: 12px; color: #999999}
.pro-ad-font{ position: absolute; top: 0; left: 0;right: 0; bottom: 0; margin: auto}
.pro-ad-font p:nth-of-type(1){ font-size: 20px; color: #ffffff; font-weight: bold}
.pro-ad-font p:nth-of-type(2){ font-size: 12px; color: #ffffff;  }
.pro-ad-font p:nth-of-type(3) span{ background: #80c26a; color: #fff; font-size: 12px; padding: 0.75rem; border-radius: 2rem; transition: all 0.5s  }
.pro-ad-font p:nth-of-type(4) span{ background: #e80113; color: #fff; font-size: 12px; padding: 0.75rem; border-radius: 2rem;transition: all 0.5s  }

.pro-ad-font p:nth-of-type(3) span:hover{ background: #0761aa;}
.pro-ad-font p:nth-of-type(4):hover span{ background: #0761aa;}


.right_box .index_title p:nth-of-type(1){ font-size: 28px; color: #333333}
.right_box .index_title p:nth-of-type(1) span{ font-weight: bold; font-size: 28px; color: #e80113}
.pro-left-list{  }
.pro-title{ background: #e80113; position: relative; font-size: 30px; overflow: hidden}
.pro-title:after{position: absolute; content: ""; background: url("../img/dian.png") no-repeat right top; top:0; right:0%; width: 20%; height:40px; }
.pro-title:before{position: absolute; content: ""; background: url("../img/dian.png") no-repeat right top; bottom:0; left:0%; width: 20%; height:40px; }
.pro-title span{ font-size: 14px; text-transform: uppercase; position: relative}
.pro-title span:before{ position:absolute; content: ''; height:1px; background: #fff; width: 20%;left:10%; top:0; bottom:0; margin: auto;}
.pro-title p{ position:relative}
.pro-title p:after{ position:absolute; content: attr(data-title); text-transform: uppercase; color:rgba(255,255,255,0.05); bottom: -160%; left:0; right: 0; margin:auto;
	font-size: 60px;  font-family: 'impact'; z-index: 99}
.proname-box{ width:100%;}
.proname-item{ overflow: hidden; height:65px; padding-left:20%; font-size: 18px; color: #333333; display: flex; align-items: center;position: relative; transition: all 0.5s}
.proname-item:after{ position:absolute;content: ""; left:0; bottom:0; width: 100%; background:#f6f6f6; height:100%;  z-index:9;
	-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0);
	transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;
}
.proname-item:hover:after{  -webkit-transform-origin: left center;transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
.proname-item a{ display:flex;align-items: center; position: relative; width: 100%; margin: 0 auto; height:100%; z-index: 999}
.proname-item a:after{position: absolute; content: ""; height:1px; border-bottom:1px dashed #e5e5e5; width: 90%; bottom:0; left:-30%; right:0; margin:auto;}
.proname-item:hover a{ color: #0e0e0e}
.proname-item:before{ position: absolute; content:""; width: 5px; height:0%; background: #c40e25; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}
.proname-item:hover:before{ height:100%;transform-origin: bottom center}
.proname-item:hover a:after{ height:0;border-bottom:0px dashed #e5e5e5; }
.proname-item i{ display: inline-block; float:right; background: url("../img/left_dot.png") no-repeat left center; width: 42px; height:28px; z-index: 999; position: absolute; right: 10%;
	transition: all 0.5s; transform: translateX(200%); opacity: 0.5}
.proname-item:hover i{  transform: translateX(0%); opacity: 1}






.pro-box-two{  background: #fff;  border-radius: 5px; border: 1px solid #e9ebef; transition: all 0.5s; height:100%;}
.pro-box-two a div:nth-of-type(1){ font-size: 16px; color: #282828;}
.pro-box-two img{  transition: transform 0.5s}
.pro-box-two a p:nth-of-type(2){ position: absolute; bottom: 10%; font-size: 14px; color: #ffffff; border-radius:35px; border: 1px solid #fff; width: 150px; height:35px; line-height: 35px; margin: auto;left: 0; right: 0; text-align: center; transform: opacity 0.5s; opacity: 0; display: block; transition: all 0.5s; bottom: -10%}
.pro-box-two:hover,.pro-box-two.on{ background:url("") no-repeat top center #e80113}
.pro-box-two.on a div{ color: #fff; }
.pro-box-two:hover a p:nth-of-type(2){  opacity: 1;bottom: 10%}
.pro-box-two:hover a div:nth-of-type(1){ color: #fff;}
.pro-box-two:hover img{ transform:translateY(-20px) scale(0.95);}





.proname-item-sub,.proname-item-sub.on{ overflow: hidden; height:55px; padding-left:20%; font-size: 18px; color: #333333; display: flex; align-items: center;position: relative; transition: all 0.5s}
.proname-item-sub:after,.proname-item-sub.on:after{ position:absolute;content: ""; left:0; bottom:0; width: 100%; background:#e80113; height:100%;  z-index:9;
	-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0);
	transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;
}
.proname-item-sub:hover:after{  -webkit-transform-origin: left center;transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
.proname-item-sub a{ display:flex;align-items: center; position: relative; width: 100%; margin: 0 auto; height:100%; z-index: 999}
.proname-item-sub a:after{position: absolute; content: ""; height:1px; border-bottom:1px dashed #e5e5e5; width: 90%; bottom:0; left:-30%; right:0; margin:auto;}

.proname-item-sub.on a:after{border-bottom:0px dashed #e5e5e5;}

.proname-item-sub:hover a{ color: #fff}
.proname-item-sub:before,.proname-item-sub.on:before{ position: absolute; content:""; width: 5px; height:0%; background: #80c26a; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}
.proname-item-sub:hover:before{ height:100%;transform-origin: bottom center}
.proname-item-sub:hover a:after{ height:0;border-bottom:0px dashed #e5e5e5; }
.proname-item-sub i{ display: inline-block; float:right; background: url("../img/left_dot.png") no-repeat left center; width: 42px; height:28px; z-index: 999; position: absolute; right: 10%;
	transition: all 0.5s; transform: translateX(200%); opacity: 0.5}
.proname-item-sub:hover i{  transform: translateX(0%); opacity: 1}

.proname-item-sub.on{ background: #e80113}
.proname-item-sub.on a{ color: #fff}
.proname-item-sub.on:before{ position: absolute; content:""; width: 5px; height:100%; background: #80c26a; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}

.proname-item-sub.on i{ display: inline-block; float:right; background: url("../img/left_dot.png") no-repeat left center; width: 60px; height:30px; z-index: 999; position: absolute; right: 10%;
	transition: all 0.5s; transform: translateX(0%); opacity: 1}

.pro_all_content{ display: block; width: 70%  }
.pro_all_content p:nth-of-type(1){ font-size: 22px; font-weight: bold; }
.pro_all_content p:nth-of-type(2){	color: #999999; font-size: 14px;}
.pro_all_content table{ border:1px solid #f2f2f2; width: 100%;}
.pro_all_content td{ color: #666666; font-size: 16px; line-height:36px;}
.pro_all_content tr  td:nth-of-type(2){ padding-left: 5%;}
.pro_all_content tr:nth-child(even){ background: #fff}
.pro_all_content tr:nth-child(odd){ background: #f6f6f6}
.pro_all_content tr:nth-child(odd)  td:nth-of-type(1){ background: #f2f2f2}
.pro_all_content tr:nth-child(even)  td:nth-of-type(1){ background: #e9e9e9;}
.pro-all-center { padding-bottom: 100px; }
.pro-all-center .swiper-pagination4{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
.pro-all-center .swiper-pagination4 .swiper-pagination-bullet{ transition: all 0.5s;
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 3px;
	border-radius: 0;
	background: #333;
	cursor: pointer;}
.pro-all-center  .swiper-pagination4  .swiper-pagination-bullet-active{   background-color: #e80113 }
.pro-btn-all {transition:all 0.5s; font-size: 14px;}
.pro-btn-all a{ font-size: 16px; flex:0 0 auto; width: 48%; text-align: center;  text-align: center; padding: 0.5rem 0rem;display: flex; justify-content: center; align-items: center}
.pro-btn-all a:nth-of-type(1){ display: flex; color: #fff; }
.pro-btn-all a:nth-of-type(1){ background: #e80113; color:#fff; border-radius: 5px;}
.pro-btn-all a:nth-of-type(2){ background: #80c26a; color:#fff; border-radius: 5px;}
.pro-btn-all a:nth-of-type(1) i{ background: url("../img/btn1.png") no-repeat center center; padding: 1rem}
.pro-btn-all a:nth-of-type(2) i{ background: url("../img/btn2.png") no-repeat center center; padding:1rem}


@media(max-width:1199px) {
	.pro-btn-all{flex-flow: column!important;}
	.pro-btn-all a{ font-size: 14px; flex:0 0 auto; width: 100%; text-align: center; padding: 0.1rem 0rem;display: flex;   align-items: center; display: flex; flex-wrap: wrap; flex-flow: column; margin-bottom: 1%}
}


.left_tel{ background: url("../img/left-tel.png") no-repeat left center; padding-left: 25%}
.left_tel p:nth-of-type(1){ font-size: 13px; color: rgba(0,0,0,0.8); margin-bottom: 0}
.left_tel p:nth-of-type(2){ font-size: 27px; color:#e80113; font-family: 'Bahnschrift'}
.pro-box-two p{ font-size: 16px;}
.pro-box-two img{ width: 285px;}
.pro-box{ width: 100%;  height:480px;  background: #fff; box-sizing: border-box; padding: 15px;  position: relative; overflow: hidden;}
.pro-box span{ position: relative; display: block; overflow: hidden; max-width: 100%; background: #f5f5f5 }
.pro-box span:after{ position: absolute; content: ""; width: 100%;   background: rgba(0,0,0,0.4); top: -200px;  transition: all 0.5s; z-index: 9;left: 0}
.pro-box span img{ transition: all 0.5s; max-width: 100%;  max-height: 100%; }

.pro-box>div:nth-of-type(2){ position: absolute;bottom: -314px; }
.pro-box .pro-title1{ width: 100%; height: 170px; text-align: center;transition: all 0.5s; font-size: 18px; box-sizing: border-box;   padding:0 15px 15px;}

.pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 18px; line-height: 40px; }
.pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 8%; }
.pro-box .pro-title1 div.more_click{ width: 50%; height: 30px; border-radius: 15px; line-height: 30px; text-align: center; color: #fff; background: #555555; font-size: 12px; text-transform: uppercase; margin: 0 auto; transition: all 0.5s }
.pro-box:hover .pro-title1 div.more_click{ background: #c60012; width: 60%;letter-spacing: 0.25rem; }
.pro-box .pro-title2{ position: absolute; bottom:390px; left: 0; transition: all 0.5s; background:rgba(255,255,255,0.5); width: 100%;
	height: 170px; z-index: 10; padding: 15px 0; box-sizing: border-box; }
.pro-box .pro-title2 p{ font-size: 14px; text-align: center; padding-top: 15px; }
.pro-box .pro-title2 p:nth-of-type(2){ display: flex; justify-content: space-between; padding: 15px 15px; }
.pro-box .pro-title2 p:nth-of-type(2) a{ display: block; border-radius: 5px; width: 48%; height: 35px; border-radius: 20px;
	border:1px solid #666; line-height: 35px; color: #666; font-size: 14px; transition: all 0.5s}
.pro-box .pro-title2 p:nth-of-type(2) a:nth-last-of-type(1){ display: block; border-radius: 5px; width: 48%;
	height: 35px; border:1px solid #c60012; background: #c60012; color: #fff;transition: all 0.5s; font-size: 14px; border-radius: 20px;}
.pro-box:hover span:after{ top: 0px; }


.pro-box:hover span img{ transform: scale(1.1); }


.mb_pro_list_name{ text-align: center; font-size: 12px;  line-height: 50px; height: 50px;}

.pr_nav_mb  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 40px;
	background: #f00
}


.pr_nav_mb .swiper-pagination7 {
	text-align: center;
	top: 50px;
	position: absolute;
	z-index: 99;
}
.pr_nav_mb .swiper-pagination7.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:  #e80113 !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}


.pro-box-mb{margin: 2%;  background: #fff; padding: 2% 2% 4%; font-size: 14px; text-align: center; height: 98%; }
.pro-box-mb span{ margin-bottom: 1%; }
.pro-box-mb div a:nth-child(1){  border:1px #e80113 solid; padding:2%; color:#666;   width:48%;
	display:block; float:left; font-size: 12px;}
.pro-box-mb  div a:nth-child(2){    background: #e80113; padding:2%;  color:#FFF;width:48%;display:block; float:right;font-size: 14px;}

.pr_nav_mb .swiper-pagination7{ text-align: center; top: 50px; position: absolute;  z-index: 99;}



.mb_pro_list_name{ text-align: center; font-size: 12px;  line-height: 50px;}

.pr_nav_mb  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 40px;
	background: #f00
}



.pr_nav_mb .swiper-pagination7.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:  #c40e25 !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(1):hover{background: #c60012; color: #fff;border:1px solid #c60012;}
.pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(2):hover{background: #fff; color: #c60012;border:1px solid #c60012;}
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:"";
	left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
	color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}

.pro-all-li .pro-box{ width: 100%;  height:360px;  box-sizing: border-box; padding: 8px;
	position: relative; overflow: hidden;}
.pro-all-li .pro-title1{ width: 100%; height: 140px;   text-align: center;transition: all 0.5s;
	font-size: 18px; box-sizing: border-box; padding:0 15px 15px;}
.pro-all-li .pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 3%; }
.pro-all-li .pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 14px; line-height: 20px; height: 35px; padding-top: 10px;  }

/*璁㈣喘娴佺▼*/
.index-dglc{ background: url("../img/index_dinggou_bj.jpg") no-repeat center top; position: relative; overflow: hidden; background-size: cover}

.index-dglc:after{ position: absolute; content: attr(data-title); bottom: -25%;left: 0;right: 0; margin: auto; color: #2da17c; display: block; font-size: 150px; text-transform: uppercase; text-align: center; font-family: Impact}




.lc-item span{ display: block; background: #fff; border-radius: 100%; width: 85px; height:85px; position: relative }
.lc-item span i{ width: 50%; height: 50%; position: absolute; left: 0;top: 0; bottom: 0;right: 0; margin: auto; display: block}
.lc-item p:nth-of-type(1){ font-size: 24px; color: #fff}
.lc-item p:nth-of-type(2){ font-size: 20px; color: #fff}
.lc-item:hover { background: #fff; border-radius: 0.5rem}
.lc-item,.lc-item span,.lc-item span i img{ transition: all 0.5s}


@media(max-width: 992px){
	.lc-item p:nth-of-type(1){ font-size: 18px; color: #fff}
	.lc-item p:nth-of-type(2){ font-size: 16px; color: #fff}
}
.lc-item:hover span{ background: #e80113}
.lc-item:hover span i img{filter: brightness(100);}
.lc-item:hover p{ color: #e80113;}
.lc-item{ position: relative}
.lc-item:after{ position: absolute; content: "";  width: 0; height: 0; border:10px  solid transparent;  border-top-color:#fff;  z-index: 9999; bottom:  0px; left: 0; right: 0; margin: auto; transition: all 0.5s;  opacity: 0}
.lc-item:hover:after{bottom:  -20px; opacity: 1}
.lc-line{ position: relative; display: block; width: 35px;}
.lc-line:after{ position: absolute; content: "";  width: 100%; height:1px;  background: rgba(255,255,255,0.5); left: 0; bottom: 30%;right: 0;  margin: auto;  }
@media(max-width:1400px){
	.lc-line{ display: none}
	.lc-item{ flex: 0 0 auto;width: 33.33%}

	.index-dglc:after{ position: absolute; content: ""; bottom: -25%;left: 0;right: 0; margin: auto; color: #2da17c; display: block; font-size: 150px; text-transform: uppercase; text-align: center; font-family: Impact}

}
.lc-item:nth-of-type(1){ position: relative; height: 100%; display: block; zoom: 1}
.lc-item:nth-of-type(1):before{ position: absolute; content: "";right: 100%;width: 500px; height:1px;  background: rgba(255,255,255,0.5);  margin: auto; top: 0; bottom:-37%;}
.lc-item:nth-last-of-type(1){ position: relative; height: 100%; display: block; zoom: 1}
.lc-item:nth-last-of-type(1):before{ position: absolute; content: "";left: 100%;width: 500px; height:1px;  background: rgba(255,255,255,0.5);  margin: auto; top: 0; bottom:-37%;}
/*鍏徃绠€浠�*/
.index-about-img{ position: relative}
.index-about-img:after{ position: absolute; content: ""; left:8%; top:10%; width: 85%; height: 95%; border-radius: 0.5rem; background: #e80113; z-index: -1}
@media(max-width: 992px){

	.index-about-img:after{ position: absolute; content: ""; left:8%; top:10%; width: 85%; height: 95%; border-radius: 0.5rem; background:none ; z-index: -1}
}

.about-font-title-two{ position: relative}
.about-font-title-two p:nth-of-type(1){ font-size: 24px; color: #282828; font-weight: bold;}
.about-font-title-two p:nth-of-type(2){ font-size:16px; color: #666666;  }
.about-font-title-two:after{ position: absolute; content:attr(data-title);text-transform: uppercase; color: rgba(102,102,102,0.1); left: 0; top: -50%;  font-size: 80px; font-family: Impact; opacity: 0.5;letter-spacing: 1rem}
.about-nr{ font-size: 16px; color: #666; line-height: 30px;}
.about-item span i{ display: block; width: 50%; height: 50%; position: relative}
.about-item span i img{ max-width: 100%;}
.about-item span{ display: block; border-radius: 0.5rem;  position: relative;}

.about-bj{ position: relative;  width: 90px; height: 100px; display: block}
.about-bj div{  position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; display: block; padding-bottom: 60%}
.about-bj div:nth-of-type(1){ opacity: 1; transform: all 0.5s; }
.about-bj div:nth-of-type(2){ opacity:0;transform: all 0.5s;}
.about-bj span{ display:block;  position: absolute; top: 0;bottom: 0; right: 0;left: 0;margin: auto;}
.about-bj:hover  div:nth-of-type(2){ opacity: 1; }
.about-bj:hover  div:nth-of-type(1){ opacity: 0;}

.about-item{ font-size: 18px; color: #333; position: relative}
.about-item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 50%; height: 1px; left: 120%; top: 35%;   margin: auto; background: #e80113}
.about-all-num .about-slide { color: #757575;  width: 25%;  text-align: center; position: relative; }
.about-all-num .about-slide:after{ position: absolute; content: ""; width: 1px; background: #e7e7e7; height:40%; top: 0; bottom: 0; right: 0; margin: auto;  }
.about-all-num .about-slide:nth-last-of-type(1):after{ height: 0 }
.about-all-num .about-slide p{ font-size: 14px; color: #666666; padding: 0; margin: 0 }
.about-all-num .about-slide p:nth-of-type(1) span{ font-size:40px; color: #e80113; font-family: Impact  }
.about-all-num .about-slide p:nth-of-type(1){ font-size: 14px; color: #666666 }
@media(max-width: 768px){
	.sl_right p:nth-of-type(1){ font-size: 20px; text-transform: uppercase; color: #ff6a51; margin-bottom: 0;letter-spacing: 1px}
	.sl_right p:nth-of-type(1):first-letter{font-size: 22px; margin-bottom: 0;}
	.sl_right p:nth-of-type(2){ font-size: 16px;   color: #ff6a51;}
	.about-all-num .about-slide p:nth-of-type(1) span{ font-size:26px; color: #282828;  }
}



.about-title-all{}
.about-title-all span:nth-of-type(2){ font-size: 28px; color: #282828; position: relative; padding-left: 10%; margin-left: 2%;}
.about-title-all span:nth-of-type(2):after{ position: absolute; content: ""; height: 1px; width: 13%; background: #939393;
	display: block;left: 0; top: 0; bottom: 0; margin: auto;}
.about-box{ font-size: 16px; color: #666; line-height: 30px;}
/*鏂囧寲*/
.gutters-20 {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.wh-box{ width: 100%; background: #ffffff; border-radius: 2rem 2rem 0 0; height:100%; position: relative; transition: all 0.5s; margin: 0 20px;}
.wh-box:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #e80113; left: 0; bottom: 0px; transition: all 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.wh-box:hover:after{  transform-origin: left center; transform: scaleX(1);}
.wh-box:hover{ -webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
	-moz-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
	box-shadow: 0 0 20px rgba(51, 51, 51, 0.1); background: #80c26a }
.wh-box span{ background: #80c26a; height: 100px; width: 100px; border-radius: 100%; display: block; position: relative; margin: 0 auto}
.wh-box span i{ position: absolute; top: 0;right: 0; bottom: 0; left:0; margin: auto; height: 45px; width: 45px;}
.wh-box span i img{ filter: brightness(100)}
.wh-box:hover i img{ filter:brightness(1)}
.wh-box:hover span{ background: #fff!important;}



.wh-box p:nth-of-type(1){ color: #282828; font-size: 28px; font-weight: bold}
.wh-box p:nth-of-type(2){ color: #999999; font-size: 20px; position: relative;  }
.wh-box p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -60%; right: 0; margin:auto;
	background: #fff; width:8%; height: 2px; transition:transform 0.5s; display: block;}

.wh-box:hover p:nth-of-type(2):after{width:8%; transform:rotate(0deg);}
.wh-box:hover span{ background: #e80113; transition: all 0.5s}
.wh-box:hover p { color: #fff;}
.fc_img{ width: 100%;  overflow: hidden;}
.fc_img img{  transition: all 0.5s;width: 100%; height: 100%; object-fit: cover;}
.fc_img:hover img{ transform: scale(1.1); filter: brightness(130%);   }
@media(max-width: 768px){
	.wh-box{ background: #f4f4f4; height:100%; position: relative; transition: all 0.5s; margin: 0 0px;}
	.wh-box span{ background: #e80113; height: 50px; width: 50px; border-radius: 100%; display: block; position: relative; margin: 0 auto}

	.wh-box span i{ position: absolute; top: 0;right: 0; bottom: 0; left:0; margin: auto; height: 30px; width: 30px;}
	.wh-box span i img{ max-width: 90%}
	.wh-box:hover p:nth-of-type(1),.wh-box:hover p:nth-of-type(2) { color: #fff;}
	.wh-box p:nth-of-type(1){ color: #282828; font-size: 20px;}
	.wh-box p:nth-of-type(2){  color: #999999; font-size: 16px; position: relative; font-size: 14px;  text-transform: uppercase}
	.wh-box p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -60%; right: 0; margin:auto;
		background: #e80113; width:8%; height: 2px; transition:transform 0.5s; display: block ;}
	.wh-box p:nth-of-type(n+3){ color: #fff; font-size: 14px; line-height: 20px;}
	.wh-box:hover p:nth-of-type(2):after{width:5%;    transform:rotate(90deg);}

	.shili-font-box{    position: absolute;
		top: 35.3%;

		left: 0;
		right: 0;
		margin: auto;
		background: url(../img/shili_bj.jpg) no-repeat center top;
		width: 46.4%;
		height: 23.33%;
		z-index: 99999;
		display: none;}
}

.shili-box{ position: relative;}

@media(min-width: 1200px){
	.shili-font-box p:nth-of-type(1){ font-weight:bold; font-size: 36px; position: relative}
	.shili-font-box p:nth-of-type(1) span{ position: relative}
	.shili-font-box p:nth-of-type(1) span:after{ position: absolute; content:'';left: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(1) span:before{position: absolute; content:'';right: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(2){ font-size: 26px; border: 2px #fff solid;letter-spacing: 6px;}

	.shili-font-box{    position: absolute;
		top: 35.3%;

		left: 0;
		right: 0;
		margin: auto;
		background: url(../img/shili_bj.jpg) no-repeat center top;
		width: 46.4%;
		height: 33.33%;
		z-index: 99999;}


}


@media(max-width: 991px){
	.shili-font-box p:nth-of-type(1){ font-weight:bold; font-size: 18px; position: relative}
	.shili-font-box p:nth-of-type(1) span{ position: relative}
	.shili-font-box p:nth-of-type(1) span:after{ position: absolute; content:'';left: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(1) span:before{position: absolute; content:'';right: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(2){ font-size: 12px; border: 1px #fff solid;letter-spacing: 0px;}
}

/*浼樺娍*/
.ys_item{ text-align: center; width: 75px; height: 75px; line-height: 35px; border-radius: 100%;   position: relative }
.ys_bg1{ background-image: linear-gradient(to bottom,#a599d0 50%, #eff1f7 0);}
.ys_bg2{ background-image: linear-gradient(to bottom,#e77745 50%, #eff1f7 0);}
.ys_bg3{ background-image: linear-gradient(to bottom,#3bb3c3 50%, #eff1f7 0);}
.ys_item:after{ position: absolute; content: ""; background: #eff1f7;}
.ys_item p:nth-of-type(1){ font-size: 22px; font-weight: bold; margin-bottom: 0; color: #fff;}
.ys_item p:nth-of-type(2){     font-size:15px; font-weight: bold; margin-bottom: 0}
.ys-item-box{ height:470px; width: 100%;  overflow: hidden;  }
.wave{ bottom:0;}
.wave img{ border-radius: 0 0 5px 5px;}
.ys-box1{ width: 100%; height:100%;}
.ys_font{ top:0;left: 0; bottom:0; right:0; margin: auto; transition: all 0.5s}
.ys_font p:nth-of-type(3){ position: relative; color: rgba(255,255,255,0.1);text-shadow:2px 2px rgba(255,255,255,0.05); }
.ys_font p:nth-of-type(3):after{position: absolute; content:"";height: 2px; width: 10%; background: rgba(255,255,255,0.5); margin: auto;left: 0; right:0; bottom:-20px;}
.dian{ position: absolute; left: 0; right: 0; top:38%; margin: auto; width: 100%; text-align: center; transition: all 0.5s }

.ys-box2{ position: absolute;bottom: -0px; left:0;; transition: all 0.7s; border-radius: 5px;}
.ys-box2 img{ background: #e80113; border-radius: 5px;}
.ys_font2{ position: absolute; text-align: center; top:0; }
.ys_font2 p:nth-of-type(1){  font-size: 24px;}
.ys_font2 p:nth-of-type(2){ position: relative; color: rgba(255,255,255,0.1);text-shadow:2px 2px rgba(255,255,255,0.05); }
.ys_font2 p:nth-of-type(2):after{position: absolute; content:"";height: 2px; width: 10%; background: rgba(255,255,255,0.5); margin: auto;left: 0; right:0; bottom:-20px;}
.ys_font2 .pro_desc{ font-size: 16px; width: 70%; text-align: center; margin: 0 auto; line-height: 30px;}
.ys_font2 a{ display: flex; background: #fff; height: 40px; line-height:40px; font-size: 16px;}
.ys-item-box:hover .ys-box2{ bottom:472px; }
.ys-item-box:hover  .ys-box1 div>img{ transform: scale(1.05)}
.ys-item-box:hover .ys_font  {top:100%;}
.ys-item-box:hover .ys_font p{ opacity: 0}
.ys-item-box:hover .dian{   transform: translateY(10px);
	-ms-transform:translateY(60px);
	-moz-transform:translateY(60px);
	-webkit-transform:translateY(60px);
	-o-transform:translateY(60px); opacity: 0; }
.ys-four-all{ position: relative;}
.ys-four-all>p:nth-of-type(1){ position:relative; position:absolute;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	left: -12%;
	top:30%;
	font-size: 12px;
	text-transform: uppercase; color: #666; }
.ys-four-all>p:nth-of-type(1):after{position: absolute; content: "";  right:-30%;  top:0;bottom:0%;margin:auto; height:2px; width: 70px; background: #be1126;}

.pro-all-center .pro-box{ background: #f5f5f5; padding: 20px; }
.pro-all-center .pro-box span{ display: block; overflow: hidden; }
.pro-all-center .pro-box span img{ transition: all 0.5s }
.pro-all-center .pro-box .pro-font{ padding-top: 20px; }
.pro-all-center .pro-box:hover span img{ transform: scale(1.1); }
.pro-all-center .pro-box .pro-font p:nth-of-type(1){ color: #e80113; font-size: 20px; position: relative; }
.pro-all-center .pro-box .pro-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #e80113;
	width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block; float: left;
	color: #666; font-size: 16px;  width: 50%}

.pro-all-center .pro-box .pro-a >  a{ display: block; float: left;   font-size: 14px; width: 35%; }
.pro-all-center .pro-box  .pro-a > a span{ float: right; }
.pro-all-center .pro-box .pro-a{ padding: 5% 0;  display: flex; }
.pro-all-center .pro-box .pro-a > a{ background: #282828; color: #fff; padding: 1% 4% }
.pro-all-center .pro-box .pro-a > a:nth-of-type(1){background: #e80113; margin-right: 4%; }
.pro-all-center .pro-box:hover .pro-font p:nth-of-type(1):after{ width: 10% }
@media(max-width:768px) {
	.pro-all-center { padding-bottom: 20px; }
	.pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block;
		color: #666; font-size: 16px;  width: 100%}
	.btn-n span i{ display: none; }
	.index_title p:nth-of-type(1){ font-size: 18px; color: #303032}
	.index_title p:nth-of-type(2){ font-size: 16px; color: #999999; text-transform: uppercase; position:relative;}
	.ys-item-box{ height:320px; width: 100%;  overflow: hidden;  }
	.ys_font2 .pro_desc{ display: none}
	.ys-item-box:hover .ys-box2{ bottom:320px; }
}


.pro-box-big .pro-box{ background: #f5f5f5; padding: 0 }
.pro-box-big .pro-box span{ display: block; overflow: hidden;}
.pro-box-big .pro-box span img{ transition: all 0.5s }
.pro-box-big .pro-box .pro-font{ padding: 20px; }
.pro-box-big .pro-box:hover span img{ transform: scale(1.1); }
.pro-box-big .pro-box .pro-font p:nth-of-type(1){ color: #e80113; font-size: 20px; position: relative; }
.pro-box-big .pro-box .pro-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #e80113;
	width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.pro-box-big .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block; float: left;
	color: #666; font-size: 16px;  width: 50%}

.pro-box-big .pro-box .pro-a >  a{ display: block; float: left;   font-size: 14px; width: 35%; }
.pro-box-big .pro-box .pro-a > a span{ float: right; }
.pro-box-big .pro-box .pro-a{ padding: 5%;  display: flex; }
.pro-box-big .pro-box .pro-a > a{ background: #282828; color: #fff; padding: 1% 4% }
.pro-box-big .pro-box .pro-a > a:nth-of-type(1){background: #e80113; margin-right: 4%; }
.pro-box-big .pro-box:hover .pro-font p:nth-of-type(1):after{ width: 10% }

@media(max-width:992px) {
	.pro-box-big { padding-bottom: 20px; }
	.pro-box-big .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block;
		color: #666; font-size: 16px;  width: 100%}
	.btn-n span i{ display: none; }
	.index_title p:nth-of-type(1){ font-size: 18px; color: #303032}
	.index_title p:nth-of-type(2){ font-size: 12px; color: #303032; text-transform: uppercase; position:relative;}

}


/*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: #c40000; background: #c40000;}
.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;}
/*妗堜緥*/
.case-box{ background: #fff; color: #333333; position: relative;  transition: transform 0.5s}
.case-box p{ font-size: 18px; color: #282828; line-height:60px; text-align: center; position: relative; transition: all 0.1s}
.case-box:before{ position:absolute; content:""; left:0; top: 0; width: 100%; height:100%; background: #e80113; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
.case-box:hover:before{ transform: scaleX(1); transform-origin: left center; }

.case-box span,.case_center .case-box p{ position: relative}
.case-box:hover p{ color: #fff;}


/*鍏徃绠€浠�*/
.blue_bg{ background: #e80113;}
.about-img{ border: 5px solid #fff;}
.about_box_all{ position: relative;}
.about_box_all:after{position: absolute; content: ""; background: url("../img/dian2.png") no-repeat right top; top:0; right:0%; width: 20%; height:90px; }
.about_box_all:before{position: absolute; content: ""; background: url("../img/dian2.png") no-repeat right top; bottom:0; left:0%; width: 20%; height:90px; }
.about_box_all>p:nth-of-type(1){ position:relative; position:absolute;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	right: -12%;
	top:30%;
	font-size: 12px;
	text-transform: uppercase; color: #666; }
.about_box_all>p:nth-of-type(1):after{position: absolute; content: "";  right:-30%;  top:0;bottom:0%;margin:auto; height:2px; width: 70px; background: #be1126;}


.about-right-box{ position: relative;}
.about-right-box:after{ position:absolute; content: 'yingda'; text-transform: uppercase; color:rgba(255,255,255,0.02);
	bottom:-22%; left:0; right: 0; margin:auto;	font-size: 140px;  font-family: 'arial';
	z-index: 99; letter-spacing: 5px;}
.about-right-box p:nth-of-type(1){ font-size: 40px; text-transform: uppercase; color: rgba(255,255,255,0.5); position: relative}
.about-right-box p:nth-of-type(1):after{ position: absolute; content: "";left: 38%;top: 0; bottom:0; margin:auto; background: rgba(255,255,255,0.5); width: 15%; height: 1px;}
.about-right-box p:nth-of-type(2){ font-size: 24px; color: #fff;}
.desc-all{ color:rgba(255,255,255,0.5); font-size: 16px; line-height:35px; }
.about-right-box div.more-xiangqing{ line-height: 35px; font-size: 16px; color: #fff; width: 100%;position: relative; z-index: 9999}
.about-right-box div.more-xiangqing a{  color: #fff; display: block; width:60%; height: 35px;line-height: 35px;position: relative; }
.about-right-box div.more-xiangqing a i{ transition: transform 0.5s; display: block;position: relative; }
.about-right-box div.more-xiangqing a:hover i{ transform: rotate(270deg)}

div.more-xiangqing:before{ position:absolute; content:""; left:0; bottom: 0; width:55%; height:2px; background: #fff; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
div.more-xiangqing:hover:before{ transform: scaleX(1); transform-origin: left center; }


/*鏂伴椈*/


.double_all2  .news_time{  width: 100%; display: block; text-align: left;  }
.double_all2  .news_time p:nth-of-type(1){ font-size: 24px; color: #333333; margin: 0 }
.double_all2  .news_time p:nth-of-type(1) img{filter: brightness(0); opacity: 0.5;  transform: translateX(0px); transition: all 0.5s}
.double_all2  .news_box_slide:hover .news_time p:nth-of-type(1) img{ filter: brightness(1);	opacity: 1; transform: translateX(20px)}
.news_time p:nth-of-type(2){ font-size: 12px; color: #bfbfbf; transition: all 0.5s; transform: translateX(0px)}
.double_all2  .news_box_slide:hover .news_time p:nth-of-type(2){ font-size: 12px; color: #bfbfbf;  padding-right: 10px;}
.news-left-img-box:hover .news_time p:nth-of-type(2){ padding-right: 10px;}
.news-left-img-box:hover .news_time p:nth-of-type(1){ padding-left: 10px;}
.news-left-img-box .news_time p:nth-of-type(1){  transition: all 0.5s}


.double_all2 .news_box_slide .news_nr{ text-align: left; }
.double_all2 .news_box_slide .news_nr p:nth-of-type(1){ font-size: 16px; color: #333 }
.double_all2 .news_box_slide .news_nr .news_small_desc{ font-size: 14px; color: #999 }
.double_all2 .news_box_slide .news_nr p:nth-of-type(1) img{filter: brightness(0);	opacity: 0.5;}
.double_all2 .news_box_slide:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #e80113; left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.double_all2 .news_box_slide:hover:after{  transform-origin: left center; transform: scaleX(1);}



/*瀹炲姏妗堜緥*/


.f_item{  flex: 1;  }
.f_item span{  display:inline-block; width: 15%; padding:2%; margin-left: 5%;margin-top: 10%; position: relative; z-index: 3; transition: all 0.5s }
.f_item span i{ position: relative; background: #fff; width: 48px; height: 48px; border: 1px solid #ececec;
	border-radius: 100%; display: inline-block;  align-items: center; display: flex; }
.f_item span i img{ max-width: 100%; transition: all 0.5s; position: absolute; left: 0;right: 0; top:0; bottom: 0; margin: auto;}
.f_item div:nth-of-type(1){ color: #666; mrgin-left:10%; box-sizing: border-box; position: relative; z-index: 3}
.f_item div:nth-of-type(1) p:nth-of-type(1){ font-size: 24px; color: #333333;   margin-bottom: 5px; transition: all 0.5s }
.f_item div:nth-of-type(1) p:nth-of-type(2){ font-size: 14px; color: #666666; height: 50px;line-height: 20px; margin-bottom: 0; transition: all 0.5s }
.f_item:hover  span i img{transform: rotate(360deg)}
.f_item:hover span i{ background:#e80113; border: 1px solid #e80113;    background-image: -webkit-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%);
	background-image: -ms-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%);
	box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26);}
.hs_bg_80{ background-image: linear-gradient(to bottom, #f4f4f4 75%, #fff 0%);}
@media(max-width: 768px) {
	.index-four-ys{ width: 100%; display: flex; flex-wrap: wrap;}
	.f_item{  flex: 0 0 50%; max-width: 50%  }
	.f_item span{  display:inline-block; width: 25%; padding:2%; margin-right: 5%;margin-top: 10%; position: relative; z-index: 3 }
}
/*棣栭〉鏂伴椈*/
.news_all_bg{ width: 100%; background: #f4f4f4;}

.news_ad{  color: #fff; }
.news_ad p{ font-size: 18px; color: #fff; height: 60px; line-height:60px;background-image: linear-gradient(to right,#e80113 85%, #c40e25 0);
	transition: all 0.5s; position: relative}

.news_ad p span{ position: relative; z-index: 999}
.news_ad p span:nth-of-type(2){    color: #fff; width: 15%;}

.news_ad p span i{ margin:15px 15px; display: inline-block; width: 27px; height:27px;  border-radius: 100%; position: relative; float: right; padding: 5px; transition: all 0.5s; }
.news_ad p span i:after{ position: absolute; content: ""; height: 1px; width: 13px; left: 0; right: 0; top: 2%; margin:auto; background: #fff;   transform: rotate(45deg) translateX(4px) translateY(7px);}
.news_ad p span i:before{ position: absolute; content: ""; height: 1px; width: 13px; left: 0; right: 0; bottom: 2%; margin:auto;background: #fff; transform: rotate(-45deg) translateX(4px) translateY(-7px);}
.news_ad p:after{ position:absolute; content:""; left:0; top: 0; width: 100%; height:100%; background: #c40e25; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
.news_ad:hover p:after{ transform: scaleX(1); transform-origin: left center  }
.news_ad:hover  p span i{ background: #fff;}
.news_ad:hover  p span i:before,.news_ad:hover  p span i:after{ background: #c40e25; }


.pro-big-box{ width: 100%; overflow: hidden}
.double_all{height: 700px;  }
.double_all.swiper-container{ padding-bottom: 50px; }

.double_all .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:350px;

}




.four_news{ background: #fff;}


.news-img-box{transition: all 0.5s}
.news-img-box p:nth-of-type(1){ font-size: 18px; color: #282828;}
.news-img-box .news-desc{ font-size: 14px; color: #666666;}
.news-right-box .news-item{ position: relative; transition: all 0.5s;}
.news-right-box a:not(:nth-last-of-type(1)) .news-item:before{ position: absolute; content: "";
	width: 100%; height: 1px;border-bottom: 1px solid #f6f7fc;  transition: all 0.5s; background: #f00;left: 0; bottom:0; }
.news-mess-box p:nth-of-type(1){
	color: #282828;
	position: relative;
;}

.news-mess-box p:nth-of-type(1):after{ position: absolute; content: ""; left: -5%; top:0; bottom: 0;margin: auto; background: #d50000; width: 5px; height:5px;}
.news-right-box{ border-bottom: 1px solid #f6f7fc;transition: all 0.5s}
.news-xs{ font-size: 14px; color: #666666;}
.news-time-box p:nth-of-type(1){ font-size: 18px; color: #9a9a9a;}
.news-item:hover{ background: #043894;color: #fff;transition: all 0.5s}
.news-item:hover .news-xs,.news-item:hover p{ color:#fff;}

.news-item:hover  p:nth-of-type(1):after{ background: #fff; transform: rotate(360deg)}
.news-item .news-time-box p:nth-last-of-type(1){ transition: all 0.5s}
.news-item:hover .news-time-box p:nth-last-of-type(1){ padding-right: 15%;}


.news_box_left{ margin: 20px; padding: 10px; border-bottom: 1px solid #e7e7e7; position: relative;   }
.news_box_left:after{ position: absolute;content: ""; background
: #043894; height: 2px; width:100%;  left: 0;bottom: -1px;

	transition: all 0.5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.news_box_left:hover:after{-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
	-o-transform: scaleX(1); transform: scaleX(1);}


/*鍝佺墝涓庡弸鎯呴摼鎺�*/
.index_pinpai{ background: url(../img/index_pinpai_bj.jpg) no-repeat left top; background-size: cover; height: auto; overflow: hidden;}
.white-font{ color: #fff }
.index_title2{ text-align: center;}
.index_title2 p:nth-of-type(1){ font-size: 36px; color: #fff}
.index_title2 p:nth-of-type(2){ font-size: 14px; color: rgba(255,255,255,0.5); text-transform: uppercase; position:relative;}
.index_title2 p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -150%; right: 0; margin:auto;
	background: #fff; width: 6%; height: 3px; }

.pinpai_content{  font-size: 16px; color: #fff; padding:8% 10% 5%; line-height: 30px; }
.index_pinpai>a:nth-of-type(1){ display: block; margin: 0 auto; font-size: 16px; color: #fff; text-transform: uppercase; }
.index_pinpai>a:hover{ color: #e80113; letter-spacing: 4px; }
.index_pinpai ul{ padding: 5% 0; display: flex; justify-content: space-between; width: 70%; margin: 0 auto; color: #fff}
.index_pinpai ul li{ flex: 1; color: #fff; text-align: center; font-size: 14px; transition: all 0.5s;}
.index_pinpai ul li i{ font-size: 50px; transition: all 0.5s; color: rgba(255,255,255,0.5);transition: all 0.5s}
.index_pinpai ul li p{color: rgba(255,255,255,0.5); transition: all 0.5s}
.index_pinpai ul li a:hover p,.index_pinpai ul li a:hover i{color: rgba(255,255,255,1);}
.index_pinpai ul li a{ display: block; width: 100%; height: 100%; transition: all 0.5s; background: rgba(255,255,255,0); }
.index_pinpai ul li a:hover{  background: rgba(255,255,255,0.5);  transform: scale(1.1);}







.index_links{ background: #ecf5fa; text-align: center; height: auto; overflow: hidden;}
.index_links ul{display: flex; flex-flow:row wrap; width: 80%; margin: 0 auto; justify-content: space-between; background: #fff;}
.index_links li{   background: #fff; padding: 3% 0; box-sizing: border-box; overflow: hidden; border-right:1px solid #eee;
	border-bottom:1px solid #eee; float: left}
.index_links li:nth-of-type(4n){ border-right: none }
.index_links li img{ transition: all 0.5s; }
.index_links li:hover img{ transform: scale(1.1); }
@media(max-width:768px) {
	.index_links ul {flex-flow:row wrap;}
	.index_links li{  flex-basis:50%; }

	.index_links li:nth-of-type(2n){ border-right: none }

	.index_title2 p:nth-of-type(1) {
		font-size: 18px;
		color: #fff;
	}
	.pinpai_content {
		font-size: 14px;
		color: #fff;
		padding: 8% 10% 5%;
		line-height: 30px;
	}
	.index_pinpai ul{ padding: 5% 0; display: flex; justify-content: space-between; width:100%; margin: 0 auto; color: #fff}
	.pinpai_content{  font-size: 12px; color: #fff; padding:8% 2% 5%; line-height: 30px; }

}




.btn1{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn1:hover{ color:#fff; border-color:#282828;}
.btn1 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
	transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
	border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
	position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn1 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
	transform: rotate(360deg);border-style: solid;border-width: 0;
	border-top-color:transparent;border-left-color:transparent;
	border-bottom-color:transparent;border-right-color:#282828;
	position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s;
	transition: all 0.6s;}
.btn-n:hover .bgsqr1{ border-width:200px 0 0 200px;}
.btn-n:hover .bgsqr2{ border-width:0 200px 200px 0;}
.btn-n span{ position:relative; z-index:1; text-align: left; width: 100%;}
.btn-n span i{ padding: 0 0 0 10%; display: block; float: right; transition: all 0.5s}
.btn-n:hover i{ padding-left:5%; }
@media( max-width: 768px){.btn-n span i{ padding: 0 0 0 0%; display: block; float: right; transition: all 0.5s}
	.btn-n:hover i{ padding-left:0%; }
}
.btn2{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn2:hover{ color:#fff;  }

.btn2 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
	transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
	border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
	position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn2 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
	transform: rotate(360deg);border-style: solid;border-width: 0;
	border-top-color:transparent;border-left-color:transparent;
	border-bottom-color:transparent;border-right-color:#e80113;
	position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s;
	transition: all 0.6s;}






/*鏂伴椈妯″潡*/
.news-all-center{ padding-top: 1%; padding-bottom: 120px; }

.news-all-center .news-box{ background: #fff; padding: 15px; border-bottom: 1px solid #ededee; transition: all 0.5s}
.news-all-center .news-box:hover{-webkit-box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);
	-o-transform: translateY(-10px); transform: translateY(-10px);}


.news-all-center .news-box span{ display: block; overflow: hidden; }
.news-all-center .news-box span img{ transition: all 0.5s }
.news-all-center .news-box .news-font{ padding-top: 20px; }
.news-all-center .news-box:hover span img{ transform: scale(1.1); }
.news-all-center .news-box .news-font p:nth-of-type(1){ color: #e80113; font-size: 22px; position: relative; }
.news-all-center .news-box .news-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #e80113;
	width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.news-all-center .news-box .news-font div{
	color: #666; font-size: 16px;  }
.news-all-center .news-box   p:nth-last-of-type(1){ font-size:14px; color: #999 }

.news-all-center .news-box:hover .news-font p:nth-of-type(1):after{ width: 10% }
@media(max-width:768px) {
	.news-all-center .news-box .news-font ul li{ flex: 1; text-align: left; display: block;
		color: #666; font-size: 16px;  width: 100%}

}

/*蹇嵎瀵艰埅*/
.b_nav_box{ width:98%; position: relative; overflow: hidden; }
.b_nav_box:after{ position: absolute; content: ""; width:1px; height: 0px; left: 0; top: 0;
	right: 0; margin: auto; z-index: 9; background: #fff; transition: all 0.5s}
.b_nav_box:hover:after{ height: 75px; }
.b_nav_box span{ width: 100%; overflow: hidden; display: flex; height: 100%; }

.b_nav_box span img{ transition: all 0.5s; width: 100%; height: 100%; object-fit: cover; }
.b_nav_box:hover span img{ transform: scale(1.1);}
.b_nav_box .b-g1{ background: rgba(43,55,69,0.9);  }


.b_nav_box .b-g2{ background: rgba(153,30,50,0.9);  }
.b-font{position: absolute;left: 0; top: 0;width: 100%; height: 100%;  padding-top: 8%; text-align: center;
	transition: all 0.5s; box-sizing: border-box;}
.b-font p{ color: #fff; margin: 0 }
.b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
.b-font p:nth-of-type(2) a{ color: #fff;  line-height: 30px; display: block; }
.b_nav_box:hover .b-font{ padding-top: 105px;}
.b_nav_box:hover p:nth-of-type(2) a{ padding-top: 10px; }

@media(max-width: 768px){
	.b_nav_box .b-font{ padding-top: 5%;}
	.b_nav_box:hover:after{ height: 10%; }

	.b_nav_box:hover .b-font{  padding-top: 8% }
	.b-font p{ margin: 0 }
	.b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
	.b_nav_box:hover p:nth-of-type(2) a{ }

}
/*end*/



/*褰撳墠瀹氫綅*/
.current_lm{ position: relative;   height: 70px; line-height: 70px; width: 100%; font-size: 14px; padding-left: 10px; }
.current_lm:after{ position: absolute;content: "";   width: 3px; height: 20px; background:#e80113; left: 0; top: 0;bottom: 0; margin: auto;}
.current_lm a{ padding:0 5px;  display: inline-block;}
.current_lm a:hover{ color: #e80113; }
.left_list .left_slide{ background:#f7f7f7;  border-bottom:5px solid #ececeb;}
.left_title{  background: #c60012; color: #fff; height: 65px; line-height: 65px; position: relative; text-align: center;}
.left_title p:nth-of-type(1){ line-height: 65px; font-size: 27px; color: #fff; font-weight: bold;  }
.left_title p:nth-of-type(2){ font-family: 'impact'; color: rgba(255,255,255,0.3); position: absolute;
	left: 0;top: 0;bottom: 0;right: 0; margin: auto; font-size: 30px; text-transform: uppercase; }
.list_name{ padding:15px 30px; }
.list_name li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dfdfdf; font-size: 16px;
	padding-left: 40px; box-sizing: border-box;  transition: all 0.5s; }
.list_name li:hover{  background: #c60012; border-bottom: 1px dashed #c60012;}
.list_name li a{ color: #666; display: block; }
.list_name li a:hover{  color: #fff}
.left_contact{ font-size: 14px; color: #666; padding:20px; }
/*浜у搧涓績*/
.right_img{  background-size: cover}
.right_img img{ max-width: 100% }
.pro_right_font>p:nth-of-type(1){ color: #333; font-size: 30px; position: relative; font-weight: 400;  }
.pro_right_font>p:nth-of-type(1):before{ position: absolute; content: "";left: 0; width:8px; height: 20px;
	transform: skew(-10deg,0); background: #0075c4; left: 0; top: 0; bottom: 0; margin: auto;}
.pro_right_font>p:nth-of-type(1):after{ position: absolute; content: "";left: 0; width: 5px; height: 10px;
	transform: skew(-10deg,0); background: #0075c4; left: -1%; top: 0; bottom: 0; margin: auto;}

@media(max-width: 991.98px){
	.pro_right_font>p:nth-of-type(1):before{ position: absolute; content: "";left: 0; width:8px; height: 15px;
		transform: skew(-10deg,0); background: #0075c4; left: 0; top: 0; bottom: 0; margin: auto;}
	.pro_right_font>p:nth-of-type(1):after{ position: absolute; content: "";left: 0; width: 5px; height: 10px;
		transform: skew(-10deg,0); background: #0075c4; left: -2%; top: 0; bottom: 0; margin: auto;}
}

@media (max-width: 1299.98px) {
	.pro_right_font>p:nth-of-type(1){ color: #333; font-size: 20px; position: relative; font-weight: 400;  }

}
.pro_right_font>p:nth-of-type(2){ color: #999; font-size: 16px;}
.pro_right_font .pro_des_key{ background: #f7f7f7; font-size: 16px; line-height: 28px; color: #999;}
.pro_right_font .pro_des_key strong{ color: #282828; }

.pro_des_key div:nth-of-type(1){ border-bottom: 1px dashed #999999 }
.pro_tel a{ font-size: 16px; display: block; height: 40px; line-height: 40px; color: #fff; background: #c60012; float: left; }
.pro_tel div{ font-size: 16px; float: left; line-height: 40px; height: 40px; }
.pro_tel div span{ color: #c60012; font-family: 'arial'; font-size: 24px; font-weight: bold; }
.pro_tel div i{ background: url(../img/pro_tel.png) no-repeat left center; display:inline-block; float: left; width: 30px; height: 40px;  }


.pro-ty-item{ line-height: 2}
.pro-ty-item i svg{ width: 25px; height: 25px; fill: #949494}
.pro-ty-item span{ font-size: 16px; color: #666;}

.content{ font-size: 16px; color: #666; line-height: 2.2}
.case-pro-box{ position: relative}

.case-pro-box .case-img{ position: relative; display: block; overflow: hidden}
.case-img>div:nth-last-of-type(1){ color: #fff; position: absolute; background: rgba(0,0,0,0.4); width: 100%;bottom: 0;left: 0; transition: all 0.5s;}
.case-img>div:nth-last-of-type(1)>span{ color: #fff; font-size: 16px; position: relative; z-index: 9}
.case-pro-box .case-img:after{ position: absolute; content: ""; background: rgba(0,0,0,0.5); 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-img:before{ position: absolute; content: "";  border:1px dashed rgba(255,255,255,0.5); left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%; margin: auto; transform: scale(0); opacity: 0; transition: transform 0.5s; z-index: 100;}

.case-pro-box .case-img>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(0%) scale(1.2);  transition: all 0.5s; opacity: 0}
.case-pro-box .case-img>span i svg{ width: 60px; height: 60px; fill: #fff}
.case-pro-box .case-img>span p{ font-size: 16px; color: #fff}
.case-pro-box .case-img:hover:after{  transform: scale(1)}
.case-pro-box .case-img:hover:before{  transform: scale(1); opacity: 1}
.case-pro-box .case-img:hover>span{transform: translateY(0%) scale(1); opacity: 1}
.case-pro-box .case-img img{ transition: all 0.5s;transform: scale(1.05)}
.case-pro-box .case-img:hover img{ transform: scale(1)}
.case-pro-box .case-img:hover>div:nth-last-of-type(1){ transform: translateY(0%) scale(1.25); opacity: 0}
@media(max-width: 768px){
	.pro_right_font>p:nth-of-type(1){ font-size: 22px; }
	.pro_tel div{ font-size: 18px; }
	.chat_btn{ width: 70%; background: #e80113; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; }
}

.swiper-btn a  {display: inline-block;width: 35px;height: 35px;
	line-height: 35px;text-align: center;color:#373737; background: #f5f5f5;
	position: relative;left: auto;right:auto;top:auto;margin-top: 0; transition: all .4s; background: #333333}
.swiper-btn a:nth-of-type(1){ background:#0d3983 }
.swiper-btn a:nth-last-of-type(1){ background: #c51429 }
.swiper-btn a.more {background: #c5c5c5; width: 35px;height: 35px;}
.swiper-btn a i{ color: #fff }
.swiper-btn a.more i { color: #fff;  }
.swiper-btn a.more:hover {background: #373737;}
.swiper-btn i { font-size: 30px; color: #373737 }
.swiper-button-prev1.swiper-button-disabled,.swiper-button-next1.swiper-button-disabled  {
	opacity: 0.4;
	cursor: auto;
	pointer-events: none;
}




#pinpai .swiper-slide.swiper-slide-active .case-pro-box{}
#pinpai .swiper-slide.swiper-slide-active .case-pro-box>div:nth-last-of-type(1){ display: none;}
#pinpai .swiper-slide.swiper-slide-active .case-pro-box case-img{ position: relative}
#pinpai .swiper-slide.swiper-slide-active .case-pro-box case-img:after{ position: absolute;
	content: ""; background: rgba(0,0,0,0.5); left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;
	transform: scale(1); transition: transform 0.5s; z-index: 99;}
#pinpai .swiper-slide.swiper-slide-active .case-pro-box case-img:before{ position: absolute; content: "";
	border:1px dashed rgba(255,255,255,0.5); left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%;
	margin: auto; transform: scale(1); opacity: 1; transition: transform 0.5s; z-index: 100;}

/*浜у搧璇︽儏*/
.pro-ad-all{ background: url("../img/pro_ad_bj.jpg") no-repeat center top; background-size: cover;}
.pro-ad-font-top{ text-align: center}
.pro-ad-font-top p:nth-of-type(1){ font-size: 46px; color: #fff; }
.pro-ad-font-top p:nth-of-type(2){ font-size: 16px; color: #fff; }
.pro-num-item>span:nth-of-type(1){ font-family: 'impact'; color: #0075c4; font-size: 46px;   -webkit-text-stroke: 1.0px #fff;
}
.pro-num-box{ width: 60%; margin: 0 auto}
.pro-num-box .pro-num-item{ flex:0 0 25%; position:relative;}
.pro-num-box .pro-num-item:before{  position:absolute; content: ""; right: 0; top: 20%;   margin: auto;
	width: 1px; height:30%; background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1)) }
.pro-num-box .pro-num-item:after{  position:absolute; content: ""; right: 0; top:50%;   margin: auto;
	width: 1px; height: 30%; background-image: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0)) }
.pro-num-box .pro-num-item:nth-last-of-type(1){ position: inherit}
.pro-num-item>div:nth-of-type(1){ display: flex; justify-content: center; flex-flow: column; padding-left: 1%;}
.pro-num-item>div:nth-of-type(1)>p:nth-of-type(1){ color: #fff; font-size: 14px;margin-bottom: 0; line-height: 1}
.pro-num-item>div:nth-of-type(1)>p:nth-of-type(2){ color: #c9c9c9; font-size: 14px;margin-bottom: 0; }


.pro-datil-box-nav{}
.pro-datil-box-nav .pro-nav-item{flex:1; font-size: 16px; color: #333; position: relative; }
.pro-datil-box-nav .pro-nav-item:after{ position: absolute; content: ""; height:80%; width: 1px; background: #d8d8d8; top: 0; bottom: 0; right: 0; margin: auto;}
.pro-datil-box-nav .pro-nav-item:nth-last-of-type(1):after{ display: none}


.pro-nav-box  i svg{ width: 40px; height: 40px; fill: #fff;}
.pro-datil-title{ font-size: 30px; color: #333;}
.pro-datil-title i{ position: relative; width:40px;}
.pro-datil-title i:nth-of-type(1):before{ position:absolute; content: ""; right: 100%; width:8px; height: 18px;
	transform: skew(-10deg,0); background: #0075c4; left: 0; top: 0; bottom: 0; margin: auto;}
.pro-datil-title i:nth-of-type(1):after{ position: absolute; content: "";left: 0; width: 5px; height: 10px;
	transform: skew(-10deg,0); background: #0075c4; left: -10px; top: 0; bottom: 0; margin: auto;}

.pro-datil-title i:nth-of-type(2):before{ position:absolute; content: ""; right: 100%; width:8px; height: 18px;
	transform: skew(-10deg,0); background: #0075c4; right: 0; top: 0; bottom: 0; margin: auto;}
.pro-datil-title i:nth-of-type(2):after{ position: absolute; content: "";left: 0; width: 5px; height: 10px;
	transform: skew(-10deg,0); background: #0075c4; right: -55px; top: 0; bottom: 0; margin: auto;}
@media(max-width: 1199.98px) {
	.pro-num-box {
		width: 100%;
		margin: 0 auto
	}
}
@media(max-width: 991.98px){
	.pro-datil-title{ font-size: 20px; color: #333;}
	.pro-num-box{ width: 100%; margin: 0 auto; }
	.pro-num-box .pro-num-item{ flex:0 0 50%;}
	.pro-num-box .pro-num-item:nth-child(2n){ position: inherit}
	.pro-ad-font-top p:nth-of-type(1){ font-size: 24px; color: #fff; line-height: 1 }
	.pro-num-item>span:nth-of-type(1){font-size: 24px;}

}

.pro-order-box{ background: url("../img/pro_form_bj.jpg") no-repeat center top fixed; background-size: cover;}
.order-ad{  font-size: 16px; color: #fff;}


.hot-tags{ z-index: 999; width: 45px; height: 155px; position: absolute; top: 0; right: 20px; background:url("../img/pro-hot-bj.png") no-repeat top left;}
.hot-tags span{writing-mode:vertical-rl; color: #fff; font-size: 18px; font-weight: bold}
.hot-tags i svg{fill: #fff; width: 25px; height: 25px;}


.kj_btn_box>div:nth-of-type(2){ font-size: 18px; color:#333}
.kj_btn_box>div:nth-of-type(2) span{ font-size: 18px; color:#0075c4}
.kj_btn_box>div:nth-of-type(3) i{ padding: 0 0.25rem}
.kj_btn_box>div:nth-of-type(3) i svg{ width: 20px; height: 20px; fill: #0075c4;}
.pro-ad-three{ background: #f5f6f8}
.pro-three-box{ width: 65%}
.pro-ad-box{ width: 35%}
.pro-three-box .pro-three-item{ background: #fff; width: 31%; font-size: 16px; color: #333;}
.pro-three-box .pro-three-item i{ width: 60px; height: 60px;  background: #02276a;  border-radius: 100%; transition: all 0.5s}
.pro-three-box .pro-three-item i svg{ width: 40px; height: 40px; fill: #fff}
.pro-three-box .pro-three-item:hover i svg{-webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear;}
.pro-three-box .pro-three-item:hover i{ background: #0075c4;}
.pro-three-box .pro-three-item p span{ position:relative}
.pro-three-box .pro-three-item p span:after{ position: absolute; content: ""; background: #ccc; width: 50%; height: 2px; left: 0; right: 0; margin: auto; bottom: -100%; transition: all 0.5s; }
.pro-three-box .pro-three-item:hover p span:after{ width: 80%; background: #0075c4;}
.pro-ad-box{ border-left:1px solid #e3e3e3}
.pro-ad-box>div:nth-of-type(1){}
.pro-ad-box>div:nth-of-type(1) p:nth-of-type(1){ font-size: 30px; color: #333; margin-bottom: 0}
.pro-ad-box>div:nth-of-type(1) p:nth-of-type(1) span{ font-size: 30px; color: #0075c4;}
.pro-ad-box>div:nth-of-type(1) p:nth-of-type(2){ font-size: 18px; color: #666}
.pro-tel-box i{ background: #02276a; border-radius: 0.25rem; padding: 1%}
.pro-tel-box i svg{ width: 30px; height: 30px; fill: #fff}

.pro-tel-box p{ margin-bottom: 0}
.pro-tel-box p:nth-of-type(1){ font-size: 14px; color: #666}
.pro-tel-box p:nth-of-type(2){ line-height: 1; font-size: 32px; color: #02276a; font-family: 'impact'}
@media(max-width: 1400px){
	.pro-ad-box>div:nth-of-type(1) p:nth-of-type(1){ font-size:20px; color: #333; margin-bottom: 0}
	.pro-ad-box>div:nth-of-type(1) p:nth-of-type(1) span{ font-size: 20px; color: #0075c4;}
	.pro-tel-box p:nth-of-type(2){ line-height: 1; font-size: 24px; color: #02276a; font-family: 'impact'}

}
@media(max-width: 1199.98px){
	.pro-three-box{ width: 100%}
	.pro-ad-box{ width: 100%}
	.pro-ad-box{ border-left:0px solid #e3e3e3}
	.kj_btn_box>div:nth-of-type(2){ font-size: 16px; color:#333}
	.kj_btn_box>div:nth-of-type(2) span{ font-size: 16px; color:#0075c4}
}

/*鏈嶅姟妯″潡*/
.service_box{ background: url("../img/title_bj.png") repeat;}
.pro-three-box .pro-three-item.bg-smallhs{ background: #f7f7f7}
.service-title{}
.service-title p:nth-of-type(1){ font-size: 30px; color: #333; font-weight: bold}
.service-title p:nth-of-type(1) span{ position: relative;  color: #cb2020; font-weight: bold}
.service-title div:nth-of-type(1){ color: #666; font-size: 16px; line-height: 2}
.service-title p:nth-of-type(1) span:nth-of-type(1):after{ position:absolute; content: "";left: 0; bottom: -50%; width: 100%; height: 2px;
	background: #0075c4;}
.service-three-title{color: #0075c4; font-size: 24px; font-weight: bold; border-bottom: 1px dashed #e0e0e0}
.service-three-content{ line-height: 2; font-size: 16px; color: #666 }
.service-three-content b{ color: #0075c4; text-decoration: underline}
@media(max-width: 991.98px){
	.service-title p:nth-of-type(1){ font-size: 18px;}
	.pro-three-box .pro-three-item i{ width: 40px; height: 40px;}
	.pro-three-box .pro-three-item i svg{ width: 20px; height: 20px;}
	.pro-three-box .pro-three-item{ font-size: 14px;}
}
/*瑙ｅ喅鏂规*/
.jiejue-font-box{}

.jiejue-title{ font-size: 30px; font-weight: bold;  color: #0075c4; border-bottom: 1px dashed #e0e0e0}
.jiejue-title a{ color: #0075c4}
.jiejue-title span{ transition: all 0.5s}
.jiejue-title:hover span,.jiejue-title:hover i{ transform: translateX(20%)}
.jiejue-title i{ border:1px  dashed #0075c4; border-radius: 50%; width: 52px; height: 52px;transition: all 0.5s}
.jiejue-title i svg{ width: 50px; height: 50px; fill: #0075c4;transition: all 0.5s}
.jiejue-font-box ul li{ position: relative; font-size: 16px; color: #666; margin: 0.5rem 0;}
.jiejue-font-box ul li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../img/icon-dot.png) center/cover no-repeat;
	margin-right: 5px;
}
.case-all-box{}
.case-all-box .case-tuijian-title i svg{ width: 30px; height: 30px; fill: #0075c4}
.case-all-box .case-tuijian-title span{ font-size: 22px; font-weight: bold; color: #0075c4}
.case_right_font{}
.case_right_font p:nth-of-type(1){ color: #0075c4; font-size: 28px;}
.case_right_font .jiejue-desc{ color: #666666; font-size: 16px; line-height: 2}
.jiejue-pinpai{ background: url("../img/case_box_bj.jpg") no-repeat left top; background-size:cover}
.jiejue-pinpai .jiejue-pinpai-title{ font-size: 20px; color: #fff; border-bottom: 1px dashed rgba(255,255,255,0.4)}
.jiejue-pinpai-title i svg{ width: 30px; height: 30px; fill: #0075c4;}
.jiejue-pinpai>div:nth-of-type(2){ font-size: 16px; color: #fff; line-height: 1.5}
.jiejue-pinpai>div:nth-of-type(3){ font-size: 16px; color: #fff; line-height: 1.5}
.jiejue-pinpai>div:nth-of-type(3)>span{ border-radius: 0.25rem; border: 1px solid rgba(255,255,255,0.4);}
.jiejue-pinpai>div:nth-of-type(3)>span span{ font-family: Arial; font-size: 24px; font-weight: bolder}

.case-nav-box{ width: 75%}
.case-nav-box .case-item{ width: calc(100% / 3); text-align: center; position: relative; font-size: 16px;}
.case-nav-box .case-item a{ font-size: 18px; color: #333}
.case-nav-box .case-item:after{ position: absolute; content: ""; width: 1px; height: 60%; background: #ccc; right: 0; top: 0;
	bottom: 0;}
.case-nav-box .case-item:nth-last-of-type(1):after{ display: none}
.case-datil-name{ font-size: 24px; font-weight: bold; color: #0075c4;}
@media(max-width: 991.98px){
	.case-nav-box{ width: 100%}
	.case-datil-name{ font-size: 18px; font-weight: bold; color: #0075c4;}
	.case_right_font p:nth-of-type(1){ color: #0075c4; font-size: 20px;}
	.jiejue-pinpai>div:nth-of-type(3)>span{  border-radius: 0.25rem; border: 1px solid rgba(255,255,255,0);}
	.jiejue-pinpai>div:nth-of-type(3)>span span{ display: block; font-family: Arial; font-size: 24px; font-weight: bolder}

}
/*鍝佺墝浼樺娍*/
.pinpai-box .pinpai-item{width: calc(100% /2);}
.pinpai-box .pinpai-item span{ position: relative; padding:2rem; background: #0e4b99; transition: all 0.5s}
.pinpai-box .pinpai-item span svg{ width:50px; height: 50px; fill: #fff}
.pinpai-box .pinpai-item>div:nth-of-type(1) p{ font-size: 26px; color: #333;}
.pinpai-box .pinpai-item>div:nth-of-type(1) div{ font-size: 16px; color: #666;}
.pinpai-box .pinpai-item span:after{ position: absolute; content: ""; background: #ca1323;  left: 0; top: 0; bottom: 0; bottom: 0; margin: auto; transform: scale(0); transition: transform 0.5s; width: 100%; height: 100%; border-radius: 0.2rem}
.pinpai-box .pinpai-item:hover span:after,.pinpai-box .pinpai-item.active span:after{ transform: scale(1); }
.pinpai-box .pinpai-item span i{ position: relative; z-index: 999;}
.pinpai-box .pinpai-item:hover >div:nth-of-type(1) p,.pinpai-box .pinpai-item.active >div:nth-of-type(1) p{  color: #ca1323;}
@media(max-width: 991.98px){
	.pinpai-box .pinpai-item{width: 100%;}
	.pinpai-box .pinpai-item span{ position: relative; padding:1rem; background: #0e4b99; transition: all 0.5s}
	.pinpai-box .pinpai-item span svg{ width:30px; height:30px; fill: #fff}
	.pinpai-box .pinpai-item>div:nth-of-type(1) p{ font-size: 18px; color: #333;}
	.pinpai-box .pinpai-item>div:nth-of-type(1) div{ font-size: 14px; color: #666;}

}

.pro_datil_fw{ font-size: 16px;color: #999;  }
.chat_btn{ background: #e80113; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; text-align: center; }
.chat_btn a{ color: #fff;display: flex; align-items: center; text-align: center;  }
.chat_btn a i{ display:inline-block; background: url("../img/chat.png") no-repeat center center; padding: 1rem}
.three_box{ font-size: 14px; color: #666;  }
.three_box .three_item{ position: relative;flex: 1; text-align: center;}
.three_box .three_item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px;
	background: #dddddd; right:0%; top: 0; bottom:0; margin: auto; height: 50%}


@media(max-width: 768px){
	.chat_btn{ background: #e80113; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; text-align: center;
		width: 60%;}
	.chat_btn a{ width: 100%;  }
}

.index-title p:nth-of-type(1){ font-size: 40px; font-weight: 100 }
.index-title p:nth-of-type(2){font-size: 20px; font-weight: 100 }

.index-pro-title{}
.index-pro-title p:nth-of-type(1){ font-size: 30px; color: #22497f}
.index-pro-title p:nth-of-type(2){ font-size: 16px; color: #666666;}

@media (max-width: 991.98px){
	.index-title p:nth-of-type(1){ font-size: 20px; font-weight: 100 }
	.index-pro-title p:nth-of-type(1){ font-size: 20px; color: #22497f}
	.index-pro-title p:nth-of-type(2){ font-size: 12px; color: #666666;}
}

.index-pro-title p:nth-of-type(2) span{ position: relative;}
.index-pro-title p:nth-of-type(2) span:after{ position: absolute; content: ""; width: 100%; height: 1px; background: #eaeaea;left: 0; right: 0; bottom: -80%; margin: auto}
.index-pro-title p:nth-of-type(2) span:before{ position: absolute; content: ""; width: 20%; height: 3px; background: #d50000;left: 0; right: 0; bottom: -80%; margin: auto; z-index: 999}



.pro-all p{ line-height: 40px; font-size: 16px; padding-top: 10px; position: relative; transition: all 0.5s}
/*.pro-all span{ display: block; overflow: hidden; position: relative;}
.pro-all span:after{ transition: all 0.5s; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.5); }*/
.pro-all a img{ transition: all 0.5s }
.pro-all a{ position: relative; width: 100%; display: block; overflow: hidden; height: auto;}
.pro-all a i:nth-of-type(1){
	z-index: 1; transition: all 0.5s; position: absolute; background: #a6c14c;
	width: 100px; height: 100px; display: block;  border-radius: 100px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(1){
	left:-50px;
	top:-50px;

}
.pro-all a i:nth-of-type(2){
	z-index: 1; transition: all 0.5s; position: absolute; background: rgba(26,178,122,0.3);
	width: 150px; height: 150px; display: block;  border-radius: 150px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(2){
	left:-20px;
	top:20px;

}
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:"";
	left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
	color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}
/*浜у搧琛ㄥ崟*/
.pro-form-box{ background: url("../img/pro-form.jpg") no-repeat top center; background-attachment: fixed;}
.pro-form-font{ color: #fff}
.pro-form-font p:nth-of-type(1){ font-size: 30px; font-weight: bold}
.pro-form-font div:nth-of-type(1){ font-size: 16px; line-height: 2; width: 70%; margin: 0 auto}



.news_img_right .news_box_slide{ width: 100%;
	height: auto; overflow: hidden; transition: all 0.5s}
.news_box_slide a{
	padding:1.5% 0;
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;border-bottom: 1px solid #ebebeb;

}



.news_box_slide a:after{ position: absolute; content: "";  height: 1px; width: 100%;
	background: #c60012; transform-origin: left bottom;
	transform: scale(0); transition: all 0.5s;left:0; bottom: 0;

}




.news_box_slide a:hover:after{ transform: scale(1); width: 100%; transform-origin: right bottom;}
.news_box_slide a:hover .index_time p,.news_box_slide a:hover .index_news_nr p:nth-of-type(1){ color: #c60012; }
.index_time{ width: 15%; background: #f3f3f3; text-align: center; }
.index_time p:nth-of-type(1){ font-size: 42px; color: #494949 }
.index_time p:nth-of-type(2){ font-size: 14px; color: #9a9a98 }
.index_news_nr{ width:80%; padding: 0 5% 0 0; box-sizing: border-box; transition: all 0.5s; }

.index_news_nr div:nth-of-type(1){ color: #666666; font-size: 14px;  }
.index_news_nr p:nth-last-of-type(1){ font-size: 18px; color: #282828; line-height: 30px; }
.index_news_nr p:nth-last-of-type(1) i{ font-size: 26px; margin-right: 5px; transition: all 0.5s }
.news_box_slide a:hover i{ color: #d20005 }
@media(max-width: 768px){
	.index_time p:nth-of-type(1){ font-size:20px; color: #494949 }
	.index_time p:nth-of-type(2){ font-size: 12px; color: #9a9a98 }
	.index_news_nr p:nth-of-type(1) {
		color: #333333;
		font-size: 15px;
		transition: all 0.5s;}
	.index_news_nr div:nth-of-type(1){ font-size: 12px; }
}

/*骞垮憡*/

/*浜у搧涓績*/
.index-title p:nth-of-type(1){ font-size: 40px; font-weight: 100 }
.index-title p:nth-of-type(2){font-size: 20px; font-weight: 100 }

@media(max-width: 768px){
	.index-title p:nth-of-type(1){ font-size: 26px; font-weight: 100 }
	.index-title p:nth-of-type(2){font-size: 16px; font-weight: 100 }

}
.pro-all p{ line-height: 40px; font-size: 16px; padding-top: 10px; position: relative; transition: all 0.5s}
/*.pro-all span{ display: block; overflow: hidden; position: relative;}
.pro-all span:after{ transition: all 0.5s; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.5); }*/
.pro-all a img{ transition: all 0.5s }
.pro-all a{ position: relative; width: 100%; display: block; overflow: hidden; height: auto;}
.pro-all a i:nth-of-type(1){
	z-index: 1; transition: all 0.5s; position: absolute; background: #a6c14c;
	width: 100px; height: 100px; display: block;  border-radius: 100px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(1){
	left:-50px;
	top:-50px;

}
.pro-all a i:nth-of-type(2){
	z-index: 1; transition: all 0.5s; position: absolute; background: rgba(26,178,122,0.3);
	width: 150px; height: 150px; display: block;  border-radius: 150px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(2){
	left:-20px;
	top:20px;

}
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:"";
	left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
	color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}


/*鍏徃绠€浠�*/
.index-about-all{ background: url(../img/about-bj.jpg) no-repeat center top; min-height: 665px; }
.about-content-right{ background: #1ab27a; color: #fff }
.about-content-right .about-font-title{ font-size: 24px; }
.about-content{ font-size: 14px; line-height: 30px; }
.about-more{ border:1px solid #91dabf; font-size: 14px; color: #fff; transition: all 0.5s}
.about-more:hover{ padding:0 20px; }
.about-img img{ height: auto; }
@media(min-width: 992px){
	.about-img img{ min-height: 433px }

}




.about_left>p:nth-of-type(1){ font-size: 30px; font-weight: bold; color: #e80113; text-transform: uppercase;}
.about_left>p:nth-of-type(2){ color: #303032; font-size: 24px; letter-spacing: 7px; font-weight: 100; position: relative; padding-bottom: 20px; }
.about_left>p:nth-of-type(2):after{ position:absolute; content: ""; bottom: 0px; height: 2px; background: #e80113; width: 10%;left: 0}
.about_nr{
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	height: 220px;
	overflow: auto;
	padding-right: 10px;
}

.scrollbar {
	width : 100%;
	height: 300px;
	margin: 0 auto;
}
.test-1::-webkit-scrollbar {
	/*婊氬姩鏉℃暣浣撴牱寮�*/
	width : 5px;  /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 1px;
}
.test-1::-webkit-scrollbar-thumb {
	/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #535353;
}
.test-1::-webkit-scrollbar-track {
	/*婊氬姩鏉￠噷闈㈣建閬�*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}


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

}

.about_right .img img{ max-width: 100% }
.about_right .img{ position: relative; text-align: center; padding: 0 10px;}
.about_right .img:before{position: absolute; content: ""; background: #e6e6e6;left:-10px;bottom: -10px; width: 60%; height: 60%; z-index: -1 }
.about_right .img:after{position: absolute; content: ""; background: #e80113;right:-10px;bottom: -20px; width: 60%; height:70%; z-index: -1 }

.num_box{ width: 100%; }
.num_silde{ width: 49%; float: left; text-align: center; transition: all 0.5s }
.num_silde:nth-of-type(3){ clear: both;  float: left; }
.num_silde div{ display: block; width: 100%; position: relative;}
.num_silde div span:nth-of-type(1){ text-align: center; color: #e80113;  font-size: 65px; font-family: 'Bahnschrift';
	text-shadow: 0px 0px 10px rgba(203,6,50,0.2); transition: all 0.5s}

.num_silde div span:nth-of-type(2){ position: absolute; top: 35%;left:58%; z-index: -1; transition: all 0.5s}
.num_silde:nth-of-type(4) div span:nth-of-type(2){ position: absolute; top: 35%;left:66%; z-index: -1;transition: all 0.5s}

@media(min-width: 992px){
	.num_box{ width: 100%; display: flex; justify-content: space-between; }
	.num_silde{ flex: 1; font-size: 18px; color: #666; text-align: center; position: relative;}
	.num_silde:after{position: absolute; content: ""; width: 1px; height: 50%; background: #e7e7e7; right: 0; top: 0;bottom: 0;
		margin: auto; transition: all 0.5s}
	.num_silde:nth-last-of-type(1):after{ width: 0 }
	.num_silde:hover:after{ height: 30%; }
	.num_silde:hover div span:nth-of-type(2){  transform: rotate(360deg); opacity: 0.7}
	.num_silde div span:nth-of-type(1){ text-align: left; }

	.num_silde:before{ position: absolute; content: "";left: 0; right: 0; margin: auto; bottom: 5%; width: 0%; height: 1px; background: #e7e7e7; transition: all 0.5s }
	.num_silde:hover:before{ width: 50% }



}

.hs_color{ background: #f8f8f8; }
.culture_img img{ max-width: 100%; }
.culture_font p{ padding-left: 10% }
.culture_font p:nth-of-type(2n+1){ font-size:18px; }
.culture_font p:nth-of-type(2n){ font-size: 18px;  margin-bottom:35px; }

.fc_box .fc_slide{ width: 48%; float: left; overflow: hidden; }
.fc_box .fc_slide:nth-of-type(2n){ float: right; }
.big_img{ overflow: hidden; display: block;  height: 100%; width: 100%;}
.big_img img{width: 100%; height: 100%; object-fit: cover;}

.fencai_box img{ transition: all 0.5s }
.fencai_box img:hover{ filter: brightness(130%); transform: scale(1.05); }




.sub-about-content { background: url(../img/about-bj-zj.jpg) no-repeat center top; background-size: cover;}
.about-title{ width: 100%; text-transform: uppercase; font-size: 90px; letter-spacing: 1.5rem; font-weight:100; text-align: center; color: #cacaca }
.about-name p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name p.title-all:before{ content: ""; position: absolute; width: 63px; height: 2px; background: #878787; top: 0;left:0; }
.zm-fu{ font-size: 180px; color: #acacac; font-style: arial;  text-transform: uppercase;}
.about-content-top{ color: #3b3b3b; font-size: 18px; }
.about-name-right p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name-right p.title-all:before{content: ""; position: absolute;
	width: 63px; height: 2px;top:0; right: 0; background: #878787; }
.font-content-message{ line-height: 30px; color: #7d7d7d; font-size: 18px; }
.name-zj{   text-align: right;}
@media(max-width: 768px){
	.sub-about-content { background: url(../img/m-about-bj-zj.jpg) no-repeat right top; }
	.about-title{
		width: 100%; text-transform: uppercase; font-size: 30px;
		letter-spacing: 0.1rem; font-weight:100; text-align: center; color: #cacaca }
	.font-content{ font-size: 16px; }
	.name-zj{ font-size: 16px; text-align: left;}
}


/*鍘傚鍘傝矊*/
.honor-box{}
.honor-box .honor-font{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff;}
.honor-box   a{ color: #fff; font-size: 16px;}

/*鍙戝睍鍘嗙▼*/
.history_font{ position: relative;  }
.history_font:after{ position: absolute; content: attr(data-title); font-size: 315px; line-height:255px;  display: block; color: #f7f9fc; top: 0;left: 0;right: 0; bottom: 0; margin: auto;}
.history_font div{ position: relative; z-index: 99}

.history_font>p:nth-of-type(1){ font-size: 16px; color: #d7132e}
.history_font>p:nth-of-type(1) span{ font-size: 30px; font-weight: bold}
.history_datil{ font-size: 16px; color: #666; line-height: 40px;}
.history-time{ font-size: 16px; color: #666666}
.history-time i{ display: block; margin: auto; width: 6px; height:6px; border-radius: 100%; background: #666666}
.active-nav .history-time{ font-size: 16px; color: #d7132e}
.active-nav .history-time i{background: #d7132e}

.hist_year{}
.hist_year p:nth-of-type(1){ font-size: 30px; color: #006ab7; font-weight: bold}
.hist_year p:nth-of-type(2){ font-size: 18px; color: #999999;}
.history-time2{}
.history-time2 p{ font-size: 18px; color: #666;}
.history-time2 i svg{ transform:rotate(270deg); fill: #fff}
.history-time2 i{ background: #e2e2e2; border-radius: 100%; width: 25px; height: 25px; border: 5px solid #f9f9f9; transition: all 0.5s}
.hist_year{ position: relative}
.hist_year:after{ position: absolute; content: "";right: 0%; top: 0; height: 90%; width: 1px; border-left:1px dashed #e2e2e2;}




.swiper-slide-thumb-active .history-time2 i{ background: #006ab7; border: 5px solid #cce1f1;transition: all 0.5s}
.swiper-slide-thumb-active .history-time2 p{ color: #006ab7; font-weight: bold;transition: all 0.5s}
.zy_flash_add a{ color: #fff}
.history-box-all .pro-swiper-prev{  left: 0; }
.history-box-all .pro-swiper-next{  right: 0;  }
.history-box-all .pro-swiper-prev svg, .history-box-all .pro-swiper-next svg{fill:#d6dae0}
.history-box-all .pro-swiper-prev, .history-box-all .pro-swiper-next {
	position: absolute;
	height: 80px;
	width: 80px;
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 100%;
	border:1px solid #d6dae0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pro-swiper-prev svg{ transform:rotate(180deg);}
.history-box-all .pro-swiper-prev:hover, .history-box-all .pro-swiper-next:hover{
	background: #006ab7; color: #fff;

}.history-box-all .pro-swiper-prev:hover svg, .history-box-all .pro-swiper-next:hover svg{ fill: #fff}

.history-box-all .pro-swiper-prev.swiper-button-disabled, .history-box-all .pro-swiper-next.swiper-button-disabled{
	background: #f7f7f9;
}
.history-box-all .pro-swiper-prev.swiper-button-disabled svg, .history-box-all .pro-swiper-next.swiper-button-disabled svg{ fill: #fff!important;}

.hist_time{ position: relative; width: 100%}
.hist_time:after{ position: absolute; content: "";  border-bottom: 1px dashed #e2e2e2; width: 96%; height: 1px; top: 80%; margin: auto;left: 0; right: 0; }
.hist_time .history-button-next1,.hist_time .history-button-prev1{ position:absolute;z-index: 9999;   margin: auto;}
.hist_time .history-button-next1{ left:0; top:52%; transform:rotate(180deg);}
.hist_time .history-button-prev1{ right:0; top:40%; transform:rotate(0deg);}
.hist_time .history-button-next1.swiper-button-disabled img,.hist_time .history-button-prev1.swiper-button-disabled img{ filter: grayscale(100%);}


.history_all2{  height: auto; width: 100%;}
.history_box{ width:100%; position: relative;  height: 500px; }
.history_box:after{ position: absolute; content: ""; width: 1px; height: 16px; background: #cb0631;left: 0; right: 0; margin: auto; }
.history_box:before{ position: absolute; content: ""; width:1px; height: 16px; background: #cb0631;left: 0; right: 0; margin: auto; }
.time_1{ position: absolute; top: 0%;bottom: 0; margin: auto; font-family: 'Bahnschrift';
	font-size: 30px; text-align: center;   height: 85px;
	line-height: 85px; z-index: 99; padding-left:45%; text-align: center;
}
.time_1 span{ display: block; color: #b60d33;}
.history_nr p:nth-of-type(1){ font-size: 18px; color:#333; font-weight: bold; }
.history_nr div:nth-of-type(1){ color: #7d7d7d; font-size: 14px; text-align: center; }
/*.history_box:hover{ }*/
.history_all2 .swiper-slide:nth-of-type(2n+1) .history_nr{ position: absolute; left: 0; right: 0; margin: auto; text-align: center; }
.history_all2 .swiper-slide:nth-of-type(2n) .history_nr{ position: absolute; left: 0; right: 0; margin: auto ;text-align: center; }

.swiper-slide:nth-of-type(2n) .history_box:after{ top: 30%; }
.swiper-slide:nth-of-type(2n) .history_box:before{ top: 34%; }
.swiper-slide:nth-of-type(2n+1) .history_box:after{ top: 62%; }
.swiper-slide:nth-of-type(2n+1) .history_box:before{ top: 66%; }
.history_box>p:nth-last-of-type(1){ width: 336px;  position: absolute;top: 38%;left: 0;right: 0; margin: auto; z-index: -1; transition: all 0.5s}
.history_box:hover>p:nth-last-of-type(1) img{ opacity: 0; max-width: 100% }
.history_box>p:nth-last-of-type(2){ width: 336px; position: absolute; top: 38%;left:-10px;  margin: auto; opacity: 0; transition: all 0.5s;
	z-index: 2}
.history_box:hover>p:nth-last-of-type(2){ opacity: 1}
.history_box:hover .time_1 span{ color: #fff }


@media(max-width: 768px){
	.history_box{ width:100%; position: relative; height: 220px; margin-bottom: 10px}
	.history_all2 .swiper-slide:nth-of-type(2n+1) .history_nr{ position: absolute; top: 15%;left: 0; right: 0; margin: auto; text-align: center; }
	.history_all2 .swiper-slide:nth-of-type(2n) .history_nr{ position: absolute; top: 15%;left: 0; right: 0; margin: auto ;text-align: center; }
	.swiper-slide:nth-of-type(2n) .history_box:after{ top: 0%; }
	.swiper-slide:nth-of-type(2n) .history_box:before{ top: 0%; }
	.swiper-slide:nth-of-type(2n+1) .history_box:after{ top: 0%; }
	.swiper-slide:nth-of-type(2n+1) .history_box:before{ top: 0%; }
	.history_all2 .swiper-slide{ border:rgba(0,0,0,0.1) 1px solid; }

	.history_box>p:nth-last-of-type(1),.history_box>p:nth-last-of-type(2){ display: none }
	.history_box .time_1 span{ color:#b60d33; }
	.history_box:hover .time_1 span{color:#b60d33;}

	.time_1{ position: absolute;   margin: auto; font-family: 'Bahnschrift';
		font-size: 30px; text-align: center;z-index: 99; padding-left:35%;
		text-align: center; top:80%;
	}


}


@media(max-width: 991.98px){
	.hist_year p:nth-of-type(1){ font-size: 20px; color: #006ab7; font-weight: bold}
	.hist_year p:nth-of-type(2){ font-size: 14px; color: #999999;}
	.history_font{ position:inherit;  }
	.history_font:after{ position: absolute;  display: none}

	.history-box-all .pro-swiper-prev, .history-box-all .pro-swiper-next {
		position: absolute;
		height: 30px;
		width: 30px;}
}

/*浼佷笟鏂囧寲*/
.culture-yy-item{ border-top:6px solid #2b9fb0; background: #018d81 url("../img/cz1.png") repeat-x center bottom;
	width: 100%; transition: all 0.5s}
.culture-yy-item:hover{ box-shadow: 0 0 10px rgba(0,141,129,0.5)}
.culture-font-left{ width: 60%}
.culture-font-left i svg{ width:40px; height: 40px; fill: #fff; transition: all 0.5s}
.culture-font-left p:nth-of-type(1){ line-height: 1; color: #fff}
.culture-font-left p b{ font-size: 24px;}
.culture-font-left p:nth-of-type(2){ font-size: 14px; color: rgba(255,255,255,0.23); text-transform: uppercase;}
.culture-yy-desc{ font-size: 16px; color: #fff; transition: all 0.5s}
.culture-font-right{ width: 40%}
.culture-font-right>span:nth-of-type(1){ width: 5%;  font-family: 'Bahnschrift'; color: #fff;}
.culture-font-right div{ width: 95%}
.culture-font-right div>i{ flex: 0 0 60%; width: auto; background: #fff; height: 1px;}
.culture-font-right div>span:nth-of-type(1)>i{width: 16px; height: 16px; display: block;border-radius: 50%; background: rgba(255,255,255,0.4); position: relative;}
.culture-font-right div>span:nth-of-type(1)>i:after{ position: absolute;content: ""; width: 6px; height: 6px; display: block;border-radius: 50%; background:#fff; left: 0; top: 0; right: 0;bottom: 0; margin: auto; }
.culture-nav-swiper .swiper-pagination{z-index: 999;}
.culture-nav-swiper .swiper-pagination .swiper-pagination-bullet {z-index: 999; width: 20px;
	height: 5px; border-radius: 0.5rem;  background: #fff; opacity: 0.8; transition: all 0.5s}
.culture-nav-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{z-index: 999; background: #018d81; width: 40px;}
.culture-yy-item:hover .culture-font-left i svg{ transform: translateY(10%)}
.culture-yy-item:hover .culture-yy-desc{ transform: translateY(-10%)}

@media(max-width: 991.98px){
	.culture-font-right>span:nth-of-type(1){ width:100%;}
	.culture-font-right div{ display: none;}

}

/*鏂伴椈淇℃伅*/
.new-all-tg-demo{ background: #f2f2f6 }
.new-all-tg-demo p:nth-of-type(1){ font-size: 16px; color: #878787;margin-bottom: 0; line-height: 35px;}
.new-all-tg-demo p:nth-of-type(2){ font-size: 14px; color: #3c3c3c ; margin-bottom: 0; line-height: 35px;}
.img-font-content{ font-size: 14px; color: #878787 }
a.more-all-news{ background: #1ab27a; color: #fff; font-size: 16px; border-radius: 5px;}
a.more-all-news:hover{ background: #94cd0f; width: 100%; }


.news-li{ border-bottom: 1px #e5e5e5 solid; transition: all 0.5s;}
.news-li:nth-last-of-type(1){border-bottom:0px solid #e5e5e5; }
.news-title-font{ padding-left: 20px; font-size: 14px; color:#3c3c3c; position: relative;}
.news-title-font:after{content:" "; position: absolute; left:0;top:5px;
	width: 10px; height: 10px; background: #666; border-radius: 10px;}
.news-title-font  span{ display: block; float: right; font-size: 14px; }
.news-content-demo{ position: relative; color: #878787; font-size: 14px; width: 90%;  }

.news-li:hover{
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}


.news-li-all{  transition: all 0.5s;}

.news-content-demo:after{ font-size: 20px; font-weight: 100; content:"+";
	position: absolute;
	right: -10%; padding-left: 20px;
	text-align: center; bottom:15%; color: #878787; height: 25px; line-height: 15px width:15px; border-left:1px solid #e5e5e5; }








.pro-news_m dd h4 a{font-size:18px;color: #333;font-weight: normal;
	padding-top: 20px;display: block; height:22px; overflow:hidden; line-height:22px;}
.pro-news_m dd p{font-size:14px;color: #777;padding-top: 18px;line-height: 24px;padding-bottom: 26px;
	border-bottom: 1px solid #c9c9c8;margin-bottom:20px; height:48px; overflow:hidden;}
.pro-news_m dd p a{ color:#da0410}
.pro-news_m li{ display:block;   font-size:15px;  position:relative; transition:all 0.4s; border-bottom:1px solid #eaeaea;}
.pro-news_m li:before{ content:" "; position:absolute;  left:-15px; top: 12px;  }
.pro-news_m li:after{ content:""; position:absolute; border-bottom:1px solid #F00;transition:all 0.4s; width:0; left:50%; bottom:0}
.pro-news_m li:hover:after{ border-bottom:1px solid #ce0a0a; bottom:0; width:100%; left:0;}
.pro-news_m li span:nth-child(2){ float:right;}
.pro-news_m li a{ color:#4f4f4f}
.pro-news_m li a:hover{ color:#ce0a0a}



/* 鍚堜綔妗堜緥*/
.index-links{}
.link-content{ justify-content: space-between; width: 100% }
.link-content img{ transition: 0.5s all; cursor: pointer; }
.links-slide:hover img{ transform: scale(1.5); }

/*浜у搧妯″潡*/
.cp-box{ transition: all 0.5s}
.cp-box:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.cp-font{}
.cp-font>div:nth-of-type(1){ font-size: 20px; color: #333;}
.cp-font>div:nth-of-type(2){ font-size:16px; color: #666;}
.cp-font>div:nth-of-type(3) i{ position: relative; display: block; width: 5px; height: 5px;
	border-radius: 100%; background: #f4d0d3}
.cp-font>div:nth-of-type(3) i:before{ position:absolute; content: "";width: 5px; height: 5px; background: #ca1323;
	border-radius: 100%;
	left:-200%; top: 0; bottom: 0; margin: auto; display: block}
.cp-font>div:nth-of-type(3) i:after{ position:absolute; content: "";width: 5px; height: 5px; background: #f4d0d3;
	border-radius: 100%;
	right:-200%; top: 0; bottom: 0; margin: auto;display: block}













/*鐗堟潈 end*/
#mheader{opacity:0;position: fixed; width: 100%; top:0;bottom:0;height:100vh;padding: 20px 0px; z-index: -1; transition: all 0.3s;}
.mlogo{ float: left; width:40%; margin-left: 15px;}
.mlogo img{ width: 100%; }
.navigation-is-visible div.nav-trigger{display:block;color:#fff;z-index:99;font-size:36px; width: 32px;position: absolute;top:25px;left:15px;}
.navigation-is-visible #mheader {opacity: 1;z-index: 999;}
.nav_transform1{position:absolute;top:0;bottom:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:20px 10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{display:block; -webkit-transform:none;transform:none; }
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 15px 0px;text-align: center;    /*background: #0069a0;  */}
.navp1 img{ max-width: 60%; }
.navp2{ padding-left: 30px;padding-top:20px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #D80100; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:16px; color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size:14px; display: block;}
.nav-item .msub a.on{ color:#D80100;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.navseach{ overflow: hidden; margin-top: 25px; }
.navseach_text{ width: 180px; padding: 0px 15px; margin-left: 15px; height: 32px; line-height: 32px; border: solid 1px #dedede; float: left;}
.navseach_btn{ width: 75px; height: 32px; line-height: 32px; float: left; margin-left: 8px; background: #D80100; color: #fff; border-radius: 15px; }
#mheader.down{ position: fixed; top: 0px; padding: 10px 0px; background: rgba(0,0,0,0.8); }




.m_nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	overflow: hidden;
	transform: translateY(-100%);
	width: 100%;
	height: 100vh;
	transition: all 800ms cubic-bezier(.8, 0, .33, 1);
	border-radius: 0 0 50% 50%;
}

nav.m_nav.nav-open {
	transform: translateY(0);
	border-radius: 0% 0% 0% 0%;

}

.menu-btn {
	position: fixed;
	top:60px;
	right: 10px;
	padding: 5px;
	cursor: pointer;
	z-index: 99;
	color: #000;

}

.menu-btn .line {
	padding: 0;
	width: 30px;
	background: #000;
	height: 2px;
	margin: 5px 0;
	transition: all 700ms cubic-bezier(.9, 0, .33, 1);
}

.menu-btn .line.line--1 {
	width: 30px;
	transform: rotate(0) translateY(0);
}

.menu-btn .line.line--1.line-cross {
	width: 30px;
	transform: rotate(45deg) translateX(5px) translateY(5px);
	background: rgba(0, 0, 0, 1);
}

.menu-btn .line.line--2 {
	width: 28px;
	transform: translateX(0);
}

.menu-btn .line.line--2.line-fade-out {
	width: 28px;
	transform: translate(30px);
	opacity: 0;
}

.menu-btn .line.line--3 {
	width: 20px;
	transform: rotate(0) translateY(0);
}

.menu-btn .line.line--3.line-cross {
	width: 30px;
	transform: rotate(-45deg) translateX(5px) translateY(-5px);
	background: rgba(0, 0, 0, 1);
}


nav.m_nav .nav-links {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translateY(0);
	opacity: 0;
	transition: all 900ms cubic-bezier(.9, 0, .33, 1);
}

nav.m_nav .nav-links ul {
	width: 100%;
}

nav.m_nav .nav-links.fade-in {
	opacity: 1;
	transform: translateY(0);
}

nav.m_nav .nav-links .link {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 96%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	transition: all 300ms cubic-bezier(.9, 0, .33, 1);
}

.m_nav_tel {
	width: 100%;
}

.m_nav_tel,
.m_nav_tel a {
	font-size:16px;
	color: #fff;
}

nav.m_nav .nav-links .link:hover,nav.m_nav .nav-links .link.active {
	background: rgba(0, 0, 0, 0.5);
}

.grad {
	background-image: linear-gradient(to bottom right, #28af4b, #0f9362);

}











/*鏂伴椈鍒楄〃妯″潡*/
.ImgScale img{ transition: all 0.5s; }
.ImgScale:hover img, .ImgScale:hover i {
	transform: scale(1.05);
}
.news_li_title{ font-size: 18px;color:#333 }
@media(max-width: 768px){

	.news_li_title{ font-size: 14px;color:#333; overflow: hidden;  }

}
.news_message{ font-size:14px; color:#999; height: 85px; }
.news_more{ border-top: 1px solid #e5e5e5; line-height: 45px; height: 45px; transition: all 0.5s}
.news_more span:nth-of-type(1){ font-size: 14px; font-family: arial;  text-align: left;display: inline-block; float: left; transition: all 0.5s}
.news_more span:nth-of-type(2){  background: #333; text-align: right; color: #666; display: inline-block; float: right;
	transition: all 0.5s;width: 30px; height: 30px; border-radius: 10px; margin-top: 10px; line-height:25px; background: #fff;
	transition: all 0.5s; }
.time_news2{ font-size:14px; padding:10px 0;transition: all 0.5s; }
.btn2{ float: right; background: #d20005; color: #fff; font-size: 14px; }
.news-all-li li{ margin-bottom: 30px ; }
.news-all-li a:hover .news_more span{ color: #333;   }
.news-all-li a:hover .news_more span:nth-of-type(2){   color: #fff;  border-radius: 100%;
	animation:mymove 1s infinite;width: 30px; height: 30px;
}@keyframes mymove
 {
	 0% {background-color:#333; opacity: 0; transform: translate(-30%,0); }
	 100% {background-color:#333;opacity: 1;transform: translate(5%,0); }
 }


.contact_left h4{ font-size: 26px; color:#e80113; 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;   }
.link_box a{ display: inline-block; height: 50px; width: 50px;border:1px solid #999; border-radius: 50%;
	text-align: center; margin-right: 20px;box-sizing: border-box; background: #fff; position: relative; transition: all 0.5s; }
.link_box a:before{ position: absolute; content: ""; width: 10px; height: 10px;left: 0;right: 0;top: 0;bottom: 0; margin: auto;
	transition: all 0.5s; border-radius: 100% }
.link_box a:hover:before{  animation: sbig 1s ease infinite; transition: all 0.5s; }
@keyframes sbig
{
	0% { width: 0;height: 0;   background: #1c1c1c; transition: all 0.5s; opacity: 0 }

	100% {width: 100%;height: 100%;  transition: all 0.5s;opacity: 1 }
}


.link_box a i{ display:block; font-size: 25px; margin-top: 5px;}
.link_box a:hover{  border:1px solid #333; background: #333 }
.link_box a:hover i{ color: #fff }



.red_bg{ background: #e80113; }
.ssh_bg{ background: #333 }
.red_bg{ background: #e80113; }
.contact_box{ color: #fff }
.contact_right p.contact_r_name:nth-of-type(1){font-size: 24px;line-height: 36px; position: relative; color: #fff }
.contact_right p.contact_r_name:nth-of-type(1):after{ position: absolute; content: ""; height: 3px; width: 6%; background: #fff;left: 0; bottom: 0; }
.contact_right .contact_box{ justify-content: space-between; display: flex; width: 100%;  text-align: center;}
.contact_right .con_slide{flex: 1; position: relative;}
.contact_right .con_slide:after{position: absolute; content: ""; width: 1px; height: 50%;right: 0;top: 0; bottom: 0;margin: auto; background: rgba(255,255,255,0.1); }
.contact_right .con_slide:nth-last-of-type(1):after{ width: 0 }
.contact_right p span.font{ font-size: 14px; font-weight: bold; color: rgba(255,255,255,0.7); }
.cn-tt{ font-weight: bold; font-size: 15px; color:rgba(255,255,255,0.8); }
.num{ color: #fff; font-size: 50px; font-family: impact; font-weight: 100}
.en-tt{ font-size: 14px; color:rgba(255,255,255,0.8);  font-family: arial; text-transform:capitalize; }


.card {

	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}




.p14-info-2 {
	background: #fff;
}

.p14-info-2-tit {
	height: 80px;
	font-size: 24px;
	line-height: 80px;
	background: #b60c3c;
	color: #fff;
	text-align: center;
}

.p14-info-2-list dl {
	padding: 26px 10px 20px 7px;
	border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}

.p14-info-2-list dt {


	margin-right: 6px;
}

.p14-info-2-list dt img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.p14-info-2-list dd h3 {
	height: 22px;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
}

.p14-info-2-list-desc {
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.p14-info-2-list dl:nth-last-child(1) {
	border-bottom: 0;
	padding:0;
}


.contact-z1 {
	height: 140px;
	background: url("../img/contact-z1.jpg") no-repeat;
	background-size: cover;
	color: #333;
	margin-bottom: 30px;
}

.contact-z1 p {
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	padding: 37px 0 0 95px;
	background: url(../img/contact-z1_tel.png) no-repeat 74px 44px;
}

.contact-z1 span {
	display: block;
	height: 30px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	padding-left: 73px;
}



.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;
}
/*浜у搧妯″潡*/

.sub-pro-list a{ display:inline-block; padding: 10px; border: 1px #e5e5e5 solid;

	color: #666666;
	font-size: 16px;
	border-radius: 3px;
	margin:0 10px 0 0;
	width: 25%;
	text-align: center;
	transition: 0.5s all
}
.sub-pro-list a:hover,.sub-pro-list a.active{ background: #e80113; color: #fff }
@media(max-width: 768px){
	.sub-pro-list a{ display:inline-block;  width: 50%}

}


.border-fk{ border: 1px solid #efefef}
.box-all{border:1px #e5e5e5 solid; box-sizing:border-box;}


.onlink-click{ background:#1ab27a; border:1px #1ab27a solid; color:#fff; font-size:14px;  border-radius:3px; }
.pro-more{border:1px #e5e5e5 solid; color:#fff; color:#666666;font-size:14px; border-radius:3px; }
.onlink-click:hover,.pro-more:hover{ background:#1ab27a; color:#fff;border:1px #1ab27a solid; }
.pro-nav{  margin:0 auto;  overflow: hidden;    }

.onlink-click{ background:#1ab27a; border:1px #1ab27a solid; color:#fff; font-size:14px;  border-radius:3px; }
.pro-more{border:1px #e5e5e5 solid; color:#fff; color:#666666;font-size:14px; border-radius:3px; }
.onlink-click:hover,.pro-more:hover{ background:#e80113; color:#fff;border:1px #1ab27a solid; }
.pro-sub-nav{ display: flex; justify-content:space-between; }
.pro-sub-nav li{ flex: 1; border-bottom: 1px solid #e8e9eb; transition: all 0.5s; display:block; float:left; position:relative; text-align: center; font-size: 16px; }
.pro-sub-nav li:after{ position:absolute; content:""; width:0%; height:2px;left: 0; bottom:0px; right:0; background:#d50000; transition: all 0.5s; margin: auto;}
.pro-sub-nav li:hover:after,.pro-sub-nav li.current:after{ width: 60%;}


.pro-sub-nav li.current a:before{ width:100%;left:0;}
.pro-sub-nav li.current a{ color: #35363b}
.pro-sub-nav li a:hover{ color:#35363b}
.fix li a:hover{ color:#35363b}
.fix {
	transition:all 0.5s;
	background:#fff;
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 999; box-shadow: 10px 10px 20px #C7C7C7; width: 100%}
.fix  li a{ color:#333}
.pro-nav.fix .pro-sub-nav{ width: 50%; margin: 0 auto}
@media(max-width: 768px){

	.pro-nav.fix .pro-sub-nav{ width: 100%; margin: 0 auto}
	.pro-sub-nav li{ transition: all 0.5s;  width: 25%; display:block; float:left;flex:1;position:relative; }
	.pro-sub-nav li a{ display:block;   padding:0;  font-size:14px; text-align:center; color:#333333; transition:all 0.5s; position:relative; }
	.pro-sub-nav li a:after{ position:absolute; content:""; bottom:0px; width:0; height:100%; background:#e80113; left:0%; transition:all 0.5s}
}



@media(max-width: 768px){

	.pro-sub-nav li{ transition: all 0.5s;  width: 25%; display:block; float:left;flex:1;position:relative; }
	.pro-sub-nav li a{ display:block; font-size: 16px; padding:0;  font-size:18px; text-align:center; color:#333333; transition:all 0.5s; position:relative; }
	.pro-sub-nav li a:after{ position:absolute; content:""; bottom:1px; width:0; height:2px; background:#00468c; left:45%; transition:all 0.5s}
	.pro-sub-nav li{ flex: 1; border-bottom: 1px solid #e8e9eb; transition: all 0.5s; display:block; float:left; position:relative; text-align: center; font-size: 14px; }
}


.pro-news-all-four{  background:#fff;   }
.pro-news-all-four p:nth-child(1) {
	margin-bottom: 40px;
	font-size: 26px;
	color: #00468c;

}
@media(max-width:768px){.pro-news-all-four{ margin:10px 0;background:#fff;  padding:20px 10px;}
	.pro-news-all-four p:nth-child(1) {
		margin-bottom: 40px;
		font-size: 26px;
		color: #00468c;

	}}

.right_box{ border: 1px solid #e8e8e8; height:100%; width: 100%}
.nr_datil_box{ font-size: 16px; color: #666666; line-height: 36px;  width: 95%; margin: 0 auto}
.pro-order{ background:#fff;}
.pro-order p{ font-size:36px; color:#333; text-align:center}

.page-up-next { padding:20px 0}
.page-up-next div{ font-size:14px; height:30px; line-height:30px;}

.proname-item2{ background: #f9f9f9; font-size: 16px; position: relative}
.proname-item2 p:nth-of-type(1){ font-size: 16px; color: #666; margin: 0; line-height: 50px; height: 50px; text-align: center}

.proname-item2:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #e80113; left: 0; bottom: 0px; transition: all 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.proname-item2:hover:after{  transform-origin: left center; transform: scaleX(1);}

.youshi_all{ font-size: 16px; color: #fff;}
.youshi_all .list_item{ height: 36px; line-height: 36px; width: 90px; text-align: center; border-radius: 5px; }
.youshi_all .list_item:nth-of-type(1){ background:#a599d0 }
.youshi_all .list_item:nth-of-type(2){ background:#e77745 }
.youshi_all .list_item:nth-of-type(3){ background:#3bb3c3 }
.youshi_all .list_item:nth-of-type(4){ background:#89c997 }
.pro-desc{ font-size: 16px; color: #666; line-height: 30px;}
.pro_left_tel{ background: url("../img/pro_tel.png") no-repeat left center; padding-left:10%;   height:46px; }
.pro_left_tel p:nth-of-type(1){ font-size: 14px; color: #999999; margin-bottom: 0; line-height: 20px;}
.pro_left_tel p:nth-of-type(2){ font-size: 30px; color:#80c26a; font-family: 'Bahnschrift';line-height: 35px;  }

@media(max-width: 991px){
	.pro_left_tel{ background: url("../img/pro_tel.png") no-repeat left center; padding-left:15%;   height:46px; }
}


.pro-data { padding-bottom:30px;   margin-bottom:30px;}
.pro-data td { padding:0px 0; height:30px; line-height:30px;color:#999}
.pro-data tr td:nth-of-type(1){ width:20%; font-size:14px; }
.pro-data tr td:nth-of-type(2) a{ width:80%;  font-size:14px; color:#999}
.pro-data tr:nth-last-of-type(1) td:nth-of-type(1){ vertical-align:top}
.pro-color li{ display: block; float:left; width:18%; font-size:16px; color:#a6a6a6}
.pro-color li i{ width:24px; height:24px; border-radius:100%;}
.pro-color li:nth-of-type(1) i{ background:#e30000}
.pro-color li:nth-of-type(2) i{ background:#0043ca}
.pro-color li:nth-of-type(3) i{ background:#0cc3e3}
.pro-color li:nth-of-type(4) i{ background:#ff9900}
.pro-color li:nth-of-type(5) i{ background:#e5007c}




.pro-lists-all li{ display: block; width: 30%; float: left; margin-right: 3%; margin-bottom: 3%; background: #fff; padding-bottom: 3%; transition: all 0.5s;}
.pro-lists-all li span{display: block;
	height: 260px;
	overflow: hidden;
	position: relative;
	text-align: center;

	transition: all 0.5s;}
.pro-lists-all li: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-lists-all  a span{ display:block; position:relative;}
.pro-lists-all  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-lists-all  a:hover span:after{ height:260px; width:100%;left:0; bottom: }



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

.pro-lists-all   p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.pro-lists-all  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-lists-all   img {
	width:100%;

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

.pro-lists-all a:hover img{ transform:scale(1.1)}
.pro-pinpai{    background:#fff; height:auto; overflow:hidden;}
.pro-pinpai>p:nth-of-type(1){margin-bottom:40px; font-size:26px; color:#00468c; }
.pro-pinpai ul li{ text-align:center; font-size:16px; text-align:center; width:230px; height:180px; padding:45px 25px ; border:#eeeeee 2px solid; color:#666666; display:block; float:left; margin-right:20px; transition:all 0.5s}
.pro-pinpai ul li p:nth-of-type(1){color:#333; font-size:18px;text-align:center; margin:15px 0 30px; transition:all 0.5s}
.pro-pinpai ul li:nth-last-of-type(1){ margin:0;}
.pro-pinpai ul li:hover{ background:#be000e; color:#fff; border:#be000e 2px solid;}

.pro-pinpai ul li:hover  p:nth-of-type(1){ color:#FFF; font-size:24px;}
.pro-pinpai ul li:nth-child(1) i{ background:url(../img/pro-a.png) no-repeat -75px top; width:58px; height:62px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(1):hover i{ background:url(../img/pro-a.png) no-repeat 0px top;}
.pro-pinpai ul li:nth-child(2) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(2):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}

.pro-pinpai ul li:nth-child(3) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(3):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}


.pro-pinpai ul li:nth-child(4) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(4):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}


/*鐩稿叧浜у搧*/

.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{ background:url(../img/hotline.png) no-repeat left top; 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: #f8fbfd;
	padding-right: 30px !important;
	border:1px #eeeff0 solid;
	font-size: 14px;
}
#formData .write.name{ background: url("../img/fr1.png") no-repeat 98% center; }
#formData .write.tel{ background: url("../img/fr2.png") no-repeat 98% center; }
#formData .write.code{ background: url("../img/fr3.png") no-repeat 98% center; }

.code{ font-size: 14px; }



/*鏂伴椈*/
.news_box_left{ margin: 20px; padding: 10px; border-bottom: 1px solid #e7e7e7; position: relative;   }
.news_box_left:after{ position: absolute;content: ""; background
: #e80113; height: 2px; width:100%;  left: 0;bottom: -1px;

	transition: all 0.5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.news_box_left:hover:after{-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
	-o-transform: scaleX(1); transform: scaleX(1);}



.news_img{ background: #000000 }
.new_datil > p:nth-of-type(1){ color: #333; font-size: 18px; }
.new_datil .new_nr{ font-size: 12px; color: #666; line-height: 25px; overflow: hidden; padding-bottom: 15px;}
.new_three_more{ height: 25px; line-height: 25px; }
.new_three_more span{ padding: 0 10px 0 0;   display: inline-block; font-size: 12px; color: #b0b0b0; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s; }
.new_three_more span:not(:nth-last-of-type(1)) i{ padding: 0 10px 0 0; }
.new_three_more span:nth-last-of-type(1){ float: right; width: 90px; border: 1px solid #dcdcdc; text-align:center; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
.new_three_more span .icon-fangxiang{display:inline-block; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg); }
.news_box_left:hover .icon-fangxiang{transform: rotate(180deg);}
.news_box_left:hover span:nth-last-of-type(1){ border: 1px #e80113 solid; background: #e80113; color: #fff }
.news_box_left:hover span a{ color: #fff }
.news_right > p:nth-of-type(1){ padding-left: 5%; font-size: 16px; color: #000; border-bottom: #ededed 1px solid; line-height: 70px; position: relative;}
.news_right > p:nth-of-type(1):after{ position: absolute; content: ""; background
: #e80113; width: 4px; height: 30%; left: 0;
	top: 0; bottom: 0; margin: auto; }
.hot_news{ width: 90%; margin: 0 auto; padding: 5% 0; border-bottom: 1px solid #ededed}
.hot_news a{ color: #333; font-size: 14px; line-height: 25px;-webkit-transition: color .3s;-moz-transition: color .3s;-ms-transition: color .3s;-o-transition: color .3s;transition: color .3s; }
.hot_news a:hover{color: var(--theme-blue);}



/*鍒嗛〉*/
.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:#e80113; 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: #c40000; color: #fff; font-size: 14px; text-align: center; position: relative; width: 100%;	 }
.btn-suss:hover{ color: #fff;background: #none;}
.btn-suss:before{ position: absolute;content: "";left: 0; top:0; background:#c40000;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 .form-tr:nth-of-type(3) input{ background: url("../img/form3.png") no-repeat 10px center #fff;}



.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: 60%!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: 768.98px){
	.footer-contact{ width:100%}
	.footer_logo{ width:100%}
	.footer_logo img{ max-width: 80%}
}
#map{ height: 400px;width: 100%; box-sizing: border-box; border:0px solid #fff; }


@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%}
}



.dropdown-nav { position: absolute; background: url("../img/sub_bj.png") no-repeat center top;
	width: 100%; height:480px; border-bottom: 8px solid rgba(255,255,255,0.5);
	display: none; left: 0; overflow: hidden; z-index: 99; background-color: #fff; background-size: cover;
	border-top: 1px solid #e6e6e6!important;}

.header.header-min .dropdown-nav { }
.header.header-min .dropdown-nav .nav-container .child-item .item-info-wrap ul li a{ color: #fff}
@media (min-width: 1680px) { .dropdown-nav .container { max-width: 1320px; } }
.dropdown-nav .nav-rightbar { flex: 0 0 auto; width: 22%; position: relative; }
.dropdown-nav .nav-rightbar::before { content: ''; display: block; position: absolute; width: 200%; height: 100%; top: 0; left: 0; background: #cad5dd; }
.dropdown-nav .nav-rightbar .right-wrap { position: relative; z-index: 2; height: 100%; }
.dropdown-nav .nav-rightbar .right-wrap .ico { width: 180%; height: 180%; padding: 5%; transform: translateY(-20%); }
.dropdown-nav .nav-rightbar .right-wrap .ico img { width: 100%; opacity: .11; }
.dropdown-nav .nav-rightbar .right-wrap .txt { font-weight: bold; font-size: 135px; color: rgba(255, 255, 255, 0.5); line-height: 1; position: absolute; bottom: 0; text-align: center; left: 10px; }
.dropdown-nav .nav-container { flex: 0 0 auto; width: 100%; }
.dropdown-nav .nav-container .child-item { display: none; height: 100%; }
.dropdown-nav .nav-container .child-item .item-info-wrap { padding-right: 0%; height: 100%; width: 100% }
.dropdown-nav .nav-container .child-item .item-info-wrap h3 { font-weight: bold; color: #333; padding-top: 1rem; }
.dropdown-nav .nav-container .child-item .item-info-wrap p.info-desc { font-size: 16px; line-height: 2; color:#999; }
.dropdown-nav .nav-container .child-item .item-info-wrap ul { margin-top: 1rem; width: 100% }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li{ flex: 1;
	display: flex; align-items: center}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li a{ width:70%; border-radius: 0 2rem;  border: 1px solid rgba(255,255,255,0);  display: flex; align-items: center; color: #858585; height: 50px; line-height: 50px; text-align: center}
.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a{  border: 1px solid #0075c4; background: #0075c4;  color: #fff;  text-align: center}



/*.dropdown-nav .nav-container .child-item .item-info-wrap ul li::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 8px; width: 8px; height: 8px; background-color: #0075c4;  transition: all .3s; }*/
/*.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover::before {  background:  #0075c4  }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a{ color: #fff}*/
.dropdown-nav .nav-container .child-item .item-info-wrap ul li a { padding-left: 1%; display: inline-block; vertical-align: middle; }
.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: #f60; }
.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; }
.item-info-wrap  ul .animate-nav{ font-size: 16px; padding: 0 1%; display: flex; align-items: center; justify-content: center}
.mask { top: 100px; display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); z-index: 88; }
.sub-nav-left{ display: flex; position: relative; width: 30%; }
.sub-nav-left:after{ position:absolute; content: ""; width: 1px; height:80%; background: #e8e8e8; right:0;top:0;bottom:0;
	margin: auto;}
.sub-nav-left p:nth-of-type(1){ font-size: 24px; color: #282828; position: relative;z-index: 99}
.sub-nav-left div:nth-of-type(1){ font-size: 16px; color: #666666;position: relative;z-index: 99; line-height: 1.5}
.sub-nav-left div:nth-of-type(2){position: relative;z-index: 99}
.sub-nav-left div:nth-of-type(2) a span{ font-size: 16px; color: #16b072; font-weight: bold }
.sub-nav-left div:nth-of-type(2) a i svg{ width: 20px; height: 20px; fill: #16b072;transition: all 0.5s}
.sub-nav-left div:nth-of-type(2):hover a i svg{ transform: translateX(-20%)}



.sub-navcontainer{}
.sub-navcontainer .sub-nav-prolist{ width: calc(100% / 4);}
.sub-nav-prolist p{ font-size: 16px; color: #333333; font-weight: bold; transition: all 0.5s}
.subimg-top{ transition: all 0.5s}
.subimg-top .subimg{ width: 100%; border:4px solid #fff; box-shadow:0px 0px 15px rgba(0,0,0,0.25);
	border-radius: 0.25rem;overflow: hidden; transition: all 0.5s}

.subimg-top:hover p{ color: #17c377;transform: translateY(12%)}

.subimg-top{ overflow: hidden;}

.subimg-top:hover .subimg{ transform: translateY(5%)}




.sub-nav-right{ width: 70%; padding: 3% 0 2% 2%;  }
.sub-nav-right .sub-nav-item{ width:55%;}
.sub-nav-right .sub-right-img{ width: 45%}
.sub-nav-right .sub-right-img img{border: 4px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.25)}
.sub-nav-right .sub-nav-item p{ margin-bottom: 0; position: relative}
.sub-nav-right .sub-nav-item p a{ font-size: 30px; color: #3d3d3d; font-weight: bold; position: relative; z-index: 2}

.sub-nav-right .sub-nav-item p:after{ position: absolute; content: attr(data-title); font-size: 72px;
	font-family: numfont; color:#f4f4f4; text-transform: uppercase; left:0; bottom:0; font-weight: bold}
.sub-nav-right .sub-nav-item{ }
.sub-nav-right .sub-nav-item>div div{  width:calc(100% / 3);}
.sub-nav-right .sub-nav-item>div div a span{     font-size: 16px;
	color: #666;
	padding-left: 15px;
	position: relative;}
.sub-nav-right .sub-nav-item>div div a span:after{ position: absolute; content: ""; width: 5px; height: 5px;
	border-radius: 50%; background: #16b072; top:0;bottom:0;left:0; margin:auto; transition: all 0.5s}

.sub-nav-right .sub-nav-item>div div a i{ display: none; font-size: 16px; color: #666}
.sub-nav-right .sub-nav-item>div div a i svg{width: 20px; height: 20px; fill: #27cc7a; transition: all 0.5s}
.sub-nav-right .sub-nav-item>div div:hover a i svg{ transform: translateX(-20%)}
.sub-nav-right .sub-nav-item>div div:hover a span{ color: #27cc7a}
@media(max-width: 1199.98px) {
	.sub-nav-left{ display: none;}
	.sub-nav-right{ width: 100%; padding: 3%;}
}

@media(min-width: 1399.98px) {
	.d-xxl-flex {
		display: flex !important;
	}
}
@media(max-width: 1299.98px){
	.sub-nav-right .sub-nav-item p:after{   font-size: 60px; }
}

.d-xxl-flex{display:none;	}
/*澶囧搧澶囦欢*/
.bpbj-big-box{ background: #fbfbfb ; }
.left-title{ border-bottom: 1px solid #e8ecf0;}
.left_list_box{ background: #fff url("../img/bpbj_bj2.png") no-repeat center bottom; box-shadow: 0 0 20px rgba(0,0,0,0.15)}
.left-all-title span{ font-weight: bold; font-size: 36px; color: #fff; position: relative}
.left-all-title span:after{ position: absolute; content: "";left: 0; bottom:0; background: #fff; height: 2px; width: 40%}
.left-title>div:i svg{ width: 16px; height: 16px; fill: #808080}
.left-title{ height: 60px; line-height: 60px; transition: all 0.5s}
.left-title span{ font-size: 18px;}

.left-title>i{ position: relative}
.left-title>i svg{ width: 20px; height: 20px;fill: #3d3d3d; transition: all 0.5s}
.left-sub-all p{ margin-bottom: 0; padding-left:30%; height:56px; font-size: 16px; position: relative}
.left-sub-all{ display: none}
.left-item.on .left-title a i svg{fill: #fff}
.left-item.on .left-sub-all{ display: block}
.left-item.on .left-title>div>i svg{   fill: #fff}
.left-item.on .left-title>i svg{ transform: rotate(90deg); fill: #fff}
.left-item.on .left-title span{ color: #fff}
.left-item.on .left-title{ background: url("../img/bpbj_lm_bj.jpg") no-repeat left center; background-size: cover}
.left-item .left-sub-all p:after{position: absolute; content: ""; width: 100%; height: 100%; left: 0; background: #f0f3f6;
	transform: scaleX(0); transform-origin: right center; transition: transform 0.5s;}
.left-sub-all p:before{ position: absolute; content: "";width: 4px; height: 100%; background: #0075c4;left: 0;top: 0;transform: scaleY(0); transform-origin: bottom center; transition: transform 0.5s; z-index: 2}
.left-item .left-sub-all a{ position: relative; z-index: 1}
.left-sub-all p:hover:before{ transform: scaleY(1); transform-origin: top center}
.left-sub-all p:hover:after{ transform: scaleX(1); transform-origin: left center}



.full-menu { position: fixed; z-index: 9999; background-color: #fff; width: 100vw; height: 100vh; top: 0; left: 0; -webkit-transition: transform .8s,opacity .3s; -moz-transition: transform .8s,opacity .3s; -ms-transition: transform .8s,opacity .3s; -o-transition: transform .8s,opacity .3s; transition: transform .8s,opacity .3s; -webkit-transform: translateX(100%) scaleX(0); -moz-transform: translateX(100%) scaleX(0); -ms-transform: translateX(100%) scaleX(0); -o-transform: translateX(100%) scaleX(0); transform: translateX(100%) scaleX(0); opacity: 0; }
.full-menu.open { -webkit-transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; }
.full-menu .menu-wrap { padding: 8%; }
.full-menu dl { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 0; }
.full-menu dl dt { padding: 1rem 0; font-size: 22px; }
.full-menu dl dt::after { content: ''; display: block; width: 1.5rem; height: 2px; background-color: var(--theme-red); margin-top: 1rem; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; }
.full-menu dl dd { line-height: 2.5; }
.full-menu dl dd a { padding-left: .625rem; }
.full-menu dl dd a::before { content: ''; display: block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 0; height: 0; border: 4px solid transparent; border-left-color: CurrentColor; }
.full-menu dl dd a:hover { padding-left: .875rem; }
@media (min-width: 1200px) { .full-menu dl:hover dt::after { width: 2rem; } }
.full-menu dl a { color: #333333; -webkit-transition: color .5s,padding-left .3s; -moz-transition: color .5s,padding-left .3s; -ms-transition: color .5s,padding-left .3s; -o-transition: color .5s,padding-left .3s; transition: color .5s,padding-left .3s; position: relative; }
.full-menu dl a:hover { color: var(--theme-red); }
.full-menu .close-btn { position: absolute; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #fbfcfc; top: 4%; right: 4%; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); }
.full-menu .close-btn i,.full-menu1 .close-btn i { cursor: pointer; position: absolute; width: 50%; height: 2px; color: #a0a0a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.full-menu .close-btn i::before, .full-menu .close-btn i::after,.full-menu1 .close-btn i::before, .full-menu1 .close-btn i::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.full-menu .close-btn i::before,.full-menu1 .close-btn i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.full-menu .close-btn i::after,.full-menu1 .close-btn i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
.full-menu .close-btn:hover i,.full-menu1 .close-btn:hover i { color: var(--theme-red); }
.full-menu .close-btn:hover i::before,.full-menu1 .close-btn:hover i::before{ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.full-menu .close-btn:hover i::after,.full-menu1 .close-btn:hover i::after { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
@media (max-width: 1199.98px) { .full-menu dl dt { font-size: 20px; }
	.full-menu .close-btn { width: 3rem; height: 3rem; top: 2%; right: 4%; } }
@media (max-width: 767.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
	.full-menu dl dt { position: relative; padding-left: .875rem; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto; flex: 0 0 33.333%; }
	.full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }
@media (max-width: 575.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
	.full-menu dl dt { position: relative; padding: 0; padding-left: .5rem; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto; flex: 0 0 flex: 0 0 33.333%; }
	.full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }


.menu-wrap>dl{ width: calc(100% / 6)}
@media(max-width: 991.98px){
	.full-menu .menu-wrap dl { width: calc(100% / 3)}
}
@media(max-width: 767.98px){
	.full-menu .menu-wrap dl{ width: calc(100% / 1)}
}

/*妗堜緥*/
.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(190,0,0,0.59);
	left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%; margin:auto; transform: scale(0);
	transition: transform 0.5s; z-index: 99;
}
 .case-t{ color:#fff; font-size:16px;}
.demo-honor-k:before{ position: absolute; content: ""; left: 0; bottom:0; top:0; bottom:0;
	background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 2; transform: scale(1.05); opacity: 0; transition: all 0.5s;}
.demo-honor-k:hover:before{  transform: scale(1); opacity: 1 }

.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;}
}
/*万圣四大优势*/
.index-four-container-title{ background: #666666}
.index-four-container-title .ys-left-title p{ color:#fff; margin:0}
.index-four-container-title .ys-left-title p:nth-of-type(1){ font-size:20px; color:#fff}
.index-four-container-title .ys-left-title p:nth-of-type(2){ font-size:20px; color:#fff; text-transform: uppercase; }
.ys-right{ font-family: "Arial", sans-serif;text-transform: uppercase; font-weight:bold; color:#fff; font-size:40px; }
.four-ys-ftitle{ color:#fff;font-size:36px;}
.ys-ws-num{ width:70px; height:70px; background: #c40000; color:#fff}
.ys-ws-wrap{ width:calc(100% - 80px); padding:0 2%;}
.youshi-font-container{ width:60%; padding:3% 0}
.youshi-ws-img{ width:34%;}
.youshi-ws-img img{ border-radius: 0.5rem;}
.ys-ws-wrap p{ margin:0}
.ys-ws-wrap p:nth-of-type(1){ font-size:30px; color:#c40000; font-weight:bold}
.ys-ws-wrap p:nth-of-type(2){ font-size:16px; color:#c40000; font-family: "Arial", sans-serif; text-transform: uppercase;}
.ys-ws-wrap .ys-ws-desc{ font-size:16px; color:#666; line-height: 2}
.youshi-ws-item{ padding:2% 0; align-content: center}
.youshi-ws-item:nth-of-type(2n) .youshi-ws-img{ order: 0!important;}
.youshi-ws-item:nth-of-type(2n) .youshi-font-container{ order: 3!important;}

.youshi-ws-item:nth-of-type(2n) .youshi-font-container .ys-ws-num{order: 3!important;}
.youshi-ws-item:nth-of-type(2n) .youshi-font-container .ys-ws-wrap{order: 1!important; text-align: right}
.youshi-ws-item,.youshi-ws-item *{ transition: all 0.5s;}
.youshi-ws-img{
	overflow: hidden;}
.youshi-ws-item:hover .youshi-ws-img{ transform: scale(1.05)}
@media(max-width: 1299.98px){
.youshi-ws-item:nth-of-type(2n) .youshi-ws-img{ order: 1!important;}
}
@media(max-width: 991.98px){

	.youshi-ws-item:nth-of-type(2n) .youshi-ws-img{ order: 4!important;}
	.youshi-ws-item:nth-of-type(2n) .youshi-font-container{ order: 1!important; text-align: left}


	.youshi-font-container{ width:100%; padding:2% 0}
	.youshi-ws-img{ width:100%;}
	.ys-ws-wrap p:nth-of-type(1){ font-size:20px; color:#c40000; font-weight:bold}
	.ys-ws-num{ width:45px; height:45px; background: #c40000; color:#fff}
	.ys-right{   font-size:30px; }
	.four-ys-ftitle{ font-size:24px;}
}
/*浜у搧璇︽儏*/
.bg-hs2{ background-image: linear-gradient(to right,#f3f3f3,#f8f8f8,#dde2e2)}
.product-big-font{ }
.proinfo-container22{ width: 80%}
.product-big-img{ width: 50%;}
.product-big-font{ position: relative}
.product-big-font:before{ position: absolute; content: ""; z-index: -1; background: #f7f7f7; top: 0; right: -30%; width: 200%; height: 100%}
.product-container{ position: relative; z-index: 22}
.product-container>p:nth-of-type(1)  { font-weight: bold; font-size: 30px;   color:#1c1c1c;}
.product-container>p:nth-of-type(1) a{ font-size: 22px; color: #ff5e15}
.product-container>p:nth-of-type(2){ background: url("../img/pro-line.png") repeat-x left bottom;
	font-size: 20px; color: #2b2b2b; }

.product-container>p:nth-of-type(3){ font-size: 18px; color: #666666}
.product-container .pro-top-desc{ font-size: 16px; color: #666; line-height: 2;}
.product-container .pro-btn-top{  font-size: 16px; color: #333; position: relative;background: #c40000;
	width: 220px; height: 64px; display: block}
.product-container .pro-btn-top:nth-of-type(2){  background: #383842; }
.product-container .pro-btn-top:after{ position: absolute; content: ""; left: 0; top:0;  width: 100%; height: 100%;
	transition: transform 0.5s; transform: scaleX(0); transform-origin: right center; background: rgba(255,255,255,0.2);
}

.product-container .pro-btn-top:hover:after{ transform: scaleX(1); transform-origin: left center;}
.pro-btn-top i svg{ width: 30px; height: 30px; fill: #fff;}
.product-container .pro-btn-top a{ position: relative; z-index: 99}
.proinfo-tel-num{}
.proinfo-tel-num span:nth-of-type(1){ font-size: 16px; color: #2c2c2c}
.proinfo-tel-num span:nth-of-type(2){ font-size: 24px; color: #c40000; font-family: Avian; font-weight: bold;}

.pro-right-2ys{}
.pro-right-2ys p{ width: 50%; font-size: 16px; color: #999;}
.pro-right-2ys p  i,.pro-right-2ys div i{width: 5px; height: 5px; display: block; border-radius: 50%; background: #ba2a24}
.pro-right-2ys p  span,.pro-right-2ys div span{ width: calc(100% - 10px)}
.pro-right-2ys div span{ font-size: 16px; line-height: 2.5; color: #666}
.w-65{ width: 65%}
.w-35{ width: 35%}
.pro-btn-top .w-65{ border-right:1px solid rgba(255,255,255,0.65)}
.up-tel2{ display: flex; margin-left:5%}
.up-tel2 svg{ width: 32px; height: 32px; fill: #ff652f}
.up-tel2 .tel-text span:nth-of-type(1){ font-size: 12px; color: rgba(0,0,0,0.8);line-height: 1.25;}
.up-tel2 .tel-text span:nth-of-type(2){ font-size: 26px; color: #000; font-family: 'Bahnschrift';  }
.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: 1.6rem; color: #212529}
@media(max-width: 1399.98px)  {
	.proinfo-container22{ width: 100%}

}
@media(max-width: 1199.98px){
	.up-tel2 .tel-text span:nth-of-type(2){ font-size: 18px; color: #000;  }
	.pro-right-2ys p{  font-size: 14px;  }
	.product-container .pro-btn-top{  width: 40%; height: 48px; display: block;}
	.pro-right-2ys div i{ display: none}
	.proinfo-container22{ width: 100%}
}

.pro-navitem i svg{ width: 20px; height: 20px; fill: #bebebe; transition: all 0.5s}
.pro-navitem{ font-size: 14px; position: relative}
.pro-navitem:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px; height: 60%; top: 0; bottom: 0; margin: auto;
	right: 0; background: #dddddd;}
.pro-navitem a{ color: #666666}
.pro-navitem a:hover{ color: #018d81}
.pro-navitem a:hover i svg{fill: #ff5e15}

.pro-nav-box{ font-size: 20px;}
.pro-nav-box li{ flex: 1; text-align: center; position: relative}
.pro-nav-box li a{ position: relative; z-index: 33; color: #fff}
.pro-nav-box li:hover a{ color: #fff}
.pro-nav-box li:after{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: #17c377;
	transform: scaleY(0); transition: transform 0.5s; transform-origin: bottom center;   }
.pro-nav-box li.active:after{  transform: scaleY(1); transform-origin: top center;  }
.pro-nav-box li.active a{ color: #fff;}
.pro-nav-box li:hover:after{   transform: scaleX(1); transform-origin: top center; }
.pro-nav-box li:hover{ color: #fff}
.pro-nav-box li i{ transition: all 0.5s}
.pro-nav-box li span{ transition: all 0.5s}

.pro-nav-box li:hover i{transform: translateY(15%)}
.pro-nav-box li:hover span{transform: translateY(5%)}

.proinfo-ty-title{}
.proinfo-ty-title p:nth-of-type(1){ font-weight: bold; font-size:36px; color: #242424; margin-bottom: 0}
.proinfo-ty-title p:nth-of-type(2){ font-weight: bold; font-size:36px; text-transform: uppercase; color: #dddfe3; font-family: numfont }




.pro-detail-title{background: url("../img/line2.png")  repeat-x center left; }
.pro-detail-title div p:nth-of-type(1){ font-size: 30px; color: #111111; line-height: 0.75; font-weight: bold;}
.pro-detail-title div p:nth-of-type(1) span{ position: relative; background: #fff}
.pro-detail-title  div p:nth-of-type(1) span:after{ position: absolute; content: ""; width: 5px; height: 80%; background: #018d81;left: 0; top: 0; bottom:0; margin: auto;}

#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: #17c377}
.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 #17c377}
@media(max-width: 1299.98px) {
	.proinfo-ty-title p:nth-of-type(1) {   font-size:24px;}
	.proinfo-ty-title p:nth-of-type(2) {font-size:20px;	}
}
@media(max-width: 991.98px){
	.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: #111111; line-height: 0.75; font-weight: bold;}
	.product-container>p:nth-of-type(2){ font-size:20px; color: #111111; 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;}

	.proinfo-ty-title p:nth-of-type(1) {   font-size:20px;}
	.proinfo-ty-title p:nth-of-type(2) {font-size:18px;	}


	.product-container>p:nth-of-type(1)  { font-weight: bold; font-size: 20px;   color:#1c1c1c;}
	.product-container>p:nth-of-type(1) a{ font-size: 16px; color: #ff5e15}


}



.bg-dark2{ background: #383842;}

/*浜у搧璇︽儏*/
.proinfo-tonglist{ border-radius: 1rem 0 0 0; background: #fff;}
.pro-left-title{ width: 10%; border-radius: 1rem 0 0 0; font-size: 20px;
	background-image: linear-gradient(to bottom,#ff7d4e,#ff642e); letter-spacing: 0.25rem;
	font-weight: bold; color: #fff;}
.pro-left-title p{text-align: center; margin-bottom: 0}
.pro-right-box{ width: 85%}
.proinf-img{ position: relative; z-index: 2;border-radius: 1rem}
.proinf-img img{border-radius: 1rem}
.pro-right-desc{color: #fff; font-size: 16px; line-height: 2}
.pro-cil-img{ overflow: hidden; width: 130px; height: 130px; border-radius: 50%;}
.pro-tlist-img-font p:nth-of-type(1){ font-size: 16px; color: #666; margin-bottom: 0}
@media(max-width: 1199.98px) {
	.pro-cil-img{ overflow: hidden; width: 100px; height: 100px; border-radius: 50%;}
}

.news-li-item{ width:48%}
.news-li-item{ font-size: 15px; color: #666; border-bottom: 1px solid #eaeaea; transition: all 0.5s;}
.news-li-item:hover{ border-bottom: 1px solid #17c377}

.news-li-item i svg{ width:20px; height: 20px; fill: #d2d2d2}
.news-li-item a>div:nth-of-type(1) span{ color: #666666; transition: all 0.5s}
.news-li-item:hover a>div:nth-of-type(1) span{color: #17c377; transform:  translateX(10%)}
.news-li-item span.time{ color: #d2d2d2}


.index-case-box-content{ background: #f5f5f7; transition: all 0.5s}
.index-case-box-content img{ transition: all 0.5s}
.index-case-box-content .index-case-font p{ font-size: 16px;}
.index-case-box-content:hover{background-color: #17c377;}
.index-case-box-content:hover img{ transform: scale(1.05)}
.index-case-box-content:hover .index-case-font p{ color: #fff;}
@media(max-width: 991.98px) {
	.news-li-item{ width:100%}
}



.proinfo-margin{ margin-top: 170px;}
@media(max-width: 1199.98px){
	.proinfo-margin{   margin-top: 130px  }

}
@media(max-width: 991.98px){
	.proinfo-margin {   margin-top: 80px  }
}
@media (max-width: 575.98px) {
	.proinfo-margin {   margin-top: 60px  }

}

..send-form .order-content .go-sub{ background: #17c377!important; border-radius: 0.25rem;}