.swiper-container-banner {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto
}

.swiper-container-banner .swiper-wrapper {
	position: relative;
	width: 100%;
	height: auto
}

.swiper-container-banner .swiper-wrapper .swiper-slide {
	position: relative;
	width: 100%;
	height: auto
}

.swiper-container-banner .swiper-wrapper .swiper-slide .img-box {
	overflow: hidden;
	width: 100%;
	height: auto
}

.swiper-container-banner .swiper-wrapper .swiper-slide .img-box img {
	width: 100%;
	height: auto
}

.swiper-button-next,.swiper-button-prev {
	position: relative;
	margin: 0 1%;
	color: #1c1c1c!important;
	opacity: .2;
	transition: .5s ease-in-out
}

.swiper-button-next:hover,.swiper-button-prev:hover {
	outline: 0;
	opacity: 1;
	transition: .5s ease-in-out
}

.swiper-button-next:active,.swiper-button-prev:hover {
	outline: 0
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-size: 50px!important
}

.swiper-pagination-banner {
	position: relative;
	bottom: 60px!important;
	left: 50%!important;
	z-index: 9999;
	margin-left: -5%;
	width: 10%!important;
	height: 30px
}

.swiper-pagination-banner .swiper-pagination-bullet {
	float: left;
	overflow: hidden;
	margin: 2%!important;
	width: calc(84%/4);
	height: 8px;
	border-radius: 2px;
	background: #1c1c1c;
	transition: .5s ease-in-out
}

.swiper-pagination-banner .swiper-pagination-bullet-active {
	margin-top: 2px;
	outline: 0;
	border: none;
	background: #f0003f;
	transition: .5s ease-in-out
}

.advantage_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 70px auto;
	width: 100%;
	height: auto;
	max-width: 1400px
}
@media (max-width: 1600px){
	.advantage_box{
		max-width: 1200px;
	}
}
.advantage_box .ad_title {
	margin: 0 auto 80px;
	color: #1c1c1c;
	text-align: center;
	letter-spacing: .1em;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px
}

.advantage_box .ad_title span {
	display: block;
	color: #f0003f;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 24px
}

.advantage_box .ad_listbox {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	list-style-type: none
}

.advantage_box .ad_listbox li {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 260px;
	text-align: center
}
@media (min-width: 1600px) {
	.advantage_box .ad_listbox li{
		height: 290px;
	}
}
.advantage_box .ad_listbox li .ad_list {
	position: relative;
	top: 50%;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin-top: -105px;
	width: 45%;
	height: auto;
	text-align: right
}

.advantage_box .ad_listbox li .ad_list .title {
	position: relative;
	margin-top: 0;
	color: #f0003f;
	font-weight: 700;
	font-size: 32px;
	line-height: 42px
}

.advantage_box .ad_listbox li .ad_list .title span {
	display: block;
	color: #333;
	font-size: 20px;
	line-height: 30px
}

.advantage_box .ad_listbox li .ad_list .title span:after {
	position: absolute;
	top: 60px;
	width: 12%;
	border-bottom: 2px #333 solid;
	content: " "
}

.advantage_box .ad_listbox li:nth-child(1) .ad_list .title span:after {
	right: 0
}

.advantage_box .ad_listbox li:nth-child(2) .ad_list .title span:after {
	left: 0
}

.advantage_box .ad_listbox li:nth-child(3) .ad_list .title span:after {
	right: 0
}

.advantage_box .ad_listbox li:nth-child(4) .ad_list .title span:after {
	left: 0
}

.advantage_box .ad_listbox li:nth-child(5) .ad_list .title span:after {
	right: 0
}

.advantage_box .ad_listbox li:nth-child(6) .ad_list .title span:after {
	left: 0
}

.advantage_box .ad_listbox li:nth-child(7) .ad_list .title span:after {
	right: 0
}

.advantage_box .ad_listbox li .ad_list .title .line {
	float: right;
	display: none;
	margin: 14px auto;
	width: 50px;
	height: 2px;
	border-radius: 6px;
	background: #f0003f
}

.advantage_box .ad_listbox li:nth-child(2) .ad_list {
	float: right;
	text-align: left
}

.advantage_box .ad_listbox li:nth-child(2) .ad_imgborder {
	float: left
}

.advantage_box .ad_listbox li:nth-child(4) .ad_list {
	float: right;
	text-align: left
}

.advantage_box .ad_listbox li:nth-child(4) .ad_imgborder {
	float: left
}

.advantage_box .ad_listbox li:nth-child(6) .ad_list {
	float: right;
	text-align: left
}

.advantage_box .ad_listbox li:nth-child(6) .ad_imgborder {
	float: left
}

.advantage_box .ad_listbox li .ad_list .title span:nth-child(1) {
	color: #f0003f;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 26px;
	line-height: 50px
}

.advantage_box .ad_listbox li .ad_list .title span:nth-child(2) {
	margin-top: 30px;
	color: #333;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 16px;
    line-height: 20px;
}

.advantage_box .ad_listbox li .ad_list .title .content {
	float: left;
	margin-top: 30p;
	color: #333;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px
}
.advantage_box .ad_listbox li .ad_list .title .content p{
	font-size: 14px;
}
.advantage_box .ad_listbox li:nth-child(1) .ad_list .title .content {
	float: right;
	text-align: right
}

.advantage_box .ad_listbox li:nth-child(3) .ad_list .title .content {
	float: right;
	text-align: right
}

.advantage_box .ad_listbox li:nth-child(5) .ad_list .title .content {
	float: right;
	text-align: right
}

.advantage_box .ad_listbox li:nth-child(7) .ad_list .title .content {
	float: right;
	text-align: right
}

.advantage_box .ad_listbox li .ad_num {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 10%;
	height: auto
}

.advantage_box .ad_listbox li .ad_num span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	margin-top: -23px;
	margin-left: -23px;
	width: 46px;
	height: 46px;
	border-radius: 6px;
	background: #f0003f;
	color: #fff;
	font-size: 32px;
	line-height: 46px;
	opacity: 1
}

.advantage_box .ad_listbox li .ad_num .ad_num_bg {
	position: relative;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -1px;
	width: 2px;
	height: 260px;
	max-height: 260px;
	background: #f0003f
}
@media (min-width: 1600px){
	.advantage_box .ad_listbox li .ad_num .ad_num_bg {
		height: 290px;
		max-height: 290px;
	}
}
.advantage_box .ad_listbox li .ad_imgborder {
	position: relative;
	top: 50%;
	float: right;
	display: inline-block;
	overflow: hidden;
	margin-top: -110px;
	width: 45%;
	height: auto
}

.advantage_box .ad_listbox li .ad_imgborder img {
	width: 99%;
	height: auto;
	border: 2px #f0003f solid;
	border-radius: 12px
}

.product_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 100px auto;
	width: 100%;
	height: 560px;
	max-width: 1200px
}

.product_box .title {
	margin: 0 auto 60px;
	color: #1c1c1c;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px
}

.product_box .title span {
	display: block;
	color: #f0003f;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 24px
}

.product_box .nav_box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto
}

.product_box .nav_box ul li {
	position: relative;
	float: left;
	display: inline-block;
	margin: 0 1%;
	width: calc(89%/5);
	height: auto;
	border: 1px #333 solid;
	border-radius: 6px;
	text-align: center;
	line-height: 36px;
	transition: .35s ease-in-out
}

.product_box .nav_box ul li:hover {
	cursor: pointer
}

.product_box .nav_box ul li:nth-last-child(2) {
	display: none
}

.product_box .nav_box ul .nav_active {
	background: #f0003f;
	box-shadow: 0 2px 12px 0 rgba(23,108,25,.2);
	color: #fff;
	transition: .35s ease-in-out
}

.product_box .nav_box ul .nav_active a {
	border: none;
	color: #fff
}

.product_box .nav_box ul li:nth-last-child(1) {
	display: none
}

.product_box .nav_box ul li a {
	color: #333;
	letter-spacing: 0;
	font-size: 16px;
	transition: .7s ease-in-out
}

.product_box .nav_box ul li:hover {
	background: #f0003f;
	transition: .3s ease-in-out
}

.product_box .nav_box ul li:hover a {
	color: #fff;
	transition: .7s ease-in-out
}

