﻿@charset "utf-8";

 /*=========
  基本默认值
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
html,body{ 
	min-height:100%;
	-webkit-overflow-scrolling : touch;/*苹果手机端滑动卡屏*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color:transparent;/*手机端点击底部出现背景*/
    width: 100%;
    overflow-x:hidden;
    min-width: 320px;
    font-size: 12px;
}
body {	
	color: #000;
	font-family: Arial, Helvetica Neue, Helvetica, PingFang SC, '微软雅黑', Tahoma, sans-serif;;
	background:linear-gradient(to bottom,#f2f2f3,#5a5b5a);
}
li{
	list-style: none;
}
img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; 
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	outline: none;
    appearance:none; /*清楚表单默认样式*/
    -moz-appearance:none;
    -webkit-appearance:none;
}
 


/*94%的内容*/
.container{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    position: relative;
}
.container1{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    position: relative;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

/*图片通用样式*/
.img-common{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
}
/*清楚浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}
/*Flex居中样式*/
.flex-center{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*动画*/
.donghua {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}
/*文字溢出*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ftmenu{display: none;}

/* =========

	导航

 ========= */
.header-box{
	height: 105px;
}
.header{
	position: fixed;
	width: 100%;
	height: 105px;
	background-color: #fff;
	padding: 0 3%;
	border: 1px solid #e8e8e8;
	z-index: 1000;
}
/*logo*/
.header .nav-logo{
	float: left;
}
.header .nav-logo .mmimg{
	display: none;
}
/*手机导航按钮*/
.header .nav-menu{
	float: right;
	width: 20px;
	height: 100%;
	position: relative;
	margin-left: 40px;
	cursor: pointer;
}
.header .nav-menu .line{
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.header .nav-menu .line.line1{
	margin-top: -6px;
}
.header .nav-menu .line.line3{
	margin-top: 6px;
}
@media only screen and (max-width:414px){
.header .nav-menu{
	width: 16px;
}
.header .nav-menu .line.line1{
	margin-top: -5px;
}
.header .nav-menu .line.line3{
	margin-top: 5px;
}
}
/*搜索*/
.header .nav-search{
	padding-left: 40px;
	float: right;
position: relative;
}
.header .nav-search .icon{
	    width: 16px;
    background-position: center;
    height: 105px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.header .nav-search .search-sub{
	position: absolute;
	width: 250px;
	right: 0;
	top: 104px;
	padding-right: 14px;
	background-color: #fff;
	z-index: 11;
	display: none;
}
.header .nav-search .search-sub input[type="text"]{
	width: 100%;
	height: 50px;
	padding: 10px;
	border: none;
}
.header .nav-search .search-sub input[type="submit"]{
	width: 25px;
	height: 25px;
	   background-repeat: no-repeat;
    cursor: pointer;
        background-position: center;
        background-image: url(../images/sicon_03.png);
        position: absolute;
        right:6px;
        top: 12px;
        border: none;
        background-color: #fff;
}
.header .nav-search[data-on="on"] .search-sub{
	display: block;
}
/*语言*/
.header .nav-language{
	margin-left: 25px;
	float: right;
	position: relative;
}
.header .nav-language .language-word{
	font-size: 1rem;
	color: #979797;
	line-height: 105px;
	padding-right: 16px;
	position: relative;
	cursor: pointer;
}
.header .nav-language .language-word:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #999999 #999999 transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px; 
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.header .nav-language .language-menu{
	position: absolute;
	left: 50%;
	top: 70px;
	width: 170px;
	transform: translateX(-50%);
	border: 1px solid #e8e8e8;
	display: none;
	background-color: #fff;
}
.header .nav-language .language-menu .language-item{
	display: block;
	font-size: 1rem;
	color: #979797;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
@media only screen and (min-width: 601px){
	.header .nav-language .language-menu .language-item:hover{
		background-color: rgba(248,248,248,1);
	}
}
@media only screen and (max-width:1024px){
	.header .nav-language .language-menu{
		top: 40px;
	}
}
/*导航菜单*/
.header .nav-list{
	float: right;
	font-size: 0;
}
.header .nav-list .list-n{
	display: inline-block;
	position: relative;
}
.header .nav-list .list-n .nav-word{
	padding:0 25px;
	display: inline-block;
	font-size: 1.16rem;
	color: #404040;
	line-height: 104px;
	text-transform:uppercase;
}
.header .nav-list .list-n.on .nav-word{
	background-color: #84c225;
	color: #fff;
}
.header .nav-list .list-n .nav-sub{
	border: 1px solid #e8e8e8;
	position: absolute;
	left: 0;
	top: 100%;
	width: 300px;
	display: none;
}
.header .nav-list .list-n .nav-sub .sub-item{
	display: block;
	font-size: 1.16rem;
	color: #979797;
	padding: 0 30px;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e8e8e8;
}
.header .nav-list .list-n .nav-sub .sub-item:last-child{
	border-bottom: 0;
}
@media only screen and (min-width: 601px){
	.header .nav-list .list-n:hover .nav-word{
		background-color: #84c225;
		color: #fff;
	}
	.header .nav-list .list-n .nav-sub .sub-item:hover{
		background-color: #c1e191;
		color: #271244;
	}
}

/*手机导航菜单*/
.mm-nav-box{
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	height: 100%;
	background-color: #fff;
	z-index: 1001;
	padding-top: 105px;
	transition: all .5s ease;
	transform: translate3d(100%,0,0);
	opacity: 0;
	visibility: hidden;
}
.mm-nav-box[data-on="on"]{
transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.mm-nav-box .mm-close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 7%;
	top: 4%;
	cursor: pointer;
}
.mm-nav-box .mm-close:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.mm-nav-box .mm-close:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #979797;
	position: absolute;
	left: 0;
	top: 50%;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.mm-nav-box .mm-nav-list{
    border-bottom: 1px solid #F5F5F5;
}

.mm-nav-box .mm-nav-list .list-n .mmli-word{
 padding-left: 50px;
    border-top: 1px solid #F5F5F5;
    font-size: 1.16rem;
    color: #404040;
    display: block;
    height: 60px;
    line-height: 60px;
    transition: all .5s ease;
    text-transform:uppercase;	
}
.mm-nav-box .mm-nav-list .list-n .mm-navsub .sub-item{
	margin-left: 60px;
	padding-left: 20px;

    font-size: 1.16rem;
    color: #404040;
    display: block;
    height: 40px;
    line-height: 40px;
}
 
@media only screen and (max-width:1600px){
.header {
		height: 90px;
	}
	.header-box {
		height: 90px;
	}
	.header .nav-logo .img{
		height: 90px;
	}
	.header .nav-search .icon{
		height: 90px;
	}
	.header .nav-language .language-word{
		line-height: 90px;
	}
	.mm-nav-box {
		padding-top: 90px;
	}
	.header .nav-list .list-n .nav-word{
		line-height: 90px;
	}
}
@media only screen and (max-width:1440px){
.header {
		height: 80px;
	}
	.header-box {
		height: 80px;
	}
	.header .nav-logo .img{
		height: 80px;
	}
	.header .nav-search .icon{
		height: 80px;
	}
	.header .nav-language .language-word{
		line-height: 80px;
	}
	.mm-nav-box {
		padding-top: 80px;
	}
	.header .nav-list .list-n .nav-word{
		line-height: 80px;
	}
}
@media only screen and (max-width:1280px){
.header {
		height:70px;
	}
	.header-box {
		height:70px;
	}
	.header .nav-logo .img{
		height:70px;
	}
	.header .nav-search .icon{
		height:70px;
	}
	.header .nav-language .language-word{
		line-height:70px;
	}
	.mm-nav-box {
		padding-top:70px;
	}
	.header .nav-list .list-n .nav-word{
		line-height: 70px;
		padding: 0 2%;
	}
}
@media only screen and (max-width:1024px){
	.header {
		height: 60px;
	}
	.header-box {
		height: 60px;
	}
	.header .nav-logo .img{
		height: 60px;
	}
	.header .nav-search .icon{
		height: 60px;
	}
	.header .nav-search .search-sub{
		position:fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 60px;
		padding-right: 0;
		background-color: rgba(0,0,0,.2);
		border-top: 2px solid #271244;
		z-index: -1;
		display: block;
		transition: all .5s ease;
		transform: translate3d(100%,0,0);
		opacity: 0;;
		visibility: hidden;
	}
	.header .nav-search .search-sub[data-on="on"]{
		transform: translate3d(0,0,0);
		opacity: 1;
		visibility: visible;
	}
	.header .nav-search .search-sub input[type="text"] {
		height: 40px;
	}
	.header .nav-search .search-sub input[type="submit"] {
		width: 40px;
		height: 40px;
	}
	.header .nav-language .language-word{
		line-height: 60px;
	}
	.header .nav-list {
		display: none;
	}
	.mm-nav-box {
		padding-top: 60px;
	}
}
@media only screen and (max-width:600px){
	.mm-nav-box {
		left: 0;
		top: 0;
		width:100%;
		height: 100%;
		padding-top: 60px;
	}
	.mm-nav-box .mm-close {
		top: 2%;
		right: 3%;
	}
}


/* =========

	首页

 ========= */
/*首页轮播*/
.inbanner-bg{
	position: relative;
}
 
.inbanner-bg .inbanner-swiper{
	height: 845px;
	position: relative;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox{
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-img{
	height: 100%;
}

.inbanner-bg .inbanner-swiper .inbanner-swiper-prev{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 3%;
	bottom: 3%;
	z-index: 11;
	cursor: pointer;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-prev:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #d2d4d9;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-prev:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent #d2d4d9 transparent transparent;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-51%,-50%);
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-next{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 3%;
	bottom: 3%;
	z-index: 11;
	cursor: pointer;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-next:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #d2d4d9;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-next:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #d2d4d9;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(51%,-50%);
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox{	
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage{
	font-size: 3rem;
	color: #fff;
	line-height: 1.5;
	transition:all 1s ease;
	transform: translate3d(0,-10%,0);
	opacity: 0;
	visibility: hidden;
	text-align: center;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage.left{
	text-align: left;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage.on{
	transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage .ico{
	display: inline-block;
	width: 60px;
	height: 20px;
	vertical-align: bottom;
}
/*scroll*/
.inbanner-bg .inbanner-scroll{
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	z-index: 11;	
	text-align: center;
	cursor: pointer;
}
.inbanner-bg .inbanner-scroll .scroll-icon{
	width: 15px;
	height: 22px;
	border-radius: 50px;
	border: 2px solid #6f7178;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.inbanner-bg .inbanner-scroll .scroll-icon:after{
	content: "";
	width: 4px;
	height: 6px;
	background-color: #6f7178;
	border-radius: 50px;
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -2px;
}
.inbanner-bg .inbanner-scroll .scroll-word{
	font-size: 1rem;
	color: rgba(255,255,255,.7);
}
@media only screen and (min-width: 601px){
	.inbanner-bg .inbanner-scroll:hover .scroll-icon:after{
	transform: translate3d(0,100%,0);
}
}
@media only screen and (max-width:1600px){
.inbanner-bg .inbanner-swiper {
    height: 800px;
}
}
@media only screen and (max-width:1400px){
.inbanner-bg .inbanner-swiper {
    height: 750px;
}
}
@media only screen and (max-width:1280px){
.inbanner-bg .inbanner-swiper {
    height: 700px;
}
}
@media only screen and (max-width:1024px){
.inbanner-bg .inbanner-swiper {
    height: 520px;
}
.inbanner-bg .inbanner-scroll .scroll-icon {
    margin-bottom: 0;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-prev {
	display: none;
}
.inbanner-bg .inbanner-swiper .inbanner-swiper-next {
	display: none;
}
.inbanner-bg .inbanner-scroll {
    bottom: 20px;
}
}
@media only screen and (max-width:800px){
.inbanner-bg .inbanner-swiper {
    height: 500px;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage {
    font-size: 3rem;
}
}
@media only screen and (max-width:600px){
.inbanner-bg .inbanner-swiper {
    height: 460px;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage {
    font-size: 2.5rem;
}
}
@media only screen and (max-width:414px){
.inbanner-bg .inbanner-swiper {
    height: 250px;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage {
    font-size: 2rem;
}
.inbanner-bg .inbanner-scroll{
	display: none;
}
}
@media only screen and (max-width:375px){
.inbanner-bg .inbanner-swiper {
    height: 200px;
}
.inbanner-bg .inbanner-swiper .swiper-wrapper .swiper-slide .inbanner-imgbox .inbanner-massagebox .inbanner-massage {
    font-size: 1.5rem;
}
}
@media only screen and (max-width:320px){

}
/*首页解决方案跳转*/
.insolution-bg{
	padding-top: 50px;
	padding-bottom: 60px;
	text-align: center;
	position: relative;
}
.insolution-bg #main{
	position: absolute;
	top: -105px;
}
.insolution-bg .insolution-word{
	font-size: 2rem;
	color: #5d5d5d;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	transition: all 1s ease;
	transform: translate3d(0,30%,0);
	opacity: 0;
	visibility: hidden;
}
.insolution-bg .insolution-word.on{
		transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.insolution-bg .insolution-word:after{
	content: "";
	width: 30px;
	height: 1px;
	background-color: #cecece;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -15px;
	transition: all .5s ease;
	transition-delay: 0.9s;
	transform: scale(0);
}
.insolution-bg .insolution-word.on:after{
	transform: scale(1);
}
.insolution-bg .insolution-link{
	font-size: 1.33rem;
	color: #271244;
	font-weight: bold;
	display: block;
}
@media only screen and (max-width:1024px){
	.insolution-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}
	.insolution-bg .insolution-word {
		margin-bottom: 2%;
	}
}

/*首页关于我们*/
.inabout-bg{
	padding-bottom: 60px;
	margin-top: 40px;
	
}
.inabout-bg .inabout-img{
	padding-top: 690px;
/* 	background-attachment:fixed; */
}
.inabout-bg .inabout-main{
	margin-top: -58px;
	padding: 58px 0;
	background-color: #dcdcdc;
	text-align: center;
}
.inabout-bg .inabout-main .inabout-title{
	font-size: 3.33rem;
	color: #252525;
	margin-bottom: 30px;
	transition: all 1s ease;
	transform: translate3d(0,30%,0);
	opacity: 0;
	visibility: hidden;
}
.inabout-bg .inabout-main .inabout-title.on{
	transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.inabout-bg .inabout-main .inabout-content{
	font-size: 1.16rem;
	color: #585858;
	line-height: 2;
	margin-bottom: 30px;
}	
.inabout-bg .inabout-main .inabout-content h4{
	font-size: 18px;
	font-weight: normal;
	}
.inabout-bg .inabout-main .inabout-linkbox{
	text-align: center;
}
.inabout-bg .inabout-main .inabout-linkbox .inabout-link{
	width: 160px;
	height: 45px;
	font-size: 1.16rem;
	color: #271244;
	line-height: 45px;
	font-weight: bold;
	border: 1px solid #bcbcbc;
	display: inline-block;
	position: relative;
}
.inabout-bg .inabout-main .inabout-linkbox .inabout-link:after{
	content: "";
	width: 0;
	height: 2px;
	background-color: #84c225;
	position: absolute;
	left: 0;
	bottom: 0;
	transition:all .5s ease; 
}
@media only screen and (min-width: 601px){
	.inabout-bg .inabout-main .inabout-linkbox .inabout-link:hover:after{
		width: 100%;
	}
}
@media only screen and (max-width:1024px){
	.inabout-bg {
		padding-bottom: 6%;
	}
	.inabout-bg .inabout-main {
		margin-top: -6%;
		padding-top: 6%;
	}
	.inabout-bg .inabout-main .inabout-title {
		margin-bottom: 3%;
	}
	.inabout-bg .inabout-main .inabout-content {
		margin-bottom: 3%;
	}
}
@media only screen and (max-width:800px){

}
@media only screen and (max-width:600px){
	.inabout-bg .inabout-main .inabout-title{
		font-size: 2.5rem;
	}
}

/*首页产品*/
.inproduct-bg{
	padding-top: 55px;
	padding-bottom: 35px;
	
}
.inproduct-bg .inproduct-word{
	font-size: 3.33rem;
	color: #252525;
	margin-bottom: 50px;
	text-align: center;
	display: block;
	transition: all 1s ease;
	transform: translate3d(0,30%,0);
	opacity: 0;
	visibility: hidden;
}
.inproduct-bg .inproduct-word.on{
	transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.ProlistSort{margin: 0 auto; width: 736px;}
.ProlistSort ul li{float: left; width: 164px; height: 45px;line-height: 45px; margin-right: 20px; text-align: center;  background-color: #dcdcdc;font-size: 16px;}
.ProlistSort ul li a{color: #999999;}
.ProlistSort ul li:hover,.ProlistSort ul li.on{color: #fff; background-color: #84c225;}
.ProlistSort ul li:hover a,.ProlistSort ul li.on a{color: #fff; display: block;}

.inproduct-bg .inproduct-list{
	margin-top: 50px;
}

.inproduct-bg .inproduct-list .list-ip{
	float: left;
	margin-bottom: 35px;
	display: block;
	transition: all 1s ease;
	transform: translate3d(0,30%,0);
	opacity: 0;
	visibility: hidden;
	border: 6px solid #fff;
}
.inproduct-bg .inproduct-list .list-ip:nth-child(2){
	transition-delay: .1s
}
.inproduct-bg .inproduct-list .list-ip:nth-child(3){
	transition-delay: .25s
}
.inproduct-bg .inproduct-list .list-ip:nth-child(4){
	transition-delay: .5s
}
.inproduct-bg .inproduct-list .list-ip:nth-child(5){
	transition-delay: .75s
}
.inproduct-bg .inproduct-list .list-ip:nth-child(6){
	transition-delay: .9s
}

.inproduct-bg .inproduct-list.on .list-ip{
	transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
	width: 100%;
}

.inproduct-bg .inproduct-list .list-ip .inproduct-imgbox{
	overflow: hidden;
	position: relative;
}
.inproduct-list .list-ip .inproduct-imgbox{
	height: 580px;
}
.inproduct-list .list-ip .inproduct-imgbox img{
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	transition: 0.3s all;
	}
.inproduct-list .list-ip:hover .inproduct-imgbox img{
	transform: scale(1.2);
	transition: 0.3s all;
}

/* .inproduct-list .list-ip .inproduct-imgbox::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/linkico.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20%;
	left: 40%;
	z-index: 111;
	opacity: 0;
}
.inproduct-list .list-ip:hover .inproduct-imgbox::before{
	top: 40%;
	left: 40%;
	opacity: 1;
	}
 */
 
@media only screen and (max-width:1024px){
	.inproduct-list .list-ip .inproduct-imgbox{
		height: 300px;
	}
	.submenu{right: 2%;}
	.inproduct-bg {
		padding-top: 5%;
		padding-bottom: 3%;
	}
	.inproduct-bg .inproduct-word {
		margin-bottom: 5%;
	}
	.inproduct-bg .inproduct-list .list-ip {
		margin-bottom: 3%;
	}
	.inproduct-bg .inproduct-list .list-ip .inproduct-title {
		margin-top: 1%;
	}
}
 

/*首页陈列*/
.inchenlie-bg{
	padding-top: 50px;
	padding-bottom: 90px;
	
}
.inchenlie-bg .inchenlie-word{
	font-size: 3rem;
	color: #fff;
	margin-bottom: 50px;
	text-align: center;
	transition: all 1s ease;
	transform: translate3d(0,-30%,0);
	opacity: 0;
	visibility: hidden;
}
.inchenlie-bg .inchenlie-word.on{
transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.inchenlie-bg .inchenlie-listbox{
	position: relative;
}
.inchenlie-bg .inchenlie-listbox .list-cl{
	float: left;
	display: block;
	transition: all 1s ease;
	transform: translate3d(0,30%,0);
	opacity: 0;
	visibility: hidden;
	border: 6px solid #fff;
}
.inchenlie-bg .inchenlie-list.on .list-cl{
	transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
	width: 100%;
}

.inchenlie-bg .inchenlie-list.on .list-cl .inchenlie-imgbox{
	overflow: hidden;
	position: relative;
}

.inchenlie-list .list-cl .inchenlie-imgbox img{
	width: 100%;
	transform: scale(1.0);
	transition: 0.3s all;
	height: 580px;
	}
.inchenlie-list .list-cl:hover .inchenlie-imgbox img{
	transform: scale(1.2);
	transition: 0.3s all;
}


.inchenlie-list .list-cl .inchenlie-imgbox::before{
	content: "";
	display: block;
	width: 70px;
	height: 86px;
	background: url(../images/bofang.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 40%;
	left: 44%;
	z-index: 111;
}
 
@media only screen and (max-width:1400px){
	.inchose-bg .inchose-listbox .inchose-list .list-ic.bottom {
		margin-bottom: 100px;
	}
}
@media only screen and (max-width:1280px){
	.inchose-bg {
		padding-bottom: 70px;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic.bottom {
		margin-bottom: 80px;
	}
}
@media only screen and (max-width:1024px){
	.inchose-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}
	.inchose-bg .inchose-word {
		margin-bottom: 5%;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic.bottom {
		margin-bottom: 6%;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic .inchose-demo{
	height: 75px;
	}
}


@media only screen and (max-width:600px){
	.inchose-bg .inchose-word {
		font-size: 2.5rem;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic {
		width: 100%;
		float: none;
		padding: 0 3%;
		margin-bottom: 3%;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic.middle {
		width: 100%;
		padding: 0;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic:nth-child(3n) {
		padding: 0;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic.middle:before {
		display: none;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic.middle:after {
		display: none;
	}
	.inchose-bg .inchose-listbox .inchose-list .cirle1 {
		display: none
	}
	.inchose-bg .inchose-listbox .inchose-list .cirle2 {
		display: none
	}
	.inchose-bg .inchose-listbox .line {
		display: none;
	}
	.inchose-bg .inchose-listbox .inchose-list .list-ic .inchose-demo {
    height: auto;
}
}


/*首页新闻*/
.innews-bg{
	padding: 40px 0;
}
.innews-bg .innews-word{
	font-size: 3rem;
	color: #fff;
	margin-bottom: 50px;
	text-align: center;
	transition: all 1s ease;
	transform: translate3d(0,-30%,0);
	opacity: 0;
	visibility: hidden;
}
.innews-bg .innews-word.on{
transform: translate3d(0,0,0);
	opacity: 1;
	visibility: visible;
}
.innews-bg .innews-swiper{
	position: relative;
	padding: 30px 0;
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n{
	display: block;
	text-align: center;
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-title{
	font-size: 1.45rem;
	color: #fff;
	margin-bottom: 10px;
	width: 100%;
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n:hover .innews-title{
	color: #ddd;
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n  .innews-demo{
	font-size: 1.16rem;
	color: #c8c8c8;
	margin: 20px 0;
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-demo .innews-time{
	font-size: 1.16rem;	
	color: #c8c8c8;
	
}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-demo .innews-time i{
	background: url(.../images/time.png) no-repeat; display: block; width: 10px; height: 10px; background-size: 100%; float: left;
	}
.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-more{
	font-size: 1rem;
	color: rgba(0,0,0,.35);
}
.innews-bg .innews-swiper .innews-swiper-prev{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	z-index: 11;
	cursor: pointer;
}
.innews-bg .innews-swiper .swiper-pagination{
	bottom: 0px;
}
.innews-bg .innews-swiper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #000000!important;
}
.innews-bg .innews-swiper .innews-swiper-prev:before{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent #4c4c4c transparent transparent;
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
}
.innews-bg .innews-swiper .innews-swiper-prev:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #4c4c4c;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.innews-bg .innews-swiper .innews-swiper-next{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	z-index: 11;
	cursor: pointer;
}
.innews-bg .innews-swiper .innews-swiper-next:before{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #4c4c4c;
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
}
.innews-bg .innews-swiper .innews-swiper-next:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #4c4c4c;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media only screen and (max-width:1024px){
	.innews-bg {
		padding: 4% 0;
	}
	.innews-bg .innews-swiper .innews-swiper-prev{
		display: none;
	}
	.innews-bg .innews-swiper .innews-swiper-next {
		display: none;
	}
	.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n {
		margin: 0 80px;
	}
	.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-title {
		margin-bottom: 1%;
	}
}
@media only screen and (max-width:800px){
	.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n {
		margin: 0 6%;
	}
}
@media only screen and (max-width:600px){
	.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-demo {
		padding-left: 0;
		margin-bottom: 2%;
	}
	.innews-bg .innews-swiper .swiper-wrapper .swiper-slide .list-n .innews-demo .innews-time{
		position: static;
	}
}

/* =========

通用内页大图

 ========= */
.allpage-banner{
	height: 490px;
	position: relative;
	display: block;
}
.allpage-banner .pbanner-main{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.allpage-banner .pbanner-main .pbanner-title{
	font-size: 3rem;
	color: #fff;
	text-transform:uppercase;
}
.allpage-banner .pbanner-main .pbanner-massage{
	font-size: 2rem;
	color: #fff;
	line-height: 2;
	margin-top: 40px;
}
@media only screen and (max-width:1600px){
	.allpage-banner{
		height: 460px;
	}
}
@media only screen and (max-width:1400px){
	.allpage-banner{
		height: 430px;
	}
}
@media only screen and (max-width:1280px){
	.allpage-banner{
		height: 400px;
	}
}
@media only screen and (max-width:1024px){
	.allpage-banner{
		height: 380px;
	}
	.allpage-banner .pbanner-main .pbanner-massage{
	margin-top: 4%;
}
}
@media only screen and (max-width:800px){
	.allpage-banner{
		height: 350px;
	}
}
@media only screen and (max-width:600px){
	.allpage-banner{
		height: 320px;
	}
	.allpage-banner .pbanner-main .pbanner-massage{
	font-size: 1.33rem;
	line-height: 1.5;
}
}
@media only screen and (max-width:414px){
	.allpage-banner .pbanner-main .pbanner-title{
		font-size: 2.5rem;
		text-align: center;
	}
}
@media only screen and (max-width:375px){
	.allpage-banner{
		height: 300px;
	}
}
@media only screen and (max-width:320px){
	.allpage-banner{
		height: 250px;
	}
}
/* =========

	关于我们

 ========= */

.ty-banner{position: relative; height: 500px; }
.ty-banner-txt{position: absolute; top: 130px;width: 100%;margin: 0 auto; z-index: 100;}
.ty-banner-txt h2{font-size: 42px; color: #fff;text-align: center;    text-shadow: 1px 1px 5px #333;}
.ty-banner-txt p{font-size: 14px; color: #fff;text-align: center;    text-shadow: 1px 1px 5px #333;}
/* .ty-banner-txt i{display: block; width: 40px; height: 1px; background-color: #ddd; margin: 30px auto;} */
.bannerimg{-webkit-animation: banner_inside 6s ease 1 forwards;
-moz-animation: banner_inside 6s ease 1 forwards;
-o-animation: banner_inside 6s ease 1 forwards;
animation: banner_inside 6s ease 1 forwards;}
.bannerimg{width: 100%; height: 100%;z-index: -111;  }
.bannerimgbox{overflow: hidden;height: 500px;width: 100%;}

@-webkit-keyframes banner_inside {
from {
-webkit-transform: translateZ(0) scale(1.2);
transform: translateZ(0) scale(1.2);
}
to {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
@-moz-keyframes banner_inside {
from {
-moz-transform: translateZ(0) scale(1.2);
transform: translateZ(0) scale(1.2);
}
to {
-moz-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
@-o-keyframes banner_inside {
from {
-o-transform: translateZ(0) scale(1.2);
transform: translateZ(0) scale(1.2);
}
to {
-o-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}
@keyframes banner_inside {
from {
-webkit-transform: translateZ(0) scale(1.2);
-moz-transform: translateZ(0) scale(1.2);
-o-transform: translateZ(0) scale(1.2);
transform: translateZ(0) scale(1.2);
}
to {
-webkit-transform: translateZ(0) scale(1);
-moz-transform: translateZ(0) scale(1);
-o-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
}


.submenu{position: absolute; bottom: 0; right: 27%;  height: 56px;z-index: 100;}
.submenu ul li{width: 180px;background: #fff; float: left; text-align: center;line-height: 56px; margin-right: 6px;}
.submenu ul li a{color: #333; font-size: 14px;display: block;}
.submenu ul li:hover,.submenu ul li.on{background: #84c225;}
.submenu ul li:hover a,.submenu ul li.on a{color: #fff; font-weight: bold; display: block;}
.ProMenu{right: 30%;}
.NewsMenu{right:45%;}
.ContactMenu{right:40%;}
.ChenlieMenu{right:40%;}
@media only screen and (max-width:1024px){
	.submenu{right: 4%;}
	.ProMenu{right: 14%;}
	.NewsMenu{right:32%;}
	.ContactMenu{right:32%;}
	.ChenlieMenu{right:32%;}
}
.ProMenu .ProMenulist{position: relative;}
.ProMenu .ProMenulist .submenu_Sub{display: none; position: absolute;top: 56px; left: 0;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li{width: 180px;background: #fff; text-align: center;line-height: 56px; }
.ProMenu .ProMenulist .submenu_Sub .submenu_li a{color: #333; font-size: 14px;display: block; font-weight: normal;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li:hover,.ProMenu .ProMenulist .submenu_Sub .submenu_li.on{background: #c1e191;}
.ProMenu .ProMenulist .submenu_Sub .submenu_li:hover a,.ProMenu .ProMenulist .submenu_Sub .submenu_li.on a{color: #333; font-weight: normal; display: block;}

.localPath{background-color: #f5f5f5;border-bottom: 1px solid #ddd; height: 70px;line-height: 70px;}
.localPath span{margin-right: 6px;}
.localPath a:hover{color:#000}
 
 .title{width: 100%; text-align: center;margin: 20px 0;}
 
 .title h2{font-size: 40px; color: #333333; font-weight: bold;}
 .title p{color:#999; font-size: 14px; line-height: 32px;}
 .title i{display: block; width: 80px; height: 1px; background-color: #ccc; text-align: center; margin: 30px auto;}
 
.nyabout{background-color: #dcdcdc; padding: 30px 50px; margin:50px auto;} 
.about_img{width: 40%; float: left; background: url(../images/aboutusimg.jpg) 50% 30% no-repeat; height: 500px;background-size: 160%;}
.about_txt{width: 58%; float: left; margin-left: 2%;}
.nyabout .nyabout-content{
	font-size: 1.16rem;
	color: #585858;
	line-height: 2;
	margin-bottom: 30px;
}	
.nyabout .nyabout-content h4{
	font-size: 18px;
	font-weight: bold;
	}
	
.rongyu dl{margin-bottom: 13px}

.rongyu dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.rongyu dt img{display: block;width: 100%; height: 220px;}
.rongyu dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.rongyu dt a{display: block; overflow: hidden;}
.rongyu dt img:hover{transform: scale(1.2);}

/*分页*/
  .pageshow{ margin:50px 0px 50px 0px; height:30px; line-height:30px; text-align:center; }
  .center .pageshow{ margin:10px 0px; height:35px; line-height:35px; text-align:right; border:none;}
  .pageshow a {padding: 2px 6px;line-height: 25px;display: inline-block;border: 1px #bbb solid;margin: 2px;background: #f8f9f7;font-size: 14px;color: #666;}
  .pageshow a:hover{background: #84c225;border: 1px #84c225 solid; color:#fff;}
  .pageshow .curr{background: #84c225;border: 1px #84c225 solid;color:#fff;padding: 2px 6px;border: 1px #84c225 solid;line-height: 25px;font-size:16px}


.zhuanli dl{margin-bottom: 13px}

.zhuanli dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.zhuanli dt img{display: block;width: 100%; height: 380px;}
.zhuanli dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.zhuanli dt a{display: block; overflow: hidden;}
.zhuanli dt img:hover{transform: scale(1.1);}

/* 在线留言 */
.contact-ly{box-sizing:border-box;background-size:cover;margin-bottom:80px;overflow:hidden}
.contact-ly-cont2{width:100%;background:#fff;text-align:center;box-sizing:border-box;padding:60px}
.contact-ly img,.contact-vs img{display:inline-block;vertical-align:middle}
.contact-ly-title{margin-bottom:35px}
.contact-ly-title h3{font-size:36px;font-weight:400}
.contact-ly-title p{color:#707070;font-size:24px}
.contact-ly-c label{width:49%;display:block;float:left;padding:12px 20px;box-sizing:border-box;border:1px solid #f2f2f2;margin-right:2%;margin-bottom:24px;text-align:left}
.contact-ly-c label:nth-of-type(2n){margin-right:0}
.contact-ly-c label span{font-size:17px;color:#333;display:inline-block;vertical-align:middle;padding-right:5px;border-right:1px solid #e7e7e7;padding-left:6px;margin-right:5px;font-weight:700}
.contact-ly-c input{height:22px;line-height:22px;position:relative;top:1px;display:inline-block;width:67%;border:none}
.contact-ly-c .yz_code{margin: 20px 0;width: 42%;}
.contact-ly-c .yz_code input{text-transform:uppercase; width: 180px;}
.contact-ly-c textarea{width:100%;border:1px solid #f2f2f2;padding:30px;display:block;height:200px;box-sizing:border-box;resize:none;font-size:16px}
.contact-ly-c .submit{width:137px;height:44px;font-size:16px;line-height:44px;background-color:#84c225;background-position:26px center;background-repeat:no-repeat;color:#fff;border-radius:2px;margin-top:22px;cursor:pointer;transition:all .8s;border:none}
.contact-ly-c .submit:hover{opacity:.9}
.contact-zx{margin-top:70px;position:relative}
.contact-zx .ves{position:absolute;bottom:26px;left:52%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#fff;width:330px;text-align:center;padding:10px 30px 10px}
.contact-zx .ves p{font-size:16px;color:#666;margin-bottom:8px}
.contact-zx .ves a{color:#e4711e;font-size:16px}
.contact-text{padding-bottom:62px;width:100%;overflow:hidden}
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}


/* =========

	产品中心

 ========= */
 
.chanpin dl{margin-bottom: 13px}
.chanpin dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.chanpin dt img{display: block;width: 100%; height: 350px;}
.chanpin dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.chanpin dt a{display: block; overflow: hidden;}
.chanpin dt img:hover{transform: scale(1.2);}
.product-bg{
	padding-bottom: 100px;
}
.product-bg .product-theme{
	padding: 50px 3%;
	font-size: 2rem;
	color: #464646;
}
.product-bg .product-classbox{

	border-top: 1px solid #ebebeb;
}
.product-bg .product-classbox .class-item{
	padding-left: 3%;	
	padding-right: 3%;	
	border-bottom: 1px solid #ebebeb;
	padding-top: 20px;
	position: relative;
}
.product-bg .product-classbox .class-item .item-id{
	position: absolute;
	top: -105px;
}
.product-bg .product-classbox .class-item .class-box{
	padding-left: 280px;
	position: relative;
	min-height: 165px;
}
.product-bg .product-classbox .class-item .class-name{
	font-size: 1.5rem;
	color: #464646;
	position: absolute;
	left: 0;
	top: 50px;
	text-transform:uppercase;
}
.product-bg .product-classbox .class-item .class-product{
	max-width: 1280px;
}
.product-bg .product-classbox .class-item .class-product .list-p{
	padding-right: 15px;
	margin-bottom: 30px;
	border-right: 1px solid #ebebeb;
	display: block;
	width: calc((100% - 60px) / 5);
	float: left;
	margin-right: 15px;
}
.product-bg .product-classbox .class-item .class-product .list-p:nth-child(5n){
	margin-right: 0;
}
.product-bg .product-classbox .class-item .class-product .list-p .product-imgbox{
	overflow: hidden;
	position: relative;
}
.product-bg .product-classbox .class-item .class-product .list-p .product-imgbox:after{
	content: "";
	width: 100%;
	height: 101%;
	background-image: url(../images/ibg.png);
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.product-bg .product-classbox .class-item .class-product .list-p .product-imgbox .product-img{
	padding-top: calc(150 / 225 * 100%);
	transition: all .5s ease;
	transform: scale(1);
}
.product-bg .product-classbox .class-item .class-product .list-p .product-title{
	font-size: 1.16rem;
	color: #1e1e1e;
	margin-top: 5px;
	text-transform:uppercase;
}
@media only screen and (min-width: 601px){
	.product-bg .product-classbox .class-item .class-product .list-p:hover .product-imgbox .product-img{
		transform: scale(1.2);
	}
}
@media only screen and (max-width:1280px){
	.product-bg .product-classbox .class-item .class-box {
		padding-left: 0;
	}
	.product-bg .product-classbox .class-item .class-name {
		position: static;
		margin-bottom: 2%;
	}
}
@media only screen and (max-width:1024px){
	.product-bg .product-classbox .class-item .class-product .list-p {
		padding-right: 2%;
		margin-bottom: 3%;
	}
	.product-bg .product-theme {
		padding: 5% 3%;
	}
}
@media only screen and (max-width:800px){
	.product-bg .product-classbox .class-item .class-product .list-p {
		width: calc((100% - 45px) / 4);
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(5n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(4n){
		margin-right: 0;
	}
}
@media only screen and (max-width:600px){
	.product-bg .product-classbox .class-item .class-product .list-p {
		width: calc((100% - 30px) / 3);
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(5n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(4n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(3n){
		margin-right: 0;
	}
}
@media only screen and (max-width:414px){
	.product-bg .product-classbox .class-item .class-product .list-p {
		width: calc((100% - 15px) / 2);
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(5n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(4n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(3n){
		margin-right: 15px;
	}
	.product-bg .product-classbox .class-item .class-product .list-p:nth-child(2n){
		margin-right: 0;
	}
}
@media only screen and (max-width:375px){
	.product-bg .product-classbox .class-item .class-product .list-p {
		width: 100%;
		margin-right: 0;
	}
}


/* =========

	产品详细

 ========= */
.productview-bg{
	padding-top: 85px;
	padding-bottom: 50px;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.productview-bg .productview-imgbox{
	  -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
  position: relative;
  	width: 380px;
	height: 580px;
	margin-right: 6%;
}
.productview-bg .productview-imgbox:after{
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../images/ibg2.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.productview-bg .productview-imgbox .productview-img{
	width: 100%;
	height: 100%;
}
.productview-bg .productview-main{
	width: calc(94% - 380px);
	position: relative;
	padding-right: 50px;
}
.productview-bg .productview-main .productview-back{
	font-size: 1.16rem;
	color: #bebebe;
	padding-right: 10px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
}
.productview-bg .productview-main .productview-back:after{
	content: "";
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #bebebe #bebebe transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.productview-bg .productview-main .productview-classname{
	font-size: 2rem;
	color: #271244;
	margin-bottom: 10px;
}
.productview-bg .productview-main .productview-title{
	font-size: 1.6rem;
	outline-color: #1e1e1e;
	margin-bottom: 50px;
}
.productview-bg .productview-main .productview-content{
	font-size: 1.16rem;
	color: #9b9b9b;
	line-height: 2;
	margin-bottom: 20px;
}
.productview-bg .productview-main .productview-tie{
	font-size: 1.16rem;
	color: #9b9b9b;
	line-height: 2;
	margin-bottom: 20px;
}
.productview-bg .productview-main .productview-tie span{
	font-size: 1.16rem;
	color: #000;
}
.productview-bg .productview-main .productview-email{
		font-size: 1.33rem;
		padding-left: 30px;
		position: relative;
}
.productview-bg .productview-main .productview-email:after{
	content: "";
	background-image: url(../images/pmail_03.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
width: 26px;
height: 18px;
position: absolute;
left: 0;
top: 0;
}

.productview-other{
	padding-top: 55px;
	padding-bottom: 150px;
}
.productview-other .list-o{
	width: calc((100% - 100px) / 6);
	float: left;
	margin-right: 20px;
	margin-bottom: 35px;
	display: block;
}
.productview-other .list-o:nth-child(6n){
	margin-right: 0;
}
.productview-other .list-o .pother-img{
	padding-top: calc(100 / 150 * 100%);
	position: relative;
}
.productview-other .list-o .pother-img:after{
	content: "";
	width: 100%;
	height: 101%;
	background-image: url(../images/ibg.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.productview-other .list-o .pother-title{
	font-size: 1rem;
	color: #292929;
	margin-top: 10px;
}
.productview-other .list-o.last .last-img{
	padding-top: calc(100 / 150 * 100%);
	position: relative;	
}
.productview-other .list-o.last .last-img .last-word{
	width: 80%;
	font-size: 1.25rem;
	color: #271244;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
@media only screen and (max-width:1600px){
	.productview-other {
		padding-bottom: 120px;
	}
}
@media only screen and (max-width:1400px){
	.productview-other {
		padding-bottom: 100px;
	}
}
@media only screen and (max-width:1280px){
	.productview-other {
		padding-bottom: 80px;
	}
}
@media only screen and (max-width:1024px){
	.productview-bg {
		padding-top: 6%;
		padding-bottom: 5%;
	}
	.productview-other {
		padding-top: 5%;
		padding-bottom: 6%;
	}
	.productview-other .list-o {;
		margin-bottom: 3%;
	}
	.productview-other .list-o {
		width: calc((100% - 80px) / 5);
	}
	.productview-other .list-o:nth-child(6n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(5n) {
		margin-right: 0;
	}
}
@media only screen and (max-width:800px){
	
	.productview-other .list-o {
		width: calc((100% - 60px) / 4);
	}
	.productview-other .list-o:nth-child(6n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(5n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(4n) {
		margin-right: 0;
	}
}
@media only screen and (max-width:600px){
	.productview-bg {
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.productview-bg .productview-imgbox {
		width: 100%;
		margin-right: 0;
	}
	.productview-bg .productview-imgbox:after{
		background-image: url(/phone/images/ibg3.png);
	}
	.productview-bg .productview-main {
		width: 100%;
		padding-top: 3%;
	}
	.productview-bg .productview-main .productview-back {
		position: relative;
		margin-bottom: 2%;
	}
	.productview-bg .productview-main .productview-classname {
		font-size: 2rem;
		color: #271244;
		margin-bottom: 10px;
	}
	.productview-bg .productview-main .productview-title {
		margin-bottom: 5%;
	}
	.productview-bg .productview-main .productview-content {
		margin-bottom: 4%;
	}
	.productview-other .list-o {
		width: calc((100% - 40px) / 3);
	}
	.productview-other .list-o:nth-child(6n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(5n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(4n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(3n) {
		margin-right: 0;
	}
	.productview-bg .productview-imgbox .productview-img {
	padding-top: 100%;
}
}
@media only screen and (max-width:414px){
	.productview-other .list-o {
		width: calc((100% - 20px) / 2);
	}
	.productview-other .list-o:nth-child(6n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(5n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(4n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(3n) {
		margin-right: 20px;
	}
	.productview-other .list-o:nth-child(2n) {
		margin-right: 0;
	}
	.productview-bg .productview-imgbox {
    width: auto;
    height: auto;
}

}
/* =========

陈列展示

 ========= */
 .chenlie dl{margin-bottom: 13px}
 .chenlie dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
 .chenlie dt a{display: block; overflow: hidden;}
 .chenlie dt img{display: block;width: 100%; height: 476px;}
 .chenlie dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
 .chenlie dt img:hover{transform: scale(1.2);}
 
.chenlie2 dl{margin-bottom: 13px}
.chenlie2 dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.chenlie2 dt a{display: block; overflow: hidden;}
.chenlie2 dt img{display: block;width: 100%; height: 360px;}
.chenlie2 dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.chenlie2 dt img:hover{transform: scale(1.2);}
.chenlie2 dt::before{
	content: "";
	display: block;
	width: 65px;
	height: 66px;
	background: url(../images/bofang.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 111;
}

/* =========

	应用

 ========= */
.apply-bg .apply-theme{
	font-size: 1.66rem;
	color: #898989;
	padding: 30px 0;
}
.apply-bg .apply-list .list-a{
	width: calc((100% - 50px) / 2);
	float: left;
	margin-right: 50px;
	margin-bottom: 100px;
}
.apply-bg .apply-list .list-a:nth-child(2n){
	margin-right: 0;
}
.apply-bg .apply-list .list-a .apply-imgbox .apply-img{
	padding-top: calc(410 / 670 * 100%);
}

.layui-layer.layui-layer-page{
	max-width: 870px!important;
	max-width: 610px!important;
}
.layui-layer-page .layui-layer-content{
	overflow: visible!important;
}
.apply-bg .apply-list .list-a .apply-title{
	font-size: 2rem;
	color: #271244;
	margin-top: 35px;
	text-align: center;
}
/*插图*/
.apply-picture{
	padding-top: calc(580 / 1920 * 100%);
}

@media only screen and (max-width:1280px){
	.apply-bg .apply-list .list-a {
		margin-bottom: 80px;
	}
}
@media only screen and (max-width:1024px){
	.apply-bg .apply-theme {
		padding: 3% 0;
	}
	.apply-bg .apply-list .list-a {
		margin-bottom: 6%;
	}
	.apply-bg .apply-list .list-a .apply-title {
		margin-top: 3%;
	}
}
@media only screen and (max-width:800px){
	.apply-bg .apply-list .list-a {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 6%;
	}
}

/* =========

	新闻

 ========= */
 .xinwen dl{margin-bottom: 13px}
 .xinwen dt{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
 .xinwen dt img{display: block;width: 100%; height: auto; }
 .xinwen dd h4{height: 50px;font-size: 14px;line-height: 50px;text-align: center; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
 .xinwen dt a{display: block; overflow: hidden; height: 240px;}
 .xinwen dt img:hover{transform: scale(1.2);}
 
.news-bg{
	padding: 70px 0;
}
.news-bg .newsclass-item{
	margin-bottom: 40px;
}
.news-bg .newsclass-item .newsclass-namebox{
	position: relative;
	margin-bottom: 25px;
}
.news-bg .newsclass-item .newsclass-namebox .newsclass-name{
	font-size: 2.5rem;
	color: #271244;
}
.news-bg .newsclass-item .newsclass-namebox .newsclass-more{
	font-size: 1.33rem;
	color: #9c9c9c;
	padding-right: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.news-bg .newsclass-item .newsclass-namebox .newsclass-more:before{
	content: "";
	width: 10px;
	height: 2px;
	background-color: #9c9c9c;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
.news-bg .newsclass-item .newsclass-namebox .newsclass-more:after{
	content: "";
	width: 2px;
	height: 10px;
	background-color: #9c9c9c;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -5px;
}
.news-bg .newsclass-item .news-list .list-n{
	width: calc(90% / 3);
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
	display: block;
}
.news-bg .newsclass-item .news-list .list-n.none{
	display: none;
}
.news-bg .newsclass-item .news-list .list-n:nth-child(3n){
	margin-right: 0;
}
.news-bg .newsclass-item .news-list .list-n .news-imgbox{
	overflow: hidden;
}
.news-bg .newsclass-item .news-list .list-n .news-imgbox .news-img{
	padding-top: calc(280 / 410 * 100%);
	transition: all .5s ease-out;
	transform: scale(1);
}
.news-bg .newsclass-item .news-list .list-n .news-title{
	font-size: 1.33rem;
	color: #b79a7c;
	margin-top: 30px;
}
.news-bg .newsclass-item .news-list .list-n .news-time{
	font-size: 1rem;
	color: #c0c0c0;
	margin-top: 15px;
}
.news-bg .newsclass-item .news-list .list-n .news-demo{
	font-size: 1rem;
	color: #9b9b9b;
	line-height: 2;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: block;
}
.news-bg .newsclass-item .mmmore-box{
	text-align: center;
	display: block;
}
.news-bg .newsclass-item .mmmore-box .mmmore{
		font-size: 1.33rem;
	color: #9c9c9c;
	padding-right: 20px;
	position: relative;
	display: none;
}
.news-bg .newsclass-item .mmmore-box .mmmore:before{
	content: "";
	width: 10px;
	height: 2px;
	background-color: #9c9c9c;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
.news-bg .newsclass-item .mmmore-box .mmmore:after{
	content: "";
	width: 2px;
	height: 10px;
	background-color: #9c9c9c;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -5px;
}
@media only screen and (min-width: 601px){
	.news-bg .newsclass-item .news-list .list-n:hover .news-imgbox .news-img{
		transform: scale(1.1);
	}
}
@media only screen and (max-width:1024px){
	.news-bg {
		padding: 6% 0;
	}
	.news-bg .newsclass-item .newsclass-namebox {
		margin-bottom: 3%;
	}
	.news-bg .newsclass-item {
		margin-bottom: 4%;
	}
	.news-bg .newsclass-item .news-list .list-n {
		width: calc(95% / 2);
		margin-bottom: 3%;
	}
	.news-bg .newsclass-item .news-list .list-n:nth-child(3n){
		margin-right: 5%;
	}
	.news-bg .newsclass-item .news-list .list-n:nth-child(2n){
		margin-right: 0;
	}
	.news-bg .newsclass-item .news-list .list-n .news-title {
		margin-top: 3%;
	}
	.news-bg .newsclass-item .news-list .list-n .news-time {
		margin-top: 1%;
	}
}

@media only screen and (max-width:600px){
	.news-bg .newsclass-item .news-list .list-n {
		width: 100%;
		margin-right: 0;
	}
	.news-bg .newsclass-item .newsclass-namebox .newsclass-more {
		display: none;
	}
	.news-bg .newsclass-item .mmmore-box .mmmore{
		display: inline-block;
	}
}

/* =========

	新闻详细

 ========= */
.newsview-bg{
	padding: 30px 0 50px 0;
}
.newsview-bg .newsview-title{
	font-size: 2.5rem;
	color: #333;
	margin-bottom: 25px;
	text-align: center;
}
.newsview-bg .newsview-timebox{
	text-align: center;
}
.newsview-bg .newsview-timebox .newsview-time{
	font-size: 1rem;
	color: #9b9b9b;
	position: relative;
	display: inline-block;
	padding: 0 10px;
}
.newsview-bg .newsview-timebox .newsview-time:before{
	content: "";
	width:130px;
	height: 10px;
	background-image: url(../images/icc_03.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
right: 100%;
top: 50%;
margin-top: -5px;
}
.newsview-bg .newsview-timebox .newsview-time:after{
	content: "";
	width:130px;
	height: 10px;
	background-image: url(../images/icc2_03.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 100%;
top: 50%;
margin-top: -5px;
}
.newsview-bg .newsview-content{
	padding: 60px 0;
	border-bottom: 1px solid #b79a7c;
	font-size: 1.16rem;
	color: #6c6c6c;
	line-height: 2;
}
.newsview-backbox{
	margin-top: 40px;
	position: relative;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.newsview-backbox .newsview-back{
	display: inline-block;
	font-size: 1.1rem;
	line-height: 2rem;
	color: #666;
	position: relative;
	padding-right: 20px;
}
 
.newsview-bg .newsview-backbox .newsview-share{
	position: absolute;
	right: 0;
	top: 0;
}
.newsview-bg .newsview-backbox .newsview-share .bshare-custom{
		font-size: 1.33rem;
	color: #b79a7c;
	line-height: 20px;
}
.newsview-bg .newsview-backbox .newsview-share a{
	widows: 20px;
	height: 20px;
	border-radius: 2px;
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-sinaminiblog{
	background: url(../images/sicon1_03.png);
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-weixin{
	background: url(../images/sicon2_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-facebook{
	background: url(../images/sicon3_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-linkedin{
	background: url(../images/sicon4_03.png);	
}
.newsview-bg .newsview-backbox .newsview-share a.bshare-twitter{
	background: url(../images/sicon5_03.png);	
}
.bsBox,.bsBox *{
    box-sizing:content-box;
}
/*下一页*/
.pagebox{
	padding: 70px 0;
	background-color: #f0f0f0;
	text-align: center;
}
.pagebox .next-word{
	font-size: 1.5rem;
	color: #271244;
	margin-bottom: 20px;
	display: block;
}
.pagebox .next-title{
	font-size: 1.83rem;
	color: #5a5a5a;
	margin-bottom: 15px;
	padding-bottom: 20px;
	position: relative;
}
.pagebox .next-title:after{
	content: "";
	width: 40px;
	height: 1px;
	background-color: #b3adbc;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}
.pagebox .next-more{
	font-size: 1.33rem;
	color: #b79a7c;
}

 
 

/* =========

	联系我们

 ========= */
 
 .headquarters{margin: 30px 0;}
 .headqtxt{background-color: #d6d6d6; padding: 20px; margin-bottom: 60px;}
 .headqtxt ul li{float: left; width: 50%; font-size: 16px; line-height: 34px;}
 .headqtxt ul li span{padding: 0 10px;}
 .headqtxt ul li i{padding-right: 10px;} 
 .headqtxt ul li .layui-icon{color: #ed2d2d; font-size: 22px;}
 
 .headquarters2{margin: 30px 0;  }
 .headqtxt2 ul{float: left; width: 48%; border-top: 1px solid #ccc;padding: 20px 0; margin-right: 2%;height: 216px;}
 .headqtxt2 ul li{ width: 100%; font-size: 16px; line-height: 34px;}
 .headqtxt2 ul li span{padding: 0 10px;}
 .headqtxt2 ul li i{padding-right: 10px;} 
 .headqtxt2 ul li .layui-icon{color: #84c225; font-size: 18px;}
 
  .contact_meg{position:absolute;left:0;top:0;width:46%;height:100%;z-index:3;background:rgba(255,255,255,.85)}
   
   .meg_con .con_title{font-size:28px;color:#333;max-width:420px;margin-bottom:45px;margin-top:35px}
   
   .meg_con .con_tel{padding:30px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:420px;font-size:30px}
   
   .meg_con .megs{margin-top:5px;font-size:15px;line-height:36px}
   
   .meg_con{position:absolute;left:0;top:0;right:0;width:45%;z-index:3;padding-left:4%;padding-right:4%;box-sizing:border-box}
   
   .topimg{margin-top:30px}
   
   .my-map{margin:0 auto;width:100%;height:550px}
   
   .my-map img{max-width:none}
   
   .my-map .icon{background:url({dede:global.cfg_templets_skin/}//marker.png) no-repeat}
   
   .my-map .icon-cir{height:31px;width:28px}
   
   .my-map .icon-cir-red{background-position:-11px -5px}
   
   .amap-container{height:100%}
   
   input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
   
   input::-moz-placeholder,textarea::-moz-placeholder{color:#999}
   
   input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
   
   input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
   
.contact-bg {
	padding: 80px 0;
	border-bottom: 1px solid #e3e3e3;
}
.contact-bg .container1{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
/*留言*/
.contact-bg .contact-massaged{
	width: 50%;
	padding-right: 50px;
		    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.contact-bg .contact-massaged .my-item{
	width: calc((100% - 20px) / 2);
	float: left;
	border: 1px solid #cccccc;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 1.16rem;
	color: #adadad;
}
.contact-bg .contact-massaged .my-item:nth-child(2){
	margin-right: 0;
}
.contact-bg .contact-massaged .my-item input[type="text"]{
	width: 100%;
	height: 48px;
	padding: 20px 10px;
	border: none;
}
.contact-bg .contact-massaged .my-item.my-item-textarea{
	width: 100%;
	height: 155px;
}
.contact-bg .contact-massaged .my-item.my-item-textarea textarea{
	padding: 20px 10px;	
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
}
.contact-bg .contact-massaged input[type="submit"]{
	width: 125px;
	height: 48px;
	background-color: #271244;
	font-size: 1.16rem;
	color: #ffffff;
	line-height: 48px;
	text-align: center;
	border: none;
}
/*地址*/
.contact-bg .contact-address{
	width: 50%;

}
.contact-bg .contact-address .address-theme{
	font-size: 1.66rem;
	color: #b79a7c;
	margin-bottom: 30px;
}
.contact-bg .contact-address .address-content{
	font-size: 1.33rem;
	color: #464646;
	line-height: 2;
	margin-bottom: 40px;
}
.contact-bg .contact-address .address-map{
	font-size: 1.16rem;
	color: #271244;
	position: relative;
	padding-left: 40px;
	text-decoration: underline;
}
.contact-bg .contact-address .address-map:after{
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../images/mapic_03.png);
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
}
@media only screen and (max-width:1280px){
	.contact-bg {
		padding: 70px 0;
	}
}
@media only screen and (max-width:1024px){
	.contact-bg {
		padding: 6% 0;
	}
	.contact-bg .container1 {
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.contact-bg .contact-address {
		width:100%;
		margin-bottom: 3%;
	}
	.contact-bg .contact-address .address-theme {
		margin-bottom: 3%;
	}
	.contact-bg .contact-address .address-content {
		margin-bottom: 4%;
	}
	.contact-bg .contact-massaged {
		width: 100%;
		padding-right: 0;
	}
	.contact-bg .contact-massaged input[type="submit"] {
		margin: 0 auto;
		display: block;
	}
}




/* =========

	客服

 ========= */
.kefu-box{
	position: fixed;
	right: 3%;
	bottom: 10%;
	width: 42px;
	z-index: 1000;
	border-radius: 5px;
	background-color: #fff;
	font-size: 0;
}
.kefu-box .kufu-item{
	display: inline-block;
	position: relative;
	cursor: pointer;
	width:100%;
	height: 40px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: -2px;
}
.kefu-box .kufu-item .ico{
	width: 100%;
	height: 100%;
}
.kefu-box .kufu-item .ico.ico1{
	display: block;
}
.kefu-box .kufu-item .ico.ico2{
	display: none;
}
.kefu-box .kufu-item .kqq-sub{
	position: absolute;
	right: 100%;
	top: 0;
	width: 150px;
	background-color: #fff;
	padding: 10px;
	text-align: center;
	display: none;
}
.kefu-box .kufu-item .kqq-sub .kqq-title{
	font-size: 1.33rem;
	margin-bottom: 10px;
}
.kefu-box .kufu-item .kqq-sub a{
	display: block;
	line-height: 1.5;
	font-size: 1.16rem;
	color: #000;
}
.kefu-box .kufu-item .kweixin-sub{
	display: none;
	width: 100px;
	height: 100px;
	position: absolute;
	right: 100%;
	top: 0;
}
.kefu-box .kufu-item.top{
	border: none;
	height: 0;
	transition: all .5s ease;
	overflow: hidden;
}
.kefu-box .kufu-item.top.in{
	height: 40px;
}
.kefu-box .kufu-item.top:after{
	content: "";
	width: 16px;
	height: 16px;
	border-style: solid;
	border-width: 2px;
	border-color: #271244 #271244 transparent transparent ; 
	position: absolute;
	left: 50%;
	top:40%;
	margin-left: -8px;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
@media only screen and (min-width: 601px){
	.kefu-box .kufu-item:hover{
		 
	}
	.kefu-box .kufu-item:hover .ico.ico1{
		display: none;
	}
	.kefu-box .kufu-item:hover .ico.ico2{
		display: block;
	}
	.kefu-box .kufu-item:hover .ksub{
		display: block;
	}
}
@media only screen and (max-width: 1024px){
	.kefu-box{
		display: none;
	}
}
/* =========

	页脚

 ========= */
.footer{background-color: #4a4a4a;}
.footer .footer-top{
	padding-top: 60px;
	padding-bottom: 50px;
	position: relative;
	z-index: 111;
}
/*页脚导航*/
.footer .footer-top .footer-logo{
	float: left;
	width: 30%;
}
.footer-logo .slogen p{
	color: #f0f0f0;
	font-size: 16px;
	margin: 10px 0;
	}
.footer-logo .erweima_list div{
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	text-align: center;
}
.footer-logo .erweima_list div p{
	color: #ddd;
	line-height: 32px;
	font-size: 1.2rem;
	text-align: center;
}
.footer .footer-top .footer-nav{
	width: 15%;
	float: left;
}
.footer .footer-top .fitem-word{
	font-size: 1.5rem;
	color: #84c225;
	margin-bottom: 30px;
}
.footer .footer-top .footer-nav .fnav-list .list-f{
	font-size: 1.32rem;
	color: #fff;
	margin-bottom: 22px;
	display: block;
	text-transform:capitalize;
}
.footer .footer-top .footer-nav .fnav-list .list-f:hover{
	color: #fff;
}
.footer .footer-top .footer-product .fproduct-list .list-p:hover{
	color: #fff;
}
/*页脚产品*/
.footer .footer-top .footer-product{
	width: 15%;
	float: left;
}
.footer .footer-top .footer-product .fproduct-list .list-p{
	font-size: 1.32rem;
	color: #fff;
	margin-bottom: 10px;
	line-height: 2.6rem;
	display: block;
	text-transform:capitalize;
}
/*页脚联系我们*/
.footer .footer-top .footer-contact{
	width: 40%;
	float: right;
}
.footer .footer-top .footer-contact .fcontact-content{
	font-size: 1.32rem;
	color: #fff;
	margin-bottom: 10px;
	display: block;
}
.footer .footer-top .footer-contact .fcontact-content p{
	line-height: 32px;
}
.footer .footer-top .footer-contact .fcontact-content h4{
	margin: 20px 0;
	color: #84c225;
	font-size: 1.5rem;
	font-weight: normal;
}
.footer .footer-bottom{
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.1)
}
.footer .footer-bottom .footer-content{
	width: 50%;
	float: left;
	font-size: 	1.2rem;
	color: #fff;
}
.footer .footer-bottom .footer-linkbox{
	width: 50%;
	float: right;
	text-align: right;
	font-size: 	1.2rem;
	color: #fff;
}
.footer .footer-bottom .footer-linkbox .flink-item{
	display: inline-block;
	background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
width: 20px;
height: 17px;
position: relative;
vertical-align: top;
margin: 0 20px;
cursor: pointer;
}
.footer .footer-bottom .footer-linkbox .flink-item.qq{
	background-image: url(/phone/images/fqq_03.png);
}
.footer .footer-bottom .footer-linkbox .flink-item.weixin{
	background-image: url(/phone/images/fweixin_03.png);
}
.footer .footer-bottom .footer-linkbox .flink-item.mail{
	background-image: url(/phone/images/fmail_03.png);
}
.footer .footer-bottom .footer-linkbox .flink-item.s{
	background-image: url(/phone/images/fs_03.png);
}
.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub{
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 150px;
	margin-left: -75px;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    display: none;
    z-index: 1111;
}
.footer .footer-bottom .footer-linkbox .flink-item.qq[data-on="on"] .qqsub{
	display: block;
}
.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub .qqsub-word{
	font-size: 1.33rem;
	margin-bottom: 10px;
		color: #000;
}
.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub .qq-a{
	font-size: 1.16rem;
	color: #000;
	line-height: 1.5;
	display: block;
}
.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub .qq-a.phone{
	display: none;
}
.footer .footer-bottom .footer-linkbox .flink-item.weixin .weixin-sub{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -50px;
	transform: scale(0);
}
.footer .footer-bottom .footer-linkbox .flink-item.weixin[data-on="on"] .weixin-sub{
	transform: scale(1);
}
@media only screen and (min-width: 601px){
	.footer .footer-bottom .footer-linkbox .flink-item.weixin:hover .weixin-sub{
		transform: scale(1);
	}
}

@media only screen and (max-width:1024px){
	.footer .footer-top {
		padding-top: 6%;
		padding-bottom: 5%;
	}
 
	.footer .footer-bottom {
		padding: 2% 0;
	}
	.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub .qq-a.web{
	display: none;
}
	.footer .footer-bottom .footer-linkbox .flink-item.qq .qqsub .qq-a.phone{
	display: block;
}
}
@media only screen and (max-width:800px){
	.footer .footer-bottom .footer-content {
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	.footer .footer-bottom .footer-linkbox {
		display: none;
	}
}
@media only screen and (max-width:600px){
	.footer .footer-top .footer-logo {
	width: 100%;	
	text-align: center;
	margin-bottom: 30px;
	}
	.footer .footer-top .footer-logo .erweima_list{
		width: 264px;
		margin: 0 auto;
	}
	.footer-logo .erweima_list div:nth-child(2){
		margin-right: 0;
	}
	.footer .footer-top .footer-nav {
		width: 50%;
		float: left;
		text-align: center;
	}
	.footer .footer-top .footer-product {
		width: 50%;
		float: left;
		text-align: center;
	}
	.footer .footer-top .footer-contact {
		width: 100%;
		float: left;
		text-align: center;
	}
	.footer .footer-bottom .footer-linkbox .flink-item {
		margin: 0 2%;
	}
}


/*网站地图*/

.sitemap-bg{
	background-color: #fff;
}
.sitemap-bg .container{
    background-color: #fff;
}
.sitemap-bg .sitemap-banner{
    padding-top: calc(400 / 1200 * 100%);
    width: 100%;
    position: relative;
    display: block;
}
.sitemap-bg .sitemap-banner .sitemap-theme{
    font-size: 3rem;
    color: #ffffff;
    padding: 3%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.sitemap-bg .sitemaplabel-box{
    margin-top: 3%;
}
.sitemap-bg .sitemaplabel-box a{
    font-size: 1.16rem;
    color: #2e287e;
}
.sitemap-bg .sitemap-main{

}
.sitemap-bg .sitemap-main .sitemap-item {
    margin: 2% 0;
}
.sitemap-bg .sitemap-main .sitemap-item .sitemap-word{
    font-size: 2.1rem;
    background-color: #fafafa;
    line-height: 50px;
    padding: 0 3%;
    display: block;
	text-transform:capitalize;
}
.sitemap-bg .sitemap-main .sitemap-item .sitemap-menu{
        padding: 3%;
    border: #eee solid 1px;
    font-size: 0;
}
.sitemap-bg .sitemap-main .sitemap-item .sitemap-menu .class-name{
	font-size: 1.5rem;
	margin: 2% 0;
}
.sitemap-bg .sitemap-main .sitemap-item .sitemap-menu .list-s{
    font-size: 1.16rem;
    color: #5e5e5e;
	width: calc(100% / 5);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 2%;
}



/*新闻分页*/
.allpage-fenye{
	font-size: 0;
	padding-left: 25px;
	text-align: center;
}
.allpage-fenye .fenye-item{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border: 1px solid #e9e9e9;
	margin-right: 5px; 
	font-size: 14px;
	color: #999999;
	line-height: 40px;
	text-align: center;
	position: relative;
}
.allpage-fenye .fenye-item.on{
	background-color: #271244;
	color: #fff;
}
.allpage-fenye .fenye-item:hover{
	background-color: #271244;
	color: #fff;	
}
.allpage-fenye .fenye-item.prev span{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #271244 transparent transparent #271244;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
margin-left: 5px;
}
.allpage-fenye .fenye-item.prev:hover span{
	border-color: #fff transparent transparent #fff;
}
.allpage-fenye .fenye-item.next span{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #271244 #271244 transparent transparent;
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
margin-right: 5px;
}
.allpage-fenye .fenye-item.next:hover span{
	border-color: #fff #fff transparent transparent;
}


/*搜索*/
.search-main img{ max-width:100%;}
.search-main {
    width: 94%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
    min-height: 300px;
    margin-top:100px;
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
    line-height: 50px;
    font-size: 3.33rem;
    color: #000;
    font-weight: bold;
        text-align: center;
}

.search-main .list ul li {
    display: block;

    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding:30px 0;
}

.search-main .list ul li.nothing {
    height: 100px;
    border: 0px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #999;
}


.search-main .list ul li a .text .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
    font-size: 12px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
    font-size: 14px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
         flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}

.search-main .list ul li a .tu{ 
	width:200px; margin-right:30px; margin-bottom:0px;
	max-height: 140px;
	overflow: hidden;
}
.search-main .list ul li a .text {
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
         flex: 1;
    -webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
    float: right;
    margin-right: 20px;
}

.search-main .list ul li a:hover {
    color: #b79a7c;
}
@media only screen and (max-width:800px) {
    .search-main{ margin-top:6%;padding: 3% 0;}
    .search-main .list ul li {
    padding: 3% 0;
}
.search-main .list ul li a .tu {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .demo {
    margin-bottom: 2%;
}
.search-main .list ul li a .text .rq {
    margin-bottom: 2%;
}
}
@media only screen and (max-width:500px) {

.search-main .type {
    font-size:2.5rem;
    font-weight: normal;
}
}
@media only screen and (max-width:1440px){
.chanpin dt img{height: 350px;}	

}	
@media only screen and (max-width:1360px){
.chanpin dt img{height: 310px;}	

}	

@media only screen and (max-width:1024px){
.chanpin dt img{height: 220px;}	
.chenlie dt img{height:284px;}
.zhuanli dt img{height: 260px;}
}	

@media only screen and (max-width:480px){
.header .nav-search .search-sub input[type="submit"]{
top: 0px;
}

.inabout-bg .inabout-img{padding-top: 300px;} 

.inproduct-list .list-ip .inproduct-imgbox{height: 264px;}
.inproduct-bg .inproduct-word{margin-bottom: 10%;}
.inchenlie-bg{padding-bottom: 50px;}

.ProlistSort{width: 100%;} 
.ProlistSort ul li{width: 50%;margin-right: 0;}
.ProlistSort ul li:nth-child(2n){margin-right: 0;}
 
.chanpin dt img{height: 290px;}	
.chenlie dt img{height: 428px;}
.zhuanli dt img{height: 206px;}

.inchenlie-list .list-cl .inchenlie-imgbox img{
	height: 264px
}
.inchenlie-list .list-cl .inchenlie-imgbox::before{
	width: 56px;
	left: 40%;
}
.ty-banner{display: none;}

.nyabout{padding: 3%;}
.about_img{width: 100%; float: none;     background-size: 120%;   height: 285px;}
.about_txt{width: 100%; float: none;}

.ftmenu{padding: 3%; display: block;}
.ftmenu ul li a{ font-size: 16px; line-height: 36px; border:1px solid #888; display: block; float:left; width:calc(50% - 10px); text-align: center; margin-bottom: 10px; margin-right: 10px; background-color: #dcdcdc;}
	

.news-content embed{width: 100%;}

.headqtxt ul{padding-left: 20px;}
.headqtxt ul li{width:100%;position: relative;}
.headqtxt ul li span{padding: 0; display: block;}
.headqtxt ul li i{position: absolute;left: -28px;}



.contact-ly{padding: 0;}
.contact-ly-cont2{padding: 0; background: none;}
.contact-ly-c label{width: 100%;padding: 12px 10px; background: #fcfcfc;margin-bottom: 14px;}
.contact-ly-c label span{font-size: 14px;}
.contact-ly-c label.codeimg{width: 100%;}
.contact-ly-c input{background: #fcfcfc; width: 63%;}
.contact-ly-c .yz_code{width: 100%;}
.contact-ly-c input#code{text-transform:uppercase; width: 164px!important;}			 
}