.wrap_n{  margin:0 auto 30px ; width:88%; display: table; color:#5e5d5d; min-height:400px; }
.bann{ display: table; width:100%; padding:0px 0 0;}
.bann img{max-width: 100%;}
.bann .ban_wap{ display: none;}

.about{ color:#5e5d5d; width:90%; margin:0 auto; font-size:16px; line-height:2.1; min-height:400px; padding:0 0 60px}
.about hr{ border:1px dashed #fff; height:1px; border-bottom:none;border-left:none;border-right:none}
.ej_bt{ font-size:30px; color:#333333; text-align:center;line-height:32px; font-weight:bolder; margin:40px auto 20px; }


.ab_nav{ text-align:center; margin:0 auto ; display:table; padding:0 0 32px; }
.ab_nav a{ border:1px solid #7d8683; border-radius:25px;   color:#444444; min-width:128px; height:42px; padding:0 15px; font-size:18px;line-height:42px; display: inline-block; margin:0 10px ; text-align:center;}
.ab_nav a:hover,.ab_nav .active{ background:#4fa737;border:1px solid #4fa737; color:#fff; }

.bt1{ width:100%; padding:30px 1.2% 20px 24%; display:table; box-sizing:border-box; line-height:40px; }
.bt1 h1{ font-size:16px; text-transform:uppercase; color:#3e3a39; float:left; }
.bt1 span{ float:right; font-size:16px; color:#3e3a39;}
.bt1 span a{color:#3e3a39; margin:0 0 0 30px;}
.bt1 span a.on{	text-decoration: underline;}
.bt1 span a:hover{ text-decoration: underline;}

.case{ display: table; margin:0 auto; width:100%}
.case dt{display: inline-block; vertical-align: bottom; width: 25%;box-sizing:border-box;}
.bottom-part{width: 100%;font-size: 0; padding:0 ;}
.bottom-part .box{display: inline-block;vertical-align: bottom;width:33.3%;position: relative;overflow: hidden;}
.bottom-part .box:hover{cursor: pointer;}
.bottom-part .box .bg{width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.bottom-part .box:hover .bg{transform: scale(1.1);}
.bottom-part .box .cover{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s; color:#231815}
.bottom-part .box:hover .cover{opacity: 1;}
.bottom-part .box .text{text-align: left;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.bottom-part .box .text .middle-box{display: inline-table;vertical-align: middle;line-height: 1; width:100%; height:100%;}
.bottom-part .box .text .ca_n .ca_bt{ height:108px; line-height:108px;}
.bottom-part .box .text .ca_n .ca_bt img{ width:108px; height:108px; float:left; display:table; margin-right:5px}
.bottom-part .box .text .ca_n .ca_bt h1{ float:left; display:table; background:url(/images/case_jt.png) no-repeat center left; padding-left:40px; font-size:62px;}
.bottom-part .box .text .ca_n{ padding:0 12%; color:#231815;margin-bottom: 1.5rem;transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 0;position: relative;top: 0;}
.bottom-part .box:hover .text .ca_n{margin-bottom: 1.125rem; top:11rem;opacity: 1;}
.bottom-part .box .text .ca_n h2{ margin:20px 0 30px 0; color: #231815; font-size: 38px; font-weight: bolder; display: table; line-height:1;  border-bottom:2px solid #231815; padding-bottom:3px; margin-left:24px;}
.bottom-part .box .text .ca_n h3{ font-size: 20px; line-height: 1.4;  text-decoration: underline; margin-left:24px; max-width:420px; display: table;}
.bottom-part .box .text .bt_b .line{width: 1.25rem;height: 0.125rem;background-color: #fff; margin-bottom:15px;}
.bottom-part .box .text .bt_b{bottom:8%;margin:0 auto; width:86%; font-size:14px; line-height:25px;  padding:10px 7% 0; display: block; color: #fff;transition: all 0.5s;-webkit-transition: all 0.5s;opacity: 0;position: absolute;}
.bottom-part .box .text .bt_b h1{ font-size:20px; width:100%; height:30px; color:#fff; line-height:30px; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bottom-part .box:hover .text .bt_b{color: #fff;background-position: top center;}
.bottom-part .box:hover .text .bt_b{opacity: 1;bottom:8%;}

.xw{ width:100%; display:table; margin:0 auto}
.xw li{ width:100%; border-bottom:1px solid #dfdddd}
.xw li a { width:100%; padding:30px 0; color:#999;line-height:24px; font-size:15px; display:table}
.xw li a h1{ font-size:24px; font-weight:bolder; color:#333; line-height:30px; margin:0 0 10px }
.xw li a p{ width:100%; height:48px;  overflow:hidden}
.xw li a time{ margin:0 0 5px; display:table}
.xw li a:hover h1{ color:#4fa737}

.lx{ width:90%; display:table; margin:0 auto; padding:40px 0}
.lx_t{ width:50%; float:left;}
.lx_t img{ width:100%;}
.lx_w{ font-size:18px; line-height:2; width:45%; float:right; color:#666; padding:30px 0 0}
.lx_wx{ width:120px; display:table; padding:40px 0 0}
.lx_wx img{ width:100%}


.case_n{ width:90%; margin:0 auto; font-size:18px; line-height:36px; color:#3e3a39}
.case_bt{ font-size:28px; color:#595757; font-weight:bolder; line-height:1; padding:0 0 20px}
.case_n img{}

.case_fo{ width:100%;color:#595757;  display:table; padding:30px 0 40px}
.case_fo_gj{ font-size:18px; line-height:34px; padding:0 10px 0 0; display:table; border-bottom:1px solid #727171;border-top:1px solid #727171}
.case_fo_gj a,.case_page dl a{color:#595757; }
.case_page{ width:100%; display:table; padding:10px 0 0 }
.case_page dl{ display:table;font-size:18px; line-height:34px;}


.info1 { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto 20px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}
@media screen and (max-width:1240px) {
.bt1{ width:100%; padding:30px 1.2% 20px 15%;  }
	
}

@media screen and (max-width:1180px) {
.bt1{ width:100%; padding:20px 0;  }
.bottom-part .box{width:50%;}
.lx{ width:92%; margin:0 auto; display:table; padding:20px 0 40px}
.lx_t{ width:100%;}	
.lx_w{ width:100%}

}

@media only screen and (max-width:750px ) {
.bann .ban_pc{ display: none;}
.bann .ban_wap{ display: table;}
.wrap_n{ width:100%}	
.about{ width:92%; font-size:15px; line-height:2;    min-height:300px;    padding: 0 0 30px;}	
.bottom-part .box{width:100%;}
.bt1 span a{ margin:0 5px; line-height:30px; font-size:14px; float: left}
.bt1 h1{ display:table; margin:0 ;text-align:left   float:inherit; padding-left:5px}
.bt1{ width:100%; padding:20px 3%; }
.case{ width:92%;}
.bottom-part .box .cover{ display:none}
.bottom-part .box .text{ display:none}
.info1{ width:max-content; padding:0 20px}
.ej_bt{ font-size:24px; line-height:1.4; padding:0 3%; width:100%; box-sizing:border-box}
.case_n{ font-size:15px; line-height:2}
.ab_nav a{ width:30%; font-size:14px; height:36px; line-height:36px; min-width: inherit; margin:0 1%; padding:0}
.ab_nav{ width:98%;padding: 0 0 20px;}
.xw{ width:92%}
.xw li a h1{ font-size:18px}
.xw li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.xw li a{ font-size:13px; padding:20px 0}
.xw li a p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }


}