@charset "utf-8";
/* CSS Document */
body, html {
	width:100%
}
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}
body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;
line-height:1.5; color:#2e2e2e;margin:0px auto; height:100%; width:100%;font-size:14px; }
*{ box-sizing:border-box;}
a { color:#2e2e2e; text-decoration:none;}
a:hover { color:#2e2e2e;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.container{ max-width:1660px; width:90%;  margin:0px auto;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
.flex-center{ display: flex; align-items: center; justify-content: center;}
:root{
 --linkColor:#01a340;
}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
/* 头部 */
header{ position: fixed; top: 0px; width: 100%; z-index: 1000; left: 0px;color: #fff;}
header .logo img{ height: 57rem;}
header .logo .img2{ display: none;}
header .tpright .tel{ font-size: 30rem; font-weight: 600;}
header .tpright .tel a{color:inherit;}
header .tpright .tel .iconfont{ font-size: 38rem; margin-right: 5px; font-weight: normal;}
header a{ color: #fff;}
header .menu{ flex:1; margin: 0px 5%;}
header .menu ul li .title{ height: 85rem; display: flex; align-items: center; justify-content: center; font-size: 18px; position: relative;}
header:hover,
header.active{ background-color:#ffffff; box-shadow: 0 10px 33px rgb(0 0 0 / 10%);}
header:hover .tpright .tel,
header.active .tpright .tel,
header:hover .menu ul li:not(.active) *,
header.active .menu ul li:not(.active) *,
header.hover-8 .menu ul li:not(.active) *,
header.hover-7 .menu ul li:not(.active) *,
header.hover-5 .menu ul li:not(.active) *,
header.hover-3 .menu ul li:not(.active) *,
header.hover-1 .menu ul li:not(.active) *,
header.hover-8 .tpright .tel,
header.hover-7 .tpright .tel,
header.hover-5 .tpright .tel,
header.hover-3 .tpright .tel,
header.hover-1 .tpright .tel{color:#2e2e2e;}
header .menu ul li:hover .title,header .menu ul li.active .title{ color: var(--linkColor);}
header .menu ul li.active .title:before,header .menu ul li:hover .title:before{ content: ""; position: absolute; left: 0px; width: 100%; bottom: 0px; background-color: var(--linkColor); height: 2px;}
header:hover  .logo .img2,
header.active .logo .img2,
header.second .logo .img2{ display: block;}
header:hover .logo .img1,
header.active .logo .img1,
header.second .logo .img1{ display: none;}
header.hover-8 .logo .img2,
header.hover-7 .logo .img2,
header.hover-5 .logo .img2,
header.hover-3 .logo .img2,
header.hover-1 .logo .img2{ display: block;}
header.hover-8 .logo .img1,
header.hover-7 .logo .img1,
header.hover-5 .logo .img1,
header.hover-3 .logo .img1,
header.hover-1 .logo .img1{ display: none;}
header.second { color: #2e2e2e;}
header.second a{ color: #2e2e2e;}
header .tpright .btn{ height: 55px; width: 57px; display: none; border-left: 1px #bcbcbc solid; border-right: 1px #bcbcbc solid;}
header .tpright .btn .iconfont{ font-size: 26px; color: var(--linkColor);}
.pageSwiper{height: 100vh; overflow: hidden;}
.page{ width:100%; height:100vh;display: flex;    flex-direction: column; overflow:hidden;}
.banner{ flex:1; position:relative; overflow: hidden;width:100%;}
.banner ul{ height:100%;}
.banner ul li img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.banner ul li {  position:relative; height:100%;}
.banner ul li .container{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); z-index:40; color:#fff;}
.banner ul li .container .banner_text .title{ font-size:60rem; line-height: 1.3; margin: 20rem 0rem 35rem;}
.banner ul li .container .banner_text .lab{ font-size: 20rem;}
.banner ul li .container .banner_text .lab .txt{ margin-left: 10px; }
.more1 a{ width: 188rem; height: 59rem; display: flex; align-items: center; justify-content: center; font-size: 18rem; color: #fff; background-color: var(--linkColor); border-radius: 10rem;}
.more1 a .iconfont{ font-size: 18rem; margin-left: 11rem;transition: all .5s ease;
    -webkit-transition: all .5s ease;}
.more1 a:hover .iconfont{ margin-left: 21rem;}
.banner .sbtn{ bottom: 3%; width: 100%; z-index: 100; position: absolute;}
.banner .sbtn span{ width: 35px; height: 3px; border-radius:0; opacity: 1; display: inline-block; margin: 0px 7px;background-color:rgba(255,255,255,0.5); cursor: pointer;transition:all .5s;}
.banner .sbtn span.active{background-color:rgba(255,255,255,1); width: 60px;}
.online{ position: fixed; right: 2%; bottom: 10%; z-index: 100;}
.online ul li{ margin-top: 15rem; position: relative;}
.online ul li .label{ width: 52rem; height: 52rem; background-color: var(--linkColor); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.online ul li .label .iconfont{ font-size: 30rem;}
.online ul li .label .icon-dianhua3{ font-size: 35rem;}
.online ul li .label .icon-zhiding{ font-size: 26rem;}
.online ul li.active .label,.online ul li:hover .label{ background-color:#fff; color: var(--linkColor);}
.online ul li .code{ position: absolute; width: 97px; height: 97px; padding: 0px;position: absolute;
    top: 50%;
    right: 42rem;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 3px 3px rgba(22, 98, 183, 0.1);
    transform: translate(-25px, -50%);
    background-color: #fff;
    transition: all .3s ease-in-out;}
.online ul li:hover .code{ opacity: 1; right: 52rem;visibility: visible;}
.online ul li .code:before{
        content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    bottom: 0;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
    background: #fff;
    box-shadow: 3px -3px 3px rgba(22, 98, 183, 0.1);
}
.online ul li .code.no1{ width: 165px; height: 45px;}
.online ul li .code.no1 a{ color: var(--linkColor);}
header .menu ul li .submenu{ position: absolute; top: 110%; background-color: #fff; color: #333; width: 100%; left: 0px;visibility:hidden; opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;pointer-events:none;}
header .menu ul li .submenu .container{ align-items: flex-start; padding: 3% 0px;}
header .menu ul li .submenu .photo{ width: 35%; border-radius: 20rem; overflow: hidden; cursor: pointer;}
header .menu ul li .submenu .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
header .menu ul li .submenu .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
header .menu ul li .submenu .sub_list{width: 60%;display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3%;
align-items: stretch;}
header .menu ul li .submenu .sub_list dd{ border-bottom: #bcbcbc 1px solid; padding: 15px 0px; font-size: 16px;}
header .menu ul li .submenu .sub_list dd a{ color: #333;}
header .menu ul li .submenu .sub_list dd a:hover{ color: var(--linkColor);}
header.pass{ background-color: #fff;}
header .menu ul li:hover .submenu{ top: 100%;visibility: visible; opacity: 1; pointer-events: visible;}

.part_2{flex: 1;
    background-image: url(../images/part_2bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;}
.part_2 .p_box .tpleft{ width: 30.8%;}
.part_2 .p_box .p_right{ width: 51.9%;}
.part_2 .p_box .p_right ul li .photo{ display: block; overflow: hidden; border-radius: 20rem; margin-bottom: 10px;}
.part_2 .p_box .p_right ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.part_2 .p_box .p_right ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.part_2 .p_box .p_right ul li .title .txt{ font-size: 26rem;}
.part_2 .p_box .p_right ul li .title .more{ font-size: 18rem;}
.part_2 .p_box .p_right ul li .title .more img{ height: 20rem; width: auto; margin-right: 7px;}
.part_2 .p_box .p_right ul li a:hover{ color: var(--linkColor);}
.part_2 .p_box .tpleft .lab{ font-size: 45rem;}
.part_2 .p_box .tpleft .title{ font-size: 50rem; margin-bottom: 45rem; font-weight: 600;}
.part_2 .p_box .tpleft .txt{ font-size: 30rem; margin-bottom: 20rem;}
.part_2 .p_box .tpleft .txt .iconfont{ color: var(--linkColor);}
.part_2 .p_box .tpleft .list{ border-bottom: 1px #b4b4b4 solid; padding-bottom: 34rem; margin-bottom: 37rem;}
.part_2 .p_box .tpleft .list dd{ font-size: 18rem; color: #838383; padding: 5px 0px; cursor: pointer;}
.part_2 .p_box .tpleft .list dd:before{ content: "-"; margin-right: 6px;}
.part_2 .p_box .tpleft .list dd.cur{ color: var(--linkColor);}

.part_3{flex: 1;
    display: flex;
    align-items: center; position: relative;
    justify-content: center; color: #fff;}
.part_3 .swiper7{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.part_3 .swiper7 img{
    width: 100%; height: 100%; object-fit: cover;
}
.part_3 .p_box { margin-bottom: 125rem;}
.part_3 .p_box .index_bt{ width: 48.6%;}
.part_3 .p_box .tpright{ width: 50%; padding: 70rem 48rem; border-left: 1px rgba(255,255,255,0.7) solid;}
.part_3 .p_box .tpright .list{ font-size: 16px; line-height: 1.9; margin-bottom: 55rem;}
.index_bt .lab{ font-size: 45rem;}
.index_bt .title{ font-size: 50rem; font-weight: 600;}
.str_list{border-top: 1px rgba(255,255,255,0.5) solid; border-left: 1px rgba(255,255,255,0.5) solid;}
.str_list ul{ display: flex; align-items: stretch;}
.str_list ul li{ flex:1; height: 105rem; display: flex; align-items: center; justify-content: center; font-size: 24rem; border-right: 1px rgba(255,255,255,0.5) solid; border-bottom: 1px rgba(255,255,255,0.5) solid; cursor: pointer;}
.str_list ul li.active{background-color: var(--linkColor); color: #fff;}

.part_4{flex: 1;
    background-image: url(../images/part_4bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;}
.part_4 .p_box .tpleft{ width: 40.9%;}
.part_4 .p_box .s_right{ width: 593rem; height: 593rem; margin: 0rem 108rem; position: relative;}
.part_4 .p_box .tpleft .swiper{overflow: visible; z-index:999;}
.part_4 .p_box .tpleft .sml{ font-size: 24rem; margin: 30rem 0rem; transform:translateY(30px);opacity: 0;transition: all .5s;}
.part_4 .p_box .tpleft .desc{  font-size: 20rem; color: #838383; line-height: 2; margin-bottom: 30rem;transform:translateY(30px);opacity: 0;transition-delay: 0s;transition: all .5s;}
.part_4 .p_box .tpleft .more1{transform:translateY(30px);opacity: 0;transition-delay: 0s;transition: all .5s;}
.part_4 .p_box .tpleft .swiper-slide{transform: translateY(-50px); pointer-events:none;}
.part_4 .p_box .tpleft .swiper-slide-active{transform: translateY(0px);pointer-events:visible;}
.part_4 .p_box .tpleft .swiper-slide-active .sml{transform: translateY(0);opacity: 1;transition: all 1.5s;}
.part_4 .p_box .tpleft .swiper-slide-active .desc{transform: translateY(0);opacity: 1;transition: all 1.5s;transition-delay: 0.4s;}
.part_4 .p_box .tpleft .swiper-slide-active .more1{transform: translateY(0);opacity: 1;transition: all 1.5s;transition-delay: 0.8s;}
.part_4 .p_box .s_right .biank{ width: 593rem; height: 593rem; border: 1px #b4b4b4 solid; border-radius: 50%;}
.part_4 .p_box .s_right .list{ width: 75%; height: 75%; border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.part_4 .p_box .s_right .list dd img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center; transform: scale(1.1);transition: transform 2s;}
 .part_4 .p_box .s_right .list dd .swiper-slide-active img{transform: scale(1);}
.part_4 .p_box .s_right .items:nth-child(2){ position: absolute; display: flex; align-items: center; font-size: 20rem; left: 511rem; top: 96rem;}
.part_4 .p_box .s_right .items .icon{ width: 87rem; height: 87rem; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 8px rgb(0 0 0 / 12%); background-color: #fff; font-size: 30rem; font-weight: 600;transition: all .3s ease;-webkit-transition: all .3s ease;cursor: pointer;}
.part_4 .p_box .s_right .items .txt{ flex:1;white-space:nowrap; margin-left: 12rem;}
.part_4 .p_box .s_right .items:nth-child(1){ position: absolute; display: flex; align-items: center; font-size: 20rem; right: 511rem; top: 96rem;flex-direction: row-reverse;}
.part_4 .p_box .s_right .items:nth-child(1) .txt{ margin-right: 12rem;}
.part_4 .p_box .s_right .items:nth-child(4){ position: absolute; display: flex; align-items: center; font-size: 20rem; right: 511rem; bottom: 96rem;flex-direction: row-reverse;}
.part_4 .p_box .s_right .items:nth-child(4) .txt{ margin-right: 12rem;}

.part_4 .p_box .s_right .items:nth-child(3){ position: absolute; display: flex; align-items: center; font-size: 20rem; left: 511rem; bottom: 96rem;}
.part_4 .p_box .s_right .items .icon-shenglvehao{ font-size: 50rem;}
.part_4 .p_box .s_right .items.active .icon,.part_4 .p_box .s_right .items .icon:hover{ background-color: var(--linkColor); color: #fff;box-shadow: 0px 0px 15px rgb(0 163 63 / 45%);}
.part_5{flex: 1;
    display: flex;
    align-items: center;
    justify-content: center; position: relative;}
.Application,.Application ul,.Application ul li{ width: 100%; height: 100%;}
.Application ul li img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.part_5 .areas{ position: absolute; z-index: 99; left: 50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,-50%); top: 50%; height: 100%;border-left: 1px rgba(255,255,255,0.1) solid;}
.part_5 .areas ul,.part_5 .areas ul li{ height: 100%;}
.part_5 .areas ul{ display: flex; align-items: stretch;}
.part_5 .areas ul li{ flex:1; border-right: 1px rgba(255,255,255,0.1) solid; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; flex-direction: column; font-size: 20rem;transition: all .3s ease;-webkit-transition: all .3s ease; position: relative; cursor: pointer; padding-top: 10%;}
.part_5 .areas ul li a{display: flex; flex-direction: column;color: #ffffff; align-items: center;}
.part_5 .areas ul li .line{ width: 20px; height: 2px; display: inline-block; position: relative; z-index: 10;}
.part_5 .areas ul li img{ height: 58rem; width: auto;}
.part_5 .areas ul li .title{ margin: 30rem auto; position: relative; z-index: 10;}
.part_5 .areas ul li .icon{  position: relative; z-index: 10;}
.part_5 .areas ul li:hover:before{ content: ""; width: 100%; height: 100%; background-image: linear-gradient( 0deg ,rgba(0,163,63,.9),transparent); position: absolute; left: 0px; top: 0px;}
.part_5 .areas ul li:hover .line{ background-color: #fff;}
.part_5 .index_bt{ width: 100%; position: absolute; text-align: center; left: 0px; top: 20%; color: #fff; z-index: 100;}
.case_tit .tpright{ gap: 37rem;}
.case_tit .tpright .btn{ width: 63rem; height: 63rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30rem; background-color: #2e2e2e; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;z-index:99;}
.part_6{flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;background-image: url(../images/part_6bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.case_tit .tpright .btn:hover,.case_tit .tpright .btn.active{ background-color: var(--linkColor);}
.case_tit .tpright .btn.prev:before{ display: block;transform: rotate(180deg);}
.part_6 .case_tit{ margin-bottom: 40rem;}
.index_case:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_case ul li{ width: 44%; float: left; margin-right: 1.3%;}
.index_case ul li a{ display: block;}
.index_case ul li a .photo{position:relative; display:block; padding-top:53.8%; width:100%; overflow:hidden; border-radius: 20rem; margin-bottom: 25rem;}
.index_case ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_case ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_case ul li a .photo .box{ position: absolute; left: 0px; width: 100%; bottom: 0px; color: #fff; padding: 25rem; font-size: 20rem; line-height: 2; z-index: 5; opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_case ul li:last-child{ margin-right: 0px;}
.index_case ul li a .title{ font-size: 24rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_case ul li a .photo:before{ content: "";background-image: linear-gradient( 0deg ,rgba(0,163,63,.9),transparent); position: absolute; width: 100%; height: 80%;  z-index: 2; bottom: 0px; opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_case ul li a:hover .photo:before{ opacity: .5;}
.index_case ul li a:hover .photo .box{ opacity: 1;}
.topIndex{ z-index:999;}
.part_7{flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; color: #fff; position: relative;}
.part_7 .video{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.part_7 .video video{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;object-fit: cover;
 object-position: center center;}
.part_7 .p_box{ margin-bottom: 52rem; padding-top: 10%;}
.part_7 .p_box .tpleft{ width: 45%;}
.part_7 .p_box .tpleft .desc{ margin-top: 30rem;  font-size: 18rem; line-height: 1.7; margin-bottom: 42rem;}
.part_7 .p_box .tpright{ width: 45%;position:relative;}
.part_7 .p_box .tpright .closebtn{ position:fixed; z-index:999999; top:75px; right:15px;width:20px; height:20px; background:url(../images/close.svg) center no-repeat; background-size:contain; display:none;}
.part_7 .p_box .tpright video{display: none; width: 100%;}
.part_7 .p_box .tpright img{ width: auto; height: auto; cursor: pointer;}
.part_7 .p_box .tpright .videoButton{position: relative;}
.part_7 .p_box .tpright .videoButton::before,
.part_7 .p_box .tpright .videoButton::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
}
.part_7 .p_box .tpright .videoButton::before {
    background: #28ba62;
    animation: videoBtn 2s linear infinite;
}
.part_7 .p_box .tpright .videoButton::after {
    background: #98e8b8;
    animation: videoBtn2 2s linear infinite;
}
.part_7 .container{ position: relative; z-index: 20;}
.index_honor ul{ display: flex; align-items: stretch;}
.index_honor ul li{ flex:1; display: flex; align-items: center; justify-content: space-between; padding: 20rem 29rem; font-size: 16rem; position: relative;}
.index_honor ul li:before{ content: "";background:linear-gradient( 257deg, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 60%,rgba(255,255,255,10%) 100%);  width: 1px; height: 100%; position: absolute; right: 0px; top: 0px;}
.index_honor ul li .tpleft .num{ font-size: 50rem; font-weight: 600;}
.index_honor ul li .iconfont{ font-size: 60rem;}
.index_honor ul li:last-child:before{ display: none;}
.part_8{flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;background-image: url(../images/part_8bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.newclass ul li{ cursor: pointer; font-size: 25rem; margin-left: 58rem; position: relative; line-height: 1;}
.newclass ul li.active,.newclass ul li:hover{ color: var(--linkColor); font-weight: 600;}
.part_8 .case_tit{ margin-bottom: 40rem;}
.newclass ul li:before{ content: "";
    position: absolute;  background-image: linear-gradient( 268deg ,rgba(0,163,63,.9),transparent); 
    left: 50%; top: 0px;transition: all .3s ease;-webkit-transition: all .3s ease;  transform:translateX(-50%);-webkit-transform:translateX(-50%); width: 80%; height: 15rem;  border-radius:10px;  opacity: 0;
}
.newclass ul li.active:before,.newclass ul li:hover:before{ opacity: .55; top: 80%;}
.new_content{ display: flex; align-items: stretch; gap: 20px;}
.tab-content{display: none;}
.tab-content:first-child{display: block;}
.new_content .new_left{
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
align-items: stretch; flex:1;}
.new_content .new_left li{flex:1;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;  overflow: hidden;}
.new_content .new_left li a{ display: block;}
.new_content .new_left li a .photo{position:relative; display:block; padding-top:72.6%; width:100%; overflow:hidden;}
.new_content .new_left li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.new_content .new_left li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_content .new_left li a .box{ padding: 23rem;align-items: flex-start;}
.new_content .new_left li a .box .tpleft{ flex:1;}
.new_content .new_left li a .box .iconfont{ width: 24px; height: 24px; border: 1px var(--linkColor) solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); margin-top: 3px; font-size: 14px;}
.new_content .new_left li a .box .tpleft .title{ font-size: 20rem; margin-bottom: 3px;}
.new_content .new_left li a .box .tpleft .date{ color: #707070; font-size: 16rem;}
.new_content .new_left li:hover{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.new_content .new_left li a:hover .box .iconfont{ background-color: var(--linkColor); color: #fff;}
.new_content .new_right {width: 36.25%;}
.new_content .new_right li{background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    transition: all .5s;
    -webkit-transition: all .5s; overflow: hidden; margin-bottom: 20px;}
.new_content .new_right li:last-child{ margin-bottom: 0px;}
.new_content .new_right li a{ display:flex; align-items: stretch;}
.new_content .new_right li a .photo{ width: 38%;position:relative; display:block; padding-top:23.6%;  overflow:hidden;}
.new_content .new_right li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.new_content .new_right li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_content .new_right li:hover{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.new_content .new_right li .box{ display: flex; flex-direction: column; justify-content: space-between; padding: 23rem; flex:1;  overflow: hidden;}
.new_content .new_right li .box .title{ font-size: 20rem; margin-bottom: 3px;}
.new_content .new_right li .box .date{ color: #707070; font-size: 16rem; flex:1;}
.new_content .new_right li .box .icon{ display: flex; justify-content: flex-end;}
.new_content .new_right li .box .icon .iconfont{ width: 24px; height: 24px; border: 1px var(--linkColor) solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); margin-top: 3px; font-size: 14px;}
.new_content .new_right li:hover .box .icon .iconfont{ background-color: var(--linkColor); color: #fff;}

footer{background-image: url(../images/footbg_02.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; padding-top: 34px; padding-bottom: 40px; color: #fff; height: auto !important;}
footer .foot_1{ align-items: flex-start; margin-bottom: 20px;}
footer .foot_1 .tpleft{ width: 39.6%; margin-right: 3%;}
footer .foot_1 .tpleft .dblogo{ margin-bottom: 35rem;}
footer .foot_1 .tpleft .dblogo img{ height: 78rem; width: auto;}
footer .foot_1 .tpleft .list dd{ margin-bottom: 4px; font-size: 20rem;}
footer .foot_1 .tpleft .list dd .iconfont{ font-size: 13px; width: 15px; margin-right: 6px;}
footer .foot_1 .tpleft .list dd .icon-guanwang{ font-size: 14px;}
footer .foot_1 .db_menu{ flex:1; overflow: hidden;}
footer .foot_1 .db_menu ul { gap: 20px; align-items: flex-start;}
footer .foot_1 .db_menu ul li .submenu a{ display: block; font-size: 16rem; color: #7b7b7b; padding: 5px 0px;}
footer .foot_1 .db_menu ul li .submenu a:hover{ color: #fff; opacity: .8;}
footer .foot_1 .db_menu ul li .title{ font-size: 22rem; margin-bottom: 40rem;color:#fff;}
footer .foot_1 .db_menu ul li .title:hover{ font-size: 22rem; margin-bottom: 40rem;color:#00a33f;}
footer .foot_2 .tpleft{width: 33%;color: #7b7b7b;font-size: 18rem;line-height: 1.7;}
footer .foot_2 .tpleft a:hover{ color: #fff;}
footer .foot_2 .tpleft .link{ display: flex; align-items: center;}
footer .foot_2 .tpleft .link .iconfont{ width: 22rem; height: 22rem; display: flex; align-items: center; justify-content: center; background-color: var(--linkColor); color: #11222a; font-size: 18rem; border-radius: 50%; margin-right: 7px;}
footer .foot_2 .tpleft a{color: #7b7b7b;}
footer .foot_2 .weix{ gap: 38rem;}
footer .foot_2 .weix li{ width: 125rem; text-align: center; font-size: 18rem;}
footer .foot_2 .weix li img{ margin-bottom: 5px;}


/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 15px;

}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #333;
	position: relative;
	border-radius: 5px;
}

.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 85px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 24px;
}

.menu-mc .list ul li {
	line-height: 60px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(0, 0, 0, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #2e2e2e;
}

.menu-mc .list ul li .title .iconfont {
	color: #c4c4c4;
	padding-left:20px;
}
.menu-mc .list ul li .title.active .iconfont:before{ content: "\eaf5";}
.menu-mc .list ul li a {
	display: block;
	font-size: 14px;
	color: #838383;
}

.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 45px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}

.bottom_menu{ width: 95%;  background-color: var(--linkColor); position: fixed; left: 50%; border-radius: 7px; bottom: 10px; z-index: 100;transform:translateX(-50%);-webkit-transform:translateX(-50%); display: none;}
.bottom_menu ul{ display: flex; align-items: stretch;}
.bottom_menu ul li { flex:1;}
.bottom_menu ul li a{ display: flex; align-items: center; justify-content: center; height: 40px; color: #fff; font-size: 14px;}
.bottom_menu ul li a .iconfont{  font-size: 18px; margin-right: 7px;}

.casebt{ gap: 15px; display: none; margin-top: 20px;}
.casebt .btn{ width: 27px; height: 27px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; background-color: #2e2e2e; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;z-index:99;}
.casebt .btn:hover,.casebt .btn.active{ background-color: var(--linkColor);}
.casebt .btn.prev:before{ display: block;transform: rotate(180deg);}

.show_1{background-image: url(../images/show_01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; padding-top: 157rem; padding-bottom: 78rem;}
.show_1 .content{ width: 47%;}
.show_1 .photo{ width: 39%;}
.show_1 .photo img{ border-radius: 20rem;}
.show_1 .content .title{ font-size: 36rem; color: var(--linkColor); line-height: 1;}
.show_1 .content .desc{ font-size: 18rem; margin: 38rem 0rem; line-height: 1.7;}
.main{ padding: 60px 0px;}
.show_2{ display: flex; align-items: flex-start;}
.show_2 .show_left{ width: 135px; margin-right: 28px;position: sticky; left:0px; top:100px;}
.show_2 .show_right{ flex:1;}
.show_2 .show_left ul li{border-left: 1px #bababa solid; font-size: 18px;position: relative; padding: 15px 0px; padding-left: 15px; cursor: pointer;}
.show_2 .show_left ul li:before{ content: ""; left: -1px; width: 3px; height: 0px; position: absolute; top: 0px;transition: all .3s ease;-webkit-transition: all .3s ease; background-color: var(--linkColor);}
.show_2 .show_left ul li.on:before{ height: 100%;}
.show_2 .show_left ul li:hover,.show_2 .show_left ul li.on{ color: var(--linkColor);}
.show_2 .show_left ul li.active:before{ height: 100%;}
.show_2 .show_right .show_tit{ font-size: 36rem; line-height: 1; margin-bottom: 32rem;}
.show_2 .show_right .attributes{ border-left: 1px #bababa solid; border-top: 1px #bababa solid; margin-bottom: 85rem;}
.show_2 .show_right .attributes ul{display: flex; align-items: stretch; flex-wrap: wrap;}
.show_2 .show_right .attributes ul li{ width: 50%;border-right: 1px #bababa solid; border-bottom: 1px #bababa solid; font-size: 28rem; min-height: 60px; padding: 20px 20px; display: flex; align-items: center;}
.show_2 .show_right .attributes ul li.last{ width: 100%;}
.show_2 .show_right .parameters{margin-bottom: 85rem; width: 100%; overflow-x: auto;}
.show_2 .show_right .parameters table{ width: 100%; border-left: 1px #bababa solid; border-top: 1px #bababa solid; text-align: center; color: #656565; font-size: 18rem;}
.show_2 .show_right .parameters table td{border-right: 1px #bababa solid; border-bottom: 1px #bababa solid; padding: 14px 6px;}
.show_2 .show_right .parameters table .first{ font-size: 24rem; background-color: #f3f3f3; color: #191919;}
.show_2 .show_right .parameters table .first td{padding: 6px 6px;}
.show_2 .show_right .device_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 22px 16px;
align-items: stretch;}
.show_2 .show_right .device_list ul li{ overflow: hidden;}
.show_2 .show_right .device_list ul li a{ display: block; background-color: #f3f3f3; text-align: center;transition: all .3s ease;-webkit-transition: all .3s ease; font-size: 24rem;}
.show_2 .show_right .device_list ul li a .photo{position:relative; display:block; padding-top:73.5%; width:100%; overflow:hidden;}
.show_2 .show_right .device_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.show_2 .show_right .device_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.show_2 .show_right .device_list ul li a:hover{ background-color: var(--linkColor); color: #fff;}
.show_2 .show_right .device_list ul li a .title{ padding: 10px 6px;}

.nybanner{ position: relative;}
.nybanner img{ width: 100%; height: auto; min-height: 300px;object-fit: cover;
 object-position: center center;}
.nybanner .container{ left: 50%; top:50%; position: absolute;transform: translate(-50%,-50%);}
.nybanner .title{ font-size: 50rem; font-weight: 600; color: #fff; align-items: flex-start; line-height: 1;}
.nybanner .title img{ width: 17rem; height: auto; min-height: auto; margin-right: 17rem; margin-top: 3rem;}
.column{ background-color: #fafafa; width: 100%; overflow-x: auto; overflow-y: hidden;}
.column ul li,.column ul li a{ font-size: 20rem; color: #2e2e2e; height: 80rem; display: flex; align-items: center; justify-content: center;}
.column ul li{ margin-right: 83rem; cursor: pointer; position: relative;}
.column ul li.on,.column ul li a:hover,.column ul li.on a{ color: var(--linkColor); font-weight: 600;}
.column ul li.on:before{ content: ""; bottom: -1px; left: 0px; height: 4px; background-color: var(--linkColor); width: 100%; position: absolute;}
.column ul li{white-space:nowrap}

.product_list ul li{ background-color: #fafafa; border-radius: 5px; padding: 55rem 63rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin-bottom: 60rem; position: sticky;}
.product_list.static ul li{ position:static; top:0;}
.product_list ul li:nth-child(1){top: 120rem;}
.product_list ul li:nth-child(2){top: 200rem;}
.product_list ul li:nth-child(3){top: 280rem;}
.product_list ul li:hover{box-shadow: 0px 0px 12px rgb(0 0 0 / 8%);}
.product_list ul li .content{ width: 45.4%;}
.product_list ul li .photo{ width: 39%; border-radius: 20rem; overflow: hidden;}
.product_list ul li .photo a{position:relative; display:block; padding-top:61.7%; width:100%; overflow:hidden;}
.product_list ul li .photo a img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.product_list ul li .photo a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.product_list ul li .content .title a{ font-size: 36rem; line-height: 1.2; }
.product_list ul li .content .desc{ color: #838383; font-size: 18rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin: 35rem 0rem; line-height: 1.9;}
.product_list ul li:nth-child(odd){flex-direction: row-reverse; }
.product_list ul li:hover .content .title a{color: var(--linkColor);}
.case_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 27rem;
align-items: stretch;}
.case_list ul li{ position: relative; border-radius: 20rem; overflow: hidden;}
.case_list ul li a{ display: block;}
.case_list ul li a .photo{ padding-top: 72%;}
.case_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;object-position: center center;}
.case_list ul li:before{ content: ""; position: absolute; width: 100%; height: 100%;    background-color: rgba(0, 163, 63, 0.7); left: 0px; bottom: 100%;
    transition: 0.5s; z-index: 2;}
.case_list ul li:hover:before{ bottom:0px;}

.case_list ul li .box{ position: absolute; left: 50%; top: 64%; text-align: center; color: #fff; font-size: 20rem;transform: translate(-50%,-50%); z-index: 20;}
.case_list ul li .more2{ width: 188rem; height: 59rem; display: flex; align-items: center; justify-content: center; font-size: 18rem; color: #fff; background-color: #fff; border-radius: 10rem; color: var(--linkColor); margin-top: 65rem;transition: 0.5s;
	transform: scale(0);}
.case_list ul li .more2 .iconfont{ font-size: 18rem; margin-left: 11rem;transition: all .5s ease;
    -webkit-transition: all .5s ease;}
.case_list ul li .box .icon{ margin-bottom: 30rem;transition: 0.2s;}
.case_list ul li .box .icon img{ height: 55rem; width:auto;}
.case_list ul li:hover .box .icon { margin-bottom: 0px; height: 0px;}
.case_list ul li:hover .box .icon img{ height: 0px;}
.case_list ul li:hover .more2{transform: scale(1);}
.case_list ul li:hover .box{ top:50% ;}
.case_one ul li a{display: flex; align-items: stretch;}
.case_one ul li a .tpleft{width: 33.4%;}
.case_one ul li a .tpleft .box{ padding: 20px 19% 20px 19%; height: 100%;
    width: 100%; display: flex; flex-direction: column;  justify-content: center;}
.case_one ul li a .photo{ flex:1; overflow: hidden; position:relative;}
.case_one ul li a .photo:after{content:"";position:absolute;width:100%;height:100%;top:0;transition-duration: 1.5s;}
.case_one ul li:nth-child(odd) a .photo:after{ background:#00a33f;left:0;}
.case_one ul li:nth-child(even) a .photo:after{ background:#e6e6e6;right:0;}
.case_one ul li.visible a .photo:after{width:0px !important;}
.case_one ul li a .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.case_one ul li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.case_one ul li:nth-child(odd){ background-color: #00a33f;}
.case_one ul li:nth-child(even){ background-color: #e6e6e6;}
.case_one ul li:nth-child(odd) a{ color: #fff;}
.case_one ul li:nth-child(even) a{ color: #2e2e2e;flex-direction: row-reverse; }
.case_one ul li a .tpleft .box .num{ font-size: 120rem; line-height: 1; opacity: .1; margin-bottom: -40rem; font-weight: 600;}
.case_one ul li a .tpleft .box .title{ font-size: 30rem; line-height: 1.7; position: relative; z-index: 2; border-bottom: 1px #fff solid; padding-bottom: 25rem; margin-bottom: 25rem;}
.case_one ul li a .tpleft .box .desc{ font-size: 20rem;}
.case_one ul li a .tpleft .box .desc p{ margin-bottom: 15rem;}
.case_one ul li a .tpleft .box .desc p:last-child{ margin-bottom: 0px;}

.about_part1 .about_1{ margin-bottom: 53rem;}
.about_part1 .about_1 .desc{ font-size: 18rem; line-height: 1.7;}
.about_part1 .about_1 .desc p{ margin-bottom: 24rem;}
.about_tit{ font-size: 50rem; margin-bottom: 35rem; text-align: center;}
.about_part1 .about_1 .about_tit{ text-align: center;}
.about_part1 .about_1 .photo{ text-align: center; margin-top: -20rem;}
.about_part1 .about_2 .content{ width: 47.8%;}
.about_part1 .about_2 .photo{ width: 50%;}
.about_part1 .about_2 .about_tit{  text-align: left;}

.about_part1 .about_2 .content .desc4{ font-size: 18rem; line-height: 1.7; margin-bottom: 50rem;}
.index_honor.no2 ul li{ padding: 0px; flex:none;}
.index_honor.no2 ul{ justify-content: space-between;}
.index_honor.no2 ul li .title{ color: var(--linkColor);}
.about_part1 .about_2{ margin-bottom: 57rem;}
.about_part1 .about_2 .photo { overflow: hidden;border-radius: 20rem;}
.about_part1 .about_2 .photo img{ border-radius: 20rem;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.about_part1 .about_2 .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.about_part2 ul{ align-items: stretch; flex-wrap: wrap;}
.about_part2 ul li{ flex:1; position: relative; overflow: hidden;}
.about_part2 ul li img{ width: 100%; height: 100%;}
.about_part2 ul li:before{ content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: .4; position: absolute;}
.about_part2 ul li:after{ position: absolute;background-image: linear-gradient( 0deg ,rgba(0,163,63,.9),transparent); content: ""; width: 100%; height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease; top: 100%; left: 0px;z-index: 2;}
.about_part2 ul li:hover:after{ top: 0px;}
.about_part2 ul li .box{ position: absolute; width: 100%; left: 0px; bottom: -70px; z-index: 30; text-align: center; color: #fff; padding-bottom:40px;transition: all .3s ease;-webkit-transition: all .3s ease; }
.about_part2 ul li .box .title{ font-size: 30rem;}
.about_part2 ul li .box .sml{font-size: 24rem;transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_part2 ul li .line{ width: 1px;  height: 26px; margin: 40rem auto;transition: all .3s ease;-webkit-transition: all .3s ease; position: relative;}
.about_part2 ul li .line:before{ content: ""; width: 1px; height: 0px;background-color: #fff; position: absolute; left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_part2 ul li:hover .line:before{ height: 26px;}
.about_part2 ul li:hover .box{ bottom: 0px;}
.about_part2{ position: relative;}
.about_part2 .about_tit{ position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); color: #fff; top: 72rem; color: #fff; z-index: 30;}
.about_part3{ padding: 64rem 0rem;}
.about_part3:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.about_part3 .honor1{ margin-bottom: 50rem;}
.about_part3 .honor1:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.about_part3 .honor1 ul{}
.about_part3 .honor1 ul li{ width: 23%; margin-right: 2.4%; float: left; font-size: 20rem;}
.about_part3 .honor1 ul li:last-child{ margin-right: 0px;}
.about_part3 .honor1 ul li .photo{ background-color: #efefef; border-radius: 20rem; text-align: center;  padding: 25rem;  margin-bottom: 10px;}
.about_part3 .honor1 ul li .photo img{ max-width: 100%; max-height: 100%;}

.honor_one{ position: relative;}
.honor_one .tpleft{ gap: 37rem;}
.honor_one .tpleft .btn{ width: 63rem; height: 63rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30rem; background-color: #2e2e2e; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;z-index:99;}
.honor_one .tpleft .btn:hover,.honor_one .tpleft .btn.active{ background-color: var(--linkColor);}
.honor_one .tpleft .btn.prev:before{ display: block;transform: rotate(180deg);}
.honor_one .list{ width: 37%; height: 3px; background-color: #bfbfbf; display: flex;}
.honor_one .list span{ background-color: #000000; height: 3px; display: inline-block; transition:all .3s;}
.honor_one .swiper-pagination {
    height: 3px;
    width: 37%;
    right: 0;
    left: unset;
    top: unset;
    bottom: 0px;
}
.honor_one .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #000000;
}
.about_part4{background-image: url(../images/fhuobg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; padding-bottom: 134px;}
.copration_1{ width: 100%; position: relative; height: 640rem;}
.copration_1 .z_slogo_box{ width: 301rem; height: 301rem;position: absolute;
    z-index: 1;
    left: 46%;
    top: 21.875%;}
.copration_1 .z_slogo_box .z_slogo{ width: 100%; height: 100%;}
.copration_1 .z_slogo_box:before{content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dashed #15ab4f;
    padding: 18px;
    -webkit-animation: rotateT 100s linear infinite;
    animation: rotateT 100s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;}
.copration_1 .z_slogo_box:after{content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px dashed #15ab4f;
    padding: 42px;
    -webkit-animation: rotateT 60s linear infinite;
    animation: rotateT 60s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;}
.copration_1 .z_lclogo{ background-color: #fff; display: flex; align-items: center; justify-content: center; position:absolute; border-radius: 50%; overflow: hidden;}
.copration_1 .z_lclogo1{ width: 206rem; height: 206rem;left: 25.94%;
    top: 10%;
    -webkit-animation: moves2 2s linear infinite;
    animation: moves2 2s linear infinite;}
.copration_1 .z_lclogo2{ width: 176rem; height: 176rem;left: 14.25%;
    top: 35%;
    -webkit-animation: moves2 3s linear infinite;
    animation: moves2 3s linear infinite;}
.copration_1 .z_lclogo3{ width: 206rem; height: 206rem; left: -0.375%;
    top: 51.25%;
    -webkit-animation: moves2 4s linear infinite;
    animation: moves2 4s linear infinite;}
.copration_1 .z_lclogo4{width: 176rem; height: 176rem; left: 31%;
    top: 51.25%;
    -webkit-animation: moves2 5s linear infinite;
    animation: moves2 5s linear infinite;}
.copration_1 .z_lclogo5{ width: 167rem; height: 167rem;left: 76%;
    top: 6.72%;
    -webkit-animation: moves2 2s linear infinite;
    animation: moves2 2s linear infinite;}
.copration_1 .z_lclogo6{ width: 149rem; height: 149rem; left: 71%;
    top: 38.75%;
    -webkit-animation: moves2 3s linear infinite;
    animation: moves2 3s linear infinite;}
.copration_1 .z_lclogo7{ width: 218rem; height: 218rem; left: 83.5%;
    top: 38.75%;
    -webkit-animation: moves2 4s linear infinite;
    animation: moves2 4s linear infinite;}
.copration_1 .z_lclogo8{width: 176rem; height: 176rem;  left: 65.5%;
    bottom: 0;
    -webkit-animation: moves2 5s linear infinite;
    animation: moves2 5s linear infinite;}
.copration_1 .z_lclogo img{ }
.copration_1 .z_lclogo a{max-width: 70%; max-height: 70%;}
@-webkit-keyframes moves2 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes moves2 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes rotateT {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotateT {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

.about_part4{ margin-bottom: 80rem;}
.environment ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 39rem 36rem;
align-items: stretch;}
.environment ul li .photo{position:relative; display:block; padding-top:70.3%; width:100%; overflow:hidden;}
.environment ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.environment ul li .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.tech_one{ display: flex; align-items: flex-start;}
.tech_one .tech_class{ width: 50px;display: flex; flex-direction: column;margin-right: 33rem; padding-top: 62rem; align-items: center; position: sticky; top: 120rem;}
.tech_one .tech_class span{ width: 2px; height: 81rem; background-color: var(--linkColor); margin-bottom: 16rem; display: inline-block; opacity: .35;  cursor: pointer;transition: all 0.36s;}
.tech_one .tech_class span.active{ opacity: 1;}
.product_list.no2 ul li{flex-direction: row !important;}
.product_list ul li .photo{box-shadow: 0px 0px 8px rgb(0 163 63 / 8%);}
.tech_one{ margin-bottom: 56rem;}
.about_tit.no2{ text-align: left;}
.tech_two{background-image: url(../images/Technolobg_02.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; padding: 88rem 0rem;}
.tech_two .adv_cont{ width: 100%;}
.tech_two .adv_right{ width: 63.8%;}
.tech_two .adv_cont .list{width: 32.9%;}
.tech_two .adv_cont .list li{ font-size: 18rem;  display: flex; align-items: flex-start; margin: 12px 0px;}
.tech_two .adv_cont .list li:before{ content: "●"; margin-right: 5px;}
.tech_two .adv_cont .adv_right{ width: 63.9%; background-color: #fff;box-shadow: 0px 0px 8px rgb(0 163 63 / 8%); border-radius: 20rem; padding: 29rem;}
.tech_two .adv_cont .adv_right ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 18px 18px;
align-items: stretch; text-align: center;}
.tech_two .adv_cont .adv_right ul li .photo{position:relative; display:block; padding-top:67.5%; width:100%; overflow:hidden; border-radius: 20rem; margin-bottom: 10px;}
.adv_right ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.adv_right ul li .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.tech_two .adv_cont .adv_right ul li{ font-size: 18rem;}
.main.no1{padding-bottom: 0px;}
.tech_three{ padding: 90rem 0rem;}
.tech_four{background-image: url(../images/Technolobg_04.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; padding: 88rem 0rem;}
.tech_four .sys_pic{background-color: #fff;box-shadow: 0px 0px 15px rgb(154 154 154 / 15%); border-radius: 20rem; text-align: center; overflow: hidden;}
.adv_one{ position: relative;}
.adv_one .adv_num { margin-bottom: 48rem;--swiper-pagination-bullet-horizontal-gap:32rem;}
.adv_one .adv_num span{ font-size: 70rem; display: inline-block; margin: 0px 32rem; font-weight: 600; opacity: .5; color: var(--linkColor); width:auto; height:auto; overflow:visible;border-radius:0; background:none;}
.adv_one .adv_num span.active{ opacity: 1;}
.adv_list ul li{ text-align: center; width: 100%;}
.adv_list ul li .title{ font-size: 30rem; color: var(--linkColor); margin-bottom: 45rem;}
.adv_list ul li .desc{ font-size: 18rem; width:80%; margin:auto; display:-webkit-box; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.adv_one .btn{ width: 63rem; height: 63rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30rem; background-color: #2e2e2e; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease; position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index:99;}
.adv_one .btn:hover,.adv_one .btn.active{ background-color: var(--linkColor);}
.adv_one .btn.prev:before{ display: block;transform: rotate(180deg);}
.adv_one .btn.prev{ left: 0px;}
.adv_one .btn.next{ right: 0px;}

@media screen and (max-width:1450px)
{
    header .menu ul li .title{ font-size: 16px;}
    .part_3 .p_box .tpright .list{ font-size: 14px;}
    .new_content .new_left li a .box .tpleft .title{ font-size: 14px;}
    .new_content .new_left li a .box .tpleft .date{ font-size: 12px;}
    .new_content .new_right li .box{ display: flex; flex-direction: column; justify-content: space-between;}
    .new_content .new_right li a .box .title{ font-size: 14px;}
    .new_content .new_right li a .box .date{ font-size: 12px;}
    .new_content .new_left li a .box .iconfont{ width: 22px; height: 22px;}
    .new_content .new_right li{ margin-bottom: 15px;}
    footer .foot_1 .db_menu ul li .submenu a:hover{ color: #fff; font-size: 12px;}
    footer .foot_1 .db_menu ul li .submenu a{ font-size: 12px;}
    footer .foot_2 .tpleft{ font-size: 12px;}
    .show_1 .content .desc{ font-size: 14px;}
    .show_2 .show_left ul li{ font-size: 16px;}
    .product_list ul li .content .desc{ font-size: 14px;}
    .about_part1 .about_1 .desc{ font-size: 12px;}
    .about_part1 .about_2 .content .desc{ font-size: 12px;}
    .about_part1 .about_2 .content .desc4{  font-size: 12px;}
    .tech_two .adv_cont ul li{ font-size: 12px;}
    .adv_list ul li .desc{ font-size: 12px;}
    .tech_two .adv_cont .list li{ font-size: 12px;}
    .tech_two .adv_cont .adv_right ul li{ font-size: 12px;}
}


@media screen and (max-width:1200px)
{
	 header .menu ul li .title{ font-size: 14px;}
	
}
@media (max-width: 900px) 
{
	.menubtn,
	.menu-mc {
		display: flex;
	}
    header{ background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);}
    header .menu{ display: none;}
    header .logo img{ height: 30px;}
    header .container{ height: 55px;}
    header .logo .img2{ display: block !important;}
    header .logo .img1{ display: none !important;}
    header .tpright .btn{ display: flex;}
    header .tpright .tel{ display: none;}

}
@media (max-width:767px) 
{
    .part_7 .p_box .tpright video{position: fixed; top: 0; left:0; height: 100%; width: 100%; object-fit: contain; z-index: 99999; background-color: #000000;}
    .banner ul li .container .banner_text .title{ font-size: 24px; line-height: 1.5; margin: 7px 0px 15px;}
    .banner ul li .container .banner_text .lab .txt{ font-size: 16px;}
    .more1 a{ width: 110px; height: 35px; border-radius: 5px; font-size: 14px;}
    .more1 a .iconfont{ font-size: 14px; margin-left: 7px;}
    .online ul li .label{ width: 30px; height: 30px;}
    .online ul li{ margin-top: 7px;}
    .online ul li .label .iconfont{ font-size: 19px;}
    .online ul li .label .icon-zhiding{ font-size: 17px;}
    .online ul li:hover .code{ right: 20px;}
    .banner .sbtn span{ width: 30px; height: 2px;}
    .banner .sbtn span.active{ width: 50px;}
    .part_2 .p_box .tpleft .lab{  font-size: 20px;}
    .part_2 .p_box .tpleft .title{ font-size: 23px;}
    .part_2 .p_box { flex-direction: column; gap: 20px;}
    .part_2 .p_box .tpleft{ width: 100%;}
    .part_2 .p_box .tpleft .txt{ font-size: 16px; margin-bottom: 8px;}
    .part_2 .p_box .tpleft .txt .iconfont{transform: rotate(270deg);}
    .part_2 .p_box .tpleft .list dd{ font-size: 14px; width: 50%; padding: 3px 0px;}
    .part_2 .p_box .tpleft .list{  display: flex; align-items: stretch; flex-wrap: wrap; padding-bottom: 15px; margin-bottom: 20px;}
    .part_2 .p_box .p_right{  width: 100%;}
    .part_2 .p_box .p_right ul li .title .txt{ font-size: 14px;}
    .part_2 .p_box .p_right ul li .title .more{ font-size: 12px;}
    .part_2 .p_box .p_right ul li .title .more img{ height: 12px;}
    .part_3 .p_box{ flex-direction: column; gap: 20px;}
   .part_3 .p_box .index_bt{ width: 100%;}
   .index_bt .lab{ font-size: 20px;}
   .index_bt .title{ font-size: 23px;}
   .part_3 .p_box .tpright{ width: 100%; border-left: 0px; padding: 0px;}
   .part_3 .p_box .tpright .list{ margin-bottom: 22px;}
   .str_list{ border: 0px;}
   .str_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
align-items: stretch;}
.str_list ul li{ border: 1px rgba(255,255,255,0.5) solid; font-size: 12px; height: 40px;}
.part_3 .p_box{ margin-bottom: 35px;}
.part_4 .p_box{ flex-direction: column; gap: 30px;}
.part_4 .p_box .tpleft{ width: 100%;}
.part_4 .p_box .tpleft .sml{ font-size: 16px; margin: 8px 0px;}
.part_4 .p_box .tpleft .desc{ font-size: 14px; margin-bottom: 20px; line-height: 1.7;}
.part_4 .p_box .s_right .list{ display: none;}
.part_4 .p_box .s_right{ width: 100%; position: static;}
.part_4 .p_box .s_right .biank{ display: none;}
.part_4 .p_box .s_right .infor{ width: 100%;display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
align-items: stretch;}
.part_4 .p_box .s_right .items{ position: static !important;flex-direction:row !important; font-size: 15px !important;}
.part_4 .p_box .s_right .items .icon{ width: 50px; height: 50px; font-size: 16px;  margin-right: 9px;}
.part_5 .areas ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0px;
    align-items: stretch;}
.part_5 .areas ul li{border-bottom: 1px rgba(255, 255, 255, 0.1) solid;}
.part_5 .areas ul li:nth-child(1),
.part_5 .areas ul li:nth-child(2),
.part_5 .areas ul li:nth-child(3){
    justify-content: flex-end;
    padding-bottom: 5vh;
}
.part_5 .areas ul li:nth-child(4),
.part_5 .areas ul li:nth-child(5),
.part_5 .areas ul li:nth-child(6){
    justify-content: flex-start;
    padding-top: 5vh;
}
.part_5 .areas ul li img{  height: 30px;}
.part_5 .areas ul li .title{ font-size: 14px; margin: 15px 0px;}
.part_5 .areas ul li:last-child{border-right: 1px rgba(255, 255, 255, 0.1) solid;}
.part_5 .index_bt{ top: calc(7% + 55px);}
.part_5 .areas ul li{ padding-top: 0px;}
.part_5 .areas ul li:nth-child(1),.part_5 .areas ul li:nth-child(2),.part_5 .areas ul li:nth-child(3){ padding-top: 20%;}
.casebt{ display: flex;}
.case_tit .tpright{ display: none;}
.index_case{ margin-top: 20px;}
.index_case ul li a .title{ font-size: 15px;}
.index_case ul li a .photo{ margin-bottom: 7px;}
.part_7 .p_box{ flex-direction: column; gap: 10px; margin-bottom: 20px;}
.part_7 .p_box .tpleft{ width: 100%;}
.part_7 .p_box .tpleft .desc{ font-size: 14px; margin-top: 10px;}
.part_7 .p_box .tpleft .desc p:last-child{ display: none;}
.part_7 .p_box .tpright{ width: 30%; position:relative;}
.part_7 .p_box .tpright img{ width: 100%; height: auto;}
.index_honor ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px 0px;
align-items: stretch;}
.index_honor ul li:nth-child(2n):before{ display: none;}
.index_honor ul li{ padding: 10px 12px; font-size: 14px;}
.index_honor ul li .tpleft .num{ font-size: 20px;}
.index_honor ul li .iconfont{ font-size: 30px;}
.part_8 .case_tit{ flex-direction: column;}
.part_8 .case_tit .index_bt{ text-align: center;}
.newclass ul li{ font-size: 15px; line-height: 1.4; margin: 0px 10px;}
.newclass{ margin: 16px 0px;}
.newclass ul li:before{ height: 7px;}
.new_content .new_left{ display: none;}
.new_content .new_right{ width: 100%;}
.new_content .new_right li .box{ padding: 15px;}
.new_content .new_right li .box .icon .iconfont{ width: 20px; height: 20px; font-size: 12px;}
footer .foot_1 .tpleft .dblogo{ display: none;}
footer .foot_1 .db_menu{ display: none;}
footer .foot_1 .tpleft{ width: 100%; margin-right: 0px;}
footer .foot_2{flex-direction: column-reverse;}
footer .foot_1 .tpleft .list dd{ font-size: 12px; text-align: center; }
footer .foot_2 .tpleft{ width:100% ;}
footer .foot_2 .tpleft .link{ display: none;}
footer .foot_2 .copyright{ text-align: center;}
footer .foot_2 { gap: 20px;}
footer .foot_2 .weix{ width: 100%; gap: 16px;}
footer .foot_2 .weix li{ flex:1; text-align: center; font-size: 12px;} 
footer{ padding-bottom: 70px;}
header .container{ width: 95%;}
.bottom_menu{ display: block;}
.show_1{ padding-top: 90px; padding-bottom: 40px;}
.show_1 .container{ flex-direction: column; gap: 25px;}
.show_1 .content{ width: 100%;}
.show_1 .content .title{ font-size: 18px;}
.show_1 .content .desc{ margin: 10px 0px;}
.show_1 .photo{ width: 100%;}
.show_2 .show_right .show_tit{ font-size: 18px; margin-bottom: 16px;}
.show_2{ flex-direction: column;}
.show_2 .show_left{ width: 100%; margin-bottom: 15px;}
.show_2 .show_left ul { display: flex; justify-content: space-between;}
.show_2 .show_left ul li{ flex:1; padding: 10px 0px; text-align: center; border-left: 0px;    border-top: 1px #bababa solid;}
.main{ padding: 40px 0px;}
.show_2 .show_left ul li:before{ width: 0%; height: 3px; left: 0px; top: -1px;}
.show_2 .show_left ul li:hover:before,.show_2 .show_left ul li.active:before{ width: 100%; height: 3px;}
.show_2 .show_right .attributes ul li{ font-size: 14px; width: 100%; min-height: 40px; padding: 10px  15px;}
.show_2 .show_right .attributes{ margin-bottom: 30px;}
.show_2 .show_right .parameters{ margin-bottom: 30px; font-size: 14px;}
.show_2 .show_right .parameters table .first{ font-size: 14px;}
.show_2 .show_right .parameters table{ font-size: 12px;}
.show_2 .show_right .parameters .box { width: 100%; overflow-x: auto;}
.show_2 .show_right .parameters .box table{ min-width: 800px;}
.show_2 .show_right .device_list ul{    grid-template-columns: repeat(2, 1fr);
    grid-gap: 22px 16px;}
.show_2 .show_right{ flex:none; width: 100%;}
.show_2 .show_right .device_list ul li a .title{ font-size: 14px;}
.nybanner .title{ font-size: 25px;}
.nybanner .title img{ width: 10px; margin-right: 7px; margin-top: 3px;}
.nybanner .container{ padding-top: 55px;}
.column ul li, .column ul li a{ font-size: 15px; height: 45px;}
.product_list ul li{ flex-direction: column !important; gap: 20px; padding: 20px 15px 25px; margin-bottom: 20px;}
.product_list ul li .photo{ width: 100%;}
.product_list ul li .content{ width: 100%;}
.product_list ul li .content .title a{ font-size: 16px;}
.product_list ul li .content .desc{ margin-bottom: 15px; font-size: 12px; line-height: 1.5;-webkit-line-clamp: 4;}
.case_list ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
.case_list ul li .box{ font-size: 16px; top: 63%;}
.case_list ul li .box .icon img{ height: 30px;}
.case_list ul li .box .icon{ margin-bottom: 20px;}
.case_list ul li .more2{ width: 110px;
        height: 35px;
        border-radius: 5px;
        font-size: 14px; margin-top: 30px;}
.case_list ul li .more2 .iconfont{font-size: 14px;
        margin-left: 7px;}
.case_one ul li a{ flex-direction: column;}
.case_one ul li a .tpleft{ width: 100%;}
.case_one ul li a .photo{ flex:none; width: 100%;}
.case_one ul li a .tpleft .box{ padding: 40px 20px;}
.case_one ul li:nth-child(even) a{flex-direction: column;}
.case_one ul li a .tpleft .box .desc{ font-size: 12px;}
.case_one ul li a .tpleft .box .desc p{ margin-bottom: 10px;}
.case_one ul li a .tpleft .box .title{ font-size: 18px;}
.case_one ul li a .tpleft .box .num{ font-size: 50px; margin-bottom: -20px;}
.case_one ul li a .tpleft .box .title{ padding-bottom: 10px; margin-bottom: 15px;}
.column ul li{ margin-right:30px;}
.about_tit{ font-size: 22px; margin-bottom: 15px;}
.about_part1 .about_1{ margin-bottom: 30px;}
.about_part1 .about_2{ flex-direction: column; gap: 20px; margin-bottom: 30px;}
.about_part1 .about_2 .content{  width: 100%;}
.about_part1 .about_2 .photo{ width: 100%;}
.about_part1 .about_2 .content .desc4{ margin-bottom: 20px;}
.about_part3{ padding: 30px 0px;}
.about_part2 ul li{ width: 50%; flex:none}
.about_part2 .about_tit{ margin-top: 30px;}
.about_part2 ul li .box .title{ font-size: 18px;}
.about_part2 ul li .box .sml{ font-size: 16px;}
.honor_one .tpleft .btn{ width: 27px; height: 27px; font-size: 16px;}
.about_part3 .honor1 ul li{ font-size: 14px;}
.about_part3 .honor1{ margin-bottom: 25px;}
.copration_1 .z_slogo_box:before{ padding: 12px;}
.copration_1 .z_slogo_box:after{ padding: 25px;}
.about_part4{ padding-bottom: 50px;}
.product_list.no2 ul li{ flex-direction: column !important;}
.tech_two .adv_cont{ flex-direction: column;}
.tech_two .adv_cont .list{ width: 100%; margin-bottom: 20px;}
.tech_two .adv_cont .adv_right{ width: 100%; padding: 15px;}
.tech_two .adv_cont .adv_right ul{grid-template-columns: repeat(2, 1fr);
    grid-gap: 13px 13px;
    align-items: stretch;
}
.tech_two{ padding: 30px 0px;}
.tech_three{ padding: 30px 0px;}
.adv_list ul li .title{ font-size: 16px;}
.adv_one .btn{    width: 27px;
    height: 27px; font-size: 16px;}
.tech_four{ padding: 30px 0px;}
.environment ul{grid-template-columns: repeat(2, 1fr);}
.tech_one .tech_class{ display: none;}
.about_tit.no2{ text-align: center;}
}
.swiper-button-disabled{ opacity: .2; pointer-events: none;}
@keyframes videoBtn {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        -webkit-opacity: 0;
    }
}

@keyframes videoBtn2 {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn2 {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(3);
        -webkit-opacity: 0;
    }
}


/*新闻*/
.new_list ul{
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
align-items: stretch; flex:1;}
.new_list ul li{flex:1;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;  overflow: hidden;}
.new_list ul li a{ display: block;}
.new_list ul li a .photo{position:relative; display:block; padding-top:72.6%; width:100%; overflow:hidden;}
.new_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.new_list ul li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_list ul li a .box{ padding: 23rem;align-items: flex-start;}
.new_list ul li a .box .tpleft{ flex:1;}
.new_list ul li a .box .iconfont{ width: 24px; height: 24px; border: 1px var(--linkColor) solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); margin-top: 3px; font-size: 14px;}
.new_list ul li a .box .tpleft .title{ font-size: 25rem; margin-bottom: 3px;}
.new_list ul li a .box .tpleft .date{ color: #707070; font-size: 16rem;}
.new_list ul li:hover{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.new_list ul li a:hover .box .iconfont{ background-color: var(--linkColor); color: #fff;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content:center; margin-top: 40px; font-size: 14px; flex-wrap: wrap; }
/*分页*/
.divid-a {
   display: flex;
   align-items: center;
   justify-content: center;

}
.divid-a a {
   background: #fff; min-width:32px;
   padding:0px 10px; height:32px;
   cursor:pointer; margin:3px 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   border:1px #dedede solid; border-radius:3px;
} 

.divid-a .active {
    background-color: var(--linkColor); color: #fff;
   border:1px var(--linkColor) solid;
}
.divid-a a:hover{ background-color: var(--linkColor); color: #fff;}
.fany .formbit{ width:95px;border:1px #dedede solid; display:flex;align-items: center; height:32px; padding:0px 8px;border-radius:3px; margin-right:4px; padding: 0px;}
.fany .formbit .form{ width: 100%;}
.fany .formbit select{ width: 100%;overflow:hidden; border:5px; outline:none; height:30px; line-height:normal; font-size:14px; width: 100%; text-align: center; background: none }
.fany .formbit select::-webkit-input-placeholder {

}
.fany .total{ margin-right: 7px;background: #fff;
 margin:3px 4px; height: 32px; padding: 0px 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   border:1px #dedede solid; border-radius:3px; cursor: pointer;}
.fany .total:hover{background-color: var(--linkColor); color: #fff;}

.newshow{ display: flex; align-items: stretch;}
.newshow .show_right{ width: 25%;  padding: 34rem 0px;}
.newshow .show_right .r_tit{ font-size: 40rem; line-height: 1; color: #333; position: relative; padding-left: 31rem; margin-bottom: 20px;}
.newshow .show_right .r_tit:before{ content: ""; position: absolute; left: -1px; width: 3px; height: 100%; background-color: var(--linkColor); top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.newshow .show_left{ flex:1;}
.show_right .new_list{ padding-left: 31rem;}
.show_right .new_list ul{grid-template-columns: repeat(1, 1fr);}
.newshow .show_left{ padding-right: 5%; padding-bottom: 65rem;}
.newshow .show_left .date{ margin-bottom: 20px; border-bottom: 1px #b4b4b4 solid; color: #676767; font-size: 16px; padding-bottom: 10px;}
.newshow .show_left .line{ width: 81px; height: 2px; background-color: var(--linkColor);}
.newshow .show_left .new_t{ font-size: 40rem; margin: 0rem 0rem 15px; font-weight: normal;}
.newshow .show_left .new_show{ font-size: 16px; line-height: 1.8;  padding-bottom: 70rem;}
.f_up ul{ flex:1; overflow: hidden;}
.f_up{ border-top: 1px #eeeeee solid;border-bottom: 1px #eeeeee solid; line-height: 2; }
.f_up ul li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; flex:1;}
.f_up ul li p{white-space:nowrap;}
.f_up ul li { display: flex;  align-items: center; margin: 15px 0px;}
.f_up ul li a{ color: #666;}
.f_up .back{ display: flex; flex-direction: column; line-height: 1.5; text-align: right;}
.f_up .back .iconfont { font-size: 22px;}
.f_up .back:hover{ color: var(--linkColor);}
.f_up ul li a:hover{ color: var(--linkColor);}


.re_new ul{}
.re_new ul li{width: 100%; margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;  overflow: hidden;}
.re_new ul li a{ display: block;}
.re_new ul li a .photo{position:relative; display:block; padding-top:72.6%; width:100%; overflow:hidden;}
.re_new ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.re_new ul li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.re_new ul li a .box{ padding: 23rem;align-items: flex-start;}
.re_new ul li a .box .tpleft{ flex:1;}
.re_new ul li a .box .iconfont{ width: 24px; height: 24px; border: 1px var(--linkColor) solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); margin-top: 3px; font-size: 14px;}
.re_new ul li a .box .tpleft .title{ font-size: 25rem; margin-bottom: 3px;}
.re_new ul li a .box .tpleft .date{ color: #707070; font-size: 16rem;}
.re_new ul li:hover{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.re_new ul li a:hover .box .iconfont{ background-color: var(--linkColor); color: #fff;}
.re_new ul li:last-child{ margin-bottom: 0px;}
.about_one { align-items: flex-start; flex-wrap: wrap; margin-bottom: 50rem;}
.about_one .about_left{ width: 30%;}
.about_one .about_right{ width: 65%; position: relative;}
.about_one .about_right::after{display: block;content: "";width: 100%; padding-bottom: 65.8%;}
.about_one .about_right #map{ position: absolute;width: 100%; height: 100%; top: 0; left: 0;}
.about_one .about_left .title{ font-size: 18px; margin-bottom: 10px;}
.about_one .about_left .title img{ width: 18px; margin-right: 5px;}
.about_one .about_left .tel{font-size: 36px;margin-bottom: 10px;color: rgba(0,163,63,.9);}
.about_one .about_left .list{ font-size: 15px; flex-wrap: wrap;gap: 15px; margin-bottom: 25px;}
.about_one .about_left .list li{ width: 100%;}
.about_one .about_left .list li:nth-child(1),.about_one .about_left .list li:nth-child(2){ width: 47%;}
.about_one .about_left .list li .txt{ margin-bottom: 5px;}
.about_one .about_left .list li .txt img{ width: 20px; height: auto; margin-right: 8px;}
.about_one .about_left .weix{ flex-wrap: wrap; gap: 7px; font-size: 16px; display: grid; grid-template-columns: repeat(2,1fr); max-width:330px;}
.about_one .about_left .weix li{ display:flex; align-items:center;}
.about_one .about_left .weix li .box{ display:inline-block;}
.about_one .about_left .weix li p{ text-align: center;}
.about_two{ background-color: #f3f3f3;padding: 3% 0;}
.book .formbit{    height: 80px;
    background-color: #ffffff;
    border-radius: 8px;
    line-height: 80px;
    box-shadow: none;
    border: none;
    padding-left: 20px; width: 100%;padding: 6px 12px 6px 20px;
    font-size: 14px; color: #555; outline: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
.book .formbit:focus{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.book .items{position: relative;}
.book .box .items{  width: 32%; }
.book .box,.book .box1{ margin-bottom: 15px;}
.book .red{ position: absolute;
    top: 30px;
    left: 10px;
    z-index: 99;
    width: 20px;
    height: 20px;
    color: red;
    font-size: 14px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.book .formbit::-webkit-input-placeholder {
color:#999;
}
.book .box1 .items{  width: 49%; }
.book .box2 { margin-bottom: 15px;}
.book .box2 .textarea1{background-color: #ffffff;
    border-radius: 8px; width: 100%; height:300px;
    box-shadow: none;
    border: none; width: 100%;padding: 12px 20px;
    font-size: 14px; color: #555; outline: none;transition: all .3s ease;-webkit-transition: all .3s ease;font-family:"Montserrat","微软雅黑", Arial;}
.book .box2 .textarea1:focus{box-shadow: 0 0 10px rgba(0, 163, 63, .2);}
.book .box2 .textarea1::-webkit-input-placeholder {
color:#999;
}
.book .box3{ margin-bottom: 15px;}
.book .box3 .formbit{ width: 30%;}
.book .box3 .code{ margin-left: 5px;}
.book .box4 .sumbit{line-height: 53px;
    height: 53px;
    background: none;
    text-align: center;  width: 172px;
    border: none;
    padding: 0px;
    font-size: 20px; outline: none; background-color: var(--linkColor); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 30px; cursor: pointer;}
.book .box4 .sumbit:hover{ background-color: #048134;}
#map img{max-width: unset;}
@media (max-width:1000px) 
{
    .about_one{ flex-direction: column; gap: 25px; margin-bottom: 35px;}
    .about_one .about_left { width: 100%; max-width:800px;}
    .about_one .about_right{ width: 100%;}
}
@media (max-width:767px) 
{
    .new_list ul{grid-template-columns: repeat(2, 1fr);}
    .new_list ul li a .box .tpleft .title{ font-size: 14px;}
    .new_list ul li a .box .tpleft .date{ font-size: 12px;}
    .new_list ul li a .box{ padding: 15px;}
    .newshow{flex-direction: column;}
    .newshow .show_right{ width: 100%;}
    .newshow .show_left .new_t{  font-size: 22px;}
    .newshow .show_left .date{ font-size: 14px;}
    .newshow .show_left .new_show{ font-size: 14px;}
    .newshow .show_left{ flex:none; width: 100%; padding-right: 0px;}
    .re_new ul li a .box{ padding: 15px;}
    .newshow .show_right .r_tit{ font-size: 22px; padding-left: 10px;}
    .re_new ul li a .box .tpleft .title{ font-size: 14px;}
    .re_new ul li a .box .tpleft .date{ font-size: 12px;}
    .book .box{ flex-wrap: wrap; gap: 15px;}
    .book .box .items{ width: 100%;}
    .book .box1 {flex-wrap: wrap; gap: 15px;}
    .book .box1 .items{ width: 100%;}
    .book .box3 .formbit{ width: 50%;}
    .about_two{ padding: 35px 0px;}
    .book .formbit{ height: 45px; line-height: 45px; border-radius: 5px;}
    .book .box4 .sumbit{ height: 45px; line-height: 45px; font-size: 17px; width: 150px;}
    .book .box2 .textarea1{ height: 200px;}
	.index_honor ul li{justify-content:center;}
	.index_honor ul li .tpleft{width:80px}
	.environment ul li:nth-child(9){ display:none;}
	.banner .sbtn{bottom:70px}
}
@media (min-width:751px) 
{
	img.wap{
		display: none;
	}
}
@media (max-width:750px) 
{
	img.pc{
		display: none;
	}
	.adv_list ul li .desc{ width:100%}
	.adv_list ul li {padding:0 40px;}
}
@media (max-width:450px) 
{
    .new_list ul{grid-template-columns: repeat(1, 1fr);}
    .f_up{ flex-direction: column;}
    .f_up .back{ text-align: center; margin-bottom: 15px;}
    
}