@charset "UTF-8";

/* 自定义公共辅助类 */
ul li{
	list-style:none;
}
a:hover{
	text-decoration:none
}
.bgys{background: #FFFFFF;overflow: hidden;}
.row{padding-left: 15px;padding-right: 15px;}
.banner_ny img{width: 100%;}

/* 首页样式结束 */

/*  头部  */

.header_content {
	background: linear-gradient(to right, #ffffff, #ffffff);
	/* pc导航条 */
}

.header_content .container {
	display: flex;
	justify-content: space-between;
}

.header_content .container::before,
.header_content .container::after {
	display: none;
}

.header_content .container .hc_left {
	flex: 1;
	display: flex;
	align-items: center;
}

.header_content .container .hc_left .company_logo {
	display: flex;
	align-items: center;
}

.header_content .container .hc_left .company_logo a.hc_logo {
	height: auto;
	padding-right: 20px;
	position: relative;
}

.header_content .container .hc_left .company_logo a.hc_logo::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 45px;
	background: linear-gradient(to bottom, #fff, #3a3a3a, #fff);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.header_content .container .hc_left .company_logo .left_text {
	margin-left: 20px;
	line-height: 1;
	text-align: left;
	color: #666666;
	font-size: 16px;
}

.z-y {
	display: flex;
	align-items: center;
}

.z-y a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 5px;
	display: block;
}

.z-y img {
	width: 30px;
}

@media (max-width: 1200px) {
	.header_content .container .hc_left .company_logo .left_text {
		margin-left: 15px;
	}
}

.header_content .container .hc_left .company_logo .left_text .ch {
	font-size: 28px;
	color: #404040;
	font-weight: bold;
}

.header_content .container .hc_left .company_logo .left_text .en {
	margin-top: 5px;
	color: #e1e1e1;
	font-size: 13px;
	letter-spacing: 1px;
}

.header_content .container .hc_right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header_content .container .hc_right .hcr_l .l_top {
	display: flex;
	align-items: center;
}

.header_content .container .hc_right .hcr_l .l_top>span {
	font-size: 30px;
	margin-right: 5px;
	color: #2a2a2a;
}

.header_content .container .hc_right .hcr_l .l_top .two_line_eng {
	text-align: left;
	display: flex;
	align-items: center;
}

.header_content .container .hc_right .hcr_l .l_top .two_line_eng .zxrx {
	position: relative;
	font-size: 12px;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #ccc;
}

.header_content .container .hc_right .hcr_l .l_top .two_line_eng .zxrx i {
	display: block;
}

.header_content .container .hc_right .hcr_l .l_top .two_line_eng span:last-child {
	transform: translateY(-1px);
	color: #da251c;
	font-size: 30px;
	line-height: 1;
	text-shadow: 2px 2px 4px #fff;
}

.header_content .container .hc_right .hcr_l .l_top .two_line_eng span i {
	color: #2a2a2a;
}

.header_content .container .hc_right .hcr_l .l_bottom {
	margin-top: 9px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header_content .container .hc_right .hcr_l .l_bottom a {
	color: #5d5d5d;
}

.header_content .container .hc_right .hcr_l .l_bottom .line {
	margin: 0 10px;
	width: 1px;
	height: 14px;
	border-right: 1px solid #5d5d5d;
}

.header_content .container .hc_right .hcr_r {
	margin-left: 25px;
	display: flex;
	padding: 20px 0;
}

.header_content .container .hc_right .hcr_r .saoyisao {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 10px;
	margin-left: 10px;
	margin-right: 3px;
}

.header_content .container .hc_right .hcr_r .saoyisao .l_kuo {
	position: absolute;
	top: -5px;
	left: 3px;
	transform: rotateZ(90deg);
}

.header_content .container .hc_right .hcr_r .saoyisao .r_kuo {
	position: absolute;
	bottom: -4px;
	right: 2px;
	transform: rotateZ(90deg);
}

.header_content .pc_nav {
	position: relative;
}

.header_content .pc_nav ul.hc_nav {
	position: relative;
	z-index: 2;
	display: flex;
}

.header_content .pc_nav ul.hc_nav>li:last-of-type::after {
	display: none;
}

.header_content .pc_nav ul.hc_nav>li::after {
	content: '';
	position: absolute;
	z-index: 1;
	right: 0;
	width: 1px;
	height: 10px;
	background-color: #000000;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.header_content .pc_nav ul.hc_nav>li.nav_on>a::before {
	width: 100%;
}

.header_content .pc_nav ul.hc_nav>li.dropdown a {
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu {
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	-o-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
	width: auto;
	min-width: 200px;
	background: #fff;
	border: solid 1px #e0e0e0;
	border-top: solid 5px;
	margin-top: 0;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu .dropdown-menu {
	top: 0;
	left: 100%;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu>li>a {
	padding: 10px 15px;
	border-bottom: solid 1px #eee;
	color: #6f6f6f;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu>li>a:hover {
	background-color: #da251c;
	color: #fff;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu>li:last-child>a {
	border-bottom: none;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu li a {
	text-align: left;
}

.header_content .pc_nav ul.hc_nav>li.dropdown ul.dropdown-menu li a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header_content .pc_nav ul.hc_nav>li>a {
	text-transform: uppercase;
	padding: 35px 18px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	transition: all .4s ease;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}

.header_content .pc_nav ul.hc_nav>li>a:hover {
	background-color: initial;
}

.header_content .pc_nav ul.hc_nav>li>a span {
	position: relative;
	z-index: 99;
}

@media (max-width: 1200px) {
	.header_content .pc_nav ul.hc_nav>li>a {
		padding: 35px 12px;
		font-size: 14px;
	}
}

.header_content .pc_nav ul.hc_nav>li>a::before {
	content: '';
	position: absolute;
	z-index: 5;
	width: 0;
	height: 2px;
	left: -1px;
	bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #da251c;
	transition: all .4s ease;
}

.header_content .pc_nav ul.hc_nav>li>a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	left: 0;
	bottom: 0;
	z-index: 5;
	display: none;
	background-color: #da251c;
	transition: all .4s ease;
}

.header_content .pc_nav ul.hc_nav>li>a>i.dropdown_icon {
	display: block;
	transform: rotateZ(90deg);
	font-size: 12px;
	font-weight: normal;
	position: relative;
	z-index: 9;
}


/*  mobile导航条  */

nav.navbar.bootsnav.navbar-default {
	background: linear-gradient(to right, #fff, #fff);
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	min-height: initial;
	width: 100%;
	top: 0;
	box-shadow: 0 5px 5px #f0f0f0;
}

nav.navbar.bootsnav.navbar-default .container {
	padding: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container {
		background-color: transparent;
	}
}

nav.navbar.bootsnav.navbar-default .container::before,
nav.navbar.bootsnav.navbar-default .container::after {
	display: none;
}

nav.navbar.bootsnav.navbar-default .container .navbar-header {
	margin-right: 0;
	min-width: 0;
	/* 解决flex 布局下 ellipsis 失效问题 父元素加 min-width: 0; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav.navbar.bootsnav.navbar-default .container .navbar-header::before,
nav.navbar.bootsnav.navbar-default .container .navbar-header::after {
	content: unset;
	display: initial;
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle {
	background-color: transparent;
	border: none;
	margin-left: 15px;
	margin-right: 0 !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	top: 0 !important;
}

@keyframes smallbig {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .icon-bar {
	background-color: #5d5d5d;
	transition: all 0.2s;
	width: 30px;
	height: 2px;
	margin: 8px auto;
}

@media (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle {
		animation: smallbig .6s ease-in-out;
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed {
		animation: none;
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .top-bar {
		transform: rotateZ(0);
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .middle-bar {
		opacity: 1;
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle.collapsed .bottom-bar {
		transform: rotateZ(0);
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .top-bar {
		transform: translateY(8px) rotate(45deg);
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .middle-bar {
		opacity: 0;
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-header .navbar-toggle .bottom-bar {
		transform: translateY(-12px) rotate(-45deg);
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .logo {
	height: auto;
	display: flex;
	align-items: center;
	padding: 15px 15px;
}

@media screen and (max-width: 768px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .logo {
		padding-left: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 8px;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .logo:hover {
	color: #777;
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .logo .logo_img {
	text-align: left;
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .logo .logo_img img {
		height: 50px;
	}
}

@media screen and (max-width: 768px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .logo .logo_img img {
		height: 33px;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text {
	line-height: 1;
	text-align: left;
	min-width: 0;
	/* 解决flex 布局下 ellipsis 失效问题 父元素加 min-width: 0; */
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch {
	font-size: 26px;
	font-weight: bold;
	color: #2e2e2e;
}

@media (max-width: 1200px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch {
		font-size: 22px;
	}
}

@media (max-width: 500px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .ch {
		font-size: 18px;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-header .left_text .en {
	margin-top: 5px;
	color: #dfdfdf;
	font-size: 12px;
	font-weight: bold;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	display: flex !important;
	align-items: center;
}

@media (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse {
		flex-direction: column;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse.in ul.nav.navbar-nav>li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

@media (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav {
		padding: 0;
		text-align: left;
		width: 100%;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li {
	position: relative;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	opacity: 0;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(1) {
	-webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(2) {
	-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(3) {
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(4) {
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 1.4s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li:nth-child(8) {
	-webkit-transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
	transition: all 1.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li::after {
	content: "";
	width: 0;
	height: 3px;
	background: #da251c;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease 0s;
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li {
		border: none;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li .dropdown_icon {
	display: none;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.nav_on::after {
	width: 100%;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.nav_on a {
	font-size: 16px;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li>a {
	text-transform: uppercase;
	font-weight: 600;
	padding: 40px 20px;
	color: #5b5b5b;
	font-size: 16px;
	margin-bottom: 0;
	position: relative;
	z-index: 10;
	border: none;
	border-bottom: solid 1px #e0e0e0;
}

@media (max-width: 1200px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li>a {
		padding: 35px 10px;
		font-size: 15px;
	}
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li>a {
		color: #7a7a7a;
	}
}

@media screen and (max-width: 1200px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li>a {
		padding: 25px 15px;
	}
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li>a {
		padding: 12px 15px;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown ul.dropdown-menu {
	background-color: #fff;
	border-color: #ccc;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown ul.dropdown-menu>li a {
	padding: 10px;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown ul.dropdown-menu>li.dropdown>a.dropdown-toggle .dropdown_icon {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	margin: 0;
	transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
	display: block;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown ul.dropdown-menu>li.dropdown.on a.dropdown-toggle .dropdown_icon {
	transform: translateY(-50%) rotateZ(90deg);
	transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown a.dropdown-toggle .dropdown_icon {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	margin: 0;
	transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
	display: block;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown.on a.dropdown-toggle .dropdown_icon {
	transform: translateY(-50%) rotateZ(90deg);
	transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@media (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown a.dropdown-toggle::before {
		display: none;
	}
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse ul.nav.navbar-nav>li.dropdown a.dropdown-toggle::after {
		display: none;
	}
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse .site_language {
	display: flex;
	width: 100%;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse .site_language a {
	display: flex;
	align-items: center;
	width: 32px;
	height: 32px;
	margin-left: 10px;
	border-radius: 50%;
	line-height: 32px;
	font-size: 14px;
	margin-top: -5px;
}

nav.navbar.bootsnav.navbar-default .container .navbar-collapse .site_language a .icon {
	width: 30px;
	height: 30px;
}

@media (max-width: 992px) {
	nav.navbar.bootsnav.navbar-default .container .navbar-collapse .site_language a {
		margin-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
		height: 100vh !important;
	}
}

.banner_imgsy{width: 100%;}
/*  产品分类  */
.columns-box{
	padding: 60px 0;
	text-align: center;
	background: #f6f6f6;
}
.columns-box ul{
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.columns-box ul li a{
	display: block;
}
.columns-box a b {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0 auto;
	background: #0095ff;
	border-radius: 50%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	overflow: hidden;
	transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0)
}
.columns-box a i {
	font-size: 32px;
	color: #fff
}
.columns-box a p {
	line-height: 2;
	color: #999;
	font-size: 18px;
	display: block;
	margin-top: 8px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0)
}
.columns-box a:hover{
	text-decoration:none
}
.columns-box a:hover b {
	background: #b9211e;
	opacity: .88;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.columns-box a:hover span {
	padding: 45px;
	top: -45px;
	left: -45px;
	opacity: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0)
}
.columns-box a:hover p {
	transition: .5s;
	color: #333;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	-webkit-transform: translateY(15px)
}

/*  产品中心  */
.picture-box {
	padding: 60px 0px;
	text-align: center;
	background: url(../img/box_bg.jpg) fixed;
}
.title-box {
    text-align: center;
}
.title-box span {
	font-size: 36px;
	display: block;
	margin-bottom: 20px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.title-box i {
	display: block;
	width: 50px;
	height: 3px;
	background: #0095ff;
	margin: 0 auto;
	margin-bottom: 10px;
}
.title-box.black span {
	color: #fff
}
.title-box p {
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	color: #999;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.title-box span:hover {
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px)
}
.title-box p:hover {
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px)
}


.picture-box .container {
	position: relative
}
.picture-list{
margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.picture-list li{
	padding: 10px;
}
.picture-list a {
	display: block;
}
.picture-list a p {
	display: block;
	position: relative;
	overflow: hidden
}
.picture-list a p b {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	z-index: 9
}
.picture-list a p i {
	font-size: 18px;
	color: #fff;
	position: absolute;
	background: #b9211e;
	z-index: 8;
	left: 50%;
	top: -50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	margin: -25px 0 0 -25px;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	z-index: 10
}
.picture-list a p i:hover {
	background: #0095ff
}
.picture-list a p img {
	width: 100%;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.picture-list span {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #5A5A5A;
	margin-top: 15px;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.picture-list a:hover span {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}
.picture-list font {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	margin-top: 5px
}
.picture-list a:hover p b {
	background: rgba(0,0,0,.025);
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}
.picture-list a:hover p i {
	top: 50%;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}
.picture-list a:hover p img {
	width: 100%;
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

/* 关于我们 */
.about {
	background: #f7f7f7;
	overflow: hidden;
	padding-bottom: 50px;
}

.ab_con {
	overflow: hidden;
	padding: 0 10px;
}

.ab_left {
	float: left;
	width: 55%;
}

.ab_left p {
	font-size: 18px;
	line-height: 2em;
	text-indent: 2em;
}

.ab_more {
	width: 240px;
	height: 50px;
	display: block;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	background: #fff;
	border: 1px #ccc solid;
	margin: 20px auto 0px;
	transition: 0.3s;
}

.ab_more:hover {
	background: #a40000;
	color: #fff;
	text-decoration: none;
}

.ab_right {
	float: right;
	width: 40%;
}

.ab_right img {
	width: 100%;
}

.box_tit {
	margin: 50px 0px 40px;
	padding: 0 10px;
}

.box_tit span {
	width: 100%;
	height: 1px;
	background: #ddd;
	margin: 15px auto;
	display: block;
}

.box_tit span i {
	width: 150px;
	height: 5px;
	background: #a40000;
	font-style: normal;
	display: block;
	position: relative;
	top: -2px;
}

.box_tit p {
	font-size: 36px;
	text-transform: capitalize;
	font-weight: 100;
}

.box_tit b {
	font-size: 36px;
	font-weight: 400;
}
@media(max-width:1024px) {
	.ab_right {
		display: none;
	}
	.ab_left {
		width: 100%;
	}
}

@media(max-width:768px) {
	.box_tit {
		margin: 40px 0px 30px;
	}
	.box_tit p {
		font-size: 30px;
	}
	.box_tit b {
		font-size: 30px;
	}
}

@media(max-width:425px) {
	.box_tit {
		margin: 30px 0px 20px;
	}
	.box_tit p {
		font-size: 24px;
	}
	.box_tit b {
		font-size: 24px;
	}
}

/*  新闻中心  */
.info-box {
	padding: 60px 0px;
	text-align: center;
	background: url(../img/box_bg.jpg) fixed;
}
.info-list ul {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.info-list li {
	padding: 0 10px;
    overflow: hidden;
}
.info-list b {
	float: left;
	border-right: 1px solid #eee;
	height: 75px;
	padding-right: 15px;
	line-height: .5;
	color: #ccc;
	margin: 10px 15px 30px 0
}
.info-list em {
	font-size: 19px;
	display: block;
	color: #5a5a5a;
	padding-bottom: 15px;
	font-style: normal
}
.info-list h3 {
	display: block;
	line-height: 2;
	font-size: 18px;
	color: #5a5a5a;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.info-list p {
	display: block;
	height: 47px;
	font-size: 16px;
	line-height: 1.6;
	margin: 5px 0;
	color: #b0b0b0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.info-list li:hover h3 {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	color: #000;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}
.info-list li:hover p {
	color: #bbb;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

/* 应用领域 */
.application-box {
	padding: 50px 0px;
	background: #f7f7f7;
}

.app_list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}

.app_list ul li {
	margin: 10px;
}

@media(max-width:768px) {
	.application-box {
		display: none;
	}
}

/* 合作流程 */
.cooperation {
	overflow: hidden;
	padding-bottom: 50px;
	background: url(../img/box_bg.jpg) fixed;
}

.coo_con li {
	width: 48%;
	margin: 1%;
	float: left;
	border: 1px #ccc solid;
	padding: 10px;
	box-shadow: 5px 5px 5px #cccccc91;
	display: flex;
}

.coo_l {
	float: left;
	display: flex;
	align-items: center;
	margin-right: 15px;
	border-right: 1px #ccc solid;
	padding-right: 10px;
}

.coo_l p {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 1.8em;
}

.coo_l i {
	width: 40px;
	font-size: 40px;
	color: #b9211e;
	margin: 0 10px;
}

.coo_r {
	font-size: 16px;
}

@media(max-width:768px) {
	.coo_con li {
		width: 98%;
	}
}



/* 底部 */
.contact-box {
	padding: 50px 0 60px 0;
	background: #1f1f23;
	background: url(../img/foot_bg.jpg) no-repeat #080808;
}
@media(max-width:1024px) {
	.contact-box {
		padding: 20px 0 30px 0;
	}
}
.contact-left {
	color: #717171;
	margin-top: 30px
}
.contact-left strong.company {
	font-size: 16px;
	color: #eee;
	padding: 0 0 20px 4px;
	display: block
}
.contact-text {
	max-width: 100%;
	margin: 0 auto;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}
.contact-text:hover {
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}
.contact-text p {
	font-size: 16px;
}
.contact-text a {
	font-size: 16px;
	color: #717171;
}
.dbewm{width: 100%;}


/* 首页样式结束 */

/* 关于我们开始 */
.met-show {
	padding: 20px 0 40px;
	background: url(../img/box_bg.jpg) fixed;
}

.met-show h3 {
	margin: 20px auto 40px;
	font-size: 24px;
}

@media(max-width:768px) {
	.met-show h3 {
		margin: 20px auto 30px;
	}
}

.ab_cons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.ab_cimg {
	margin-right: 2%;
	width: 48%;
}

.ab_cimg img {
	width: 100%;
}

.ab_crig {
	width: 50%
}

.ab_crig p {
	font-size: 16px;
	line-height: 2em;
	margin: 0;
	padding: 0;
	text-indent: 2em;
}

@media(max-width:1024px) {
	.ab_cimg {
		margin-right: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.ab_crig {
		width: 100%
	}
}

/* 关于我们结束 */

/* 产品列表页开始 */
.product-list-fl {
	background: #fff;
}

.pronav-ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pronav-ul li a {
	font-size: 16px;
    color: #212121;
    font-weight: 400;
    display: block;
    padding: 8px 10px;
    transition: 0.3s;
    border: 1px #ccc solid;
    margin: 30px 10px 10px;
    border-radius: 5px;
}

.pronav-ul li a:hover {
	color: #fff;
	background: #b9211e;
}
/* 产品列表*/
.met-productlist {
	padding: 20px 0 40px;
	background: url(../img/box_bg.jpg) fixed;
}

.cplist{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}

.cplist .widget-shadow {
	margin: 10px;
	text-align: center;
	background: #f3f3f3;
	
}

.cplist .widget-shadow a {
	color: #000;
	overflow: hidden;
	display: block;
	
}
.widget-image{
	overflow: hidden;
}

.widget-image img{
	width: 100%;
	transition: all 0.6s;
}

.widget-title {
	font-size: 16px;
	margin: 13px 0px;
}
.cplist .widget-shadow a:hover .widget-image img{
	transform: scale(1.1);
}
/* 产品内容 */
.met-showproduct{background: #f6f6f6;}
.met-position-show{
	background: #f6f6f6;
}
.mbxdh{
	padding: 15px 10px;
}
.mbxdh a{
	color: #5a5a5a;
    font-size: 18px;
}
.pro-show-top{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    padding: 30px 0px;
}

.ad-image {
	text-align: center;
}

.pst-right h1 {
	font-size: 22px;
	margin: 15px 0 18px 2px;
}

.pst-right p {
	margin: 0;
	font-size: 18px;
	line-height: 2em;
	color: #4a4a4a;
}

.pro-show-bot .container {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0px;
}

.panel-body {
	padding: 15px;
	width: 100%;
	background: #fff;
	margin-bottom: 30px;
}

.nav-tabs {
	border-bottom: 1px solid #e4eaec;
	margin-bottom: 30px;
	overflow: hidden;
	line-height: 3em;
	padding: 0px;
}

.nav-tabs li {
	padding: 0 15px;
	border-bottom: 3px #b9211e solid;
}

.nav-tabs li span {
	color: #5a5a5a;
	border-bottom-color: #b9211e;
	font-size: 16px;
}
.tab-content p{
	font-size: 16px;
    line-height: 2em;
}
.tjxw {
	overflow: hidden;
}

.tjxw a {
	color: #5a5a5a;
	font-size: 15px;
	transition: 0.3s;
}

.tjxw span {
	margin-bottom: 10px;
	display: block;
}

.tjxw a:hover {
	color: #b9211e;
}
.met_page{
    margin: 15px auto 0px;
    overflow: hidden;
    height: auto;
    padding: 10px;
    line-height: 3em;
}
.met_page span{
}
.met_page span a{
    border: 1px solid #e4eaec;
    margin-left: -1px;
    background: #fff;
    padding: 9px 15px;
    text-align: center;
    color: #76838f;
    transition: 0.3s;
}
.met_page span a:hover{
    background: #a51f1c;
    color: #fff;
}
/* 产品列表结束*/

/* 新闻列表*/
.met-newslist {
	padding: 40px 0;
	background: url(../img/box_bg.jpg) fixed;
}
.met-newslist .bgys {
	display: flex;
	flex-wrap: wrap;
}
.met-newslist .met-page-ajax {
	margin: 0;
	padding: 0;
}

.met-page-ajax .media-lg {
	border-bottom: 1px solid #f0f2f5;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.met-page-ajax .media-lg .media-left img {
	width: 150px;
}

.met-page-ajax .media-lg .media-body span {
	float: right;
	margin: 10px 0px;
}

.met-page-ajax .media-lg .media-body .media-heading {
	font-size: 18px;
	margin: 10px 0px;
	line-height: 1.6em;
}

.met-page-ajax .media-lg .media-body .des {
	color: #717171;
	margin: 0px;
	line-height: 1.8em;
	text-indent: 2em;
	font-size: 16px;
}
@media(max-width:768px) {
.met-page-ajax .media-lg .media-left{display: none;}

}
.met-news-bar {
	margin: 20px 0;
	padding: 20px 0;
	width: 100%;
}

.met-news-bar h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.met-news-bar ul {
	margin-top: 10px;
	padding: 0;
}

.met-news-bar ul li {
	margin-bottom: -1px;
	border: 1px #e4eaec solid;
	transition: 0.3s;
}

.met-news-bar ul li a {
	display: block;
	padding: 10px 15px;
	color: #2a333c;
	font-size: 15px;
	transition: 0.3s;
}
.met-news-bar ul li:hover{
	background: #b9211e;
}
.met-news-bar ul li:hover a{
	color: #fff;
}

/* 新闻列表结束*/
/* 新闻内容开始*/
.met-shownews-header{
    overflow: hidden;
    margin: 20px;
    line-height: 2em;
}
.met-shownews-header h1{
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;
}
.info{
    color: #a3afb7;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
}
.met-editor{width:100%}
.met-editor p{
    font-size: 16px;
    line-height: 2em;
}
.page-show{
    border-top: 1px #ccc solid;
    padding-top: 15px;
    display: block;
    line-height: 2em;
}
.page-show li{
    font-size: 16px;
}
.page-show li a{
    color: #333;
    font-size: 16px;
}
.page-show li a:hover{
    color: #a51f1c;
}
/* 新闻内容结束*/


.bxggjBg{border-bottom: solid 1px #e8e8e8;}

.bxggj{width: 1200px;margin: 40px auto;}
.bxggj {display: flex;color: #999;justify-content: space-around;}
.bxggj a{text-align: center;} 
.bxggj h3{padding: 20px 0;color: #000;}
.bxggj p{line-height: 29px;}
@media(max-width:1200px) {
.bxggj{width: 100%;}
}

@media(max-width:992px) {

	.bxggj a img{display: none;}
}

/* 浮动qq*/
.qqbox {
	FONT-SIZE: 12px; overflow: hidden; width: 142px; color: #000000; letter-spacing: 0px; position: absolute; top: 100px; height: auto;
	text-align:left; z-index:9999;right: 0px;
}
.qqlv {
	float: right; overflow: hidden; width: 25px; position: relative; height: 256px
}
.qqkf {
	border: #0dacd3 6px solid; right: 0px; background: #fff; overflow: hidden; width: 130px; top: 0px; height: auto
}
.qqkfbt {
	border-right: #9cd052 1px solid; border-top: #9cd052 1px solid; FONT-WEIGHT: bold; background: #39ccde; overflow: hidden; border-left: #9cd052 1px solid; width: 128px; cursor: pointer; color: #fff; line-height: 20px; border-BOTTOM: #9cd052 1px solid; position: relative; height: 20px; text-align: center
}
.qqkfhm {
	padding-right: 8px; margin: 3px 0px; overflow: hidden; width: 122px; line-height: 22px; position: relative; 
}