@charset "utf-8";
/* CSS Document */
/*index*/
.dabsy_bt {text-align: center;height:auto;line-height: 40px;position: relative;}
.dabsy_bt h3{font-size: 40px;font-weight: bold;position: inherit;z-index:2;text-transform: uppercase;}
.dabsy_bt span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 5px 0 0;}
.dabsy_bt p{text-transform: uppercase;font-size:72px;font-weight: bold;color: #d0d0d0;position: absolute;z-index:1;top: 0;width: 100%;font-family: 'Arial';letter-spacing:-2px;opacity: 0.3;}
.dabsy_bt p i{color: #2f7d70;}

@media only screen and (max-width:767px) {
.dabsy_bt h3{font-size:32px;}
.dabsy_bt p{font-size:50px;}
}



/*PRODUCT*/
.home_product{padding-top: 80px;padding-bottom: 80px;overflow: hidden;background: url(../images/index_bg2.jpg) no-repeat center 0;background-size: cover;}
.hpro_boxcon {margin-top: 30px;}

.hpro_menu{padding:30px 10px 30px 50px;overflow: hidden;border:1px solid #08584b;background:#2f7d70;position: relative;}
.hpro_menu ul li{width: 20%;float: left; }
.hpro_menu ul li a{display:block;font-size:16px;line-height:50px;position:relative;padding-left:18px;color:#FFF;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.hpro_menu ul li b{padding-right:10px;}
.hpro_menu ul li a:before {content: "";position: absolute;width: 5px;height: 5px;border-radius: 100%;left: 0;border: solid 2px #d8d8d8;top: 20px;}
.hpro_menu:after {content: "";position: absolute;width:calc(100% - 20px);height:calc(100% - 20px);border: solid 1px rgba(255, 255 , 255, 0.4);left: 9px;top: 9px;z-index: 0;}

.hpro_list{margin-top: 30px;}
.hpro_list ul li{width:25%;float: left;display: block;margin-bottom:10px;}
.hpro_list li a{display: block;padding:0 5px; }
.hpro_list li .hpimg{border:1px solid #ececec;overflow: hidden}
.hpro_list li .hpimg img{display: block;width: auto;margin: 0 auto;}
.hpro_list li .hptxt{height:70px;line-height:70px;padding:0 20px;background:#ececec;text-align:center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.hpro_list li .hptxt h5{background:url(../images/pro_yuan.png) no-repeat right 28px;color:#333;font-size:16px;font-weight:normal;}
.hpro_list li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}
.hpro_list li:hover .hptxt{background: #2f7d70;transition: all 0.8s;}
.hpro_list li:hover .hptxt{background: #008753;}
.hpro_list li:hover .hptxt h5{color:#FFF;}

@media only screen and (max-width:890px) {
.hpro_menu ul li{width: 25%;}
}
@media only screen and (max-width:768px) {
.hpro_menu ul li{width: 33.33%;}
.hpro_list ul li{width: 50%;}
}
@media only screen and (max-width:400px) {
.hpro_menu{padding: 30px;}
.hpro_list ul li{width:100%;}
}



/*ADVANTAGE*/
.home_advantage{padding-top:60px; overflow: hidden;}

.had_box{margin-top:50px;clear:both;line-height:28px;font-size:16px;overflow: hidden;z-index: 1;color: #666;}

.adge {height:430px;display: block;overflow: hidden;}
.adge_p {height:430px;display: block;width: 50%;}
.adge_w {width: 46.98%;}
.adge_wc {width: 544px;padding: 68px 0 0;}
.adge_t p{height:auto;margin-bottom: 20px; font-size:32px;color: #2f7d70;;line-height: 40px;}

.adge_wc li {position: relative;padding-bottom:18px;color:#868686;}
.adge_wc li em{color: #2f7d70;padding-right:8px;}

@media only screen and (max-width:1199px) {
.adge_p {background-size: cover!important;}
.adge_w{width: 46%;margin-left: 2%;margin-right: 2%;}
.adge_wc{width: 100%;}
}
@media only screen and (max-width:767px) {
.adge_wc{padding-top: 38px;}
}
@media only screen and (max-width:639px) {
.adge{height: auto;}
.adge_p{width: 100%;height: 399px;}
.adge_w{width: 94%;margin-left: 3%;margin-right: 3%;}
.adge_wc {padding-top: 30px;padding-bottom: 30px;}
}



/*ABOUT*/
.home_about{padding-top:80px;padding-bottom:100px;overflow: hidden;background: url(../images/index_bg1.jpg) no-repeat center 0;background-size: cover;}
.hab_box{width: 100%;height: auto; overflow: hidden;margin-top: 30px;}
.hab_zz{width: 380px;float:right;}
.hab_zz .zzlist{position: relative;}
.hab_zz .zzwz{height: 138px;padding-top: 10px;}
.hab_zz .zzwz li{float:left;width: 134px;font-size: 56px;color: #222}
.hab_zz .zzwz li span{display: block;font-size: 18px;}
.hab_zz .zzwz li i{width: 24px;height: 24px;background: #167146;border-radius: 50%;text-align: center;line-height: 24px;font-size:15px;color: #fff; display: inline-block;position: relative;top: -5px;font-style: normal;}
.hab_zz .zzwz .lastli{width: 240px}
.hab_zz .zzbd{background: #FFF;height: 497px;}
.hab_zz .zzbd li{padding: 49px 55px 0;position: relative;height: 448px;overflow: hidden;}
.hab_zz .zzbd li img{width: 250px;height: 333px;border:5px solid #033f1d;transition: all 0.3s linear 0s;}
.hab_zz .zzbd li:hover img{transform: scale(1.06);}
.hab_zz .zzbd li em{position: absolute;left:0;bottom: 0;width:100%;height:60px;line-height: 60px;background: #222;text-align: center;font-size: 15px;color: #fff;}
.hab_zz .zzhd{position: absolute;right:26px;top:466px;}
.hab_zz .zzhd li{float: left;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-left: 10px;}
.hab_zz .zzhd .on{background: #167146;}

.hab_ab{width: calc(100% - 420px);float: left;}
.hab_ab dl dt{width: 100%;height:auto;overflow: hidden}
.hab_ab dl dt img{display: block;width: 100%;}
.hab_ab dl dd{margin-top: 18px;}
.hab_ab dl dd p{font-size: 16px;line-height: 28px;color: #222222;margin-bottom: 30px;text-align: justify;}

@media only screen and (max-width:860px){
.hab_ab {width: 100%;float: none;}	
.hab_zz {width:380px;float: none; margin: auto;}
}
@media only screen and (max-width:380px){	
.hab_zz {width:100%;}
}

/*Number*/
.mumping{height: auto;margin-top: 10px;margin-bottom: 10px;overflow: hidden;}
.mumping .digital li {float: left;/* width:25%; */color: #666;font-size: 14px;padding: 0 36px;box-sizing: border-box;border-right:dashed 1px #ababab;}
.mumping .num_items{height:100px;overflow: hidden;}
.mumping .digital li:nth-child(1) {padding-left:0;}
.mumping .digital li:nth-child(4) {border-right:0;padding-right:0;}
.num_items .num_t{text-align: center;}
.mumping .digital li span {font-family: Times New Roman;font-size: 70px;color: #11695a;display: inline-block;line-height: 70px;font-weight: bold;}
.mumping .digital li i {font-size:18px;color: #333;display: inline-block;width: 35px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;font-weight: 300;}
.mumping .digital li p {display: block;height:20px;line-height: 20px;overflow: hidden;text-align: center;font-size: 18px;}
@media only screen and (max-width:1199px){
.mumping .digital li{padding: 0 26px;}
.mumping .digital li span{font-size:60px;}
.mumping .digital li p{font-size:16px;}
}
@media only screen and (max-width:1090px){
.mumping .digital li{padding: 0 18px;}
.mumping .digital li span{font-size:58px;}
.mumping .digital li p{font-size:14px;}
}
@media only screen and (max-width:1008px){
.mumping .digital li{width: 50%;margin-bottom: 5px;padding: 0;border-right:0;}
.mumping .num_items{margin-right: 5px;background:#ffffff ;}
}
@media only screen and (max-width:600px){
.mumping .digital li span{font-size:40px;}
.mumping .digital li p{font-size:13px;}
}



/*CASE*/
.home_case{padding-top:80px;padding-bottom:100px;overflow: hidden;background:url(../images/index_bg3.jpg) no-repeat center;background-size:cover;}
.hcase_box{overflow: hidden;margin-top:30px;}
.hcase_box li{width: 25%;float: left;display: block;}
.hcase_box li img{display: block;border: 1px solid #ececec;box-sizing: border-box;}
.hcase_box li h5{font-size:16px;text-align: center;font-weight: normal;background: #ececec;color: #000;height: 57px;line-height: 57px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hcase_box li a{position: relative;display: block;padding:0 5px;}
.txtico_h {opacity: 0;-webkit-transform: scale(0.3);transform:scale(0.3);}
.hcase_box li a:hover .txtico_h{opacity:1;-webkit-transform: scale(1);transform:scale(1);-webkit-transition: 600ms;transition: 600ms;}
.txtico_h {background: rgb(48, 126, 113, 0.6);position: absolute;width: 80%;height: 60%;top:10%;left: 10%;}
.txtico_h .more_ico {display: block;position: absolute;left: 50%;top: 42%;margin-top: -34px;margin-left: -34px;width: 68px;height: 68px;background: url(../images/list_ico01.png) 0 0 no-repeat;}
.hcase_box li a:hover h5{color: #2f7d70;text-decoration:underline; /*transition: 600ms;*/}

@media only screen and (max-width:768px){
.hcase_box li{width:50%;margin-bottom:10px;}
}





/*NEW*/
.home_new{padding-top:80px;padding-bottom: 80px;overflow: hidden;}

.inews{position:relative;margin-top:20px;}
.ulWrap .list{width: 100%;height: 360px;}
.ulWrap .list li{display:block;float: left;width:48.5%;height: auto;border:1px solid #ddd;background:#f6f6f6;margin-top:30px;margin-right:2.5%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;box-sizing: border-box;}
.ulWrap .list li:nth-child(2n){margin-right: 0;}
.ulWrap .list li a{display:block;height: 88px;padding: 30px 25px;}
.ulWrap .list li .time{width:66px;height: 83px;overflow: hidden;}
.ulWrap .list li .time .day{font-size:56px;font-family:"arial";color:#999;line-height:50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.ulWrap .list li .time .year{margin-top:8px;font-size:16px;font-family:"arial";color:#666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.ulWrap .list li .title{display:block;margin-left: 84px;}
.ulWrap .list li .title .tit{font-size:20px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.ulWrap .list li .title .cont{margin-top:8px;font-size:14px;color:#666;height: 60px;line-height:20px;overflow: hidden;text-align:justify;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.ulWrap .list li:hover{background:#3da08f;border:1px solid #2f7d70;}
.ulWrap .list li:hover .time .day{color:#c3f5ed;}
.ulWrap .list li:hover .time .year{color:#c3f5ed;}
.ulWrap .list li:hover .title .tit{color:#fff;}
.ulWrap .list li:hover .title .cont{color:#c3f5ed;}
.inews .hd{position:absolute;width:100%;top:100%;}
.LRicon{background: url(../images/LRicon.png) no-repeat;display: inline-block;vertical-align: middle;}
.inews .hd .prev{width:59px;height:59px; background-position:0px 0px;cursor: pointer;position: absolute;top: -200px;left: -80px;transition:all ease 600ms;}
.inews .hd .next{width:59px;height:59px; background-position:-120px 0px;cursor: pointer;position: absolute;top: -200px;right: -80px;transition:all ease 600ms;}
.inews .hd .prev:hover{background-position:-60px 0px;transition:all ease 600ms;}
.inews .hd .next:hover{background-position:-180px 0px;transition:all ease 600ms;}

.minews{display:none;}

@media only screen and (max-width:1300px) {
.inews .hd .prev{left: -30px;z-index:3;}
.inews .hd .next{right: -30px;z-index:3;}
}
@media only screen and (max-width:1199px) {
.inews .hd .prev{left: -20px;}
.inews .hd .next{right: -20px;}
}
@media only screen and (max-width:767px) {
.inews{display: none;}
.minews{display: block}
.minews li{display:block;width:100%;height:auto;border:1px solid #ddd;background:#f6f6f6;margin-top:30px;box-sizing:border-box;}
.minews li a{display:block;height: 88px;padding: 30px 25px;}
.minews li .time{width:66px;height: 83px;overflow: hidden;}
.minews li .time .day{font-size:56px;font-family:"arial";color:#999;line-height:50px}
.minews li .time .year{margin-top:8px;font-size:16px;font-family:"arial";color:#666;}
.minews li .title{display:block;margin-left: 84px;}
.minews li .title .tit{font-size:20px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.minews li .title .cont{margin-top:8px;font-size:14px;color:#666;height: 60px;line-height:20px;overflow: hidden;text-align: justify;}	
}


/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
/* 面包屑 */
.breav-nav{width: 100%;height: 70px;line-height: 70px;overflow: hidden;border-bottom: 1px solid #e6e6e6;background-color: #f5f5f5;box-shadow: 0 2px 5px rgba(0,0,0,0.1);/*text-transform: uppercase;*/}
.location {float:left;max-width:370px;background: url(../images/home.png) left 28px no-repeat;padding-left: 38px;overflow: hidden;color:#8b8989;font-size: 16px;font-weight: 300;}
.location a{color:#8b8989;}

/***************/
.side_left {width:255px;float: left;overflow: hidden;}
.side_right {margin-left:300px;}
/*二、三级导航*/
.submuen{margin-bottom:15px;overflow: hidden;}
.submuen_title{text-align:center;height: 100px;background: #2f7d70;border-top-right-radius:50px;}
.submuen_title h3{font-size: 28px;color: #fff;line-height:1.0;font-weight:normal;padding-top:32px;}
.submuen_nav {background: #f5f5f5;margin-top:3px;margin-bottom: 1px;}
.submuen_nav ul li{line-height: 30px;border-bottom: 2px solid #FFF;font-size: 16px;padding: 15px 0;}
.submuen_nav ul li a{display: block;color: #222;padding-left: 46px;padding-right: 18px; background: url(../images/lnav_p.png) no-repeat 26px center;}
.submuen_nav ul li a.cur, 
.submuen_nav ul li a:hover{color:#2f7d70; background: url(../images/lnav_ph.png) no-repeat 26px center;}

.submuen_nav ul li .level_nav{border-top:2px solid #FFF;}
.submuen_nav ul li .level_nav a{line-height: 45px;height: 45px;padding-left:50px;font-size: 14px;color:#686868;background: url(../images/ico02.png) no-repeat 32px 20px;}
.submuen_nav ul li .level_nav a:hover, .submuen_nav ul li .level_nav a.curre{background: #2f7d70 url(../images/ico02_h.png) no-repeat 32px 20px;color:#ffffff;}

.submuen .tel1{color: #fff;height: 85px;background:#2f7d70;border-bottom-left-radius: 50px;padding-top: 20px;}
.submuen .tel1 .telb{background: url(../images/tel_tip.png) no-repeat 15px;padding-left: 68px;}
.submuen .tel1 span {font-size: 16px;line-height: 1.4;padding-top: 9px;display: block;}
.submuen .tel1 p {font-size: 25px;line-height: 1;color: #ffd126;font-family: 'impact';}

@media only screen and (max-width:768px) {
.side_left {width:100%;float:none;overflow: hidden;}
.side_right {width:100%;margin-left:0;overflow: hidden;}
}




/*NEWLIST*/
.newlist{ }
.newlist ul li {overflow: hidden;transition: all .5s;margin-bottom: 36px;}
.newlist .sl_text {width: 100%;overflow: hidden;}
.newlist .sl_text .t{padding-left: 90px;position: relative;margin-bottom: 20px;}
.newlist .sl_text .t h4{font-size: 22px;height: 40px;line-height: 40px;font-weight: normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.newlist .sl_text .t h4 a{color: #000;}
.newlist .sl_text .t h4 a:hover { color: #2f7d70; }
.newlist .sl_text .t .em{font-size: 12px;line-height: 28px;}
.newlist .sl_text .t .em strong {color: #25211e;font-weight: normal;}
.newlist .sl_text .t .em em {color: #888888;font-style: normal;}
.newlist .sl_text .t .date {position: absolute;left: 0px;top: 0px;background: #b1b1b1;color: #fff;width: 68px;text-align: center;padding:16px 0;}
.newlist .sl_text .t .date strong {font-size: 30px;font-weight: normal;display: block;line-height: 1;margin-bottom: 6px;}
.newlist .sl_text .t .date em {font-size: 12px;font-style: normal;display: block;line-height: 1;}
.newlist .sl_text .des {font-size: 13px;line-height: 22px;height: 44px;color: #888888;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}



/*IMGLIST*/
.imglist{}
.imglist ul li{width:33.33%;float: left;display: block;margin-bottom:10px;}
.imglist li a{display: block;padding:0 5px; }
.imglist li .hpimg{border:1px solid #ececec;overflow: hidden}
.imglist li .hpimg img{display: block;width: auto;margin: 0 auto;}
.imglist li .hptxt{height:70px;line-height:70px;padding:0 20px;background:#ececec;text-align:center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.imglist li .hptxt h5{background:url(../images/pro_yuan.png) no-repeat right 28px;color:#333;font-size:16px;font-weight:normal;}
.imglist li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);transition: all 0.8s;}
.imglist li:hover .hptxt{background: #2f7d70;transition: all 0.8s;}
.imglist li:hover .hptxt{background: #008753;}
.imglist li:hover .hptxt h5{color:#FFF;}

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


/*HONORLIST*/
.honorlist{}
.honorlist li{float: left;width:33.33%;}
.honorlist li a{display: block;padding: 20px 20px 10px;background-color: #565656;-webkit-transition: all 0.5s;transition: all 0.5s;margin:0 10px 40px 10px;position: relative;}
.honorlist li .img-cover {overflow: hidden;position: relative;margin: -20px -20px 0 -20px;padding-top:86%;}
.honorlist li .img-cover span {display: block;width: 100%;background: #F5F5F5 no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.honorlist li .text {line-height: 40px;font-size: 14px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;color: #FFF;}
.honorlist li a:hover {background-color: #2f7d70;color: #fff;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);}
.honorlist li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.honorlist .img-cover {margin: -20px -20px 0 -20px;}
@media only screen and (max-width:979px){
.honorlist li {float: left;width: 50%;}
}
@media only screen and (max-width:600px){
.honorlist li {width:100%;}
}



/*详情*/
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 28px;font-weight: normal;}
.met-editor {border-bottom:#eee solid 1px;padding-bottom: 10px;text-align: center;font-size: 16px;color: #999;font-weight: 300;}
.nrxqzy {font-size: 15px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;}

/*分页样式*/
.pglist {padding:30px 0 15px; width:100%; text-align:center; clear:both;}
.pglist a {color:#666; padding:0 15px; margin:0 3px; background:#fff; border:1px solid #edebeb; }
.pglist * {display:inline-block; vertical-align: middle; line-height: 34px; padding-bottom:1px; }
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background: #2f7d70;border-color: #2f7d70;}

/*reLink*/
.reLink{padding-top: 20px;text-align: center;overflow: hidden;font-size: 15px;border-top: 1px solid #e6e6e6;}
.reLink a{color: #2f7d70;text-decoration: none;}
.reLink a:hover{color:#2f7d70;text-decoration:underline;}


/*联系方式*/
.contact_box{position: relative;border: 4px solid #2f7d70;}
.contact_nr{position: absolute;left: 0;top: 0;bottom: 0;width:28%;padding: 0 30px;background: #2f7d70;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}
.contact_nr h5{margin-bottom:20px;}
.contact_nr p{width: 100%;margin-bottom:20px;}
.contact_map {width: 100%;height: 500px;}

@media (max-width: 980px) {
.contact_nr{position: static;padding: 30px 10px;font-size: 14px;width: 100%;box-sizing: border-box;}
.contact_map {height:300px;overflow: hidden;}
}


/***********************ENGLISH***********************/
/*Number*/
.mumpen .digital li{padding: 0 30px;}
.mumpen .digital li i{font-size: 13px;}
@media only screen and (max-width:1168px){
.mumpen .digital li{padding: 0 20px;}
}
@media only screen and (max-width:1056px){
.mumpen .digital li{padding: 0 10px;}
}
@media only screen and (max-width:1008px){
.mumpen .digital li{padding:0;}
}