@charset "utf-8";

h1, h2, h3, h4, h5, h6 {

	margin: 0px;

}

body{ overflow-x:hidden;}

body, ul, img, p, input, dl, dd, tr, th, td {

	margin: 0;

	padding: 0;

}

em {

	font-style: normal;

}

img {

	border: none;

	height: auto;

	max-width: 100%;

}

a {

	text-decoration: none;

	color: #666;

	line-height: 26px;

	font-size: 14px;

}

input {

	padding: 0px;

	vertical-align: middle;

	line-height: normal;

	border: none;

}

body {

	overflow-x: hidden;

	font-size: 14px;

	line-height: 26px;

	word-wrap: break-word;

	color: #777;

	font-family:  "Microsoft YaHei", "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;

}

.table-responsive {

	overflow: auto;

	min-height: .01%;

}

.clearfix {

*zoom:1;

}

.clearfix:before, .clearfix:after {

	line-height: 0;

	display: table;

	content: "";

}

.clearfix:after {

	clear: both;

}

a:hover {

	text-decoration: none !important;

}

a:focus {

	outline-style: none;

	-moz-outline-style: none;

	text-decoration: none;

}

.clear {

	clear: both;

}

a:hover {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

a, img {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

ul li {

	list-style-position: inside;

}

::-webkit-scrollbar {

width: 8px;

} /* 这是针对缺省样式 (必须的) */

::-webkit-scrollbar-track {

background-color:#ebebeb;

} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {

background-color: #b3b3b3;

} /* 滑块颜色 */

::-webkit-scrollbar-button {

background-color: #d9d9d9;

} /* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {

background-color: black;

}/*select*/

.select {

	position: relative;

	display: inline-block;

	margin: 0;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	color: #666;

	z-index: 5555555;

}

.select dt {

	display: inline-block;

	cursor: pointer;

	position: relative;

	z-index: 99;

	text-align: left;

	font-size: 14px;

	font-weight: normal;

	text-transform: capitalize;

	color: #fff;

	padding: 8px 16px;

	line-height: 20px;

	margin-left: 5px;

	padding-right: 0px;

}

.select dt:after {

	color: #666;

	font-size: 16px;

	width: 100px;

	vertical-align: middle;

	content: "\f107";

	font-size: 14px;

}

.select dt>p {

	display: inline-block;

	padding-left: 10px;

	margin: 0;

	font-weight: normal;

	padding-right: 5px;

	color: #808080;

	font-size: 13px;

}

.select dd {

	position: absolute;

	left: 0;

	top: 40px;

	background: #fff;

	display: none;

	z-index: 99999;

	border: 1px solid #e5e5e5;

}

.select dd ul {

	padding: 4px;

	width: 140px;

	overflow: auto;

}

.select dd ul li {

	list-style: none;

}

.select dd ul li a {

	line-height: 30px;

	display: block;

	padding: 0 8px;

	text-align: left;

	color: #333;

}

.select dd ul li a:hover {

	background: #eaeaea;

	color: #666;

}

.select dd ul li img {

	max-width: 21px;

	max-height: 21px;

	width: 100%;

	height: auto;

	vertical-align: middle;

}

.select dd ul li p {

	padding-left: 8px;

	font-size: 13px;

	display: inline-block;

	text-transform: capitalize;

	vertical-align: middle;

	margin: 0;

}/* Top Search=================================*/

.search_box {

	width: 100%;

	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);

}

.search i {

	font-size: 14px;

	background: #fff;

	line-height: 32px;

	color: #fff;

	width: 32px;

	height: 32px;

	text-align: center;

	border-radius: 50%;

}

.top-search {

	display: none;

	width: 100%;

}

.top-search h4 {

	font-size: 22px;

	text-align: center;

	text-transform: uppercase;

	color: #333;

	margin: 20px 0;

}

.top-search .input-group-addon i {

	color: #aaa;

	float: right;

	font-size: 16px;

	position: absolute;

	right: 0px;

	top: 5px;

	width: 36px;

	height: 36px;

	line-height: 36px;

	background: #eee;

}

.top-search input.form-control {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	background-color: transparent;

	border-color: currentcolor currentcolor #eee;

	border-image: none;

	border-style: none none solid;

	border-width: medium medium 1px;

	box-shadow: 0 0 0;

	color: #999;

	height: 40px;

	line-height: 40px;

	padding: 0 50px 0 15px;

	text-align: left;

	background: none;

	border-radius: 0px;

	font-size: 14px;

	border: 1px solid #ddd;

}

.top-search .input-group {

	width: 100%;

	margin: 0 auto;

	padding: 10px 10px 32px;

}

.top-search .input-group-addon.close-search {

	cursor: pointer;

}

.header_search {

	position: relative;

	max-width: 800px;

	margin: 0 auto;

}

.top-search .input-group-addon {

	background-color: transparent;

	border: none;

	color: #666;

	padding-left: 0;

	padding-right: 0;

}

.top-search .input-group-addon.close-search {

	cursor: pointer;

}

.attr-nav {

	float: right;

}

.attr-nav ul li {

	list-style: none;

}

.attr-nav ul li a {

	padding: 42px 32px;

	background: #f9f9f9;

	display: inline-block;

}/*top_section*/

.top_section {

	background: #eaeaea;

}

.top_section .top_l {

	float: right;

}

.top_section .top_l .select {

	float: left;

}

.top_section .top_l .top_sns {

	float: left;

	margin-top: 7px;

}

.top_section .top_l .top_sns a {

	font-size: 18px;

	color: #aaa;

	width: 24px;

	height: 24px;

	text-align: center;

	display: block;

	float: left;

	background: #b3b3b3;

	border-radius: 50%;

	margin-left: 10px;

}

.top_section .top_r {

	float: left;

	border-left: 1px solid #e5e5e5;

}

.top_section .top_r p {

	display: inline-block;

	margin-right: 10px;

	color: #808080;

	font-size: 13px;

	padding: 6px 0;

}

.top_section .top_r p img {

	margin-right: 15px;

	margin-left: 15px;

}

.top_section .top_r p a {

	color: #808080;

	font-size: 13px;

}/*nav*/

.nav_r {

	float: right;

}

.header {

	padding: 20px 0;

}

#cssmenu {

	float: left;

}

#cssmenu ul {

	float: left;

}/*xuanfu*/

.abc-01 {

	display: block !important;

}

.main-box {

	width: 100%;

	max-width: 1420px;

	margin: 0 auto;

}

#logo {

	float: left;

	margin-top: 25px;

	text-align: center;

	width: 200px;

	padding-left: 30px;

}

@media only screen and (min-width: 980px) {

	.small-mdzz {

		position: fixed;

		z-index: 99999;

		top: 0px;

		right: 0;

		width: 100%;

		background: #fff;

		-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);

		-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);

		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);

	}

	.small-mdzz .attr-nav ul li a {

		padding: 25px 32px;

	}

	.small-mdzz {

		padding: 0px !important;

	}

	.small-mdzz #logo {

		width: 15%;

		margin-top: 5px;

	}

	.small-mdzz #cssmenu > ul > li {

		padding: 14px 0;

	}

	.small-mdzz #cssmenu > ul > li > ul {

		top: 71px;

	}

	#logo img:first-child {

		width: 150px;

		margin-top: 0;

	}

}

@media only screen and (max-width:1200px) {

#cssmenu > ul > li {

	margin-right: 35px;

}

}

@media only screen and (max-width:980px) {

#logo {

	width: 100%;

	text-align: center;

	float: none;

}

.nav_r {

	border-top: 1px solid #eee;

	margin-top: 20px;

	width: 100%;

}

#cssmenu {

	margin-left: 20px;

}

#cssmenu > ul > li {

	margin-right: 35px;

}

#cssmenu > ul > li > a {

	padding: 15px 0px 10px;

}

.top_section .top_r p:last-child {

	display: none;

}

.attr-nav ul li a {

	padding: 20px 32px;

}

#cssmenu > ul > li {

	padding: 9px 0;

}

#cssmenu > ul > li > a {

	padding-top: 12px;

}

}

@media only screen and (max-width:768px) {

#cssmenu {

	background: #eee;

	margin: 0px;

}

#cssmenu > ul > li > a {

	padding: 10px;

}

#cssmenu > ul > li > a i {

	display: none;

}

.nav_box {

	padding: 0px;

}

#cssmenu ul {

	float: none;

}

.nav_r {

	position: relative;

}

.attr-nav {

	position: absolute;

	right: 60px;

	top: 0px;

	z-index: 999999;

}

.top_section .top_con p {

	margin-right: 0px;

}

.top_section .top_l .top_sns {

	display: none;

}

#cssmenu ul ul li:hover {

	background: #aaa;

}

.attr-nav ul li a {

	background: #ddd;

	padding: 8px 22px;

}

#cssmenu > ul > li {

	padding: 0px;

}

}

@media only screen and (max-width:450px) {

.top_section .top_con {

	width: 100%;

	text-align: center;

}

.top_section .top_lang {

	width: 100%;

	text-align: center;

}

}/*case_section*/

.btn11 {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.btn11 .ovrly {

	background: rgba(0, 0, 0, 0.5);

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.btn11 .text {

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translate(0%, -50%);

	-moz-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	-o-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.btn11:hover .ovrly {

	opacity: 1;

}

.btn11 .text .img2 {

	width: 140px;

	height: 140px;

	display: inline-block;

	border-radius: 50%;

	overflow: hidden;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	position: relative;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

	-moz-transition: -moz-transform 0.3s, opacity 0.3s;

	-o-transition: -o-transform 0.3s, opacity 0.3s;

	transition: transform 0.3s, opacity 0.3s;

}

.case_section .li:hover .text .img2 {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	color: rgba(50, 50, 50, 0.9);

}

.btn11 .text .img2 img {

	height: 100%;

	width: auto;

	max-width: none;

}

.line_hv {

	position: relative;

	overflow: hidden;

	display: block;

}

.line_hv:after {

	width: calc(100% + 30px);

	height: calc(100% + 30px);

	position: absolute;

	left: -10px;

	top: -10px;

	content: '';

	border: 1px solid rgba(255,255,255,0.3);

	transition: all ease-out .3s

}

.case_section .li:hover .line_hv:after {

	width: calc(100% - 32px);

	height: calc(100% - 32px);

	left: 15px;

	top: 15px;

}

.case_section ul {

	margin: 0px;

	margin-top: 16px;

}

.case_section ul li {

	padding: 0px 8px;

	float: left;

	width: 33.33%;

	list-style: none;

}

.case_section ul li:hover .img {

	-webkit-filter: blur(2px);

	filter: blur(2px);

}

.case_section ul li .text {

	text-align: center;

}

.case_section ul li .text h4 a, .case_section ul li .text p {

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	opacity: 0;

}

.case_section ul li .text h4 a {

	font-size: 24px;

	color: #fff;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition-delay: 0.1s;

	-moz-transition-delay: 0.1s;

	-o-transition-delay: 0.1s;

	transition-delay: 0.1s;

	display: block;

	padding-left: 14%;

	margin: 35px 0 25px;

	text-transform: uppercase;

}

.case_section ul li .text p {

	line-height: 26px;

	color: #fff;

	-webkit-transition-delay: 0.2s;

	-moz-transition-delay: 0.2s;

	-o-transition-delay: 0.2s;

	transition-delay: 0.2s;

	padding-right: 14%;

	max-height: 78px;

	overflow: hidden;

}

.case_section ul li:hover .text p, .case_section ul li:hover .text h4 a {

	opacity: 1;

	padding-left: 7%;

	padding-right: 7%;

}

.case_section ul li .h4 a {

	background: rgba(0,0,0,0.4);

	line-height: 56px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	text-transform: uppercase;

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	display: block;

	margin-bottom: 20px;

}

.case_section ul li .h4 a img {

	margin-right: 28px;

}

.case_section ul li:hover .h4 a {

	bottom: -100px;

}

@media only screen and (max-width:1440px) {

.case_section ul li .text p {

	height: 52px;

}

}

@media only screen and (max-width:768px) {

.case_section ul li .h4 a img{ display:none;}

.case_section ul li .h4 a { font-size:12px; line-height:20px;}

.case_section ul li {

	margin-bottom: 30px;

	padding: 0px 10px;

}

.case_section ul li .text{ display:none;}

.case_section ul li:hover .text p, .case_section ul li:hover .text h4 a{ display:none;}

}

@media only screen and (max-width:300px) {

.case_section ul li{ width:100%;}

}

.i_title {

	text-align: center;

	margin-bottom: 40px;

}

.i_title h4 {

	color: #333;

	font-size: 34px;

	text-transform: uppercase;

}

.main-cat {

	padding-top: 90px;

	padding-bottom: 10px;

}/*pro_cate*/

#parentHorizontalTab01 {

	text-align: left;

	position: relative;

}

@media only screen and (max-width: 768px) {

#parentHorizontalTab01 {

	margin: 10px 0 !important;

}

.i_title{ margin-bottom:20px;}

.i_title h4 { font-size:20px;}

}

#parentHorizontalTab01 ul.resp-tabs-list {

	margin: 0px;

	padding: 0px;

	margin-bottom: 30px;

	text-align: center;

}

