body{
		font-size:20px;line-height:150%;
    font-family: "PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

	
	
	padding:0px;
	-webkit-font-smoothing:antialiased;
	margin:0px;letter-spacing:0.05rem; }



ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px; margin:0;padding:0;border:0;outline:0;font-style:normal;  list-style-type:none;}
img{ border:0px;}
a{ color:#000; text-decoration:none; -webkit-transition: all 0.5s;}
a:hover{ color:#000; text-decoration: none; -webkit-transition: all 0.5s;}



.fotter{   padding:20px;width: 50%; overflow:hidden;  text-align:left;color: #999;padding-top: 80px;line-height: 120%;
        }

.fl{ float:left; }

.fr{ width:50%; float:left; }

.dis{display:block;}

.undis{display:none;}

.jianli2{ margin:20px;clear:both;  position:relative;  }
.me2,.me3{  width:100%;  top:20px;display:table;clear: both;text-align: center;}
.me2_l { width:48vw;display:table-cell;vertical-align: middle;}
.me2_l p{width: 60%;margin: 0 auto;font-size: 30px;line-height:130%;}
.me2_r {display:table-cell; width:50%;position: relative;}
.me2_r span,.me3_l span{
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 14px;
  color: #fff;
}
.me2_r img,.me3_l img{width: 100%;filter: grayscale(100%);}
.me3_r { width:48vw;display:table-cell;vertical-align: middle;}
.me3_r p{width: 60%;margin: 0 auto;font-size: 30px;line-height:130%;}
.me3_l {display:table-cell; width:50%;position: relative;}

.m3{float: left;text-align: left;}
.hometu { width:100%; position:relative; margin-top:5%;}
.jianli2_tt{ font-size:40px; line-height:55px;width:70%; float:left; padding-bottom:2%; padding-top:80px; position:relative; z-index:9999999; mix-blend-mode: difference;-webkit-filter: invert(100%);}

.jianli2_tt span {background: linear-gradient(to right, #03fff6 5%, #00ff00 50%);
        -webkit-background-clip: text;
        color: transparent;  } 
.jianli2_tt h3{  float:left; margin-right:20px; font-size:60px; }


.jianli2_tt_r{ width:20%; float:right; text-align:right; position: absolute; top:0; right:0; padding-right:5%; padding-top:5%; z-index:55555;}
.jianli2_tt_r img{ width:80px; }
.jianli2_list{ width:100%; clear:both; overflow:hidden; display:table;}
.jianli2_list  .mel{width: calc(50vw - 30px);float: left;display:table-cell;text-align: justify;}
.jianli2_list  .mel p {margin-bottom: 20px;}
.jianli2_list  .mer {width:100%;display:table-cell;text-align: center;vertical-align: middle;}
.jianli2_list  .mer p{width: 60%;margin: 0 auto;}
.jianli2_list .mer p,.me2_l p,.me3_r p {font-size: 35px;line-height:130%;}
.works_list23{ width:100%;height: 100%; }
.works_list23 ul{ position:relative; width: 100%; column-count: 8; column-gap: 2px; }
.works_list23 h2{
  width: 100%;
    position: -webkit-sticky;
    position: sticky;
    overflow: hidden;
    top: 0px;
    font-weight: 400;
    background-color: #fff;
    background: rgba(255,255,255, 0.85);
    display: block;
    z-index: 999;
    float: none;
    font-size: 25px;
    line-height: 65px;
    height: 65px;
    backdrop-filter: saturate(180%) blur(6px);}
.works_list23 ul li{  position:relative; }


.works_list23  img{ width:100%; margin-bottom:-5px;border-radius:0px;}
.works_list23 a span{ position:absolute; border-radius:0px;display:inline-block;padding: 5px 10px;line-height: 135%;right: 10px;  left:10px; top:10px; opacity:0;-webkit-transition: all 0.5s;backdrop-filter: saturate(180%) blur(6px); }
.works_list23 a:hover span{ opacity:1;-webkit-transition: all 0.5s;background:rgba(250,250,250, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); /*实现IE背景透明*/
}
.works_list23 .heizi span{ }
.chahua_list,.xzhh_list{}


.nhm{
	background-image:url(images/hmbg.jpg);
	background-size:100% 100%;
	background-attachment: fixed; width:100%;padding-bottom:100%; position:fixed; left:0px; top:0px; z-index:-100;
}
.nhm_xzhh{background-image:url(images/xzhhbg.png);padding-bottom:50%;}
.hmtop{ position:fixed; left:0px; top:0px; color:#fff; z-index:9000; }
.hm_cot{ margin-left:5%;width:95%; margin-top:14%;position:relative; z-index:100; background-color:#fff; }
.hm_cot img{ width:100%; }
.xzhh_tk{display:none;}

.xiaoyou_img li{ width:100%; height:auto;}
.wenzi_pb{ padding:3%; padding-left:5%; margin-left:50%;  padding-right:5%; font-size:18px; line-height:28px;  }
.xiaoyou_img .wenzi_pb_l { float:left; width:50%;}


.navv{   position:fixed;left: 20px;top: 20px;right: 20px; z-index:9999999999999; } 
.navv_l{ width:270px;position: fixed;right: 20px;bottom: 20px; }
.navv_l img{ width:100%;}
.navv_r{ float:right; text-align:left; width:50%;line-height: 100%; position:relative;display: flex;
    justify-content: space-between;}
.navv_r span{ position:absolute; right:0px; top:0px; font-size:45px;} 
.navv_r a{ cursor:pointer; height: 26px;
    overflow: hidden; }
.navv_r .work_tab2 {color: #999; }
.navv_r .work_tab1 {}
.xxend{ width:100%; float: left; overflow:hidden; clear:both; margin-bottom:8%; z-index:9999; position:relative;}
.xxend img{ width:100%;}
.xxend_zi{ text-align:left;margin-bottom: 0px; width:50%;font-size: 45px;line-height: 100%; overflow:hidden;}
.xxend_zi a{  margin-right:10px;}
.xxend_zi_l{  overflow:hidden; }

.hm_dua{  padding-top:4%;  overflow:hidden; padding-bottom:7%; }
.hm_dua div{ float:right; width:50%; overflow:hidden; }
.bigzi .xxend_zi_l { font-size:45px; line-height:60px; padding-bottom:2%;}
.home_list ul li{width: 100%;}



* {box-sizing:border-box}

.mySlides {display:none}
/* 幻灯片容器 */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* 下一张 & 上一张 按钮 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.3s ease;
  border-radius: 0 3px 3px 0;
}

/* 定位 "下一张" 按钮靠右 */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* 标题文本 */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* 数字文本 (1/3 等) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* 标记符号 */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* 淡出动画 */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4s;
  animation-name: fade;
  animation-duration: 4s;
  width: 100%;
  height: 100%;
}
.fade img  { width: 100%;height: 100%;object-fit: cover;filter: grayscale(100%);}
@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

.home_l{position: fixed; width: 50%;height: 100%;left: 0;top: 0;background-color: #fff;overflow: hidden;-webkit-transition: all 0.5s;}

.home_l_work{width: 100%;height: 100%;text-align: center;display: flex;
  align-items: center;
  justify-content: center;}
.home_l_work img{width: 50%;  display: block;
  margin: auto;}
.home_r{position: fixed; width: 50%;height: 100%;right: 0;top: 0;background-color: #000;overflow: hidden;-webkit-transition: all 0.5s;}

.home_ff{position: fixed;left: 0px; bottom: 0px;z-index: 999999999999;}
.home_l_z{position: fixed;left: 20px; top: 20px;width: 40%;}
.home_r_z{position: fixed;right: 20px; top: 20px;z-index: 99999;text-align: right;width: 40%;}
.home_r_z .xxend_zi_l{
  color: #fff;
}
.h50{height: 50px;overflow: hidden;clear: both;}
.home_l:hover,.home_r:hover{width:60%;background-color: #fff;z-index: 9999999;-webkit-transition: all 0.5s;}




@media screen and (max-width: 1500px) {
.works_list23 a span{ position:absolute; display:inline-block; opacity:0;-webkit-transition: all 0.5s; }
.works_list23 ul{ column-count: 7;  }
.navv_l{ width:240px;}
	.home_list ul li{width: 100%;}

}
@media screen and (max-width: 850px) {
	
	.fr{ width:50%; float: left; text-align:left ;}
.fr a{float: left;width: 100%;display: inline-block;}
.works_list23 ul{ column-count: 6;  }
.navv_l{ width:200px;}
}



@media screen and (max-width: 720px) {

  

.jianli2_tt{ font-size:35px; line-height:45px;  }
.jianli2_list ul span{ font-size:18px; line-height:26px;}
.bigzi .xxend_zi_l { font-size:30px; line-height:40px; padding-bottom:4%; }
.hm_dua{  padding-top:8%;  overflow:hidden; padding-bottom:7%; }
.jianli2_list .mel {width: 100%;display: block;}
.me2,.me2_l,.me2_r,.me3,.me3_l,.me3_r {
  width: 100%;

  display: inline-block;
}
	.me2 img,.me3 img{width: 100%;}
  .me2_l{padding-bottom: 10rem;}
  .fl,.fr {
    width: 100%;
}
.jianli2_list {
  margin-top: 30px;
		width: auto;margin-bottom: 21rempx;display: block;}
    .jianli2_list .mer,.me3_r{display: inline-block;padding-bottom: 10rem;padding-top: 10rem;}

	.jianli2_tt {
    width: auto;padding-top: 40px;font-size: 25px;
    line-height: 35px;
}
}
@media screen and (max-width: 650px) {
  .jianli2_list .mer p,.me2_l p,.me3_r p {font-size: 30px;}
  .works_list23 ul{ column-count: 5;}
  .works_list23 h2{padding-left: 20px;    padding-top: 33px;height: 90px;font-size: 22px;background: rgba(255,255,255, 0.99);}
.jianli2_list{ margin:0 20px;margin-top: 40px;}
	.jianli2{margin: 20px 2px;}
	.xxend_zi {font-size: 40px;}
.fotter{letter-spacing:.5px; line-height:135%;word-break:break-all;  }
.hm_dua div{ float:right; width:100%; overflow:hidden; }

.jianli2_list ul span{ line-height:24px;}
	.navv_r{width: 100%;color: #999;}
	.fl,.fr {width: 80%;}
	.xxend_zi{width: auto;margin: 20px;margin-top:60px;margin-bottom: -20px;
    position: sticky;
    z-index: 99999;
} 


.home_l_z{position: fixed;left: 0px; top: 20px;margin-top: 0;width: 40%;}
.home_r_z{position: fixed;right: 0px; top: 20px;margin-top: 0;width: 40%;}

.works_list23 a span {
 
        font-size: 90%;
        padding: 8px 10px;
  right: 0;
  left: 0px;
  top: 0px;
}
.fotter{
  padding-top: 60px;
  font-size: 19px;}
  .home_l{position: fixed; width: 100%;height: 50vh;left: 0;top: 0;}
  .home_r{position: fixed; width: 100%;height: 50vh;right: 0;bottom: 0;top: 50vh;}
  
  .home_l:hover,.home_r:hover{width:100%;-webkit-transition: all 0;}
  
  
    .home_l_z{position: fixed;left: 0px; top:20px;margin-top: 0;width: 90%;}
  .home_r_z{position:absolute;left: 20px;margin-left:0;margin-right: 0; text-align: left;}

  .home_ff{color: #fff;}
  .home_list img {
    width: 260%;margin-left: -60%;
 
}


}

@media screen and (max-width: 450px) {
 body{
  font-size: 19px;
 }
  .jianli2_list .mer p,.me2_l p,.me3_r p {
    font-size: 25px;
}
  .xxend_zi {
    font-size: 35px;
   margin: 1rem;
   margin-top: 55px;
   margin-bottom: 0px;
}
.jianli2_list {
  margin: 0 1rem;
}
  .works_list23 h2 {font-size: 20px;
    padding-left: 1rem;
    height: 80px;
    padding-top: 25px;
    margin-top: -20px;
}


	.navv {
    position: fixed;
    left: 1rem;
    top: 1rem;
		right: 1rem;}
	.navv_l{width: 170px;}
	.works_list23 a:hover span{line-height: 30PX;}
  .works_list23 ul{column-count: 3;}
	.works_list23 ul li {width: 100%;height: auto;padding-bottom: 0;
}


.fotter{padding: 1rem;padding-top: 60px;font-size: 16px}
.fotter a{
  color: #aaa;
}
.home_l .home_l_z{left: 0px; top:1rem;margin-top: 0;}
.home_r .home_r_z{left: 0;top: 1rem;margin-top: 0;}







}