@charset "utf-8";
/* CSS Document */
.line-title {width:100%;height: auto;overflow: hidden;text-align: center;line-height: 1.2;padding-bottom:60px;}
.line-title h3{text-transform:uppercase;font-size: 46px;font-weight: bold;font-stretch: normal;line-height:1.2;letter-spacing: 0px;color: #231816;}
.line-title h3 em{color:#49a96c;}
.line-title p{margin-top: 12px;font-size:18px;line-height:25px;color:#a5a5a5;letter-spacing:1px; font-weight: 300;}

@media only screen and (max-width:499px){
.line-title h3{font-size:30px;}
.line-title p{font-size:14px;}
}



/*CNXT*/
.home_cnxt{padding-top:80px;padding-bottom:100px;overflow:hidden;}
.hcnxt-side{}
.hcnxt-side ul {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.hcnxt-side li{width:25%;padding:20px;transition: 0.8s all;}
.hcnxt-side li a{display: block;border-top-right-radius:25%;border-bottom-left-radius:25%;overflow: hidden;position: relative;}
.hcnxt-side li .img-block{display: block;width: 100%;}
.hcnxt-side li .bg-line{position: absolute;bottom: 15.9%;left: 0px;width: 100%;background:rgb(166, 140, 87, 0.62);line-height: 50px;color:#FFF;text-align: center;font-size:20px;letter-spacing: 2px;padding:0px 5%;}
.hcnxt-side li:hover {animation: 1.0s ease fz;}


@media only screen and (max-width:1024px){
.hcnxt-side li{padding:10px;}
}
@media only screen and (max-width:768px){
.hcnxt-side li{width:50%;}
}
@media only screen and (max-width:499px){
.hcnxt-side li{padding:0;}
.hcnxt-side li a{border-top-right-radius:0;border-bottom-left-radius:0;}
}

@keyframes fz{
0%{-webkit-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;}
25%{-webkit-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	-ms-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	-o-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	transform-style: preserve-3d;}
75%{-webkit-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	-ms-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	-o-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	transform-style: preserve-3d;}
100%{-webkit-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;}
}





/*ABOUT*/
.home_about{padding-top:150px;padding-bottom:150px;overflow:hidden;background:url(../images/index_bg1.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-position: center;position: relative;}
.habslide {width:50%;float: left;padding-right: 100px;}
.habslide .habtitle {font-size: 44px;line-height:1.2;font-weight: bold;}
.habslide h2{font-size:34px;line-height:1.2;color:#49a96c;margin-top:15px;}
.habslide p{font-size:30px;line-height:1.2;font-weight:300;margin:25px 0 38px;}
.habslide .habnr{color: #666;font-size: 17px;line-height:36px;}
.habmore{display:block;overflow: hidden;}
.habmore a{display: inline-block;color: #FFF;padding: 15px 40px;background:#49a96c;margin-top: 60px;font-size: 16px;font-weight: bold;}
.aboutsub{width:50%;height: 100%; position:absolute; top:0; right:0; overflow:hidden;}
.aboutsub img{width: 100%;height: 100%;object-fit: cover;}

@media only screen and (max-width:1024px){
.habslide{width:65%;padding-right:50px;}
.aboutsub{width:35%;}
}
@media only screen and (max-width:960px){
.home_about{padding-top:80px;padding-bottom:80px;}
.habslide{width:100%;padding-right:0;float: none;}
.aboutsub{width:100%;position:unset;margin-top:30px;}
}
@media only screen and (max-width:499px){
.habslide .habtitle{font-size:34px;}
.habslide h2{font-size:24px;}
.habslide p{font-size:24px;}
.habslide .habnr{font-size:15px;line-height:32px;}
}




/*PRODUCTS*/
.home_product{padding-top:80px;padding-bottom:90px;overflow: hidden;background:#eef0f3;background:url(../images/index_bg2.jpg) no-repeat top center;background-size: cover;}
.hpro_nav {display:block; width:100%; margin:0 auto; padding-bottom:20px;}
.hpro_nav ul{margin:0 8px;display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.hpro_nav li{flex:1;height:auto; padding:10px 10px; box-sizing:border-box;background:#ffffff;border:1px solid #eef0f3; transition:all 1s; position:relative; overflow:hidden;}
.hpro_nav li a{color:#333;display: block;}
.hpro_nav li a span{display: block;width:100px;height:100px;position: relative;margin: 10px auto;}
.hpro_nav li a span i{display: block;height:100px; position: absolute; left:0;top:0;}
.hpro_nav li a span i img{width:100%;}
.hpro_nav li a span i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.hpro_nav li a span i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.hpro_nav li a em{display: block;line-height:56px;font-size:20px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hpro_nav li.on{background: #49a96c;}
.hpro_nav li.on a{position:relative;color:#fff;transition: all 1s;z-index:99;}
.hpro_nav li.on .default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.hpro_nav li.on .hover{opacity: 1; transform: scale(1);}

.hpro_nr{position: relative;}
.hpro_nr .hpro_box{overflow: hidden;}
.hpro_list ul li{width: 25%;float: left;display: block;}
.hpro_list ul li a{display: block;padding:8px 8px;}
.hpro_list ul li .hpside{padding:15px 20px;border:1px solid #dedede;background:#FFF; transition: all .5s ease-in-out;}
.hpro_list ul li h5 {font-size:16px;text-align:center;font-weight:normal;height:auto;line-height:32px;padding:20px 20px;border-top: 1px solid #ebebeb;}
.hpro_list ul li:hover h5 {background:#49a96c;color:#ffffff;transition: all 0.8s;}
.hpro_list ul li .himg{overflow:hidden;}
.hpro_list ul li img {display: block;width:100%!important;margin: 0 auto;transition: all 0.8s;}
.hpro_list ul li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.hpro_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: 30px;background:#fff;}
.hp_next{position:absolute;width:60px;height:60px;right:-70px;top:50%;transform:translateY(-50%);cursor:pointer;transition: all 0.3s;border-radius: 30px;background:#fff;}
.hp_prev i, .hp_next i{display: block;color:#333;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:1640px){
.hpro_nav li::before{transform: skewX(-30deg);}
.hpro_nav li::after{transform: skewX(-30deg);}
}

@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:768px){
.hpro_nav li a span{width:100px;}
.hpro_nav li a em{font-size:16px;}
.hpro_list ul li{width:50%;}
.hp_prev{left:-20px;}
.hp_next{right:-20px;}
}

@media only screen and (max-width:599px){
.hpro_nav{width:100%;}
.hpro_nav li a span {width:60px;height:60px;}
.hpro_nav li a em{font-size:14px;}
.hpro_list ul li{width:100%;}
.hp_prev{left:-10px;}
.hp_next{right:-10px;}
}
@media only screen and (max-width:399px){
.hpro_nav{width:100%;}
.hpro_nav li a span {width:100%;padding-top:0;}
.hpro_nav li a em{height:50px;padding-top:10px;line-height:20px;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}




/*EQUIPMENT*/
.home_hjsb{padding-top:80px;padding-bottom:90px;overflow: hidden;}
.hhjlist{width:100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;}
.hhjlist .item-md-1{width:50%;padding: 0 5px;}
.hhjlist .item-md-2{width:25%;padding: 0 5px;}
.hhjlist .column {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hhjlist .p_item {width: 100%;height: 100%;position: relative;overflow: hidden;margin-bottom:8px;}
.hhjlist .p_item .himg{width: 100%;}
.hhjlist .p_item .himg img{display:block;width:100%;}
.hhjlist .p_item .hj_list_text {position:absolute;left:0;bottom:0;margin-bottom: -60px;width: 100%;padding:0 30px;display: block;color: #ffffff;background-color:rgb(0,0,0, 0.33);z-index: 1;transition: 0.6s ease;}
.hhjlist .p_item .hj_list_text h5{font-size:20px;letter-spacing:3px;padding-top:20px;padding-bottom:20px;line-height:30px;font-weight: normal;}
.hhjlist .p_item .hj_list_text p{font-size:14px;height:50px;line-height:25px;margin-bottom:20px;letter-spacing:2px;opacity: 0.8;}
.hhjlist .p_item:hover .himg img {transition: transform .5s ease-out;transform: scale(1.2);}
.hhjlist .p_item:hover .hj_list_text{margin-bottom:-40px;}

@media only screen and (max-width:768px){
.hhjlist .item-md-1{width:100%;}
.hhjlist .item-md-2{width:50%;}
}
@media only screen and (max-width:600px){
.hhjlist .item-md-1{width:100%;}
.hhjlist .item-md-2{width:100%;}
}




/*YOUSHI*/
.home_youshi {width:100%;padding-top:100px;padding-bottom:0;overflow: hidden;background: url(../images/index_ys_bg.jpg) no-repeat center ;background-size: cover;}
.home_youshi .line-title h3{color: #FFF;}
.ysBox{}
.ysBox ul{display: flex;justify-content: space-between;align-items: center;}
.ysBox li{width: 33.33%;position: relative;overflow: hidden;}
.ysBox li:before {position: absolute;content: '';opacity: 0.5;background:#252e35;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;transition: 0.5s;}
.ysBox li > *{position: absolute; z-index: 10;color: #fff;transition: 0.5s;}
.ysBox li .Ispic{position: relative; z-index: 1; padding-bottom:100%;background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;margin: 0;}
.ysBox li .line{bottom: 9%; left: 0; width: 100%; height: 16px;}
.ysBox li .line i{position: absolute; height: 8px; opacity: 0; transition: 0.5s;}
.ysBox li .line i.l{left: 0; bottom: 0; width:0; background: url(../images/ys_line-1.png) no-repeat right center; }
.ysBox li .line i.r{right: 0; top: 0; width: 0;background: url(../images/ys_line-2.png) no-repeat left center;}
.ysBox li .more{width: 0; right: -100px; top: -100px; border:50px solid transparent; border-top-color: #49a96c; -webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.ysBox li .more i{position: absolute; width: 16px; height: 16px;left: -10px;top: -40px;transform: rotate(135deg);}
.ysBox li .more i:before,
.ysBox li .more i:after{position: absolute; content: ''; background: #fff;}
.ysBox li .more i:before{width: 100%; left: 0; height: 2px; top: 50%; margin-top: -1px;}
.ysBox li .more i:after{ left: 50%; width: 2px; margin-left: -1px; top: 0; height: 100%;}
.ysBox li .txt{margin: auto; top: 20%; left: 0; right: 0; width: 90%; max-width: 320px;opacity: 0; -webkit-opacity: 0; -webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.ysBox li .txt .dot{font-size: 34px;line-height: 1.2;}
.ysBox li .txt .dot a{color: #fff;}
.ysBox li .txt p{margin-top:10px; line-height: 28px;overflow: hidden; font-size: 16px; text-align: justify;}
.ysBox li .icon{left: 0; right: 0; margin: auto; top: 50%;transform: translateY(-50%); max-width: 247px; width: 70%;}
.ysBox li .icon .inner{position: absolute; left: 0; width: 100%; top: 50%;transform: translateY(-50%); text-align: center;}
.ysBox li .icon > img{display: block; margin: 0 auto;width: 100%;}
.ysBox li .icon .inner img{width: 28%; max-width: 70px;}
.ysBox li .icon .dot{font-size: 22px; line-height: 24px; margin-top: 10px;}
.ysBox li:hover:before{ opacity: 0.8;-webkit-opacity: 0.8;}
.ysBox li:hover .Ispic{transform: scale(1.15);}
.ysBox li:hover .more{right:-55px; top:-55px;}
.ysBox li:hover .txt{opacity:1; transform: scale(1);}
.ysBox li:hover .line i.l,
.ysBox li:hover .line i.r{opacity: 1;-webkit-opacity: 1;}
.ysBox li:hover .line i.l{width:42.708%; }
.ysBox li:hover .line i.r{width:61.458%;}
.ysBox li:hover .icon{opacity:0;transform:translateY(-50%) scale(0);}

@media only screen and (max-width:1024px){
.ysBox li .txt .dot {font-size:26px;}
.ysBox li .txt p{font-size:14px;line-height:1.5;}
}
@media only screen and (max-width:640px){
.ysBox ul{flex-wrap: wrap;}
.ysBox li{width:100%}
}




/*NEWS*/
.home_news{padding-top:80px;padding-bottom:100px;overflow: hidden;background:#F5F5F5;}
.hnewBox{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;}
.hnew_c {width:33.33%;padding-right:30px;border-right: 1px solid #ddd;}
.hnew_c .inews-img{display: block;max-height:280px;overflow: hidden;}
.hnew_c .inews-img img{width:100%;display: block;}
.hnew_c ul{margin-top:20px;}
.hnew_c li{padding-bottom: 10px;font-size:16px;}
.hnew_c li a{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.8s;}
.hnew_c li em{color: #999;font-family:"Times New Roman";padding-left: 10px;float: right;}
.hnew_c li a:hover{text-decoration: underline;color: #008E38;}

.hnew_b{width:66.66%;padding-left:30px;} 
.hnew_b dl{max-height:280px;overflow: hidden;}
.hnew_b dt{width:50%;float: left;overflow: hidden;}
.hnew_b dt img{width:100%;display: block;padding-right:40px;}
.hnew_b dd{width:50%;float: left;overflow: hidden;padding-left: 12px}
.hnew_b dd h4{font-weight: normal;}
.hnew_b dd h4 a{color: #333;font-size: 16px;transition: 0.8s;}
.hnew_b dd .time{padding:10px 0;color: #999;font-family:"Times New Roman";font-size:16px;}
.hnew_b dd p{line-height: 2;color:#878787;font-size:16px;}
.hnew_b dd h4 a:hover{text-decoration: underline;color: #008E38;}

.hnew_b ul{margin-top:20px;}
.hnew_b li{width: 50%;float: left;padding-bottom: 10px;font-size:16px;}
.hnew_b li:nth-child(2n) {padding-left:12px;}
.hnew_b li a{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.8s;}
.hnew_b li em{color: #999;font-family:"Times New Roman";padding-left: 10px;float: right;}
.hnew_b li a:hover{text-decoration: underline;color: #008E38;}

@media only screen and (max-width:960px){
.hnew_c {width:100%;padding-right:0;border-right:none;margin-bottom: 30px;}
.hnew_b {width:100%;padding-left:0;}
}
@media only screen and (max-width:499px){
.hnew_b dl{max-height: none;}
.hnew_b dt{width:100%;float: none;margin-bottom:10px;}
.hnew_b dt img{padding-right:0;}
.hnew_b dd p{line-height:1.5;font-size:14px;font-weight:300;}
.hnew_b dd{width:100%;float: none;padding-left:0;}
.hnew_b li{width:100%;float: none;}
.hnew_b li:nth-child(2n) {padding-left:0;}
}



/*SERVICE*/
.home_service{padding-top:100px;padding-bottom:100px;overflow: hidden;}
.serBox{display: flex;justify-content:space-between;align-items: center;}
.serBox .serline{width:32%;}
.serBox .serline em{display: block;font-size:40px;color:#49a96c;font-weight: bold;line-height:1.2;margin-bottom: 10px;letter-spacing: 1px;}
.serBox .serline p{display: block;font-size: 18px;line-height: 25px;color: #040404;letter-spacing: 1px;}
.serBox .serline i{display: block;font-size: 50px;color: #b2b2b2;text-transform: uppercase;font-weight: bold;line-height: 1.0;font-family: Arial;margin-bottom: 20px;}
.serBox .serline a{display: block;width: 150px;height: 40px;border-radius: 6px;background: #49a96c;font-size: 16px;text-align: center;line-height: 40px;color: #fff;margin-top: 50px;}
.serBox .serline .himg{display: block;margin-top: 30px;}
.serBox .serline .himg img{display: block;margin: auto;}
.serBox .sercontent{width:63%;}
.serBox .sercontent dl{width: 49.368%;overflow: hidden;position: relative;margin-bottom: 16px;float: left;}
.serBox .sercontent dl:nth-child(2n) {float: right;}
.serBox .sercontent dl dt{ position:relative;}
.serBox .sercontent dl dt span{width: 100%;font-size: 26px;font-weight:bold;color:#fff;background: rgb(73, 169, 108, 0.8);display:block;padding: 15px 20px;height: auto;text-align:center;line-height: 1.0;position:absolute;bottom: 0;left: 0;}
.serBox .sercontent dl dt img{ display:block; width:100%;}
.serBox .sercontent dl dd{ display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(73,169,108,0.8); text-align:center; transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.serBox .sercontent dl dd span{ display:none;font-size:28px; font-weight:bold; color:#fff; padding:15% 0 6%; position:relative;}
.serBox .sercontent dl dd span:before{ content:""; position:absolute; bottom:0; left:50%; width:40px; height:3px; background:#fff; margin-left:-20px;}
.serBox .sercontent dl dd p{ margin:5% 5% 0 5%; font-size:15px; line-height:30px; color:#fff; display:none;}
.serBox .sercontent dl:hover dt span{ display:none;}
.serBox .sercontent dl:hover dd{ height:100%;}
.serBox .sercontent dl:hover dd span,.serBox .sercontent dl:hover dd p{ display:block;}

@media only screen and (max-width:960px){
.serBox{display:block;}
.serBox .serline {width:100%;margin-bottom:20px}
.serBox .sercontent{width:100%;}
}
@media only screen and (max-width:499px){
.serBox .sercontent dl dt span{font-size:18px;padding:5px 10px;}
.serBox .sercontent dl dd span{font-size:18px;}
.serBox .sercontent dl dd p{font-size:14px;line-height: 1.2;}
}


/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
.nybanner{margin-top:110px;}
.nybanner .nyban{position:relative;text-align:center;overflow:hidden;}
.nyban-info{position: absolute;left: 50%;top: 50%;opacity: 0;animation: headertn 1.2s ease-in-out 1s forwards;}
.nyban-info h1{font-size:50px;color: #fff;letter-spacing:5px;font-weight: bold;line-height:1.2;border-top:4px double #999;border-bottom:4px double #999; padding-top:15px;padding-bottom:15px; margin-top:15px;margin-bottom:15px;}
.nyban-info p {font-size:18px;color: #eee;letter-spacing: 4px;}
.large-header {width: 100%;min-height:600px;opacity: 0;animation: headerimg 2s ease 0s forwards;}

.breav-nav .location {font-size:17px;color:#FFFFFF;margin-top:10px;line-height:30px;opacity:0.86;letter-spacing: 1px;}
.breav-nav .location a{color:#FFFFFF;}
.breav-nav .location span{padding-left:8px;padding-right:5px;}

@keyframes headertn { 
	from {transform:translate(-50%, 0);z-index:0;opacity:0;} 
	to {transform:translate(-50%, -50%);opacity:1;z-index:1} 
}
@keyframes headerimg { 
	from {transform:scale(1.1);opacity:0;} 
	to {transform:scale(1);opacity:1;} 
}

@media only screen and (max-width:1024px){
.nybanner{margin-top:60px;}
}
@media only screen and (max-width:768px){
.nyban-info h1{font-size:30px;}
.nyban-info p{font-size:15px;}
.breav-nav .location{font-size:14px;}
.large-header{min-height:300px;object-fit: cover;}
}
@media only screen and (max-width:499px){

}


/*二级栏目*/
.sub_muen {width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #f0f0f0;overflow-x: auto;}
.sub_muen ul li {display:inline-block;height:100px;padding:0px 40px;}
.sub_muen ul li a {display:block;height:100px;line-height:100px;font-size:16px;font-weight:bold;color:#333;position:relative;}
.sub_muen ul li a:hover {color:#49a96c;}
.sub_muen ul li.cur a {color:#49a96c;}
.sub_muen ul li a::after {content:"";position:absolute;left:0px;bottom:0px;width:0px;height:5px;background-color:#49a96c;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:768px){
.sub_muen ul li{height:50px;padding: 0px 20px;}
.sub_muen ul li a{height:50px;line-height:50px;}
}


/*article*/
.ny-title {margin-bottom:50px;text-align: center;}
.ny-title h3 {font-size:36px;text-transform: capitalize;color: #222;line-height: 1.6;font-weight: bold;letter-spacing: 1px;}
.ny-title p {text-transform: uppercase;font-family: "Arial";font-size: 18px;color:#49a96c;line-height: 1.2;}


/*关于我们*/
.ny-about {width: 100%;padding:80px 0;overflow: hidden;}
.ny-about .about_max {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ny-about .about_max .abbox1_wz{width:46%;}
.ny-about .about_max .abbox1_wz .abbox1_wz_title {margin-bottom:50px;position: relative;}
.ny-about .about_max .abbox1_wz .abbox1_wz_title:after{position: absolute;content:"";width:60px;height:3px;background: #49a96c;left:0;bottom:-10px;}
.ny-about .about_max .abbox1_wz .abbox1_wz_title h3{font-size:36px;color:#222;line-height:1.5;letter-spacing:1px;}
.ny-about .about_max .abbox1_wz .abbox1_wz_title em{display:block;font-size: 16px;color: #bdbdbd;line-height:1.5;font-weight: 300;text-transform: uppercase;}
.ny-about .about_max .abbox1_wz .abbox1_wz_nr p {font-size:16px;line-height:2.0;color: #666;margin-bottom:10px;}
.ny-about .about_max .abbox1_img{width:50%;}
.ny-about .about_max .abbox1_img img{display:block;}

.ny-abcn{width: 100%;padding:80px 0;overflow: hidden;background:url(../images/nabout_bg.jpg)no-repeat center;background-size: cover;}
.ny-abcn .ny-title h3{color:#FFF;}
.ny-abcn .ny-title p{color:#FFF;opacity:0.78}
.ny-abcn .abcn_max{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ny-abcn .abcn_max .abbox2_img{width:30%;}
.ny-abcn .abcn_max .abbox2_wz{width:65%;}
.ny-abcn .abcn_max .abbox2_wz p{font-size:16px;line-height:2.0;color: #FFF;margin-bottom:10px;text-indent: 2em;text-align: justify;letter-spacing: 1px;}

.ny-culture{padding:80px 0;overflow: hidden;background:#F5F5F5;}
.ny-culture .nabwhbox{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ny-culture .abwh-hui1{width:50%;}
.ny-culture .abwh-hui1 img{display: block;}
.ny-culture .abwh-hui2{width:50%;}
.ny-culture .abwh-hui2 .whbox-np{padding-left: 50px;}
.ny-culture .abwh-hui2 .whbox-np h5{display: block;font-weight: normal;font-size: 18px;line-height: 35px;}
.ny-culture .abwh-hui2 .whbox-np ul{margin-top:50px;}
.ny-culture .abwh-hui2 .whbox-np ul li{line-height:30px;font-size:17px;overflow: hidden;margin-top:50px;}
.ny-culture .abwh-hui2 .whbox-np ul li i{float:left;display:block;font-size:30px;font-weight:normal;background:#49a96c;width: 70px;height: 70px;text-align: center;line-height:70px;border-radius: 50%;color: #fff;margin-right: 20px;}
.ny-culture .abwh-hui2 .whbox-np ul li span{display: block; font-size:16px;line-height:26px;}
.ny-culture .abwh-hui2 .whbox-np ul li span b{font-size:20px;line-height:30px;font-weight: bold;display: block;}

.ny-huanjin{padding:80px 0;overflow: hidden;background:#FFF;}
.ny-huanjin .qyfclist{width:100%;height: auto;overflow: hidden;}
.ny-huanjin .qyfclist li{width:33.33%;float: left;overflow: hidden;}
.ny-huanjin .qyfclist li a{display: block;padding:0 10px 20px 10px;overflow: hidden;}
.ny-huanjin .qyfclist li .nimg {height:auto;padding-top:68%; overflow: hidden;border:1px solid #dddddd;background-size:cover!important;}
.ny-huanjin .qyfclist li .text {padding:15px 10px;background:#f1f1f1;}
.ny-huanjin .qyfclist li .text .title{color:#666;line-height:28px;font-size: 16px;transition:all 0.5s;letter-spacing: 1px;font-weight:normal;text-align:center;}
.ny-huanjin .qyfclist li:hover .text{background:#49a96c;transition:all ease 600ms;}
.ny-huanjin .qyfclist li:hover .text .title{color:#FFF;transition:all ease 600ms;}
.qyfc-more {margin-top: 20px;}
.qyfc-more a{display: block;width: 250px;height: 50px;line-height: 50px;background:#49a96c;border-radius: 25px;color: #FFF;text-align: center;font-size: 16px;margin: auto;}
.qyfc-more a:hover{background:#519ac0;}

@media only screen and (max-width:860px){
.ny-about .about_max .abbox1_wz {width:100%;}
.ny-about .about_max .abbox1_img {width:100%;}
.ny-abcn .abcn_max .abbox2_img {width:100%;text-align: center;margin-bottom:15px;}
.ny-abcn .abcn_max .abbox2_wz {width:100%;}
.ny-culture .abwh-hui1 {width:100%;margin-bottom: 20px;}
.ny-culture .abwh-hui2 {width:100%;}
.ny-culture .abwh-hui2 .whbox-np {padding-left:0;}
}




/*IMGLIST*/
.imglist{}
.imglist li{float: left;overflow: hidden;width:24%;margin:0 0.5% 1% 0.5%;box-shadow: 0px 0px 10px #eee;text-align: center;}
.imglist li .hpimg{width: 100%;overflow: hidden;transition: 0.6s;position: relative;}
.imglist li .hpimg a img{width:100%;overflow:hidden;transition:0.6s;}
.imglist li .hpimg a:before,
.imglist li .hpimg a:after{content: '';width: 100%;height: 100%;position: absolute;transition: 0.6s;z-index: 333;}
.imglist li .hpimg a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.imglist li .hpimg a:after{background: url(../images/hover-link.png) no-repeat center;transform: scale(0);top: 0;left: 0;}
.imglist li:hover .hpimg a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.imglist li:hover .hpimg a:after{transform: scale(1);transition: 0.6s;}
.imglist li:hover .hpimg img{transform:scale(1.1);transition:0.6s;}
.imglist li .hptxt{display: block;line-height: 60px;font-size: 16px;padding:0 10px;transition: 0.6s;}
.imglist li .hptxt a{display: block;color:#333;}
.imglist li:hover .hptxt{background:#49a96c;}
.imglist li:hover .hptxt a{color:#FFF;}

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




.graybg {background: #f5f5f5;}
/*NEW WEB*/
.newlist {margin: 0;overflow: hidden;}
.newlist li{width:100%;margin-bottom:30px;background: #FFF;padding: 30px 30px;float: left;}
.newlist li a {height:auto;display: flex;justify-content: space-between;align-items: center;transition:0.5s ease;}
.newlist li .newimg {display:block;width: 300px;height:100%;vertical-align: middle;overflow: hidden;position:relative;}
.newlist li .newimg img {width:100%;display: block;transition:0.5s ease;}
.newlist li .newimg .time{position:absolute;top:0;left:0;background:rgba(0,0,0,0.28);padding:10px;color:#FFF;transition:0.5s ease;}
.newlist li .newimg .time i{display:block;font-size:22px;}
.newlist li .newimg .time font{display:block;font-size:15px;text-align:center;}
.newlist li .newnr {width: calc(100% - 330px);display:block;vertical-align:middle;}
.newlist li .newnr h5{color:#222;font-size:20px;height:36px;line-height:36px;font-weight:normal;transition:0.5s ease;}
.newlist li .newnr em{display:block;font-size:16px;line-height: 1.8;color:#49a96c;padding: 0px;margin-top:10px;font-weight:bold;}
.newlist li .newnr p{color:#666; margin: 10px 0;font-weight: 300;letter-spacing: 1px;}
.newlist li .newnr .more{display:block;line-height:36px;width:125px;height:36px;color:#fff;background:#49a96c;text-align:center;}
.newlist li .newnr .more span{transition:0.5s ease;display:block;font-size: 12px;}
.newlist li:hover .newimg img{transform: scale(1.08);}
.newlist li:hover .newimg .time{background: rgb(66, 134, 115, 0.5);}
.newlist li:hover .newnr h5{color:#49a96c;text-decoration: underline;}

@media only screen and (max-width:1024px){
.newlist li{width:100%;}
}
@media only screen and (max-width:1024px){
.newlist li .newimg{width:40%;}
.newlist li .newnr {width:55%;}
}
@media only screen and (max-width:499px){
.newlist li a{display: block;}
.newlist li .newimg{width:100%;}
.newlist li .newnr {width:100%;}
.newlist li .newnr h5{font-size:16px;}
.newlist li .newnr p{font-size:13px;}
}


/*PRODUCTS*/
.prolist{}
.prolist li{width: 25%;float: left;display: block;padding:8px 8px;}
.prolist li a{display: block;padding:12px 15px;border: 1px solid #dedede;transition: all 0.8s;}
.prolist li .nimg{overflow:hidden;}
.prolist li .nimg img{display: block;width:100%!important;margin: 0 auto;transition: all 0.8s;}
.prolist li .ntbox{font-size:16px;text-align:center;font-weight:normal;height:auto;line-height:32px;padding:20px 20px;border-top: 1px solid #ebebeb;}
.prolist li:hover a{box-shadow: 0 0 10px rgb(0, 0, 0, 0.22);}
.prolist li:hover .nimg img {-webkit-transform: scale(1.2);transform: scale(1.2);}

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



/*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;letter-spacing: 2px;}
.proxlitem .pro-box p{font-size:20px;font-family: "Arial";line-height:1.2;color: #bfbfbf;}
.proxlitem .pro-box .xqdesc{font-size:16px;line-height:1.6;color: #666;margin-top:20px;}
.proxlitem .pro-box .more{margin-top:30px;}
.proxlitem .pro-box .more a{display: block;border: 1px solid #ececec;background: #49a96c;color: #fff;font-size:15px;line-height:40px;width: 220px;text-align: center;}
.proxlitem .pro-list{padding:60px 0;background: #f5f5f5;overflow: hidden;}
.proxlitem .pro-list li{width:24%;float:left;margin-right:1.333%;margin-bottom:30px;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: 16px;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:rgb(8,139,66, 0.5);}

@media only screen and (max-width:768px){
.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;}
}


/*分页样式*/
.pglist {padding: 40px 0 80px 0;width: 100%;text-align: center;clear: both;}
.pglist a, .pglist span {color: #828282;padding: 6px 20px;margin: 3px 0px;background:#fff;border:1px solid #edebeb;font-size: 15px;border-radius: 3px;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 36px;padding-bottom:1px;}
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background:#49a96c;border-color:#49a96c;}
.pageinfo{display:none;}
/*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:#49a96c;text-decoration:underline;}



/*详情页*/
.nrcompany{width: 100%;margin: auto; overflow: hidden;}
.nrcompany h1 {text-align: center;padding-bottom:16px;font-size: 26px;line-height:1.5;color:#222; font-weight: normal;}
.nrcompany .met-editor {border-bottom: #eee solid 1px;padding-bottom:28px;text-align: center;font-size: 15px;color: #999;}
.nrcompany .xwzy {font-size:15px;color:#8c8c8c;line-height:26px;margin-top:30px;background:#f5f5f5;padding:20px 28px;text-align:justify;letter-spacing:1px;}
.nrcompany .nrxqzy {font-size:15px;padding: 50px 0;margin-bottom: 60px;line-height:2;text-align: justify;}
.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:#0095d9;color: #fff;border:0;transition:all .2s linear;}
.nrcompany .share i{font-size: 17px;margin-left: 15px;transition: margin 300ms;}


/*详情页*/
.ngraybg{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.side_left {width: calc(100% - 410px);background: #fff;padding: 60px 50px;}
.side_right{width: 400px;background: #fff;}
.side_right .newslb-list {background: #fff;padding:30px 40px;}
.imglb-list{background: #fff;padding:30px 40px;margin-top:10px;}

/*新闻推荐*/
.news-list-md {width: 100%;background: #fff;}
.news-list-md .title {font-size:22px;color: #000;line-height: 30px;}
.news-list-md ul{width:100%;height:auto; display:block;overflow: hidden;margin-top:25px;}
.news-list-md ul li{width: 100%;margin-bottom:12px;padding-bottom:12px;border-bottom: 1px solid #f3f3f3;}
.news-list-md ul li a{display: block;transition:0.6s;}
.news-list-md ul li h2{font-weight: normal;/*margin-bottom:4px;*/font-size: 16px;height:auto;line-height:24px; overflow: hidden;color: #34364b;transition:0.6s;}
.news-list-md ul li h2 i{float: left;font-size:15px;color: #fff;width: 24px;height: 24px;line-height: 24px;background: #b5b5b5;display: block;text-align: center;font-weight: normal;margin-right: 8px;border-radius: 3px;}
.news-list-md ul li .nimg{max-height:160px;overflow: hidden;margin:10px 0;display:none;}
.news-list-md ul li .nimg img{display: block; width:100%;}
.news-list-md ul li:nth-child(1) h2 i{background:#49a96c;}
.news-list-md ul li:nth-child(2) h2 i{background:#49a96c;}
.news-list-md ul li:nth-child(3) h2 i{background:#49a96c;}
.news-list-md ul li:nth-child(1) .nimg{display:block;}
.news-list-md ul li:nth-child(2) .nimg{display:block;}
.news-list-md ul li:nth-child(3) .nimg{display:block;}
.news-list-md ul li p{font-size:16px;line-height: 30px;color: #a5a5ab;transition:0.6s;display: none;}
.news-list-md ul li a:hover h2{color: #49a96c;}
/*产品推荐*/
.img-list-md {width: 100%;background: #fff;}
.img-list-md .title {font-size:22px;color: #000;line-height: 30px;}
.img-list-md ul{width:100%;height:auto; display:block;overflow: hidden;margin-top:25px;}
.img-list-md ul li{width:25%;height: auto;float: left;padding: 5px;margin-bottom: 5px;overflow: hidden;}
.img-list-md ul li a{display: block;position: relative;border:1px solid #e6e6e6;}
.img-list-md ul li .timg{width:100%;height:auto;overflow: hidden;}
.img-list-md ul li .title {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;padding: 0 15px;background: rgba(0,0,0,0.3);font-size: 16px;line-height: 55px;color: #fff;}

@media only screen and (max-width:1024px){
.side_left {width: calc(100% - 290px);padding:30px 30px;}
.side_right {width: 280px;}
.side_right .newslb-list{padding:30px 30px;}
.imglb-list{padding:30px 30px;}
}
@media only screen and (max-width:820px){
.side_left {width:100%;}
.side_right {width:100%;margin-top:10px;}
.img-list-md ul li{width:50%;}
}
@media only screen and (max-width:499px){
.news-list-md ul li h2{font-size:15px;}
.img-list-md ul li .title{font-size:13px;line-height:35px;padding:0 5px;}
}





/*MESSAGE*/
.message{padding-bottom:50px;overflow: hidden;}
.add-msg-form{max-width:800px ; margin: auto; padding:10px 50px;overflow: hidden;}
.add-msg-form .input-group, 
.add-msg-form .input-tarea, 
.add-msg-form .yanzm{margin-bottom: 20px;width:100%;display:block;}
.add-msg-form .input-group:after, 
.add-msg-form .input-tarea:after, 
.add-msg-form .yanzm:after{ display: block; content: ''; clear: both; }
.add-msg-form .input-group label, 
.add-msg-form .input-tarea label, 
.add-msg-form .yanzm label{width: 80px;margin-right: 20px; height: 56px;line-height: 56px; font-size: 16px;display:block;float: left;text-align-last: justify;color:#222222;}
.add-msg-form .input-group input{width:calc(100% - 100px);border: 1px solid #ddd;line-height:56px;height:56px;text-indent: 1em;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius: 5px;}
.add-msg-form .input-group input:focus {box-shadow: 0 0 5px #f5ca24; border: 1px solid #f5ca24; }
.add-msg-form .input-tarea textarea {width:calc(100% - 100px);border: 1px solid #ddd;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius: 5px;padding: 15px;line-height: 30px; min-height: 150px;resize: vertical;overflow: auto;}
.add-msg-form .input-tarea textarea:focus {box-shadow: 0 0 5px #f5ca24; border: 1px solid #f5ca24; }
.add-msg-form .yanzm {margin-bottom: 20px;width:100%;display:block;}
.add-msg-form .yanzm input{width:150px;border: 1px solid #ddd;line-height:56px;height:56px;text-indent: 1em;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius: 5px;}
.add-msg-form .yanzm input:focus {box-shadow: 0 0 5px #f5ca24; border: 1px solid #f5ca24; }
.add-msg-form .yanzm img{border: 1px solid #f3efef;width:auto;height:36px;}
.tjbtn{text-align: center;}
.tjbtn input{border: none;background:#49a96c;border-radius: .25em;padding: 16px 30px;color: #ffffff;cursor: pointer;margin-top: 30px;}

@media only screen and (max-width:768px){
.add-msg-form{padding:10px 10px;}
}



/*联系我们*/
.conlianxi{overflow: hidden;}
.conlianxi .content{width:48%;float: left;}
.conlianxi .content li{color:#999;line-height:24px;margin-bottom:38px;}
.conlianxi .content li h4{font-size:30px;line-height:1.0; font-weight: normal;color: #222;}
.conlianxi .content li p i{margin-right:10px;font-size:22px;}

.conlianxi .content li p em{font-size:16px;}
.conlianxi .content li .p1{font-size:20px;margin-top:10px;color:#333;}
.conlianxi .MapBox{float: right;width:48%;overflow: hidden;}

.contact-message{padding-top:80px;padding-bottom:100px;overflow:hidden;background:url(../images/ncontact_bg.jpg)no-repeat center;background-size:cover;}
.contact-message .ny-title p{color:#e1ffec;}
.contact-message .ny-title h3{color:#FFF;}
.addmesge-form{overflow: hidden;}
.addmesge-form .input-group{width:33.33%;padding:10px 10px;float: left;position: relative;}
.addmesge-form .input-group label{position:absolute;right:25px;top:30px;color:#de0000;}
.addmesge-form .input-group input{width:100%;border:1px solid #efefef;line-height:68px;height:68px;font-size: 16px;transition: 300ms;outline: none;padding:10px 30px 10px 20px;border-radius: 3px;}
.addmesge-form .input-tarea{width:100%;float:left;padding:10px 10px;}
.addmesge-form .input-tarea textarea{width:100%;font-size: 16px;border:1px solid #efefef;transition: 300ms;outline: none;border-radius:3px;padding:10px 20px;line-height: 30px; min-height: 150px;resize: vertical;overflow: auto;}
.addmesge-form .tijiaobtn {display: block;width: 100%;padding: 10px 10px;float: left;}
.addmesge-form .tijiaobtn input{width:100%;height:56px;overflow: hidden;display: block;background:#e58e34;text-align: center;color: #FFF;border-radius: 3px;font-size:16px;}

@media only screen and (max-width:768px){
.conlianxi .content{width:100%;float:none;}
.conlianxi .content li h4{font-size:22px;}
.conlianxi .content li .p1{font-size:18px;}
.conlianxi .MapBox{width:100%;float:none;}
.addmesge-form .input-group{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:16px;color:#6f6f6f;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%;}
}






/***************en**********************/
#en .hcnxt-side li .bg-line{line-height:1.5;padding:12px 10px;}
#en .nyban-info p {letter-spacing:0;}
#en .proxlitem .pro-box h2{letter-spacing:0;font-size:30px;}
#en .ny-about .about_max .abbox1_wz .abbox1_wz_nr p{line-height:1.8;}
#en .ny-abcn .abcn_max .abbox2_wz p{line-height:1.5;}
#en .sub_muen ul li a{font-weight:normal;}
#en .ny-title h3{letter-spacing:0;}