#parentHorizontalTab01 .resp-tabs-list {

	display: block;

	width: 100%;

	list-style: none;

	cursor: pointer;

	text-align: left;

	list-style: none;

}

#parentHorizontalTab01 .resp-tabs-list li {

	margin-bottom: 9%;

}

#parentHorizontalTab01 .resp-tabs-list .offer-left {

	width: 35%;

	float: left;

}

#parentHorizontalTab01 .resp-tabs-list .offer-right {

	width: 35%;

	float: right;

}

#parentHorizontalTab01 .resp-tabs-list li span {

	display: inline-block;

	float: left;

	width: 130px;

	height: 130px;

	margin-right: 15px;

	position: relative;

	border: 1px solid #eeeeee;

	border-radius: 50%;

}

#parentHorizontalTab01 .resp-tab-active {

	background: #fff !important;

}

#parentHorizontalTab01 .resp-tabs-list li span img {

	width: 100%;

	height: auto;

}

#parentHorizontalTab01 .resp-tabs-list li .olist-right {

	text-align: left;

}

#parentHorizontalTab01 .resp-tabs-list li .olist-right em {

	color: #333;

	font-size: 20px;

	display: block;

	margin-bottom: 10px;

	text-transform: uppercase;

}

#parentHorizontalTab01 .resp-tabs-list li .olist-right em a{ font-size:20px; color:#333;}

#parentHorizontalTab01 .resp-tabs-list li .olist-right p {

	color: #808080;

	font-size: 13px;

	line-height: 26px;

	overflow: hidden;

	height: 78px;

}

#parentHorizontalTab01 .resp-tabs-list:hover {

	z-index: 99;

}

#parentHorizontalTab01 .resp-tabs-list ul li:hover .olist-right em {

	color: #333;

}

#parentHorizontalTab01 .resp-tabs-list li.resp-tab-active em {

	z-index: 99;

	color: #333;

}

.cate_more {

	font-size: 13px;

	color: #444;

	text-transform: uppercase;

	opacity: 0;

	margin-top: 10px;

}

.cate_more i {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.cate_more:hover {

	color: #333;

}

#parentHorizontalTab01 .resp-tabs-list li .cate_more i {

	margin-left: 0px;

	display: inline-block;

	opacity: 1;

	margin-right: 6px;

}

#parentHorizontalTab01 .resp-tabs-list li.resp-tab-active .cate_more {

	opacity: 1;

}

#parentHorizontalTab01 .resp-content-active, #parentHorizontalTab01 .resp-accordion-active {

	display: block;

}

.table-responsive {

	overflow-x: scroll;

}

#parentHorizontalTab01 .resp-tabs-container {

	position: absolute;

	left: 50%;

	top: 0;

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

@media only screen and (max-width:1200px) {

#parentHorizontalTab01 .resp-tabs-list li span {

	width: 80px;

	height: 80px;

	background-size: 80px 80px !important;

}

#parentHorizontalTab01 .resp-tabs-list li .olist-right p {

	height: 52px;

	overflow: hidden;

}

}

#parentHorizontalTab01 .resp-tabs-container span {

	display: inline-block;

	max-width: 100%;

	height: auto;

	position: relative;

}

#parentHorizontalTab01 .resp-tabs-container span img {

	max-width: 100%;

	height: auto;

	width: auto;

}

#parentHorizontalTab01 .resp-tabs-container span div {

	padding: 10px;

	width: 240px;

	height: 240px;

	position: absolute;

	left: 10px;

	bottom: 10px;

}

#parentHorizontalTab01 .resp-tabs-container span div em {

	display: inline-block;

	color: #ffffff;

	font-size: 36px;

	text-shadow: 0 1px 0 rgba(0,0,0,0.2);

	background: transparent;

	padding: 5px 10px;

	padding-top: 68%;

}

#parentHorizontalTab01 .resp-tabs-container span>p {

	display: none;

}

#parentHorizontalTab01 em.resp-accordion {

	cursor: pointer;

	padding: 5px;

	display: none;

	padding: 10px 15px !important;

}

#parentHorizontalTab01 .resp-tab-content {

	display: none;

	padding: 10px 0 0 0;

}

#parentHorizontalTab01 em.resp-accordion {

	font-size: 16px;

	margin: 0px;

	margin-bottom: 1px;

}

#parentHorizontalTab01 em.resp-tab-active {

	margin-bottom: 0px !important;

	background: #5aad24 !important;

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

}

#parentHorizontalTab01 em.resp-tab-title:last-child {

	border-bottom: 12px solid #c1c1c1 !important;

	background: blue;

}

#parentHorizontalTab01 .resp-vtabs ul.resp-tabs-list {

	float: left;

	width: 30%;

}

#parentHorizontalTab01 .resp-vtabs .resp-tabs-list li {

	display: block;

	padding: 15px 15px !important;

	margin: 0 0 4px;

	cursor: pointer;

	float: none;

}

#parentHorizontalTab01 .resp-vtabs .resp-tabs-container {

	padding: 0px;

	background-color: #fff;

	border: 1px solid #c1c1c1;

	float: left;

	width: 68%;

	min-height: 250px;

	border-radius: 4px;

	clear: none;

}

#parentHorizontalTab01 .resp-vtabs .resp-tab-content {

	border: none;

	word-wrap: break-word;

}

#parentHorizontalTab01 .resp-vtabs li.resp-tab-active {

	position: relative;

	z-index: 1;

	margin-right: -1px !important;

	padding: 14px 15px 15px 14px !important;

	border-top: 1px solid;

	border: 1px solid #5AB1D0 !important;

	border-left: 4px solid #5AB1D0 !important;

	margin-bottom: 4px !important;

	border-right: 1px #FFF solid !important;

}

#parentHorizontalTab01 .resp-arrow {

	width: 0;

	height: 0;

	float: right;

	margin-top: 10px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 7px solid #c1c1c1;

}

#parentHorizontalTab01 em.resp-tab-active span.resp-arrow {

	border: none;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 7px solid #fff;

}

#parentHorizontalTab01 .resp-easy-accordion em.resp-accordion {

	display: block;

}

#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content {

	border: 1px solid #1268bf;

}

#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content:last-child {

	border-bottom: 1px solid #1268bf;/* !important;*/

}

#parentHorizontalTab01 .resp-jfit {

	width: 100%;

	margin: 0px;

}

#parentHorizontalTab01 .resp-tab-content-active {

	display: block;

}

#parentHorizontalTab01 .resp-tab-content img {

	max-width: 100%;

	height: auto;

}

@media only screen and (max-width: 1200px) {

#parentHorizontalTab01 .resp-tabs-container {

	max-width: 34%;

}

#parentHorizontalTab01 ul.resp-tabs-list {

	margin-bottom: 0;

}

}

@media only screen and (max-width: 992px) {

.main-cat .container {

	width: 100%;

}

}

@media only screen and (max-width: 768px) {

.main-cat {

	padding-bottom: 60px;

}

#parentHorizontalTab01 .resp-tabs-container span img {

	display: none;

}

.main-offer {

	padding: 20px 0;

}

#parentHorizontalTab01 {

	height: auto;

}

#parentHorizontalTab01 .resp-tab-content {

	padding: 0;

}

#parentHorizontalTab01 {

	padding: 0;

	border-bottom: none;

}

#parentHorizontalTab01 ul.resp-tabs-list {

	display: none;

}

#parentHorizontalTab01 em.resp-accordion {

	display: block;

	font-size: 14px;

	background: #e5e5e5 !important;

	color: #4c4c4c;

	text-transform: uppercase;

	text-align: left;

	margin-bottom: 2px;

}

#parentHorizontalTab01 em.resp-tab-active {

	background: #333 !important;

	color: #fff;

}

#parentHorizontalTab01 em.resp-tab-active a{ color:#fff;}

#parentHorizontalTab01 .resp-vtabs .resp-tab-content {

	border: 1px solid #C1C1C1;

	border: 1px solid #e5e5e5;

	border-top: none;

	padding: 15px 15px 30px 15px;

}

#parentHorizontalTab01 .resp-vtabs .resp-tabs-container {

	border: none;

	float: none;

	width: 100%;

	min-height: 100px;

	clear: none;

}

#parentHorizontalTab01 .resp-accordion-closed {

	display: none !important;

}

#parentHorizontalTab01 .resp-vtabs .resp-tab-content:last-child {

	border-bottom: 1px solid #c1c1c1 !important;

}

#parentHorizontalTab01 .resp-tabs-list li .offer-left, #parentHorizontalTab01 .resp-tabs-list li .offer-right {

	width: 100%;

	float: none;

}

#parentHorizontalTab01 .resp-tabs-list li ul li {

	margin-bottom: 0;

}

#parentHorizontalTab01 .resp-accordion .olist-right p {

	display: none;

}

#parentHorizontalTab01 .resp-tabs-container {

	max-width: 100%;

	position: inherit;

	text-align: center;

	padding: 10px !important;

}

#parentHorizontalTab01 .resp-tabs-container span div {

	display: none;

}

#parentHorizontalTab01 .resp-tabs-container span>p {

	line-height: 24px;

	margin: 10px 0 20px 0;

	font-size: 14px;

	display: block;

}

}

#parentHorizontalTab01 .resp-tabs-list li:nth-child(2n+1) {

	animation-delay: 0.2s;

}/*pro_section*/

.pro_section {

	margin-top: 70px;

}

.mpro-list {

	list-style: none;

	margin-bottom: 45px;

}

.mpro-list li {

	border-top: 1px solid #f2f2f2;

	border-bottom: 1px solid #f2f2f2;

	border-left: 1px solid #f2f2f2;

	border-right: 1px solid #fff;

	position: relative;

	overflow: hidden;

	margin-top: -1px;

}

.mpro-list li .icon {

	display: block;

	width: 36px;

	height: 36px;

	position: absolute;

	right: 24px;

	top: -60px;

	z-index: 33333;

}

.mpro-list li:hover .icon {

	right: 24px;

	top: 24px;

}

.mpro-list li .image {

	display: block;

}

.mpro-list li .image img {

	max-width: 100%;

	height: auto;

	-webkit-transition: all var(--transition-time, 500ms);

	-o-transition: all var(--transition-time, 500ms);

	transition: all var(--transition-time, 500ms);

}

.mpro-list li:hover .image img {

	-webkit-transform: scale(var(--scale-multiplier, 1.05));

	-ms-transform: scale(var(--scale-multiplier, 1.05));

	transform: scale(var(--scale-multiplier, 1.05));

}

.mpro-list li .text-box {

	position: absolute;

	left: 0;

	bottom: -100%;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: all var(--transition-time, 800ms);

	-o-transition: all var(--transition-time, 800ms);

	transition: all var(--transition-time, 800ms);

}

.mpro-list li:hover .text-box {

	-webkit-transform: translateY(1);

	-ms-transform: translateY(1);

	transform: translateY(1);

	bottom: 0

}

.mpro-list li .text {

	padding: 25px;

	background: rgba(255,255,255,1);

	box-shadow: 0 0 10px rgba(0,0,0,0.1);

	margin: 14px;

}

.mpro-list li .title {

	margin: 10px 0 30px 0;

	padding: 0 15px;

	display: block;

	font-size: 14px;

	line-height: 26px;

	overflow: hidden;

	height: 52px;

	text-align: center;

	display: block;

}

.mpro-list li .title a {

	color: #555;

}

.mpro-list li .text .title {

	margin: 0;

	padding: 0;

	margin-bottom: 15px;

}

.mpro-list li .text .title:hover {

	color: #18345c;

	text-decoration: none;

}

.mpro-list li .text p {

	color: #999;

	font-size: 13px;

	line-height: 24px;

	overflow: hidden;

	height: 48px;

	text-align: center;

}

-o-transition:all var(--transition-time, 300ms);

transition:all var(--transition-time, 300ms);

}

.mpro-list li .text .more:hover {

	padding-right: 20px;

	text-decoration: none;

}

@media only screen and (min-width: 1440px) {

.mpro-list li:nth-child(4n+4) {

	border-right: 1px solid #f2f2f2;

}

}

@media only screen and (max-width: 992px) {

.main-products .row>.title {

	margin-bottom: 20px;

}

.mpro-list li {

	width: 50%;

}

.mpro-list li:nth-child(2n+2) {

	border-right: 1px solid #f2f2f2;

}

}

@media only screen and (max-width: 768px) {

.mpro-list{ margin:0px -10px;}

.mpro-list li { border:none !important; padding-left:10px; padding-right:10px;}

.mpro-list li .title{ margin:0px; padding:0px; margin-bottom:20px; line-height:22px; height:74px;}

}

