@charset "UTF-8";

body{font-size:16px; line-height:24px;}

html {
  scrollbar-width: thin;
  scrollbar-color:#ffc000 #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	




.max-width{max-width:1500px; margin-right: auto; margin-left: auto;}
.pc_show1{ display:inline;}
.ph_show1{ display: none;}
@media  screen and (max-width: 1024px){
.pc_show1{ display: none;}
.ph_show1{ display: inline;}
}


.top-bg{position:absolute; left:0; top:0; z-index:20; width: 100%; height:299px; background: url(img/bg.png) top center no-repeat; background-size:100% 100%; }
.t_navs{position:fixed; left:0; top:0; z-index: 140; width: 100%; }
.t_navs .top{ width: 100%;display: flex; justify-content: space-between; padding:0 37px 0 50px; }
.t_navs .logo{ line-height: 0; float: left; margin-top:34px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:40px; object-fit: contain;}
.t_navs .btn{ display: inline-flex;align-items: center; 
font-size:18px; height:43px; border:1px solid #fff; border-radius: 43px; padding: 0 24px;
line-height:1; cursor: pointer;
color: #fff; text-transform: uppercase;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
 }
.t_navs .btn:hover{background:#ffc000; border:1px solid #ffc000;color: #fff;}
.t_navs .right{ display: flex; align-items: center; gap:0 24px;}
.t_navs .menu{ display: flex; flex-wrap: wrap; }
.t_navs .menu .ul{ display: flex;}
.t_navs .menu .nli{ display: flex;  position: relative; margin:0 27px; }
.t_navs .menu .nli span{ display: flex;;}
.t_navs .menu .nli span a{ display:flex;line-height:116px; font-size:18px;color: #fff; padding:0 20px; text-transform: uppercase;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color:#ffc000;}
.t_navs .menu .sub{ display: none;  position: absolute; left:50%; top:108px;  z-index: 20; transform: translateX(-50%);  -ms-transform: translateX(-50%); }
.t_navs .menu .sub ul{ display: flex;  flex-direction: column; white-space: nowrap; background: rgba(255, 255, 255, 1);  backdrop-filter: blur(20px); box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden;  }
.t_navs .menu .sub ul li{ display: block; width:100%;  border-bottom: 1px solid #e9e9e9; }
.t_navs .menu .sub ul li:last-child{border-bottom:0; }
.t_navs .menu .sub ul a{ display:block; width:100%; text-align: center;;line-height:30px; font-size:16px;color: #333333; font-weight: 400; padding:10px 20px; text-transform: capitalize; }
.t_navs .menu .sub ul a:hover{ background:#ffc000; color: #000;}


.t_navs.bct{ background:rgba(0,0,0,0.2);  backdrop-filter: blur(20px);}
.t_navs.act{ background:rgba(0,0,0,0.2);  backdrop-filter: blur(20px);}
.t_navs.act .menu .nli span a{line-height:90px;}
.t_navs.act .menu .sub{ top:90px;}
.t_navs.act .logo{ margin-top:25px;}

@media  screen and (max-width:1440px){
.t_navs .menu .nli{ margin:0 20px; }
.t_navs .menu .nli span a{ line-height:90px;}
.t_navs .right{ gap:0 20px;}
.t_navs .menu .sub{ top:90px;}
.t_navs .logo{ margin-top:25px;}
.top-bg{ height:200px;}
}	
@media  screen and (max-width:1270px){
.t_navs .btn{font-size: 16px;}
.t_navs .menu .nli span a{font-size: 16px;padding:0 16px;}
.t_navs .menu .nli{ margin:0 16px; }
.t_navs .right{ gap:0 20px;}

}	
@media screen and (max-width:1024px) {
.t_navs .logo{ margin-top:0;}	
.t_navs .logo img{ width: auto; height:30px;}
.t_navs .btn{font-size:14px; height:30px;  padding: 0 14px;}
.t_navs .menu{ display:none;}
.t_navs .top{ padding:0 15px; height:52px; align-items: center;}
.top-bg{ height:100px;}
.t_navs.act .logo{ margin-top:0;}
}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:52px; float: left; width: 100%; height:100vh; z-index:120; display:none; background:#fff; padding:0 15px 50px 15px; overflow-y: auto;border-top:1px solid #e9e9e9;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{color: #000; text-transform: uppercase;  font-size:16px; line-height:26px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ background: #ffc000;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #ffc000;  border-right:1px solid #ffc000;}
.xialaph .u2{width: 100%;padding:0 10px 20px 10px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%; display: block; font-size:15px;color: #333;line-height:24px;padding:4px 10px; text-transform: capitalize;}
.xialaph .active .a2{  background: #ffc000;}
.xialaph .u3{width: 100%;padding:0 10px 20px 10px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display:flex; align-items: center;  text-transform: capitalize; font-size:15px;color: #333;line-height:24px;padding:4px 10px;}



.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0; overflow: hidden;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .ph_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .box{ display:flex; flex-wrap: wrap; width:100%; position: absolute; left: 0; top:44.5%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); padding:0 104px;  }
.index-banner .tit64{ width:100%; color: #111111; text-transform: uppercase; font-weight: bold; font-size:64px; line-height:90px;}
.index-banner .tit36{ width:100%; color: #111111; font-size:36px; line-height:46px; position: relative; padding-left:26px; margin-top:20px;}
.index-banner .tit36::after{  content: ''; position: absolute; left: 0; top:18px; background: #ffc104; height:8px; width:8px; border-radius:50%;}
.index-banner .line{ position: relative;}
.index-banner .line::after{ z-index: -1; content: ''; position: absolute; left: 0; top:64px; background: #ffc000; height:12px; width:297px;}
.index-banner .box2{ top:42.2%; text-align: center; }
.index-banner .box4{ top:49.6%; justify-content: flex-end;}
.index-banner .box4 .fl{ display: inline-flex; flex-direction: column;}
.index-banner .box4 .tit64{ position: relative; margin-bottom: 18px; padding-bottom: 29px;}
.index-banner .box4 .tit64::after{content: ''; position: absolute; left: 0; bottom: 0; height:7px; width:297px; background: url(img/bg1.png) left bottom no-repeat; background-size:100% 100%; }
.index-banner .box4 .img1{ display: inline-flex; line-height: 0; margin-top:72px; width:439px;}
.index-banner .box4 .img1 img{ width:100%;}
.index-banner .box5{ top:42.2%;}
.index-banner .box5 .tit64{ position: relative; margin-bottom: 18px; padding-bottom: 29px;}
.index-banner .box5 .tit64::after{content: ''; position: absolute; left: 0; bottom: 0; height:7px; width:297px; background: url(img/bg1.png) left bottom no-repeat; background-size:100% 100%; }
.index-banner .box6{ top:32.1%; text-align: center; }
.index-banner .box6 .tit64{ position: relative;}
.index-banner .box6 .tit64::after{ z-index: -1; content: ''; position: absolute; left:50%; bottom:-51px; background: #ffc000;; height:7px; width:139px; transform: translateX(-50%); -ms-transform: translateX(-50%);}

.index-banner .swiper-notification{ display: none;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:120px; bottom:136px; z-index: 10;}
.index-banner .swiper-pagination-bullet{ position: relative; cursor: pointer; margin:0 20px 0 0; display:block; width:8px; height:8px; border-radius:8px; background: #fff;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.index-banner .swiper-pagination-bullet-active{ width:39px; background: #ffc000; }
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:49px; height:49px; display:block;position: absolute;right:120px; bottom:116px; z-index: 10; background: url(img/next1.png) center no-repeat; background-size:auto 100% !important;
 transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;
 }
.index-banner .swiper-prev{ margin-right:68px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next.png) center no-repeat;}


@media screen and (max-width:1800px) {
.index-banner .swiper-pagination{left:6.25%; bottom:106px; }
.index-banner .swiper-prev,
.index-banner .swiper-next{right:6.25%; bottom:86px; }
.index-banner .box{ padding:0 5.41%;  }
.index-banner .box .tit64{ font-size:6.4vh; line-height:9vh;}
.index-banner .tit36{ font-size:3.6vh; line-height:4.6vh;  padding-left:2.6vh; margin-top:2vh;}
.index-banner .tit36::after{ top:1.8vh; height:0.8vh; width:0.8vh;;}
.index-banner .line::after{ top:6.4vh; height:1.2vh; width:29.7vh;}
.index-banner .box4 .tit64{ margin-bottom: 1.8vh; padding-bottom: 2.9vh;}
.index-banner .box4 .tit64::after{ height:0.7vh; width:29.7vh;}
.index-banner .box4 .img1{ margin-top:7.2vh;width:43.9vh;}
.index-banner .box5 .tit64{ margin-bottom: 1.8vh; padding-bottom: 2.9vh;}
.index-banner .box5 .tit64::after{height:0.7vh; width:29.7vh; }
.index-banner .box6 .tit64::after{ bottom:-5.1vh; height:0.7vh; width:13.9vh;}
}
@media screen and (max-width:1024px) {
.index-banner .box{ padding:0 20px; top:20vh;transform: translateY(0%); -ms-transform: translateY(0%);}
.index-banner .box .tit64{ font-size:32px; line-height:45px; text-align: center;}
.index-banner .tit36{ font-size:18px; line-height:24px;  padding-left:14px; }
.index-banner .tit36::after{ top:10px; height:4px; width:4px;;}
.index-banner .line::after{ top:32px; height:6px; width:148px;}
.index-banner .box4{justify-content: center;}
.index-banner .box4 .tit64::after{ height:4px; width:148px;}
.index-banner .box4 .img1{width:240px;}
.index-banner .box5{ justify-content: center;}
.index-banner .box5 .tit64::after{height:4px; width:148px; }
.index-banner .box6 .tit64::after{ height:4px; width:70px;}

.index-banner .swiper-pagination{left:15px; bottom:111px;}
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0; }
.index-banner .swiper-pagination-bullet-active{ width:20px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{right:15px; width:30px; height:30px; bottom:100px;}
.index-banner .swiper-prev{  margin-right:40px;}

}
@media screen and (max-width:700px) {
.index-banner .box .tit64{ font-size:28px; line-height:44px;}
.index-banner .line::after{ top:28px; }
}



.footer02{ width:100%; position:absolute; left:0; bottom:28px; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 50px;}
.footer02 .Copyright{ display:inline-flex; flex-wrap: wrap; color: #666666; font-size:14px; line-height:24px;;}
.footer02 .Copyright a{color:#666666;}
.footer02 .Copyright a:hover{color:#000 !important;}
.footer02 .Nav{ align-items: center; display:inline-flex; gap: 0 6px; flex-wrap: wrap; color: #666666; font-size:14px; line-height:24px;}
.footer02 .Nav i{ display: inline-flex; width: 1px; height: 9px; background: #b7c4c0;}
.footer02 .Nav a{color:#666666;}
.footer02 .Nav a:hover{color:#000 !important;}

@media screen and (max-width:1024px) {
.footer02{  bottom:20px; padding: 0 15px;}
}
@media screen and (max-width:700px) {
.footer02{ justify-content: center;}
}





.inquiry-bg{ width:100%; height: 100%; background: rgba(0,0,0,0.3); position:fixed; right:0; top:0; z-index: 200; display: none;}
.inquiry-poup{ width:755px; height: 100%; background:#fff; position:fixed; right:0; top:0; z-index: 210; display: flex; flex-wrap: wrap; align-content: flex-start; padding:10vh 70px; transform: translateX(100%); -ms-transform: translateX(100%);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.inquiry-poup.act{ transform: translateX(0); -ms-transform: translateX(0);}
.inquiry-poup .title{ width:100%; color: #333333; font-size: 38px; line-height: 46px; text-transform: uppercase;}
.inquiry-poup .colse{ display: flex; align-items: center; justify-content:center; width: 38px; height: 38px; position: absolute; right:42px; top:5.6vh; z-index: 20; cursor: pointer;}
.inquiry-poup .colse img{ width:18px; height:18px;}
._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content: space-between;  margin-top: 1.4vh;}
._form3 .lab{ width:100%; align-items: center; position: relative; display: flex; ; margin-top:1.5vh; border-bottom: 1px solid #e9e9e9; }
._form3 .name{ display: inline-flex; white-space: nowrap; color: #666666; font-size:16px; line-height:24px; }
._form3 .name span{ color: #ff3232;}
._form3 .text{ cursor: pointer; width:100%; border:0; background:none; font-size:16px;color: #333333; line-height:4vh; height:8vh; padding:2vh 0 2vh 17px; border-radius: 0;}
._form3 .text1{ cursor: pointer; width:100%; border:1px solid #d6d6d6; background:none; font-size:14px;color: #333333; line-height:38px; height:50px; padding:5px 17px; border-radius:5px;}
._form3 .textarea{ cursor: pointer; width:100%; border:0; background:none; font-size:16px;color: #333333; line-height:24px; height:9.6vh; padding:0.5vh 0;border-radius: 0; margin-top:2.4vh;}
._form3 .yanzhengma{ cursor: pointer; position: absolute; right:18px; top:5px; height:40px; object-fit: contain; z-index:6;width:80px; }
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:16px; color: #ffc000; height:50px; padding-bottom: 1px; background:none; border:1px solid #ffc000; text-transform: uppercase; border-radius:5px;}
._form3 .submit:hover{ background:#ffc000; color: #fff;}
._form3 .lab1{ width:100%; font-size:14px; color: #666666; line-height:22px; margin-top:2.7vh; }
._form3 .lab1 span{ color: #ff3232;}
._form3 .yzm,
._form3 .send{ width:47.96%; position: relative; display: flex; ; margin-top:0.24rem; margin-top:4.4vh;}
._form3 input::placeholder{color:#c4c4c4; opacity:1 !important;}
._form3 textarea::placeholder{color:#666; opacity:1 !important;}


@media screen and (max-width:1600px) {
.inquiry-poup{ width:555px;padding:10vh 50px;}
.inquiry-poup .colse{ width: 38px; height: 38px; right:30px; top:5.6vh;}
._form3 .yanzhengma{ right:5px;}
}	
@media screen and (max-width:1440px) {

}	
@media screen and (max-width:1024px) {
.inquiry-poup{ width:75%;padding:8vh 20px;}
.inquiry-poup .title{font-size:24px; line-height:32px;}
._form3 .name{ font-size:15px;}
._form3 .text{ font-size:15px;}
._form3 .textarea{ font-size:15px; margin-top:1vh;}
._form3 .submit{ font-size:15px;}
.inquiry-poup .colse{ width: 38px; height: 38px; right:20px; top:20px;}
}
@media screen and (max-width:700px) {
.inquiry-poup{ width:90%;padding:8vh 20px;}
._form3{ margin-top:1vh; }
._form3 .lab{margin-top:1vh;}
._form3 .yzm,
._form3 .send{ width:100%; margin-top:4vh; }
}


.Copyright_pc{}
.Copyright_wap{display:none !important;}
@media screen and (max-width:1024px) {
.Copyright_pc{display:none !important;}
.Copyright_wap{display:inline-flex !important; text-align:center; align-items: center;}
}



/*260911start*/

@media screen and (max-width:1024px) {
.footer02 .Copyright{ width:100%; text-align: center; justify-content: center;}
.footer02 .Nav{ width:100%; text-align: center; justify-content: center;}
}



/*260911end*/