.product_box .list_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px auto;
	width: 100%;
	height: auto
}

.product_box .list_box .list li {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin: 0 1%;
	width: calc(92%/4);
	height: auto
}

.product_box .list_box .list li:hover .product_imgborder img {
	transition: .5s ease-in-out;
	transform: scale(1.1)
}

.product_box .list_box .list li:hover .product_title {
	color: #f0003f;
	letter-spacing: 1.5px;
	transition: .5s ease-in-out
}

.product_box .list_box .list li .product_imgborder {
	overflow: hidden;
	width: 98%;
	height: auto;
	border: 1px #f0003f solid;
	border-radius: 12px;
	transition: .5s ease-in-out
}

.product_box .list_box .list li .product_imgborder img {
	width: 100%;
	height: auto;
	transition: .5s ease-in-out
}

.product_box .list_box .list li .product_title {
	width: 100%;
	height: auto;
	color: #333;
	text-align: center;
	letter-spacing: 0;
	font-size: 16px;
	line-height: 48px;
	transition: .5s ease-in-out;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%
}

.product_box .product_more {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 214px;
	height: 36px;
	border: 1px #f0003f solid;
	border-radius: 6px;
	background: #12641a;
	text-align: center;
	line-height: 36px;
	transition: .35s ease-in-out
}

.product_box .product_more a {
	position: relative;
	z-index: 2;
	display: block;
	color: #fff;
	transition: .35s ease-in-out
}

.product_box .product_more:hover {
	border: 1px #333 solid;
	background: 0 0;
	transition: .35s ease-in-out
}

.product_box .product_more:hover a {
	color: #f0003f;
	transition: .35s ease-in-out
}

.product_box .product_more .bg {
	position: relative;
	top: -36px;
	left: 0;
	z-index: 1;
	display: inline-block;
	width: 0%;
	height: 36px;
	background-image: none
}

.about_pages_box {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1200px
}

.about_pages_box .movie_box {
	position: relative
}

.about_pages_box .movie_box:after {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.about_pages_box .movie_box .title {
	position: relative;
	z-index: 2;
	margin-left: 40px;
	width: 300px;
	background: #fff;
	color: #f0003f;
	text-align: center;
	font-size: 24px
}

.about_pages_box .movie_box .title .en {
	color: #bfbfbf;
	font-size: 16px
}

.about_pages_box .movie_box .movie {
	margin-top: 30px;
	padding: 10px;
	outline: 0;
	background: #f8f8f8
}

.about_pages_box .movie_box .movie video {
	outline: 0
}

.about_pages_box .profile_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px auto;
	width: 100%;
	height: auto;
	background: #f8f8f8;
	text-align: center
}

.about_pages_box .profile_box .left {
	position: relative;
	z-index: 2;
	float: left;
	display: inline-block;
	padding: 20px 20px 0 20px;
	width: 46%;
	text-align: left
}

.about_pages_box .profile_box .left:after {
	position: absolute;
	top: 126px;
	left: 0;
	z-index: 1;
	width: 80%;
	border-bottom: 1px #e8e8e8 solid;
	content: " "
}

.about_pages_box .profile_box .left .title {
	color: #f0003f;
	font-weight: 700;
	font-size: 36px;
	line-height: 60px
}

.about_pages_box .profile_box .left .titleen {
	color: #1c1c1c;
	font-size: 18px
}

.about_pages_box .profile_box .left .content {
	margin-top: 40px
}

.about_pages_box .profile_box .left .content p {
	color: #666;
	text-indent: 2em;
	font-size: 16px;
	line-height: 34px
}

.about_pages_box .profile_box .right {
	top: 50px;
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 50%;
	text-align: left
}

.about_pages_box .profile_box .right img {
	width: 100%
}

.about_pages_box .view_box {
	position: relative
}

.about_pages_box .view_box:after {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.about_pages_box .view_box .title {
	position: relative;
	z-index: 2;
	margin-left: 40px;
	width: 300px;
	background: #fff;
	color: #f0003f;
	text-align: center;
	font-size: 24px
}

.about_pages_box .view_box .title .en {
	color: #bfbfbf;
	font-size: 16px
}

.about_pages_box .view_box .list_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 30px auto 0;
	padding: 0;
	list-style: none;
	transform: scale(1.04)
}

.about_pages_box .view_box .list_box li {
	position: relative;
	display: inline-block;
	margin: 2%;
	width: calc(87%/3)
}

.about_pages_box .view_box .list_box li img {
	position: relative;
	z-index: 2;
	width: 100%
}

.about_pages_box .view_box .list_box li .list_title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 32px;
	background: rgba(14,88,21,.8);
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 32px
}

.about_pages_box .parnter_box {
	position: relative;
	margin: 60px auto
}

.about_pages_box .parnter_box:after {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 1;
	width: 48%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.about_pages_box .parnter_box .title {
	position: absolute;
	top: 54px;
	z-index: 2;
	margin-left: 40px;
	width: 300px;
	background: #fff;
	color: #f0003f;
	text-align: center;
	font-size: 24px
}

.about_pages_box .parnter_box .title .en {
	color: #bfbfbf;
	font-size: 16px
}

.about_pages_box .parnter_box img {
	width: 100%
}

.about_pages_box .service_box {
	position: relative;
	margin-bottom: 60px
}

.about_pages_box .service_box:after {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.about_pages_box .service_box .title {
	position: relative;
	z-index: 2;
	margin-left: 40px;
	width: 600px;
	background: #fff;
	color: #f0003f;
	text-align: center;
	font-size: 24px
}

.about_pages_box .service_box .title .en {
	color: #bfbfbf;
	font-size: 16px
}

.about_pages_box .service_box img {
	margin-top: 30px;
	width: 100%
}

.pages_product_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px auto;
	width: 100%;
	max-width: 1200px
}

.pages_product_box .nav {
	position: relative;
	float: left;
	display: inline-block;
	width: 240px
}

.pages_product_box .nav .title {
	height: 80px;
	background: #1f6a25;
	text-align: center;
	line-height: 40px
}

.pages_product_box .nav .title span {
	display: block;
	color: #fff
}

.pages_product_box .nav .title span:nth-child(1) {
	font-weight: 700;
	font-size: 28px;
	line-height: 46px
}

.pages_product_box .nav .title span:nth-child(2) {
	font-weight: 400;
	font-size: 14px;
	line-height: 28px
}

.pages_product_box .nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none
}

.pages_product_box .nav ul li {
	margin-bottom: 1px;
	text-align: center;
	line-height: 50px
}

.pages_product_box .nav ul li a {
	display: block;
	background: #efefef;
	color: #333;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	transition: .35s ease-in-out
}

.pages_product_box .nav ul li a:hover {
	background: #17581c;
	color: #fff;
	transition: .35s ease-in-out
}

.pages_product_box .nav_contact_info {
	overflow: hidden;
	padding: 0 0 20px;
	width: 240px;
	height: auto;
	background: #f8f8f8
}

.pages_product_box .nav_contact_info .title {
	display: block;
	margin: 12px auto 6px;
	padding-bottom: 10px;
	height: 42px;
	border-bottom: 1px #bfbfbf dashed;
	background: 0 0;
	color: #333;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	line-height: 42px
}

.pages_product_box .nav_contact_info span {
	display: block;
	padding: 0 10px;
	height: 32px;
	color: #1f6a25;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 32px
}

.pages_product_box .product_list {
	position: relative;
	float: right;
	display: inline-block;
	width: 940px;
	height: auto
}

.pages_product_box .product_list ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	list-style: none
}

.pages_product_box .product_list ul li {
	position: relative;
	float: left;
	display: inline-block;
	margin: 0 1% 2%;
	width: calc(94%/3)
}

.pages_product_box .product_list ul li:hover .img_box img {
	transition: .35s ease-in-out;
	transform: scale(1.2)
}

.pages_product_box .product_list ul li:hover .info a {
	color: #1f6a25;
	letter-spacing: 1px;
	transition: .35s ease-in-out
}

.pages_product_box .product_list ul li .img_box {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: auto;
	border: 1px #333 solid;
	border-radius: 6px
}

.pages_product_box .product_list ul li .img_box img {
	width: 100%;
	height: auto;
	transition: .35s ease-in-out;
	transform: scale(1)
}