.i_more {

	text-align: center;

}

.i_more a {

	background: #141416;

	color: #fff;

	line-height: 42px;

	font-size: 14px;

	border: none;

	display: inline-block;

	padding: 0px 18px;

	text-transform: uppercase;

	margin-top: 5px;

	position: relative;

	min-width: 170px;

}

.i_more a:hover {

	background: #000;

}

.i_more a:after {

	content: '';

	position: absolute;

	left: 0px;

	top: 0px;

	width: 0;

	height: 100%;

	background: rgba(255,255,255,0.25);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.i_more a:hover:after {

	width: 100%;

}/*about_section*/

.about_section {

	padding: 80px 0;

}

.about_section .i_title {

	margin-bottom: 20px;

}

.about_section .about_main {

	background: rgba(255,255,255,0.6);

	max-width: 620px;

	padding: 18px;

}

.about_section .about_main .line {

	padding: 30px;

	border: 1px solid #fff;

	padding-bottom: 40px;

}

.about_section .about_main .p {

	font-size: 14px;

	text-align: center;

	color: #777777;

	line-height: 26px;

	max-height: 156px;

	overflow: hidden;

	margin-bottom: 30px;

}/*honor_section*/

.btn25 {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.btn25 img {

	width: 100%;

	position: relative;

	top: 0;

	left: 0;

}

.btn25 .ovrly {

	background: rgba(0, 0, 0, 0.4);

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}

.btn25 .buttons {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.btn25 .buttons .fa {

	background: rgb(256, 256, 256);

	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);

	-webkt-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	display: inline-block;

	line-height: 60px;

	font-size: 20px;

	text-align: center;

	text-decoration: none;

	width: 60px;

	height: 60px;

	opacity: 0;

	-webkit-transform: scale(5);

	-moz-transform: scale(5);

	-ms-transform: scale(5);

	-o-transform: scale(5);

	transform: scale(5);

	position: relative;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

	-moz-transition: -moz-transform 0.3s, opacity 0.3s;

	-o-transition: -o-transform 0.3s, opacity 0.3s;

	transition: transform 0.3s, opacity 0.3s;

	color: #333;

}

.btn25 .buttons .fa-search {

	-webkit-transition-delay: 0.1s;

	-moz-transition-delay: 0.1s;

	-ms-transition-delay: 0.1s;

	transition-delay: 0.1s;

}

.btn25:hover .buttons .fa {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.btn25:hover .ovrly {

	opacity: 1;

}

.honor_section {

	margin-top: 30px;

	background: #f9f9f9;

}

.honor_section .slider {

	padding: 15px 40px;

}

.honor_section .li {

	margin: 0px 10px;

	background: rgba(255,255,255,0.2);

	padding: 6px;

}

.honor_section .i_title h3 {

	color: #fff;

}

.honor_section .i_title p {

	color: #fff;

}

.honor_section img:hover {

	opacity: 0.6;

}/*show_section*/

.show_section {

	padding: 60px 0px;

	margin: 0px 20px;

	margin-top: 70px;

}

.show_section .show_text {

	background: rgba(255,255,255,0.5);

	padding: 18px;

	max-width: 660px;

	float: right;

}

.show_section .text {

	border: 1px solid #fff;

	padding: 30px;

}

.show_section .text h4 {

	font-size: 34px;

	color: #808080;

	text-transform: uppercase;

	margin-bottom: 20px;

}

.show_section .text h5 {

	font-size: 30px;

	color: #333;

	margin-bottom: 20px;

	line-height: 40px;

}

.show_section .text h6 {

	font-size: 18px;

	color: #777;

}/*news_section*/

.news_section {

	padding-top: 70px;

}

.news_section .i_title {

	margin-bottom: 60px;

}

.news_section .slider {

	padding: 0px 120px;

	margin-top: 20px;

}

.news_section .li {

	margin: 0px 10px;

	padding-bottom: 10px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	margin-bottom: 20px;

}

.news_section .li .img {

	position: relative;

}

.news_section .li .img img {

	width: 100%;

}

.news_section .li .img a {

	position: relative;

	overflow: hidden;

	display: block;

}

.news_section .li .img>a:after {

	width: calc(100% + 20px);

	height: calc(100% + 20px);

	position: absolute;

	left: -10px;

	top: -10px;

	content: '';

	border: 1px solid rgba(255,255,255,0.8);

	transition: all ease-out .3s

}

.news_section .li .img:hover a:after {

	width: calc(100% - 22px);

	height: calc(100% - 22px);

	left: 10px;

	top: 10px;

}

.news_section .li .img:hover {

	background: #000;

}

.news_section .li img {

	transition-duration: 0.6s;

	width: 100%;

	height: 230px;

	transition-timing-function: ease-out;

}

.news_section .li .img:hover img {

	opacity: 0.6;

	transform: scale(1.1);

}

.news_section .li .icon {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -25px;

	margin-top: -25px;

	color: #ffffff;

	opacity: 0;

	transition: all ease-out .3s;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 40px;

}

.news_section .li .icon a {

	color: #fff;

	font-size: 30px;

	display: block;

	line-height: 50px;

}

.news_section .li .img:hover .icon {

	opacity: 1;

	margin-top: -25px

}

.news_section .li .text {

	border-top: none;

	padding: 20px;

	text-align: center;

	background: #fff;

}

.news_section .li .text h4 a {

	font-size: 16px;

	display: block;

	line-height: 26px;

	color: #444;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin: 10px 0 10px;

}

.news_section .li:hover {

	box-shadow: 0px 5px 10px rgba(0,0,0,0.15);

}

.news_section .li:hover .text h4 a {

	color: #333;

}

.news_section .li .text p {

	font-size: 14px;

	line-height: 24px;

	max-height: 72px;

	overflow: hidden;

	color: #999;

	margin-top: 10px;

}

.news_section .slick-prev {

	background: url(/watermark.php?src=yunhaineit/yh9/images/lb_l.png) no-repeat center center;

	width: 50px;

	height: 50px;

	position: absolute;

	left: 35px;

	top: 50%;

	vertical-align: middle;

	margin-top: -25px;

	opacity: 0.5;

}

.news_section .slick-next {

	background: url(/watermark.php?src=yunhaineit/yh9/images/lb_r.png) no-repeat center center;

	width: 50px;

	height: 50px;

	position: absolute;

	right: 35px;

	top: 50%;

	vertical-align: middle;

	margin-top: -25px;

	opacity: 0.5;

}

.news_section .slick-prev:hover {

	opacity: 1;

}

.news_section .slick-next:hover {

	opacity: 1;

}

@media only screen and (max-width: 768px) {

.news_section .slider {

	padding: 0px 60px;

}

.news_section .slick-prev {

	left: -15px;

}

.news_section .slick-next {

	right: -15px;

}

.news_section .slider{ padding:0px 40px;}

.news_section .li .text h4 a{ margin:0;}

}

/* Slider */

.slick-slider {

	position: relative;

	display: block;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: transparent;

}

.slick-list {

	position: relative;

	overflow: hidden;

	display: block;

	margin: 0;

	padding: 0;

}

.slick-list:focus {

	outline: none;

}

.slick-list.dragging {

	cursor: pointer;

	cursor: hand;

}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.slick-track {

	position: relative;

	left: 0;

	top: 0;

	display: block;

	zoom: 1;

}

.slick-track:before, .slick-track:after {

	content: "";

	display: table;

}

.slick-track:after {

	clear: both;

}

.slick-loading .slick-track {

	visibility: hidden;

}

.slick-slide {

	float: left;

	height: 100%;

	min-height: 1px;

	display: none;

}

.slick-slide img {

	display: block;

	margin: 0 auto;

	width: 80%;

}

.slick-slide.slick-loading img {

	display: none;

}

.slick-slide.dragging img {

	pointer-events: none;

}

.slick-initialized .slick-slide {

	display: block;

}

.slick-loading .slick-slide {

	visibility: hidden;

}

.slick-vertical .slick-slide {

	display: block;

	height: auto;

	border: 1px solid transparent;

}/* Arrows */

.slick-prev, .slick-next {

	position: absolute;

	display: block;

	height: 20px;

	width: 20px;

	line-height: 0;

	font-size: 0;

	cursor: pointer;

	background: transparent;

	color: transparent;

	margin-top: -10px;

	padding: 0;

	border: none;

	outline: none;

}

.slick-prev:focus, .slick-next:focus {

	outline: none;

}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {

	opacity: 0.25;

}/* Dots */

.slick-dots {

	position: absolute;

	bottom: -35px;

	list-style: none;

	display: block;

	text-align: center;

	padding: 0px;

	width: 100%;

	z-index: 999;

}

.slick-dots li {

	position: relative;

	display: inline-block;

	height: 5px;

	margin: 0px 5px;

	padding: 0px;

	cursor: pointer;

}

.slick-dots li button {

	border: 0;

	background: transparent;

	display: block;

	height: 5px;

	width: 35px;

	outline: none;

	line-height: 0;

	font-size: 0;

	cursor: pointer;

	outline: none;

	background: rgba(255,255,255,0.6);

}

.slick-dots li button:focus {

	outline: none;

}

.slick-dots li.slick-active button {

	background: #fff;

}/*contact_section*/

.contact_section {

	padding: 75px 0;

}

@media (max-width:1400px) {

.contact_section .map {

	padding-top: 30px;

	padding-bottom: 30px;

	padding-right: 30px;

}

.contact_section .i_inquiry {

	padding: 30px;

}

}

.contact_section .contact_main {

	background: rgba(0,0,0,0.6);

}

.contact_section .i_inquiry {

	margin: 0 auto;

	width: 50%;

	padding: 50px;

}

.contact_section .map {

	float: left;

	width: 50%;

}

.contact_section h4 {

	font-size: 30px;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

}

.contact_section .fadeInUp {

	text-align: center;

}

@media only screen and (max-width: 768px) {

.contact_section h4 { font-size:20px;}	

}

.contact_section .p {

	font-size: 12px;

	color: #fff;

	line-height: 24px;

	max-height: 48px;

	overflow: hidden;

	margin: 20px 0;

}

.contact_section .input_1 {

	font-size: 13px;

	line-height: 48px;

	height: 48px;

	padding-left: 20px;

	width: 100%;

	background: none;

	color: #999;

	margin-bottom: 20px;

	border: none;

	background: #fff;

}

.contact_section .input_1:focus {

	color: #333;

}

.contact_section .input_2 {

	line-height: 40px;

	font-size: 13px;

	height: 110px;

	padding-left: 20px;

	width: 100%;

	background: none;

	color: #999;

	border: 1px solid rgba(255,255,255,0.1);

	background: #fff;

}

.contact_section .input_2:focus {

	color: #333;

}

.contact_section .btn_1 {

	display: inline-block;

	margin: 30px 0 0;

	height: 42px;

	line-height: 42px;

	color: #fff;

	padding: 0px 18px;

	min-width: 170px;

	border: none;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

	background: #141416;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.contact_section .btn_1:hover {

	background: #000;

}

.contact_section .btn_1:after {

	content: '';

	position: absolute;

	left: 0px;

	top: 0px;

	width: 0;

	height: 100%;

	background: rgba(255,255,255,0.1);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.contact_section .btn_1:hover:after {

	width: 100%;

}

.contact_section .map iframe {

	max-width: 100%;

}

@media (max-width:1400px) {

.contact_section .map {

	padding-top: 30px;

	padding-bottom: 30px;

	padding-right: 30px;

}

.contact_section .i_inquiry {

	padding: 30px;

}

}

@media (max-width:768px) {

.contact_section .i_inquiry {

	width: 100%;

}

.contact_section .map {

	width: 100%;

	padding: 0px;

}

}/*footer*/

#footer {

	color: #777;

	padding-top: 58px;

	line-height: 24px;

	font-size: 14px;

	background: #262626;

	background-repeat: repeat;

}

#footer ul li {

	list-style: none;

}

#footer a:hover {

	color: #fff;

}

#footer .modules a {

	color: #777;

}

#footer .modules a:hover {

	color: #fff;

}

#footer .footer_pro {

	float: left;

	width: 28%;

	padding-right: 5%;

}

#footer .footer_tags {

	float: left;

	width: 23%;

	padding-right: 5%;

}

#footer .footer_con {

	float: left;

	width: 26%;

	padding-right: 7%;

}

#footer .footer_email {

	float: left;

	width: 23%;

}

@media only screen and (max-width:768px) {

#footer .footer_pro {

	float: left;

	width: 100%;

	padding-right: 0%;

	display:none;

}

#footer .footer_tags {

	float: left;

	width: 100%;

	padding-right: 0%;

	display:none;

}

#footer .footer_con {

	float: left;

	width: 100%;

	padding-right: 0%;

	display:none;

}

#footer .footer_email {

	float: left;

	width: 100%;

	display:none;

}

}

