@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea {
	background: none repeat scroll 0 0 #fff;
	color: #5f5f5f;
	font: 14px/1 "Arial", "微软雅黑";
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body, html {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
	text-decoration: none;
	height: auto;
	padding: 0;
	margin: 0;
}
address, cite, dfn, em, var {
	font-style: normal;
} /* 将斜体扶正 */
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
} /* 统一等宽字体 */
small {
	font-size: 14px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: '';
}
p {
	margin: 0;
	padding: 0;
}
/* 重置表单元素 */







legend {
	color: #5f5f5f;
} /* for ie6 */
fieldset, img {
	border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */







button, input, select, textarea {
	font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */







/* 重置 hr */







hr {
	border: none;
	height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ :hover {
	text-decoration: none !important;
}
html {
	overflow-y: scroll;
}
:link {
	text-decoration: none;
	color: #5f5f5f;
}
:visited {
	text-decoration: none;
	color: #5f5f5f;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
[data-mfp-src], .btn-img-popup {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
/*======================公用样式=======================*/







.wrap {
	width: 100%;
}
.logo {
	float: left;
}
.navbar-area {
}
.navbar-light .navbar-brand img {
	float: left;
	margin-left: -15px
}
.sticky-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	margin: auto;
	z-index: 999;
	background: url("../images/nav-bg.png") repeat;
	-webkit-animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
	animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
	-webkit-transition: .9s;
	transition: .9s;
	width: 100% !important
}
.sticky-nav .nav-top {
	width: 100%;
	border-radius: 0
}
.sticky-nav .main-nav {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
.main-nav {
	position: relative;
	top: 0;
	left: 0;
	padding: 10px 0;
	width: 100%;
	z-index: 999;
	height: auto;
	background: #fff;
}
.main-nav nav .navbar-nav .nav-item .active, .main-nav nav .navbar-nav .nav-item:hover a {
	color: #222;
}
.main-nav nav .navbar-nav .nav-item a {
	text-transform: capitalize;
	color: #222;
}
.main-nav nav .navbar-nav .nav-item a i {
	font-size: 10px
}
.main-nav nav .navbar-nav .nav-item a :focus, .main-nav nav .navbar-nav .nav-item a:hover {
	color: #222;
	font-weight: bold;
}
.main-nav nav .navbar-nav .nav-item a.active {
	color: #111 !important;
	font-weight: bold;
}
.main-nav nav .navbar-nav .nav-item a.active i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.main-nav nav .navbar-nav .nav-item a:hover i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: .7s;
	transition: .7s
}
.main-nav nav .navbar-nav .nav-item a .active::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
	border: 0;
	border-radius: 0;
	background-color: #fff !important
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
	border-bottom: 1px dotted rgba(148, 46, 89, .4)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.main a {
	font-weight: bold;
	font-size: 15px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
	border-bottom: 0
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	color: #373737;
	position: relative;
	-webkit-transition: .7s;
	transition: .7s;
	font-weight: 400
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #2ca6e0;
	-webkit-transition: all .5s;
	transition: all .5s
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
	width: 100%
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
	color: #2ca6e0;
	letter-spacing: .5px
}
.mobile-nav .mean-container .mean-nav ul li a .active {
	color: #2ca6e0
}
.mean-container a.meanmenu-reveal {
	color: #373e58
}
.mean-container a.meanmenu-reveal span {
	background-color: #fff
}
.other-side .search-area {
	float: left;
	position: relative;
	top: 0;
	margin-right: 10px
}
.other-side .search-area .search-item {
	display: inline-block;
	position: relative;
	color: #fff;
	cursor: pointer;
	top: 9px
}
.other-side .search-area .search-item i {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	position: relative;
	top: -2px;
	color: #2ca6e0;
	font-weight: 600
}
.other-side .search-area .search-item .search-overlay {
	display: none
}
.other-side .search-area .search-item .search-overlay.search-popup {
	position: absolute;
	top: 100%;
	width: 300px;
	right: 0;
	background: #fff;
	z-index: 2;
	padding: 20px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	margin-top: 20px
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form {
	position: relative
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input {
	display: block;
	width: 100%;
	height: 50px;
	line-height: initial;
	border: 1px solid #eee;
	color: #373737;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s;
	padding-top: 4px;
	padding-left: 10px
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input:focus {
	border-color: #ff6464
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	background: 0 0;
	border: 0;
	width: 50px;
	outline: 0;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 0;
	cursor: pointer
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button:focus {
	color: #ff6464
}
.other-side .search-area .search-item .search-btn {
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 16px;
	color: #2ca6e0
}
.other-side .search-area .search-item .search-btn:hover {
	color: #2ca6e0
}
.other-side .search-area .search-item .search-btn:hover i {
	color: #2ca6e0
}
.other-side .search-area .search-item .close-btn {
	cursor: pointer;
	display: none;
	-webkit-transition: .5s;
	transition: .5s;
	color: #2ca6e0
}
.other-side .search-area .search-item .close-btn:hover {
	color: #2ca6e0
}
.other-side .search-area .search-item .close-btn.active {
	display: block;
	margin-left: 5px;
	top: 1px
}
.other-side .lang {
	float: right;
	margin-top: 8px;
	margin-left: 10px;
}
.other-side .lang a {
	color: #222;
}
.other-side .modal-menu {
	float: right;
	margin-left: 20px;
	margin-top: 3px
}
.other-side .modal-menu a {
	color: #64acff;
	font-size: 20px;
	font-weight: 700;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	text-align: center
}
.other-side .modal-menu a:hover {
	color: #ff6464
}
.banner {
	margin-top: -82px;
}
.ban-pc {
	display: block;
}
.ban-pc .swiper-slide img{ width:100%;}
.ban-mobile {
	display: none;
}
.ban-mobile img {
	width: 100%;
	height: auto;
}
.ban-pc .swiper-pagination-bullet-active {
	background: #2ca6e0 !important;
}
.ban-pc .swiper-pagination-bullet {
	width: 50px !important;
	height: 3px !important;
	border-radius: 0;
	background: #fff;
	opacity: 1 !important;
	margin: 0 5px
}
.ban-pc .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 47px !important;
}
/*首页video*/







.page-banner {
	width: 100%;
	height: 11rem;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
}
.page-banner .mb-banner-bg {
	position: absolute;
	width: 100%;
	height: 11rem;
	top: 0;
	left: 0;
}
.page-banner .banner-bg {
	display: none;
}
.page-banner .banner-video-btn {
	position: absolute;
	width: 56px;
	height: 56px;
	background-size: 100% 100%;
	background-image: url("../images/play.png");
	top: 5.1rem;
	left: 50%;
	margin-left: -0.62rem;
}
.page-banner .banner-tit {
	position: absolute;
	width: 100%;
	height: 5.1rem;
	z-index: 2;
}
.page-banner .banner-tit h4 {
	font-size: 50px;
	line-height: 70px;
	top: 25%;
	width: 70%;
	left: 15%;
	letter-spacing: 1px;
	position: absolute;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.page-banner .main-box .banner-tit em {
	display: block;
	font-size: 22px;
	color: #2ca6e0;
	top: 110px;
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
}

@media (min-width: 768px) {
.page-banner {
	height: auto;
	display: none;
}
.page-banner .mb-banner-bg {
	display: none;
}
.page-banner .banner-bg {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
	min-width: 1400px;
}
.page-banner .main-box {
	position: absolute;
	top: 0;
	width: 97%;
	height: 100%;
	margin: 0 auto;
	max-width: 1180px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	overflow: hidden;
	z-index: 2;
}
.page-banner .main-box .banner-video-btn {
	position: absolute;
	width: 82px;
	height: 82px;
	top: 260px;
	margin-left: -41px;
	border-radius: 50%;
	-webkit-transition: box-shadow 0.4s;
	-moz-transition: box-shadow 0.4s;
	-ms-transition: box-shadow 0.4s;
	-o-transition: box-shadow 0.4s;
	transition: box-shadow 0.4s;
}
.page-banner .main-box .banner-video-btn:hover {
	box-shadow: 0 0 10px #fff;
}
.page-banner .main-box .banner-tit {
	width: 100%;
	height: 200px;
	left: 0;
	top: 0;
}
/*  .page-banner .main-box .banner-tit h4 {































    font-size: 50px;































    line-height: 70px;































    top: 25%;































    width: 70%;































    left: 15%;































    letter-spacing: 1px;































  }*/







}

@media (min-width: 769px) and (min-width: 1600px) {
.page-banner .main-box .banner-video-btn {
	top: 370px;
}
}

@media (min-width: 769px) and (min-width: 1600px) {
.page-banner .main-box .banner-tit {
	height: 300px;
}
}

@media (min-width: 769px) and (min-width: 1600px) {
.page-banner .main-box .banner-tit h4 {
	font-size: 44px;
	line-height: 100px;
	color: #111;
}
}
.vd-tk-box {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
}
.vd-tk-box .bg-cls {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.vd-tk-box .tk-main {
	position: absolute;
	z-index: 2;
	width: 7.5rem;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.vd-tk-box .tk-main a.cls-tk {
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	background-size: 60% 60%;
	background-image: url("../images/close2.png");
	background-repeat: no-repeat;
	background-position: center;
	top: -0.5rem;
	right: 0;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.vd-tk-box .tk-main video {
	display: block;
	width: 7.5rem;
	height: auto;
}

@media (min-width: 769px) {
.vd-tk-box .tk-main {
	width: 80%;
	max-width: 1100px;
	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%);
}
.vd-tk-box .tk-main a.cls-tk {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -15px;
	right: -15px;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #000;
	z-index: 10;
}
.vd-tk-box .tk-main video {
	display: block;
	width: 100%;
	height: auto;
}
}
/*首页*/







.a-main {
}
.a-main .row .col-lg-3 {
	padding-right: 0px;
	padding-left: 0px;
}
.a-main img {
	width: 100%;
}
.ban-pro-pc {
	display: block;
}

.ban-pro-pc .swiper-slide img{ width:100%;}
.ban-pro-mobile {
	display: none;
}
.ban-pro-mobile img {
	width: 100%;
	height: auto;
}
.ban-pro-pc .swiper-pagination-bullet-active {
	background: #2ca6e0 !important;
}
.ban-pro-pc .swiper-pagination-bullet {
	width: 50px !important;
	height: 3px !important;
	border-radius: 0;
	background: #fff;
	opacity: 1 !important;
	margin: 0 5px
}
.ban-pro-pc .swiper-pagination {
	bottom: 47px !important;
	left: 45%;
}
/*首页案例*/







.index-al {
	width: 100%;
	padding-top: 74px;
}
.index-al-tit {
	text-align: center;
	font-size: 36px;
}
.index-al-tit h2 {
	display: block;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
}
.index-al-tit em {
	display: block;
	font-size: 18px;
}
.index-al .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0 !important;
}
.index-al .swiper-pagination-bullet-active {
	background: #2ca6e0 !important;
}
.index-al .swiper-pagination-bullet {
	width: 50px !important;
	height: 8px !important;
	border-radius: 0;
	background: #abacaf;
	opacity: 1 !important;
	margin: 0 5px
}
.index-al .more {
	width: 200px;
	line-height: 50px;
	background: #2ca6e0;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}
.index-al .more a {
	color: #fff;
}

@media (min-width: 769px) {
.swiper-case {
 --swiper-navigation-color: #fff;
 --swiper-navigation-size: 16px;
}
.swiper-case .swiper-button-next, .swiper-case .swiper-button-prev {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-top: -24px;
	background: #cdd1d7;
	transition: 0.3s;
}
.swiper-case .swiper-button-prev {
	left: calc((25% - 44px - 24px));
}
.swiper-case .swiper-button-next {
	right: calc((25% - 44px - 24px));
}
.swiper-case .swiper-button-next:hover, .swiper-case .swiper-button-prev:hover {
	background: #2ca6e0;
}
.swiper-case .swiper-button-prev i {
	font-size: 50px;
	color: #fff;
	position: relative;
	left: 12px;
	top: -2px;
}
.swiper-case .swiper-button-next i {
	font-size: 50px;
	color: #fff;
	position: relative;
	left: 16px;
	top: -2px;
}
}
.swiper-case {
 --swiper-theme-color: #53b255;
}
.swiper-case li {
	padding: 20px 44px;
	width: 26vw;
}
.swiper-case li img {
	display: block;
	width: 100%;
	border: 1px solid #c7cacd;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.swiper-case a {
	display: block;
	position: relative;
}
.swiper-case a .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.68rem;
	line-height: 0.68rem;
	background: linear-gradient(90deg, #53b255, #38a9bf);
	text-align: center;
	color: #fff;
	font-size: 24px;
}

@media (max-width: 1440px) {
.swiper-case li {
	padding: 0 30px;
}
.swiper-case .swiper-button-prev {
	left: calc((25% - 30px - 24px));
}
.swiper-case .swiper-button-next {
	right: calc((25% - 30px - 24px));
}
}

@media (max-width: 1200px) {
.swiper-case li {
	padding: 0 20px;
}
.swiper-case .swiper-button-next, .swiper-case .swiper-button-prev {
	width: 40px;
	height: 40px;
	margin-top: -20px;
}
.swiper-case .swiper-button-prev {
	left: calc((25% - 20px - 20px));
}
.swiper-case .swiper-button-next {
	right: calc((25% - 20px - 20px));
}
}

@media (max-width: 992px) {
.swiper-case a .info {
	font-size: 16px;
}
}

@media (max-width: 768px) {
.swiper-case {
 --swiper-navigation-color: #53b255;
 --swiper-navigation-size: 30px;
}
.swiper-case .swiper-button-prev {
	left: 2px;
	width: auto;
	margin-top: -40px;
}
.swiper-case .swiper-button-next {
	right: 2px;
	width: auto;
	margin-top: -40px;
}
.swiper-case li {
	padding: 0 5px;
	width: 86vw;
}
.swiper-case li a {
	padding-bottom: 40px;
}
.swiper-case li .info {
	position: relative;
	display: block;
	font-size: 16px;
}
}
.swiper-good {
 --swiper-theme-color: #53b255;
}
.swiper-good .swiper-pagination {
	line-height: 1;
	font-size: 0;
	bottom: 0;
}
.swiper-good a {
	display: block;
	position: relative;
}
.swiper-good .img {
	background: #e5eaf0;
	transition: 0.3s;
}
.swiper-good .img img {
	display: block;
}
.swiper-good .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1rem;
	text-align: center;
	transition: 0.3s;
	padding: 0.2rem 0;
	line-height: 1.6;
}
.swiper-good .tit {
	font-size: 24px;
}
.swiper-good .type {
	font-size: 16px;
	color: #999;
}
.swiper-good li {
	padding: 20px 17px 30px;
	width: 29vw;
}
.swiper-good li .img {
	display: block;
	width: 100%;
}

@media (min-width: 992px) {
.swiper-good li:hover .img {
	background: #fff;
}
.swiper-good li:hover .img {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.swiper-good li:hover .info {
	background: linear-gradient(90deg, #53b255, #38a9bf);
	color: #fff;
}
.swiper-good li:hover .info .type {
	color: #fff;
}
}

@media (max-width: 1700px) {
.swiper-good .tit {
	font-size: 20px;
}
.swiper-good .type {
	font-size: 14px;
}
}

@media (max-width: 992px) {
.swiper-good li {
	width: 33vw;
	padding: 20px 10px 40px;
}
.swiper-good .info {
	position: static;
}
}

@media (max-width: 640px) {
.swiper-good li {
	width: 50vw;
	padding: 20px 10px 40px;
}
}

@media (max-width: 480px) {
.swiper-good li {
	padding: 20px 6% 30px;
	width: 100vw;
}
.swiper-good .tit {
	font-size: 14px;
}
.swiper-good .type {
	font-size: 12px;
}
}
.about-sc-swiper {
	padding: 0.86rem 0 1.3rem;
}
.about-sc-swiper li p {
	line-height: 30px;
	font-size: 18px;
	text-align: center;
}

@media (min-width: 768px) {
.about-sc-swiper li .info {
	bottom: -0.68rem;
	transition: 0.3s;
}
.about-sc-swiper li a {
	overflow: hidden;
}
.about-sc-swiper li a img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.about-sc-swiper li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.about-sc-swiper li a:hover .info {
	bottom: 0;
}
}
/*首页新闻*/







.index-news {
	width: 100%;
	overflow: hidden;
	background: url("../images/index-news-bg.jpg") no-repeat center #2264be;
	padding: 90px 0 32px 0;
}
.index-news-tit {
	margin-bottom: 43px;
	text-align: center;
}
.index-news-tit h2 {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.index-news-tit em {
	display: block;
	font-size: 18px;
	color: #fff;
}
.index-news .main {
	background: #fff;
	overflow: hidden;
}
.index-news .main img {
	display: block;
	width: 100%;
}
.index-news .main .main-t {
	padding: 6% 8%;
}
.index-news .main .main-t .tit {
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.index-news .main .main-t .date {
	line-height: 25px;
	padding-top: 8px;
	color: #666;
}
.index-news .main .main-t .tit a {
	color: #333;
}
.index-news .main .main-t .txt {
	margin: 10px 0;
	line-height: 22px;
	color: #999;
	font-size: 14px;
	height: 65px;
	overflow: hidden;
}
.index-news .main .main-t .more {
	width: 100%;
	line-height: 40px;
	text-align: center;
	border: 1px solid #d8d8d8;
}
.index-news .main .main-t .more a {
	color: #333;
}
.index-news .main:hover .more a {
	display: block;
	background: #2ca6e0;
	color: #fff;
}
.index-news-more {
	margin: 0 auto;
	width: 230px;
	line-height: 60px;
	margin-top: 60px;
	background: #2ca6e0;
	text-align: center;
}
.index-news-more a {
	color: #fff;
}
/*首页服务*/
.index-fw {
	padding: 80px 0;
}
.index-fw-tit {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 90px;
}
/*计数*/

.numCount {
	margin: 0 -10px;
}
.numCount li {
	float: left;
	width: 33.33%;
	text-align: center;
}
.numCount li .item {
	margin: 0 10px;
}
.numCount li .numU {
	line-height: 1.3;
}
.numCount li .numCX {
	font-size: 54px;
	color: #333;
}
.numCount li .numU .unitC {
	font-size: 100%;
	line-height: 3;
	margin-left: 0.3em;
}
.numCount li .numU sup {
	vertical-align: top;
	margin-top: 5px;
}
.numCount li .numU sub {
	vertical-align: baseline;
}
.numCount li .indc {
	color: #666;
}

@media (max-width:800px) {
.numCount li .numCX {
	font-size: 36px;
}
}

@media (max-width:640px) {
.numCount li .numCX {
	font-size: 7vw;
}
}

@media (max-width:480px) {
.numCount {
	font-size: 0.5vw;
}
}
.index-fw-pic {
	margin-top: 50px;
	overflow: hidden;
	margin-bottom: 40px;
}
.index-fw-pic .col-lg-3 .img {
	border: 1px solid #eee;
	border-radius: 10px;
	line-height: 100px;
	padding: 0px 10%;
	text-align: center;
}
.index-fw-pic .col-lg-3 .img img {
	vertical-align: middle;
	text-align: center;
	max-width: 100%;
	line-height: 100px;
}
.index-fw-pic .col-lg-3 .tit {
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 100%;
	display: block;
	margin-top: 0px;
}

.page-content-wrapper.show_pro {
	margin: 40px 0px;
}
.show_pro .col-12 {
	padding: 0;
}

@media only screen and (max-width: 767.98px) {
.product-thumb-area {
	margin-bottom: 30px;
}
}
.product-thumb-area .pro-thumb-item img {
	margin: auto;
	max-width: 100%;
}
.product-thumb-area .product-details-thumbnail {
	border: 1px solid #e1e1e1;
	text-align: center;
	position: relative;
}
.product-thumb-area .product-details-thumbnail .btn-large-view {
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 20px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	color: #1b1b1c;
	display: block;
	font-weight: 700;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	line-height: 22px;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	width: 136px;
}
.product-thumb-area .product-details-thumbnail .btn-large-view i {
	margin-left: 3px;
	vertical-align: middle;
}
.product-thumb-area .product-details-thumbnail-nav {
	margin-top: 10px;
}
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
	border: 1px solid #e1e1e1;
	text-align: center;
	cursor: pointer;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list {
	margin: 0 -5px;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
	margin: 0 5px;
}

@media only screen and (min-width: 1200px) {
.prod-details-info-content {
	padding-left: 20px;
}
}
.prod-details-info-content span {
	display: block;
	font-size: 30px;
	color: #070104;
	margin-bottom: 18px;
}
.prod-details-info-content p {
	line-height: 29px;
}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content span {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}
}
.prod-details-info-content .price {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 33px;
}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content .price {
	font-size: 20px;
	margin-bottom: 20px;
}
}
.prod-details-info-content .price-amount {
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
}
.product-config {
	margin: 40px 0;
}
.product-config .table {
	margin-bottom: 0;
}
.product-config .table-bordered td, .product-config .table-bordered th {
	border-color: #e1e1e1;
}
.product-config .table th {
	font-size: 18px;
	font-weight: 500;
}
.product-config .table .config-option a {
	color: #1b1b1c;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}
.product-config .table .config-option a:last-child {
	margin-right: 0;
}
.product-config .table .config-option a:hover {
	color: #db0303;
}
.product-meta {
	margin-top: 40px;
}
.product-meta span:not(.sku) {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.product-meta span:not(.sku):last-child {
	margin-bottom: 0;
}
.product-meta a {
	color: #1b1b1c;
	margin-right: 5px;
	font-size: 15px;
	vertical-align: middle;
}
.product-meta a:last-child {
	margin-right: 0;
}
.product-meta a:hover {
	color: #db0303;
}
/*================================































Single Product Page Style end































==================================*/







/*产品列表页*/







.list-product {
	margin-bottom: 30px;
	overflow: hidden;
}
.hot_pro_con-tit {
	font-size: 26px;
	text-align: center;
	padding-bottom: 30px;
	color: #1b1b1c;
}
.hot_pro_con {
/* padding-bottom: 30px; */

}
.hot_pro_con .main {
	margin-bottom: 30px;
}
.hot_pro_con .main .txt {
	padding: 16px 10px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	background: #20308f;
}
.hot_pro_con .main .txt a {
	color: #fff;
}
.hot_pro_con .main .img {
	overflow: hidden;
}
.hot_pro_con .main .img img {
	width: 100%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.hot_pro_con .main .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.hot_pro_con .main:hover .txt {
	display: block;
	background: #f17d00;
}
/*底部*/
.foot {
	width: 100%;
	overflow: hidden;
	background: url("../images/foot-bg.jpg") repeat-x;
}
.foot-con {
	padding: 50px 0 30px 0;
	overflow: hidden;
}
.foot-logo {
	margin-bottom: 13px;
}
.foot-logo img {
}
.foot-txt {
	line-height: 32px;
	color: #fff;
}
.foot-con dl {
	display: block;
	margin-top: 15px;
}
.foot-con dl dt {
	margin-bottom: 6px;
	font-weight: normal !important;
	color: #fff;
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
}
.foot-con dl dd {
	display: block;
	line-height: 32px;
}
.foot-con dl dd.news_tit {
	line-height: 18px;
}
.foot-con dl dd.about_tit {
	line-height: 28px
}
.foot-con dl dd a {
	color: #fff;
}
.foot-con dl dd a:hover {
	color: #2ca6e0;
}
.weixin {
	margin-top: 15px;
	float: right;
}
.weixin img {
	display: block;
}
.weixin span {
	display: block;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}
.foot-copy {
	color: #747474;
	line-height: 25px;
	text-align: center;
}

	.links{ line-height:25px; margin-top: 10px; margin-bottom: 10px;}
/*内页*/







.inner-ban {
	width: 100%;
	height: 650px;
	margin-top: -82px;
}
.hzhl_ban {
	background: url("../images/hzal_ban.jpg") no-repeat center;
}
.about_ban {
	background: url("../images/about_ban.jpg") no-repeat center;
}
.pro_ban {
	background: url("../images/pro_ban.jpg") no-repeat center;
}
.contact_ban {
	background: url("../images/contact_ban.jpg") no-repeat center;
}
.cooperation_ban {
	background: url("../images/cooperation_ban.jpg") no-repeat center;
}
.cooperation_ban {
	background: url("../images/cooperation_ban.jpg") no-repeat center;
}
.guestbook_ban {
	background: url("../images/guestbook_ban.jpg") no-repeat center;
}
.job_ban {
	background: url("../images/job_ban.jpg") no-repeat center;
}
.marketing_ban {
	background: url("../images/marketing_ban.jpg") no-repeat center;
}
.news_ban {
	background: url("../images/news_ban.jpg") no-repeat center;
}
.webzi {
	width: 100%;
	position: relative;
}
.webzi .tit-1 {
	position: absolute;
	top: 170px;
	left: 0;
	font-size: 36px;
	color: #fff;
}
/*.webzi .tit-2 {position: absolute;top:160px;left: 0; z-index: 999!important; font-size:36px; color: #fff;}*/







.webzi .tit-3 {
	position: absolute;
	top: 228px;
	left: 0;
	font-size: 20px;
	color: #fff;
}
.webzi .down-ico {
	position: absolute;
	top: 295px;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: 0.3s ease 0.6s;
}
.webzi .down-ico {
	display: block;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.webzi .down-ico i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/ico_16.png) no-repeat center;
	position: relative;
}
.webzi .location {
	position: absolute;
	top: 425px;
	left: 0;
	font-size: 16px;
	color: #fff;
}
.webzi .location a {
	color: #fff;
}
.webzi .location i {
	margin-right: 0px;
}
.webzi .location .breadcrumb {
	padding: 8px 15px 8px 3px;
	line-height: 22px;
}
.webzi .link {
	position: absolute;
	top: 295px;
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: 0.3s ease 0.6s;
}
.inner {
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	padding: 60px 0;
}
.inner-ban img {
	display: none;
}
.inner-about {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
	background: #fff;
}
.inner-menu {
	width: 100%;
	height: 128px;
	background: url(../images/inner_menu_bg.jpg) no-repeat center;
	display: block;
}
.inner-menu .tit {
	float: left;
	padding-top: 35px;
	color: #fff;
}
.inner-menu .tit p {
	margin-bottom: 13px;
	font-size: 35px;
}
.page-nav {
	width: 70%;
	float: right;
	padding-top: 40px;
}
.page-nav ul {
	display: table;
	width: 100%;
}
.page-nav ul > * {
	display: table-cell;
	vertical-align: middle;
}
.page-nav a {
	display: inline-block;
	text-align: left;
	color: #fff;
}
.page-nav li {
	text-align: right;
}
.page-nav li:hover a, .page-nav .active a {
	color: #ffffff;
}
.page-nav .id {
	position: relative;
}
.page-nav .id::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #fff;
}
.page-nav h5 {
	font-size: 18px;
	margin-top: 5px;
}

@media (max-width: 1200px) {
.page-nav {
	width: 80%;
}
.page-nav h5 {
	font-size: 15px;
}
}
.m-ins-navbox {
	display: none;
}
.yfzx .tit-3 {
	margin-bottom: 19px;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	line-height: 36px;
}
.yfzx .line {
	width: 60px;
	height: 4px;
	background: #2ca6e0;
	margin-bottom: 26px;
}
.filters {
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.filters .filter-tabs {
	position: relative;
	float: left;
}
.filters li {
	position: relative;
	display: inline-block;
	line-height: 30px;
	padding: 10px 35px;
	cursor: pointer;
	color: #666;
	font-weight: 500;
	font-size: 16px;
	top: 0;
	font-family: "Roboto", sans-serif;
}
.filters a:hover, .filters a:focus {
	text-decoration: underline;
}
.filters li:last-child {
	margin-right: 0;
}
.filters .filter.active, .filters .filter:hover {
	background: #2ca6e0;
	color: #fff !important;
}
.filters .filter:hover a {
	color: #fff;
}
.filters .filter.active a {
	color: #fff;
	background: #2ca6e0;
}
/*zltm*/







.zltm {
	margin-bottom: 90px;
	overflow: hidden;
	background: #fff;
}
.zltm .pic {
	width: 100%;
}
.zltm .con {
	padding: 80px 60px;
	color: #333;
}
.zltm .tit_1 {
	height: 56px;
	font-size: 36px;
}
.zltm .tit-2 {
	font-size: 24px;
	color: #777;
	margin-bottom: 22px;
}
.zltm .line {
	width: 40px;
	height: 2px;
	background: #333;
	margin-bottom: 53px;
}
.zltm .txt {
	font-size: 16px;
	line-height: 30px;
}
/*dzcj*/









.dzcj {
	overflow: hidden;
}
.dzcj .tit {
	text-align: center;
	margin-bottom: 50px;
	overflow: hidden;
}
.dzcj .tit span {
	font-size: 36px;
	color: #333;
	display: block;
	margin-bottom: 23px;
}
.dzcj .tit p {
	font-size: 24px;
	color: #333;
	margin-bottom: 23px;
}
.dzcj .tit em {
	width: 40px;
	height: 2px;
	background: #333;
	margin: 0 auto;
	display: block;
}
.dzcj-pic {
	overflow: hidden;
}
.dzcj-pic img {
	margin-bottom: 20px;
	width: 100%;
}
.hzal-lx {
	width: 100%;
	height: 320px;
	background: url("../images/hazl-lx.jpg") no-repeat center;
}
.hzal-lx .txt {
	text-align: center;
	padding-top: 116px;
	font-size: 38px;
	color: #fff;
	margin-bottom: 30px;
}
.hzal-lx .link {
	text-align: center;
	width: 240px;
	line-height: 50px;
	font-size: 20px;
	background: #2ca6e0;
	border-radius: 25px;
	margin: 0 auto;
}
.hzal-lx .link a {
	color: #fff;
	display: block;
}
/*case*/







.case {
}
.nav-tabs {
	border: 0;
}
.nav-tabs li {
	width: 150px;
	line-height: 48px;
	background: #fff;
	text-align: center;
	margin-right: 20px;
}
.nav-tabs li a {
	display: block;
	color: #333;
}
.nav-tabs li a:hover {
	display: block;
	background: #2ca6e0;
	color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: #2ca6e0;
	color: #fff;
}
.tab-content {
	margin-top: 30px;
}
.tab-content .fade:not(.show) {
	opacity: inherit;
}
.case-top {
	background: #2f2f2f;
	overflow: hidden;
	margin-bottom: 40px;
}
.case-top .pic {
	width: 100%;
}
.case-top .pic img {
	width: 100%;
}
.case-top .con {
	padding: 68px 25px;
	color: #fff;
}
.case-top .tit_1 {
	height: 73px;
	font-size: 36px;
}
.case-top .line {
	width: 40px;
	height: 2px;
	background: #fff;
	margin-bottom: 32px;
}
.case-top .txt {
	line-height: 30px;
}
.case-more {
	background: #fff;
	overflow: hidden;
	padding: 28px;
}
.case-more .tit {
	color: #333;
}
.case-more .tit span {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.case-more .tit em {
	font-size: 16px;
	margin-bottom: 25px;
	display: block;
}
.case-more img {
	margin-bottom: 20px;
	width: 100%;
}
/*products*/







.pro-top {
	margin-bottom: 20px;
	overflow: hidden;
}
.pro-top img {
	width: 100%;
}
.pro-main {
	margin-bottom: 20px;
	overflow: hidden;
	background: #fff;
	width: 49%;
	margin-right: 2%;
	float: left;
}
.pro-main:nth-child(2n) {
	margin-right: 0px;
}
.pro-main .pic {
	width: 100%;
}
.pro-main .pic img {
	width: 100%;
}
.pro-main .con {
	padding: 50px 30px 40px 30px;
}
.pro-main .tit_1 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-bottom: 22px;
}
.pro-main .tit_2 {
	font-size: 18px;
	line-height: 32px;
	color: #333;
	margin-bottom: 20px;
}
.pro-main .txt {
	line-height: 32px;
	color: #999;
}
.pro-main .txt i {
	font-size: 12px;
	margin-right: 10px;
}

@media(max-width:990px) {
.pro-main {
	width: 100%;
	margin-right: 0px;
}
}
/*关于我们*/







.about {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.about .pic {
	width: 100%;
}
.about .pic img {
	width: 100%;
}
.about .con {
	color: #666;
	margin-left: 20px;
}
.about .tit-1 {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 36px;
	color: #333;
}
.about .tit-2 {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 22px;
	color: #999;
}
.about .tit-3 {
	margin-bottom: 19px;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	line-height: 36px;
}
.about .line {
	width: 60px;
	height: 4px;
	background: #2ca6e0;
	margin-bottom: 26px;
}
.about .txt {
	line-height: 28px;
}
.inner-about .tit {
	text-align: center;
}
.inner-about .tit span {
	display: block;
	font-size: 36px;
	color: #333;
	margin-bottom: 17px;
}
.inner-about .tit p {
	font-size: 22px;
	color: #999;
	margin-bottom: 30px;
}
.inner-about .tit em {
	width: 60px;
	height: 4px;
	background: #2ca6e0;
	margin: 0 auto;
	display: block;
}
/*honor*/







.honor {
	width: 100%;
	background: #f5f5f5;
	overflow: hidden;
	padding: 63px 0;
}
.honor .pic {
	margin-top: 50px;
}
.honor .pic img {
	width: 100%;
	margin-bottom: 20px;
}
/*eq*/







.eq {
	width: 100%;
	overflow: hidden;
	padding: 63px 0;
}
.eq .pic {
	margin-top: 50px;
}
.eq .pic img {
	width: 100%;
	margin-bottom: 20px;
}
/*yfzx*/







.inner-yfzx {
	width: 100%;
	overflow: hidden;
}
.yfzx {
}
.yfzx .tit, .job-inner .tit, .index-fw-pic .tit {
	text-align: center;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 30px;
}
.yfzx .tit span, .job-inner .tit span, .index-fw-pic .tit span {
	display: block;
	font-size: 36px;
	color: #333;
	margin-bottom: 17px;
}
.yfzx .tit p {
	font-size: 22px;
	color: #999;
	margin-bottom: 30px;
}
.yfzx .tit em {
	width: 60px;
	height: 4px;
	background: #2ca6e0;
	margin: 0 auto;
	display: block;
}
.yfzx .pic {
	line-height: 25px;
	margin-bottom: 20px;
}
.yfzx .pic img {
	width: 100%;
	margin-bottom: 20px;
	display: block;
}
.contact-lx {
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
	background: #f4f6f8;
}
.contact-lx i {
	margin-right: 15px;
	color: #489c4d;
}
/*======================































Contact Page Style































========================*/







.contact-map {
	padding: 20px;
	width: 100%;
	background: #fff;
}
.contact-map img {
	width: 100%;
}

@media only screen and (max-width: 767.98px) {
.contact-map {
	height: 350px;
}
}
.contact-form-content {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 50px;
	margin-top: 50px;
}
.contact-form-content .tit {
	margin-bottom: 30px;
	overflow: hidden;
}
.contact-form-content .tit span {
	display: block;
	font-size: 36px;
	color: #333;
	margin-bottom: 25px;
}
.contact-form-content .tit em {
	display: block;
	width: 200px;
	height: 1px;
	background: #a6a6a6;
}
.contact-fl {
	padding-left: 100px;
}
.contact-fl .info {
	overflow: hidden;
	line-height: 66px;
	font-size: 16px;
}
.contact-fl .info i {
	color: #2ca6e0;
	margin-right: 20px;
}
.contact-fr {
	padding-right: 100px;
}
.touch {
	width: 100%;
	height: 400px;
	position: relative;
}
div.contact-fr input[type='text'], div.contact-fr input[type='submit'] {
	background: #fff;
	border: 1px solid #ddd;
	position: absolute;
	outline: none;
	text-indent: 14px;
	color: #777;
	width: 100%;
}
div.contact-fr input[type='checkbox'] {
	width: 12px;
	height: 12px;
}
input.gbk_1 {
	width: 48% !important;
	height: 55px;
	top: 0;
	left: 0;
}
input.gbk_2 {
	width: 48% !important;
	height: 55px;
	top: 0;
	right: 0;
}
input.gbk_3 {
	height: 55px;
	top: 75px;
	left: 0;
}
input.gbk_5 {
	width: 180px !important;
	height: 35px;
	top: 300px;
	left: 0;
	text-indent: 0 !important;
	text-align: center;
}
.contact-fr textarea {
	width: 100%;
	height: 132px;
	position: absolute;
	top: 150px;
	left: 0;
	outline: none;
	overflow: hidden;
	border: 1px solid #ddd;
}
.contact-fr textarea, .touch input {
	color: #777;
}
.contact-fr textarea {
	padding: 24px 14px;
}
input.contact_sub {
	width: 240px !important;
	height: 45px !important;
	text-indent: 0 !important;
	color: #fff !important;
	top: 350px;
	left: 0;
	border-radius: 5px;
	cursor: pointer;
	background: #2ca6e0 !important;
	line-height: 45px;
	text-align: center !important;
	font-size: 18px;
}
input.contact_sub a {
	display: block;
	color: #fff !important;
}
input.contact_sub i {
	color: #fff;
	margin-right: 5px;
}
.contact-fr .vdimgck {
	float: left;
	cursor: pointer;
	width: 85px;
	height: 30px;
	position: absolute;
	top: 302px;
	left: 200px;
}
/*NEWS*/







.top-news {
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.top-news img {}
.top-news .con {
	padding: 50px;
}
.top-news .con .tit {
	margin-bottom: 20px;
	font-size: 30px;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-news .con .txt {
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #999;
}
.top-news .con .time {
	margin-bottom: 25px;
	color: #999;
}
.top-news .con .more {
	width: 98px;
	color: #999;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #999;
}
.top-news .con .more a {
	color: #999;
}
.owl-stage {
}
.owl-item {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-bottom: 20px;
}
.owl-item li {
	transition: 460ms;
}
.owl-item li figcaption {
	padding: 20px;
	margin: 20px;
	transition: 460ms;
	border-top: 8px solid #eee;
	position: relative;
}
.owl-item li figcaption .mask {
	height: 8px;
	width: 0px;
	transition: 460ms;
	background: #333;
	position: absolute;
	left: 0;
	top: -8px;
}
.owl-item li:hover figcaption .mask {
	height: 8px;
	width: 100%;
	transition: 460ms;
	background: #333;
}
.owl-item li figcaption H4 {
	font-size: 16px;
	color: #333;
	padding: 10px 0px;
	border-bottom: 1px solid #eee;
	transition: 460ms;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.owl-item li figcaption H6 {
	font-size: 12px;
	font-weight: normal;
	padding: 15px 0px;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 25px;
	text-align: left;
	color: #999;
	transition: 460ms;
	border-bottom: 1px solid #eee;
}
.owl-item li:hover figcaption H4 {
	color: #000;
}
.owl-item li figcaption .time {
	float: left;
	font-size: 12px;
	color: #666;
	transition: 460ms;
}
.news-info {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 50px 30px;
}
.news-info .rightwrap {
}
.news-info h1 {
	font-weight: bold;
	color: #505050;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
}
.news-info .entry-meta {
	padding: 10px 0;
	background: #fff;
	overflow: hidden;
	color: #505050;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
.news-info .contwrap {
	line-height: 30px;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #555;
}
.news-info .contwrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.news-info .contwrap p {
	margin: 10px 0;
}
.news-info .rightwrap h2 {
	font-weight: bold;
	padding: 12px 14px;
	line-height: 23px;
	margin-bottom: 20px;
	background: #2ca6e0;
	font-size: 16px;
	color: #fff;
}
.news-info .rightwrap ul {
	width: 100%;
}
.news-info .rightwrap li {
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li:last-child {
/* border-bottom: none; */

}
.news-info .rightwrap li a {
	color: #333;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
}
.news-info .rightwrap li a:hover {
	color: #2ca6e0;
}
.news-info .rightwrap li .post-date {
	display: block;
	line-height: 21px;
	font-size: 13px;
	color: #555;
	margin-top: 1px;
}
.news-info .paging {
	width: 100%;
	overflow: hidden;
	padding: 50px 0;
	width: 100%;
}
.news-info .paging .fl {
	font-size: 14px;
	line-height: 22px;
}
.news-info i {
	margin-right: 10px;
}
.news-info .paging a {
	color: #666;
}
.news-info .paging a:hover {
	color: #2ca6e0;
}
.news-info .paging .return {
	border: 1px solid #ddd;
	display: block;
	height: 34px;
	line-height: 34px;
	margin-top: 10px;
	text-align: center;
	width: 100px;
	font-size: 14px;
}
.news-info .paging .return:hover {
	border: 1px solid #2ca6e0;
	background-color: #2ca6e0;
	color: #fff;
}
/*产品列表 相关新闻*/







.pro-news {
	margin-bottom: 30px;
	margin-top: 20px;
}
.pro-news-tit {
	font-size: 26px;
	text-align: center;
	margin-bottom: 25px;
}
.pro-news-box {
}
.pro-news-box .main {
	margin-bottom: 20px;
	padding: 15px;
	background: #f6f6f6;
	overflow: hidden;
}
.pro-news-box .main img {
	width: 25%;
	float: left;
	margin-right: 10px;
	border: #ccc solid 1px;
}
.pro-news-box .main .t-1 {
	height: 27px;
	line-height: 27px;
}
.pro-news-box .main .t-1 .time {
	float: left;
	margin-right: 13px;
}
.pro-news-box .main .tit {
	margin: 0 0 5px;
}
.pro-news-box .main .tit a {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
.pro-news-box .main .txt {
	line-height: 25px;
}
.pro-news-box .main .txt p {
	max-height: 68px;
	line-height: 23px;
	overflow: hidden;
}

@media(max-width:990px) {
.pro-news-box .main {
	margin-bottom: 0px;
	padding: 5px 25px;
}
.pro-news-box .main .tit {
	text-align: center;
}
.pro-news-box .main img {
	width: 94%;
	margin: 2% 3%;
	padding-top: 0px;
	border: #ccc solid 1px;
}
}
/*JOB*/







.joblist {
	margin-top: 20px;
}
.jonav li {
	width: 25%;
}
.jot {
	background: #eee;
}
.jot:hover {
	background: #2ca6e0;
}
.joa {
	background: #2ca6e0;
}
.jotxs:hover .jot {
	background: #2ca6e0;
}
.jot span {
	display: block;
	width: 14%;
	float: left;
	line-height: 47px;
	height: 47px;
	overflow: hidden;
	font-size: 20px;
}
.jot span:first-child {
	padding-left: 4%;
	width: 26%;
}
.jod > span {
	color: #666;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.jotxs {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.jos {
	display: none;
	padding-right: 1px;
}
.jos .bodr {
	border: 1px solid #eee;
	overflow: hidden;
	padding: 30px 5% 30px 5%;
	border-top: 0;
	line-height: 30px;
}
.jos .bodr span {
/*display: block;































































	border-top: 1px solid #eee;































































	padding-top: 20px;































































	margin-top: 20px;*/







}
.jotxs .line {
	background: #000;
	display: block;
	position: absolute;
}
.jotxs .line_1 {
	width: 21px;
	height: 1px;
	top: 23px;
	left: 15px;
}
.jotxs .line_2 {
	width: 1px;
	height: 21px;
	top: 13px;
	left: 25px;
}
.jotxs .arrow {
	width: 55px;
	height: 47px;
	position: absolute;
	top: 0;
	right: 0;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
	color: #fff;
}
.jotxs.act .arrow {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.jo2 {
}
.jos a {
	color: #666
}
select.selbox {
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0px;
	outline: none;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "microsoft yahei";
	cursor: pointer;
	display: block;
	font-size: 14px;
	padding-left: 14px;
	border: 1px solid #ddd;
	color: #666
}
.no-csstransitions select.selbox {
	padding-left: 0;
	background-image: none;
}
select.selbox option {
	padding: 2px 12px;
}
select.selbox:hover {
	color: #323232;
}
.jobview {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;
}
.jobview .list {
	margin-top: 30px;
}
.jobview .list dd {
	width: 48.5%;
	display: block;
	margin-bottom: 20px;
	margin-right: 3%;
	float: left
}
.jobview .list dt {
	width: 100%;
	display: block;
}
.jobview .list dd:nth-child(2n+2) {
	margin-right: 0
}
.jobview .list .txt {
	background-color: #fff;
	border: 0px none;
	padding: 10px 12px;
	box-sizing: border-box;
	width: 100%;
	font: 14px/1.8 "microsoft yahei";
	border: 1px solid #ddd;
	color: #999
}
.jobview .list .txt2 {
	height: 200px;
	margin-bottom: 0px;
}
.jobview .list .btn {
	text-align: center;
	margin: 20px auto;
}
.jobview .list .fromBtn {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	margin: 0px auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #0769b2;
	border: 0px;

	border-radius: 5px;
	margin-right: 20px;
	cursor: pointer
}
.jobview .list .fromBtn:hover {
	background-color: #045b9c;
}
.search_info {
	width: 100%;
	height: 58px;
	overflow: hidden;
	background: #f6f6f6;
	border-radius: 30px;
	margin-top: 26px;
}
.search_info_txt {
	display: inline;
	float: left;
	width: 80%;
	height: 58px;
}
.search_info_txt_css {
	background-color: transparent;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0;
	color: #a2a2a2;
	float: left;
	width: 100%;
	height: 58px;
	line-height: 58px;
	overflow: hidden;
	text-indent: 40px;
}
.search_info_btn {
	float: left;
	width: 20%;
	height: 54px;
	position: relative;
}
.search_info_btn_css {
	background-color: transparent;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: 0;
	float: left;
	width: 100%;
	height: 54px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 9999;
}
.search_info_btn i {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 18px;
}
.list-pro-r {
}
.pro-pic {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.pro-pic img {
	width: 100%;
	height: auto;
}
.list-pro-r .con {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	overflow: hidden;
	background: #fff;
}
.list-pro-r .con img {
	display: block;
	width: 100%;
}
.list-pro-r .con:hover {
	background: #fff;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.list-pro-r .con:hover .txt em a {
	color: #cc0202;
}
.list-pro-r .con .txt {
	padding: 12px 0 30px 0;
	text-align: center;
}
.list-pro-r .con .txt span {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.list-pro-r .con .txt em {
	display: block;
	color: #666;
	font-weight: bold;
}
.list-pro-r .con .txt em a {
	color: #666;
}
.list-pro-r .con .txt span a {
	color: #000;
}
/*--------------------------------































Magnific JS Customization































----------------------------------*/







.ht-mfp {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.ht-mfp.mfp-bg {
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.ht-mfp .mfp-content {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media only screen and (min-width: 1200px) {
.ht-mfp .mfp-content {
	max-width: 70%;
}
}
.ht-mfp .mfp-content .mfp-close {
	display: none;
}
.ht-mfp .mfp-close {
	background-color: #db0303;
	color: #FFFFFF;
	padding: 0;
	text-align: center;
	opacity: 0;
	top: 50px;
	right: 50px;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

@media only screen and (max-width: 767.98px) {
.ht-mfp .mfp-close {
	top: 30px;
	right: 30px;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
}
.ht-mfp .mfp-close:hover {
	background-color: #db0303;
}
.ht-mfp .mfp-arrow {
	background-color: #db0303;
	opacity: 1;
	margin-left: 15px;
	height: 55px;
	width: 55px;
}
.ht-mfp .mfp-arrow:before {
	display: none;
}
.ht-mfp .mfp-arrow:after {
	content: '\f104';
	color: #FFFFFF;
	font-family: "FontAwesome";
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ht-mfp .mfp-arrow-right {
	margin-left: auto;
	margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
	content: '\f105';
}
.ht-mfp .mfp-arrow:hover {
	background-color: #000;
}
.ht-mfp.zoom-animate.mfp-bg {
	opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
	opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
	opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
	opacity: 0;
}

/*================================































Single Product Page Style































==================================*/







@media only screen and (max-width: 767.98px) {
.product-thumb-area {
	margin-bottom: 30px;
}
}
.product-thumb-area .pro-thumb-item img {
	margin: auto;
	max-width: 100%;
}
.product-thumb-area .product-details-thumbnail {
	border: 1px solid #e1e1e1;
	text-align: center;
	position: relative;
}
.product-thumb-area .product-details-thumbnail .btn-large-view {
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 20px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
	color: #1b1b1c;
	display: block;
	font-weight: 700;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	line-height: 22px;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	width: 136px;
}
.product-thumb-area .product-details-thumbnail .btn-large-view i {
	margin-left: 3px;
	vertical-align: middle;
}
.product-thumb-area .product-details-thumbnail-nav {
	margin-top: 10px;
}
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
	border: 1px solid #e1e1e1;
	text-align: center;
	cursor: pointer;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list {
	margin: 0 -5px;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
	margin: 0 5px;
}

@media only screen and (min-width: 1200px) {
.prod-details-info-content {
	padding-left: 20px;
}
}
.prod-details-info-content p:first-child {
	font-size: 20px;
}
.prod-details-info-content h1 {
	font-size: 28px;
	margin-top: 0px;
	font-weight: bold;
	LINE-HEIGHT: 54px;
	color: #000;
}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content h1 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}
}
.prod-details-info-content .price {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 33px;
}

@media only screen and (max-width: 767.98px) {
.prod-details-info-content .price {
	font-size: 20px;
	margin-bottom: 20px;
}
}
.prod-details-info-content .price-amount {
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
}
.product-config {
	margin: 40px 0;
}
.product-config .table {
	margin-bottom: 0;
}
.product-config .table-bordered td, .product-config .table-bordered th {
	border-color: #e1e1e1;
}
.product-config .table th {
	font-size: 18px;
	font-weight: 500;
}
.product-config .table .config-option a {
	color: #1b1b1c;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}
.product-config .table .config-option a:last-child {
	margin-right: 0;
}
.product-config .table .config-option a:hover {
	color: #db0303;
}
.product-meta {
	margin-top: 40px;
}
.product-meta span:not(.sku) {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.product-meta span:not(.sku):last-child {
	margin-bottom: 0;
}
.product-meta a {
	color: #1b1b1c;
	margin-right: 5px;
	font-size: 15px;
	vertical-align: middle;
}
.product-meta a:last-child {
	margin-right: 0;
}
.product-meta a:hover {
	color: #db0303;
}
.pro-qty {
	border: 1px solid #e1e1e1;
	display: inline-block;
	position: relative;
	width: 150px;
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty {
	width: 120px;
}
}
.pro-qty input {
	font-weight: 600;
	border: none;
	text-align: center;
	padding: 12px 45px;
	outline: none;
	width: 100%;
}
.pro-qty a {
	color: #000000;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	top: 0;
	line-height: 50px;
	height: 100%;
	width: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty a {
	width: 35px;
	line-height: 54px;
}
}

@media only screen and (max-width: 767.98px) {
.pro-qty a {
	width: 35px;
	line-height: 48px;
}
}
.pro-qty a:hover {
	background-color: #db0303;
	border-color: #db0303;
	color: #FFFFFF;
}
.pro-qty a.inc {
	right: 0;
	border-left: 1px solid #e1e1e1;
}
.pro-qty a.dec {
	left: 0;
	border-right: 1px solid #e1e1e1;
}
.product-description-review {
	margin-top: 50px;
}

@media only screen and (max-width: 767.98px) {
.product-description-review {
	margin-top: 60px;
}
}
.product-description-review .desc-review-tab-menu {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.product-description-review .desc-review-tab-menu li {
	width: 100%;
}
.product-description-review .desc-review-tab-menu li a {
	background-color: #1b1b1c;
	border-right: 2px solid #ddd;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: 20px 0;
}
.product-description-review .desc-review-tab-menu li a:last-child {
	border: none;
}
.product-description-review .desc-review-tab-menu li a.active {
	background-color: #db0303;
}

@media only screen and (max-width: 767.98px) {
.product-description-review .desc-review-tab-menu li a {
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0;
}
}
.product-description-review .tab-tit {
	line-height: 40px;
	background: linear-gradient(to right, #2361ad, #2161ad);
	text-indent: 20px;
	color: #fff;
	font-size: 16px;
}
.product-description-review .tab-content {
	padding: 20px 0;
	line-height: 25px;
}

@media only screen and (max-width: 767.98px) {
.product-description-review .tab-content {
	padding: 25px 5px;
}
.product-description-review .tab-content img {
	width: 100%;
}
}
.product-rating-wrap .average-rating {
	margin-bottom: 30px;
}
.product-rating-wrap .average-rating h4 {
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 3px;
}
.product-rating-wrap .display-ratings .rating-item {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.product-rating-wrap .display-ratings .rating-item:last-child {
	margin-bottom: 0;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
	max-width: 50px;
	-webkit-flex-basis: 50px;
	-ms-flex-preferred-size: 50px;
	flex-basis: 50px;
	border-radius: 2px;
	overflow: hidden;
	margin-right: 10px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 15px;
	-webkit-flex-basis: calc(100% - 60px);
	-ms-flex-preferred-size: calc(100% - 60px);
	flex-basis: calc(100% - 60px);
	max-width: calc(100% - 60px);
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
	font-size: 14px;
	margin-top: 0;
	font-family: "Poppins", sans-serif;
	display: inline-block;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 13px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
	color: #db0303;
	font-size: 14px;
	margin-bottom: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
	margin-right: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
	margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper {
	margin-top: 60px;
}
.product-rating-wrap .rating-form-wrapper h3 {
	font-size: 24px;
	font-weight: 500;
	margin-top: -5px;
	margin-bottom: 20px;
}
.product-rating-wrap .rating-form-wrapper .rating-form h5 {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 8px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
	color: #ccc;
	margin-right: 10px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
	margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover ~ i {
	color: #ccc;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
	cursor: pointer;
	color: #db0303;
}
.product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea {
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	display: block;
	padding: 12px 20px;
	width: 100%;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
	border-color: #db0303;
}
.intro_info .img { /*border:#ccc solid 1px; box-shadow: 2px 2px 3px rgba(0,0,0,.5);*/
	padding: 2px;
}
.intro_info h1.tit {
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
	color: #000;
}
.intro_info .intro_txt {
	line-height: 30px;
	margin-top: 20px;
	font-size: 16px;
}

@media(max-width:990px) {
.intro_info h1.tit {
	margin-top: 10px;
	font-size: 20px;
}
.intro_info .intro_txt {
	font-size: 14px;
}
}
.w-simImg img {
	width: 100%;
}
.w-simImg .image-w .img {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
	border: #ccc solid 1px;
}
.img_list ul li .caption-text-in a.more {
	width: 136px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 20px;
	margin: 15px auto 0;
	font-weight: bold;
	color: #fff;
	display: none;
}
.img_list ul li .w-simImg :hover .caption-text-in a.more {
	display: block;
}
.img_list ul li .txt {
	line-height: 22px;
	background: #2361ad;
	color: #fff;
	padding: 10px 2px;
}
.img_list ul li .txt p {
	text-align: center;
}
.img_list ul li .txt p.pname {
	font-weight: bold;
	overflow: hidden;
	line-height: 22px;
	height: 22px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.img_list ul li .txt a {
	color: #fff;
}
.img_list ul li .txt:hover {
	background: #f17d00;
}

@media(max-width:990px) {
.img_list ul li .txt p.pname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
	line-height: 22px;
	width: 100%;
}
}
 @-webkit-keyframes forward {
 0% {
 height: 0px;
 padding-top: 0px;
}
 100% {
 background: rgba(0, 0, 0, .8);
 height: 100%;
 padding-top: 40px;
}
}
 @keyframes forward {
 0% {
 height: 0px;
 padding-top: 0px;
}
 100% {
 background: rgba(0, 0, 0, .8);
 height: 100%;
 padding-top: 40px;
}
}
.left_h {
	font-size: 26px;
	color: #1b1b1c;
	text-align: center;
	display: block;
	padding: 20px 0;
}
.related_news {
	float: left;
	clear: both;
	width: 100%;
}
.related_news li {
	color: #898989;
	background: url(../images/li.png) no-repeat left 15px;
	line-height: 30px;
	height: 40px;
	font-size: 16px;
	float: left;
	overflow: hidden;
	padding: 5px 0px;
	padding-left: 10px;
	border-bottom: 1px dashed #e3e2e2;
}
.related_news li a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
.related_news li a:hover {
	text-decoration: none;
	color: #337ab7;
}
.related_news li span {
	float: right;
	margin-right: 10px;
}

@media screen and (max-width: 991px) {
.related_news li span {
	display: none;
}
.left_h {
	font-size: 20px;
}
}

@media (max-width: 1024px) {
.homeAboutCont, .homeAboutCont-r {
	margin: 2% 0 0 2%;
	padding-bottom: 6px;
}
.homeInforCont {
	margin: 2% 0 0 2%;
	padding-bottom: 6px;
}
.homeInforCont h3 {
	font-size: 18px;
	line-height: 30px;
}
.homeInforCont p {
	margin-bottom: 6px;
	line-height: 22px;
}
.index-cybj-top .txt {
	font-size: 12px;
}
}

@media screen and (max-width:991px) {
.page-banner {
	height: 550px;
}
.page-banner .mb-banner-bg {
	height: 550px;
}
.vd-tk-box .tk-main {
	width: 100%;
}
.vd-tk-box .tk-main video {
	width: 100%;
}
.page-banner .banner-video-btn {
	top: 40%;

	left: 42%;
	margin-left: 0;
}
.vd-tk-box .tk-main a.cls-tk {
	width: 7%;
	height: 10%;
	border: 0;
	top: -20px;
}
.page-banner .banner-tit h4 {
	font-size: 24px;
	top: 70%;
}
.page-banner .main-box .banner-tit em {
	font-size: 16px;
	top: 80px;
}
.index-al {
	padding-top: 10px;
}
.index-al .tit {
	font-size: 20px;
}
.index-al .swiper-pagination-bullet {
	width: 30px !important;
	margin: 0 5px
}
.index-news .main {
	margin-bottom: 10px;
}
.index-news-tit {
	margin-bottom: 20px;
}
.index-news-tit span {
	font-size: 24px;
}
.index-news-more {
	margin-top: 20px;
}
.index-fw {
	padding: 40px 0;
}
.index-fw-tit {
	font-size: 18px;
	margin-bottom: 30px;
}
.index-fw-pic {
	margin-top: 20px;
}
.index-fw-pic .col-sm-6 {
	width: 50%;
}
.index-fw-pic img {
	width: 100%;
}
.logo {
	padding-top: 0;
}
.logo img {
	width: 135px;
}
.carousel-inner > .item > img {
	max-width: 180% !important;
}
.other-side {
	display: none;
}
.list-pro-tit {
	display: none;
}
.search_info {
	margin-top: 0;
	margin-bottom: 30px;
}
.hot-pro {
	padding: 20px 0;
}
.hot-pro-cat {
	padding: 0;
}
.hot-pro-cat span {
	width: 30%;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 30px;
}
#myscroll ul li {
	margin: 0;
}
.ban-pc {
	display: none;
}
.ban-mobile {
	display: block;
}
.ban-pro-mobile {
	display: block;
}
.ban-pro-pc {
	display: none;
}
.homeAbout .fl, .homeAbout .fr {
	float: none;
}
.homeInforCont, .homeAboutCont {
	width: 96%;
}
.homeAbout .txt {
	width: 100%;
}
.homeInfor .pic-m {
	width: 100%;
	margin-top: 20px;
}
.homeInfor .pic-m img {
	width: 100%;
}
.homeInfor .pic, .homeAbout .pic {
	width: 100%;
	margin-bottom: 10px;
}
.homeInfor .right {
	width: 100%;
	margin-bottom: 20px;
}
.homeInforCont, .homeAboutCont, .homeAboutCont-r {
	margin: 1% 0 0 2%;
	padding-bottom: 4px;
}
.homeAboutCont-r {
	width: 96%;
}
.homeAboutCont .tit-3 {
	font-size: 24px;
	line-height: 30px;
}
.homeInforCont h3 {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 4px;
}
.homeInforCont p {
	font-size: 12px;
	margin-bottom: 4px;
}
.homeInfor .detail {
	width: 35px;
	height: 35px;
}
.homeInfor .detail img {
	width: 100%;
}
.homeInforCont h2 {
	font-size: 24px;
}
.homeInfor .pic img, .homeAbout .pic img {
	width: 100%;
}
.index-cybj-top .tit h2 {
	font-size: 24px;
}
.index-cybj-main .cybj-cat {
	display: none;
}
.index-cybj-main .cybj-pic .link {
	display: block;
}
.index-cybj-main .cybj-pic .link .fl-link {
	float: left;
}
.index-cybj-main .cybj-pic .link .fr-link {
	float: right;
}
.index-cybj-main .cybj-pic .link i {
	font-size: 24px;
	margin-top: 20px;
}
.index-about {
	padding: 30px 0;
}
.index-about .tit {
	margin-bottom: 10px;
}
.index-about .tit span {
	font-size: 24px;
	margin-bottom: 10px;
}
.index-about .txt {
	padding: 0;
	font-size: 14px;
}
.sm-top {
	margin-top: 20px;
}
.abM4 {
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 50px;
}
.niancontxt {
	width: 33%;
	line-height: 30px;
	font-size: 16px;
}
.abM4Tit {
	font-size: 36px;
}
.abM4Bri {
	font-size: 18px;
}
.zzjg span {
	line-height: 100px;
	font-size: 32px;
	display: block;
}
.zzjg em {
	margin-left: 0;
	line-height: 30px;
	font-size: 18px;
}
.zzjg p {
	font-size: 18px;
}
.about-1 .con {
	padding: 20px 10px;
}
.navbar-area {
	height: 55px;
}
.cybj-pic-1 img, .cybj-pic-2 img, .cybj-pic-3 img, .cybj-pic-4 img, .cybj-pic-5 img {
	width: 100%;
}
.zyfz-1 .pic img, .zyfz-2 .pic img {
	width: 100%;
}
.zyfz-2 .con img {
	width: 100%;
}
.zyfz-1 .con, .zyfz-2 .con {
	padding: 20px 10px;
}
.inner-ban {
	height: 230px;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.webzi .tit-1 {
	position: absolute;
	top: 95px;
	left: 0;
	font-size: 24px;
}
.webzi .tit-3 {
	position: absolute;
	top: 125px;
	left: 0;
	font-size: 18px;
}
.webzi .down-ico {
	position: absolute;
	top: 150px;
	left: 0;
}
.webzi .link {
	position: absolute;
	top: 150px;
	left: 0;
}
.webzi .location {
	position: absolute;
	top: 220px;
	left: 0;
	font-size: 14px;
}
.pro-pic {
	margin-top: 20px;
}
.index-cybj {
	padding: 30px 0;
}
.index-news {
	padding: 30px 0;
}
.index-news-main .con {
	margin-bottom: 10px;
}
.index-news-main .con .tit {
	margin-top: 16px;
	margin-bottom: 10
}
.index-news-main .con .txt {
	margin-bottom: 24px;
}
.index-news .tit h2 {
	font-size: 24px;
}
.foot {
	background-image: none;
	background-color: #000;
}
.foot-con {
	padding: 20px 0;
}
.foot-con .weixin {
	width: 120px;
	float: none;
}
.foot-con dl {
	display: none;
}
.foot-logo {
	margin: 0;
}
.foot-logo img {
	width: 150px;
}
.foot-txt, .foot-copy {
	font-size: 12px;
}
.foot-copy {
	border-top: 1px solid #333;
}
/*zltm*/







.zltm {
	margin-bottom: 30px;
}
.zltm .pic img {
	width: 100%;
}
.zltm .con {
	padding: 20px 10px;
}
.zltm .tit_1 {
	height: 36px;
	font-size: 24px;
}
.zltm .tit-2 {
	font-size: 18px;
	color: #777;
	margin-bottom: 22px;
}
.zltm .line {
	margin-bottom: 23px;
}
/*dzcj*/







.dzcj .tit {
	margin-bottom: 30px;
}
.dzcj .tit span {
	font-size: 24px;
	margin-bottom: 23px;
}
.dzcj .tit p {
	font-size: 18px;
	margin-bottom: 23px;
}
.hzal-lx .txt {
	padding-top: 116px;
	font-size: 24px;
	color: #fff;
	margin-bottom: 30px;
}
/*case*/







.nav-tabs li {
	width: 100px;
	margin-right: 10px;
}
.case-top .con {
	padding: 28px 15px;
}
.case-top .tit_1 {
	height: 53px;
	font-size: 24px;
}
/*products*/







.pro-main .pic img {
	width: 100%;
}
.pro-main .con {
	padding: 20px;
}
.pro-main .tit_1 {
	font-size: 20px;
	margin-bottom: 15px;
}
.pro-main .tit_2 {
	font-size: 16px;
	margin-bottom: 15px;
}
/*关于我们*/







.about {
	margin-top: 0;
}
.about .tit-1 {
	font-size: 24px;
}
.about .tit-2 {
	font-size: 16px;
}
.about .tit-3 {
	font-size: 18px;
	line-height: 30px;
}
.about .txt {
	line-height: 25px;
}
.inner-about .tit span {
	font-size: 28px;
	margin-bottom: 15px;
}
.inner-about .tit p {
	font-size: 20px;
	margin-bottom: 20px;
}
/*honor*/







.honor {
	padding: 33px 0;
}
.honor .pic {
	margin-top: 20px;
}
/*eq*/







.eq {
	padding: 33px 0;
}
.eq .pic {
	margin-top: 20px;
}
/*yfzx*/







.yfzx .tit span {
	font-size: 28px;
	margin-bottom: 15px;
}
.yfzx .tit p {
	font-size: 20px;
	margin-bottom: 20px;
}
/********内页菜单*********/







.m-ins-navbox {
	width: 100%;
	height: 38px;
	background-color: #fff;
	position: relative;
	z-index: 11;
	display: block;
}
.m-ins-navbox.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.m-ins-navbox .left {
	width: 15%;
	cursor: pointer;
	float: left;
}
.m-ins-navbox .left .ico {
	display: block;
	width: 100%;
	height: 38px;
	background: url(../images/ico_35.png) no-repeat center #cc0000;
	background-size: auto 50%;
}
.m-ins-navbox .ret-subbox {
	position: absolute;
	top: 38px;
	width: 100%;
	background-color: #cc0000;
	left: 0;
	z-index: 2;
	display: none;
}
.m-ins-navbox .ret-subbox a {
	display: block;
	width: 100%;
	padding-left: 5%;
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 14px;
	background: url(../images/ico_38.png) no-repeat 92% center;
	background-size: auto 35%;
}
.m-ins-navbox .right {
	width: 85%;
	position: relative;
	float: right;
}
.m-ins-navbox .right .tit {
	display: block;
	width: 95%;
	padding-left: 5%;
	font-size: 14px;
	color: #000;
	line-height: 38px;
	background: url(../images/ico_36.png) no-repeat 93% center;
	background-size: auto 50%;
	cursor: pointer;
}
.m-ins-navbox .right .subbox {
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a {
	display: block;
	width: 95%;
	padding-left: 5%;

	line-height: 38px;
	height: 38px;
	border-top: 1px solid #e5e5e5;
	background: url(../images/ico_37.png) no-repeat 92% center;
	background-size: auto 35%;
}
.inner-menu {
	display: none;
}
.core {
	padding: 30px 0;
}
.core_tit .t-1 {
	margin-bottom: 10px;
	font-size: 20px;
}
.core_tit .t-2 {
	margin-bottom: 5px;
	font-size: 20px;
}
.core_con_fr .core-top {
	padding: 14px 0;
	overflow: hidden;
}
.core_con_fr .core-s {
	font-size: 30px;
	margin-right: 5px;
}
.core_con_fr .core-txt {
	margin-top: 10px;
	margin-left: 0;
	line-height: 37px;
	color: #333;
}
.core_con_fr .core-tit .core-tit-1 {
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
}
.core_con_fr .core-tit .core-tit-2 {
	color: #666;
	font-size: 12px;
}
.top-news img {
	width: 100%;
}
.top-news .con {
	padding: 10px;
}
.top-news .con .tit {
	margin-bottom: 20px;
	font-size: 24px;
	color: #333;
}
.news-img {
	margin-left: 0;
}
.news-box .tit {
	font-size: 16px;
}
.new-pro {
	width: 100%;
	height: auto;
	margin-top: 0;
}
.new-pro-pic {
	margin-top: 0;
}
.list-pro {
	display: none;
}
.webzi {
	width: 100%;
}
.webzi .t1 {
	width: 140px;
	line-height: 25px;
	position: absolute;
	top: 70px;
	left: 0;
	font-size: 18px;
}
.webzi .line {
	position: absolute;
	top: 130px;
	left: 0;
}
.webzi .t2 {
	display: none;
}
.webzi .location {
	position: absolute;
	top: 200px;
	left: 0;
	display: none;
}
.news-info {
	padding: 20px 10px;
}
.news-box {
	padding: 20px 0;
}
.news-list .con {
	padding: 12px;
	margin-bottom: 15px;
}
.news-list .con .time {
	margin-bottom: 18px;
}
.news-list .con .txt {
	width: 100%;
	float: none;
}
.news-list .con .txt span {
	font-size: 16px;
	margin-bottom: 15px;
}
.down-info {
	padding: 20px 10px;
}
.down-info li {
	height: 40px;
}
.down-info li span {
	line-height: 40px;
	font-size: 12px;
}
.down-info li span i {
	font-size: 16px;
	margin-right: 10px;
}
.down-info li em {
	display: none;
}
.down-info li o {
	display: none;
}
.foot-copy {
	line-height: 25px;
	padding: 20px 0;
}
.filters li {
	padding: 10px 18px;
	font-size: 14px;
}
.inner {
	padding: 30px 0;
}
.product-item {
	margin-bottom: 20px;
}
.product-item img {
	width: 100%;
}
.contact-form-content {
	padding: 20px;
}
.contact-fl, .contact-fr {
	padding: 0;
	margin-top: 30px;
}
.contact-form-content .tit span {
	font-size: 24px;
}
input.contact_sub {
	width: 180px !important;
	height: 40px !important;
	line-height: 40px;
}
input.gbk_5 {
	width: 150px !important;
	left: 0;
	top: 300px;
}
.contact-fr .vdimgck {
	left: 170px;
	top: 302px;
}
.job-tit {
	display: none;
}
}
.contents {
	margin-top: 20px;
}
.contents .col-xs-12 img {
	max-width: 100%
}
.contents .col-xs-12 p.center {
	text-align: center;
}
/*发展历程*/







#timeline {
	overflow: hidden;
	margin: 30px 15px;
	position: relative;
	background: url('../images/dot.gif') left 49px repeat-x;
	z-index: 1;
}
#timeline #next {
	width: 30px;
	height: 30px;
	left: 0;
	top: 40px;
	position: absolute;
	z-index: 9999;
}
#timeline #prev {
	width: 30px;
	height: 30px;
	right: -9px;
	top: 40px;
	position: absolute;
	z-index: 9999;
}
#timeline a#next, #timeline a#prev {
	color: #000;
}
#timeline #next .fa, #timeline #prev .fa {
	font-size: 22px;
}
#timeline #next img, #timeline #prev img {
	display: block;
	border: none;
	width: 20px;
	height: 20px;
}
#dates {
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
	max-width: none;
}
#dates li {
	list-style: none;
	float: left;
	width: 130px;
}
#dates a {
	line-height: 42px;
	color: #999;
	display: block;
	height: 60px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	background: url('../images/biggerdot.png') center bottom no-repeat;
}
#dates .selected {
	font-size: 24px;
	color: #006eb1;
	background: url('../images/biggerdot1.png') center bottom no-repeat;
}
#issues {
	overflow: hidden;
	max-width: none;
	margin-bottom: 0;
}
#issues li {
	width: 1200px;
	float: left;
	padding: 20px 0;
	overflow: hidden;
}
#issues li .tywb {
	overflow: hidden;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	margin: 0 5%;
	text-align: center;
}
#issues li .tywb p {
	padding: 0;
	margin: 0;
}
/*我们的实力*/







.jsbg {
	background: url(../images/rew.jpg) no-repeat top center;
	padding: 140px 0;
	margin-bottom: 5%;
	margin-top: 20px;
}
.jsbbox01 {
	overflow: hidden;
}
.jsbbox01 dt {
	float: left;
	width: 50%;
	overflow: hidden;
}
.jsbbox01 dt h1 {
	padding: 100px 35px 350px 95px;
	background: url(../images/jjimg.png) no-repeat top center;
	height: 100px;
	line-height: 50px;
	text-align: center;
	width: 450px;
	margin: 0 auto;
	font-size: 36px;
	color: #FFF;
}
.jsbbox01 dt h1 span {
	display: block;
	font-size: 18px;
}
.jsbbox01 dd {
	float: right;
	width: 40%;
	margin: 0 5%;
	overflow: hidden;
}
.jsbbox01 dd ul {
	overflow: hidden;
}
.jsbbox01 dd ul li {
	padding: 15px 0;
	overflow: hidden;
	height: 150px;
}
.jsbbox01 dd ul li img {
	width: 120px !important;
	height: 120px;
	float: left;
}
.jsbbox01 dd ul li h1 {
	line-height: 30px;
	color: #5b92fb;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-left: 150px;
}
.jsbbox01 dd ul li span {
	display: block;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-left: 150px;
	text-transform: uppercase;
}
.jsbbox01 dd ul li h2 {
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	max-height: 60px;
	margin-left: 150px;
}
.show_mobile {
	display: none;
}

@media(max-width:990px) {
.show_mobile {
	display: block;
}
}
.paging {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}
.paging .fl {
	font-size: 16px;
	line-height: 30px;
}
.product-info {
    line-height: 25px;
    padding-bottom: 20px;
}