/* ====================
     公共样式
	 作者：严微
	 公司名称：严微工作室
	 网址：http://www.ywcms.com
==================== */
html{ -webkit-text-size-adjust:none;}
body{ font-size:18px; line-height:24px; background:#fff; color: #797979;margin:0; padding:0; border:0; font-family: "PingFang SC", "Microsoft YaHei", 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif';}
input,textarea{ resize:none; font-family:"Microsoft YaHei";}
img{border:0;vertical-align:bottom; max-width:100%;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none;}
.mt35{ margin-top: 35px;}
.mt50{ margin-top: 50px;}
.fl{float: left;}
.fr{float: right;}
a, a:hover, a:focus { text-decoration: none; outline: none;}
.basefont50 {
	font-size: 28px;
}
.header-mb{
	display: none;
}
.header-bar{
	width: 100%;
	padding: 0 5rem;
	height: 36px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
}
.header-bar .bar-left{
	color: #666;
	font-size: 14px;
	line-height: 36px;
}
.header-bar .bar-left .bar-app{
	background: url("../images/icon01.png") no-repeat 0 4px;
	padding-left: 16px;
	margin-right: 10px;
}
.header-bar .bar-left .bar-app a,
.header-bar .bar-left .bar-email a{
	color: #666;
}
.header-bar .bar-left .bar-email{
	background: url("../images/icon02.png") no-repeat 0 4px;
	padding-left: 16px;
}
.header-bar .bar-right{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.header-bar .bar-right span{
	margin-right: 2px;
}

.header {z-index: 999;width: 100%;}
.top-lang{margin-left: 15px;}
.top-lang .dropdown.lang .dropdown-toggle{background: #fff;border: 1px solid #dddddd;border-radius: 0;}
.header-nav{background: #fff;padding: 20px 0;}
.header-nav .nav{display: flex;align-items: center;justify-content: flex-end;}
.top-search-box{z-index: 93;}
.top-search-box .search-tb{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;}
.top-search-box .search-tb i{color: #d7000f;font-size: 24px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{opacity: 0; height: 0;overflow: hidden; transition: all 0.5s;width: 0; position: absolute;right: 0;top: 50px;z-index: 99;padding-top: 10px;}


.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;height: 66px;}
.header.fadeInDown .header-nav{padding: 10px 0;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 20px;margin: 0 30px;  }
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#333333;font-weight: bold; padding: 0; line-height: 46px; display: flex;align-items: center;justify-content: center; font-size: 20px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 3px;background: #d7000f;position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-link:hover:before,.navbar-custom .navbar-nav .nav-link.active:before{width: 100%; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover{color: #d7000f;}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active{color: #d7000f;}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }


@media(max-width:1530px) {
	.navbar-custom .navbar-nav .nav-item { margin: 0 14px;}
}

/*#region 手机端*/
.header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #333}
.header-mb .top-mb .icon-bars{color: #333;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;}
.top-mb-search-box{display: none; position: fixed;background: #fff; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}
.top-mb-feed i{font-size: 16px;color: #333}


.swiper-pagination-bullet {width:28px!important;height:10px!important;border-radius:5px!important;background:#FFF!important;opacity:1!important}
.swiper-pagination-bullet-active {background:#fdb812!important;}
.swiper-button-prev {left:10px!important;right:auto!important}
.swiper-button-next {left:auto!important;right:10px!important}

.section {
	width: 100%;
	position: relative;
}
.section1 {
	background: #d7000f;
	padding: 0 20px;
}
.section1 .inner-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 60px;
	/*border-top: 1px solid #000;*/
	box-sizing: border-box;
}

.section1 .inner-wrap h2 {
	font-size: 42px;
	font-weight: 800;
	letter-spacing: -0.42px;
	text-transform: uppercase;
	line-height: 48px;
	color: #fff;
}

.section1 .inner-wrap > div {
	transform: translate(0, -14px);
}

.section1 .inner-wrap > div > dl {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

/*.section1 .inner-wrap > div > dl::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #d8dbdc;
	z-index: 2;
}*/

.section1 .inner-wrap > div > dl > dt {
	width: 153px;
	font-size: 16px;
	font-weight: 800;
	margin-right: 70px;
	flex: 0 0 auto;
	height: 58px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: #fff;
}

.section1 .inner-wrap > div > dl:first-of-type > dt {
	border-bottom: 0;
}

.section1 .inner-wrap > div > dl > dd {
	display: flex;
	flex-wrap: wrap;
	width: 912px;
}

.section1 .inner-wrap > div > dl > dd > div {
	font-size: 16px;
	font-weight: 300;
	width: 280px;
	margin-left: 36px;
	position: relative;
	height: 58px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #fff;
}

.section1 .inner-wrap > div > dl > dd > div.line::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 912px;
	height: 1px;
	background: #fff;
	z-index: 2;
}

.section1 .inner-wrap > div > dl > dd > div > ul {
	position: absolute;
	right: 0;
	top: 0;
	height: 58px;
	align-items: center;
	display: none;
}

.section1 .inner-wrap > div > dl > dd > div > ul > li {
	margin-left: 21px;
	position: relative;
}

.section1 .inner-wrap > div > dl > dd > div > ul > li:nth-of-type(2)::after {
	content: '';
	position: absolute;
	left: -11px;
	top: 1px;
	width: 1px;
	height: 14px;
	background: #fff;
}

.section1 .inner-wrap > div > dl > dd > div > ul > li > a {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	color: #00a4e0;
	text-decoration: none;
}

.section1 .inner-wrap > div > dl > dd > div:nth-child(3n+1) {
	margin-left: 0;
}

.section1 .inner-wrap > div > dl > dd > div > a {
	color: #fff;
	letter-spacing: -0.3px;
	position: relative;
	display: block;
	background: url('https://www.hd-hyundaielectric.com/assets/img/common/icon-more-arrow4.png') right center no-repeat;
	width: 100%;
	text-decoration: none;
}

.section1 .inner-wrap > div > dl > dd > div > a:hover::after {
	opacity: 1;
}

.section1 .inner-wrap > div > dl > dd > div > a img {
	margin-left: 10px;
}
.line-box{
	width: 100%;
	height: 45px;
}
.container-xl.long{max-width: 1630px;}
.home-cert{background: linear-gradient(to right, #d7000f 0%, #d7000f 50%, #f4f4f4 50%, #f4f4f4 100%);padding: 0;}
.home-cert .container-xl{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
.home-cert .container-xl .left{width: 40%; display: flex; justify-content: center;}
.home-cert .container-xl .right{width: 60%;background: #fff;position: relative;display: flex;justify-content: flex-end;align-items: center;padding: 65px 50px 65px 0;}
.home-cert .container-xl .right .text{width: 80%;}
.home-cert .container-xl .right .text h2{font-size: 42px;line-height: 46px;margin-bottom: 30px; color: #000;}
.home-cert .container-xl .right .text p{font-size: 18px;line-height: 32px;color: #797979;margin-bottom: 45px;}
.img-fluid {
	max-width: 100%;
	height: auto
}
.hmmore{background: #d7000f;font-size: 22px;line-height: 54px;text-align: center;color: #fff;border-radius: 50px;overflow: hidden;display: block;margin: 30px auto 30px; width: 200px;height: 54px;}
.hmmore span{margin-left: 25px;}
.hmmore:hover{color: #fff;background: #f82231;transition: all 0.5s;}
.hmmore.cert{font-size: 18px;line-height: 54px;height: 54px;width: 200px;margin: 0;text-decoration:none;}
.hmmore.pro{width: 200px;line-height: 60px;height: 60px;margin: 0;font-size: 18px;position: absolute;bottom: 70px;left: 55px;}

.bg-color-grey-scale-1{
	background: #ededed;
	padding: 50px 0;
}
.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
section.section-box > .container {
	position: relative;
}
section.section-box > .container h2 {
	color: #000;
}
.font-weight-bold {
	font-weight: 700 !important;
}
.text-10 {
	font-size: 2.75em !important;
}

.text-center {
	text-align: center !important;
}
h2 {
	font-size: 2.2em;
	font-weight: 700;
	line-height: 42px;
	margin: 0 0 32px 0;
}
p {
	color: #797979;
	line-height: 26px;
	margin: 0 0 20px;
}
.process {
	text-align: center;
}
.mt-5 {
	margin-top: 3rem !important;
}
.justify-content-center {
	justify-content: center !important;
}
.row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
}
.process .process-step {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.process .process-step-circle {
	display: flex;
	justify-content: center;
	height: 90px;
	text-align: center;
	width: 90px;
	border: 2px solid #d7000f;
	border-radius: 50%;
	align-items: center;
	position: relative;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
}

.process .process-step-content {
	padding-top: 40px;
}
.process .process-step-content h4{
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	color: #000;
	padding-bottom: 10px;
}

.process .process-step-circle-content {
	width: 60%;
	display: flex;
}
.process .process-step-circle-content img{
	width: 100%;
}

.process .process-step:hover .process-step-circle {
	background-color: #fff;
}

.process .process-step:hover .process-step-circle .process-step-circle-content {
	color: #FFF;
}

.process .process-step:hover .process-step-circle .process-step-circle-content .icons {
	color: #FFF !important;
}

.process.process-shapes .process-step-circle {
	position: relative;
	width: auto;
	height: auto;
	border: 0;
	margin-bottom: 19.2px;
	margin-bottom: 1.2rem;
}

.process.process-shapes .process-step-circle .process-step-circle-content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background-color: #CCC;
	border-radius: 100%;
	color: #FFF;
	z-index: 3;
}

.process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: #777;
	border-radius: 100%;
	opacity: 0.6;
	transform: translate3d(-50%, -50%, 0) scale(1.5);
	transition: ease transform 1s;
	z-index: 2;
}

.process.process-shapes .process-step-circle:after {
	background-color: #999;
	opacity: 0.3;
	transform: translate3d(-50%, -50%, 0) scale(2);
	z-index: 1;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before {
	-webkit-animation-name: processShapesScaleOne;
	animation-name: processShapesScaleOne;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after {
	-webkit-animation-name: processShapesScaleTwo;
	animation-name: processShapesScaleTwo;
}

.process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before, .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before {
	-webkit-animation-name: processShapesScaleOne;
	animation-name: processShapesScaleOne;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after {
	-webkit-animation-name: processShapesScaleTwo;
	animation-name: processShapesScaleTwo;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before, .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:before {
	-webkit-animation-name: processShapesScaleOne;
	animation-name: processShapesScaleOne;
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:after {
	-webkit-animation-name: processShapesScaleTwo;
	animation-name: processShapesScaleTwo;
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}

@-webkit-keyframes processShapesScaleOne {
	0% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1.8);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}
}

@keyframes processShapesScaleOne {
	0% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1.8);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.6;
		transform: translate3d(-50%, -50%, 0) scale(1.5);
	}
}

@-webkit-keyframes processShapesScaleTwo {
	0% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(2.3);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}
}

@keyframes processShapesScaleTwo {
	0% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}

	25% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(2.3);
	}

	50% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}

	100% {
		opacity: 0.3;
		transform: translate3d(-50%, -50%, 0) scale(2);
	}
}

.process-vertical {
	text-align: left;
}

.process-vertical .process-step {
	width: 100%;
	flex-direction: row;
	justify-content: start;
	align-items: start;
	position: relative;
	padding-bottom: 60px;
}

.process-vertical .process-step:before {
	display: none;
}

.process-vertical .process-step:after {
	width: 2px;
	display: block;
	background-color: #EDEDED;
	position: absolute;
	content: '';
	height: calc(100% - 80px);
	top: 70px;
	left: 30px;
}

.process-vertical .process-step:last-child:after {
	display: none;
}

.process-vertical .process-step-circle {
	height: 60px;
	width: 60px;
	margin: 0 15px 0 0;
	min-height: 60px;
	min-width: 60px;
}

.process-vertical .process-step-content {
	padding-top: 0;
}

.process-connecting-line {
	position: relative;
	text-align: left;
}

.process-connecting-line .connecting-line {
	content: '';
	position: absolute;
	top: 25px;
	left: 15px;
	right: 15px;
	height: 3px;
	background: #CCC;
}

.process-connecting-line .process-step {
	align-items: flex-start;
	padding-right: 48px;
	padding-right: 3rem;
	padding-left: 48px;
	padding-left: 3rem;
}

.process-connecting-line .process-step:before {
	content: none;
}

.process-connecting-line .process-step-circle {
	background: #FFF;
	width: 50px;
	height: 50px;
	border: 3px solid #CCC;
}
.col-lg-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.aboutbox{
	width: 100%;
}
.conbox{padding:75px 5rem;}
.companybox{overflow:hidden; background:#fff;}
.companybox .hometit{text-align: left;}
.companybox .hometit h2{ color: #000;}
.companybox .lcon{width: 48%; float: left}
.companybox .lcon .fon {overflow: hidden;}
.companybox .lcon .fon p{color: #666; line-height: 30px; margin:20px 0;}
.companybox .lcon .more{margin-top: 20px; display: block;}
.companybox .lcon .more em{display: inline-block;}
.companybox .lcon .more font{font-weight: 600; font-size: 24px; color: #213599; text-transform: uppercase; text-decoration: underline; margin-left: 10px; display: inline-block; vertical-align: middle;}
.companybox .rcon{width: 50%; float: right;}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top;}
#DB_gallery {position: relative;}
#DB_gallery .DB_imgSet .DB_imgWin{position:relative; overflow:hidden;}
#DB_gallery .DB_imgSet img{display: block; width: 100%}
#DB_gallery .DB_imgSet .DB_imgWin{ width: 100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn,#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:40%;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{ left:auto; right:0;}
#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:100%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline-block;margin-right:10px; width: 188px; height:106px;}
#DB_gallery .DB_thumSet .DB_thumMove li img{display: block; width: 100%;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute; top:30px; cursor:pointer; left:-20px; width:40px; height:40px; border-radius: 50%; background:#213599 url(http://localhost/wordpress/wp-content/uploads/2024/07/right.png) no-repeat 6px center; background-size: 14px; transform: rotate(180deg);}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:30px; cursor:pointer; right:-20px;width:40px; height:40px; border-radius: 50%; background:#213599 url(http://localhost/wordpress/wp-content/uploads/2024/07/right.png) no-repeat 6px center; background-size: 14px}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:188px;height:106px;border:2px solid #df1e1a;left:0;top:0}

.hm-sec4 {
	background-color: #f5f5f5;
	position: relative;
}
.hm-sec4 .basecont{
	max-width: initial;
}
.basecont {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 992px) {
	.basecont {
		width: 96%;
	}
}
@media (min-width: 1200px) {
	.basecont {
		width: 93%;
	}
}
@media (min-width: 1761px) {
	.basecont {
		width: 85.4166%;
		max-width: 1600px;
	}
}
.base120 {
	padding-top: 90px;
	padding-bottom: 90px;
}
@media (max-width: 767px) {
	.hm-sec4 {
		padding: 0 0 3rem;
	}
}
.hm-sec4 .gt,
.hm-sec4 .lt {
	width: 50%;
}
@media (max-width: 767px) {
	.hm-sec4 .gt,
	.hm-sec4 .lt {
		width: 100%;
	}
}
.hm-sec4 .cont .lt {
	/*padding-right: 120px;*/
}
@media (max-width: 767px) {
	.hm-sec4 .cont .lt {
		padding-bottom: 0;
	}
}
.hm-sec4 .cont .lt .tit {
	margin-bottom: 40px;
	color: #000;
}
@media (max-width: 767px) {
	.hm-sec4 .cont .lt .tit {
		margin-bottom: 0.8rem;
	}
}
@media (max-width: 576px) {
	.hm-sec4 .cont .lt .tit {
		margin-bottom: 1.2rem;
	}
}
.hm-sec4 .cont .lt .f_jut {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.hm-sec4 .cont .lt .f_jut {
		display: none;
	}
}
.hm-sec4 .cont .lt .f_jut .item {
	display: block;
	background-color: #fff;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	width: calc(40% - 44px);
	padding: 30px 22px;
	text-decoration: none;
}
@media (max-width: 767px) {
	.hm-sec4 .cont .lt .f_jut .item {
		width: 100%;
		padding: 0.6rem 0.4rem;
	}
}
@media (max-width: 576px) {
	.hm-sec4 .cont .lt .f_jut .item {
		padding: 1.2rem 0.8rem;
	}
}
.hm-sec4 .cont .lt .f_jut .item:nth-child(2n) {
	border-right: none;
}
.hm-sec4 .cont .lt .f_jut .item:nth-child(1),
.hm-sec4 .cont .lt .f_jut .item:nth-child(2) {
	border-top: none;
}
.hm-sec4 .cont .lt .f_jut .item .f_tit {
	color: #666666;
	font-size: 1.2rem;
	line-height: 1.2;
	height: 0.56rem;
	margin-bottom: 2.24rem;
}
@media (max-width: 1440px) {
	.hm-sec4 .cont .lt .f_jut .item .f_tit {
		font-size: 18px;
	}
}
@media (max-width: 991px) {
	.hm-sec4 .cont .lt .f_jut .item .f_tit {
		font-size: 16px;
	}
}
@media (max-width: 1440px) {
	.hm-sec4 .cont .lt .f_jut .item .f_tit {
		height: 50px;
	}
}
.hm-sec4 .cont .lt .f_jut .item .but {
	padding-right: 0.58rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.hm-sec4 .cont .lt .f_jut .item .but .img {
	display: block;
	overflow: hidden;
	/*height: 0.5rem;*/
}
@media (max-width: 1440px) {
	.hm-sec4 .cont .lt .f_jut .item .but .img {
		height: 36px;
	}
}
@media (max-width: 991px) {
	.hm-sec4 .cont .lt .f_jut .item .but .img {
		height: 32px;
	}
}
.hm-sec4 .cont .lt .f_jut .item .but .img img {
	width: 100%;
	float: left;
}
.hm-sec4 .cont .lt .f_jut .item .but .img img:nth-child(2) {
	display: none;
}
.hm-sec4 .cont .lt .f_jut .item .but i {
	display: block;
	width: 18px;
	overflow: hidden;
}
@media (max-width: 1440px) {
	.hm-sec4 .cont .lt .f_jut .item .but i {
		width: 14px;
	}
}
.hm-sec4 .cont .lt .f_jut .item .but i img {
	width: 100%;
	float: left;
}
.hm-sec4 .cont .lt .f_jut .item.on {
	background: #d7000f;
}
.hm-sec4 .cont .lt .f_jut .item.on .f_tit {
	color: #fff;
}
.hm-sec4 .cont .lt .f_jut .item.on .but .img img:nth-child(1) {
	display: none;
}
.hm-sec4 .cont .lt .f_jut .item.on .but .img img:nth-child(2) {
	display: block;
}
.hm-sec4 .gt {
	position: relative;
	z-index: 2;
}
@media (min-width: 768px) {
	.hm-sec4 .gt {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
	.hm-sec4 .gt .hm4_cont {
		width: 100%;
		height: 100%;
	}
	.hm-sec4 .gt .hm4_cont .item {
		display: block;
		width: 100%;
		height: 100%;
	}
}
.hm-sec4 .gt .hm4_cont .item .img {
	width: 100%;
	height: 100%;
	position: relative;
}
@media (max-width: 767px) {
	.hm-sec4 .gt .hm4_cont .item .img {
		height: 17.6rem;
	}
}
@media (max-width: 376px) {
	.hm-sec4 .gt .hm4_cont .item .img {
		height: 19rem;
	}
}
.hm-sec4 .gt .hm4_cont .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hm-sec4 .gt .hm4_cont .item .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.44;
}
.hm-sec4 .gt .hm4_cont .item .font {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 210px);
	height: 100%;
	padding: 90px;
	padding-right: 120px;
	color: #fff;
}
@media (max-width: 767px) {
	.hm-sec4 .gt .hm4_cont .item .font {
		padding: 1.4rem 1.4rem;
	}
}
@media (max-width: 576px) {
	.hm-sec4 .gt .hm4_cont .item .font {
		padding: 3rem 1rem;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .zhong {
	width: 100%;
	height: 100%;
	position: relative;
}
.hm-sec4 .gt .hm4_cont .item .font .xian {
	width: 0.64rem;
	height: 3px;
	background-color: #fff;
	margin-bottom: 1.1rem;
}
@media (max-width: 1760px) {
	.hm-sec4 .gt .hm4_cont .item .font .xian {
		width: 50px;
		height: 2px;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .tit {
	margin-bottom: 0.36rem;
}
@media (max-width: 767px) {
	.hm-sec4 .gt .hm4_cont .item .font .tit {
		margin-bottom: 0.6rem;
	}
}
@media (max-width: 576px) {
	.hm-sec4 .gt .hm4_cont .item .font .tit {
		margin-bottom: 0.8rem;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .text {
	font-size: 18px;
	opacity: 0.7;
	line-height: 30px;
	width: 100%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	height: 150px;
}
@media (max-width: 1440px) {
	.hm-sec4 .gt .hm4_cont .item .font .text {
		line-height: 26px;
		font-size: 16px;
		height: 130px;
	}
}
@media (max-width: 767px) {
	.hm-sec4 .gt .hm4_cont .item .font .text {
		-webkit-line-clamp: 4;
		line-clamp: 4;
		height: 88px;
		font-size: 14px;
		line-height: 22px;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .but {
	position: absolute;
	left: 0;
	width: 110%;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 10%;
	color: #fff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 0.32rem;
	font-size: 18px;
}
@media (max-width: 1440px) {
	.hm-sec4 .gt .hm4_cont .item .font .but {
		font-size: 16px;
	}
}
@media (max-width: 576px) {
	.hm-sec4 .gt .hm4_cont .item .font .but {
		font-size: 14px;
		padding-bottom: 0.4rem;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .but i {
	display: block;
	width: 8px;
	overflow: hidden;
}
@media (max-width: 1440px) {
	.hm-sec4 .gt .hm4_cont .item .font .but i {
		width: 6px;
	}
}
.hm-sec4 .gt .hm4_cont .item .font .but i img {
	float: left;
	width: 100%;
}

.home-news{background: #fbfbfb;position: relative;padding: 60px 0 40px;}
.home-news .row{margin-left: -20px;margin-right: -20px;}
.home-news .row .col-md-3{padding-left: 20px;padding-right: 20px;}
.home-news h2{font-size: 42px;text-align: center;font-weight: bold;text-transform: uppercase;font-family: 'Poppins-bold'; color: #000;}
.home-news h6{font-size: 18px;color: #949494;line-height: 32px;text-align: center;margin-bottom: 60px;margin-top: 15px;}
.home-news .news-box{margin-bottom: 40px;background: #fff;}
.home-news .news-box .text{padding: 20px 15px;}
.home-news .news-box .text h4{font-size: 16px;font-weight: bold; margin-bottom: 10px;line-height: 25px;display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.home-news .news-box .text p{font-size: 16px;line-height: 25px;color: #999999;margin-bottom: 15px;height: 100px; display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.home-news .news-box .text .more-box{display: flex;align-items: center;font-size: 26px;line-height: 26px; color: #666666;}
.home-news .news-box .text .more-box .more{margin-bottom: 5px; color: #666666;width: 0px;height: 26px; overflow: hidden; font-size: 16px;line-height: 26px;font-family: 'Poppins-bold';transition: all 0.5s;}
.home-news .news-box:hover .text .more-box .more{width: 100px;}
.home-news .news-box .img{overflow: hidden;}
.home-news .news-box .img img{transition: all 0.5s ease;}
.home-news .news-box:hover .img img{transform: scale(1.1);}
.home-news .news-box:hover{box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);transition: all 0.5s;}

@media(max-width:1660px) {
	.home-news .row{margin-left: -15px;margin-right: -15px;}
	.home-news .row .col-md-3{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:768px) {
	.home-news{padding: 50px 0;}
	.home-news h2{font-size: 26px;}
	.home-news h6{font-size: 16px;line-height: 26px;margin-bottom: 30px;}
	.hmmore{width: 200px;height: 50px;line-height: 50px;font-size: 16px;margin: 20px auto;}
}

.bocweb-footer {
	font-size: 14px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 25px 5rem 35px 5rem;
	background: #ededed;
	margin: 0 auto;
}
.bocweb-footer a {
	color: #000;
}
.bocweb-footer .txt a{
	color:#000;
}
.bocweb-footer .itembox-bot .p .p1{
	color:#fff;
	text-transform: uppercase;
}
.bocweb-footer .bocweb-footer-top {
	padding-top: 2.25rem;
	padding-bottom: 1.7rem;
}
.bocweb-footer .bocweb-footer-top .itembox {
	font-size: 0;
}
.bocweb-footer .itembox-bot .icon{
	max-width: 60%;
	/*width: 450px;*/
	text-align: left;
}
.bocweb-footer .bocweb-footer-top .items {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 17.5%;
}
.bocweb-footer .bocweb-footer-top .items:first-child{
	width: 30%;
}
.bocweb-footer .bocweb-footer-top .items .items-bot {
	line-height: 25px;
	color: #000;
}
.bocweb-footer .bocweb-footer-top .items .items-bot p {
	color: #000;
}
.bocweb-footer .bocweb-footer-top .items .items-bot h5,
.bocweb-footer .bocweb-footer-top .items .items-bot ul{
	margin-top: 15px;
}
.bocweb-footer .bocweb-footer-top .items .items-top {
	font-size: 20px;
	color: #000;
	display: block;
	line-height: 1.2;
	margin-bottom: 15px;
}
.bocweb-footer .bocweb-footer-top .items .li {
	display: block;
	transition: .5s ease-in-out;
}
.bocweb-footer .bocweb-footer-top .items .li:hover {
	transition: .5s ease-in-out;
	color: #fff;
}
.bocweb-footer .bocweb-footer-bot {
	padding: 0;
	color: #000;
	height: 70px;
	line-height: 70px;
	border-top: 1px solid #ccc;
}
.bocweb-footer .itembox-bot {
	padding-top: 1.625rem;
	display: flex;
	justify-content: space-between;
}
.bocweb-footer .itembox-bot .img {
	width: 115px;
	height: 125px;
	overflow: hidden;
}
.bocweb-footer .itembox-bot .icon {
	max-width: 60%;
}
.bocweb-footer .itembox-bot .but{
	max-width: 40%;
}
.bocweb-footer .itembox-bot .p {
	color:#fff;
	margin-top: .75rem;
	line-height: 24px;
}
.bocweb-footer .itembox-bot .but .fx {
	font-size: 0;
	text-align: right;
}
.bocweb-footer .itembox-bot .but .span {
	text-align: right;
	line-height: 1;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0.625rem;
}
.bocweb-footer .bocweb-footer-top .items .items-bot .social-links{
	display: flex;
	flex-wrap: wrap;
}
.bocweb-footer .bocweb-footer-top .items .items-bot .social-links li{
	margin-right: 10px;
}
.w1200{
	width: 100%;
	padding: 0 5rem;
	margin:0 auto;
}
#about_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background-image: url(../images/about_banner.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
#product_banner{
	width: 100%;
	margin: 0 auto;
	height: 200px;
	overflow: hidden;
	background-image: url(../images/product.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
#honor_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background-image: url(../images/about4.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
#news_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background-image: url(../images/news.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
#contact_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background-image: url(../images/contact.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
/*子导航*/
.subnav{width: 100%; height:65px;background:#f1f1f1;font-size: 14px;}
.subnav .snav{width: 100%; height:65px; position: relative; }
.subnav .snav ul{width: 100%; height:65px; position: relative;}
.subnav .snav li a{float:left; line-height: 65px; color:#333;font-size:16px; padding: 0 20px;}
.subnav .menuline{position:absolute;bottom:-69px;left:0;background:#333;height:4px;width:60px;z-index: 2; display: none !important;}
.subnav .snav li.current a,.subnav .snav li a:hover{ float:left; background: #d7000f; color: #fff; padding: 0 20px; }
.subnav .snav li a:hover{
	font-weight: normal;
}

#inside{ width:100%; margin: 30px auto 0; overflow: hidden; padding: 0 5rem;}
#inside .container{
	max-width:100%;
}
.about_content{ width:100%; float:left; min-height:200px; overflow:hidden; margin-top: 20px;}
.pages{ width:100%; float: left; overflow: hidden; margin-bottom: 20px;}
.pagination-blog {
	width:100%;
	text-align: center;
	margin: 0 0 20px 0;
	display: flex;
	justify-content: center;
}

.pagination-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.pagination-blog span, .pagination-blog a {
	display: inline-block;
	margin: 0 5px 15px;
	padding: 8px 14px;
	border: 1px solid #CCC;
	font-size: 16px;
}

.pagination-blog a:hover, .pagination-blog span.ctxt {
	background: #d7000f;
	border-color: #d7000f;
	color: #fff;
}
.pagination-blog p{
	color: #999;
}

.honor_box{ width:100%;display: flex; flex-direction: column;}
.honor_list{ width:100%; margin-top: 15px;}
.honor_list ul{ width:100%; float:left;}
.honor_list li{ float: left; margin: 0px 10px 15px; width: 280px; overflow:hidden;}
.honor_list li .case_pic{
	width:280px;
	float: left;
	height: 226px;
}
.honor_list li .case_pic a {
	position: relative;
	display: block;
	height: 100%;
}
.honor_list li .case_pic a > img {
	width:276px;
	height: 184px;
	border: 2px solid #fff;
	border-bottom: none;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.honor_list li .case_pic .cont {
	width: 100%;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
	background: #fff;
}
.honor_list li .case_pic .cont .text {
	font-size: 18px;
	line-height: 40px;
	color: #333;
	text-align: center;
}
.honor_list li .case_pic .cont02 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: #d7000f;
	opacity: .92;
	z-index: 0;
	transition-duration: .5s;
}
.honor_list li .case_pic .cont02 .text {
	float: left;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.honor_list li .case_pic a:hover > img {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	border: 2px solid #d7000f;
	border-bottom: none;
}
.honor_list li .case_pic a:hover .cont .text {
	display: none;
}
.honor_list li .case_pic a:hover .cont02 {
	height: 40px;
}

.honor_list li .honor_pic{
	width: 280px;
	float: left;
	height: 418px;
}
.honor_list li .honor_pic a {
	position: relative;
	display: block;
	height: 100%;
}
.honor_list li .honor_pic a > img {
	width:276px;
	height: 380px;
	border: 2px solid #fff;
	border-bottom: none;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.honor_list li .honor_pic .cont {
	width: 100%;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
	background: #fff;
}
.honor_list li .honor_pic .cont .text {
	font-size: 18px;
	line-height: 40px;
	color: #333;
	text-align: center;
}
.honor_list li .honor_pic .cont02 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: #d7000f;
	opacity: .92;
	z-index: 0;
	transition-duration: .5s;
}
.honor_list li .honor_pic .cont02 .text {
	float: left;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.honor_list li .honor_pic a:hover > img {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	border: 2px solid #d7000f;
	border-bottom: none;
}
.honor_list li .honor_pic a:hover .cont .text {
	display: none;
}
.honor_list li .honor_pic a:hover .cont02 {
	height: 40px;
}
.honor-list2{
	margin-bottom: 20px;
}
.article-nav{
	width: 100%;
	display: flex;
	justify-content: center;
}
.article-operate {
	width: 100%;
	background-color: #d7000f;
	margin-bottom: 0;
}

.article-operate li {
	width: 50%;
	font-size: 1.05rem;
	letter-spacing: .07rem;
	background: #d7000f;
}

.article-operate a {
	display: block;
	position: relative;
	font-weight: 300;
	height: 7.8rem;
	line-height: 2.8rem;
	color: #fff;
	white-space: nowrap
}

.article-operate a i {
	display: block;
	position: relative;
	font-style: normal;
	color: #fff;
}

.article-operate a i:after {
	content: "";
	position: absolute;
	top: 0;
	width: 2.8rem;
	height: 2.8rem;
	background-size: contain
}

.article-operate a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #d7000f;
	opacity: 0
}

@media (min-width:769px) {
	.article-operate a:hover:before {
		width: 100%;
		opacity: 1;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}

.article-operate-prev-wrap {
	float: left;
	text-align: right;
	border-right: 1px solid #999
}

.article-operate-prev {
	padding: 2.5rem 7rem 2.5rem 3rem
}

.article-operate-prev i:after {
	right: -3.9rem;
	background: url(../images/article-prev.svg) no-repeat center center
}

@media (max-width:320px) {
	.article-operate-prev i:after {
		right: -5.5rem
	}
}

.article-operate-prev:before {
	right: 0
}

.article-operate-next-wrap {
	float: right
}

.article-operate-next {
	padding: 2.5rem 3rem 2.5rem 7rem
}

.article-operate-next i:after {
	left: -3.9rem;
	background: url(../images/article-next.svg) no-repeat center center
}

.article-operate-next:before {
	left: 0
}
#news_list{ margin:0px auto; padding:0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.news_list{ width: 100%; float: left; height: 160px; margin-bottom: 20px; overflow: hidden; padding: 30px; position: relative;}
.news_list::before{content: '';width: 5px;height: 100%; position: absolute;top: 0;left: 0;background-color: #d7000f;display: none;}
.news_list .left{float: left;width:560px;padding-right: 40px; height: 100%;}
.news_list .left .title{font-size: 24px;line-height: 24px;color:#333333;height: 80px;overflow: hidden;}
.news_list .left .date{font-size: 16px;color:#333333;letter-spacing: .8px;}
.news_list .right {float: right;width: 570px;padding-left: 30px;border-left: 1px solid #d8d8d8; height: 100%;}
.news_list .right .description{color: #666;font-size: 16px;line-height: 2.1;margin-top: -5px; height: 90px;}
.news_list .right .mored{float: right;color: #333; font-size: 14px; padding-right: 20px; background: url(../images/arrow_more.png) no-repeat right;}


.news_list:hover{background:#f5f5f5;}
.news_list:hover::before{display: block;}
.news_list:hover .left .title,.news_list li:hover .left .date{color:#d7000f;}
.news_list:hover .right .description{color: #333;}
.news_list:hover .right .mored{color:#d7000f; background: url(../images/arrow_more_hover.png) no-repeat right;}

.news-list a { width: 100%; height: 142px; display: block; }
.news-list { width: 100%; height: 142px; border-bottom: 1px #d5dbdc dashed; position: relative; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; background: #f4f5f7; margin-bottom: 15px}
.news-list .news-mon { width: 122px; height: 122px; float: left; padding: 0; text-align: right; background: #d7000f; margin: 10px 0 0 10px; }
.news-list .news-mon h4 { font-size: 30px; color: #fff; padding-bottom: 6px; font-family: "微软雅黑"; letter-spacing: -1px; text-align: center; padding-top: 20px;}
.news-list .news-mon h5 { font-size: 18px; color: #fff; font-family:"微软雅黑";  text-align: center;}
.news-list .news-min { width: 1000px; height: 117px; padding: 25px 0px 0px 35px; float: left; }
.news-list .news-min h3 { font-size: 16px; color: #323232; padding-bottom: 15px; }
.news-list .news-min p { font-size: 12.5px; color: #828282; }
.news-list .news-go { width: 0px; height: 142px; background: url("../images/news-go.png") no-repeat center center #d7000f; box-shadow: -100px 0 142px #f2f6f7; opacity: 0; position: absolute; right: 0; top: 0; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; }
.news-list a:hover { background: #ffffff; background: rgba(255,255,255,0.8) !important; transition: all 300ms; }
.news-list a:hover .news-go { width: 142px; opacity: 1; transition: all 300ms; }

.product-page {
	padding: 30px 0 40px;
}
.product-page .i-product {
	padding: 0;
}
.ui.containers {
	padding: 0 5rem;
	position: relative;
	width: 100%;
}
.containers_pages {
	padding: 20px;
	position: relative;
	width: 100%;
}
.inner-page .grid-box .sideBar {
	color:#333;
	width: 20%!important;
	margin-bottom: 20px;
}
.inner-page .grid-box .page-rightBar {
	width: 80%!important;
	padding-left: 5%;
}
.inner-page .sideBar .side-tit {
	padding-left: 18px;
	text-transform: capitalize;
	font-size: 22px;
	background: #db251a;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color:white;
}
.inner-page .sideBar .side-menu {
	border-top-left-radius: 1px;
	-webkit-border-top-left-radius: 1px;
	-moz-border-top-left-radius: 1px;
	-ms-border-top-left-radius: 1px;
	-o-border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-top-right-radius: 1px;
	-ms-border-top-right-radius: 1px;
	-o-border-top-right-radius: 1px;
	background: white;
	padding: 0;
}
.inner-page .sideBar .side-menu li a {
	line-height: 24px;
	padding: 11px 0 11px 15px;
	display: block;
	overflow: hidden;
	font-size:16px;
	transition:.5s;
	border-bottom: 1px solid #edecec;
	color: #333;
	text-decoration: none;
}
.inner-page .sideBar .side-menu li a.dropdown-item{
	font-weight: bold;
}
.inner-page .sideBar .side-menu.side-contact{
	padding: 20px 0;
}
.inner-page .sideBar .side-menu.side-contact li a{
	height: auto;
	line-height: normal;
	padding: 10px 15px;
	position:relative;
}
.inner-page .sideBar .side-menu li{
	position: relative;
	width: 100%;
	/* 	font-weight:bold; */
}
.inner-page .sideBar .side-menu li .children{
	width: 100%;
	z-index: 10;
	background: #ffffff;
	margin-left: 0;
}
.inner-page .sideBar .side-menu li .children li {
	font-weight:normal;
	width: 100%;
}
.inner-page .sideBar .side-menu li .children li a {
	padding-left:30px;
	font-size:14px;
	text-decoration: none;
}
.inner-page .sideBar .side-menu li i {
	position:absolute;
	right:5px;
	top:10px;
	font-size: 32px;
}
.inner-page .sideBar .side-menu li .children li a:after {
	content:'-';
	position:absolute;
	top:12px;
	right:15px;
	font-size: 24px;
}
.inner-page .sideBar .side-menu li a:hover, .inner-page .sideBar .side-menu li a.active {
	background: #db251a;
	color:white;
}
.inner-page .sideBar .side-social {
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	background: #485b6e;
	padding-left: 18px;
	padding-bottom: 13px;
	font-size: 0;
}
.inner-page .sideBar .side-social li {
	display: inline-block;
	vertical-align: middle;
}
.inner-page .sideBar .side-social a {
	margin-right: 2px;
	font-size: 18px;
	text-align: center;
	color: #415263;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background: #f5f5f5;
}
.inner-page .sideBar .side-social a i {
	margin-right: 0;
}
.inner-page .sideBar .side-dw {
	margin-top: 8px;
	background: #000;
	line-height: 51px;
	padding-left: 18px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.inner-page .sideBar .side-dw a {
	color: #fff;
	font-size: 15px;
}
.inner-page .sideBar .side-dw i.icon {
	margin-left: 23%;
}
.product-page {
	padding: 30px 0 40px;
}
.product-page .i-product {
	padding: 0;
}
.prodet-page {
	padding-bottom: 0;
}
.prodet-page .prodet-top-box {
	padding-bottom: 80px;
}
.prodet-page .prodet-top-box .prodet-pic {
	padding-right: 2rem!important;
}
.prodet-page .prodet-top-box .prodet-pic img {
	width: 100%;
	border: 1px solid #ccc;
}
.prodet-page .prodet-top-box .prodet-pic ul {
	padding-top: 15px;
	margin: -5px;
}
.prodet-page .prodet-top-box .prodet-pic ul li {
	width: 25%;
	float: left;
	padding: 5px;
}
.prodet-page .prodet-top-box .prodet-con .pro_tit {
	color: #3d3d3d;
	font-size: 36px;
	margin-top: 3px;
}
.prodet-page .prodet-top-box .prodet-con .pro_sub_tit {
	color: #8b8b8b;
	font-size: 17px;
	margin-bottom: 10px;
}
.prodet-page .prodet-top-box .prodet-con .prodet_social {
	margin: 20px 0;
	font-size: 0;
}
.prodet-page .prodet-top-box .prodet-con .prodet_social li {
	display: inline-block;
	vertical-align: middle;
}
.prodet-page .prodet-top-box .prodet-con .prodet_social a {
	margin-right: 12px;
	font-size: 18px;
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #f2f2f2;
	color: #8b8b8b;
	text-align: center;
	line-height: 37px;
}
.prodet-page .prodet-top-box .prodet-con .prodet_social a i.icon {
	margin-right: 0;
}
.prodet-page .prodet-top-box .prodet-con .prodet_social a:hover {
	color: #fff;
	background: #d7000f;
}
.prodet-page .prodet-top-box .prodet-con .prodet_contact a {
	width: 122px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	background: #f2f2f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #8b8b8b;
	text-align: center;
}
.prodet-page .prodet-top-box .prodet-con .prodet_contact a:hover {
	background: #d7000f;
	color: #fff;
}
.prodet-page .prodet-top-box .prodet-con .prodet_contact a {
	width: 188px;
	margin-right: 2px;
	vertical-align: middle;
}
.prodet-page .prodet-top-box .prodet-con .prodet_contact a .icon {
	margin-right: 21px;
	font-size: 18px;
	vertical-align: middle;
}
.prodet-page .prodet-det-box {
	margin-bottom: 40px;
	padding:15px;
	box-shadow:0 0 15px rgba(0,0,0,.1);
	background:white;
}
.prodet-page .prodet-det-box .op ul li {
	display:inline-block;
	line-height:46px;
	height:46px;
	padding:0 40px;
	background:white;
	transition:.5s;
	font-size:18px;
	position:relative;
	cursor:pointer;
	cursor:hand;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.prodet-page .prodet-det-box .op ul li:hover,
.prodet-page .prodet-det-box .op ul li.active {
	color:white;
	background:#3e3e3e;
}
.prodet-page .prodet-det-box .rel {
	margin-top:40px;
	display:inline-block;
	width:100%;
}
.prodet-page .prodet-det-box .con-box {
}
.prodet-page .prodet-det-box .con-box p {
	color: #6b6b6b;
	font-size: 16px;
	line-height: 29px;
}
.prodet-page .prodet-det-box .con-box td {
	text-align:center;
}
.prodet-page .prodet-det-box .con-box td p,
.prodet-page .prodet-det-box .con-box td span{
	font-size:12px !important;
	text-align:center;
}

.sideBar-list{
	width:220px;
	display: flex;
}
.sideBar-list ul{
	width:100%;
	display: flex;
	flex-direction: column;
}
.sideBar-list li{
	width:100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.sideBar-list li .box {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.sideBar-list li .img-box img {
	width: 100%;
}
.sideBar-list li .i-res-box{
	width: 100%;
	display: flex;
	justify-content: center
}


.inner-page .i-product .tab-box {
	min-height: auto;
}
.i-product .tab-box {
	display: inline-block;
	width: 100%;
}
.i-product .tab-box ul {
	margin: -10px;
	padding: 20px 0 0 0;
}
.i-product .tab-box li {
	width: 24%;
	margin-bottom: 30px;
	display:inline-block;
	padding: 10px;
	letter-spacing:0;
	vertical-align:top;
}
.i-product .tab-box li .box {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.i-product .tab-box li .box:hover {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.i-product .tab-box li .img-box img {
	width: 100%;
}

.i-con-box {
	background: #d7000f;
	padding: 10px;
	text-align: center;
	transition:.5s;
}
.i-product .tab-box li .box:hover .i-con-box {
	background:#666;
}
.i-con-box h3{
	font-size:18px;
	color:white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.i-con-box h3 a{
	text-decoration: none;
	color: #fff;
}
.i-con-box h3 a:hover{
	color: #fff;
	text-decoration: none;
}
.i-con-box p {
	color: #666;
	font-size: 18px;
	line-height: 28px;
	margin:15px 0;
	display:inline-block;
	width:100%;
}
.i-con-box a.more {
	font-size: 14px;
	display: inline-block;
	padding: 0 25px;
	line-height: 40px;
	height: 40px;
	background: #333;
	color: white;
	transition: .5s;
}
.i-con-box a.more:hover {
	background:#000;
}

#p_title{ width:100%; display: flex; justify-content: space-between; background: #d7000f; height: 45px;}
#p_title h2{
	width:100%;
	text-align: left;
	font-size: 20px;
	color: #fff;
	line-height: 45px;
	padding-left: 20px;
}
#p_title h3{
	width:50%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 45px;
}
#p_title h3 a{
	color: #fff;
	margin: 0 25px;
}
#p_title h3 a .icon{
	padding-right: 10px;
}
#p_title h3:hover{
	color: #fff;
	background-color: #666;
	display: block;
}
#p_title_wap{
	display: none;
}
#des_title{ width:100%; display: flex; flex-wrap: wrap; background: #d7000f; height: 45px; color: #fff; font-size: 20px;
	line-height: 45px;}
#des_title1{ width:100%; display: flex; flex-wrap: wrap; background: #d7000f; height: 45px; color: #fff; font-size: 20px;
	line-height: 45px; padding-left:20px;}
#des_title h2{
	width:33.33%;
	text-align: left;
	font-size: 20px;
	color: #fff;
	line-height: 45px;
	padding-left: 20px;
}
#des_title .more1{
	width:33.33%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 45px;
	display: flex;
	justify-content: flex-start;
}
#des_title .more1 a{
	width: 100%;
}
#des_title .more1 a .icon{
	padding-right: 20px;
}
#des_title .more1 a:hover{
	background: #666;
	color: #fff;
	width: 100%;
}
.prodcuts_content{ font-size:14px; float:left; color:#000; line-height:24px; padding:10px 0 0; min-height:400px;
	margin-bottom: 20px;
	width: 100%;
}
.products_content{ font-size:14px; float:left; color:#000; line-height:24px; width:100%; min-height:400px; display: flex;}
.view_pic {margin:0 auto 10px;overflow:hidden; display: flex; flex-direction: column;}

.view_picleft {width:500px; height: 500px; border:1px solid #ddd;float:left;text-align:center;}
.view_picleft img {width:498px;height:498px;vertical-align:middle;text-align:center;}
.view_picright {width:500px; display: flex;}
.view_picright ul{display: flex; flex-wrap: wrap; margin-top: 20px;}
.view_picright li {width:22%;float:left;margin:0 4% 10px 0;background:none repeat scroll 0 0 transparent;}
.view_picright li:last-child{ margin:0 0 10px 0;}
.view_picright li img {width:100%;height:100%;border:1px solid #ddd;}
.view_picright li.tb-selected img {width:100%;height:100%;border:2px solid #d7000f;}

.view_text{
	display: flex;
	flex:1 1 500px;
	padding-left: 50px;
	flex-direction: column;
}
.view_text h2{
	color: #3d3d3d;
	font-size: 36px;
	line-height: 36px;
}
.view_text .prodet_contact{
	width: 100%;
	display: flex;
	padding-top: 50px;

}
.view_text .prod_contact{
	width: 100%;
	display: flex;
	padding-top: 50px;

}
.view_text .prodet_download{
	width: 100%;
	display: flex;
	padding-top: 10px;
}
.view_text .prodet_download a.btn_common{
	padding: 10px 30px 10px 50px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: url(../images/down.png) no-repeat #999999 10px;
	background-size: 24px 24px;
}
.view_text .prodet_download a.btn_common:hover{
	background: url(../images/down.png) no-repeat #d7000f 10px;
	background-size: 24px 24px;
}
.view_text .prodet_contact ul{
	display: flex;
	width: 100%;
	flex-direction: column;
}
.view_text .prodet_contact li{
	width: 100%;
	vertical-align: middle;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	background: #f9f9f9;
	border-radius: 2px;
	color: #8b8b8b;
	text-align: left;
	margin-bottom: 10px;
}
.view_text .prodet_contact li a{
	color: #8b8b8b;
}
.view_text .prodet_contact li .icon {
	margin-right: 21px;
	font-size: 18px;
	vertical-align: middle;
	padding-left: 20px;
}
.view_text .prodet_contact li:nth-of-type(even){
	background: #fff;
}
.view_text .prodet_contact li a:hover {
	background: #d7000f;
	color: #fff;
	width: 100%;
	display: flex;
}
.view_text .prodet_contact li:last-child {
	height: inherit;
}
.view_text .prodet_contact li:last-child a:hover {
	background: transparent;
	color: #fff;
	width: 100%;
	display: flex;
}

div.zoomDiv {z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask {position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.honor-list li, .honor-list2 li {
	float: left;
	text-align: center;
	padding-top: 6px
}
#cp-cer {
	margin-top: 40px
}
#cp-cer dl {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}
#cp-cer dl dt {
	font-size: 12px;
	color: #999
}
#cp-cer dl dt span {
	display: block;
	float: left;
	margin-right: 20px;
	padding-right: 15px;
	border-right: 1px solid #ddd
}
#cp-cer dl dt .word {
	border-right: 0;
	line-height: 15px;
	margin-top: 5px
}
#cp-cer dl dd, .honor-list {
	margin-top: 30px
}
#cp-cer dl dt h3 {
	color: #333;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px
}
.honor-list li a p, .honor-list2 li a p {
	color: #777;
	white-space: nowrap;
	text-overflow: ellipsis
}
#cp-cer dl dd {
	padding-left: 10px
}
#cp-cer dl dd img {
	max-width: 90%
}
.honor-list li {
	width: 20%
}
.honor-list2 li {
	width: 25%
}
.honor-list li a, .honor-list2 li a {
	padding-top: 10px;
	position: relative;
	text-align: center
}
.honor-list li a {
	display: block;
	height: 270px;
	overflow: hidden;
	-webkit-transition: all .35s;
	transition: all .35s
}
.honor-list li a .img, .honor-list li a p {
	display: inline-block;
	width: 90%;
	overflow: hidden
}
.honor-list li a .img {
	height: 220px;
	text-align: center
}
.honor-list li a img {
	height: 220px;
	vertical-align: middle;
	border: 1px solid #c8c8c8
}
.honor-list li a:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 3px 15px rgba(168,168,168,.5);
	box-shadow: 0 3px 15px rgba(168,168,168,.5);
	border-color: #ddd!important
}
#photo .title1 {
	background: url(../images/ico-photo.png) left center no-repeat;
	background-size: auto 40px
}
.honor-list2 li a {
	display: block;
	overflow: hidden;
	-webkit-transition: all .35s;
	transition: all .35s
}
.honor-list2 li a .honor_pic, .honor-list2 li a p,.honor-list2 li a .case_pic {
	display: inline-block;
	width: 90%;
	overflow: hidden
}
#mapshow, #mapshow .bt {
	position: fixed;
	width: 100%
}
.honor-list2 li a .honor_pic {
	text-align: center;
	/*height: 240px;*/
}
.honor-list2 li a .case_pic {
	text-align: center;
	/*height: 360px;*/
}
.honor-list2 li a .case_pic img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border: 1px solid #c8c8c8
}
.honor-list2 li a img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border: 1px solid #c8c8c8
}
.honor-list2 li a:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 3px 15px rgba(168,168,168,.5);
	box-shadow: 0 3px 15px rgba(168,168,168,.5);
	border-color: #ddd!important
}
.tit01{height:120px;}
.tit01 h2{font-size: 44px; text-align: center; font-family: "Microsoft YaHei";color: #000; font-weight: bold; line-height: 64px;
	display: flex;
	justify-content: center;}
.tit01 h2 span{
	color: #000;
}
.tit01 a{color: #000; }
.tit01 p{font-weight: normal; display: block;font-size:24px;color: #666666; line-height: 36px;text-align: center; font-family: "Microsoft YaHei"; }


.des_title{ width:100%; display: flex; flex-wrap: wrap; background: #f5f5f5; height: 45px; color: #fff; font-size: 20px;
	line-height: 45px;}

.des_title h2,
.des_title1 h2{
	width:33.33%;
	text-align: left;
	font-size: 20px;
	color: #fff;
	line-height: 45px;
	padding-left: 20px;
}
.des_title .more1{
	width:33.33%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 45px;
	display: flex;
	justify-content: flex-start;
}
.des_title .more1 a{
	width: 100%;
}
.des_title .more1 a .icon{
	padding-right: 20px;
}
.des_title .more1 a:hover{
	background: #666;
	color: #fff;
	width: 100%;
}

.des_title1{ width:100%; display: flex; justify-content: space-between; background: #d7000f; height: 45px; color: #fff; font-size: 20px;
	line-height: 45px;}
.des_title1 span{
	width: 100%;
	justify-content: flex-end;
	display: flex;
	padding-right: 20px;
}
.des_title1 .more{
	color: #fff;
	font-size: 16px;
}
.menu-con{
	margin-top: 20px;
	font-size: 18px;
}
.content_body{
	padding: 20px 0;
	min-height: 320px;
}
.index-product{
	width: 100%;
}
.index-product-con{
	width: calc(100% - 10rem);
	margin: 0 auto;
	padding: 35px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.index-product-con .product-item{
	width: calc(25% - 20px);
	box-sizing: border-box;
	background:#fff;
	margin-bottom:25px;
	display: flex;
	justify-content: center;
	margin-right: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.index-product-con .product-item a {
	text-decoration: none;
}
.index-product-con .product-item a .img{
	width: 100%;
}
.index-product-con .product-item a .img img{
	width: 100%;
	height: 100%;
}
.index-product-con .product-item a .cont{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e70014;
}
.index-product-con .product-item a .cont h2{
	color: #333;
	font-size: 14px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
	text-align: center;
	margin: 0;
}
.index-product-con .product-item::nth-child(5n){
	margin-right: 0;
}
.index-product-con .product-item a:hover .cont{
	color: #e70014;
	/*background: #e70014;*/
}
.index-product-con .product-item a:hover .cont h2{
	color: #e70014;
}
#title{ width:100%; display: flex; justify-content: center;}
#title h2{
	width:100%;
	text-align: center;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #f0f0f0;
}

.contact-1{
	width: 100%;
	background: #fff;
	padding: 0;
	margin: 30px auto 0;
	overflow: hidden;

}
.contact-box{
	width: 100%;
	padding: 0 5rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 45px;
	overflow: hidden
}
.contact-left{
	width: 50%;
	font-size: 14px;
}
.contact-left p{
	font-size: 14px;
}
.contact-right{
	width: 50%;
}
.tact-1-left { width: 600px; height: 220px; float: left; }
.con_h2 { font-size: 18px; color: #323232; padding-bottom: 10px; }
.tact-1-left p{ font-size: 12.5px; color: #777777; }
.con_h4 { font-size: 36px; color: #68b92e; font-family: 'DINCond-Medium',"微软雅黑"; padding-left: 65px; height: 50px; line-height: 50px; margin-top: 30px; background: url("../images/tel-2.png") no-repeat left bottom; letter-spacing: -2px; }
.tact-1-right { width: 580px; float: left; background: #eaeaea; padding: 10px; }
.tact-img-1 { width: 140px; height: 140px; float: left; }
.tact-img-1 img{
	width: 140px; height: 140px;
}
.tact-con-1 { width: 365px; padding-left: 20px; float: left; }
.tact-con-1 h3 { font-size: 18px; color: #000; padding: 20px 0px 10px 0px; }
.tact-con-1 p { font-size: 14px; color: #777777; line-height: 24px;}
.contact-2 { width: 100%; height: 248px; }
.tact-img-2 { width: 401px; height: 248px; float: left; }
.tact-con-2 { width: 719px; height: 210px; padding: 38px 40px 0px 40px; float: left; background: #f4f5f6; }
#news_view{ margin:0px auto; padding:25px 0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.viewbox{ width:100%; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}
#article_title { float:left; width:100%; text-align:center; line-height:30px; padding-bottom:25px;}
#article_title h1{-x-system-font:none; color:#333; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; font-size:12px; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; width:100%; padding-top:30px; min-height:400px;word-break:break-all;}
.show_con table{
	width:100%;
}
.show_con img{
	width:100%;
}
.p-n{
	display: flex;
	flex-direction: column;
}
.handle{ width:100%; overflow:hidden; clear:both; float:left;}
.turn { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; float:left;
	display: flex;
	justify-content: space-between;
}
.turn p,.show_turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin-bottom: 7px; }
.turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; color: #333;}
.turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; color: #333;}
.turn a:hover,.show_turn a:hover { color: #000; }
.turn .line,.show_turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.jiathis_style { position: absolute; bottom: 14px; right: 0; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left;}

.viewbox table tr td{ line-height:24px;}


.feedbackbox{width: 100%;padding-top: 35px; margin: 0 auto}
.feedbackbox h3{font-size: 32px;line-height: 36px;margin-bottom: 35px;}
.feedbackbox ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.feedbackbox li{ width:100%; flex-wrap:wrap;margin-bottom:20px;}
.feedbackbox .half{width:48.5%;}
.feedbackbox .input{height:auto;padding:0;line-height:24px;flex:initial;width:100%;overflow:hidden;padding:15px 15px;font-size:16px;background-color:transparent;border: 1px solid #dcdcdc;border-radius: 5px;}
.feedbackbox textarea.input{width:100%;height:140px;}
.feedbackbox .border{}
.feedbackbox .btnli{background-color:transparent;padding-left:0;border-radius:0;border:none;}
.feedbackbox .morelink{background-color:#ce242a;width: 100%;text-transform: capitalize;border:none;}
.feedbackbox .morelink i{font-size: 18px;margin-right: 10px;line-height: 30px;}
.feedbackbox .btn-3:hover:before {border-width: 600px 0 0 600px;}
.feedbackbox .btn-3:hover::after {border-width: 0px 600px 600px 0px;}
.morelink{display:inline-block;padding:7px 30px;color:#fff;position:relative;font-size:16px;line-height:30px;min-width:100px;background-color:#000;text-align:center;border-radius:5px;}
.morelink:hover{color:#fff;}

.feedbackbox .yw_input{
	display: flex;
	flex-wrap: nowrap;
}
.feedbackbox .yw_input img{
	width: 110px;
	height: 47px;
	margin-top: 3px;
	margin-left: 20px;
	border-radius: 5px;
}

.error_color{
	padding-top: 5px;
}
.msg_info{
	color: #ce242a;
}

@media (max-width: 767px){
	.header-bar,
	.header,
	.section1 .inner-wrap h2,
	.subnav,
	.section-box,
	.fr{
		display: none;
	}
	.header-mb{
		display: flex;
	}
	.header-nav{
		padding: 10px 0;
	}
	.swiper-container{
		margin-top: 50px;
	}
	.container-xl.long{
		max-width: 100%;
	}
	.section1 .inner-wrap{
		flex-direction: column;
		padding-top: 10px;
	}
	.section1 .inner-wrap > div > dl{
		flex-direction: column;
	}
	.section1 .inner-wrap > div > dl > dt{
		font-size: 32px;
	}
	.section1 .inner-wrap > div > dl > dt,
	.section1 .inner-wrap > div > dl > dd,
	.section1 .inner-wrap > div > dl > dd > div{
		width: 100%;
	}
	.section1 .inner-wrap > div > dl > dd > div{
		width: 100%;
		margin-left: 0;
	}
	.index-product-con{
		width: 100%;
		padding: 10px 0;
	}
	.index-product-con .product-item{
		width: calc(50% - 20px);
		margin: 0 10px 10px;
	}
	.bg-color-grey-scale-1{
		padding: 25px 0;
	}
	.text-10{
		font-size: 1.75em !important;
	}
	.home-cert .container-xl{
		flex-direction: column;
	}
	.home-cert .container-xl .left{
		width: 100%;
		padding: 20px;
	}
	.home-cert .container-xl .right{
		width: 100%;
		padding: 25px 0;
		justify-content: center;
	}
	.conbox{
		padding: 25px 15px;
	}
	.companybox .lcon{
		width: 100%;
		padding-bottom: 20px;
	}
	.companybox .rcon{
		width: 100%;
	}
	.base120{
		padding-top: 20px;
	}
	.bocweb-footer{
		padding: 15px;
	}
	.bocweb-footer .bocweb-footer-top .items:first-child{
		width: 100%;
	}
	.bocweb-footer .bocweb-footer-top .items{
		width: 50%;
		padding-bottom: 20px;
	}
	#about_banner,
	#product_banner,
	#news_banner,
	#contact_banner,
	#honor_banner{
		height: 180px;
		margin: 0 auto;
		background-position: center;
	}
	#inside{
		width: 100%;
		padding: 0 15px;
	}
	#inside .container{
		padding: 0!important;
	}
	.honor-list2 li{
		width: 50%;
	}
	.about_content{
		margin: 0;
	}
	.feedbackbox{
		width: 100%;
	}
	.news-list,.news-list a{
		height: 122px;
	}
	.news-list a{
		display: flex;
	}
	.news-list .news-mon{
		margin: 0;
	}
	.news-list .news-min{
		padding: 10px 10px 0 10px;
		flex: 1 100px;
	}
	.news-list .news-go{
		display: none!important;
	}
	.news-list .news-min p{
		margin-top: 0;
	}
	.ui.containers{
		padding: 0 15px;
	}
	.inner-page .grid-box .sideBar{
		display: none;
	}
	.product-page{
		padding: 0 0 40px;
	}
	.inner-page .grid-box .page-rightBar{
		padding-left: 0;
		width: 100% !important;
	}
	.i-product .tab-box ul{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.i-product .tab-box li {
		width: 50%;
		margin-bottom: 15px;
		padding: 5px;
	}
	.w1200{
		padding: 0 15px;
	}
	.products_content{
		flex-direction: column;
	}
	.view_pic{
		justify-content: center;
		flex-direction: column;
		width: 100%;
	}
	.view_picleft{
		width: 100%;
		height: auto;
	}
	.view_picleft img{
		height: auto;
		width: 100%;
	}
	.view_content img,
	.view_content_honor img{
		width: 100% !important;
		height: auto !important;
	}
	.view_picright{
		width: 100%;
		margin-left: 0
	}
	.view_picright ul{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.view_picright li{
		width: 25%;
		margin: 0 0 20px 0;
	}
	.view_picright li.tb-selected img{
		width: 100%;
		height: 100%;
	}
	.view_picright li img{
		width: 100%;
		height: 100%;
	}
	.view_picright li:last-child img{
		border-right: 1px solid #ddd;
	}
	.view_picright li:last-child.tb-selected img{
		border-right: 2px solid #ea5703;
	}
	.view_text{
		padding-left: 0;
		flex: 1!important;
	}
	.menu-con{
		margin-bottom: 20px;
	}
	.hmmore.cert{
		margin: 0 auto;
	}

	.mobile-head-item .main-content-wrap {
		background: #FFF;
		top: 0;
		display: block;
		z-index: 99999;
	}
	.mobile-head-item .main-content-wrap .content-wrap {
		overflow-y: auto;
		height: 100%;
		padding: 15px 10px;
		background-color: #fff;
	}
	.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
		overflow-y: hidden;
	}
	.mobile-head-item .side-content-wrap {
		position: fixed;
		display: block;
		right: -80%;
		width: 80%;
		height: 100%;
	}
	.mobile-head-item .middle-content-wrap {
		position: absolute;
		right: 0;
		width: 100%;
		height: auto;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
	}
	.mobile-head-item .middle-show-content-wrap {
		top: 30px;
		visibility: visible;
		opacity: 1;
	}
	/* header */.head_top .top_left {
					display: none;
				}

	/*nav */.head_nav {
				width: 100%;
				padding: 0 5px;
			}
	.head_nav li {
		padding-left: 28px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.head_nav li,
	.head_nav li a {
		color: #111;
	}
	.head_nav li.has-child {
		padding-left: 28px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.head_nav li.has-child>a {
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right: 35px;
	}
	.head_nav li.has-child>ul {
		display: none;
	}
	.head_nav li.siblings-no-menu {
		position: relative;
		padding-left: 15px;
	}
	.head_nav li a {
		display: block;
		height: auto;
		line-height: 1.4em;
		position: relative;
	}
	.head_nav li a:hover {
		color: inherit;
		font-weight: 600;
	}
	.head_nav li em {
		display: block;
		height: 1.4em;
		overflow: hidden;
	}
	.head_nav li li {
		font-size: 14px;
	}
	.head_nav li li li {
		font-size: 12px;
	}
	.head_nav li li a {
		color: #666;
	}
	.head_nav li.has-child a b {
		display: inline-block;
		width: 15px;
		height: 15px;
		border: 1px solid #111;
		border-radius: 2px;
		overflow: hidden;
		line-height: 15px;
		position: absolute;
		right: -35px;
		top: 1px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	.head_nav li.has-child a b:before,
	.head_nav li.has-child a b:after {
		content: '';
		display: block;
		width: 9px;
		height: 1px;
		background-color: #111;
		position: absolute;
		left: 3px;
		top: 50%;
		margin-top: -.5px;
	}
	.head_nav li.has-child a b:after {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.head_nav li.has-child a:hover b {
		border-color: #111;
	}
	.head_nav>li {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f2f2;
	}
	.head_nav>li>a {
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: -1px;
		position: relative;
		text-transform: uppercase;
		position: relative;
	}
	.head_nav li,
	.head_nav li.has-child {
		padding-left: 0;
	}
	.head_nav li li,
	.head_nav li li.has-child {
		padding-left: 15px;
	}
	.head_nav li.active>a>b:after {
		display: none;
	}
	.head_nav li.active>a>b {
		background-color: #111;
	}
	.head_nav li.active>a>b:before,
	.head_nav li.active>a>b:after {
		background-color: #fff;
	}

	.mobile-ico-close {
		width: 30px;
		height: 30px;
		background: #fff url(../images/mobile_close.png) center center no-repeat;
		background-size: 50% auto;
		position: absolute;
		left: -35px;
		top: 0;
		cursor: pointer;
	}
	/*#endregion*/
	.swiper-container{
		margin-top: 50px!important;
	}
}

.search-bar{
	width: 100%;
	position: relative;
}
.search-input{
	display: block;
	width: 100%;
	line-height: 56px;
	height: 56px;
	background-image: none;
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 0 16px;
	color: #333;
	border-radius: 8px;
}
.search-bar .search-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 72px;
	height: 56px;
	padding: 0;
	background-image: none;
	border: 0;
	background-color: #db251a;
	outline: none;
	cursor: pointer;
	color: #fff;
}
.search-bar .search-btn .icon_search{
	background: url(../images/search.png) center center no-repeat;
	width: 36px;
	height: 36px;
	background-size: contain;
	margin: 0 auto;
	display: flex;
	align-items: center;
}