#footer .footer_con ul li {

	padding: 7px 0;

	line-height: 24px;

}

#footer .footer_pro ul li, #footer .footer_tags ul li {

	line-height: 24px;

	padding: 6px 0;

}

#footer .footer_pro ul li:before, #footer .footer_tags ul li:before {

	content: url(../images/footer_ico.png);

	opacity: 0.1;

	margin-right: 10px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

#footer .footer_pro ul li:hover:before, #footer .footer_tags ul li:hover:before {

	margin-left: 10px;

	opacity: 1;

}

#footer .footer_con ul li {

	line-height: 24px;

	padding: 7px 0;

}

#footer .footer_con ul .li1 {

	background-repeat: no-repeat;

	background-position: left 10px;

	padding-left: 25px;

}

#footer .footer_con ul .li2 {

	background-repeat: no-repeat;

	background-position: left 10px;

	padding-left: 25px;

}

*:focus {

	outline: none;

}

#footer .footer_email .p {

	font-size: 14px;

	color: #777;

	line-height: 24px;

	max-height: 66px;

	overflow: hidden;

	margin-top: 7px;

}

#footer .email {

	position: relative;

	width: 100%;

	margin-top: 34px;

	margin-bottom: 20px;

}

#footer .email_main {

	height: 38px;

	color: #808080;

	float: left;

	line-height: 36px;

	font-size: 12px;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	width: 100%;

	border: none;

	background: none;

	border: 1px solid rgba(255,255,255,0.1);

	padding-left: 10px;

}

#footer .email_main:focus {

	border: 1px solid rgba(255,255,255,0.5);

	color: #fff;

}

#footer .email_btn {

	background-repeat: no-repeat;

	position: absolute;

	right: 0px;

	bottom: 0px;

	width: 62px;

	height: 36px;

	border-left: 1px solid rgba(255,255,255,0.1);

}

#footer .title_h4 {

	font-size: 16px;

	color: #fff;

	margin-bottom: 24px;

	text-transform: uppercase;

}

.footer_sns p {

	color: #fff;

	font-size: 16px;

	margin: 24px 0 20px;

}

.footer_sns a {

	display: inline-block;

	width: 28px;

	height: 28px;

	margin: 0px 4px;

}

.footer_sns a:hover {

	background: #2c2c2c;

}

.footer_bottom {

	padding: 10px 0;

	text-align: center;

	font-size: 12px;

	color: #666;

	line-height: 22px;

}

.footer_bottom a {

	color: #666;

	font-size: 12px !important;

}

.footer_bottom .cop {

	float: left;

}

.footer_bottom a:hover {

	color: #fff;

}

.footer_bottom .links {

	float: right;

	padding-right: 30px;

}

.footer_bottom .links a {

	margin: 5px;

	color: #666 !important;

	font-size: 12px;

}

.footer_bottom .links a:hover {

	color: #fff !important;

}

.footer_follow {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	padding: 20px 0;

	margin: 40px 20px 0px;

}

.footer_follow .footer_logo {

	float: left;

}

.footer_follow ul {

	float: right;

	margin-top: 16px;

}

.footer_follow ul li {

	display: inline-block;

}

.footer_follow ul li a {

	font-size: 14px;

	color: #b3b3b3;

	margin-left: 55px;

	text-transform: uppercase;

}

.footer_follow ul li a:hover {

	color: #fff;

}

@media (max-width:1450px) {

.footer_bottom .links {

	padding-right: 250px;

}

}

.footer_follow ul {

	padding-right: 90px;

}

}

@media (max-width:768px) {

.footer_follow ul {

	padding-right: 0;

}

.footer_follow { margin-top:0;}

}

@media (max-width:1045px) {

.footer_follow .footer_logo {

	width: 100%;

	text-align: center;1826

	

}

.footer_follow ul {

	width: 100%;

	text-align: center;

}

.footer_follow ul li a {

	margin-left: 30px;

}

.footer_bottom .cop {

	width: 100%;

	text-align: center;

}

.footer_bottom .links {

	width: 100%;

	text-align: center;

}

.footer_bottom .links {

	padding-right: 0px;

}

}

/*service*/

#service {

	position: fixed;

	right: -210px;

	top: 10px;

	z-index: 999999999;

	margin: 200px 0 0 0;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	color: #666;

}

#service ul {

	list-style: none;

}

.online_title {

	background: #333;

	text-align: center;

	font-size: 13px;

	color: #fff;

	text-transform: uppercase;

	padding: 10px 0;

}

.online_title img {

	max-width: 30px;

	margin-right: 5px;

}

#service a {

	color: #666;

	font-size: 13px;

}

#online {

	float: left;

	background: #fff;

	overflow: hidden;

	width: 210px;

	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);

	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);

	position: relative;

}

.onlineMenu ul li {

	padding: 10px 10px;

	border-bottom: 1px solid #eee;

}

.onlineMenu ul li:last-child {

	border: none;

}

.onlineMenu ul li:nth-child(2) {

	background: #e5e5e5;

}

.onlineMenu .serm_top {

	text-align: center;

	padding-bottom: 10px;

}

.onlineMenu .call {

	text-align: left;

}

.call {

	padding: 6px 10px;

	font-size: 13px;

}

.call img {

	display: inline-block;

	vertical-align: middle;

	margin-right: 6px;

}

.call a:hover {

	color: #333 !important;

}

#service:hover {

	right: 0px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

#service:hover #ser_main #floatShow1 {

	left: 120px;

	z-index: -11;

	opacity: 0;

}

#service h4 {

	font-size: 14px;

	color: #666;

	margin: 0px;

	line-height: 25px;

}

.footer_nav, .height {

	display: none

}

@media only screen and (max-width: 960px) {

#service {

	display: none;

}

}

@media only screen and (max-width: 768px) {

.footer_nav {

	width: 100%;

	position: fixed;

	bottom: 0;

	display: block;

	overflow: hidden;

	z-index: 999999

}

.height {

	height: 50px;

	display: block

}

.footer_nav {

	background: #212121;

	padding: 12px 0 5px;

	border-top: 2px solid #3d3d3d;

}

.footer_nav ul li {

	float: left;

	width: 20%;

	text-align: center;

	list-style: none;

	padding: 0px 10px;

}

.footer_nav ul li i {

	font-size: 16px;

	color: #ccc;

}

.footer_nav ul li:nth-child(4) {

	float: right;

}

.footer_nav ul li:nth-child(5) {

	float: right;

}

.footer_nav ul li p {

	color: #fff;

	font-size: 12px;

	margin-top: 3px;

	text-transform: capitalize;

	line-height: 12px;

}

#footer{ margin-top:30px; padding-top:30px;}

}

@media only screen and (max-width: 375px) {

.footer_nav ul li p {

	display: none;

}

.height {

	height: 43px;

}

}/*service*/

#online_qq_layer {

	z-index: 9999999;

	position: fixed;

	right: 0px;

	bottom: 0;

}

#floatShow {

	display: block;

}

#floatHide {

	display: none;

}

#onlineService {

	display: inline;

	width: 300px;

	overflow: hidden;

	display: none;

	background: #fff;

	font-size: 12px;

	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);

	border: 1px solid #eee;

	background: #f6f6f6;

}

#onlineService .inquiry {

	padding: 0px;

}

#online_qq_layer .inquiry .btn_1 {

	display: inline-block;

	line-height: 34px;

	height: 34px;

	font-size: 12px;

	color: #fff;

	text-transform: uppercase;

	background: #333;

	border: none;

	width: 100%;

	text-align: center;

}

#onlineService .p {

	margin: 8px 0;

	color: #808080;

	line-height: 22px;

	font-size: 12px;

}

.i_message_inquiry h4 {

	font-size: 16px;

	color: #ff8e09;

	text-transform: uppercase;

}

.i_message_inquiry {

	padding: 10px;

	padding-top: 20px;

	padding-bottom: 20px;

}

.my_btn2 {

	background: #ff8e09 none repeat scroll 0 0;

	border: medium none;

	color: #fff;

	display: inline-block;

	font-size: 16px;

	margin-top: 15px;

	padding: 8px 15px;

	text-transform: uppercase;

	transition: all 0.5s ease 0s;

}

.my_btn2 {

	background: #333;

	color: #fff;

	line-height: 38px;

	font-size: 14px;

	display: inline-block;

	padding: 0px 26px;

	text-transform: uppercase;

	margin-top: 15px;

}

.my_btn2 i {

	margin-left: 10px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.my_btn2:hover i {

	margin-left: 20px;

}

#online_qq_layer .inquiry .btn_1:hover {

	background: #333;

}

.i_message_inquiry .inquiry .input-group-addon {

	background: none;

	border: none;

	border-radius: 0px;

	padding: 0px 10px;

}

.i_message_inquiry .inquiry .input-group-addon i {

	line-height: 30px;

	font-size: 13px;

}

.i_message_inquiry .inquiry .form-control {

	height: 30px;

	border: none;

	background: none;

	border-radius: 0px;

	line-height: 30px;

	color: #999;

	font-size: 12px;

}

.i_message_inquiry .inquiry #message {

	height: 80px;

}

.i_message_inquiry .inquiry .input-group {

	border: 1px solid #ddd;

	background: #fff;

	height: 32px;

	margin-bottom: 20px;

}

.totop {

	width: 46px;

	height: 46px;

	position: fixed;

	right: 30px;

	bottom: 80px;

	z-index: 9999;

	display: none;

	background: rgba(51,51,51,0.6);

	background-repeat: no-repeat;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	border-radius: 5px;

}

.totop:hover {

	background: #333 url(/watermark.php?src=yunhaineit/yh9/images/top.png) no-repeat;

}

@media only screen and (max-width: 768px) {

.totop {

	display: none;

	bottom: 80px;

}

.totop:hover {

	bottom: 80px;

}

}/*内页*/

.n_banner img {

	width: 100%;

}

.n_left {

	float: left;

	width: 20%;

	margin-top: 60px;

}

.left_h4 {

	font-size: 20px;

	color: #333;

	text-transform: uppercase;

	margin-bottom: 18px;

	background-repeat: repeat-x;

	background-position: center; 

}

.left_h4 span {

	background: #fff;

	padding-right: 40px;

}

.n_right {

	float: right;

	width: 80%;

	padding-left: 60px;

}

@media only screen and (max-width:768px) {

.n_left {

	width: 100%;

}

.n_right {

	width: 100%;

	border-left: none !important;

	padding-left: 0px;

}

.left_h4 span {

	background: none;

}

.nav_h4 i {

	display: none;

}

}/*mbx*/

.n_main {

	color: #777;

}

.mbx_section {

	margin-bottom: 50px;

	padding-top: 30px;

}

.n_title h4 {

	color: #444;

	font-size: 36px;

	text-transform: uppercase;

	text-align: center;

}

.sign_page {

	padding: 80px 0;

	background-color: #fafafa;

	background-position: right bottom, left top;

	background-repeat: no-repeat;

}

.w1100 {

	max-width: 1100px;

	background: #fff;

	margin: 0 auto;

	padding: 10px 30px 60px;

	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);

}

.mbx {

	font-size: 12px;

	text-align: center;

	position: relative;

	text-transform: capitalize;

	color: #999;

	margin-top: 10px;

	background-position: left bottom;

	background-repeat: repeat-x;

	padding-bottom: 15px;

}

.mbx a {

	color: #999;

	font-size: 12px;

}

.mbx a i {

	color: #999;

	margin-right: 6px;

	margin-left: 0px;

}

.mbx h2 {

	display: inline-block;

	font-size: 12px;

	color: #999;

	position: relative;

}

.mbx span {

	margin: 0px 6px;

	color: #ccc;

}

.mbx a:hover {

	color: #999;

}

@media only screen and (max-width:768px) {

.n_title {

	width: 100%;

	font-size: 24px;

}

.mbx_section {

	padding-bottom: 5px;

}

.mbx {

	width: 100%;

	text-align: center;

	margin-top: 10px;

}

.mbx h2:after {

	content: none;

}

.sign_page {

	padding: 0px;

}

.blog_left {

	background: none;

	padding: 0;

}

}/*left*/

.nav_h4 {

	background: #777;

	margin-bottom: 0px;

	line-height: 24px;

	padding: 8px 15px;

	border-bottom: 1px solid #fff;

	color: #fff;

	font-size: 16px;

}

.nav_h4 span {

	background: none;

	padding-right: 0;

}

ul.mtree {

	opacity: 0;

	margin-left: 0;

}

ul.mtree>li {

	list-style: none;

	position: relative;

	border-bottom: 1px solid #fff;

}

ul.mtree>li:after {

	position: absolute;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	left: 0px;

	top: 0px;

	width: 0;

	height: 100%;

	background: #282828;

	content: '';

	z-index: -1;

}

ul.mtree>li:hover:after {

	width: 100%;

}

ul.mtree>li>a {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	background: #f6f6f6;

}

