@charset "utf-8";
html{ font-size: 100px; scroll-behavior: smooth; scroll-padding-top: 60px;}
body{font-family: Arial, sans-serif, "\5FAE\8F6F\96C5\9ED1"; color:#333; font-size:14px; overflow-x:hidden; }
*{margin:0px;padding:0px;list-style: none; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; transition: all 0.5s;}
a:hover{color:#ea6000}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover,a:hover .bak {-webkit-transform:scale(1.02); -moz-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}

.w1000{ max-width: 920px;  margin:auto; }
.w1200{max-width: 1200px;  margin:auto;}
.w85{ max-width: 85%; margin: auto; }
.w1500{ max-width: 1500px; margin:auto; }
.w90{max-width: 90%; margin: auto; }
.w80{max-width: 80%; margin: auto; }
.w60{ max-width: 60%;  margin: auto;}
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto;  position: fixed; left: 0; top: 0; width: 100%; z-index: 99999; }

.top .con{ position:relative; height: 60px; display: flex; align-items: center; justify-content: space-between;width:100%;}
.top_l{display: flex; align-items: center;  height: 60px;}

.w1400{ margin:auto; max-width:1400px; }

.logo{ margin-left: 20px; }
.logo img{  width: 280px; display: block; }
.nav{  font-size: 18px; display: flex; gap:8px; margin-left:20px;  }
.nav li{ text-align: center;  z-index: 999; min-width: 120px;}

.nav li a{ display: block!important; color: #fff; padding:0 16px; height: 44px; position: relative; line-height: 44px; }
.nav li a em{ position:absolute; right:0;top:0%; display:block;transition: all 0.2s;}
.nav li a.act em{transform: rotate(90deg);}
.nav li a:after{content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #f6b486;
    -webkit-transition: width .3s ease;
    transition: width .3s ease; transition: all 0.5s; }

.nav li:hover a:after{ width: 40px; }
.nav li a.att69 span:after,.nav li .nav69 a span:after{ display:none}
.nav li .nav69 a{ margin:0!important;}

.nav li a.att69:hover span,.nav li .nav69 a:hover span{ color:#f6b486!important}
.nav li a.att69 span,.nav li .nav69 a{transition: all 0.3s; }
.nav li a.att69:hover span,.nav li .nav69 a:hover{ text-indent:5px;}

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }


.second{ position:absolute; left:0; top:52px;  width:100%;  background-color: rgba(27,27,27,.98); display:none; text-align:left}
.second .w1400{ display: flex; flex-wrap: wrap;
	gap:50px; margin:0 0 0 345px; padding:35px 0 35px 0; }
.second .w1400 .item_con{border-right: 1px solid hsla(0, 0%, 100%, .1); min-width: 180px; max-width: 260px; padding-right: 40px; margin-right:20px;}
.second .w1400 .item a{ padding:0; display:block; font-size:14px;}
.second .w1400 .item a.at{ font-size:15px;  position:relative; margin-bottom:15px; font-weight: bold;}

.second .w1400 .item a.at:hover{ color:#f6b486}
.second .w1400 .item a.at:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
    width: 0;
    height: 2px;
    background-color: #f6b486;
    -webkit-transition: width .3s ease;
    transition: width .3s ease; transition: all 0.5s; }
.second .w1400 .item a.at:hover:after{ width: 40px; }

.second .w1400 .item a.att{ height:32px; line-height:32px;margin: 8px auto 14px auto; color: hsla(0, 0%, 100%, .85); font-size: 13px;}
.second .w1400 .item a.att:after{ display:none}
.second .w1400 .item a.att span{ display:inline-block; position:relative;color: hsla(0, 0%, 100%, .85);
    font-size: 13px;}

.second .w1400 .item a.att:hover{ color:#f6b486}
.second .w1400 .item a.att span:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
    width: 0;
    height: 1px;
    background-color: #f6b486;
    -webkit-transition: width .3s ease;
    transition: width .3s ease; transition: all 0.5s; }
.second .w1400 .item a.att:hover  span:after{ width: 100%; }




.nav li:hover .second{ }


.lang{  margin-right: 50px; display: flex; gap:8px; }
.lang a{ display: flex; align-items: center; justify-content: center;   padding:4px 8px; color: hsla(0, 0%, 100%, .8); text-align: center; }
.lang a i{  margin-right:5px; display: block; font-size: 14px; }
.lang a.on,.lang a:hover{ background-color: hsla(0, 0%, 100%, .15); border-radius: 5px; color: #fff;  }
.lang a.on{font-weight: bold; }
.top.fix,.top:hover,.top_n{ background: rgba(27, 27, 27, .9); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }

.index_dh{ display: flex; align-items: center;   justify-content: center; margin:auto; margin-bottom: 50px;   }
.index_dh h2{ font-size: 32px; font-weight: 700; letter-spacing: 1px;}
.index_dh img{height: 35px; margin-right: 15px; display: block;  }
.index_dh1{ justify-content: left; }
.n_dh1{ color: #616161; justify-content: left; }

.box{ padding:80px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.box1{padding:1.5rem 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.n_box{ padding:120px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.n_box1{ padding:1rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.about_box{background: linear-gradient(135deg, hsla(0, 0%, 100%, .85), rgba(247, 249, 252, .95)); border-radius: 6px; max-width: 85%;  margin:auto;  box-shadow: 0 28px 70px rgba(0, 0, 0, .16), 0 8px 24px rgba(0, 0, 0, .08); margin-top:50px;}
.about{padding:30px; display: flex; align-items: center; justify-content: center;  }
.about_box .pic{ width: calc(50% - 16px);flex: none;  box-shadow: 0 18px 45px rgba(0, 0, 0, .22), 0 8px 20px rgba(0, 0, 0, .12); border-radius: 2px; margin-right:16px;}
.about_box .pic span{ padding-top: 55.35%; }
.about_box .text{ flex: auto; font-size: .2rem; line-height: 1.8; color: #666; margin-left: 16px; }
.about_box .text p{padding:0 36px; text-align: justify;}

.yy_box{  }
.yy_box .w80{}
.yy_box .yy_top{display: flex; align-items: center; justify-content: space-between;  gap:20px; padding:0 20px;}
.yy_l{ width: 90px; flex: none; gap:30px; display: flex; flex-direction: column;}
.yy_mid{ flex: auto; margin:0 20px; }
.yy_r{ width: 90px;flex: none;  }
.yy_but{ width: 100%; }

.yy_l a,.yy_but a{ width: 90px; height: 90px;  display: block; background: #fff; border-radius: 100%; box-shadow: 0 8px 20px rgba(0, 0, 0, .06); display: flex;align-items: center; justify-content: center;  transition: all 0.5s; }
.yy_l a .pic,.yy_but a .pic{ width: 60%; margin:auto; }
.yy_l a .pic span,.yy_but a .pic span{ padding-top: 100%; }

.yy_l a:hover,.yy_but a:hover{box-shadow: 0 12px 30px rgba(237, 128, 46, .25); transform: translateY(-10px);}


.yy_but{ display: flex; justify-content: space-evenly; gap:30px; margin:20px auto; }




.index_pic{ display: flex; align-items: center; justify-content: space-between; gap:40px; padding:0 20px;flex-wrap: wrap; }
.index_pic_l{ width: calc(55% - 20px); }
.index_pic_l .pic{ border-radius: 15px; cursor: zoom-in; }
.index_pic_l .pic span{padding-top: 54.7%;}
.index_pic_l .pic .mask{position: absolute; left: 0; top: 0;  width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; background:rgba(0,0,0,0.2); opacity: 0;}
.index_pic_l .pic em{width: 156px; height: 45px; line-height: 45px; text-align: center; background:rgba(255,255,255,0.95); border-radius: 45px; font-weight: bold; display: block;  font-size: 16px; transition: all 0.5s; transform: translateY(20px);}
.index_pic_l a:hover .mask{ opacity: 1; }
.index_pic_l a:hover .mask em{ transform: translateY(0);}

.index_piclist{ flex: auto;  display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:20px;  width: calc(45% - 20px); }
.index_piclist li{ background: #fff; border-radius: 12px; box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff; padding:15px;  transition: all 0.5s; }
.index_piclist li .pic_big{ padding:10px; }
.index_piclist li .pic { overflow: visible; }
.index_piclist li .pic span{padding-top: 100%;}
.index_piclist li h3{ padding:2px 8px; font-size: 18px; font-weight: bold; text-align: center; margin-top: 5px;  }
.index_piclist li:hover{box-shadow: 0 12px 30px rgba(237, 128, 46, .25); transform: translateY(-2px);}

.box2{ padding-bottom: 0; background: #FCFCFC; }
.global .pic span{padding-top: 41.679%;}


.foot{ background: #EFEFEF; margin: auto; padding:50px 0; border-bottom: #898989 5px solid; }
.foot .w1500{ padding:0 15px 0px; }
.foot_nr{padding-left: 50px;}
.foot_top h2{ font-size: 20px; margin-bottom: 2px; }
.foot_top p{color: #898989;font-size: 14px; font-family: Arial;}
.foot_mid{ margin:15px auto; }
.foot_mid p,.foot_mid a{  color: #898989; font-size: 13px; line-height: 20px; }
.foot_wei{display: flex;}
.foot_wei img{ width: 100px; margin-right:20px; }
.bq{background: #898989; padding:10px; color: #fff; text-align: center;}
.bq a{ color: #fff; padding-left:10px;}


.nbanner{ margin: auto; position: relative; }
.nbanner .pic span{ height: 40vh; background-position: center 60%; }
.nbanner .pic:before{background-color: rgba(0, 0, 0, .5); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nbanner .text{ position: absolute; left: 0; top: 0; height: 100%; min-width: 100%;display: flex; align-items: center;   justify-content: center;   }
.nbanner .text h2{font-size: 0.4rem; color: #fff; position: relative; font-weight: 400;}
.nbanner .text h2:after{content: "";
    background-color: #eb6100;
    width: 40px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);}

.n_dh{ margin: auto; display: flex; align-items: center;    }
.n_dh a{  font-size: 20px; font-weight: bold; height: 100px; line-height: 100px; }
.n_dh a span{ padding:0 10px; }
.n_dh a:hover,.n_dh a.on{color: #eb6100; }
.n_dh a:last-child span{ display: none; }

/*返回顶部*/
#goTopBtn{ position:fixed; right: 30px; bottom: 50px;  z-index: 99999; cursor: pointer; }
#goTopBtn a{ display: block; margin-top: 10px; width: 50px; height: 50px; background: #EB6100; color: #fff; text-align: center;  border-radius: 10px;}

#goTopBtn i{ font-size: 34px;line-height: 50px; }



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  border-radius: 2.5px;
  width: 10px;
  height: 10px;
  background-color: #262626;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #262626;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #DADADA;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background-color: #DADADA;
}


.lc_box{ height: 600px; }
.lc_box .line{border-top: 2px dashed #eb6100;}
.lc_con{display: grid;  grid-template-columns: repeat(11, minmax(0px, 1fr)); }

.yf_list{display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:1px;}
.yf_list li{ background: #E5E5E5; margin-bottom: 40px;}
.yf_list li .pic_big{ padding:20px; }
.yf_list li .pic{ overflow: visible;  }
.yf_list li .pic span{ padding-top: 56.25%; }
.yf_list li .pic span img{border-radius: 15px;}
.yf_list li h3{background-color: rgba(234, 96, 0, .75); padding:10px; font-size: .25rem; text-align: center; color: #fff; }


.zz_list{ position: relative; padding-bottom: 0.3rem;  }
.zz_list .pic span{ padding-top: 141.35%; }
.swiper-button-prev, .swiper-button-next{ outline: none; }

.zz_list .swiper-button-next:after, .zz_list .swiper-button-prev:after{font-size: 30px; font-weight: bold; color: #EB6100;}
.zz_list .swiper-pagination-bullet{ background: #EB6100; opacity: .5;  width: 12px; height: 12px; border-radius: 100%; outline: none; }
.zz_list .swiper-pagination-bullet-active{ opacity: 1;}

.zz_list .swiper{ padding:40px 20px; width: 1283px; max-width: 85%; margin:auto;}
.zz_list .swiper-slide{border-radius:12px;  max-width: 27.6%; }
.zz_list .swiper-slide a{ background: #fff; display: block; border-radius:12px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); padding:10px;}

 .blueimp-gallery>.title{ background: none }

.blueimp-gallery>.prev, .blueimp-gallery>.next{ width: 30px!important; height: 30px!important; font-size: 30px!important; line-height: 24px!important }

.zz_list .mySwiper-mobile{ display: none; }


.kh_list{ background: #fff; -webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2); border-radius: 15px; }
.kh_list_con{ padding:50px; display: grid;  grid-template-columns: repeat(5, minmax(0px, 1fr)); gap:30px; }
.kh_list_con li{transition: all 0.5s; }
.kh_list_con li .pic{ overflow: visible;}
.kh_list_con li .pic span{ padding-top: 167.75%; }
.kh_list_con li .pic span img{ border-radius: 20px; }
.kh_list_con li:hover{transform: translateY(-10px);}


.picdan_con{ font-size: .2rem; line-height: 1.8;color: #616161; }
.picdan_con img{ border-radius: 12px; }
.chicun_list{display: grid;  grid-template-columns: repeat(4, minmax(0px, 1fr)); gap:50px; margin-top: 1rem; }
/*.chicun_list .pic{ overflow: visible; }*/
.chicun_list .pic span{ padding-top: 68.18%; transition: all 0.5s;}
.chicun_list li{background: rgba(234, 96, 0, .02); box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff; border: 1px solid #fff; padding:.5rem 25px; border-radius: 12px; transition: all 0.5s; display: flex;flex-direction: column;}
.chicun_list li .pic_big{  width: 90%; margin:auto; margin-bottom: 30px;  }
.chicun_list li .pic_big .pic{ background: #fff; border-radius: 8px;}
.chicun_list li .pic_big .pic img{ border-radius: 8px; }
.chicun_list li h3{ text-align: center; font-size: .22rem; font-weight: bold;  padding: 8px 20px}
.chicun_list li:hover{transform: translateY(-10px);}
.chicun_list li p{ font-size: .16rem; line-height: 1.6;  margin:auto; padding:10px; color: #616161; }
.chicun_list li:hover .pic span{-webkit-transform:scale(0.95); -moz-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}



.qbx_list{background-color: hsla(0, 0%, 100%, .5); padding:30px 50px; border-radius: 10px; display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:30px; margin-top: 1rem;  }
.qbx_list li{ position: relative;}
.qbx_list li .pic_big{ padding:30px 20px; background: #fff; box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff; border-radius: 12px;transition: all 0.5s;  }
.qbx_list li .pic{ }
.qbx_list li .pic span{ padding-top: 100%; }
.qbx_list li .text{ margin-bottom: 20px; }
.qbx_list li .text h3{ font-size: .24rem;  }
.qbx_list li .text p{ font-family: Arial; color: #9e9e9e; text-transform: uppercase; font-size: .14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.qbx_list li a{padding:30px 35px; display: block; position: relative;  }

.qbx_list li a:hover .pic_big{box-shadow: inset 6px 6px 12px #d9d9d9, inset -6px -6px 12px #fff;}

.qbx_list li a:before{content: "";
    position: absolute;
    left: 35px;
    bottom: 0;
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #fad2b7, #ea6000); transition: all 0.5s;
}
.qbx_list li a:hover:before{width: calc(100% - 35px);}

/*行业应用*/
/*.yy_box{ padding-top: 60px; }*/
.yy_box_n{ padding-top: 60px; }
.yy_box .item{ margin:0.5rem 0; }
.n_dh2{background: linear-gradient(90deg, #ea5f00, #f08842 67%, #f7bf99); padding: 10px 10px 10px 20px;  color: #fff; display: flex; align-items: center; margin:30px auto;}
.n_dh2 h2{ font-size: 0.25rem;  }
.n_dh2 img{ height: 30px; margin-right:10px; }

.yy_con{ line-height: 2; font-size: 0.2rem; color: #212121;}
.yy_list{display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:20px; margin:50px auto;}
.yy_list li{ border:#ddd 1px solid; }
.yy_list li h3{ font-size: 0.2rem; background: #5e5e5e; padding: 10px 20px; color: #fff; font-weight: bold; box-shadow: 4px 4px 10px hsla(0, 0%, 70.6%, .7)}
.yy_list li .pic1 span{ padding-top: 70%; }
.yy_list li .pic1 span img{top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; height: 85%;}

.zhanhui_box{padding: 0px 40px 20px 40px;}
.zh_dh{ border-left: #d0d0d0 4px solid; padding-left: 15px; margin-bottom: 60px; }
.zh_dh p{ color: #f60; font-size: 48px; font-weight: bold; font-family: sans-serif; text-transform: uppercase;
    letter-spacing: 1px; line-height: 1.2;}
.zh_dh h1{font-size: 48px;font-weight: 400;color: #f60; font-weight: bold; margin: 8px 0 0; letter-spacing: 2px; line-height: 1.2}
.tong_list1{display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:50px; margin:50px auto 0 auto;}
.tong_list1 .pic1{ overflow: visible; }
.tong_list1 .pic1 span{ padding-top: 56.3%; }

.tong_list{display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:15px; margin-bottom: 30px;}
.tong_list li{ margin-bottom: 25px; }
.tong_list li h3{color: #464646; font-size: 15px; height: 50px; line-height: 50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold;}
.tong_list li em{ color: #b7b7b7; }
.tong_list li .pic span{  height: 200px; }
.tong_list li:hover { opacity: .8; }

.news-more-wrap{ display:flex; justify-content:center; margin:10px 0 50px; }
.news-more-btn{ min-width:168px; height:44px; padding:0 36px; background:#fff; border:1px solid #2b2b2b; color:#2b2b2b; font-size:15px; letter-spacing:2px; cursor:pointer; line-height:42px; }
.news-more-btn:hover{ background:#f7f7f7; }
.news-more-btn.is-loading,
.news-more-btn:disabled{ cursor:default; opacity:.7; background:#fff; }

.job_box .pic span{  height: 100vh; display: flex; align-items: center;   justify-content: center;   }
.job_box .job_tit{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;display: flex; align-items: center;   justify-content: center;  }

.job_tit a{min-width: 320px; height: 80px; line-height: 80px; background: linear-gradient(180deg, #ff9e22, #f36c00);
    border-radius: 12px;
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    display: flex; align-items: center;   justify-content: center;   text-align: center; border: 1px solid #d95e00;  box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .5), inset 0 -3px 0 rgba(0, 0, 0, .1), 0 6px 12px rgba(0, 0, 0, .3); letter-spacing: 2px; }
.job_tit a i{ font-size: 36px; padding-left: 10px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2)); }
.job_tit a:hover{ background: linear-gradient(180deg, #f36c00, #ff9e22); transform: translateY(-2px);}
.down_list{ padding-top: 60px; }
.down_list .pic span{padding-top: 54.895%;}
.down_list img{ width: 100%; }


.n_box_lxwm{ padding:60px 0px;  }
.n_box_lxwm .w1200{margin-top: 60px;}
.lxwm_box{box-shadow: 0 10px 40px rgba(0, 0, 0, .08); border-radius: 12px; background: #fff; display: flex; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; min-height: calc(100vh - 360px); border-radius: 12px; overflow: hidden;transition: all 0.5s; }
.lxwm_box:hover{box-shadow: 0 15px 50px rgba(234, 96, 0, .15);}

.tab_dh{ width: 220px;background: linear-gradient(180deg, #fafafa, #f5f5f5); border-right: 1px solid #e8e8e8; padding: 20px 0; }
.tab_con_box{ flex: auto; position:relative; overflow:hidden }
.tab_dh li{padding: 18px 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    cursor: pointer; border-left: 4px solid transparent;position: relative; margin:4px auto;  }
.tab_dh li span{ display: block; transition: all 0.5s; }
.tab_dh li:before{position: absolute; left: 0; top: 0;  height: 100%; content: ""; box-shadow: -2px 0 8px rgba(234, 96, 0, .1); width: 0; transition: all 0.5s; }

.tab_dh li:hover{ color: #ea6000; background: #fff;}
.tab_dh li:hover span{ transform: translateX(5px); }

.tab_dh li.active{background: #fff;
    color: #ea6000;
    border-left-color: #ea6000;
    font-weight:bold; border-left-color: #ea6000; }

.tab_dh li.active:before,.tab_dh li:hover:before{ width: 100%; background: linear-gradient(90deg, rgba(234, 96, 0, .1), #fff); }
.tab_dh li span{position: relative; z-index: 1;}
.tab_con{ display: block; position:absolute; opacity:0;transition: all 0s;transform: translateX(40px); background:#FFF; top:0; }
.tab_con.active{ display: block; opacity:1; position:relative;transform: translateX(0%);transition: all 0.5s; }

.tab_tit{background: linear-gradient(135deg, #ea6000, #ff8c42);
    padding: 35px 45px;
    color: #fff;
    position: relative; display: flex; justify-content: space-between;  align-items: center; }
.tab_tit h2{  font-weight: bold; font-size: 28px;}
.tab_tit p{background: hsla(0, 0%, 100%, .2); font-size: 14px;  padding: 6px 16px; border-radius: 20px; border: 1px solid hsla(0, 0%, 100%, .3); }
.tab_list{ padding:45px; background: #FCFCFC; display: flex; flex-direction: column; gap:30px; }
.tab_list li{background: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .04); font-size: 16px; display: flex;align-items: center; transition: all 0.5s; }
.tab_list li span{ font-size: 14px; color: #999; padding-bottom: 10px; display: block; text-transform:uppercase;  }

.icon{width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 2px solid #ea6000;
    color: #ea6000; text-align: center; line-height: 50px; margin-right:20px;transition: all 0.5s; display: flex; align-items: center;   justify-content: center; background: linear-gradient(135deg, rgba(234, 96, 0, .05), rgba(234, 96, 0, .1));
  }
.icon i{ font-size: 20px; font-weight: bold; }
.tab_list li:hover{box-shadow: 0 4px 16px rgba(234, 96, 0, .12); transform: translateY(-2px);}
.tab_list li:hover .icon{background: linear-gradient(135deg, #ea6000, #ff8c42); color: #fff; transform: scale(1.1);}
.tab_list li:hover p{color: #ea6000}


.peek_top{ display: flex; align-items: center; justify-content: space-between;  margin-bottom: 50px; }
.peek_top h1{ font-size: .42rem; flex: auto; font-weight: bold; color: #ea5f00; height: 1rem; line-height: 1rem; text-transform:uppercase; }
.peek_dec{color: #535e64; font-size: .2rem;}
.peek_top .pic1{ width: 19.4%; flex: none; }
.peek_top .pic1 span{padding-top: 100%;}
.peek_con .item,.peek_con32 .item{ margin:30px auto 0 auto; }
.peek_con .item .tit,.peek_con32 .item .tit{color: #fff; font-size: .25rem; padding: 10px 0 10px 30px; background-color: #ea5f00;}
.peek_con .item .con,.peek_con32 .item .con{margin:30px auto; font-size: .2rem; line-height: 2; color: #535e64;}
.peek_con .item .con img{ width: 100%; }
.peek_con .item .con h6,.peek_con32 .item .con h6{ font-size: .16rem;color: #7f7f7f; }
.peek_con .item_list{ display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px; margin:30px auto 0 auto; }

.peek_con .item_list li{ width: calc(33.3% - 14px); margin-bottom:10px; }
.peek_con .item_list li .pic span{ padding-top: 110.12%; }
.peek_con .item_list li:first-child,.peek_con .item_list li:nth-child(2){ width: calc(50% - 10px); }
.peek_con .item_list li:first-child .pic span,.peek_con .item_list li:nth-child(2) .pic span{ padding-top: 72.67%; }
.peek_con .item_list li h3{color: #535e64; font-size: clamp(18px, .2rem, 22px); font-weight: bold; margin:10px auto;}
.peek_con .item_list li p{ font-size: clamp(16px, .18rem, 18px);color: #5d5d5d; }

.peek_con .item_list36 li h3{ display: none; }
.peek_con .item_list36 li:first-child .pic span,.peek_con .item_list36 li:nth-child(2) .pic span{ padding-top: 68%; }
.peek_con .item_list36 li:last-child{ width: 100%; }
.peek_con .item_list36 li:last-child .pic span{ padding-top: 50%; }

.peek_con .item_list38{ gap:45px; }
.peek_con .item_list38 li:first-child,.peek_con .item_list38 li:nth-child(2){ width: calc(50% - 23px); }
.peek_con .item_list38 li{ width: calc(33.3% - 30px); margin-bottom:0px; }
.peek_con .item_list38 li:first-child .pic span,.peek_con .item_list38 li:nth-child(2) .pic span{ padding-top: 66.9%; }
.peek_con .item_list38 li .pic span{ padding-top: 82.67%; }


.pic_list1{padding: calc(1rem + 60px) 0;}
.pic_list1 .w70{ width: 70%; max-width: 90%; margin:auto;  gap:32px; display: flex; flex-direction: column; }
.pic_list1  p{padding: 18px; background: #fff; border-radius: 10px; box-shadow: 0 12px 32px rgba(0, 0, 0, .08); transition: all 0.5s; }
.pic_list1  p img{ width: 100%; }
.pic_list1  p:hover{transform: translateY(-4px); box-shadow: 0 18px 42px rgba(0, 0, 0, .12);}


.pic3_box{  }
.pic3_box .tit h1{font-size: .42rem; font-weight: bold; height: 1rem; line-height: 1rem; color: #535e64;}




.xh_dec{ margin:60px auto; display: flex; gap:15px; flex-wrap: wrap; justify-content: space-between; }
.xh_dec p{flex: 1;
    background-color: #eceeef;
    text-align: center;
    padding: 18px 0px; font-size: .2rem;
    color: #535e64;
    font-weight: 700;
}

.xh_con{ margin:60px auto; font-size: 0.18rem; line-height: 1.8; color: #525d63 }
.guige_dh{font-size: .26rem; font-weight: 700; color: #535e64; padding:0px 10px; border-left: 6px solid #ea5f00;
    padding-left: 16px;}
.guige_list{display: grid;  grid-template-columns: repeat(4, minmax(0px, 1fr)); gap:20px;  margin:40px auto;}
.guige_list li{background: #fff; border-radius: 12px;  box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff; transition: all 0.5s;}
.guige_list li .pic_big{ padding:12px; }
.guige_list li .pic span{ padding-top: 68.22%; }
.guige_list li .text{background: linear-gradient(135deg, #6e7b87, #535e64); color: #fff; padding: 20px 18px;  border-bottom-left-radius:12px;  border-bottom-right-radius:12px;}
.guige_list li .text h3{font-size: .2rem; padding-bottom: 8px; position: relative; font-weight: bold; margin-bottom: 10px;}
.guige_list li .text h3:after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background-color: #ea5f00; }
.guige_list li .text p{font-size: .16rem;
    line-height: 1.8;
    color: #e8ecef;}
.guige_list li:hover{transform: translateY(-5px); box-shadow: 8px 10px 18px #cfcfcf, -6px -6px 12px #fff;}
.guige_dec{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr));  gap: 20px; background-color: #f7f8f9; border-radius: 12px; padding: 25px 30px; font-size: .18rem; color: #535e64;}
.guige_dec p{ display: flex; align-items: center; }
.guige_dec p span{width: .5rem; display: block;
    height: .3rem;
    min-width: 40px;
    min-height: 24px;
    margin-right: 12px;
    border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); background: rgb(174, 215, 238);}

.guige_dec p.p1 span{background: rgb(252, 246, 203);}
.guige_dec p.p2 span{background: rgb(242, 167, 92);}
.guige_dec p.p3 span{background: rgb(166, 201, 106);}
.guige_dec p.p4 span{background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153);}

.guige_con{margin: 40px auto 0 auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff;}
.guige_con img{ width: 100%; }

.td_box{ background: #e5eaee; padding:35px 0; margin:30px auto; }
.td_box .td_dh{color: #fff; font-size: .25rem; padding: 10px 0 10px 30px; background-color: #ea5f00;}
.td_box .td_con{font-size: .2rem;  padding: 30px 50px 0; color: #525d63; line-height:1.8;}
.td_box .td_con ul{ display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:10px;}

.td_box .td_dec img{ max-width: 70%; }
.td_piclist{ display: flex;  flex-wrap: wrap; margin-top:50px; }
.td_piclist p{ width: 50%; }
.td_piclist p img{ max-width: 55%; }

.dd_dh{margin-top: 80px; color: #535e64; font-size: .25rem; border: 1px solid #fff; border-radius: 3px; box-shadow: 4px 4px 10px rgba(245, 196, 164, .7);background: linear-gradient(136deg, #fdf2ea, #fff);padding: 20px 15px;}
.dd_con{ margin-top: 50px; }


.peek_con32 .item_list{display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:50px; width: 90%; margin:0px auto 100px auto; }
.peek_con32 .item_list li .pic span{ padding-top: 66%; }
.peek_con32 .item_list li{position: relative; padding-bottom:60px; background: #EEEEF0; }
.peek_con32 .item_list li:after{ position: absolute; width: 100%; content: ""; left: 0; bottom: 0px; height: 10px;background: #ea5f00; }


.pm_pic{ display: flex; background: #EEEEF0;}
.pm_pic .pic_big{width: 40%; background: #828E9A; display: flex; align-items: center;   justify-content: center;  }
.pm_pic .pic{ width: 70%; margin:auto; }
.pm_pic .pic span{padding-top: 100%;}
.pm_pic .text{ flex: auto; }
.peek_con33 .item_list li .pic span{ padding-top: 86.32%; }
.peek_con33 .item_list li{ padding-bottom:0;}


.peek_con32 .item_list_pic{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.peek_con32 .item_list_pic33 img { width: 100%; max-width: 40%; margin: 50px 0; background-color: #eeeef0; display: inline-block; border-bottom: 10px solid #ea5f00;}
.peek_con32 .item_list_pic .bottom-img-box{width: 40%;
    margin: 50px 0;
    padding-bottom: 1rem;
    background-color: #fff;
    border-bottom: 10px solid #ea5f00; display: flex;align-items: center;
}


.peek_con32 .item .con_ul,.peek_con .item .con_ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 85%; margin:30px 0; gap:30px; }

.peek_con .item .con_ul{align-items: center; width: 100%; }
.peek_con32 .item .con_ul ul,.peek_con .item .con_ul ul{display: block; width: 40%; height: auto;  letter-spacing: 1px; }
.peek_con32 .item .con_ul ul li:first-child{ font-weight: bold; color: #444; }
.peek_con32 .item .con_ul > p,,.peek_con .item .con_ul > p{ display: none; }
.hejin_list{ margin-top: 50px; }
.hejin_list li{ margin:30px auto; }
.hejin_list li .tit{color: #fff; font-size: .25rem; padding: 10px 0 10px 30px; background-color: #ea5f00;}
.hejin_list li .tit h2{ font-size: .25rem;}
.hejin_list li .hejin_con{margin: 25px auto; color: #525d63;font-size: .2rem; display: flex;align-items: center; justify-content: space-between;}
.hejin_list li .hejin_pic{ width: 300px;background-color: rgb(181, 181, 181); }
.hejin_list li .text{width: 30%; font-size: .2rem; line-height: .4rem;}

.yyly_box{ margin:30px auto; }
.yyly_top{ display: flex; gap:20px; margin-bottom:20px; }
.yyly_top .tit_pic{ width: 35%; flex: 0 0 35%; }
.yyly_top .text{width: 65%; background-color: #eb6100; padding: 30px 35px; color: #fff;}
.yyly_top .text h3{font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;}
.yyly_top .text p{ font-size: 16px; margin-top: 10px;  }
.yyly_img{ display: flex; gap:20px; flex-wrap: wrap;}
.yyly_img li{ overflow: hidden;  }
.yyly_img li:first-child{ width: calc(65% - 10px);}
.yyly_img li:nth-child(2){width: calc(35% - 10px);}
.yyly_img li:nth-child(3){width: 100%;}
.yyly_img li img{ width: 100%; height: 100%; object-fit: cover; }


.teshu_dh h2{color: #ea5f00; font-size: .25rem; font-weight: 700;}
.teshu_box .item{padding: 50px 38px; background-color: #eeeef0; margin:50px auto 0 auto;}

.teshu_box .item .teshu_dec{ margin:30px auto; color: #636c75; font-size: .2rem; letter-spacing: 1px;
    line-height:2; }
.teshu_box .item .teshu_img{display: flex; justify-content: space-around; margin:30px auto;}
.teshu_box .item .teshu_img p{ max-width: 40%; }
.title{color: #fff; font-size: .25rem; padding: 10px 0 10px 30px; background-color: #ea5f00;}
.title h2{font-size: .25rem; }

.teshu_tu_list{}
.teshu_tu_list li{display: flex; align-items: center; justify-content: space-between; color: #636c75;}
.teshu_tu_list li .con{ text-align: center; }
.teshu_tu_list li .con h3{ margin-top: 10px; font-size: .2rem;  }
.teshu_tu_list li .pic_big{ width: 400px; }
.teshu_tu_list li .pic{ width: 60%; margin:auto; }
.teshu_tu_list li .pic span{padding-top: 100%;}
.teshu_tu_list li .text{ flex: auto; font-size: .2rem; line-height: 2;  }
.teshu_tu_list li .text p{ margin-top: 20px; }

.teshu_ys_list{ display: flex;  justify-content: space-around; margin-top: 50px; }
.teshu_ys_list li{ background: #fff; width: 400px;font-size: .2rem; padding-bottom:10px; }
.teshu_ys_list li h3{padding: 20px 0;background-color: #828e9a; font-size: .2rem; text-align: center; color: #fff; }
.teshu_ys_list li .pic{ width: 74.25%; margin:auto; }
.teshu_ys_list li .pic span{ padding-top: 100%; }
.teshu_ys_list li p{ text-align: center; padding:10px; }

.teshu_dec1{ display:flex;  }
.teshu_dec1 > p{ width: 20%; background: #828E9A; color: #fff; display: flex; align-items: center;   justify-content: center;  }
.teshu_dec1 table{ width: 80%!important; }

.back{margin:auto;}
.back a{ width: 156px; height: 43px; display: flex; align-items: center;   justify-content: center; margin-bottom: 40px; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); background: #fff; border-radius: 4px; gap:8px;}
.back a:hover{background-color: #f60; color: #fff; -webkit-box-shadow: 0 4px 12px rgba(255, 102, 0, .3); box-shadow: 0 4px 12px rgba(255, 102, 0, .3); -webkit-transform: translateX(-5px); transform: translateX(-5px); }

.tong_connr{background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, .1);}



.mengying{ opacity:0;transition: all 0.2s; z-index:-1; position:fixed; width:100%; height:100vh; left:0; top:0;background: rgba(0,0,0,.4); display:flex;align-items: center;justify-content: center;}
.mengying.act{opacity:1; z-index:1; }
.mengying .item{background: #fff;
    width: 360px;
    border-radius: 16px; display:block; text-align:center;}
.mengying .item span{ display:block; margin:36px auto 20px auto; width:64px; height:64px; border-radius:64px; background:#fef3eb; font-weight:bold; color:#f36c00; font-size:35px; line-height:64px; text-align:center}
.mengying .item .c{margin: 0 0 12px;
    font-size: 20px;
    color: #222;
    font-weight: 600; display:block;}
.mengying .item .e{font-size: 15px;
    color: #444;
    margin: 0 0 8px;
    font-weight: 500;}
.mengying .item .fart{    font-size: 13px;
    color: #888;
    margin: 0;}
.mengying .item .operate{display: flex;
    border-top: 1px solid #f0f0f0; margin-top:25px;}
.mengying .item .operate a{ font-size:16px; display:block; font-weight:500; padding:16px 0; flex:1}
.mengying .item .operate a.l{color: #666;
    border-right: 1px solid #f0f0f0;}
.mengying .item .operate a.r{color: #f36c00;}

.tc{ position:fixed; left:0; top:0; width:100%; height:100vh; left:0; top:0;background: rgba(0,0,0,.4);opacity:0;transition: all 0.2s; z-index:-1;}
.tc.act{opacity:1; z-index:1;}
.tc .item{ margin-top:60px; display:block; width:100%; height:calc(100vh - 60px); position:relative;}
.tc .item img{position: absolute; left:50%;top:50%; transform: translate(-50%,-50%); object-fit: contain;}







/*.ulthree{ display:flex; width:87%; float:right; margin-top:1rem;}*/
.ulthree{ display:flex; width:80%;  margin:1rem auto 0 auto; justify-content: space-between;}
  .ulthree li{ text-align:center; display:inline-block; font-size:0px; position:relative; width: 40%;}
  .ulthree li:after{ content:''; display:block; width:0px; position:absolute; left:0; bottom:0; height:200px; border-left: 1px dashed #eb6100; }
  .ulthree li.li2{ width: 20%; }
  .ulthree li.li2:after{ height:360px; }
  .ulthree li.li0:after{ display:none}
  .ulthree li dl{ margin:auto; width:180px; text-align:center}
  .ulthree li i{ display:block;font-size: 16px;
    color: #eb6100;
    font-weight: 700;
    margin-bottom: 5px;}
  .ulthree li span{font-size: 18px;
    color: #eb6100;
    font-weight: 700;
    margin-bottom: 15px; display:block;}
  .ulthree li em{background: #eb6100;
    color: #fff;
    padding: 8px 30px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    -webkit-box-shadow: 0 4px 10px rgba(235,97,0,.3);
    box-shadow: 0 4px 10px rgba(235,97,0,.3);}

.texiaoxiexian,.texiaoxiexian *{box-sizing:border-box;}
.texiaoxiexian{  width:97%; margin:auto;}

/* 时间轴容器 */
.timeline-wrap{
    position:relative;
    max-width:1785px;
   /* margin:0 auto;*/
    height:420px; z-index: 1;
}

/* ==========核心斜虚线 【修复重点】========== */
.timeline-line{
    position:absolute;
    z-index:1;
    left:0;
    bottom:0;
    width:100%;
    width:0%!important;
    height:0px;
     border-bottom:2px dashed #ff7820;
     -webkit-transition: width 2s linear,opacity .5s ease;
    /* 虚线 */

    /* 旋转，形成对角线 */
    transform-origin: left bottom;
}
.timeline-line.act{width:100%!important;}
/* 单个时间节点 */
.timeline-item{
    position:absolute;
    transform:translate(-50%,-50%);
    z-index:2; opacity:0;
}
.timeline-item.act{ opacity:1}
/* 圆点 */
.timeline-dot{
    width:16px;height:16px;
    border-radius:50%;
    background:#ff7820;
    border:3px solid #fff;
    box-shadow:0 0 0 1px #ff7820;
    margin:6px auto;
}
/* 年份 */
.timeline-year{
    font-size:24px;
    font-weight:bold;
    color:#333;
    text-align:center;
    white-space:nowrap;
}
/* 事件文本容器 */
.timeline-text{

    width:260px;
    color:#444;
    font-size:15px;
    line-height:1.7;transform: translateX(50%); margin-left:-50px; margin-top:5px; margin-bottom:5px;
}
.timeline-text ul{list-style:none;}
.timeline-text ul{ margin-left: -15px;  }
.timeline-text ul li{ display: flex; align-items: center;  color: #555; line-height: 1.5;margin-bottom:4px;  }
.timeline-text ul li i{ font-size: 10px; color: #ff7820; padding-right: 3px; }
/*.timeline-text li::before{
    content:"·";
    color:#ff7820;
    margin-right:6px;
}*/
.timeline-item0{left:2%;top: 108.5%;}
.timeline-item1{left:11%;top:78.3%;}
.timeline-item2{left:20%;top:87.3%;}
.timeline-item3{left:29%;top:63.3%;}
.timeline-item4{left:38%;top:75.2%;}
.timeline-item5{left:47%;top:39.3%;}
.timeline-item6{left:56%;top: 57.2%;}
.timeline-item7{left:65%;top:24.3%;}
.timeline-item8{left:74%;top:36.3%;}
.timeline-item9{left:83%;top:6.3%;}
.timeline-item10{left:92%;top:21.3%;}

.lc_list{ display: none; }

.wap_lang { display: flex; align-items: center;   justify-content: center; margin-right:0; }
.wap_lang a.on, .wap_lang a:hover{ background: none }