.pages_product_box .product_list ul li .info a {
	display: block;
	color: #333;
	text-align: center;
	letter-spacing: 0;
	font-size: 16px;
	line-height: 36px;
	transition: .35s ease-in-out
}

.page_info {
	position: relative;
	display: inline-block;
	padding-top: 16px;
	width: 100%;
	border-top: 1px #efefef solid;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px
}

.page_list {
	position: relative;
	display: inline-block;
	margin-top: 32px;
	padding-top: 32px;
	width: 100%;
	border-top: 1px #efefef solid;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px
}

.page_list a {
	display: inline-block;
	margin: 0 6px;
	width: 40px;
	height: 24px;
	border: 1px #333 solid;
	border-radius: 6px;
	color: #333;
	font-size: 12px;
	line-height: 24px;
	transition: .35s ease-in-out
}

.page_list a:hover {
	border: 1px #1f6a25 solid;
	background: #1f6a25;
	color: #fff;
	transition: .35s ease-in-out
}

.page_list a:nth-child(1) {
	border: 1px #1f6a25 solid;
	background: #1f6a25;
	color: #fff
}

.page_list a:nth-last-child(1) {
	border: 1px #1f6a25 solid;
	background: #1f6a25;
	color: #fff
}

.pages_product_box .product_show {
	position: relative;
	float: right;
	display: inline-block;
	width: 940px;
	height: auto
}

.pages_product_box .product_show .product_info {
	position: relative;
	display: inline-block;
	margin: 0 auto 16px;
	padding: 0 0 0;
	width: 100%;
	height: auto;
	border-bottom: none;
	text-align: center
}

.pages_product_box .product_show .product_info .showimg_box {
	position: relative;
	float: left;
	display: inline-block;
	width: 50%;
	height: auto;
	border: none
}

.pages_product_box .product_show .product_info .showimg_box .showimg {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	width: 99%;
	height: auto;
	border: 1px #bfbfbf solid
}

.pages_product_box .product_show .product_info .showimg_box .showimg .mask {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	opacity: 0;
	cursor: move
}

.pages_product_box .product_show .product_info .showimg_box .showimg .float_layer {
	position: absolute;
	display: none;
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,.4)
}

.pages_product_box .product_show .product_info .showimg_box .showimg img {
	width: 100%;
	height: auto
}

.pages_product_box .product_show .product_info .showimg_box .bigshowimg {
	position: absolute;
	right: -474px;
	z-index: 2;
	display: none;
	overflow: hidden;
	width: 466px;
	height: 466px;
	border: none;
	box-shadow: 0 1px 12px rgba(51,51,51,.05)
}

.pages_product_box .product_show .product_info .showimg_box .bigshowimg img {
	position: relative;
	width: 200%
}

.pages_product_box .product_show .product_info .showimg_box .smallimg {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	margin: 10px auto 0;
	width: 100%;
	height: auto;
	cursor: pointer
}

.pages_product_box .product_show .product_info .showimg_box .smallimg ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left
}

.pages_product_box .product_show .product_info .showimg_box .smallimg ul li {
	display: inline-block;
	width: calc(95%/4);
	outline: 0;
	border: 1px #bfbfbf solid;
	transition: .35s ease-in-out
}

.pages_product_box .product_show .product_info .showimg_box .smallimg ul li:active {
	outline: 0
}

.pages_product_box .product_show .product_info .showimg_box .smallimg ul li:hover {
	outline: 0;
	border: 1px #0e5714 solid;
	transition: .35s ease-in-out
}

.pages_product_box .product_show .product_info .showimg_box .smallimg ul li img {
	width: 100%
}

.pages_product_box .product_show .product_info .showimg_box .smallimg .smallimg_font {
	position: relative;
	top: 40px;
	left: 10px;
	display: inline-block;
	vertical-align: top
}

.pages_product_box .product_show .product_info .info {
	position: relative;
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 48%;
	height: auto;
	border: none;
	text-align: left
}

.pages_product_box .product_show .product_info .info .title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px #efefef solid;
	color: #333;
	font-weight: 700;
	font-size: 18px
}

.pages_product_box .product_show .product_info .info .sign {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px #efefef dashed;
	color: #bfbfbf;
	font-size: 16px
}

.pages_product_box .product_show .product_info .info .size {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px #efefef dashed;
	color: #333;
	font-size: 16px
}

.pages_product_box .product_show .product_info .info .size span {
	float: left
}

.pages_product_box .product_show .product_info .info .diy {
	overflow: hidden;
	height: 290px;
	font-size: 16px;
	line-height: 32px
}

.productshow_rec_box {
	margin-top: 60px
}

.productshow_rec_box .title_box {
	display: block
}

.productshow_rec_box .title_box .fontcn {
	display: inline-block;
	margin-left: 10px;
	width: 49%;
	text-align: left
}

.productshow_rec_box .title_box .fontcn .small_font {
	color: #1e6a25;
	font-size: 20px;
	line-height: 48px
}

.productshow_rec_box .title_box .fontcn .title {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 40px
}

.productshow_rec_box .title_box .fonten {
	display: inline-block;
	margin-right: 10px;
	width: 48%;
	text-align: right;
	font-family: aral
}

.productshow_rec_box .title_box .fonten .small_font {
	color: #1c1c1c;
	font-size: 18px;
	line-height: 48px
}

.productshow_rec_box .title_box .fonten .title {
	color: #1c1c1c;
	font-weight: 400;
	font-size: 38px
}

.productshow_rec_box .list_box {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none
}

.productshow_rec_box .list_box .list {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 1.8%;
	width: calc(90%/2);
	height: auto
}

.productshow_rec_box .list_box .list:nth-child(1) {
	display: inline-block
}

.productshow_rec_box .list_box .list a {
	color: #fff
}

.productshow_rec_box .list_box .list a:hover .list_title {
	background: rgba(72,132,81,.8);
	transition: .35s ease-in-out
}

.productshow_rec_box .list_box .list .list_imgborder {
	position: relative;
	z-index: 1
}

.productshow_rec_box .list_box .list .list_imgborder img {
	width: 100%
}

.productshow_rec_box .list_box .list .list_title {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: rgba(127,127,132,.8);
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	transition: .35s ease-in-out
}

.pages_product_box .conttitle {
	display: none;
	margin-bottom: 16px;
	width: 100%;
	border-radius: 6px;
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 32px
}

.pages_product_box #textarea {
	padding: 10px 20px;
	border-bottom: 1px #bfbfbf none;
	background: #f8f8f8
}

.pages_product_box #textarea img {
	margin: 20px auto;
	width: 100%
}

.pages_product_box .preNext {
	position: relative;
	display: none;
	text-align: center
}

.pages_product_box .preNext li:nth-child(1) {
	float: left
}

.pages_product_box .preNext li:nth-child(2) {
	float: right
}

.news_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

.news_box .title {
	margin: 0 auto 30px;
	color: #1c1c1c;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px
}

.news_box .title span {
	display: block;
	color: #f0003f;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 24px
}

.news_box .proflie {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	width: 48%;
	height: auto;
	vertical-align: top;
	text-align: left
}

.news_box .proflie .title {
	text-align: left;
	font-size: 32px
}

.news_box .proflie .title span {
	text-align: left;
	font-weight: 400;
	font-size: 20px
}

.news_box .proflie .title a {
	position: absolute;
	top: 20px;
	right: 0;
	float: right;
	display: inline-block;
	color: #bfbfbf;
	vertical-align: top;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px
}

.news_box .proflie .title a:hover {
	color: #f0003f;
	transition: .35s ease-in-out
}

.news_box .proflie .imgbox {
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 274px
}

.news_box .proflie .imgbox img {
	width: 100%;
	height: auto
}

.news_box .content {
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	width: 100%;
	height: auto
}

.news_box .content span:nth-child(1) {
	display: block;
	margin-bottom: 30px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px
}

.news_box .content span:nth-child(2) {
	display: block;
	margin-bottom: 0;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 42px;
	text-indent: 0
}

.news_box .news_listbox {
	position: relative;
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 48%;
	height: auto;
	vertical-align: top
}

.news_box .news_listbox .title {
	text-align: left;
	font-size: 32px
}

.news_box .news_listbox .title span {
	text-align: left;
	font-weight: 400;
	font-size: 20px
}