ul.mtree>li:hover>a {

	color: #fff;

	padding-left: 15px;

}

ul.mtree a {

	display: block;

	font-size: 14px;

	color: #666;

	-moz-transition: all 0s;

	-o-transition: all 0s;

	-webkit-transition: all 0s;

	transition: all 0s;

	padding: 8px 15px;

	line-height: 22px;

	padding-right: 36px;

}

ul.mtree li ul a {

	padding: 6px 10px;

	padding-right: 30px;

}

ul.mtree ul li:last-child a {

	border: none;

}

ul.mtree.transit li.mtree-open>span:before {

	content: "";

	color: #333;

	font-style: normal;

	position: absolute;

	top: 13px;

	right: 10px;

	width: 20px;

	height: 20px;

	background: url(../fonts/down.svg);

	background-size: cover;

	background-repeat: no-repeat;

}

ul.mtree.transit li.mtree-closed {

	position: relative;

}

ul.mtree.transit li.mtree-closed>span:before {

	content: ""; 

	color: #333;

	font-style: normal;

	position: absolute;

	top:13px;

	right: 10px;	

	width: 20px;

	height: 20px;

	background: url(../images/down.svg);

	background-size: cover;

	background-repeat: no-repeat;

}

ul.mtree .mtree-level-1 li.mtree-open>span:before {

	content: "\f106";

	padding-left: 5px;

	float: right;

	font-size: 16px;

	color: #333;

	font-style: normal;

	background: none;

	padding: 6px 15px;

	position: absolute;

	right: 0px;

	top: 0;

	border-left: none;

}

ul.mtree .mtree-level-1 li.mtree-closed>span:before {

	content: "\f107";

	padding-left: 5px;

	float: right;

	font-size: 16px;

	color: #333;

	font-style: normal;

	background: none;

	padding: 6px 15px;

	position: absolute;

	right: 0px;

	top: 0;

	border-left: none;

}

ul.mtree li ul a li a {

	padding-left: 20px;

}

ul.mtree>li:hover>a {

	color: #fff;

	background: #aaa;

}

ul.mtree>li.mtree-node a ul a {

	font-size: 13px;

}

ul.mtree>li.mtree-open {

	color: #fff;

	padding-bottom: 0;

}

ul.mtree>li.mtree-open>a {

	color: #fff;

	background: #333;

}

ul.mtree>li.mtree-open>span:before {

	color: #fff !important;

}

ul.mtree>li:hover>span:before {

	color: #fff !important;

}

ul.mtree>li.mtree-node:hover>a {

	color: #fff;

	text-decoration: none;

	background: #aaa;

}

ul.mtree .mtree-level-1 li.mtree-closed>span {

	color: #333;

	text-decoration: none;

}

ul.mtree ul {

	background: #fafafa;

}

ul.mtree ul li {

	list-style: none;

	position: relative;

}

ul.mtree ul li a {

	display: block;

	color: #777;

	font-size: 14px;

}

ul.mtree>li>ul>li>a {

	font-size: 12px !important;

}

ul.mtree>li>ul>li>a i {

	color: #ccc;

	font-size: 12px;

	margin-right: 10px;

	margin-left: 6px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

ul.mtree>li>ul>li>a:before {

	content: "";

}

ul.mtree ul li:hover a {

	color: #333;

}

ul.mtree ul li:hover a i {

	color: #333;

	margin-left: 10px;

}

ul.mtree li ul li.mtree-open a {

	color: #333;

	text-decoration: none;

}

ul.mtree .mtree-level-2 {

	margin-top: 0px;

	border: none;

	padding: 0px;

	margin-bottom: 0;

	background: #eee;

}

ul.mtree li ul.mtree-level-2 li a {

	color: #808080;

	font-weight: normal;

	font-size: 12px;

	padding-left: 20px;

}

ul.mtree .mtree-level-2 li a:hover {

	text-decoration: underline;

	color: #333;

	font-weight: normal;

}

ul.mtree.jet ul {

	margin-left: 0;

}

ul.mtree.jet li {

	margin-bottom: 1px;

}

ul.mtree.jet li:last-child {

	margin-bottom: 0px;

}

ul.mtree.jet li:first-child {

	margin-top: 1px;

}

ul.mtree.jet li.mtree-active a {

	background: #e5e5e5;

}

ul.mtree.jet li.mtree-active li:last-child > a {

	border-radius: 0px 0px 3px 3px;

}

ul.mtree.jet li.mtree-active > a {

	background: #aaa;

	color: #FFF;

	border-radius: 3px 3px 0px 0px;

}

ul.mtree.jet li > a:hover {

	background: #FFC000;

	color: #FFF;

}

ul.mtree.jet a {

	padding: 5px 0px 5px 1em;

}

ul.mtree.jet li li > a {

	padding-left: 2em;

}

ul.mtree.jet li li li > a {

	padding-left: 3em;

}

ul.mtree.jet li li li li > a {

	padding-left: 4em;

}

ul.mtree.jet li li li li li > a {

	padding-left: 5em;

}

ul.mtree a:hover {

	text-decoration: none;

}

.mtree-skin-selector {

	display: none !important

}/*hot_pro*/

.hot_left {

	margin-top: 30px;

}

.hot_left ul {

	margin-top: 20px;

}

.hot_left ul li {

	list-style: none;

	margin-bottom: 20px;

}

.hot_left ul li:last-child {

	margin-bottom: 0px;

}

.hot_left ul li h4 a {

	font-size: 13px;

	color: #444;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.hot_left ul li:hover h4 a {

	color: #333;

}

.hot_left ul li p {

	font-size: 12px;

	color: #999;

	line-height: 20px;

	max-height: 40px;

	overflow: hidden;

	margin: 8px 0;

}

.hot_left .img {

	float: left;

	width: 28%;

	margin-right: 12px;

	transition-duration: 0.6s;

	transition-timing-function: ease-out;

	overflow: hidden;

	border: 1px solid #eee;

	padding: 5px;

}

.hot_left ul li:hover .img img {

	transform: scale(1.1);

}/*LATEST NEWS*/

.news_left .slick-dots li button {

	background: #ddd;

}

.news_left .slick-dots {

	text-align: left;

	padding-left: 10px;

}

.news_left .slick-dots {

	position: absolute;

	bottom: 28px;

	list-style: none;

	display: block;

	text-align: center;

	padding: 0px;

	width: 100%;

	z-index: 999;

}

.left_cli .slick-dots li button {

	background: #ddd;

}

.left_cli .slick-dots {

	text-align: left;

	padding-left: 10px;

}

.news_left .slick-dots li button:focus {

	outline: none;

}

.news_left .slick-dots li.slick-active button {

	background: #666 !important;

	width: 25px;

}

.news_left {

	margin-top: 30px;

	margin-bottom: 60px;

}

.news_left .li {

	margin: 0px 35px;

	border: 1px solid #eee;

	padding: 30px 20px;

	text-align: center;

	margin: 5px;

	padding-bottom: 50px;

}

.news_left .li .day {

	margin-top: 10px;

	font-size: 12px;

}

.news_left .li h4 a {

	font-size: 13px;

	color: #333;

	display: block;

	line-height: 24px;

	max-height: 48px;

	overflow: hidden;

	margin-bottom: 10px;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news_left .li .icon {

	margin: 15px 0 10px;

}

.news_left .li p {

	font-size: 12px;

	color: #999;

	line-height: 24px;

	max-height: 48px;

	overflow: hidden;

}

.news_left .slider {

	margin: 0;

}

.news_left .slick-dots li {

	position: relative;

	display: inline-block;

	margin-right: 6px;

	padding: 0px;

	cursor: pointer;

}

.news_left .slick-dots li button {

	border: 0;

	background: transparent;

	display: block;

	height: 6px;

	width: 6px;

	outline: none;

	line-height: 0;

	font-size: 0;

	cursor: pointer;

	outline: none;

	background: #ccc;

	border-radius: 10px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}/*page_left*/

.page_left .nav ul {

	background: #fbfbfb;

	padding: 15px;

}

.page_left .nav ul li {

	list-style: none;

	border-bottom: 1px dashed #eee;

	padding: 5px 0;

}

.page_left .nav ul .active a {

	color: #fff;

}

.page_left .nav ul .active i {

	color: #fff;

}

.page_left .nav ul li a {

	color: #555;

	display: inline-block;

	padding: 5px 0;

	font-size: 14px;

}

.page_left .nav ul li a i {

	font-size: 12px;

	color: #bbb;

	margin-right: 10px;

}

.page_left .nav ul li:hover a, .page_left .nav ul li:hover i {

	color: #fff;

}

.adv_left {

	margin-top: 30px;

}

.adv_left .toggle_content {

	border: 1px solid #eee;

	padding: 15px;

}

.adv_left h4 a {

	font-size: 14px;

	color: #808080;

	text-align: center;

	display: block;

	margin-top: 15px;

}/*contact*/

.title_section {

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

	margin-bottom: 30px;

	position: relative;

}

.title_section span {

	margin-bottom: -2px;

	font-size: 24px;

	color: #333;

	text-transform: uppercase;

	padding-bottom: 4px;

}

.contact .contact_info {

	margin-bottom: 40px;

}

.contact .contact_section .contact_box {

	text-align: left;

	margin-left: 0px;

}

.contact_inq .p {

	font-size: 14px;

	color: #808080;

	line-height: 24px;

	max-height: 48px;

	overflow: hidden;

	margin-bottom: 15px;

}

.contact_inq .input_1 {

	font-size: 14px;

	line-height: 42px;

	height: 42px;

	padding-left: 20px;

	width: 100%;

	background: none;

	color: #666;

	margin-bottom: 30px;

	border: 1px solid rgba(0,0,0,0.1);

}

.contact_inq .input_1:focus {

	border: 1px solid #333;

}

.contact_inq .input_2 {

	line-height: 40px;

	font-size: 14px;

	height: 120px;

	padding-left: 20px;

	width: 100%;

	background: none;

	color: #666;

	border: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 15px;

}

.contact_inq .input_2:focus {

	border: 1px solid #333;

}

.contact_inq .btn_1 {

	display: inline-block;

	line-height: 38px;

	color: #fff;

	padding: 0px 35px;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

	background: #333;

	border: none;

	margin-top: 30px;

}

.contact .map {

	margin-top: 50px;

}

.contact_info {

	font-size: 14px;

}/*news*/

.news .img {

	float: left;

	width: 30%;

	margin-right: 20px;

}

.news .img img {

	width: 100%;

}

@media only screen and (max-width: 980px) {

.news .img {

	width: 30%;

}

}

.news ul li {

	list-style: none;

	margin-bottom: 20px;

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

}

.news ul li:last-child {

	margin-bottom: 0px;

	border-bottom: none;

}

.blog-info {

	margin-top: 10px;

}

.news ul li h4 a {

	font-size: 20px;

	color: #333;

	display: block;

	line-height: 24px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news ul li h4 a:hover {

	color: #333;

}

.news ul li p {

	font-size: 14px;

	color: #666;

	max-height: 44px;

	overflow: hidden;

	line-height: 22px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.my_btn1 {

	background: #141416;

	color: #fff;

	line-height: 30px;

	font-size: 12px;

	border: none;

	display: inline-block;

	padding: 0px 25px;

	text-transform: uppercase;

	margin-top: 14px;

	position: relative;

}

.my_btn1:hover {

	background: #141416;

}

.my_btn1:after {

	content: '';

	position: absolute;

	left: 0px;

	top: 0px;

	width: 0;

	height: 100%;

	background: rgba(255,255,255,0.1);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.my_btn1:hover:after {

	width: 100%;

}

@media only screen and (max-width: 768px) {

.news ul li p {

	max-height: 66px;

}

}

@media only screen and (max-width: 480px) {

.news .img {

	width: 100%;

	float: none;

	display: block;

}

}/*翻页*/

.page_p {

	margin: 30px auto 30px;

	text-align: center;

	width: 100%;

	font-size: 13px;

	padding-top: 20px;

}

.page_p .page_main {

	display: inline-block;

}

.page_p a {

	float: left;

	font-size: 13px;

	line-height: 30px;

	padding: 6px 20px;

	color: #555;

	margin-top: 5px;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-o-transition: 0.2s;

	border: 1px solid #eee;

	border-left: none;



}

.page_p a i {

	line-height: 30px;

}

.page_p a:first-child {

	border-left: 1px solid #eee;

	display: inline-block;

	width: 44px;

	height: 44px;

}

.page_p a:hover {

	background: #eee;

	color: #666 !important;

}

.total {

	font-size: 12px;

	line-height: 24px;

	color: #808080;

	margin-top: 10px;

}

.total .span {

	color: #333;

	margin-top: 5px;

}

.page_p .page_main>span {

	padding: 6px 20px;

	position: relative;

	line-height: 30px;

	color: #212121;

	border: 1px solid #eee;

	border-left: none;

	float: left;

	margin-top: 5px;

}

.page_p .page_main>span:after {

	position: absolute;

	left: 0px;

	bottom: 0px;

	height: 3px;

	width: 100%;

	background: #212121;

	content: '';

}

#pre_next {

	margin-top: 20px;

	list-style: none;

	font-size: 12px;

}

#pre_next li {

	padding: 6px 15px;

	border-bottom: none;

	margin-bottom: 0px;

	border-left: none;

	background: #fafafa;

	margin-bottom: 15px;

}

#pre_next span {

	color: #333;

	text-align: center;

	padding: 5px 0px;

	text-transform: uppercase;

	font-size: 14px;

}

#pre_next span i {

	margin-right: 10px;

}

#pre_next a {

	color: #808080;

	font-size: 14px;

}

