@charset "utf-8";
* {
	padding:0;
	margin:0;
	box-sizing:border-box
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	font-size:14px;
	color:#333;
	font-family:Microsoft YaHei,Simsun,Arial,Tahoma,Helvetica,Verdana,sans-serif
}
ol,ul {
	list-style:none
}
a {
	cursor:pointer;
	color:#999;
	outline:0
}
a,a:hover {
	text-decoration:none
}
a:hover {
	color:#ba1111
}
button,input,select,textarea {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	outline:0;
	overflow:visible;
	vertical-align:middle
}
@font-face {
	font-family:Web Icons;
	font-weight:400;
	font-style:normal;
	src:url(../fonts/web-icons/web-icons.eot?v=0.2.3);
	src:url(../fonts/web-icons/web-icons.eot?#iefix&v=0.2.3) format("embedded-opentype"),url(../fonts/web-icons/web-icons.woff2?v=0.2.3) format("woff2"),url(../fonts/web-icons/web-icons.woff?v=0.2.3) format("woff"),url(../fonts/web-icons/web-icons.ttf?v=0.2.3) format("truetype"),url(../fonts/web-icons/web-icons.svg?v=0.2.3#web-icons) format("svg")
}
[class*=" wb-"],[class^=wb-],address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:400
}
[class*=" wb-"],[class^=wb-] {
	font-family:Web Icons;
	position:relative;
	display:inline-block;
	transform:translate(0);
	text-rendering:auto;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.clearfix {
	zoom:1;
	clear:both
}
.clearfix:after {
	display:table;
	clear:both;
	content:""
}
.row {
	margin-right:-.9375rem;
	margin-left:-.9375rem
}
.row:after {
	display:table;
	clear:both;
	content:""
}
@media (min-width:480px) {
	.row {
	margin-right:-.9375rem;
	margin-left:-.9375rem
}
}
@media (min-width:768px) {
	.row {
	margin-right:-.9375rem;
	margin-left:-.9375rem
}
}
@media (min-width:992px) {
	.row {
	margin-right:-.9375rem;
	margin-left:-.9375rem
}
}
@media (min-width:1200px) {
	.row {
	margin-right:-.9375rem;
	margin-left:-.9375rem
}
}
.col-lg-5,.col-lg-7 {
	position:relative;
	min-height:1px;
	padding-right:.9375rem;
	padding-left:.9375rem
}
@media (min-width:480px) {
	.col-lg-5,.col-lg-7 {
	padding-right:.9375rem;
	padding-left:.9375rem
}
}
@media (min-width:768px) {
	.col-lg-5,.col-lg-7 {
	padding-right:.9375rem;
	padding-left:.9375rem
}
}
@media (min-width:992px) {
	.col-lg-5,.col-lg-7 {
	padding-right:.9375rem;
	padding-left:.9375rem
}
}
@media (min-width:1200px) {
	.col-lg-5,.col-lg-7 {
	padding-right:.9375rem;
	padding-left:.9375rem
}
}
@media (min-width:992px) {
	.col-lg-5 {
	float:left;
	width:41.666667%
}
.col-lg-7 {
	float:left;
	width:58.333333%
}
}
.nav {
	margin-bottom:0;
	padding-left:0;
	list-style:none
}
.curren_position {
	padding-top:20px;
	padding-left:5px;
	padding-right:5px
}
.curren_position .border-bottom {
	border-bottom:1px solid #eee
}
.breadcrumb {
	margin-bottom:1rem;
	padding:.75rem 1rem;
	list-style:none;
	border-radius:.215rem
}
.breadcrumb:after {
	display:table;
	clear:both;
	content:""
}
.breadcrumb-item {
	float:left
}
.breadcrumb-item+.breadcrumb-item:before {
	display:inline-block;
	padding-right:.5rem;
	padding-left:.5rem;
	content:"/";
	color:#ccd5db
}
.breadcrumb-item+.breadcrumb-item:hover:before {
	text-decoration:underline;
	text-decoration:none
}
.breadcrumb-item.active {
	color:#76838f
}
.breadcrumb {
	margin-bottom:10px;
	background-color:transparent
}
.breadcrumb-item+.breadcrumb-item:before {
	padding:0 5px
}
.breadcrumb-item .icon {
	text-decoration:none
}
.breadcrumb-item .icon:before {
	margin-right:10px
}
.breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
	content:"» "
}
.curren_position ul {
	float:right;
	color:#999;
	padding-left:0;
	padding-right:0;
	margin:0
}
.curren_position ul>.breadcrumb-item>a {
	color:#999;
	text-decoration:none
}
.curren_position ul>.breadcrumb-item>a:hover {
	color:#ba1111
}
.icon {
	position:relative;
	display:inline-block;
	font-style:normal;
	font-weight:400;
	text-rendering:auto;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0);
	line-height:1
}
.page_updown {
	width:100%;
	clear:both;
	display:block
}
.page_updown ul {
	clear:both;
	display:block;
	border-top:1px solid #f7f7f7;
	font-size:0;
	list-style:none;
	padding:20px 15px;
	margin:0
}
.page_updown ul li {
	float:left;
	display:inline-block;
	font-size:14px;
	width:50%
}
.page_updown ul li:last-child a {
	float:right
}
.page_updown ul li a {
	position:relative;
	float:left;
	margin-left:-1px;
	padding:8px 1.072rem;
	color:#76838f;
	border:1px solid #e4eaec;
	background-color:transparent;
	max-width:100%;
	border-radius:24px;
	color:#2a333c;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page_updown ul li a,.page_updown ul li a:hover {
	text-decoration:none;
	transition:all .2s ease-out
}
.page_updown ul li a:hover {
	color:#89bceb;
	border-color:#e4eaec;
	background-color:#f3f7f9;
	color:#4e97d9
}
.page_updown ul li>span {
	padding:.643rem 1.072rem;
	transition:all .2s ease-out
}
.page_updown ul li>span:focus,.page_updown ul li>span:hover {
	transition:all .2s ease-out;
	text-decoration:none
}
@media (max-width:479px) {
	.hidden-xs-down {
	display:none!important
}
}
@media (max-width:767px) {
	.hidden-sm-down {
	display:none!important
}
}
.padding-left-5 {
	padding-left:5px!important
}
.page10 {
	padding:10px!important
}
.page20 {
	padding:20px!important
}
.page-content {
	padding:30px
}
@media (max-width:479px) {
	.page-content {
	padding:10px
}
}
.panel {
	position:relative;
	margin-bottom:1.875rem;
	background-color:#fff;
	border:0 solid transparent;
	border-radius:.286rem;
	box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel>:not(.panel-loading):not(.collapsing) {
	transition:opacity .3s
}
.cover-image {
	width:100%
}
.example {
	margin-top:20px;
	margin-bottom:20px
}
.example:after,.example:before {
	content:"";
	display:table
}
.example:after {
	clear:both
}
.wb-home:before {
	content:""
}
.section_editor,body {
	color:#2a333c
}
.sidebar-piclist-ul {
	padding:0 20px 10px;
	margin:20px 0 0
}
.sidebar-piclist-ul li h4 {
	margin:10px 10px 0;
	font-size:14px
}
.sidebar-piclist-ul li h4 a {
	color:#5e7387
}
.sidebar-piclist-ul li h4 a:hover {
	color:#4e97d9
}
.tpl_showproduct_top.page-content {
	background:#fff
}
.tpl_showproduct_top .product-intro p.description {
	color:#5e7387
}
.block-bg,.met-showproduct.pagetype2 .content:nth-child(2n) .page-content,.panel {
	background:#f2f2f2
}
.panel {
	background:#fff;
	border-radius:0!important
}
.tag {
	font-size:inherit
}
.page-content {
	padding:30px 0
}
@media (max-width:991px) {
	.page-content {
	padding:20px 0
}
.panel {
	margin-bottom:20px
}
}
@media (max-width:767px) {
	.page-content {
	padding:15px 0
}
.panel {
	margin-bottom:15px
}
}
@media screen {
	select.form-control {
	padding-right:15px
}
}
.btn,.form-control {
	border-radius:0
}
.swiper-wrapper>* {
	box-sizing:border-box
}
.section_editor {
	max-width:100%;
	width:100%;
	font-size:16px;
	font-weight:300
}
.section_editor p {
	margin-bottom:.8em
}
.section_editor img {
	max-width:100%!important;
	vertical-align:top
}
@media (max-width:767px) {
	.section_editor {
	font-size:14px
}
}
.tpl_page {
	max-width:100%
}
.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1
}
.swiper-wrapper {
	z-index:1;
	display:-ms-flexbox;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	transform:translateZ(0)
}
.swiper-slide,.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0
}
.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:50%;
	width:27px;
	height:44px;
	margin-top:-22px;
	z-index:2;
	cursor:pointer;
	background-size:27px 44px;
	background-position:50%;
	background-repeat:no-repeat
}
.swiper-button-prev {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left:10px;
    right:auto
}
.swiper-button-next {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right:10px;
	left:auto
}
.swiper-pagination {
	position:absolute;
	text-align:center;
	transition:.3s;
	transform:translateZ(0);
	z-index:2
}
.section_editor {
	padding:30px;
	line-height:1.8;
	word-wrap:break-word
}
.tpl_feedback {
	padding:30px 0;
	background:#f2f2f2
}
.tpl_feedback .container {
	max-width:800px
}
@media (max-width:767px) {
	.tpl_feedback {
	padding:10px
}
}
.tpl_feedback .tpl_feedback-body {
	background:#fff;
	padding:30px;
	box-shadow:0 1px 1px rgba(0,0,0,.05)
}
@media (max-width:767px) {
	.tpl_feedback .tpl_feedback-body {
	padding:10px
}
}
.product-hot {
	border-radius:0;
	margin:0
}
.container_1 {
	width:1200px;
	margin:0 auto
}
.head {
	width:100%;
	height:195px;
	background:url(../images/heabg.jpg) no-repeat 50%;
	background-size:cover
}
.head .top {
	height:30px;
	line-height:30px;
	display:flex;
	justify-content:space-between
}
.head .top span {
	color:#fff
}
.head .top a {
	color:#fff;
	margin-right:10px
}
.head .header {
	display:flex;
	align-items:center
}
.head .header .title {
	margin:15px 46px 0 78px
}
.head .header .title h2 {
	font-size:22px;
	font-weight:700;
	color:#000;
	letter-spacing:3px
}
.head .header .title span {
	font-size:18px
}
.jn-tit {
	display:none
}
.head .header .phone {
	padding-left:60px
}
.head .header .phone p:first-child {
	font-size:14px;
	color:#fff
}
.head .header .phone p:nth-child(2) {
	font-size:30px;
	color:#fdff37;
	font-weight:700
}
.head .header .year {
	margin-left:50px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.head .header .year span {
	padding-left:16px;
	font-size:16px
}
.head .header .year span em {
	color:#fff
}
.head .nav {
	margin:15px auto 0;
	color:#f0f0f0;
	display:flex
}
.head .nav a {
	display:block;
	padding:0 37px;
	font-size:16px;
	color:#fff;
	line-height:inherit;
	cursor:pointer
}
.head .nav_menu {
	line-height:40px;
	font-weight:700;
	text-transform:uppercase
}
.head .nav_menu-item {
	display:inline-block;
	position:relative
}
.head .nav_menu-item:hover {
	background:#9fc33b;
	border-radius:9999px
}
.head .nav_menu-item:hover .nav_submenu {
	opacity:1;
	top:42px;
	visibility:visible
}
.head .nav_submenu {
	line-height:35px;
	font-weight:300;
	width:180px;
	border-radius:6px;
	text-transform:none;
	opacity:0;
	visibility:hidden;
	background:rgba(45,45,45,.8);
	position:absolute;
	z-index:3;
	top:50px;
	transition:all .4s ease;
	-webkit-transition:all .4s ease
}
.head .nav_submenu a {
	display:block;
	padding:0 16px;
	font-size:14px;
	color:#fff;
	line-height:inherit;
	cursor:pointer
}
.head .nav_submenu-item:hover {
	background:#9fc33b;
	border-radius:6px
}
.search {
	width:100%;
	height:60px;
	line-height:60px;
	display:flex
}
.search .searchKey h5 {
	line-height:60px;
	font-weight:700
}
.search .container_1 {
	display:flex;
	justify-content:space-between
}
.search .searchKey {
	display:flex
}
.search .searchKey li {
	float:left;
	margin-right:10px
}
.p-t-13 {
	padding-top:13px!important
}
.search .searchBox {
	display:flex;
	align-items:center
}
.search .searchBox input {
	width:258px;
	height:34px;
	line-height:34px;
	box-sizing:border-box;
	padding-left:5px;
	border:1px solid #d0d0d0
}
.search .searchBox button {
	height:34px;
	line-height:34px;
	width:36px;
	border:none;
	cursor:pointer;
	display:block;
	background:#54b600
}
.banner .swiper-container {
	width:100%;
	height:100%
}
.banner .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center
}
.banner .swiper-pagination-bullet-active {
	opacity:1;
	background:#fff
}
.banner img,.products {
	width:100%
}
.products {
	padding:62px 0;
	background:#f2f2f2
}
.products .container_1 {
	display:flex;
	flex-direction:row;
	justify-content:space-between
}
.products .productsLeft {
	width:210px
}
.products .productsLeft .title {
	width:100%;
	height:120px;
	box-sizing:border-box;
	background:#54b600;
	color:#fff;
	padding-left:54px;
	padding-top:36px;
	position:relative
}
.products .productsLeft .title .tag {
	position:absolute;
	width:34px;
	height:34px;
	background:#fff;
	left:12px;
	top:45px;
	border-radius:50%
}
.products .productsLeft .title .tag i {
	color:#54b600;
	padding-left:1px;
	line-height:30px;
	font-size:20px
}
.products .productsLeft .title .tag {
	font-size: 75%;
	font-weight: 400;
	line-height: 1;
	display: inline-block;
	padding: .25em .6em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}