.news_box .news_listbox .title a {
	position: absolute;
	top: 20px;
	right: 0;
	float: right;
	display: inline-block;
	color: #bfbfbf;
	vertical-align: top;
	letter-spacing: 1px;
	font-size: 14px
}

.news_box .news_listbox .news_title .title a:hover {
	color: #f0003f;
	transition: .35s ease-in-out
}

.news_box .news_listbox ul li {
	margin: 6px auto 0;
	border-bottom: 1px #efefef dashed
}

.news_box .news_listbox ul li .news_title {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto
}

.news_box .news_listbox ul li .news_title:hover .title {
	color: #f0003f;
	transition: .35s ease-in-out
}

.news_box .news_listbox ul li .news_title .sign {
	float: left;
	color: #f0003f;
	letter-spacing: 0;
	font-weight: 700;
	font-size: 16px
}

.news_box .news_listbox ul li .news_title .title {
	float: left;
	margin: 0;
	padding-left: 10px;
	color: #333;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px
}

.news_box .news_listbox ul li .news_title .date {
	float: right;
	color: #bfbfbf;
	letter-spacing: .5px;
	font-weight: 400;
	font-size: 16px
}

.news_box .news_listbox ul li .content {
	margin-top: 8px
}

.news_box .news_listbox ul li .content span {
	margin-bottom: 12px;
	color: #bfbfbf;
	text-indent: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px
}

.pages_news_list {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

.pages_news_list ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none
}

.pages_news_list ul li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0 1% 2%;
	width: calc(90%/4);
	height: 254px
}

.pages_news_list ul li a {
	color: #333;
	letter-spacing: 0;
	transition: .35s ease-in-out
}

.pages_news_list ul li a:hover {
	color: #f0003f;
	letter-spacing: 0;
	transition: .35s ease-in-out
}

.pages_news_list ul li a:hover .img_box {
	border: 1px #f0003f solid
}

.pages_news_list ul li .imgb_box {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 99.4%;
	height: auto;
	border: 1px #333 solid;
	border-radius: 6px
}

.pages_news_list ul li .imgb_box img {
	width: 100%;
	height: auto
}

.pages_news_list ul li .title {
	overflow: hidden;
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 48px;
	-o-text-overflow: ellipsis
}

.pages_news_show {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1200px
}

.pages_news_show .title {
	display: block;
	margin-bottom: 0;
	padding: 30px 0;
	border-top: 1px #efefef solid;
	border-bottom: 1px #efefef dashed;
	text-align: center
}

.pages_news_show .info {
	display: block;
	margin-bottom: 12px;
	padding: 12px 0;
	border-bottom: 1px #efefef dashed;
	text-align: center
}

.pages_news_show .desc {
	display: none
}

.pages_news_show #textarea {
	margin-bottom: 12px;
	padding: 12px 0;
	border-bottom: 1px #efefef dashed
}

.pages_news_show .author {
	margin-bottom: 12px;
	padding: 0 0 12px;
	border-bottom: 1px #efefef dashed
}

.preNext {
	position: relative;
	display: block;
	text-align: center
}

.preNext li:nth-child(1) {
	position: relative;
	float: left;
	display: inline-block;
	width: auto
}

.preNext li:nth-child(2) {
	position: relative;
	float: right;
	display: inline-block;
	width: auto
}

.preNext li a {
	color: #333;
	text-decoration: none;
	transition: .35s ease-in-out
}

.preNext li a:hover {
	color: #f0003f;
	text-decoration: underline;
	transition: .35s ease-in-out
}

.pages_news_show .actBox {
	display: none
}

.pages_news_show .commlist {
	display: none
}

.commnum {
	display: none
}

.commnet {
	display: none
}

.product_breadcrumbs_box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	background: #f8f8f8
}

.product_breadcrumbs {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1200px
}

.product_breadcrumbs .position {
	float: left;
	width: auto;
	color: #333;
	font-size: 16px;
	line-height: 60px
}

.product_breadcrumbs .position a {
	color: #333
}

.product_breadcrumbs .breadcrumbs_font {
	float: right;
	font-size: 16px;
	line-height: 60px
}

.design_banner_imgbox {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	border-top: none;
	box-shadow: 0 4px 8px rgba(51,51,51,.1)
}

.design_banner_imgbox img {
	width: 100%;
	height: auto
}

.design_info_box {
	position: relative;
	display: block;
	margin: 60px auto 100px;
	width: 100%;
	height: auto;
	max-width: 1200px;
	background: #f8f8f8
}

.design_info_box .design_left {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 600px;
	max-height: 380px;
	vertical-align: top
}

.design_info_box .design_left img {
	width: 100%;
	height: auto
}

.design_info_box .design_right {
	position: relative;
	display: inline-block;
	margin-left: 0;
	width: 580px;
	height: auto;
	background: 0 0;
	background-size: cover;
	vertical-align: top
}

.design_info_box .design_right .design_right_title {
	position: relative;
	z-index: 2;
	margin-top: 30px;
	margin-left: 30px;
	padding-left: 30px;
	width: 100%;
	background: 0 0;
	color: #f0003f;
	font-size: 24px
}

.design_info_box .design_right .design_right_title span {
	padding-left: 10px;
	color: #bfbfbf;
	font-size: 16px
}

.design_info_box .design_right .design_right_info {
	margin: 0 auto;
	width: 100%;
	height: 300px
}

.design_info_box .design_right .design_right_info span {
	display: block;
	margin: 6px 60px;
	color: #333;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 20px;
	line-height: 36px
}

.design_info_box .design_right .design_right_info span:nth-child(1) {
	padding-top: 40px
}