#pre_next a:hover {

	color: #333;

}

#pro_page {

	list-style: none;

	margin-top: 10px;

}

#pro_page span {

	font-size: 14px;

	text-transform: capitalize;

	color: #444;

}

#pro_page li {

	padding: 2px 0px;

}

#pro_page li a:hover {

	color: #333;

}

@media (max-width:768px) {

.pre {

	float: none;

	width: 100%;

}

.next {

	float: none;

	width: 100%;

}

}/*产品列表*/

.products_m {

	color: #808080;

	font-size: 13px;

	margin-bottom: 10px;

}/*products*/

.cbp-vm-switcher {

	width: 100%;

}

.cbp-vm-view-grid .p_hot_2 {

	display: none;

}

.cbp-vm-view-grid .pro_more {

	margin-top: 10px;

}

.cbp-vm-options {

	text-align: left;

	margin-bottom: 20px;

}

.cbp-vm-options p {

	display: inline-block;

	vertical-align: middle;

	display: none;

}

.cbp-vm-options a {

	display: inline-block;

	vertical-align: middle;

	height: 28px;

	overflow: hidden;

	white-space: nowrap;

	color: #aaa;

	text-align: center;

	line-height: 28px;

	margin-right: 6px;

	text-align: center;

}

.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {

	color: #333;

}

.cbp-vm-options a:before {

	font-size: 18px;

	text-align: center;

	display: inline-block;

	line-height: 34px;

	position: relative;

}

.p_hot_2 {

	margin-bottom: 10px;

	margin-top: 5px;

}

.p_hot_2 span {

	font-size: 14px;

	margin-right: 5px;

	text-transform: uppercase;

}

.p_hot_2 a {

	font-size: 12px;

	background: #f3f3f3;

	display: inline-block;

	padding: 0px 12px;

	color: #777;

	margin-right: 3px;

	margin-bottom:5px;

}

.p_hot_2 i {

	font-size: 14px;

	margin-right: 6px;

	color: #777;

}

.p_hot_2 a:hover {

	color: #333;

	background: #e5e5e5;

}/* General list */

.cbp-vm-switcher ul {

	list-style: none;

	padding: 0;

}/* Clear eventual floats */

.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after {

	content: " ";

	display: table;

}

.cbp-vm-switcher ul:after {

	clear: both;

}

.cbp-vm-switcher ul li {

	display: block;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.cbp-vm-image {

	display: block;

	margin: 0 auto;

	position: relative;

}

.cbp-vm-image span {

	display: inline-block;

	width: 100%;

	height: auto;

	border: 1px solid #eee;

	overflow: hidden;

}

.cbp-vm-image img {

	width: 100%;

	cursor: pointer;

	position: relative;

	max-width: 100%;

	max-height: 100%;

}

.cbp-vm-switcher ul li h4 a {

	font-size: 16px;

	display: block;

	color: #333;

	word-wrap: break-word;

	text-align: left;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.cbp-vm-switcher ul li .cbp-vm-details {

	color: #808080;

	overflow: hidden;

	height: 2px;

	font-size: 12px;

	line-height: 24px;

	margin-bottom: 10px;

}

.cbp-vm-view-grid .prol_more {

	display: none;

}/* Common icon styles */

.cbp-vm-icon:before {

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

}

.cbp-vm-grid:before {

	content: '';

	position: absolute;

	top: 10px;

	left: 0;

	width: 20px;

	height: 20px;

	background: url(../fonts/col.svg);

	background-repeat: no-repeat;

	background-size: cover;

}

.cbp-vm-list:before {

	content: '';

	position: absolute;

	top: 13px;

	left: 0;

	width: 20px;

	height: 20px;

	background: url(../fonts/row.svg);

	background-repeat: no-repeat;

	background-size: cover;

}

.cbp-vm-add:before {

	content: "\f055";

}/* Large grid view */

.cbp-vm-view-grid ul li {

	width: 25%;

	text-align: left;

	vertical-align: top;

	float: left;

}

.cbp-vm-view-grid ul li:nth-child(3n) {

	margin-right: 0px;

}/* List view */

.cbp-vm-view-list li {

	white-space: nowrap;

	text-align: left;

	white-space: normal;

	margin-top: 20px;

}

.cbp-vm-view-list li:before, .cbp-vm-view-list li:after {

	content: " ";

	display: table;

}

.cbp-vm-view-list li:after {

	clear: both;

}

.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add {

	display: inline-block;

	vertical-align: middle;

}

.cbp-vm-view-list .cbp-vm-image {

	width: 22%;

	display: inline-block;

	vertical-align: middle;

	float: left;

	margin-right: 3%;

	border: 1px solid #eee;

}

.cbp-vm-view-list ul li h4 a {

	display: inline-block;

	width: 75%;

	text-align: left;

	font-size: 16px;

	color: #333;

	float: left;

}

.cbp-vm-view-list ul li .cbp-vm-details {

	width: 75%;

	overflow: hidden;

	white-space: normal;

	max-height: 48px;

	line-height: 24px;

	font-size: 12px;

	color: #666;

	margin: 10px 0px;

}



.products li span {

	overflow: hidden;

}

.cbp-vm-view-list ul li h4 a {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}

.cbp-vm-view-list ul li .checker {

	text-align: left;

	display: inline-block;

	margin-right: 20px;

}

.cbp-vm-view-list ul li {

	overflow: hidden;

}

.cbp-vm-view-list ul li:first-child {

	border: none;

	padding-top: 0px;

	margin-top: 0px;

}/*9gonghe*/

.cbp-vm-view-grid ul {

	list-style: none;

	padding: 0;

}

.cbp-vm-view-grid ul li .my_btn1 {

	display: none;

}

.cbp-vm-view-grid ul li .cbp-vm-details {

	margin-top: 10px;

	text-align: center;

	padding: 0px 15px;

}

.cbp-vm-view-grid ul li h4 a {

	margin: 10px 0 5px;

	text-align: center;

	padding: 0px 15px;

}

.cbp-vm-view-grid ul li h4 a {

	display: block;

}

.cbp-vm-view-grid ul li .li {

	padding: 15px;

}

.cbp-vm-view-grid ul li .li .cbp-vm-image {

	overflow: hidden;

}

.cbp-vm-view-grid ul .li {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.cbp-vm-view-grid ul li {

	border: 1px solid #eee;

}

@media screen and (min-width: 940px) {

.cbp-vm-view-grid ul li:nth-child(4n+2) {

	border-left: none;

}

.cbp-vm-view-grid ul li:nth-child(4n+3) {

	border-left: none;

}

.cbp-vm-view-grid ul li:nth-child(4n+4) {

	border-left: none;

}

.cbp-vm-view-grid ul li:nth-child(n+5) {

	border-top: none;

}

}

@media screen and (max-width: 940px) {

.cbp-vm-view-grid ul li:nth-child(n+2) {

	border-left: none;

}

.cbp-vm-view-grid ul li:nth-child(n+3) {

	border-top: none;

}

}

.cbp-vm-view-grid ul li .li:hover .buttons .fa {

	-webkit-transform: scaleX(1);

	-moz-transform: scaleX(1);

	-ms-transform: scaleX(1);

	-o-transform: scaleX(1);

	transform: scaleX(1);

}

.cbp-vm-view-grid ul li .li:hover .ovrly {

	opacity: 1;

}

/*效果*/

.cbp-vm-view-grid ul li .li .cbp-vm-image {

	transition-duration: 0.6s;

	width: 100%;

	transition-timing-function: ease-out;

}

.cbp-vm-view-grid ul li .li:hover .cbp-vm-image img {

	transform: scale(1.1);

}

.cbp-vm-image .img>a {

	overflow: hidden;

	display: block;

}

.cbp-vm-image:hover .img>a {

	background: #000;

}

.cbp-vm-image .img>a:after {

	width: calc(100% + 20px);

	height: calc(100% + 20px);

	position: absolute;

	left: -10px;

	top: -10px;

	content: '';

	border: 1px solid rgba(255,255,255,0.3);

	transition: all ease-out .3s

}

.cbp-vm-image .img:hover a:after {

	width: calc(100% - 22px);

	height: calc(100% - 22px);

	left: 10px;

	top: 10px;

}

.cbp-vm-image .img:hover img {

	opacity: 0.5;

}

.cbp-vm-image .img .icon {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -25px;

	margin-top: -25px;

	color: #ffffff;

	opacity: 0;

	transition: all ease-out .3s;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 30px;

}

.cbp-vm-image .img .icon a {

	color: #fff;

	font-size: 30px;

	line-height: 50px;

}

.cbp-vm-image .img:hover .icon {

	opacity: 1;

}/*products_main*/

.pro_detail {

	margin-top: 30px;

}

.sp-loading {

	text-align: center;

	max-width: 270px;

	padding: 15px;

	border: 5px solid #eee;

	border-radius: 3px;

	font-size: 12px;

	color: #888;

}/* Element wrapper */

.sp-wrap {

	display: none;

	line-height: 0;

	font-size: 0;

	position: relative;

	width: 100%;

	border: 1px solid #eee;

}/* Thumbnails */

.sp-thumbs {

	display: inline-block;

	width: 100%;

	margin-top: 5px;

	text-align: left;

	border-top: 1px solid #eee;

}

.sp-thumbs a {

	width: 80px;

	height: 80px;

	border-right: 1px solid #eee;

	padding: 4px;

}

.sp-thumbs a:first-child {

	border-left: 1px solid #eee;

}

.sp-thumbs a:link, .sp-thumbs a:visited {

	overflow: hidden;

	opacity: .5;

	display: inline-block;

	background-size: cover;

	background-position: center;

	-webkit-transition: all .2s ease-out;

	-moz-transition: all .2s ease-out;

	-ms-transition: all .2s ease-out;

	-o-transition: all .2s ease-out;

	transition: all .2s ease-out;

}

.sp-thumbs a:hover {

	opacity: 1;

}

.sp-thumbs a:active, .sp-current {

	opacity: 1!important;

	position: relative;

}

.sp-large {

	position: relative;

	overflow: hidden;

	top: 0;

	left: 0;

}

.sp-large a img {

	max-width: 100%;

	height: auto;

}

.sp-large a {

	display: block;

}

.sp-zoom {

	position: absolute;

	left: -50%;

	top: -50%;

	cursor: -webkit-zoom-in;

	cursor: -moz-zoom-in;

	cursor: zoom-in;

	display: none;

}/* Lightbox */

.sp-lightbox {

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: rgb(0, 0, 0);

	background: rgba(0, 0, 0, .9);

	z-index: 999999;

	display: none;

	cursor: pointer;

}

.sp-lightbox img {

	position: absolute;

	margin: auto;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	max-width: 90%;

	max-height: 90%;

	border: 2px solid #fff;

}

#sp-prev, #sp-next {

	position: absolute;

	top: 50%;

	margin-top: -25px;

	z-index: 501;

	color: #fff;

	padding: 14px;

	text-decoration: none;

	background: #000;

	border-radius: 25px;

	border: 2px solid #fff;

	width: 50px;

	height: 50px;

	box-sizing: border-box;

	transition: .2s;

}

#sp-prev {

	left: 80px;

}

#sp-prev:before {

	content: '';

	border: 7px solid transparent;

	border-right: 15px solid #fff;

	position: absolute;

	top: 16px;

	left: 7px;

}

#sp-next {

	right: 80px;

}

#sp-next:before {

	content: '';

	border: 7px solid transparent;

	border-left: 15px solid white;

	position: absolute;

	top: 16px;

	left: 18px;

}

#sp-prev:hover, #sp-next:hover {

	background: #444;

}/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {

.sp-wrap {

	margin: 0 0 15px 0;

}

#sp-prev, #sp-next {

	top: 50px;

	margin-top: 0;

}

}

.sp-current-big img {

	width: 100%;

}

.sp-large img {

	max-width: none;

}/*pro_table*/

.pro_table .pro_main_title {

	font-size: 20px;

	overflow: hidden;

	display: block;

	text-transform: capitalize;

	margin-bottom: 15px;

	color: #333;

	line-height: 26px;

}

.pro_table .pro_main_text {

	color: #808080;

	font-size: 12px;

	line-height: 24px;

}

