/* css初始化 */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    position: relative;
    font-family: "microsoft yahei", "PingFangSC Regular", "sans-serif";
	background-color: #f7f7f7;
}

img {
    vertical-align: bottom;
}

ul,
li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
    font-weight: inherit;
}

button {
    cursor: pointer;
    /* 定义鼠标形状 */
}

input,textarea,button,a {
    border: none;
    outline: none;
}

input::-webkit-input-placeholder{color: #ccc;}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* 公共样式 */
.d-box{
	width: 100%;
	position: relative;
	margin: 80px 0;
	background-repeat: no-repeat;
	background-position: center;
}
.header,.nav,.banner,.logo,.footer{
	margin: 0!important;
}
.box{
	width: 100%;
	max-width: 1500px;
	position: relative;
	margin: 0 auto;
}
.img img{max-width: 100%;}
input::-webkit-input-placeholder{color: #ccc;}
.shadow{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);}
li>a{display: block;}

/* 文本限制行数 */
.text1{
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.textn{
	text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*滚动条整体样式*/


body::-webkit-scrollbar {
	width: 6px;
	height: 1px;
}


/*滚动条滑块*/


body::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,140,129,0.2);
	background: linear-gradient(to right, #9FDB1F,#80c30c);
}


/*滚动条轨道*/


body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	border-radius: 6px;
	background: #fff;
}

/* header */
.header{
	height: 36px;
	line-height: 36px;
	background: linear-gradient(#f3f5ee,#caccc7);
	font-size: 14px;
}
.header h2{
	font-size: 14px;
	display: inline-block;
}
.header-r{
	float: right;
}
.header-r a{
	color: #666;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 0 10px;
}
.header-r a:nth-child(1){
	background-image: url(../images/ico1.png);
}
.header-r a:nth-child(2){
	background-image: url(../images/ico2.png);
}

/* logo */
.logo h1{
	width: 0;
	height: 0;
	overflow: hidden;
}
.logo-img,.tel-img{
	margin: 20px 0;
}
.logo-img{
	float: left;
}
.tel-img{
	float: right;
}

/* nav */
 .nav{
	background-color: rgba(0,0,0,0.3);
	position: absolute;z-index: 100;
	text-align: center;
}
.zhu_nav_box{width: 100%;}
.zhu_nav{
	float: left;
	width: calc(100% / 7);
	position: relative;
	line-height: 80px;
}
.zhu_nav a{
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	transition: all .3s;
	text-align: center;
}
.zhu_nav .nav_xian{
	width: 75%;
	height: 2px;
	background: #9FDB1F;
	display: none;
	transition: all .3s;
	position: absolute;
	left: 50%;bottom: 0;
	transform: translateX(-50%);
}

.zi_nav_box{
	display: none;
	width: 80%;
	left: 10%;
	position: absolute;z-index: 100;
}
.zi_nav_box .zi_nav{
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
	margin: 4px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.zi_nav_box .zi_nav a{
	display: block;
	line-height: 3;
	height: auto;
	padding: .1rem 0;
	color: #666;
	background-color: #fff;
	font-size: 1rem;
	width: 100%;
	transition: all .3s;
	}

.zhu_nav:hover>a{
	color: #9FDB1F;
}
.zhu_nav:hover .nav_xian{
	display: block;
	animation:nav_xian .5s linear;
	-moz-animation:nav_xian .5s linear;
	-webkit-animation:nav_xian .5s linear;
	-o-animation:nav_xian .5s linear;
}
.zi_nav_box .zi_nav:hover a{
	color: #fff;
	background-color: #9FDB1F;
}



		/* 导航动画 */
@keyframes nav_xian{
	0% {width: 0%;}
	50% {width: 50%;}
	100% {width: 100%;}
}
@-moz-keyframes nav_xian{
	0% {width: 0%;}
	50% {width: 50%;}
	100% {width: 100%;}
}
@-webkit-keyframes nav_xian{
	0% {width: 0%;}
	50% {width: 50%;}
	100% {width: 100%;}
}
@-o-keyframes nav_xian{
	0% {width: 0%;}
	50% {width: 50%;}
	100% {width: 100%;}
}



/* 手机导航 */
.sp_header{
	height:60px;
	overflow:hidden;
	background:#fff;
	position:fixed;
	top: 36px;
	z-index:100;
	width:100%;
	display: none;
}
.sp_logo{
	padding:10px;
	float:left;
	height:100%;
}
.sp_logo img{
	margin:auto;
	max-height:100%;
}
.sp_nav{
	width:60px;
	float:right;
	position:relative;
	cursor:pointer;
	height:30px;
	margin-top:19px;
}
.sp_nav span{
	display:block;
	background:#9FDB1F;
	width:30px;
	height:4px;
	border-radius: 2px;
	position:absolute;
	left:10px;
	transition:all ease 0.35s;
}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{
	position:fixed;
	z-index:1000;
	background:#eee;
	width:50%;
	min-width: 375px;
	height:auto;
	font-size:14px;
	line-height:40px;
	top:-100%;
	right:0;
	overflow:auto;
	overflow-x:hidden;
	transition:top ease 0.35s;
}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#9FDB1F}
.sjj_nav ul li ul li>ul{margin-left:10px}





/* banner */
.swiper-slide2 a{
	position: relative;
	
}
.swiper-slide2 .img img{
    width: 100%;
}
.swiper-slide2 a .text{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1500px;
}
.swiper-slide2 .text .banner1-01,.swiper-slide2 .text .banner1-02{
	position: absolute;
	text-align: center;
	width: 100%;
	
}
.swiper-slide2 .text .banner1-01{
	bottom: 20vw;
	height: 7vw;
}
.swiper-slide2 .text .banner1-02{
	bottom: 12vw;
	height: 4vw;
}

.swiper-slide2 .text .banner3-01{
	margin-bottom: 20px;
	height: 2.2vw;
}
.swiper-slide2 .text .banner3-02{
	margin-bottom: 20px;
	height: 4vw;
}
.swiper-slide2 .text .banner3-03{
	margin-bottom: 9vw;
	height: 4vw;
}
.swiper-slide2 .text .banner3-04{
	text-align: right;
	height: 14vw;
}
.swiper-slide2 .text img{
	width: auto;
	max-height: 100%;
}





.sj-banner{
	display: none;
	margin: 0;
}
.swiper-slide1{
	position: relative;
}

/* 产品分类 */
.cp-fl-box{
	margin: 0!important;
}
.cp-fl-box .box{
	z-index: 10;
}
.cp-fl-l{
	float: left;
	padding: 40px 24px;
	background-color: #9FDB1F;
	color: #fff;
}
.cp-fl-l *{
	display: block;
}
.cp-fl-l b{
	font-size: 18px;
}
.cp-fl-l span{
	font-size: 26px;
}
.cp-fl-l i{
	width: 32px;
	height: 2px;
	margin: 12px 0;
	background-color: #fff;
}
.cp-fl-l h3{
	font-size: 36px;
	font-weight: bold;
}

.cp-fl-r{
	background-image: url(../images/ico10.png);
	background-position: left top; 
	background-repeat: no-repeat;
	padding-left: 6.25rem;
	margin-top: 2.5rem;
	float: right;
	width: 65%;
	
}
.cp-fl-r h3{
	font-size: 2rem;
	line-height: 1;
	color: #333;
	font-weight: bold;
}
.cp-fl-r p{
	font-size: 20px;
	line-height: 1.4;
	color: #666;
	margin-top: 12px;
	text-align: justify;
}

.cp-fl{
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
	transform: translateY(-20px);
}
.cp-fl li{
	width: calc((100% - 60px) / 6);
	position: relative;
	overflow: hidden;
}
.cp-fl li a{
	color: #fff;
	text-align: center;
}
.cp-fl li a img{
	transition: all 0.3s;
}
.cp-fl li .text{
	position: absolute;
	left: 0;top: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.cp-fl .text h3{
	margin-top: 42%;
	font-size: 24px;
	font-weight: bold;
	transition: all 0.3s;
}
.cp-fl .text span{
	width: 36px;
	height: 4px;
	display: block;
	border-radius: 2px;
	background-color: #fff;
	margin: 12px auto;
	transition: all 0.3s;
}
.cp-fl .text p{
	font-size: 14px;
	line-height: 1.8;
	width: 80%;
	margin: 0 auto;
	transform: translateY(200px);
	transition: all 0.3s;
}
.cp-fl li a:hover .text{
	background-color: rgba(115, 162, 16, 0.7);;
}
.cp-fl li a:hover h3{
	margin-top: 35%;
}
.cp-fl li a:hover p{
	transform: translateY(0);
}
.cp-fl li a:hover img{
	transform: scale(1.1);
}

/* 推荐产品 */
.lm-bt{
	text-align: center;
	color: #333333;
	position: relative;
	margin-bottom: 3.125rem;
}
.lm-bt span{
	font-size: 18px;
}
.lm-bt h3{
	font-size: 36px;
	font-weight: bold;
}
.lm-bt p{
	font-size: 16px;
	margin: 8px 0;
}
.lm-bt .gd-an{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	transition: all 0.3s;
}
.lm-bt .gd-an:hover{
	transform: translateY(-80%);
}

.tj-cp,.tj-cp-r{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.tj-cp-l,.tj-cp-r,.tj-cp-r li{
	width: calc(50% - 10px);
}
.tj-cp-l{
	background-color: #fff;
}
.tj-cp-l .text{
	padding: 20px;
}
.tj-cp-l .text h4{
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.tj-cp-l .text p{
	font-size: 16px;
	color: #999;
	margin-top: 10px;
	line-height: 1.8;
}

.tj-cp-r li{
	background-color: #fff;
}
.tj-cp-r li:nth-child(n+3){
	margin-top: 20px;
}

/* css实现等比显示 */
.tj-cp-r .img,.tj-cp-l .img,.cp-lb-img{
    position: relative;
    height: 0; 
    width: 100%; 
	overflow: hidden;
}
.tj-cp-r .img[data-ratio="5:3"] {
    padding-top: 60%;
}
.tj-cp-l .img[data-ratio="5:3"] {
    padding-top: 60%;
}
.cp-lb-img[data-ratio="4:3"] {
    padding-top: 75%;
}
.tj-cp-r .img img,.tj-cp-l .img img,.cp-lb-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
/* -------- */

.tj-cp-r .text{
	padding: 20px;
}
.tj-cp-r .text h4{
	font-size: 22px;
	color: #666;
}
.tj-cp-r .text p{
	font-size: 16px;
	color: #999;
}
.tj-cp-l:hover .img img,.tj-cp-r li:hover .img img{
	transform: scale(1.1);
}
.tj-cp-l:hover .text h4,.tj-cp-r li:hover .text h4{
	color: #9FDB1F;
}

.sj-gd-an{
	display: none;
	padding: 1.15rem 0 1.25rem;
	text-align: center;
	width: 200px;
	border-radius: 8px;
	border: 2px solid #999999;
	margin: 40px auto 0;
}


/* 关于我们 */
.about{
	background-image: url(../images/bg2.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 11.875rem 0;
	margin-bottom: 0!important;
}
.about .box{
	display: flex;
	flex-flow: row wrap;
	border-radius: 12px;
	overflow: hidden;
}
.about-l,.about-r{
	width: 50%;
}
.about-l{
	padding: 40px;
	background-color: rgba(255, 255, 255, 0.85);
	color: #666666;
}
.about-l h4{
	font-size: 36px;
}
.about-l span{
	font-size: 16px;
	line-height: 3;
}
.about-l h2{
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin: 40px 0;
}
.about-l p{
	font-size: 18px;
	-webkit-line-clamp: 5;
	line-height: 1.8;
}
.about-l a{
	display: block;
	padding: 1.15rem 0 1.25rem;
	text-align: center;
	width: 200px;
	border: 2px solid #999999;
	margin: 40px auto 0;
	transition: all .3s;
}
.about-l a:hover{
	transform: translateY(-10px);
}
.about-r video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 技术中心 */
.Center{
	background-image: url(../images/bg1.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 5rem 0;
	margin: 0!important;
}
.Center-bt{
	text-align: center;
	margin-bottom: 3.125rem;
}
.Center-lm{
	margin-top: 2.5rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.Center-lm2{
	flex-flow: row-reverse wrap;
	/* 倒叙 */
}
.Center-lm-text,.Center-lm-img{
	width: 50%;
}
.Center-lm2 .Center-lm-text{
	background-image: url(../images/tc2.png);
}
.Center-lm-text{
	background-image: url(../images/tc1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 40px;
	padding-left: 4.375rem;
	background-size: 3.75rem auto;
	position: relative;
}
.Center-lm-text h3{
	font-size: 32px;
	color: #007cc3;
	font-weight: bold;
	line-height: 2;
}
.Center-lm-text p{
	font-size: 20px;
	color: #333;
	line-height: 1.8;
	text-align: justify;
}
.Center-lm-text ul{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	position: absolute;
	bottom: 10%;
	right: 0;
}
.Center-lm-text li{
	width: 30%;
	text-align: center;
	max-width: 140px;
}
.Center-lm-text li b{
	font-size: 32px;
	font-family: Impact;
	font-weight: 400;
	color: #007CC3;
	display: inline-block;
	height: 36px;
	border-bottom: solid 1px #999;
	margin-bottom: 4px;
}
.Center-lm-text li span{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
}

.Center-lm-img img{
	width: 80%;
}
.Center-lm1 .Center-lm-img{
	text-align: right;
}

/* 新闻资讯 */
.news ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.news li{
	background-color: #fff;
	width: calc((100% - 60px) / 4);
	transition: all 0.3s;
}
.news li .text{
	padding: 20px;
	color: #666666;
}
.news .text span{
	font-size: 14px;
}
.news .text h4{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 2.5;
}
.news .text p{
	font-size: 16px;
	line-height: 1.8;
}


/* css实现等比显示 */
.news .img{
    position: relative;
    height: 0; 
    width: 100%; 
	overflow: hidden;
}
.news .img[data-ratio="5:3"] {
    padding-top: 60%;
}

.news .img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
/* -------- */

.news li:hover{
	transform: scale(1.01) translateY(-10px);
}

/* 友情链接 */
.links{
	background-color: #fff;
	margin-bottom: 0!important;
}
.links .box{
	padding: 2.5rem 0;

}
.links h5{
	font-size: 24px;
	color: #9FDB1F;
	display: inline-block;
	line-height: 1;
	height: 24px;
	vertical-align: bottom;
}
.links .box a{
	padding: 0 10px;
	line-height: 24px;
	height: 24px;
	display: inline-block;
	font-size: 16px;
	color: #666666;
	border-right: solid 1px #666;
}
.links .box a:nth-last-child(1){
	border-right: none;
}
.links .box a:hover{
	color: #9FDB1F;
}

/* 页脚 */
.footer{
	background-color: #5E6366;
}
.footer>ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 40px 0;
}
.footer1{
	width: 40%;
}
.footer2,.footer3{
	width: 30%;
}
.footer-nav{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.footer-nav>li{
	width: calc(100% / 3);
}
.footer-nav>li>a{
	color: #fff;
	font-size: 16px;
	margin: 20px 0;
}
.footer-nav>li>a:hover{
	color: #9FDB1F;
}
.footer2{
	color: #FFFFFF;
}
.footer2 h4{
	font-size: 24px;
	margin-bottom: 24px;
}
.footer2 p{
	font-size: 16px;
	line-height: 1.8;
	padding-left: 20px;
	background-position: left;
	background-repeat: no-repeat;
}
.footer2 p:nth-child(2){
	background-image: url(../images/ico3.png);
}
.footer2 p:nth-child(3){
	padding-left: 66px;
}
.footer2 p:nth-child(4){
	background-image: url(../images/ico4.png);
}

.footer3{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.footer3 .ewm{
	width: 50%;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.footer3 .ewm .img{
	margin-bottom: 12px;
}
.footer-bq{
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #2F3233;
	padding: 20px 0;
}
.footer-bq a{
	color: #fff;
	margin-left: 20px;
}
.footer-bq a:hover{
	color: #9FDB1F;
}

/* 手机端底部导航 */
.yejiao-jx{
	height: 70px;
	display: none;
}
.yejiao{
	display: none;
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 100%;
	z-index: 100;
	max-width: 750px;
	height: 100px;
	background-color: #fff;
	box-shadow: 0 -3px 5px rgba(0,0,0,0.2);
	transform: translateX(-50%);
}
.yejiao ul{
	display: flex;
	margin: 9px 0;
}
.yejiao ul li{
	flex: 1;
	width: 25%;
}
.yejiao .img{
	width: 40%;
	margin: 0 auto;
}
.yejiao h4{
	font-size: 14px;
	color: #333;
	text-align: center;
}

/* 置顶 */
.aside-box{
    position: fixed;
    right: 1%;
    bottom: 5%;
    display: none;
    z-index: 3;
}

.aside-box a{
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: background-color .3s;
    border-radius: 100%;
    background-color: #494949;
    margin-bottom: 20px;
}

.aside-box .top-btn{
    background-image: url('../images/top-btn.png');
}
.aside-box .kefu-btn{
    background-image: url('../images/kefu.png');
}
.aside-box a:hover{
	background-color: #9FDB1F;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}


/* 内页样式 */
.ny-nav{
	background-color: rgba(0,0,0,0.5);
}
.ny-banner{
	position: relative;
	width: 100%;
	height: 550px;
	overflow: hidden;
}
.ny-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.ny-lm{
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
	transform: translateX(-50%);
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	border-bottom: solid 1px #ccc;
}
.ny-lm1{
	width: 18%;
	color: #fff;
	padding: 30px 0;
	text-align: center;
	background: linear-gradient(#9FDB1F,#72c114);
}
.ny-lm1 h4{
	font-size: 2em;
	font-weight: bold;
}
.ny-lm1 span{
	font-family: impact;
	font-size: 1.125rem;
	letter-spacing: 2px;
}
.ny-lm2{
	flex: 1;
}
.ny-lm2 ul{
	height: 100%;
	line-height: 1.8;
}
.ny-lm2 li{
	float: left;
	width: calc(100% / 6);
	height: 100%;
	text-align: center;
}
.ny-lm2 li a{
	font-size: 1rem;
	color: #666;
	padding-top: 50px;
	position: relative;
	height: 100%;
	transition: all 0.3s;
}
.ny-lm2 li a::after{
	content: "";
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 100%;
	height: 12px;
	background-image: url(../images/ico01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.3s;
	transform: translateY(50px);
}
.ny-lm2 li a:hover,.ny-lm2 .xuanzhong a{
	color: #9FDB1F;
	padding-top: 40px;
}

.ny-lm2 li a:hover::after,.ny-lm2 .xuanzhong a::after{
	transform: translateY(0px);
}

.ny-lm3{
	padding: 52px 20px;
	font-size: 14px;
}
.ny-lm3 a{
    color: #333;
}
.ny-lm3 .home{
	display: inline-block;
	width: 20px;
}
.ny-lm3 b{
	margin: 0 6px;
}

.ny-box{
	margin: 0!important;
}
.ny-box .box{
	padding: 60px;
	background-color: #fff;
}
/* ----------列表页手机端导航--------- */
.sonnav-box{
	margin: 20px 0;
	display: none;
}
.sonnav {
	height: 44px; 
	line-height: 44px; 
	background: #fff;
	position: relative; 
	box-sizing: border-box; 
	border-bottom: 1px solid #f2f2f2; 
	z-index: 5; 
	transition: all .3s;
	margin-bottom: 40px;
}
.sonnav ul { 
	box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
	-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
	-o-box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.sonnav ul li { 
	display: none; 
	background: #fff; 
	padding: 0 12px; 
	box-sizing: border-box; 
	height: 44px; 
	line-height: 44px; 
}
.sonnav ul li a { 
	color: #1e1e1e;
	font-size: 14px;
	display: block;
}
.sonnav ul li.curr { 
	display: block;
}
.sonnav ul li.curr a { 
	color: #1e1e1e;
	font-size: 16px;
}
.sonnav_curr { 
	border-bottom: 0px;
	transition: all .3s;
}
.sonnav_curr ul { 
	padding-top: 44px;
}
.sonnav_curr ul li { 
	display: block;
	border-top: 1px solid #f2f2f2;
}
.sonnav_curr ul li.curr {
	position: absolute;
	left: 0; top: 0;
	border-top: 0px;
}
.sonnav .sonnavbut {
	position: absolute; 
	right: 0; top: 0; 
	z-index: 2; 
	height: 44px; 
	width: 44px; 
	text-align: right; 
	width: 100%; 
	padding-right: 10px; 
	box-sizing: border-box; 
}
.sonnavbut i { 
	font-size: 24px; 
	color: #9FDB1F; 
	transition: All 0.4s ease-in-out; 
	-webkit-transition: All 0.4s ease-in-out; 
	-moz-transition: All 0.4s ease-in-out; 
	-o-transition: All 0.4s ease-in-out; 
}
.sonnav_curr .sonnavbut i { 
	transform: rotate(180deg); 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
}
.sonnav-box .ny-lm3{
	padding: 20px 20px;
	border-bottom: dotted 1px #999;
}
/* ------------------------------- */

.ny-biaoti{
	text-align: center;
	margin-bottom: 20px;
}
.ny-biaoti h4{
	font-size: 36px;
	font-weight: bold;
	color: #333;
}
.ny-biaoti b{
	display: block;
	margin: 12px auto;
	width: 36px;
	height: 4px;
	border-radius: 2px;
	background-color: #9FDB1F;
	
}

/* 产品列表 */
.cp-fl-nav{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 40px auto 0;
}
.cp-fl-nav li{
	padding: 0 10px;
	margin-bottom: 20px;
}
.cp-fl-nav li a{
	font-size: 20px;
	color: #333;
	line-height: 2em;
	border-radius: 1em;
	border: solid 1px #666;
	padding: 0 20px;
}
.cp-fl-nav li a:hover,.cp-fl-nav li .active{
	background-color: #9FDB1F;
	color: #fff;
	border: solid 1px #9FDB1F;
	
}

.cp-lb{
	display: block;
	width: 100%;
}
.cp-lb li{
	float: left;
	width: calc((100% - 40px) / 3);
	margin-top: 20px;
	margin-right: 20px;
}
.cp-lb li:nth-child(3n){
	margin-right: 0;
}
.cp-lb-img{
	overflow: hidden;
}
.cp-lb-img img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	width:100%;
}
.cp-lb-text{
	padding: 30px;
	color: #666;
	position: relative;
}
.cp-lb-text h4{
	font-size: 24px;
	line-height: 2;
	color: #333;
	position: relative;z-index: 2;
}
.cp-lb-text p{
	font-size: 14px;
	-webkit-line-clamp: 2;
	position: relative;z-index: 2;
}
.cp-lb-text img{
	margin: 20px 0 0;
	padding: 8px 12px;
	background-color: #fff;
	border: solid 1px #666;
	border-radius: 4px;
	position: relative;z-index: 2;
}
.cp-lb-text::before{
	content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    z-index: 1;
	    background: #9FDB1F;
	    transform: translateX(-80px);
	    -webkit-transform: translateX(-80px);
	    -moz-transform: translateX(-80px);
	    -ms-transform: translateX(-80px);
	    -o-transform: translateX(-80px);
	    transition: all 0.3s ease;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    opacity: 0;
	    visibility: hidden;
}

.cp-lb li:hover .cp-lb-text:before {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.cp-lb li:hover .cp-lb-text h4{
	color: #fff;
}
.cp-lb li:hover .cp-lb-text p{
	color: #fff;
}
.cp-lb li:hover .cp-lb-img img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

/* 新闻列表 */
.ny-news ul{
	display: block;
}
.ny-news ul li{
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}
.ny-news ul li:nth-child(4n){
	margin-right: 0;
}

/* 联系我们 */
.lianxi-box{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-top: 40px;
}
.lianxi{
	width: 40%;
}
.ditu{
	width: 60%;
}
.lianxi h4{
	text-align: center;
	font-size: 24px;
	color: #666;
	line-height: 1;
}
.lianxi b{
	height: 2px;
	width: 28px;
	background-color: #9FDB1F;
	display: block;
	margin: 20px 0;
}
.lianxi h2{
	font-size: 28px;
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
}

.lianxi span{
	font-size: 16px;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
	margin: 12px 0;
	display: block;
	color: #9FDB1F;
}
.lianxi p{
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 26px;
}
.lianxi .lianxi-tel{
	/*font-family: impact;*/
	font-size: 24px;
}
.lianxi .lianxi-tel1{
	
	font-size: 24px;
}
.lianxi span:nth-child(2){
	background-image: url(../images/ico7.png);
}
.lianxi span:nth-child(4){
	background-image: url(../images/ico8.png);
}
.lianxi span:nth-child(6){
	background-image: url(../images/ico9.png);
}


.map{
	width: 100%;
	height: 500px;
}

/* 留言 */
.liuyan .contact100-form{
	width: 50%;
	min-width: 420px;
	margin: 40px auto 0;
	padding: 0;
}

/* 详情页 */
.wz-xq{
	width: 100%;
	min-height: 950px;
}
.wz-xq video{
    max-width: 100%;
}
.wz-xq h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
.wz-xq .title-p{
    text-align: center;
}
.wz-xq .hits,.wz-xq .date{
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	padding-left: 24px;
	overflow: hidden;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px;
	margin-right: 20px;
	color: #666;
}

.wz-xq .title-p span:nth-child(1){
	background-image: url(../images/ico11.png);
}
.wz-xq .title-p span:nth-child(2){
	background-image: url(../images/ico12.png);
}
.wz-xq .neirong{
	margin-top: 40px;
}
.wz-xq .neirong img{
	max-width: 100%;
}

.neirong .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.neirong .swiper-slide {
  background-size: cover;
  background-position: center;
}
.neirong .gallery-top {
  height: 80%;
  width: 100%;
}

.neirong .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.neirong .gallery-thumbs .swiper-slide {
  
  opacity: 1;
  
}
.wz-xq h4{
	text-align: center;
}
.wz-xq h4::after{
	content: "";
	display: block;
	margin: 6px auto 12px;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background-color: #9FDB1F;
}
.neirong .gallery-thumbs .swiper-slide-thumb-active {
    border: solid 1px #9FDB1F;
  opacity: 1;
}


.neirong .chanpin-tuji{
	height: 760px;
	padding: 0 10%;
}
.neirong .chanpin-xiangqing{
    font-size: 32px;
    font-weight: bold;
    line-height:2.5;
    color: #9FDB1F;
    border-bottom: solid 1px #ccc;
    
}











.tj-xw{
	width: 320px;
	background-color: #fafafa;
	padding: 40px 30px;
	position: absolute;right: 40px;
	top: 60px;
}
.tj-xw>h3{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 2;
}
.tj-xw>span{
	font-size: 16px;
	color: #999;
	line-height: 1;
}
.tj-xw>ul{
	margin-top: 40px;
}
.tj-xw li{
	margin-bottom: 20px;
	border-radius: 4px;
	overflow: hidden;
}
.tj-xw li .img{
	overflow: hidden;
	    max-height: 300px;
}
.tj-xw li .img img{
	transition: all .3s;
	width: 100%;
}
.tj-xw li:hover .img img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.tj-xw li .text{
	color: #999;
	font-size: 14px;
	padding: 12px 20px;
}
.tj-xw .text span{
	line-height: 2;
}
.tj-xw .text h4{
	font-size: 18px;
	color: #333;
}

/*荣誉*/
.ny-honor .img{
    
}
.ny-honor .img img{
    object-fit: contain;
}

.ny-tj{
	width: 100%;
	background-color: #f7f7f7;
	margin: 40px 0;
	padding: 20px;
}
.ny-tj h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
.ny-tj a{
	width: 50%;
	float: left;
	color: #666;
	padding-right: 10px;
}
.ny-tj a:nth-child(3){
	padding-right: 0;
	padding-left: 10px;
}
.ny-tj a:hover{
	color: #9FDB1F;
}

/*产品画册*/
.product-picture-box{
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 100000;
}
.product-picture{
	background-color: #9FDB1F;
	color: #fff;
	padding: 20px;
	font-size: 16px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	text-align: center;
}
.picture-ewm{
	position: absolute;
	top: 0;
	right: 60px;
	background-color: #fff;
	display: flex;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	width: 0;
	opacity: 0;
	transition: all .3s;
	overflow: hidden;
}
.picture-ewm li{
	padding: 0 10px;
}
.picture-ewm li:nth-child(1){
	border-right: solid 1px #ccc;
}
.picture-ewm li .img{
	width: 120px;
}

.product-picture-box:hover .picture-ewm{
	width: auto;
	opacity: 1;
}