.design_info_box .design_right .design_right_info span:nth-child(2) {
	color: #999;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

.design_info_box .design_right .design_right_info span:nth-child(3) {
	padding-top: 10px
}

.design_info_box .design_right .design_right_info span:nth-child(4) {
	color: #999;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

.design_info_box .design_right .design_right_info span:nth-child(5) {
	padding-top: 10px
}

.design_info_box .design_right .design_right_info span:nth-child(6) {
	color: #999;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

.design_info_box .design_right:before {
	position: absolute;
	top: 12px;
	z-index: 1;
	display: none;
	width: 150%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.design_info_box .design_right .more {
	position: relative;
	z-index: 2;
	display: none;
	margin-top: -4px
}

.design_info_box .design_right .more a {
	position: relative;
	z-index: 2;
	display: block;
	margin-left: 30px;
	padding-left: 30px;
	background: 0 0;
	color: #bfbfbf;
	letter-spacing: 2px;
	font-size: 16px;
	opacity: .6;
	transition: .35s ease-in-out
}

.design_info_box .design_right .more:before {
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 1;
	width: 0%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 1s ease-in-out
}

.design_info_box .design_right .more:hover:before {
	width: 34%;
	border-bottom: 1px #f0003f solid;
	transition: 1s ease-in-out
}

.design_info_box .design_right .more:hover a {
	color: #f0003f;
	opacity: 1;
	transition: .35s ease-in-out
}

.design_product_list {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

.design_product_list:before {
	position: absolute;
	top: 16px;
	z-index: 1;
	width: 34%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 1s ease-in-out
}

.design_product_list:after {
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 1;
	width: 34%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 1s ease-in-out
}

.design_product_list .design_right_title {
	position: relative;
	z-index: 2;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	color: #f0003f;
	text-align: center;
	font-size: 32px
}

.design_product_list .design_right_title span {
	margin-left: 10px;
	color: #bfbfbf;
	text-transform: uppercase;
	font-size: 16px
}

.design_product_list .listbox {
	display: block;
	margin: 60px auto 0;
	padding: 0 0 40px;
	list-style: none;
	transform: scale(1.05)
}

.design_product_list .listbox .list {
	display: inline-block;
	margin: 1%;
	width: calc(91%/3);
	height: auto;
	transition: .35s ease-in-out
}

.design_product_list .listbox .list .list_imgborder {
	overflow: hidden;
	width: 100%;
	height: auto
}

.design_product_list .listbox .list .list_imgborder img {
	width: 100%;
	height: auto;
	transition: .35s ease-in-out;
	transform: scale(1)
}

.design_product_list .listbox .list .list_title {
	background: #313132;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	transition: .35s ease-in-out
}

.design_product_list .listbox .list:hover {
	transition: .35s ease-in-out
}

.design_product_list .listbox .list:hover .list_imgborder img {
	transition: .35s ease-in-out;
	transform: scale(1.2)
}

.design_product_list .listbox .list:hover .list_title {
	background: #0e5714;
	color: #fff;
	transition: .35s ease-in-out
}

.design_step_box {
	margin: 80px auto 80px;
	width: 100vw;
	height: auto;
	background-size: cover
}

.design_step {
	position: relative;
	display: block;
	margin: 60px auto 0;
	width: 100%;
	max-width: 1200px
}

.design_step:before {
	position: absolute;
	top: 16px;
	z-index: 1;
	width: 28%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 1s ease-in-out
}

.design_step:after {
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 1;
	width: 28%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 1s ease-in-out
}

.design_step .design_right_title {
	position: relative;
	z-index: 1;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	color: #f0003f;
	text-align: center;
	font-size: 32px
}

.design_step .design_right_title span {
	padding-left: 10px;
	color: #bfbfbf;
	font-size: 16px
}

.design_step .steplist {
	display: block;
	margin: 60px auto 0;
	padding: 0;
	list-style: none;
	transform: scale(1.025)
}

.design_step .steplist .list {
	position: relative;
	display: inline-block;
	width: calc(99%/3)
}

.design_step .steplist .list:before {
	position: absolute;
	bottom: 60px;
	left: 22px;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	content: " ";
	transition: 2s ease-in-out
}

.design_step .steplist .list:hover:before {
	position: absolute;
	bottom: 60px;
	left: 22px;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #0e5714 solid;
	content: " ";
	transition: 2s ease-in-out
}

.design_step .steplist .list:hover .imgbox {
	transition: 1s ease-in-out;
	transform: rotate(360deg)
}

.design_step .steplist .list:nth-child(3) {
	margin-bottom: 100px
}

.design_step .steplist .list:nth-child(3):before {
	position: absolute;
	bottom: 0;
	left: -70px;
	z-index: 1;
	width: 80%;
	border-bottom: 1px #0e5714 solid;
	content: " ";
	transform: rotate(90deg)
}

.design_step .steplist .list:nth-child(6):before {
	display: none
}

.design_step .steplist .list .imgbox {
	position: relative;
	z-index: 2;
	display: inline-block;
	overflow: hidden;
	width: 160px;
	height: 160px;
	border: 1px solid #0e5714;
	border-radius: 180px;
	background: #0e5714;
	transition: 1s ease-in-out
}

.design_step .steplist .list .imgbox img {
	display: inline-block;
	width: 100%
}

.design_step .steplist .list .info {
	display: inline-block;
	margin-top: 30px;
	padding-left: 10px;
	width: 210px;
	vertical-align: top
}

.design_step .steplist .list .info .title {
	display: block;
	font-weight: 700;
	font-size: 16px
}

.design_step .steplist .list .info .sign {
	position: relative;
	z-index: 2;
	margin-top: 10px;
	width: 80px;
	border-radius: 6px;
	background: #0e5714;
	color: #fff;
	text-align: center
}

.firendslink_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 60px;
	width: 100%;
	height: 54px;
	background: #4e4c4c
}

.firendslink {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: 54px;
	max-width: 1240px
}

.firendslink ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 50px
}

.firendslink ul li {
	position: relative;
	float: left;
	display: inline-block;
	margin: 16px 0;
	padding: 0;
	width: calc(99%/5);
	height: auto;
	border-right: 1px #555 solid;
	text-align: center;
	line-height: 24px
}

.firendslink ul li:nth-child(1) {
	margin: 0;
	background: #333;
	line-height: 54px
}

.firendslink ul li:nth-child(1) a {
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 18px
}

.firendslink ul li a {
	color: #fff;
	transition: .35s ease-in-out
}

.firendslink ul li a:hover {
	letter-spacing: .5px;
	transition: .35s ease-in-out
}

.footer_box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #272727
}

.footer_box .footer {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0 6px;
	width: 100%;
	height: auto;
	max-width: 1200px
}

.footer_box .footer .footer_contact_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto 30px;
	padding-bottom: 30px;
	width: 100%;
	height: auto;
	border-bottom: 1px #444 solid
}

.footer_box .footer .footer_contact_box .footer_nav {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 30px;
	width: 30%;
	height: auto;
	vertical-align: top
}

.footer_box .footer .footer_contact_box .footer_nav .title {
	margin-bottom: 14px;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 32px
}

.footer_box .footer .footer_contact_box .footer_nav .nav {
	width: 80%
}

.footer_box .footer .footer_contact_box .footer_nav .nav ul li {
	float: left;
	width: calc(100%/2)
}

.footer_box .footer .footer_contact_box .footer_nav .nav ul li ul {
	display: none!important
}

.footer_box .footer .footer_contact_box .footer_nav .nav ul li a {
	color: grey;
	font-size: 14px;
	line-height: 32px;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_contact_box .footer_nav .nav ul li:hover a {
	color: #fff;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_contact_box .footer_contact {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 38%;
	height: auto;
	vertical-align: top
}

.footer_box .footer .footer_contact_box .footer_contact .title {
	margin-bottom: 14px;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 32px
}

.footer_box .footer .footer_contact_box .footer_contact .tel {
	float: left;
	width: 100%;
	height: auto
}

.footer_box .footer .footer_contact_box .footer_contact .tel .icon {
	float: left;
	padding-right: 10px;
	width: auto;
	height: auto
}

.footer_box .footer .footer_contact_box .footer_contact .tel .icon img {
	width: 100%;
	height: auto
}

.footer_box .footer .footer_contact_box .footer_contact .tel span:nth-child(2) {
	display: block;
	margin-bottom: 16px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px
}

.footer_box .footer .footer_contact_box .footer_contact .tel span {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 28px
}

.footer_box .footer .footer_contact_box .footer_contact .tel span a {
	color: #fff;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_contact_box .footer_contact .tel span a:hover {
	color: grey;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_contact_box .footer_code {
	position: relative;
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 24%;
	height: auto;
	vertical-align: top
}

.footer_box .footer .footer_contact_box .footer_code .title {
	margin-bottom: 14px;
	padding-left: 10px;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 32px
}

.footer_box .footer .footer_contact_box .footer_code img {
	float: right;
	margin-right: 12px
}

.footer_box .footer .footer_logo {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto
}

.footer_box .footer .footer_logo .logo {
	position: relative;
	float: left;
	display: inline-block;
	width: auto;
	color: #fff
}

.footer_box .footer .footer_logo .logo img {
	float: left;
	padding-right: 10px
}

.footer_box .footer .footer_logo .logo .logo_font {
	float: right;
	padding-left: 10px;
	border-left: 1px #444 solid
}

.footer_box .footer .footer_logo .contact_button {
	float: right;
	margin-top: 16px
}

.footer_box .footer .footer_copyright {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	height: auto;
	text-transform: uppercase;
	line-height: 36px
}

.footer_box .footer .footer_copyright .left {
	position: relative;
	float: left;
	display: inline-block;
	color: grey
}

.footer_box .footer .footer_copyright .left a {
	color: grey;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_copyright .left a:hover {
	color: #fff;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_copyright .right {
	position: relative;
	float: right;
	display: inline-block;
	color: #fff
}

.footer_box .footer .footer_copyright .right a {
	position: relative;
	float: right;
	display: inline-block;
	color: grey;
	transition: .35s ease-in-out
}

.footer_box .footer .footer_copyright .right a:hover {
	position: relative;
	float: right;
	display: inline-block;
	color: #fff;
	transition: .35s ease-in-out
}

.breadcrumbs_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px auto;
	width: 100%;
	height: auto;
	max-width: 1200px;
	text-align: center
}

.breadcrumbs_box .nav {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	width: 48%;
	height: auto;
	text-align: left
}

.breadcrumbs_box .nav ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.breadcrumbs_box .nav ul li {
	position: relative;
	display: inline-block;
	margin-right: 2%;
	width: 150px;
	border: 1px #12641a solid;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	line-height: 48px;
	transition: .35s ease-in-out
}

.breadcrumbs_box .nav ul li:hover {
	border: 1px #12641a solid;
	background: #12641a;
	transition: .35s ease-in-out
}

.breadcrumbs_box .nav ul li:hover .nav_title {
	color: #fff;
	transition: .35s ease-in-out
}

.breadcrumbs_box .nav ul li .nav_title {
	color: #333;
	transition: .35s ease-in-out
}

.breadcrumbs_box .nav ul .active {
	border: 1px #12641a solid;
	background: #12641a
}

.breadcrumbs_box .nav ul .active .nav_title {
	color: #fff
}

.breadcrumbs_box .position {
	position: relative;
	float: right;
	padding-bottom: 24px;
	border-bottom: 1px #efefef solid;
	color: #666;
	font-size: 14px
}

.breadcrumbs_box .position a {
	color: #666;
	text-decoration: none;
	transition: .35s ease-in-out
}

.breadcrumbs_box .position a:hover {
	color: #12641a;
	transition: .35s ease-in-out
}

.job_box {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

.job_box .job_title {
	position: relative
}

.job_box .job_title:after {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	content: " "
}

.job_box .job_title .title {
	position: relative;
	z-index: 2;
	margin-left: 40px;
	width: 300px;
	background: #fff;
	color: #f0003f;
	text-align: center;
	font-size: 24px
}

.job_box .job_title .title .en {
	padding-left: 10px;
	color: #bfbfbf;
	font-size: 16px
}

.job_box .list_box {
	margin-top: 40px
}

.job_box .list_box .list {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px #efefef solid;
	background: 0 0
}

.job_box .list_box .list .list_name {
	color: #f0003f;
	font-weight: 700;
	font-size: 18px
}

.job_box .list_box .list .content {
	position: relative
}

.job_box .list_box .list .content .des {
	position: relative;
	display: block;
	margin: 16px auto;
	color: #1c1c1c;
	font-size: 16px
}

.job_box .list_box .list .content p {
	text-indent: 0;
	color: #999
}

.message_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px auto 0;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	border-radius: 6px;
	background: 0 0;
	box-shadow: 0 0 8px rgba(51,51,51,.2);
	text-align: left;
	cursor: default
}

.message_box .left_imgbox {
	float: left;
	display: inline-block;
	width: 360px;
	height: 500px
}

.message_box .left_imgbox img {
	width: 100%
}

.message_box .right_message_box {
	float: left;
	display: inline-block;
	padding: 0 0 0 20px;
	width: 820px;
	height: 500px;
	background: #f8f8f8
}

.message_box .right_message_box .right_title {
	margin-top: 40px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom: 1px #bfbfbf dashed;
	border-left: 4px #f0003f solid;
	color: #333;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 28px;
	line-height: 36px
}

.message_box .right_message_box .right_title .en {
	display: none;
	color: #bfbfbf;
	font-size: 18px;
	font-family: arial
}

.message_box .right_message_box form {
	position: relative;
	display: block;
	padding: 0 10px
}

.message_box .right_message_box form .list {
	position: relative;
	display: inline-block;
	margin-bottom: 10px
}

.message_box .right_message_box form .list .list_name {
	display: inline-block;
	width: 80px;
	vertical-align: top;
	text-align: right;
	line-height: 36px
}

.message_box .right_message_box form .list textarea {
	padding-left: 20px;
	width: 690px!important;
	height: 120px!important;
	border: 1px #efefef solid;
	border-radius: 2px;
	color: #333;
	font-size: 14px;
	line-height: 36px;
	resize: none
}

.message_box .right_message_box form .list textarea::placeholder {
	color: #bfbfbf;
	font-size: 14px;
	line-height: 36px
}

.message_box .right_message_box form .list input {
	padding-left: 20px;
	width: 690px!important;
	height: 36px!important;
	border: 1px #efefef solid;
	border-radius: 2px;
	color: #333;
	font-size: 14px
}

.message_box .right_message_box form .list input::placeholder {
	color: #bfbfbf;
	font-size: 14px;
	line-height: 36px
}

.message_box .right_message_box form .list #validate {
	width: 100px!important
}

.message_box .right_message_box form .list .code {
	padding-left: 10px;
	color: #333
}

.message_box .right_message_box form .msg_btn_area {
	margin: 30px 10px 0 0;
	width: 210px;
	height: 40px;
	border-radius: 4px;
	background: #f0003f;
	text-align: center;
	line-height: 40px
}

.message_box .right_message_box form .msg_btn_are:hover {
	background: #333
}

.message_box .right_message_box form .msg_btn_are:active {
	background: #333
}

.message_box .right_message_box form .msg_btn_area a {
	display: block;
	color: #fff
}

.message_box .right_message_box form .list .code {
	display: none
}

.pages_content_box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 1200px;
	text-align: center
}

.pages_content_box .content_title {
	padding: 20px 0;
	border-top: 1px #efefef solid;
	border-bottom: 1px #efefef solid;
	color: #f0003f;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 28px;
	line-height: 56px
}

.pages_content_box .content_info {
	padding: 0;
	border-bottom: none
}

.map_box {
	position: relative;
	margin: 60px auto;
	width: 1200px
}

.map_box ul {
	display: block
}

.map_box ul li {
	display: inline-block;
	margin-right: 10px
}

.map_box ul li a {
	color: #333;
	transition: .35s ease-in-out
}

.map_box ul li a:hover {
	color: #1e6926;
	transition: .35s ease-in-out
}

@keyframes button_more {
	0 {
		width: 0;
		background: #333
	}

	50% {
		width: 100%;
		background: #f0003f
	}

	100% {
		width: 0;
		background: #333
	}
}

.client-2 {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 9999;
	display: block;
	cursor: default
}

.client-2 ul {
	margin: 0;
	padding: 0;
	width: 73px;
	list-style: none
}

.client-2 li a {
	text-decoration: none
}

.client-2 li {
	box-sizing: content-box;
	margin-top: 1px;
	margin-left: 0!important;
	padding: 9px 0;
	width: 77px;
	height: 56px;
	background: #0e5714;
	transition: .35s ease-in-out
}

.client-2 ul li:hover {
	margin-left: -10px!important;
	padding-right: 10px;
	transition: .35s ease-in-out
}

.client-2 ul li:nth-child(1):hover {
	margin-left: -180px!important;
	padding-right: 10px;
	transition: .7s ease-in-out
}

.client-2 ul li:nth-child(1) {
	width: 246px!important;
	background: #0e5714;
	transition: .7s ease-in-out
}

.client-2 li i {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 27px;
	background: url(/templates/default/images/fx.png) no-repeat;
	text-align: center
}

.client-2 li p {
	overflow: hidden;
	margin-top: 4px;
	height: 20px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px
}

.client-2 .my-kefu-qq i {
	background-position: 4px 0
}

.client-2 .my-kefu-tel i {
	background-position: 0 -25px
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px
}

.client-2 .my-kefu-ftop {
	background-color: #0e5714
}

.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px
}