.pro_table ul {

	margin-top: 15px;

	border-top: 1px solid #eee;

}

.pro_table ul li {

	margin: 10px 0;

	font-size: 14px;

	color: #808080;

	list-style: none;

}

.pro_table ul li p {

	display: inline-block;

	margin-right: 10px;

	font-size: 14px;

	vertical-align: middle;

	margin-bottom: 0;

	color: #333;

	text-transform: Capitalize;

}

.main-more {

	text-align: left !important;

}

.main-more a {

	color: #fff;

}/*products-tab*/

#parentHorizontalTab02 {

	margin: 0;

	text-align: left;

	padding: 0px;

	text-align: left;

}

#parentHorizontalTab02 ul.resp-tabs-list {

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid #eee;

}

#parentHorizontalTab02 .resp-tabs-list li {

	display: inline-block;

	list-style: none;

	cursor: pointer;

	text-transform: uppercase;

	color: #666;

	text-align: center;

	background: #f8f8f8;

	font-size: 24px;

	padding: 10px 0;

}

#parentHorizontalTab02 .resp-tabs-container div table {

	max-width: 100%;

}

#parentHorizontalTab02 .resp-tabs-container {

	padding: 15px 0px;

	clear: left;

	background: none;

}

#parentHorizontalTab02 em.resp-accordion {

	cursor: pointer;

	padding: 5px;

	display: none;

	padding: 10px 15px !important;

}

#parentHorizontalTab02 .resp-tab-content {

	display: none;

}

#parentHorizontalTab02 .resp-tabs-list li:hover {

	background: #ddd;

}

#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active {

	color: #333;

	z-index: 99;

	background-color: #fff !important;

}

#parentHorizontalTab02 .resp-content-active, #parentHorizontalTab02 .resp-accordion-active {

	display: block;

}

#parentHorizontalTab02 em.resp-accordion {

	font-size: 18px;

	margin: 0px;

	background: #f8f8f8;

	margin-bottom: 1px;

	color: #333;

}

#parentHorizontalTab02 em.resp-tab-active {

	margin-bottom: 0px !important;

}

#parentHorizontalTab02 em.resp-tab-title:last-child {

	border-bottom: 12px solid #c1c1c1 !important;

	background: blue;

}

#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {

	float: left;

	width: 30%;

}

#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li {

	display: block;

	padding: 15px 15px !important;

	margin: 0 0 4px;

	cursor: pointer;

	float: none;

}

#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {

	padding: 0px;

	background-color: #fff;

	border: 1px solid #c1c1c1;

	float: left;

	width: 68%;

	min-height: 250px;

	border-radius: 4px;

	clear: none;

}

#parentHorizontalTab02 .resp-vtabs .resp-tab-content {

	border: none;

	word-wrap: break-word;

}

#parentHorizontalTab02 .resp-vtabs li.resp-tab-active {

	position: relative;

	z-index: 1;

	margin-right: -1px !important;

	padding: 14px 15px 15px 14px !important;

	border-top: 1px solid;

	border: 1px solid #5AB1D0 !important;

	border-left: 4px solid #5AB1D0 !important;

	margin-bottom: 4px !important;

	border-right: 1px #FFF solid !important;

}

#parentHorizontalTab02 .resp-arrow {

	width: 0;

	height: 0;

	float: right;

	margin-top: 10px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 7px solid #c1c1c1;

}

#parentHorizontalTab02 em.resp-tab-active span.resp-arrow {

	border: none;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 7px solid #fff;

}

#parentHorizontalTab02 em.resp-tab-active {

	background: #fff !important;

	color: #fff;

}

#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {

	display: block;

}

#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {

	border: 1px solid #1268bf;

}

#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {

	border-bottom: 1px solid #1268bf;/* !important;*/

}

#parentHorizontalTab02 .resp-jfit {

	width: 100%;

	margin: 0px;

}

#parentHorizontalTab02 .resp-tab-content-active {

	display: block;

}

@media only screen and (max-width: 768px) {

#main-btn {

	padding: 2% 6%;

}

#parentHorizontalTab02 {

	padding: 0;

}

#parentHorizontalTab02 ul.resp-tabs-list {

	display: none;

}

#parentHorizontalTab02 em.resp-accordion {

	display: block;

}

#parentHorizontalTab02 .resp-vtabs .resp-tab-content {

	border: 1px solid #C1C1C1;

	border: 1px solid #e5e5e5;

	border-top: none;

	padding: 15px 15px 30px 15px;

}

#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {

	border: none;

	float: none;

	width: 100%;

	min-height: 100px;

	clear: none;

}

#parentHorizontalTab02 .resp-accordion-closed {

	display: none !important;

}

#parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child {

	border-bottom: 1px solid #c1c1c1 !important;

}

}/*inquiry*/

.induiry_line {

	border: 1px solid #eee;

	padding: 20px;

	margin: 20px 0;

	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);

}

.inquiry {

	background: #f6f6f6;

	padding: 30px;

}

.inquiry .title_section {

	margin-bottom: 10px;

}

.inquiry .p {

	font-size: 14px;

	color: #808080;

	line-height: 24px;

	max-height: 48px;

	overflow: hidden;

	margin: 10px 0;

}

.inquiry .contact_box {

	text-align: left;

	margin-left: 0px;

}

.inquiry .contact_box .input_1 {

	font-size: 14px;

	line-height: 38px;

	height: 40px;

	padding-left: 20px;

	width: 100%;

	background: #fff;

	color: #999;

	margin-bottom: 20px;

	border: 1px solid rgba(0,0,0,0.1);

}

.inquiry .contact_box .input_1:focus {

	border: 1px solid #777;

}

.inquiry .contact_box .input_2 {

	line-height: 40px;

	font-size: 14px;

	height: 120px;

	padding-left: 20px;

	width: 100%;

	background: #fff;

	color: #999;

	border: 1px solid rgba(0,0,0,0.1);

	margin-bottom: 10px;

}

.inquiry .contact_box .input_2:focus {

	border: 1px solid #777;

}

.inquiry .contact_box .btn_1 {

	display: inline-block;

	margin: 20px 0 0;

	height: 42px;

	line-height: 42px;

	color: #fff;

	padding: 0px 18px;

	min-width: 170px;

	border: none;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

	background: #141416;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.inquiry .contact_box .btn_1:hover {

	background: #000;

}

