@charset "utf-8";
/* CSS Document */
.home_tit {text-align:center;height: auto;line-height:1.0;margin-bottom:50px;}
.home_tit h3 {font-size:50px;font-weight:bold;text-transform: uppercase;}
.home_tit p{font-size: 18px;font-weight: normal;color: #858484;line-height: 30px;margin-bottom: 15px;text-transform: uppercase;}

@media only screen and (max-width:960px) {
.home_tit{margin-bottom:40px;}
.home_tit h3{font-size:32px;}
.home_tit p{font-size:14px;}
}
@media only screen and (max-width:768px) {
.home_tit{text-align: center;margin-bottom:30px;}
.home_tit h3{font-size:30px;}
}



/*PRODUCT*/
.home_product{height: auto; overflow: hidden;padding-top:80px;padding-bottom:80px;}

.swiper-proxl {width:100%;height: auto;position: relative;}
.swiper-proxl .swiper-slide{width:100%;height:auto;}
.swiper-proxl .swiper-slide .himgbox{width:88%;height:560px; margin:0 auto;position:relative;overflow: hidden;}
.swiper-proxl .boxcover {position: absolute;left: 0;top: 66%;height: 100%;width: 100%;background-color: rgb(0 0 0 / 38%);z-index: 2;transition: all .5s;}
.swiper-proxl .boxcover .neirong {width: 80%;color:#FFF;margin: auto;margin-top: 3%;}
.swiper-proxl .boxcover .neirong h5 a{font-size:22px;color:#FFF;font-weight:bold;line-height:2.0;text-transform: uppercase;}
.swiper-proxl .boxcover .neirong p{font-size:15px;margin-bottom:10px;line-height:1.8;transition: all .5s;}
.swiper-proxl .boxcover .neirong .xian{width:100px;height:1px;border-bottom:1px solid #4ab36a;margin-bottom:12px;margin-top:12px;opacity:1;transition: all .5s;}
.swiper-proxl .boxcover .neirong .neirong_item{width:100%;opacity:0;transition: all 1.6s;}
.swiper-proxl .boxcover .neirong .neirong_item ul{display: flex;flex-wrap: wrap;}
.swiper-proxl .boxcover .neirong .neirong_item ul li{padding-right:2%;width:18%;}
.swiper-proxl .boxcover .neirong .neirong_item ul li a{display: block;overflow: hidden;position: relative;}
.swiper-proxl .boxcover .neirong .neirong_item ul li .himg{width:100%;height: auto;display: block;}
.swiper-proxl .boxcover .neirong .neirong_item ul li .himg img{display: block;width: 100%;}
.swiper-proxl .boxcover .neirong .neirong_item ul li h5{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 2;padding: 5px 5px;font-size: 14px;color: #fff;text-align: center;background: -webkit-linear-gradient(bottom, rgba(21, 21, 21, 1), rgba(21, 21, 21, 0));font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-proxl .swiper-slide .himgbox:hover .boxcover{top:38%;}
.swiper-proxl .swiper-slide .himgbox:hover .boxcover .neirong .xian{opacity:0;}
.swiper-proxl .swiper-slide .himgbox:hover .boxcover .neirong p{margin-top:-18px;}
.swiper-proxl .swiper-slide .himgbox:hover .boxcover .neirong .neirong_item{opacity:1;}
.swiper-proxl .swiper-pro-prev{width:50px;height:50px;border: 1px solid #cdcdcd;transition: all 0.3s;left:0;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index:5;background:#FFF;}
.swiper-proxl .swiper-pro-next{width:50px;height:50px;border: 1px solid #cdcdcd;transition: all 0.3s;right:0;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index:5;background:#FFF;}
.swiper-proxl .swiper-pro-prev i,
.swiper-proxl .swiper-pro-next i{display: block;line-height: 50px;text-align: center;color:#cdcdcd;transition: all 0.3s;}
.swiper-proxl .swiper-pro-prev:hover,
.swiper-proxl .swiper-pro-next:hover{background:#4ab36a;border: 1px solid #4ab36a;}
.swiper-proxl .swiper-pro-prev:hover i,
.swiper-proxl .swiper-pro-next:hover i{color:#FFF;}

@media screen and (max-width:960px){
.home_product {padding-top:50px;padding-bottom:50px;}
.swiper-proxl .swiper-slide .himgbox{width:100%;height:500px;}
}
@media screen and (max-width:768px){
.swiper-proxl .swiper-slide .himgbox{width:100%;height:400px;}
}
@media screen and (max-width:499px){
.swiper-proxl .boxcover .neirong p{line-height:1.2;font-size: 14px;}
}


/*ABOUT*/
.home_about{overflow:hidden;}
.home_about .aboutcon {height:800px; display: flex;flex-wrap: wrap;justify-content: space-between;background: url(../images/index_bg1.png) no-repeat center center;background-size: cover;}
.aboutcon .abouttimg{width:50%;overflow:hidden}
.aboutcon .abouttimg img{display: block;width:100%;height:100%;object-fit: cover;}
.aboutcon .aboutright{width:50%;position: relative;}
.aboutcon .abouttexts{position:absolute;top:150px;right:0;width:calc(100% + 180px); padding: 80px 80px;background: #fff;border-top-left-radius: 50px;}
.aboutcon .abouttexts .habtitle{font-size:80px;color:#4ab36a;line-height:1.2;margin-bottom:20px;text-transform: uppercase;}
.aboutcon .abouttexts .habtitle2{position: relative;}
.aboutcon .abouttexts .habtitle2 h3{font-size:32px;font-weight:bold;line-height: 1.3;text-transform: uppercase;}
.aboutcon .abouttexts .habtitle2 h4{font-size:18px;color:#666666;line-height:1.3;font-weight:normal;padding-top:10px;}
.aboutcon .abouttexts .habys{padding-top:20px;padding-bottom:10px;}
.aboutcon .abouttexts .habys ul{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.aboutcon .abouttexts .habys li{padding:8px 20px;background:#a3a3a3;font-size:16px;color:#FFF;margin-right: 15px;margin-bottom: 5px; text-transform: uppercase;}
.aboutcon .abouttexts .habnr{height: auto;padding-top:20px;padding-bottom:38px;overflow: hidden;}
.aboutcon .abouttexts .habnr p{font-size:17px;line-height:2;color:#666;text-align: justify;}
.aboutcon .abouttexts .more{display: inline-block;color:#4ab36a;margin-top:20px;}
.aboutcon .abouttexts .more span{color:#4ab36a;font-size: 18px;font-weight:bold;}
.aboutcon .abouttexts .more i{font-size:20px;margin-left:15px;font-weight:bold;}

@media only screen and (max-width:1024px){
.aboutcon .abouttexts{padding:60px 60px;}
.aboutcon .abouttexts .habtitle{font-size:68px;}
.aboutcon .abouttexts .habtitle2 h3 {font-size: 30px;}
} 
@media only screen and (max-width:820px){
.home_about .aboutcon{height: auto;}
.aboutcon .abouttimg{width:100%;}
.aboutcon .aboutright{width:100%;padding: 15px;}
.aboutcon .abouttexts{position:static;width:100%;border-radius:20px;padding:50px 50px;}
.aboutcon .abouttexts .habys li{margin-right:8px;}
} 
@media only screen and (max-width:499px){
.aboutcon .abouttexts{padding:20px 20px;}
.aboutcon .abouttexts .habtitle {font-size:48px;}
.aboutcon .abouttexts .habtitle2 h3{font-size:22px;}
.aboutcon .abouttexts .habtitle2 h4{font-size:15px;}
.aboutcon .abouttexts .habys li{font-size:12px;padding:8px 8px;margin-right: 5px;}
.aboutcon .abouttexts .habnr p{font-size:14px;}
}



/*YOUSHI*/
.home_youshi {width:100%;padding-top:100px;padding-bottom:200px;overflow: hidden;background: url(../images/index_ys_bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;position: relative;}
.hysBox {display: flex;justify-content:space-between;align-items: center;}
.hysBox .ysline {width: 25%;}
.hysBox .ysline h3{font-size:50px;line-height:1.2;color: #ffffff;margin-bottom: 15px;text-transform: uppercase;}
.hysBox .ysline p{display:block;font-size:25px;color: #FFF;line-height: 1.2;opacity: 0.8;}
.hysBox .yscontent {width:70%;}
.hysBox .yscontent ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.hysBox .yscontent li{width:23%;padding:40px 20px; overflow:hidden;text-align: center; border-radius: 8px;background:url(../images/iys_bg.jpg) no-repeat;background-size: cover;}
.hysBox .yscontent li h2{padding-bottom:20px;}
.hysBox .yscontent li h2 img{display:block;margin: auto;transition: all 0.8s;}
.hysBox .yscontent li p{padding-top:30px;font-size:17px;line-height:1.5;color: #333;position: relative;}
.hysBox .yscontent li p::after {position:absolute;content: "";width: 45px;height:3px;background:#4ab36a;top: 0px;left: 50%;transform: translateX(-50%);transition: 0.4s ease;}
.hysBox .yscontent li:hover img{transform: rotateY(180deg);}
.page-topche {width: 100%;height: 150px;position: absolute;left: 0;bottom: 0;background: url(../images/index_ys_bt.png) no-repeat center bottom;}

@media only screen and (max-width:1024px){
.hysBox .ysline p{font-size:25px;}
.hysBox .ysline h3{font-size:30px;line-height:40px;}
.hysBox .yscontent li{padding:30px 10px;}
}
@media only screen and (max-width:899px){
.hysBox{display: block;}
.hysBox .ysline {width:100%;margin-bottom: 30px;}
.hysBox .ysline p{font-size:30px;}
.hysBox .ysline h3{font-size:25px;line-height:30px;}
.hysBox .yscontent {width:100%;}
}
@media only screen and (max-width:499px){
.home_youshi{padding-top:80px;padding-bottom:100px;}
.hysBox .yscontent li {width: 48%;margin: 1%;}
.hysBox .yscontent li p {padding-top:20px;font-size:14px;}
}



/*NEWS*/
.home_new{padding-top:80px;padding-bottom:80px;overflow: hidden;}
.hnewBox {width:100%;height:auto;overflow: hidden;}
.hnewBox .hnewitem{}
.hnewitem ul{width:100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.hnewitem li{width:31.33%;margin:0.5%;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
.hnewitem li .img-box{display:block;overflow:hidden;}
.hnewitem li .img-box .himg{height:auto;padding-top:62%;overflow: hidden;background-size: cover!important;}
.hnewitem li .hcon {padding:40px 30px;}
.hnewitem li .hcon .xw_time {color: #1a1f3f;font-size:18px;}
.hnewitem li .hcon .xw_title{font-size:24px;color: #000;margin-top:16px;margin-bottom:16px;line-height: 1.2;}
.hnewitem li .hcon p{color: #666;line-height: 1.5;font-size:18px;}

@media only screen and (max-width:960px){
.home_new{padding-top:50px;padding-bottom:50px;}
} 
@media only screen and (max-width:768px){
.hnewitem li{width:48%;margin:1%;}
}
@media only screen and (max-width:499px){
.hnewitem li{width:98%;margin:1%;}
.hnewitem li .hcon {padding:30px 20px;}
.hnewitem li .hcon .xw_time{font-size:15px;}
.hnewitem li .hcon .xw_title{font-size:20px;}
.hnewitem li .hcon p{font-size:15px;}
} 




/*PROLIST*/
.home_prolist{padding-top:80px;padding-bottom:80px;overflow: hidden;background: url(../images/index_bg2.png) no-repeat center center;background-size: cover;}
.hprobox{}
.hpro_nav {margin-bottom: 16px;}
.hpro_nav ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding:0 8px;}
.hpro_nav li{width: 32.33%;height:auto;background: #ffffff;border:1px solid #ddd;transition: all 1s;overflow: hidden;margin-bottom: 1%;}
.hpro_nav li a{display: block;padding:20px 20px;overflow: hidden;}
.hpro_nav li p{color: #333;display: block;font-size:26px;line-height:1.2; text-align: center;font-weight: bold;transition: all 1s;}
.hpro_nav li.on{background:#49a96c;}
.hpro_nav li.on p{color:#ffffff;}

.hpro_nr{position: relative;}
.hpro_nr .hpro_a{overflow: hidden;}
.hpro_a_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hpro_a_list ul li{width: 25%;display: block;}
.hpro_a_list ul li a{display: block;padding:8px 8px;}
.hpro_a_list ul li .hpside{padding:15px 20px;border:1px solid #dedede;background:#FFF; transition: all .5s ease-in-out;}
.hpro_a_list ul li h5 {font-size:18px;text-align:center;font-weight:normal;height:auto;line-height:32px;padding:20px 20px;border-top: 1px solid #ebebeb;}
.hpro_a_list ul li:hover h5 {background:#49a96c;color:#ffffff;transition: all 0.8s;}
.hpro_a_list ul li .himg{overflow:hidden;}
.hpro_a_list ul li img {display: block;width:100%!important;margin: 0 auto;transition: all 0.8s;}
.hpro_a_list ul li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.hpro_a_list ul li:hover .hpside{box-shadow: 0 0 8px rgb(0 0 0 / 12%);}

.hp_prev{position:absolute;width:60px;height:60px;left:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 3px;background:#fff;border: 1px solid #cdcdcd;}
.hp_next{position:absolute;width:60px;height:60px;right:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 3px;background:#fff;border: 1px solid #cdcdcd;}
.hp_prev i, .hp_next i{display: block;color:#cdcdcd;font-size: 20px;text-align: center;line-height: 60px;}
.hp_prev:hover, .hp_next:hover{background:#49a96c;}
.hp_prev:hover i, .hp_next:hover i{color:#FFF;}


@media only screen and (max-width:1366px){
.hp_prev{left:-30px;}
.hp_next{right:-30px;}
}
@media only screen and (max-width:1024px){
.hpro_list ul li{width:33.33%;}
}
@media only screen and (max-width:960px){
.home_prolist{padding-top:50px;padding-bottom:50px;}
.hpro_nav li p{font-size: 20px;}
}
@media only screen and (max-width:768px){
.hpro_nav li p{font-size:16px;}
.hpro_a_list ul li{width:50%;}
.hp_prev{left:-20px;}
.hp_next{right:-20px;}
}
@media only screen and (max-width:499px){
.hpro_nav li a{padding: 20px 10px;}
.hpro_nav li p{font-size:14px;}
.hpro_a_list ul li{width:100%;}
.hp_prev{left:-10px;}
.hp_next{right:-10px;}
}


/***********************************************************************************************************************************************************************************************************************************************************/
/*********************************************************************************************************/
.nybanner{height:500px;padding-top:230px;background-position: top center;position: relative;background-size: cover;}
.ibcatein {text-align: left;color: #FFF;}
.ibcatein .nbt-cn{font-size: 48px;font-weight: 700;line-height: 75px;margin-bottom:10px;text-transform: uppercase;}

@media only screen and (max-width:1024px){
.nybanner{height:400px;padding-top:150px;}
}
@media only screen and (max-width:768px) {
.nybanner{height:260px;padding-top:120px;}
.ibcatein .nbt-cn{font-size:26px;letter-spacing:1px;line-height:20px;}
}
@media only screen and (max-width:499px) {

}

/* 面包屑 */
.breav-nav{width:100%;height:auto;line-height:1.5;font-size:16px;}
.location{float:left;background:url(../images/home.png)no-repeat left 5px;padding-left:28px;overflow:hidden;color:#F5F5F5;}
.location a{color:#F5F5F5;}
@media only screen and (max-width:768px){
.breav-nav{font-size:15px;}
}
@media only screen and (max-width:499px){
.breav-nav{font-size:14px;}
}



/*二级栏目*/
.sub_muen {width: 100%;height: auto;overflow: hidden;border-bottom:1px solid #e7e7e7;overflow-x: auto;}
.sub_muen ul{display: flex;white-space: nowrap;}
.sub_muen ul li {display:block;height: 80px;margin-right:50px;}
.sub_muen ul li a {display:block;height: 80px;line-height: 80px;font-size:20px;color:#000;position:relative;}
.sub_muen ul li a:hover {color:#4ab36a;}
.sub_muen ul li.cur a {color:#4ab36a;}
.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background-color:#4ab36a;transition:all .3s linear;}
.sub_muen ul li a:hover::after,.sub_muen ul li.cur a::after {width:100%;}

@media only screen and (max-width:1024px){
.sub_muen ul li{height:66px;margin-right:40px;}
.sub_muen ul li a{height:66px;line-height:66px;font-size:15px;}
}
@media only screen and (max-width:768px){
.sub_muen ul li{height:50px;margin-right:30px;}
.sub_muen ul li a{height:50px;line-height:50px;font-size:14px;}
}




/********************/
.ny-title {padding-bottom:40px}
.ny-title .entitle{text-align:center;display:block;font-weight:900; font-size:38px;color:#000000;line-height:1.2;text-transform: uppercase;}
.company {line-height: 1.8; overflow: hidden;}

@media only screen and (max-width:960px){
.ny-title .entitle{font-size: 28px;}
}
@media only screen and (max-width:499px){
.ny-title .entitle{font-size:18px;}
}




/*ABOUT*/
.about_company {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 50px;}
.about_company .siab_l{width:48%;}
.about_company .siab_r{width:48%;display:block;}
.about_company .siab_r .nimg{width:100%;height: auto;overflow:hidden;}
.about_company .siab_r .nimg img{display: block;}

@media only screen and (max-width:960px){
.about_company{margin-bottom: 20px;}
.about_company .siab_l{width:100%;}
.about_company .siab_r{width:100%;}
}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:499px){

}






/*PRODUCTS ITEM*/
.proxlitem{overflow: hidden;}
.proxlitem .pro-box{padding:60px 0;background: #fff;}
.proxlitem .pro-box h2{font-size: 36px;font-weight: bold;color:#49a96c;line-height:1.6;text-transform: uppercase;}
.proxlitem .pro-box .xqdesc{font-size: 18px;line-height:1.6;color: #b3b3b3;margin-top: 10px;}
.proxlitem .pro-box .more{margin-top:30px;}
.proxlitem .pro-box .more a{display: block;border: 1px solid #ececec;background: #49a96c;color: #fff;font-size: 18px;line-height: 50px;width: 220px;text-align: center;border-radius: 5px;}
.proxlitem .pro-list{padding:60px 0;background: #f5f5f5;overflow: hidden;}
.proxlitem .pro-list li{width:24%;float:left;margin-right:1.333%;margin-bottom: 20px;overflow:hidden;transition:all ease .5s;}
.proxlitem .pro-list li:nth-child(4n) {margin-right: 0;}
.proxlitem .pro-list li a{display: block;position: relative;}
.proxlitem .pro-list li .nimg {width: 100%;border: 1px solid #ebebeb;overflow: hidden;}
.proxlitem .pro-list li .nimg img {display: block;width: 100%;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.proxlitem .pro-list li .ntbox{position: absolute;left:0;bottom:0;width: 100%;height:60px;line-height:60px;text-align: center;padding:0 15px;background: rgba(0,0,0,0.3);font-size: 18px;color: #fff;transition: all ease .5s;}
.proxlitem .pro-list li:hover {box-shadow:0 0 15px 1px rgb(0,0,0, 0.1);}
.proxlitem .pro-list li:hover .nimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.proxlitem .pro-list li:hover .ntbox{background:#49a96c;}

@media only screen and (max-width:768px){
.proxlitem .pro-box{padding:30px 0;}
.proxlitem .pro-box h2{font-size:28px;}
.proxlitem .pro-box .xqdesc{font-size:15px;}
.proxlitem .pro-box .more {margin-top:20px;}
.proxlitem .pro-box .more a{width:180px;font-size:16px;}
.proxlitem .pro-list{padding:30px 0;}
.proxlitem .pro-list li{width:48%;margin:1% 1%;}
.proxlitem .pro-list li:nth-child(4n) {margin-right:1%;}
}
@media only screen and (max-width:499px){
.proxlitem .pro-list li .ntbox{height:36px;line-height:36px;font-size:14px;}
}


/* 产品二级导航 */
.sub_muen2{overflow:hidden;}
.sub_muen2 ul {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.sub_muen2 li {text-align:center;transition: .5s;flex: 1;background:#333;}
.sub_muen2 li a{display:block;overflow:hidden;padding: 30px 5px;width: 100%;border-right:1px solid #7e7e7e;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size: 30px;line-height: 38px;transition: .5s;}
.sub_muen2 li.cur{background:#4ab36a;}
.sub_muen2 li:hover{background:#4ab36a;}

@media only screen and (max-width:768px) {
.sub_muen2 li a{font-size:20px;}
}
@media only screen and (max-width:499px) {
.sub_muen2 li a{font-size:15px;padding:20px 5px;line-height:30px;}
}





.position{position: relative;height:50px; line-height:50px;border-bottom: 1px solid #cdcdcd;margin-bottom:20px;}
.position h3 {position: absolute;font-size:28px;font-weight: normal;color: #333;background-position: center top;text-align: left;bottom: 0;left: 0;border-bottom: 3px solid #e7161b;}



/*PROLIST*/
.prolist{width:100%; overflow: hidden;}
.prolist ul{width:100%; overflow: hidden;/*display: flex;justify-content: flex-start;flex-wrap: wrap;*/}
.prolist li{width:25%;padding: 0 10px;margin-bottom: 20px;float: left;transition: all 0.6s;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li a{display: block;box-shadow: 1px 6px 10px rgba(140, 140, 140, 0.16);transition: all 0.3s;overflow: hidden;background-color: #fff;border: 1px solid #efefef;}
.prolist li .img-box {display: block;overflow: hidden;}
.prolist li .img-box .nimg{height: auto;padding-top:100%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.prolist li a:hover img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.prolist li .info {padding:20px 30px 15px;background: #f5f5f5;}
.prolist li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;line-height:1.8;}
.prolist li a:hover .img-box .nimg{transform: scale(1.1,1.1);}
.prolist li a:hover .name {color: #4ab36a;}

@media only screen and (max-width:960px) {
.prolist li{width:32.33%;margin-right:1.5%;}
.prolist li:nth-child(4n){margin-right:1.5%;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li .info {padding:10px 5px;}
.prolist li .info .name{font-size:16px;}
}
@media only screen and (max-width:768px) {
.prolist li{width:49.5%;margin-right:1%;}
.prolist li:nth-child(4n){margin-right:1%;}
.prolist li:nth-child(3n){margin-right:1%;}
.prolist li:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:499px) {
.prolist li .info .name{font-size:13px;}
}



/*NEWLIST*/
.newlist{}
.newlist li{padding:50px 50px;background:#F8F9FA;margin-bottom: 20px;}
.newlist li a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.newlist li .img-cover{width:40%;}
.newlist li .conwz{width:60%;padding-left:50px;}
.newlist li .conwz .time{padding-top: 26px;padding-bottom: 26px;font-size:18px;line-height:1.2;color:#666;}
.newlist li .conwz .text{font-size: 26px;line-height:1.2;color:#222;transition: 0.5s;}
.newlist li .conwz .desc{font-size: 18px;line-height: 28px;color:#666;}
.newlist li .conwz .more{display: block;width: 150px;padding: 8px 15px;font-size: 16px;background: #363c50;color: #ffffff;margin-top: 50px;text-align: center;transition: 0.5s;}
.newlist li a:hover .conwz .text{color:#4ab36a;}
.newlist li a:hover .conwz .more{background:#4ab36a;}

@media only screen and (max-width:768px){
.newlist li .img-cover{width:100%;}
.newlist li .conwz{width:100%;padding-left:0;margin-top:20px;}
}
@media only screen and (max-width:499px){
.newlist li{padding:20px 20px;}
.newlist li .conwz .text{font-size:20px;}
.newlist li .conwz .time{padding-top:15px;padding-bottom:15px;}
.newlist li .conwz .desc{font-size:16px;}
.newlist li .conwz .more{margin-top:20px;}
}




/*IMAGES*/
.imglist{overflow: hidden;}
.imglist ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.imglist li{padding:15px;width: 33.33%;}
.imglist li a{display: block;box-shadow: 1px 6px 10px rgba(140, 140, 140, 0.16);transition: all 0.3s;overflow: hidden;background-color: #fff;border: 1px solid #efefef;border-radius:20px}
.imglist li .img-box {display: block;overflow: hidden;}
.imglist li .img-box .nimg{height: auto;padding-top:68%;overflow: hidden;background-size: cover !important;transition: 1s ease;}
.imglist li a:hover img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.imglist li .info {padding:20px 30px 15px;text-align: center;background: #fff;border-top: 1px solid #e5e5e5;}
.imglist li .info .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;line-height:1.8;}
.imglist li a:hover .img-box .nimg{transform: scale(1.1,1.1);}
.imglist li a:hover .name {color: #a2905f;}

@media only screen and (max-width:960px){
.imglist li{width:50%;}
}
@media only screen and (max-width:499px){
.imglist li{width:100%;}
}




/*ZHAOBIAOLIST*/
.downlist{width:100%;margin:0 auto;}
.downlist li{background:#f7f7f7;margin-bottom:16px;}
.downlist li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.downlist li .info{width:calc(100% - 120px);font-size:18px;padding-left: 30px;padding-right:30px;color: #333;}
.downlist li .date{width:120px;text-align: center;padding-top:25px;padding-bottom:25px;border-left:2px solid #FFF;}
.downlist li .date p {}
.downlist li .date p i{color: #333;font-size:20px;line-height:2.0;}
.downlist li a:hover .info{color: #4ab36a;}
.downlist li a:hover .date p i{color: #4ab36a;}

@media only screen and (max-width:960px){
.downlist li .info{font-size:18px;}

}
@media only screen and (max-width:768px){
.downlist li .info {width: calc(100% - 100px);font-size: 16px;padding-left:20px;padding-right:20px;}
.downlist li .date{width:100px;}
}
@media only screen and (max-width:499px){
.downlist li .info {width: calc(100% - 80px);font-size:14px;}
.downlist li .date{width:80px;}

}



/*VIDEO*/
.videolist{}
.videolist ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.videolist li{width: 49%;margin-bottom: 2%;}
.videolist li .fields video {display: block;}
.videolist li h2{width:100%;height:auto;line-height:1.2;padding-top:20px;padding-bottom:20px; text-align: center;background:#f5f5f5;color:#000;font-size: 18px;font-weight:normal;text-transform: uppercase;}

@media only screen and (max-width:768px){
.videolist li{width:100%;}
}






/*分页样式*/
.pglist {padding: 40px 0 80px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span {padding: 3px 16px;margin: 3px 2px;background:#fff;border: 2px solid #e9e9e9;border-radius: 3px;color:#333;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 35px;padding-bottom:1px;}
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background:#4ab36a;border-color:#4ab36a;}






.graybg {background: #f7f7f7;}
/*.graybg .main{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}*/
/*PRO NEIYE*/
.pro-info {background: #fff;padding: 60px 50px;overflow: hidden;}
@media only screen and (max-width:767px){
.pro-info{padding: 20px 20px;}
}


/*NEW WEB*/
.news-details {padding: 54px 76px 110px;background: #FFF;}


/*内容*/
.nrcompany{width:100%;overflow: hidden;}
.nrcompany h1 {padding-top: 10px;padding-bottom: 20px;font-size: 28px;line-height: 35px;font-weight:bold;color: #000000;text-align: center;}
.nrcompany .met-editor {padding-top: 10px;padding-bottom: 10px;text-align: center;font-size: 16px;color: #818181;font-weight: 300;background: #eee;}
.nrcompany .xwzy {font-size:15px;color:#8c8c8c;line-height:26px;margin-top:30px;background:#f5f5f5;padding:20px 28px;text-align:justify;letter-spacing:1.5px;font-weight:300;border: #E5E5E5 1px solid;}
.nrcompany .nrxqzy {font-size: 16px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;color: #333;}
.nrcompany .nrxqzy img{height: auto!important;max-width: 100%!important;}
.nrcompany .share {height: auto;margin-top:60px;margin-bottom: 50px;overflow: hidden;}
.nrcompany .share .more-btn{border: 1px solid #e0e0e0;color: #666;background:#FFF;display: flex;align-items: center;justify-content: center;width: 160px;height: 56px;}
.nrcompany .share .more-btn:hover{background-color:#4ab36a;color: #fff;border:0;transition:all .2s linear;}
.nrcompany .share i{font-size: 17px;margin-right:15px;transition: margin 300ms;}




/*reLink*/
.reLink{padding-top:40px;overflow: hidden;font-size: 15px;border-top:1px solid #EEE;}
.prevLink, .nextLink{padding-top:8px;margin-bottom:8px;overflow: hidden;}
.reLink a{color: #676767;text-decoration: none;}
.reLink a:hover{color:#4ab36a;text-decoration:underline;}




/*CONTACT*/
.conlianxi{width:100%;height: auto;overflow: hidden;}
.conlianxi .content{width: 100%;overflow: hidden;margin-bottom:30px;}
.conlianxi .content ul{display: flex;justify-content: space-between;/*align-items:center;*/flex-wrap: wrap;}
.conlianxi .content li{width:24%;height:auto;text-align: center;color: #333;margin-bottom: 20px;padding: 20px 20px;background: #f3f3f3;border-radius: 12px;}
.conlianxi .content li i{display: block;font-size: 45px;margin-top: 10px;margin-bottom: 10px;color:#4ab36a;}
.conlianxi .content li span{display: block;font-size:22px;color: #000000;padding-bottom:18px;padding-top:10px;font-style: normal;font-weight: bold;text-transform: uppercase;}
.conlianxi .content li em{display: block;font-size:16px;line-height: 1.2;}
.conlianxi .MapBox{width:100%;overflow: hidden;}

@media only screen and (max-width:960px){
.conlianxi .content li{width:49%;}
}
@media only screen and (max-width:960px){
.conlianxi .content li{width:100%;}
}



/*SEARCH*/
.searchTitle{display: block;height: 30px;margin-bottom:30px;font-size:20px;font-weight: bold;color: #333;}
.search_list li{width: 25%;display: block;float: left;padding: 0 18px 18px 0;}
.search_list li a{display:block;padding: 10px;border: 1px solid #F5F5F5;}
.search_list li .nimg{width: 100%;height: 260px;overflow: hidden;/*background: #f5f5f5;*/}
.search_list li .nimg img{display: block;width: auto;height: 100%;margin: auto;}
.search_list li .text{height: auto;padding:10px 0;overflow: hidden;}
.search_list li .text .title{font-size: 18px;font-weight: normal;color: #333;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.5s ease;}
.search_list li .text .model{font-size: 13px;line-height: 20px;height: 40px;color: #bfb9b9;margin-top: 5px;}
.search_list li .text .connr{font-size:13px;color:#acacac;line-height:22px;margin:10px 0 10px;height:66px;overflow:hidden;font-weight:300;}

@media only screen and (max-width:1024px){
.search_list li{width:33.33%;padding:10px;}
.search_list li .nimg{height: 220px;}
}
@media only screen and (max-width:768px){
.search_list li{width:50%;}
}





@keyframes liner {
	0% {
		width: 10%;
	}

	30% {
		width: 20%;
	}

	60% {
		width: 60%;
	}

	100% {
		width: 100%;
	}
}