.client-2 .my-kefu-left {
	position: relative;
	float: left;
	width: 77px;
	height: 47px
}

.client-2 .my-kefu-tel-right {
	float: left;
	margin-top: 8px;
	padding-left: 15px;
	height: 24px;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	line-height: 22px
}

.client-2 .my-kefu-right {
	width: 20px
}

.client-2 .my-kefu-tel-main {
	margin-top: 9px;
	width: 247px;
	height: 47px;
	color: #fff
}

.client-2 .my-kefu-main {
	position: relative;
	width: 97px
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	top: -20px;
	left: -102px;
	z-index: 333;
	display: none;
	border: 1px #333 solid;
	box-shadow: 1px 1px 4px #333
}

.client-2 .my-kefu-weixin-pic:nth-child(4) {
	left: -210px
}

.client-2 .my-kefu-weixin-pic img {
	width: 100px;
	height: 100px
}

.client-2 .my-kefu-weixin {
	overflow: visible!important
}

@media screen and (max-width:768px) {
	.about_pages_box {
		max-width: 100%
	}

	.about_pages_box .movie_box .title {
		margin: 0 auto
	}

	.about_pages_box .movie_box .movie {
		overflow: hidden;
		padding: 0;
		width: 100%;
		height: 180px
	}

	.about_pages_box .movie_box .movie video {
		width: 100%;
		height: 180px
	}

	.about_pages_box .profile_box .left {
		padding: 0;
		width: 100%
	}

	.about_pages_box .profile_box .left .title {
		margin-top: 16px;
		text-align: center;
		font-size: 30px
	}

	.about_pages_box .profile_box .left .titleen {
		text-align: center
	}

	.about_pages_box .profile_box .left:after {
		top: 120px;
		width: 100%
	}

	.about_pages_box .profile_box .left .content {
		padding: 10px 20px 10px 10px
	}

	.about_pages_box .profile_box .right {
		width: 100%
	}

	.about_pages_box .view_box .title {
		margin: 0 auto
	}

	.about_pages_box .view_box .list_box {
		transform: scale(1)
	}

	.about_pages_box .view_box .list_box li {
		width: 45%
	}

	.about_pages_box .parnter_box {
		margin: 0 auto 60px
	}

	.about_pages_box .parnter_box .title {
		position: relative;
		margin: 0 auto
	}

	.about_pages_box .parnter_box:after {
		width: 100%
	}

	.about_pages_box .parnter_box img {
		margin-top: 90px
	}

	.about_pages_box .service_box .title {
		margin: 0 auto;
		width: 320px
	}

	.about_pages_box .service_box .title .en {
		display: block;
		line-height: 32px
	}

	.message_box {
		margin: 0;
		max-width: 100%
	}

	.message_box .left_imgbox {
		display: none
	}

	.message_box .right_message_box {
		padding: 4%;
		width: 92%
	}

	.message_box .right_message_box form .list {
		width: 100%
	}

	.message_box .right_message_box .right_title {
		margin: 20px auto
	}

	.message_box .right_message_box form .list .list_name {
		padding-bottom: 8px;
		width: 100px;
		text-align: left;
		font-weight: 400;
		font-size: 20px
	}

	.message_box .right_message_box form .list textarea {
		width: 92%!important;
		border-radius: 12px
	}

	.message_box .right_message_box form .list input {
		width: 92%!important
	}

	.message_box .right_message_box form .msg_btn_area {
		margin-top: 10px;
		width: 100%
	}

	.design_info_box {
		overflow: hidden;
		margin: 0;
		max-width: 100vw
	}

	.design_info_box .design_left {
		width: 100%
	}

	.design_info_box .design_right {
		margin: 30px 0;
		width: 100vw
	}

	.design_info_box .design_right:before {
		width: 100%
	}

	.design_info_box .design_right .design_right_info {
		margin: 0 auto 20px;
		width: 100vw
	}

	.design_info_box .design_right .design_right_info span {
		margin: 6px auto;
		padding: 0 20px;
		text-align: left
	}

	.design_info_box .design_right .more a {
		margin-left: -10px
	}

	.design_product_list {
		max-width: 100%;
		margin-top: 30px!important;
		margin-bottom: 30px
	}

	.design_product_list:before {
		width: 100%
	}

	.design_product_list:after {
		display: none
	}

	.design_product_list .design_right_title {
		margin: 0 5%;
		padding: 0;
		width: 90vw;
		font-size: 26px;
		background: #fff;
		text-align: center
	}

	.design_product_list .listbox {
		margin: 30px auto;
		padding-left: 1%;
		transform: scale(1)
	}

	.design_product_list .listbox .list {
		width: calc(94%/2)
	}

	.design_step_box {
		margin: 10px auto 20px
	}

	.design_step {
		margin-top: 30px;
		max-width: 100%
	}

	.design_step .design_right_title {
		margin: 0;
		padding: 0;
		width: 100vw;
		text-align: center;
		font-size: 26px
	}

	.design_step .design_right_title span {
		display: block;
		line-height: 32px
	}

	.design_step .steplist {
		margin: 30px auto 0;
		margin-left: -1%;
		text-align: center;
		transform: scale(1)
	}

	.design_step .steplist .list .imgbox {
		display: inline-block
	}

	.design_step .steplist .list {
		overflow: hidden;
		margin: 0 1% 30px;
		width: calc(92%/2)
	}

	.design_step .steplist .list:nth-child(3) {
		margin-bottom: 30px
	}

	.design_step .steplist .list:before {
		bottom: 14px;
		display: none
	}

	.design_step .steplist .list .info {
		padding: 0;
		width: 100%;
		text-align: center
	}

	.design_step .steplist .list .info .title {
		display: inline-block;
		font-size: 14px
	}

	.design_step .steplist .list .info .sign {
		display: inline-block;
		width: 120px
	}
}