.inquiry .contact_box .btn_1:after {

	content: '';

	position: absolute;

	left: 0px;

	top: 0px;

	width: 0;

	height: 100%;

	background: rgba(255,255,255,0.1);

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.inquiry .contact_box .btn_1:hover:after {

	width: 100%;

}

.inquiry .subject_title {

	border: 1px solid rgba(0,0,0,0.1);

	background: #fafafa;

	line-height: 40px;

	height: 40px;

	padding: 0px 10px;

	margin-bottom: 20px;

}

.inquiry .subject_title a {

	color: #333;

}

.inquiry .subject_title span {

	font-size: 14px;

	color: #777;

	margin-right: 10px;

}/*rel_pro*/

.rel_pro {

	margin: 40px 0 20px;

}

.rel_pro .slider {

	margin: 0px -10px;

}

.rel_pro .li {

	margin: 0px 10px;

}

.rel_pro .wow:nth-child(4n+1) {

	animation-delay: 0s;

}

.rel_pro .wow:nth-child(4n+2) {

	animation-delay: 0.1s;

}

.rel_pro .wow:nth-child(4n+3) {

	animation-delay: 0.2s;

}

.rel_pro .wow:nth-child(4n) {

	animation-delay: 0.3s;

}

.rel_pro .li .img {

	position: relative;

}

.rel_pro .li .img a {

	position: relative;

	overflow: hidden;

	display: block;

}

.rel_pro .li .img>a:after {

	width: calc(100% + 20px);

	height: calc(100% + 20px);

	position: absolute;

	left: -10px;

	top: -10px;

	content: '';

	border: 1px solid rgba(255,255,255,0.3);

	transition: all ease-out .3s

}

.rel_pro .li .img:hover a:after {

	width: calc(100% - 22px);

	height: calc(100% - 22px);

	left: 10px;

	top: 10px;

}

.rel_pro .li .img:hover img {

	opacity: 0.5;

}

.rel_pro .li .icon {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -25px;

	margin-top: -25px;

	color: #ffffff;

	opacity: 0;

	transition: all ease-out .3s;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 40px;

}

.rel_pro .li .icon a {

	color: #fff;

	font-size: 30px;

}

.rel_pro .li {

	border: 1px solid #eee;

}

.rel_pro .li .img img {

	width: 100%;

}

.rel_pro .li .img:hover {

	background: #000;

}

.rel_pro .li .img:hover .icon {

	opacity: 1;

	margin-top: -25px

}

.rel_pro .li .text {

	border-top: none;

	padding: 20px;

	text-align: center;

	padding-top: 10px;

}

.rel_pro .li .text h4 a {

	font-size: 14px;

	display: block;

	line-height: 24px;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.rel_pro .li .text p {

	font-size: 12px;

	line-height: 22px;

	max-height: 44px;

	overflow: hidden;

	color: #808080;

	margin-top: 10px;

}

.rel_pro .li:nth-child(2n) {

	animation-delay: 0.1s;

}

.rel_pro .slick-prev {

	position: absolute;

	right: 60px;

	top: -60px;

	vertical-align: middle;

	border-radius: 50%;

}

.rel_pro .slick-prev::before {

	color: #808080;

	display: inline-block;

	font-size: 26px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	width: 30px;

	content: "\f104";

}

.rel_pro .slick-next {

	position: absolute;

	right: 20px;

	top: -60px;

	vertical-align: middle;

	border-radius: 50%;

}

.rel_pro .slick-next::before {

	color: #808080;

	display: inline-block;

	font-size: 26px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	width: 30px;

	content: "\f105";

}/*blog_left*/

.blog_h4 {

	border-bottom: 1px solid #eee;

	font-size: 18px;

	color: #333;

	padding-bottom: 10px;

	border-top: none;

	padding-top: 0px;

	text-transform: uppercase;

}

.blog_nav {

	margin-bottom: 30px;

}

.blog_nav ul li {

	list-style: none;

}

.blog_nav ul li a {

	font-size: 14px;

	color: #777;

	line-height: 22px;

	padding: 8px 0;

	display: inline-block;

}

.blog_nav ul li a i {

	color: #ccc;

	font-size: 12px;

	margin-right: 10px;

}

.blog_nav ul li a:hover {

	color: #333;

	padding-left: 10px;

}

.hot_tags a {

	display: inline-block;

	line-height: 30px;

	padding: 0px 10px;

	margin: 4px;

	background: #f3f3f3;

	color: #666;

	font-size: 12px;

}

.hot_tags .toggle_content {

	margin: 0px -4px;

	margin-top: 15px;

}

.hot_tags a:hover {

	background: #e5e5e5;

	color: #333;

}/*blog*/

.blog-info {

	display: block;

	font-size: 12px;

}

.blog-info i {

	margin-right: 10px;

	color: #777;

}

.blog-info span {

	margin-right: 10px;

	color: #999;

}

.blog_main h3 {

	font-size: 20px;

	font-size: 18px;

	color: #333;

	margin-bottom: 10px;

}

.blog_main .blog_tags {

	margin-top: 20px;

}

.blog_main .blog_tags span {

	font-size: 14px;

	text-transform: uppercase;

}

.blog_main .blog_tags a {

	font-size: 12px;

	display: inline-block;

	color: #666;

	padding: 2px 10px;

	margin: 6px;

}

.blog_main .blog_tags a i {

	margin-right: 6px;

	font-size: 12px;

}

.blog_nav ul li {

	list-style: none;

}

.blog_p {

	margin-top: 10px;

	border-top: 1px solid #eee;

	padding-top: 10px;

}

.blog ul li {

	list-style: none;

}

.blog>ul>li {

	list-style: none;

	margin-bottom: 30px;

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

}

.blog>ul>li:last-child {

	border: none;

}

.blog ul li h4 a {

	display: block;

	font-size: 16px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #333;

	margin-bottom: 10px;

}

.blog ul li h4 a:hover {

	color: #333;

}

.blog ul li p {

	color: #808080;

	max-height: 44px;

	overflow: hidden;

	font-size: 14px;

	line-height: 22px;

}

.blog ul li p a {

	color: #777;

	border-bottom: 1px solid #777;

}

.blog ul li p a:hover {

	color: #333;

	border-bottom: 1px solid #333;

}

.blogin {

	font-size: 12px;

	color: #aaa;

	margin: 4px 0px;

}

.blogin span {

	color: #fff;

	margin: 0px 6px;

}

.blog .blog_tags {

	width: 100%;

	margin-top: 15px;

}

.blog_tags span {

	font-size: 14px;

	text-transform: uppercase;

	margin-right: 6px;

}

.blog_tags a {

	font-size: 12px;

	display: inline-block;

	color: #777;

	padding: 0px 10px;

	margin-right: 4px;

	margin-top: 4px;

	background: #f3f3f3;

}

.blog_tags a:hover {

	color: #333;

	background: #e5e5e5;

}

.blog_tags i {

	margin-right: 6px;

	font-size: 12px;

	font-size: 14px;

	color: #777;

}

.blog_tags .wow:nth-child(5n+1) {

	animation-delay: 0s;

}

.blog_tags .wow:nth-child(5n+2) {

	animation-delay: 0.1s;

}

.blog_tags .wow:nth-child(5n+3) {

	animation-delay: 0.2s;

}

.blog_tags .wow:nth-child(5n+4) {

	animation-delay: 0.3s;

}

.blog_tags .wow:nth-child(5n+5) {

	animation-delay: 0.4s;

}/*sitemap*/

.sitemap {

	width: 100%;

}

.stp-listA>li {

	text-transform: capitalize;

	margin-bottom: 15px;

	list-style: none;

	padding: 10px 20px;

	background: #f6f6f6;

}

.stp-top {

	width: 100%;

}

.stp-top a {

	font-size: 14px;

	text-transform: capitalize;

	display: block;

	text-transform: capitalize;

	color: #333;

}

.stp-top a:hover {

	text-decoration: none;

	color: #333;

}

.stp-top a i {

	padding-left: 8px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.stp-top a:hover i {

	padding-left: 12px;

}

.stp-listB {

	display: block;

	padding: 10px 0;

	border-top: 1px solid #eee;

	list-style: none;

	margin-top: 5px;

}

.stp-listB>li {

	width: 25%;

	padding: 8px 10px;

	float: left;

	overflow: hidden;

}

.stp-listB>li>a {

	font-size: 14px;

	line-height: 22px;

	display: block;

	color: #666;

}

.stp-listB>li>a:hover {

	color: #333;

}

.stp-listB li .stp-listC {

	width: 100%;

	padding-top: 15px;

	list-style: none;

}

.stp-listB li .stp-listC li {

	width: 100%;

	margin-bottom: 10px;

}

.stp-listB li .stp-listC li a {

	color: #808080;

	font-size: 12px;

}

.stp-listB li .stp-listC li a:hover {

	color: #333;

}

.stp-listB li .stp-listC i {

	margin-right: 6px;

}

@media only screen and (max-width: 768px) {

.stp-listB>li {

	width: 50%;

	padding: 8px 0;

}

}

@media only screen and (max-width: 400px) {

.stp-listB li {

	width: 100%;

	margin-right: 0;

	margin-bottom: 2%;

}

}/*download*/

.pro_down {

	padding: 20px;

	font-size: 14px;

	margin: 20px 0;

}

.pro_down .down_name {

	float: left;

}

.pro_down .down_name a {

	color: #666;

	font-size: 12px;

}

.pro_down .down_name a:hover {

	color: #333;

}

.pro_down .down_name i {

	font-size: 18px;

	color: #fff;

	margin-right: 30px;

	width: 36px;

	height: 36px;

	text-align: center;

	line-height: 36px;

	border-radius: 50%;

	background: #333;

}

.pro_down .more i {

	margin-left: 6px;

}

.pro_down .more {

	float: right;

	background: #333;

	color: #fff;

	padding: 2px 10px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	margin-top: 6px;

	font-size: 12px;

}

.pro_down .more:hover {

	background: #333;

	color: #fff;

}

.download .pro_down {

	background: none;

	padding: 0;

	margin: 0;

}

.download ul li {

	list-style: none;

	border-bottom: 1px solid #ddd;

	padding: 10px 0;

	margin: 10px 0;

}/*web*/

@media only screen and (max-width: 768px) {

#logo{ max-width:150px; margin:0px auto 10px;}

.main-cat{ display:none;}

.pro_section{ margin-top:0;}

.about_section{ display:none;}

.nav_r{ margin-top:0px;}

.show_section{ display:none;}

.news_section{ display:none;}

.honor_section{ display:none;}

.contact_section{ display:none;}

.main-cat{ padding-top:30px;}

.news_section{ padding-top:30px;}

.about_section{ padding:40px 0;}

.honor_section{ margin-top:0;}

.footer_follow ul{ padding-right:0;}

.footer_follow ul li a{ margin-left:10px;}

.news_section .i_title{ margin-bottom:30px;}

.show_section .text h4{ font-size:24px;}

.show_section .text{ padding:15px;}

.show_section .text h5{ font-size:20px; line-height:24px;}

.show_section .text h6{ font-size:14px;}

.contact_section{ padding:40px 0;}

.n_title h4{ font-size:20px;}

.hot_left {

	margin-top: 0px;

}

.news_left {

	margin-top: 0px;

}

.left_h4 {

	position: relative;

	margin-bottom: 20px;

	background: none;

	text-align: left !important;

	background: #777 !important;

	padding: 0px 10px;

	line-height: 40px;

	color: #fff !important;

	font-size: 16px !important;

	border-bottom: none;

}

.left_h4:after {

	display: block;

	content: "";

	position: absolute;

	right: 15px;

	cursor: pointer;

	font-size: 20px;

	top: 10px;

	color: #fff;

	width: 20px;

	height: 20px;

	background-image: url(../fonts/down.svg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

/*.left_h4.active:after {

	content: "\f106";

}*/

.n_left .block {

	margin-bottom: 0px;

}

.blog_h4 {

	position: relative;

	margin-bottom: 20px;

	background: none;

	text-align: left !important;

	background: #777 !important;

	padding: 0px 10px;

	line-height: 40px;

	color: #fff !important;

	font-size: 16px !important;

	border-bottom: none;

}

.blog_h4:after {

	display: block;

	content: "\f107";

	position: absolute;

	right: 15px;

	cursor: pointer;

	font-size: 20px;

	top: 0px;

	color: #fff;

}

.blog_h4.active:after {

	content: "\f106";

}

.title_h4 {

	position: relative;

	margin-bottom: 10px !important;

	padding: 15px 0;

	font-size: 14px !important;

	background: rgba(255,255,255,0.1);

	padding-left: 15px;

}

.title_h4:after {

	display: block;

	content: "\f107";

	position: absolute;

	right: 15px;

	cursor: pointer;

	font-size: 20px;

	top: 13px;

	color: #fff;

}

.title_h4.active:after {

	content: "\f106";

}

.case_ul li {

	width: 50%;

	float: left;

}

}

@media only screen and (max-width: 550px) {

.our_pro ul li {

	width: 100%;

}

}

@media only screen and (max-width: 450px) {

.case ul li {

	width: 100%;

}

.case_ul li {

	width: 100%;

}

.rel_pro .li .img img {

	width: 100%;

}

}

.checker {

	text-align: center;

}

.checker label span {

	font-weight: normal;

}

.checker input[type="checkbox"] + label::before {

	content: "\a0";

	display: inline-block;

	width: 16px;

	height: 16px;

	margin-right: 10px;

	border-radius: 0;

	background-color: silver;

	line-height: 12px;

}

.checker input[type="checkbox"]:checked + label::before {

	content: "\2713";

	background-color: #eee;

}

.checker input {

	position: absolute;

	clip: rect(0, 0, 0, 0);

}

.checker input[type="checkbox"]:disabled + label::before {

	background-color: fff;

	box-shadow: none;

	color: #fff;

}

.inquiry_btn {

	display: inline-block;

	float: right;

	line-height: 34px !important;

	padding: 0px 30px;

	font-size: 14px;

	color: #fff !important;

	background: #777;

	height: 34px !important;

}

.inquiry_btn i {

	margin-right: 10px;

}

.inquiry_m {

	text-align: center;

}

.inquiry_m label span {

	font-weight: normal;

	color: #333;

}

input[type="radio"], input[type="checkbox"] {

	margin: 0px;

}

.active>ul {

	height: auto !important;

	display: block !important;

}





@media screen and (max-width: 940px) {

.cbp-vm-view-grid ul li {

	width: 50% !important;

}

.cbp-vm-view-grid ul li .li{ margin-bottom:0 !important;}

}

@media screen and (max-width: 520px) {

.cbp-vm-view-list ul li .cbp-vm-details {

	height: 40px;

}

.cbp-vm-view-list .prol_more {

	font-size: 13px;

	padding: 2px 20px 7px 20px;

}

}

@media screen and (max-width: 360px) {

.cbp-vm-view-list ul li h4 a {

	width: 100%;

}

.cbp-vm-view-list ul li .cbp-vm-details {

	width: 100%;

}

.cbp-vm-view-list .cbp-vm-image {

	width: 100%;

}

.cbp-vm-view-grid ul li {

	width: 100%;

	margin-bottom: 0px;

}

.cbp-vm-view-grid ul li:nth-child(n+3) {

	border-left: 1px solid #eee !important;

}

}



.cbp-vm-view-list ul li .inquiry_m{ text-align:left;}

.footer_logo {

	width: 200px;

} 

.mbx a :first-child {

	position: relative;

}

.fa-home:before {

	content:"";

	position: absolute;

	top: -14px;

	right: 0;

	background: url(../fonts/house.svg);

	background-repeat: no-repeat;

	background-size: cover;

	width: 18px;

	height: 18px;

}

.fa-angle-down:after {

	content:"";

	background: url(../fonts/down.svg);

	position: absolute;

	width: 20px;

	height: 20px;

	top: 60%;

	transform: translateY(-50%);

	background-size: cover;

	background-repeat: no-repeat;

}

.fa-angle-double-left {

	position: relative;

}

.fa-angle-double-left:before {

	content:"";

	background: url(../fonts/left.svg);

	position: absolute;

	top: -10px;

	left: -8px;

	width: 15px;

	height: 15px;

	background-size: cover;

	background-repeat: no-repeat;

}

.fa-angle-right {

	position: relative;

}

.fa-angle-right:before {

	content:"";

	background: url(../fonts/right1.svg);

	position: absolute;

	width: 15px;

	height: 15px;

	left: -8px;

	top: -10px;

	background-size: cover;

	background-repeat: no-repeat;



}

.fa-angle-double-right {

	position: relative;

}

.fa-angle-double-right:before {

	content:"";

	background: url(../fonts/right.svg);

	position: absolute;

	width: 15px;

	height: 15px;

	left: -8px;

	top: -10px;

	background-size: cover;

	background-repeat: no-repeat;

}

.fa-tags {

	position: relative;

}

.fa-tags:before {

	content:"";

	position: absolute;

	top:-8px;

	right: 0;

	background: url(../fonts/right1.svg);

	width: 10px;

	height: 10px;

	background-size: cover;

	background-repeat: no-repeat;

}

.fa-angle-double-down {

	position: relative;

}

.fa-angle-double-down:before {

	content:"";

	position: absolute;

	top:-8px;

	right: 0;

	background: url(../fonts/right1.svg);

	width: 10px;

	height: 10px;

	background-size: cover;

	background-repeat: no-repeat;

}

.footer_logo img:first-child {

	width: 150px;

}

.n_right1 {

	width: 80%;

	padding-left: 15px;

	padding-right: 15px;

	margin: 0 auto;

}

@media screen and (max-width: 767px) {

	.n_right1 {

		width: 100%;

		padding-left: 15px;

		padding-right: 15px;

		margin: 0 auto;

	}

}

.about-ttt {

	margin: 0 auto;

	width: 90%;

}

.about-ttt img {

	width: 100%;

	max-width: 1000px;

	padding-top: 50px;

}

.about-ttt p {

	padding-top: 30px;

}

@media screen and (max-width: 767px) {

	.about-ttt {

		width: 100%;

	}

}

.fa-caret-right {

	position: relative;

}

.fa-caret-right:before {

	content:"";

	position: absolute;

	top: -9px;

	right: -2px;

	width: 10px;

	height: 10px;

	background-image: url(../fonts/right1.svg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.product-ttt {

	margin-bottom: 50px;

}

.product-ttt img {

	width: 100%;

	padding-bottom: 30px;

}

.product-ttt h4{ 

	font-size: 22px;

	font-weight: 400;

	text-align: center;

	padding-bottom: 30px;

}

.product-ttt p {

	font-size: 14px;

	line-height: 30px;

}

.carousel-inner p {

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 48px;

	transform: translate(-50%,-50%);

	z-index: 9999;

	color: #fff;

	line-height: 48px;

}

.blog_p  img ,.MsoNormal img{

	margin-top: 30px;

}

@media screen and (min-width: 551px) and (max-width: 900px) {

	.carousel-inner p {

		font-size: 30px;

		line-height: 30px;

	}

}



@media screen and (max-width: 550px) {

	.carousel-inner p {

		font-size: 20px;

		line-height: 20px;

	}

}



.mask_dc{

	background: #000;width: 100%;min-height: 100%;

}

.mask_dc>img{

	width: 100%;min-height: 100%;-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7),rgba(0,0,0,0.7));

}