.products .productsLeft .title h4 {
	font-size:24px;
	color:#fff
}
.products .productsLeft .title span {
	display:block;
	color:hsla(0,0%,100%,.4)
}
.products .productsLeft .productsItem li {
	width:100%;
	height:60px;
	line-height:60px;
	cursor:pointer;
	background:#fff;
	padding-left:45px;
	border-left:2px solid #fff;
	box-sizing:border-box;
	position:relative;
	border-bottom:1px solid #f2f2f2;
	display:flex;
	transition:all .2s
}
.products .productsLeft .productsItem li:hover {
	border-left:2px solid #54b600
}
.products .productsLeft .productsItem li:hover a {
	color:#54b600
}
.products .productsLeft .productsItem li a {
	color:#333
}
.products .productsLeft .productsItem li i {
	position:absolute;
	left:17px
}
.products .productsLeft .productPhone {
	position:relative;
	width:100%;
	height:82px;
	padding:10px 0 0;
	background:#fff;
	text-align:center;
	color:#1e6b03;
	font-size:22px
}
.products .productsLeft .productPhone span {
	display:block;
	line-height:30px;
	text-align:left;
	padding:0 0 0 55px
}
.products .productsLeft .productPhone i {
	position:absolute;
	left:15px;
	top:20px;
	color:#1e6b03;
	font-size:30px
}
.productsRight {
	width:970px;
	background:#fff;
	padding-left:5px
}
.productsRight ul li {
	float:left;
	margin-top:20px;
	margin-left:20px
}
.productsRight ul li:hover img {
	border:2px solid #54b600
}
.productsRight ul li:hover span {
	color:#54b600
}
.productsRight ul img {
	width:292px;
	height:222px;
	display:block;
	border:2px solid #f2f2f2
}
.productsRight ul span {
	color:#333;
	font-size:12px;
	display:block;
	text-align:center;
	margin-top:5px
}
.about {
	width:100%
}
.about .title {
	box-sizing:border-box;
	padding:26px 0 22px;
	background-color:#fff;
	text-align:center
}
.about .title h2 {
	font-size:30px;
	color:#333;
	font-weight:700
}
.about .title p {
	font-size:14px;
	color:#999
}
.about .aboutBanner {
	margin-bottom:40px;
	display:flex;
	flex-direction:row
}
.about .aboutBanner .aboutLeft {
	flex:1
}
.about .aboutBanner .aboutLeft img {
	width:100%
}
.about .aboutBanner .aboutRight {
	flex:1;
	background:#54b600;
	position:relative
}
.about .aboutBanner .aboutRight .aboutInfo {
	position:absolute;
	box-sizing:border-box;
	padding:0 30px 0 34px;
	max-width:600px;
	left:0;
	top:0;
	height:100%;
	color:#fff
}
.about .aboutBanner .aboutRight .aboutInfo h3 {
	font-size:24px;
	font-weight:400;
	margin-top:30px;
	border-bottom:3px solid #fff;
	display:inline-block;
	padding-bottom:4px;
	color:#fff
}
.about .aboutBanner .aboutRight .aboutInfo p {
	text-indent:30px;
	font-size:16px;
	line-height:30px;
	margin-top:28px;
	margin-bottom:20px
}
.about .aboutBanner .aboutRight .aboutInfo a {
	font-size:16px;
	color:#fff;
	vertical-align:middle
}
.about .aboutBanner .aboutRight .aboutInfo a i {
	font-size:18px;
	color:#fff;
	margin-left:12px
}
.about .aboutSwiper {
	width:100%;
	background:#f2f2f2;
	padding:60px 0;
	position:relative;
	display:flex
}
.about .aboutSwiper .container_1 {
	width:1096px;
	height:176px;
	margin:0 auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:0 20px
}
.about .aboutSwiper .container_1 .swiper-containerss .swiper-button-next,.about .aboutSwiper .container_1 .swiper-containerss .swiper-button-prev {
	display:none
}
.about .aboutSwiper .container_1 .swiper-containerss .swiper-slide a {
	width:260px;
	display:inline-block
}
.about .aboutSwiper .left .row {
	right:20px
}
.about .aboutSwiper .row {
	width:20px;
	height:30px;
	background:#000;
	color:#fff;
	line-height:30px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	cursor:pointer
}
.about .aboutSwiper .row:hover {
	background:#54b600
}
.about .aboutSwiper .left,.about .aboutSwiper .right {
	width:18.75%;
	max-width:360px;
	height:176px;
	background:#fff;
	position:relative
}
.about .aboutSwiper .right .row {
	left:20px
}
.example {
	margin:0
}
.example .title {
	box-sizing:border-box;
	padding:26px 0 22px;
	background-color:#fff;
	text-align:center
}
.example .title h2 {
	font-size:30px;
	color:#333;
	font-weight:700
}
.example .title p {
	font-size:14px;
	color:#999
}
.example .tabs {
	width:100%;
	padding-bottom:64px
}
.example .tabs .tabTitle {
	width:100%;
	height:46px;
	line-height:46px;
	background:#54b600;
	color:#fff
}
.example .tabs .tabTitle li {
	width:180px;
	text-align:center;
	font-size:16px;
	color:#fff;
	float:left;
	font-weight:700;
	cursor:pointer;
	position:relative
}
.example .tabs .tabTitle li:after {
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border:10px solid transparent;
	border-top:10px solid #9fc33b;
	left:50%;
	display:none;
	margin-left:-10px
}
.example .tabs .tabTitle li.active {
	background:#9fc33b
}
.example .tabs .tabTitle li.active:after {
	display:block
}
.example .tabs .tabContent {
	padding-top:40px;
	width:100%;
	display:none;
	overflow:hidden
}
.example .tabs .tabContent.active {
	display:block
}
.example .tabs .tabContent div:nth-child(3) {
	margin-right:0
}
.example .tabs .tabContent .tabItem {
	width:380px;
	float:left;
	margin-right:30px;
	cursor:pointer
}
.example .tabs .tabContent .tabItem:hover .itemInfo {
	border:1px solid #54b600;
	border-top:none
}
.example .tabs .tabContent .tabItem:hover i,.example .tabs .tabContent .tabItem:hover p {
	color:#54b600
}
.example .tabs .tabContent .tabItem .itemInfo {
	width:100%;
	height:108px;
	padding-top:14px;
	box-sizing:border-box;
	border:1px solid #d0d0d0;
	border-top:none
}
.example .tabs .tabContent .tabItem p {
	font-size:16px;
	text-align:center
}
.example .tabs .tabContent .tabItem i {
	font-size:30px;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:26px
}
.news {
	width:100%;
	padding-bottom:58px;
	background:#f2f2f2
}
.news .title {
	box-sizing:border-box;
	padding:26px 0 22px;
	text-align:center
}
.news .title h2 {
	font-size:30px;
	color:#333;
	font-weight:700
}
.news .title p {
	font-size:14px;
	color:#999
}
.news .newsList {
	overflow:hidden
}
.news .newsList li:nth-child(3) {
	margin-right:0
}
.news .newsList li {
	width:380px;
	height:180px;
	box-sizing:border-box;
	padding:25px 20px 16px;
	background:#fff;
	float:left;
	margin-right:30px
}
.news .newsList li h6 {
	font-size:18px;
	color:#212121;
	font-weight:400;
	padding:0;
	margin:0
}
.news .newsList li p {
	color:#666;
	margin:16px 0;
	font-size:14px;
	line-height:24px
}
.news .newsList li span {
	font-size:16px;
	color:#8e8e8e;
	display:block
}
.footer {
	width:100%;
	background:#48a701;
	padding:56px 0 0;
	box-sizing:border-box
}
.footer,.footer a {
	color:#000
}
.footer .footerWrap {
	overflow:hidden
}
.footer .title h4 {
	color:#000;
	font-size:16px;
	font-weight:400;
	display:block;
	position:relative;
	padding-bottom:14px;
	margin-bottom:10px;
	display:inline-block
}
.footer .title h4:after,.footer .title h4:before {
	content:"";
	display:block;
	height:1px;
	position:absolute;
	bottom:0
}
.footer .title h4:before {
	background:#548c0d;
	width:100%
}
.footer .title h4:after {
	width:45%
}
.footer .title li {
	line-height:30px
}
.footer .webNav {
	float:left
}
.footer .webNav ul {
	width:200px;
	float:left;
	margin-right:60px
}
.footer .webNav ul li {
	float:left;
	width:50%
}
.link {
	padding-bottom:10px
}
.link p {
	display:inline-block
}
.footer .company {
	float:left;
	margin-right:120px
}
.footer .tel {
	float:left
}
.footer .tel .telphone {
	font-size:28px;
	padding-right:10px;
	padding-left:45px;
	border-bottom:1px solid #548c0d;
	line-height:34px;
	margin-bottom:5px;
	margin-top:-5px;
	padding-bottom:5px;
	position:relative
}
.footer .tel .telphone i {
	position:absolute;
	left:0;
	top:20px;
	font-size:40px
}
.footer .us {
	float:right
}
.bottom {
	width:100%;
	background:#54b600;
	height:60px;
	line-height:60px
}
.bottom,.bottom a {
	color:#000
}
.bottom .container_1 {
	display:flex;
	justify-content:space-between
}
.bottom .container_1 span {
	color:#000;
	display:block;
	font-size:14px
}
@media screen and (max-width:1240px) {
	.banner .swiper-pagination {
	bottom:0!important
}
.container_1 {
	width:98%;
	margin:0 auto
}
a {
	color:#999;
	text-decoration:none!important
}
.head {
	width:100%;
	height:1rem;
	background:url(../images/heabg.jpg) no-repeat 50%;
	background-size:cover
}
.head .top {
	height:30px;
	line-height:30px;
	display:flex;
	display:none;
	justify-content:space-between
}
.head .top span {
	color:#fff
}
.head .top a {
	color:#fff;
	margin-right:10px
}
.head .header {
	display:flex;
	align-items:center;
	height:60px
}
.head .header .logo {
	height:60px;
	margin:0 auto;
	margin-top:-.1rem
}
.head .header .logo img {
	height:100%
}
.head .header .title {
	margin:15px 46px 0 78px;
	display:none
}
.head .header .title h2 {
	font-size:22px;
	font-weight:700;
	color:#000;
	letter-spacing:3px
}
.head .header .title span {
	font-size:18px
}
.jn-tit {
	display:block;
	padding:5px 0 5px 10px;
	font-size:14px;
	color:#000;
	text-align:center;
	font-weight:700;
	background:url(../images/heabg1.jpg) no-repeat 50%;
	background-size:cover;
	padding-right:60px
}
.head .header .phone {
	display:none;
	vertical-align:middle;
	float:right
}
.head .header .phone p:first-child {
	font-size:14px;
	color:#fff;
	float:left;
	line-height:1rem;
	margin-right:5px
}
.head .header .phone p:nth-child(2) {
	float:left;
	font-size:24px;
	color:#fdff37;
	font-weight:700;
	line-height:60px
}
.head .header .year {
	margin-left:50px;
	display:flex;
	display:none;
	align-items:center;
	justify-content:space-between
}
.head .header .year span {
	padding-left:16px;
	font-size:16px
}
.head .header .year span em {
	color:#fff
}
.head .nav {
	margin-top:30px;
	display:none
}
.head .nav li {
	margin-right:37px
}
.head .nav a {
	font-size:16px;
	color:#fff;
	padding:8px 26px;
	text-decoration:none
}
.head .nav a:hover {
	background:#9fc33b;
	border-radius:9999px
}
.search {
	width:100%;
	line-height:.6rem;
	display:flex
}
.search .container_1 {
	display:flex;
	justify-content:space-between
}
.search .searchKey {
	display:flex;
	display:none
}
.search .searchKey li {
	float:left;
	margin-right:10px
}
.search .searchBox {
	width:100%;
	display:flex;
	align-items:center
}
.search .searchBox input {
	width:100%;
	height:34px;
	box-sizing:border-box;
	padding-left:5px;
	border:1px solid #d0d0d0
}
.search .searchBox button {
	height:34px;
	width:36px;
	border:none;
	display:block;
	background:#54b600
}
.banner {
	width:100%;
	display:flex;
	min-width:320px
}
.products {
	width:100%;
	padding:.62rem 0;
	background:#f2f2f2
}
.products .container_1 {
	display:flex;
	flex-direction:row;
	justify-content:space-between
}
.products .productsLeft {
	width:210px;
	display:none
}
.products .productsLeft .title {
	width:100%;
	height:120px;
	box-sizing:border-box;
	background:#54b600;
	color:#fff;
	padding-left:54px;
	padding-top:36px;
	position:relative
}
.products .productsLeft .title .tag {
	position:absolute;
	width:34px;
	height:34px;
	background:#fff;
	left:12px;
	top:45px;
	border-radius:50%
}
.products .productsLeft .title .tag i {
	color:#54b600;
	padding-left:6px;
	line-height:34px;
	font-size:20px
}
.products .productsLeft .title h4 {
	font-size:24px
}
.products .productsLeft .title span {
	display:block;
	color:hsla(0,0%,100%,.4)
}
.products .productsLeft .productsItem li {
	width:100%;
	height:60px;
	line-height:60px;
	cursor:pointer;
	background:#fff;
	padding-left:45px;
	border-left:2px solid #fff;
	box-sizing:border-box;
	position:relative;
	border-bottom:1px solid #f2f2f2;
	display:flex;
	transition:all .2s
}
.products .productsLeft .productsItem li:hover {
	border-left:2px solid #54b600
}
.products .productsLeft .productsItem li:hover a {
	color:#54b600
}
.products .productsLeft .productsItem li a {
	color:#333
}
.products .productsLeft .productsItem li i {
	position:absolute;
	left:17px
}
.products .productsLeft .productPhone {
	height:92px;
	line-height:92px;
	background:#fff;
	text-align:center;
	color:#1e6b03;
	font-size:22px;
	display:flex
}
.products .productsLeft .productPhone i {
	color:#1e6b03;
	font-size:30px;
	margin:0 7px 0 22px
}
.productsRight {
	width:100%;
	background:#fff;
	padding:10px 0;
	padding-left:5px
}
.productsRight ul li {
	width:33.333333333333336%;
	float:left;
	margin-top:.2rem;
	margin-left:0;
	box-sizing:border-box
}
.productsRight ul li:hover img {
	border:2px solid #54b600
}
.productsRight ul li:hover span {
	color:#54b600
}
.productsRight ul img {
	width:93%;
	height:auto;
	display:block;
	margin:0 auto;
	border:2px solid #f2f2f2
}
.productsRight ul span {
	width:93%;
	margin:0 auto;
	color:#333;
	font-size:12px;
	display:block;
	text-align:center;
	margin-top:5px
}
.about {
	width:100%
}
.about .title {
	height:4.6rem;
	box-sizing:border-box;
	padding-top:1rem;
	background-color:#fff;
	text-align:center
}
.about .title h2 {
	font-size:1.4rem;
	color:#333;
	font-weight:700
}
.about .title p {
	font-size:12px;
	color:#999
}
.about .aboutBanner {
	margin:0;
	display:flex;
	height:28rem;
	flex-direction:row
}
.about .aboutBanner .aboutLeft {
	flex:1;
	display:none
}
.about .aboutBanner .aboutLeft img {
	width:100%
}
.about .aboutBanner .aboutRight {
	flex:1;
	width:100%;
	background:#54b600;
	position:relative
}
.about .aboutBanner .aboutRight .aboutInfo {
	width:90%;
	position:absolute;
	box-sizing:border-box;
	padding-left:0;
	max-width:100%;
	left:5%;
	top:0;
	height:100%;
	color:#fff
}
.about .aboutBanner .aboutRight .aboutInfo h3 {
	font-size:1.2rem;
	font-weight:400;
	margin-top:2rem;
	border-bottom:3px solid #fff;
	display:inline-block;
	padding-bottom:4px
}
.about .aboutBanner .aboutRight .aboutInfo p {
	font-size:14px;
	line-height:1.8rem;
	margin-top:1rem;
	margin-bottom:1rem
}
.about .aboutBanner .aboutRight .aboutInfo a {
	font-size:16px;
	color:#fff;
	vertical-align:middle
}
.about .aboutBanner .aboutRight .aboutInfo a i {
	font-size:18px;
	color:#fff;
	margin-left:12px
}
.about .aboutSwiper {
	width:100%;
	background:#f2f2f2;
	padding:60px 0;
	position:relative;
	display:flex;
	display:none
}
.example .title {
	height:4.6rem;
	box-sizing:border-box;
	padding-top:1rem;
	background-color:#fff;
	text-align:center
}
.example .title h2 {
	font-size:1.4rem;
	color:#333;
	font-weight:700
}
.example .title p {
	font-size:12px;
	color:#999
}
.example .tabs {
	width:100%;
	padding-bottom:.64rem
}
.example .tabs .tabTitle {
	width:100%;
	height:46px;
	line-height:46px;
	background:#54b600;
	color:#fff;
	display:flex
}
.example .tabs .tabTitle li {
	width:180px;
	flex:1;
	text-align:center;
	font-size:16px;
	color:#fff;
	float:left;
	font-weight:700;
	cursor:pointer;
	position:relative
}
.example .tabs .tabTitle li:after {
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	border:10px solid transparent;
	border-top:10px solid #9fc33b;
	left:50%;
	display:none;
	margin-left:-10px
}
.example .tabs .tabTitle li.active {
	background:#9fc33b
}
.example .tabs .tabTitle li.active:after {
	display:block
}
.example .tabs .tabContent {
	padding-top:20px;
	width:100%;
	display:none;
	overflow:hidden
}
.example .tabs .tabContent.active {
	display:block
}
.example .tabs .tabContent div:nth-child(3) {
	margin-right:0
}
.example .tabs .tabContent .tabItem {
	width:33.333333333333336%;
	float:left;
	padding:0 1%;
	margin-right:0;
	cursor:pointer
}
.example .tabs .tabContent .tabItem img {
	width:100%
}
.example .tabs .tabContent .tabItem:hover .itemInfo {
	border:1px solid #54b600;
	border-top:none
}
.example .tabs .tabContent .tabItem:hover i,.example .tabs .tabContent .tabItem:hover p {
	color:#54b600
}
.example .tabs .tabContent .tabItem .itemInfo {
	width:100%;
	height:80px;
	padding-top:14px;
	box-sizing:border-box;
	border:1px solid #d0d0d0;
	border-top:none
}
.example .tabs .tabContent .tabItem p {
	font-size:16px;
	text-align:center
}
.example .tabs .tabContent .tabItem i {
	font-size:30px;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:0
}
.news {
	width:100%;
	padding-bottom:.58rem;
	background:#f2f2f2
}
.news .title {
	height:4rem;
	box-sizing:border-box;
	padding-top:1rem;
	text-align:center
}
.news .title h2 {
	font-size:1.4rem;
	color:#333;
	font-weight:700
}
.news .title p {
	font-size:12px;
	color:#999
}
.news .newsList {
	overflow:hidden;
	margin-left:-.3rem
}
.news .newsList li {
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:28px 20px 16px;
	background:#fff;
	float:none;
	margin-right:0;
	margin-top:5px
}
.news .newsList li h6 {
	font-size:14px;
	color:#212121;
	font-weight:400
}
.news .newsList li p {
	color:#666;
	margin:18px 0;
	font-size:12px;
	line-height:24px
}
.news .newsList li span {
	font-size:12px;
	color:#8e8e8e
}
.footer {
	width:100%;
	padding:1rem 0 0;
	box-sizing:border-box
}
.footer .footerWrap {
	overflow:hidden;
	margin-bottom:.3rem
}
.footer .title {
	text-align:center
}
.footer .title h4 {
	font-size:16px;
	font-weight:400;
	display:block;
	position:relative;
	padding-bottom:6px;
	margin-bottom:1rem;
	display:inline-block
}
.footer .title h4:after,.footer .title h4:before {
	content:"";
	display:block;
	height:1px;
	position:absolute;
	bottom:0
}
.footer .title h4:before {
	width:100%
}
.footer .title h4:after {
	width:45%
}
.footer .title li {
	line-height:20px
}
.footer .webNav {
	float:left;
	width:100%
}
.footer .webNav ul {
	width:80%;
	float:none;
	margin:0 auto
}
.footer .company {
	margin-right:120px
}
.footer .company,.footer .tel {
	width:100%;
	float:left;
	margin-top:20px
}
.footer .tel .telphone {
	width:50%;
	margin:-5px auto 5px;
	font-size:1.4rem;
	padding-right:0;
	padding-bottom:5px;
	line-height:25px
}
.footer .tel .telphone i {
	top:13px
}
.footer .tel .share,.footer .us {
	width:100%;
	margin-top:20px
}
.footer .us {
	float:none
}
.footer .link {
	padding-top:10px
}
.footer .link p {
	display:inline-block
}
.bottom {
	padding:5px 0;
	width:100%;
	background:#54b600;
	height:auto;
	line-height:1.6rem;
	text-align:center
}
.bottom .container_1 {
	display:block
}
.bottom .container_1 span {
	display:block;
	font-size:14px
}
}
@media screen and (max-width:640px) {
	.productsRight {
	width:100%;
	background:#fff;
	padding:10px 0;
	padding-left:5px
}
.productsRight ul li {
	width:50%;
	float:left;
	margin-top:.2rem;
	margin-left:0;
	box-sizing:border-box
}
.productsRight ul li:hover img {
	border:2px solid #54b600
}
.productsRight ul li:hover span {
	color:#54b600
}
.productsRight ul img {
	width:93%;
	height:auto;
	display:block;
	border:2px solid #f2f2f2
}
.productsRight ul span {
	color:#333;
	font-size:12px;
	display:block;
	text-align:center;
	margin-top:5px
}
.productsRight ul li:nth-child(9) {
	display:none
}
.example .tabs .tabContent {
	padding-top:20px;
	width:100%;
	display:none;
	overflow:hidden
}
.example .tabs .tabContent.active {
	display:block
}
.example .tabs .tabContent div:nth-child(3) {
	margin-right:0;
	display:none
}
.example .tabs .tabContent .tabItem {
	width:50%;
	float:left;
	padding:0 1%;
	margin-right:0;
	cursor:pointer
}
.example .tabs .tabContent .tabItem img {
	width:100%
}
.example .tabs .tabContent .tabItem:hover .itemInfo {
	border:1px solid #54b600;
	border-top:none
}
.example .tabs .tabContent .tabItem:hover i,.example .tabs .tabContent .tabItem:hover p {
	color:#54b600
}
.example .tabs .tabContent .tabItem .itemInfo {
	width:100%;
	height:80px;
	padding-top:14px;
	box-sizing:border-box;
	border:1px solid #d0d0d0;
	border-top:none
}
.example .tabs .tabContent .tabItem p {
	font-size:16px;
	text-align:center
}
.example .tabs .tabContent .tabItem i {
	font-size:30px;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:0
}
}