@media screen and (max-width:1024px) {
	.fixed_kefu {
		display: none
	}

	.top_header_box {
		display: none!important
	}

	.top_header {
		width: 100%;
		max-width: 100%
	}

	.header {
		width: 100%;
		height: 6em;
		max-width: 100%;
		text-align: left
	}

	.header .nav {
		display: none
	}

	.header .mobile_nav_icon {
		display: block;
		position: absolute;
		top: 30px;
		right: 16px;
		display: inline-block;
		width: 4.6em;
		border: 1px #f0003f solid;
		border-radius: .25em
	}

	.header .mobile_nav_icon img {
		float: left;
		margin: .4em .5em;
		width: 1em
	}

	.header .mobile_nav_icon span {
		display: inline-block;
		text-align: center;
		width: 34px;
		font-size: 14px;
		line-height: 2em
	}

	.header .close {
		position: absolute;
		top: 30px;
		right: 16px;
		display: none;
		text-align: center;
		width: 4.6em;
		border: 1px #f0003f solid;
		border-radius: .25em
	}

	.header .mobile_nav {
		display: none;
		position: fixed;
		top: 6em;
		left: 0;
		z-index: 9999;
		display: none;
		width: 100vw
	}

	.header .mobile_nav ul {
		padding: 0;
		width: 100%;
		background: #555;
		box-shadow: 1px 1px 4px #555
	}

	.header .mobile_nav ul li {
		height: 3.7em;
		border-bottom: 1px #fff solid
	}

	.header .mobile_nav ul li:nth-child(1) {
		display: none
	}

	.header .mobile_nav ul li a {
		display: block;
		padding: 0 2%;
		color: #fff;
		text-align: center;
		line-height: 3.5em
	}

	.header .mobile_nav ul li ul {
		display: none
	}

	.header .logo {
		float: left;
		margin: 18px 0!important;
		width: auto;
		height: auto
	}

	.header .logo img {
		width: 80%;
		height: auto
	}

	.header .logo .logo_font {
		float: none;
		display: none;
		padding: .5em 0 .5em 1em
	}

	.header .search {
		display: none
	}

	.header .languages {
		display: none
	}

	.header_nav {
		display: none
	}

	.header .mobile_nav_icon {
		display: block
	}

	.header .close {
		display: none
	}

	.swiper-container-banner {
		width: 100%;
		height: auto
	}

	.swiper-container-banner .swiper-button-prev {
		transform: scale(.6)
	}

	.swiper-container-banner .swiper-button-next {
		transform: scale(.6)
	}

	.swiper-container-banner .swiper-wrapper .swiper-slide img {
		width: 100%;
		height: auto
	}

	.swiper-pagination-banner {
		bottom: 2em!important;
		margin-left: -20%;
		width: 40%!important
	}

	.swiper-button-next,.swiper-button-prev {
		top: 50%!important;
		margin-top: -2em!important
	}

	.advantage_box {
		margin: 2em auto;
		background: 0 0
	}

	.advantage_box .ad_title {
		margin: 0 auto 1em;
		font-size: 26px;
		letter-spacing: 0
	}

	.advantage_box .ad_listbox li {
		margin: 0 auto;
		width: 92%;
		height: auto
	}

	.advantage_box .ad_listbox li .ad_num {
		display: none
	}

	.advantage_box .ad_listbox li .ad_list .title {
		text-align: center
	}

	.advantage_box .ad_listbox li .ad_list .title .line {
		display: none
	}

	.advantage_box .ad_listbox li .ad_list {
		margin: 1em auto;
		width: 100%
	}

	.advantage_box .ad_listbox li .ad_list .title span {
		margin-top: 4px;
		text-align: left;
		font-size: 20px!important;
		line-height: 30px!important;
	}

	.advantage_box .ad_listbox li .ad_list .title span:nth-child(2) {
		margin-top: 0!important;
		font-size: 16px!important
	}

	.advantage_box .ad_listbox li .ad_list .title .content {
		text-align: left
	}

	.advantage_box .ad_listbox li .ad_list .title span:after {
		display: none;
		width: 100%
	}

	.advantage_box .ad_listbox li .ad_list .title:after {
		display: none
	}

	.advantage_box .ad_listbox {
		padding: 2em 0;
		border-radius: 1em;
		background: #f8f8f8
	}

	.advantage_box .ad_listbox li .ad_list .title .content {
		margin: 6px auto;
		width: 100%;
		text-align: left!important
	}

	.advantage_box .ad_listbox li .ad_imgborder {
		margin: 0;
		width: 100%;
		height: auto
	}

	.advantage_box .ad_listbox li:nth-child(2) .ad_list .title,.advantage_box .ad_listbox li:nth-child(4) .ad_list .title,.advantage_box .ad_listbox li:nth-child(6) .ad_list .title {
		text-align: center
	}

	.product_box {
		margin: 4em auto;
		height: auto;
		max-width: 98%
	}

	.product_box .title {
		margin: 0 auto 30px;
		font-size: 28px;
		letter-spacing: 0
	}

	.product_box .nav_box {
		display: block;
		text-align: center
	}

	.product_box .nav_box ul {
		display: block;
		text-align: center
	}

	.product_box .nav_box ul li {
		float: none;
		display: inline-block;
		margin: 2% 1%;
		width: 96%
	}

	.product_box .nav_box ul li:nth-child(4) {
		width: 96%
	}

	.product_box .nav_box ul li:nth-child(5) {
		width: 96%
	}

	.product_box .list_box {
		margin: 2em auto
	}

	.product_box .list_box .listype {
		display: none
	}

	.product_box .list_box .mobilel_product {
		display: block
	}

	.product_box .list_box .mobilel_product li {
		display: block!important
	}

	.product_box .list_box .list li {
		width: 48%
	}

	.news_box .title {
		margin: 1em auto;
		font-size: 28px;
		letter-spacing: 0
	}

	.news_box .proflie {
		padding: 4%;
		width: 92%;
		border-radius: 1em;
		background: #f8f8f8
	}

	.news_box .proflie .imgbox {
		width: 100%;
		height: auto
	}

	.news_box .content {
		margin-top: 30px
	}

	.news_box .content span:nth-child(1) {
		font-size: 28px;
		letter-spacing: 0;
		margin-bottom: 14px
	}

	.news_box .proflie .title a {
		top: 3em;
		right: 1em
	}

	.news_box .news_listbox {
		padding: 4%;
		width: 92%;
		background: 0 0
	}

	.news_box .news_listbox ul li .news_title .sign {
		display: none
	}

	.news_box .news_listbox ul li .news_title .title {
		padding-left: 0;
		letter-spacing: 0;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 72%
	}

	.news_box .news_listbox ul li .news_title .date {
		float: right;
		letter-spacing: 0
	}

	.news_box .news_listbox .title a {
		top: 3em;
		right: 1em
	}

	.pages_news_show {
		max-width: 96%
	}

	.pages_news_show .title {
		padding: 2.5% 2%;
		width: 96%;
		text-align: left;
		line-height: 40px
	}

	.preNext li:nth-child(1) {
		width: 100%;
		border-bottom: 1px #efefef solid;
		text-align: center;
		line-height: 4em
	}

	.preNext li:nth-child(2) {
		width: 100%;
		text-align: center;
		line-height: 4em
	}

	.firendslink_box {
		margin-top: 0;
		height: auto
	}

	.firendslink {
		height: auto
	}

	.firendslink ul li {
		padding: 0 1%;
		width: calc(90%/4);
		text-align: left
	}

	.firendslink ul li:nth-child(1) {
		width: 100%;
		text-align: center
	}

	.pages_banner_box {
		display: none
	}

	.breadcrumbs_box {
		display: block;
		margin: 30px auto 0;
		width: 96%
	}

	.breadcrumbs_box .nav {
		width: 100%;
		text-align: center
	}

	.breadcrumbs_box .nav ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.breadcrumbs_box .nav ul li {
		float: none;
		display: inline-block;
		margin: 1%;
		width: calc(89%/3)
	}

	.breadcrumbs_box .position {
		padding-bottom: 0;
		width: 100%;
		border-bottom: 0;
		font-size: 1em;
		line-height: 4em
	}

	.pages_content_box .content_info img {
		width: 100%
	}

	.pages_news_show #textarea img {
		width: 100%;
		height: 100%
	}

	.product_breadcrumbs_box {
		background: 0 0
	}

	.product_breadcrumbs_box .product_breadcrumbs {
		max-width: 100%
	}

	.product_breadcrumbs_box .product_breadcrumbs .position {
		width: 100%;
		border-bottom: 1px #bfbfbf dashed;
		text-align: center
	}

	.product_breadcrumbs_box .breadcrumbs_font {
		display: none;
		text-align: center
	}

	.pages_product_box {
		margin: 0 auto;
		max-width: 96%
	}

	.pages_product_box .nav {
		margin: 2em auto;
		width: 100%
	}

	.pages_product_box .nav .title {
		display: none
	}

	.pages_product_box .nav ul {
		position: relative;
		display: block;
		margin: 0;
		width: 100%;
		text-align: center
	}

	.pages_product_box .nav ul li {
		position: relative;
		float: left;
		display: inline-block;
		width: 100%;
		line-height: 36px
	}

	.pages_product_box .nav ul li a {
		margin: 2% 1%;
		border: 1px #333 solid;
		border-radius: 6px;
		background: 0 0
	}

	.pages_product_box .nav ul li:nth-child(4) {
		width: 100%
	}

	.pages_product_box .nav ul li:nth-child(5) {
		width: 100%
	}

	.nav_contact_info {
		display: none
	}

	.pages_product_box .product_list {
		position: relative;
		display: block;
		max-width: 100%
	}

	.pages_product_box .product_list ul li {
		position: relative;
		display: inline-block;
		width: calc(94%/2)
	}

	.pages_product_box .product_list .page_info {
		margin-bottom: .5em;
		font-size: 1.2em;
		line-height: 2em
	}

	.pages_product_box .product_show {
		max-width: 100%
	}

	.pages_product_box .product_show .product_info .showimg_box {
		width: 100%
	}

	.pages_product_box .product_show .product_info .showimg_box .showimg {
		overflow: hidden;
		width: 99%;
		height: auto
	}

	.pages_product_box .product_show .product_info .showimg_box .showimg .mask {
		display: none
	}

	.pages_product_box .product_show .product_info .showimg_box .showimg .float_layer {
		display: none!important
	}

	.pages_product_box .product_show .product_info .showimg_box .smallimg ul li {
		width: calc(94%/4);
		outline: 0
	}

	.pages_product_box .product_show .product_info .info {
		width: 100%;
		text-align: center
	}

	.pages_product_box .product_show .product_info .info .title {
		font-size: 1.5em;
		line-height: 3em
	}

	.pages_product_box .product_show .product_info .info .sign {
		text-align: left
	}

	.pages_product_box .product_show .product_info .info .size {
		text-align: left
	}

	.pages_product_box .product_show .product_info .info .diy {
		height: auto;
		text-align: left
	}

	.pages_product_box #textarea {
		padding: 10px
	}

	.productshow_rec_box {
		margin-top: 30px;
		margin-bottom: 30px
	}

	.productshow_rec_box .title_box .fontcn {
		margin: 0;
		width: 100%;
		text-align: center
	}

	.productshow_rec_box .title_box .fonten {
		display: none
	}

	.productshow_rec_box .list_box {
		margin-top: 30px
	}

	.productshow_rec_box .list_box .list {
		width: calc(90%/2)
	}

	.page_list {
		letter-spacing: 0;
		margin-top: 0;
		margin-bottom: 32px
	}

	.page_list a {
		width: auto;
		margin: 0 4px;
		padding: 0 8px
	}

	.pages_news_list {
		margin: 0 auto;
		width: 96%
	}

	.pages_news_list li {
		width: 47%!important;
		height: auto!important
	}

	.pages_news_list ul li .imgb_box {
		width: 98%;
		height: auto
	}

	.page_info {
		padding: 16px 0
	}

	.job_box {
		margin: 0 auto;
		width: 94%
	}
}