@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	
 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 32px;line-height: 32px; font-weight:bold;}
 .index-text .font24 {font-size: 16px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}

	.product{padding: 40px 0; background:#FFF }
	.product-body {padding: 0;}
	.product-body .promenu{padding: 0px; line-height:40px; text-align:center; width:24%; float:left; background:#e7e1da; }
	.product-body .promenu .ptop{padding: 0px; line-height:50px;height:50px; text-align:center; width:100%; background:#4A7C32; color:#FFF;font-weight:bold;font-size:18px; }
	.product-body .promenu a{ margin:0; line-height:50px;height:50px; font-size:16px; color:#4A7C32; display:block; border-bottom:1px solid #FFF; }
	.product-body .promenu a:hover{  color:#000; }
	
	.product-body .pro-left {padding: 0; width:47%; float:left; margin-left:1%; }
	.slideBox{ width:100%; height:400px; overflow:hidden; position:relative;   }
	.slideBox .ti{
	position: absolute; bottom: 10px; background: #fff; opacity: 0.7;padding: 5px 10px;left: 20px}
    .slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1;  }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:30px; height:30px; line-height:30px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#4A7C32; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:420px; display:block;object-fit: cover;  }


    .product-body .pico{padding: 0px;   width:20%; float:right; background:#4A7C32; height:400px }
	.product-body .pico a{ margin:0; display:block; width:50%; float:left; text-align:center; }
	.product-body .pico a img{ width:47px; height:46px; display:inline-block; margin:18px 0px 0px 0px;}
	.product-body .pico a p{ width:100%; height:auto; font-size:16px; color:#FFF; }
	.product-body .pico a:hover p{  color:#2862b5; }
	

/* .ads{ margin: 0 0; background:url(../../../../assets/images/ads.jpg) center center no-repeat; height:138px;} */
.ads{height:138px;}
.ads-body {background:linear-gradient(to right, #4A7C32, #7aad62);}
.ads-body .pico{padding: 0px;   width:60%; float:left; }
.ads-body .pico a{ margin:0; display:block; width:20%; float:left; text-align:center; margin:15px 0px; }
.ads-body .pico a img{ width:47px; height:46px; display:inline-block; margin:12px 0px 0px 0px;}
.ads-body .pico a p{ width:100%; height:auto;line-height:25px;height:25px; font-size:16px; color:#FFF; }
.ads-body .pico a:hover p{  color:#2862b5; }

.ads-body .pwz{padding: 20px 0px;   width:40%; float:right; text-align:right; }
.ads-body .pwz p{ color:#FFF; font-size:28px; }
.ads-body .pwz span{ color:#FFF; font-size:22px; }


.news {
    width: 100%;
    display: flex;padding: 10px 0; 
    justify-content: space-between;
}
.news-body {padding: 0;}
.news-left {
    width: 49%; float:left;
}
.news-right {
    width: 49%; float:right;
}
.news-left-top {
    width: 100%;
}

.news .title:hover {
    color: var(--theme-color);
}
.news .swiper-slide .content .pagination {
    flex-basis: 20px;
}
.news .news-menu {

}
.news-left .news-menu,.news-right .news-menu {
    width: 100%;
    overflow: hidden;
    /*background-color: pink;*/
    /*border-bottom: 1px solid var(--theme-color);*/
    margin-bottom: 10px;
    margin-top: 18px;
    border-bottom: 1px solid #f6f6f6;
}
.news-menu>div {
    float: left;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    font-weight: lighter;
    position: relative;
    cursor: pointer;
}
.news-menu .active  {
    font-weight: bolder;
}
.news-menu .active .line {
    width: 70%;
    margin-left: 15%;
    display: block;
    position: absolute;
    height: 2px;
    background: var(--theme-color);
    left: 0;
    bottom: 0px;
}
.news-menu .tab-item:hover  {
    font-weight: bolder;
}
.news-menu .tab-item:hover .line {
    width: 70%;
    margin-left: 15%;
    display: block;
    position: absolute;
    height: 2px;
    background: var(--theme-color-red);
    left: 0;
    bottom: 0px;
}
.news-left-bottom {
    margin-top: 4px;
}
.news-left-bottom .item {
    overflow: hidden;
    margin-bottom: 14px;


}
.news-left-bottom  .category-block {
    float: left;
    color: var(--theme-color);
    font-size: 14px;
    border: 1px solid var(--theme-color);
    width: 80px;
    text-align: center;

    margin-right: 10px;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
}
.news-left-bottom .title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}
.news-left-bottom .time {
    float: right;
    font-size: 14px;
    color: #666;
    height: 20px;
    line-height: 20px;
}

.news-right-all {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}
.news-right-all .more {
    position: absolute;
    right: 0;
    top: -35px;
    color: var(--theme-color);
}
.news-right-all .more .icon {
    display: none;
}
.news-right-all .item {
    overflow: hidden;
    margin-bottom: 14px;
    
    
}
.news-right-all .newItem{
    border-bottom: 1px solid #999;
    padding: 14px 0;
    overflow: hidden;
}
.news-right-all .newItem .title{
    font-size: 16px;
    color: #333;
    /* float: right; */
    /* margin-left: 30px; */
}
.news-right-all .newItem .time{
    /* float: left; */
    font-size: 16px;
    color: #333;
}
.news-right-all  .category-block {
    float: left;
    color: var(--theme-color-red);
    font-size: 14px;
    border: 1px solid var(--theme-color-red);
    width: 80px;
    text-align: center;

    margin-right: 10px;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
}
.news-right-all .title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 76%;
}
.news-right-all .time {
    float: right;
    font-size: 14px;
    color: #666;
    height: 20px;
    line-height: 20px;
}
.shadow {
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%);
}


	.ad2{ width:1200px; padding:10px 0; margin:0 auto; text-align:center;}
	/* .ad2{ width:100%; padding:0; margin:0; text-align:center;} */
	.ad2 img{ max-width:100%; height:auto; }
	
	
	
		/* ---- about ---- */
	/* .cases {padding: 20px 0; background:#f1ebe5;} */
	.cases {padding: 20px 0; }
	.cases .cname{ margin:20px 0px; text-align:left; font-size:22px;height:25px; line-height:25px; color:#000;}
	.cases .cname span{ display:block; width:8px; height:25px; background:#4A7C32; margin-right:20px; float:left;}
	.cases .line1{ width:24.2%; float:left;margin-bottom: 15px;}
	.cases .line2{ width:24.2%; float:left; margin-left:1%;}
	.cases .line3{ width:24.2%; float:left;margin-left:1%;}
	.cases .line4{ width:24.2%;  float:left;margin-left:1%;}
	.cases img { width:100%; height:auto; display:block;}
	.cases .wzk{ width:100%; height:210px; background:#FFF; overflow:hidden;}
	.cases .wzk .tit{ width:80%; height:40px; margin-top:10%; margin:0 auto;}
	.cases .wzk .tit  em{ display:block; width:16%; height:40px; font-size:24px; float:left; font-weight:bold; color:#4A7C32;}
	.cases .wzk .tit  .xian{ width:82%; background:#4A7C32; height:1px;float:left; margin-top:20px; }
	.cases .wzk 
	
	{padding:20px 10px; margin-bot:10%; line-height:20px;margin:0 auto;}
	
	
	.cases .ws{ margin-bottom:12px;}
	.cases .wx{ margin-top:12px;}
	

	
.video {
    width: 100%;
    display: flex;padding: 0px 0; margin-bottom: 10px;
    justify-content: space-between;
}
.video-body {padding: 0;}
.video-left {
    width: 58%; float:left; padding-right:15px;
}
.video-left img{ max-width:100%; height:auto; }
.video-right {
    width: 42%; float:right;padding:0;
}
.video-body .video-right .vtop{padding: 0px; line-height:60px;height:60px; text-align:left; width:100%; background:#4A7C32;}
.video-body .video-right .vtop p{ margin-left:30px; color:#FFF;font-size:22px; }	
.video-body .video-right .nr{ width:100%; height:365px; display:block;} 


	
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	
 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 32px;line-height: 32px; font-weight:bold;}
 .index-text .font24 {font-size: 16px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}

	.product{padding: 25px 0; background:#FFF }
	.product-body {padding: 0;}
	.product-body .promenu{padding: 0px; line-height:40px; text-align:center; width:24%; float:left; background:#e7e1da; }
	.product-body .promenu .ptop{padding: 0px; line-height:50px;height:50px; text-align:center; width:100%; background:#4A7C32; color:#FFF;font-weight:bold;font-size:18px; }
	.product-body .promenu a{ margin:0; line-height:55px;height:55px; font-size:16px; color:#4A7C32; display:block; border-bottom:1px solid #FFF; }
	.product-body .promenu a:hover{  color:#000; }
	
	.product-body .pro-left {padding: 0; width:47%; float:left; margin-left:1%; }
	.slideBox{ width:100%; height:420px; overflow:hidden; position:relative;   }
		.slideBox .ti{
	position: absolute; bottom: 10px; background: #fff; opacity: 0.7;padding: 5px 10px;left: 20px}
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#4A7C32; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:420px; display:block;object-fit: cover;  }




    .product-body .pico{padding: 0px;   width:20%; float:right; background:#4A7C32; }
	.product-body .pico a{ margin:0; display:block; width:50%; float:left; text-align:center; margin-bottom:5px; }
	.product-body .pico a img{ width:47px; height:46px; display:inline-block; margin:18px 0px 0px 0px;}
	.product-body .pico a p{ width:100%; height:auto;line-height:25px;height:25px; font-size:16px; color:#FFF; }
	.product-body .pico a:hover p{  color:#2862b5; }
	

.ads{ margin: 42px 0; background:url(../../../../assets/images/ads.jpg) center center no-repeat; height:138px;}
.ads-body {padding: 0;}
.ads-body .pico{padding: 0px;   width:60%; float:left; }
.ads-body .pico a{ margin:0; display:block; width:20%; float:left; text-align:center; margin:15px 0px; }
.ads-body .pico a img{ width:47px; height:46px; display:inline-block; margin:12px 0px 0px 0px;}
.ads-body .pico a p{ width:100%; height:auto;line-height:25px;height:25px; font-size:16px; color:#FFF; }
.ads-body .pico a:hover p{  color:#2862b5; }

.ads-body .pwz{padding: 20px 0px;   width:40%; float:right; text-align:right; }
.ads-body .pwz p{ color:#FFF; font-size:28px; }
.ads-body .pwz span{ color:#FFF; font-size:22px; }


.news {
    width: 100%;
    display: flex;padding: 10px 0; 
    justify-content: space-between;
}
.news-body {padding: 0;}
.news-left {
    width: 48%; float:left;
}
.news-right {
    width: 48%; float:right;
}
.news-left-top {
    width: 100%;
}

.news .title:hover {
    color: var(--theme-color);
}
.news .swiper-slide .content .pagination {
    flex-basis: 20px;
}
.news .news-menu {

}
.news-left .news-menu,.news-right .news-menu {
    width: 100%;
    overflow: hidden;
    /*background-color: pink;*/
    /*border-bottom: 1px solid var(--theme-color);*/
    margin-bottom: 10px;
    margin-top: 18px;
    margin-left: 18px;
}
.news-menu>div {
    float: left;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    font-weight: lighter;
    position: relative;
    cursor: pointer;
}
.news-menu .active  {
    font-weight: bolder;
}
.news-menu .active .line {
    width: 70%;
    margin-left: 15%;
    display: block;
    position: absolute;
    height: 2px;
    background: var(--theme-color);
    left: 0;
    bottom: 0px;
}
.news-menu .tab-item:hover  {
    font-weight: bolder;
}
.news-menu .tab-item:hover .line {
    width: 70%;
    margin-left: 15%;
    display: block;
    position: absolute;
    height: 2px;
    background: var(--theme-color-red);
    left: 0;
    bottom: 0px;
}
.news-left-bottom {
    margin-top: 4px;
}
.news-left-bottom .item {
    overflow: hidden;
    margin-bottom: 14px;


}
.news-left-bottom  .category-block {
    float: left;
    color: var(--theme-color);
    font-size: 14px;
    border: 1px solid var(--theme-color);
    width: 80px;
    text-align: center;

    margin-right: 10px;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
}
.news-left-bottom .title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}
.news-left-bottom .time {
    float: right;
    font-size: 14px;
    color: #666;
    height: 20px;
    line-height: 20px;
}

.news-right-all {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}
.news-right-all .more {
    position: absolute;
    right: 0;
    top: -35px;
    color: var(--theme-color);
}
.news-right-all .more .icon {
    display: none;
}
.news-right-all .item {
    overflow: hidden;
    margin-bottom: 14px;


}
.news-right-all .newItem{
    border-bottom: 1px solid #999;
    padding: 14px 0;
    overflow: hidden;
}
.news-right-all .newItem .title{
    font-size: 16px;
    color: #333;
    /* float: right; */
    /* margin-left: 30px; */
}
.news-right-all .newItem .time{
    /* float: left; */
    font-size: 16px;
    color: #333;
}
.news-right-all  .category-block {
    float: left;
    color: var(--theme-color-red);
    font-size: 14px;
    border: 1px solid var(--theme-color-red);
    width: 80px;
    text-align: center;

    margin-right: 10px;
    box-sizing: border-box;
    height: 20px;
    line-height: 18px;
}
.news-right-all .title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    width: 62%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-right-all .time {
    float: right;
    font-size: 14px;
    color: #666;
    height: 20px;
    line-height: 20px;
}
.shadow {
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%);
}


	/* .ad2{ width:100%; padding:0; margin:0;} */
	.ad2{ width:1200px; padding:10px 0; margin:0 auto;}
	.ad2 img{ max-width:100%; height:auto; }
	
	
	
		/* ---- about ---- */
	.cases {padding: 20px 0; background:#f1ebe5;}
	.cases .cname{ margin:20px 0px; text-align:left; font-size:22px;height:25px; line-height:25px; color:#000;}
	.cases .cname span{ display:block; width:8px; height:25px; background:#4A7C32; margin-right:20px; float:left;}
	.cases .line1{ width:24%; float:left;margin-bottom: 15px;}
	.cases .line2{ width:24%; float:left; margin-left:1%;}
	.cases .line3{ width:24%; float:left;margin-left:1%;}
	.cases .line4{ width:24%;  float:left;margin-left:1%;}
	.cases img { width:100%; height:auto; display:block;}
	.cases .wzk{ width:100%; height:210px; background:#FFF; overflow:hidden;}
	.cases .wzk .tit{ width:80%; height:40px; margin-top:10%; margin:0 auto;}
	.cases .wzk .tit  em{ display:block; width:16%; height:40px; font-size:24px; float:left; font-weight:bold; color:#d30b16;}
	.cases .wzk .tit  .xian{ width:82%; background:#4A7C32; height:1px;float:left; margin-top:20px; }
	.cases .wzk .nr{ width:80%; height:auto; margin-bot:10%; line-height:20px;margin:0 auto;}
	
	
	.cases .ws{ margin-bottom:12px;}
	.cases .wx{ margin-top:12px;}
	

	
.video {
    width: 100%;
    display: flex;padding: 0px 0;margin-bottom: 10px;
    justify-content: space-between;
}
.video-body {padding: 0;}
.video-left {
    width: 58%; float:left;
}
.video-left img{ max-width:100%; height:auto; }
.video-right {
    width: 40%; float:right;
}
.video-body .video-right .vtop{padding: 0px; line-height:60px;height:60px; text-align:left; width:100%; background:#4A7C32;}
.video-body .video-right .vtop p{ margin-left:30px; color:#FFF;font-size:22px; }	
.video-body .video-right .nr{ width:100%; height:auto; display:block;} 


}
/* iPad Pro 小于等于1024px iPad Pro */



/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
.product-body .promenu{padding: 0px; line-height:40px; text-align:center; width:96%; float:inherit; margin:0 auto; background:#e7e1da; }

	.product-body .pro-left {padding: 0; width:96%; float:inherit; margin:0 auto; padding-top:10px;  }
	.slideBox{ width:100%; height:240px; overflow:hidden; position:relative;   }
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#4A7C32; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:240px; display:block;object-fit: cover;  }


.product-body .pico{padding: 0px;  width:96%; float:left; margin-left:2%; background:#4A7C32; padding-top:10px;  text-align:center;}

.ads{margin:0;margin-top:-30px;}
.ads .ads_2{display:none;}
	.news {
    width: 100%;
    display:block;padding:10px 0; 
    justify-content: space-between;
}

.ads-body .pico{padding: 0px; width:100%;  text-align:center; }
.ads-body .pico a {
    margin: 0;
    width:auto;
    display:inline-block;
    margin: 15px 0px;
    float:none;
    margin-left:5px;
}

.news-body {padding: 0;}
.news-left {
    width: 96%; float:left;margin-left:2%;
}
.news-right {
    width: 96%; float:left;margin-left:2%;
}
.ad2{ width:100%; padding:0; margin:0;}
	.ad2 img{ max-width:100%; height:auto; }
	
	
	
		/* ---- about ---- */
	.cases {padding: 10px 0; background:#f1ebe5; font-size: 0.8em !important;}
    .cases .wzk{ width:100%; height:160px; background:#FFF; overflow:hidden;}
	.cases .cname{ margin:20px 0px; text-align:left; font-size:18px;height:25px; line-height:25px; color:#000;}
	.cases .cname span{ display:block; width:8px; height:25px; background:#4A7C32; margin-right:20px; float:left;}
	.cases .line1{ width:49%; float:left;margin-left:1%;}
	.cases .line2{ width:49%; float:left; }
	.cases .line3{ width:49%; float:left;margin-left:1%;}
	.cases .line4{ width:49%;  float:left;}
	.video-left {
    width: 96%; float:left;margin-left:2%;
}
.video-left img{ max-width:100%; height:auto; }
.video-right {
    width: 96%; float:left;margin-left:2%;
}
.video-body .video-right .vtop{padding: 0px; line-height:40px;height:40px; text-align:left; width:100%; background:#4A7C32; margin-top:10px;}
.video-body .video-right .vtop p{ margin-left:10px; color:#FFF;font-size:18px; }	
.video-body .video-right .nr{ width:100%; height:auto; display:block;} 
.ad2{ display:none;}

}
/* 手机 小于等于 640px */
@media (max-width: 640px) {


.product-body .promenu{padding: 0px; line-height:40px; text-align:center; width:96%; float:inherit; margin:0 auto; background:#e7e1da; }

	.product-body .pro-left {padding: 0; width:96%; float:inherit; margin:0 auto; padding-top:10px;  }
	.slideBox{ width:100%; height:240px; overflow:hidden; position:relative;   }
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#4A7C32; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:240px; display:block;object-fit: cover;  }


.product-body .pico{padding: 0px;  width:96%; float:left; margin-left:2%; background:#4A7C32; padding-top:10px;  }
    
.ads{margin:0;margin-top:-30px;}
.ads .ads_2{display:none;}

.news {
    width: 100%;
    display:block;padding:10px 0; 
    justify-content: space-between;
}
.news-body {padding: 0;}
.news-left {
    width: 96%; float:left;margin-left:2%;
}
.news-right {
    width: 96%; float:left;margin-left:2%;margin-top:10px;
}
.ad2{ width:100%; padding:0; margin:0;}
	.ad2 img{ max-width:100%; height:auto; }
	
	
	
		/* ---- about ---- */
	.cases {padding: 10px 0; background:#f1ebe5;}
	.cases .cname{ margin:20px 0px; text-align:left; font-size:18px;height:25px; line-height:25px; color:#000;}
	.cases .cname span{ display:block; width:8px; height:25px; background:#4A7C32; margin-right:20px; float:left;}
	.cases .line1{ width:49%; float:left;margin-left:1%;margin-bottom: 0;}
	.cases .line2{ width:49%; float:left; }
	.cases .line3{ width:49%; float:left;margin-left:1%;}
	.cases .line4{ width:49%;  float:left;}
	.video-left {
    width: 96%; float:left;margin-left:2%;
}
.video-left img{ max-width:100%; height:auto; }
.video-right {
    width: 96%; float:left;margin-left:2%;
}
.video-body .video-right .vtop{padding: 0px; line-height:40px;height:40px; text-align:left; width:100%; background:#4A7C32; margin-top:10px;}
.video-body .video-right .vtop p{ margin-left:10px; color:#FFF;font-size:18px; }	
.video-body .video-right .nr{ width:100%; height:auto; display:block;} 
.ad2{ display:none;}
	
}
/* 手机 小于等于 414px iPhone6/7/8Plus */