@charset "utf-8";
* {	margin: 0;	padding: 0;	border: 0;}
html,body {margin:0px; background:#000; font-size: 14px; color:#000; line-height: 24px; font-family:Arial, Helvetica, sans-serif; scroll-behavior: smooth;}
a{color:#000;text-decoration:none; transition:all 0.5s;  font-family:Arial, Helvetica, sans-serif; border:0; padding:0; margin:0;} 
ul{ list-style:none;}
img{ padding:0; margin:0; border:0;}
@media(max-width:1024px) {
#top{ position:fixed;top:0; width:100%; left:0; background:rgba(0,0,0,0.5); overflow:hidden; z-index:20;}
#logo{ float:left; height:1.5rem; padding:0.75rem 1rem;}
#logo img{ height:100%;}
#lan{ float:right; margin-right:2rem;}
#lan ul li{ float:left; margin-left:1.2rem;}
#lan ul li a{ display:block; color:#fff; font-size:0.8rem; line-height:3rem;}

#menu_btn{ position:fixed; width:2.5rem; right:1rem; bottom:4rem; cursor:pointer; z-index:10;}
#menu_btn img{ width:100%;}

#close{ width:100%; overflow:hidden; text-align:right;}
#close img{ width:2.6rem; margin:0.5rem; cursor:pointer;}

#menu{ width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:10; display:none;}
#menu ul li{ width:50%; float:left;}
#menu ul li a{ display:block; text-transform:uppercase; line-height:1rem; text-align:center; background:#fff; border:solid 1px #000; padding:1rem 0;}
#menu ul li a p:nth-child(1){ font-size:0.9rem;}
#menu ul li a p:nth-child(2){ font-size:0.4rem; line-height:0.6rem; color:rgba(0,0,0,0.5);}
#menu ul li a:hover{ background:#0047af; color:#fff;}
#menu ul li a:hover p:nth-child(2){ font-size:0.4rem; line-height:0.6rem; color:rgba(255,255,255,0.5);}

#share{ position:fixed; margin-top:20rem; z-index:20;}
#share ul li{ margin-top:1rem; padding-left:0.5rem;}
#share ul li a{ display:block;}
#share ul li a img{ width:1.6rem;}

#search_btn{ display:none;}

#search_k{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,0.8); top:0;left:0; overflow:hidden; z-index:500; display:none;}

#search_k .k{ width:80%; margin:20rem auto 0 auto; overflow:hidden; border:solid 1px #fff; border-radius:50rem;}
#search_k .k input{ height:3rem; width:70%; float:left; line-height:3rem; background:none; color:#fff; font-size:0.8rem; text-indent:1rem;}
#search_k .k button{ height:3rem; float:right; width:20%; cursor:pointer; background:none;}
#search_k .k button img{ height:1.5rem;}

#close_search{ text-align:center; margin:4rem auto 0 auto; width:2rem; cursor:pointer;}
#close_search img{ width:100%;}




#ind_banner{ width:100%; overflow:hidden;}
#ind_banner img{ width:100%;}

#ind_2{ width:80%; margin:0 auto; overflow:hidden;}
#ind_2 img{ width:100%;}
#ind_2 .con{ position:absolute; color:#fff; text-align:center; width:70%; left:15%; margin-top:-13rem;}
#ind_2 .con h1{ font-size:1.4rem; font-weight:100; line-height:4rem;}
#ind_2 .con h2{ font-size:0.6rem; font-weight:100; line-height:1rem;}
#ind_2 .con p a{ display:block; background:#fff; color:#000; font-size:0.7rem; height:1rem; line-height:1rem; width:5rem; margin:2rem auto 0 auto; text-align:center; text-transform:uppercase;}

#ind_pro{ width:80%; margin:4rem auto 0 auto; overflow:hidden;}
#ind_pro ul{ width:100000px; transition:all 0.5s;}
#ind_pro ul li{ width:80vw; overflow:hidden; float:left; overflow:hidden;}
#ind_pro img{ width:200%; margin-left:-50%;}

#ind_pro_mask{ width:100%; text-align:center; color:#fff; position:absolute; background:rgba(0,0,0,0.66); height:8rem; margin-top:-8rem;}
#ind_pro_mask h2{ font-size:1.2rem; font-weight:100; text-transform:uppercase; margin-top:2rem;}
#ind_pro_mask h3{ font-size:0.6rem; font-weight:100; line-height:1rem;}
#ind_change{ display:inline-block; margin-top:1rem;}
#ind_change p{ background:#fff; float:left; width:8px; height:8px; border-radius:10px; margin:0 2px;}
#ind_change p:nth-child(1){ background:#0143a4; width:20px;}

#ind_pro_btn{ width:80%; margin:0 auto 3px auto; overflow:hidden; height:5rem;}
#ind_pro_btn img{ width:100%;}
#ind_pro_btn a{ display:block;}
#ind_pro_btn_name{ position:absolute; color:#fff; font-size:0.7rem; position:absolute; text-align:right; width:85%; line-height:1rem; margin-top:-2rem; text-transform:uppercase;}

#ind_pro_btn1{ width:80%; margin:0 auto 3px auto; overflow:hidden; height:5rem;}
#ind_pro_btn1 img{ width:100%;}
#ind_pro_btn1 a{ display:block;}
#ind_pro_btn_name1{ position:absolute; color:#fff; font-size:0.7rem; position:absolute; text-align:right; width:85%; line-height:1rem; margin-top:-2rem; text-transform:uppercase;}

#ind_pro_btn2{ width:80%; margin:0 auto 3px auto; overflow:hidden; height:5rem;}
#ind_pro_btn2 img{ width:100%;}
#ind_pro_btn2 a{ display:block;}
#ind_pro_btn_name2{position:absolute; color:#fff; font-size:0.7rem; position:absolute; text-align:right; width:85%; line-height:1rem; margin-top:-2rem; text-transform:uppercase;}

#ind_3{ width:80%; margin:5rem auto 0 auto; overflow:hidden;}
#ind_3 img{ width:100%;}
#ind_3 .con{ position:absolute; color:#fff; text-align:center; width:70%; left:15%; margin-top:-13rem;}
#ind_3 .con h1{ font-size:1.4rem; font-weight:100; line-height:4rem;}
#ind_3 .con h2{ font-size:0.6rem; font-weight:100; line-height:1rem;}
#ind_3 .con p a{ display:block; background:#fff; color:#000; font-size:0.7rem; height:1rem; line-height:1rem; width:5rem; margin:2rem auto 0 auto; text-align:center; text-transform:uppercase;}

#ind_4{ width:100%; margin:5rem auto 0 auto; overflow:hidden;}
#ind_4 img{ width:100%;}
#ind_4 .con{ position:absolute; color:#fff; text-align:center; width:100%; left:0%; margin-top:-13rem;}
#ind_4 .con h1{ font-size:1.4rem; font-weight:100; line-height:1.4rem; padding-bottom:2rem;}
#ind_4 .con h2{ font-size:0.6rem; font-weight:100; line-height:1rem;}
#ind_4 .con p a{ display:block; background:#fff; color:#000; font-size:0.7rem; height:1rem; line-height:1rem; width:6rem; margin:2rem auto 0 auto; text-align:center; text-transform:uppercase;}

#ind_logo{ text-align:center; overflow:hidden;}
#ind_logo img{ margin:2rem 0; width:8rem;}


#community{ width:90%; margin:0 auto; overflow:hidden;}
#community ul li{ width:50%; float:left; padding-bottom:2rem;}
#community ul li a{ display:block; width:80%; margin:0 auto; color:#fff; text-align:center; text-transform:uppercase;}
#community ul li a p:nth-child(2){ font-size:0.8rem; line-height:0.8rem; padding-top:1rem;}
#community ul li a p:nth-child(3){ font-size:0.3rem; line-height:0.8rem;}

#community ul li a img{ width:100%}


#probtn{ width:100%; overflow:hidden;}
#probtn ul li{ overflow:hidden;}
#probtn ul li a{ display:block;}
#probtn ul li a img{ width:150%; margin-left:-25%;}
#probtn ul li a div{ position:absolute; color:#fff; width:100%; text-align:center; margin-top:-6rem; text-transform:uppercase;}
#probtn ul li a div p:nth-child(1){ font-size:1.6rem; line-height:3rem;}
#probtn ul li a div p:nth-child(2){ font-size:0.5rem; line-height:0.6rem;}

#pro_banner{ width:100%; overflow:hidden;}
#pro_banner img{ width:200%; margin-left:-50%;}

#pro_con{ width:100%; text-align:center; position:absolute; margin-top:-8rem; color:#fff;}
#pro_con p:nth-child(1){ font-size:1.6rem; line-height:3rem;}
#pro_con p:nth-child(2){ font-size:0.6rem; line-height:0.6rem;}

#prolist{ width:100%; overflow:hidden;}
#prolist ul li{ width:33.33%; float:left;}
#prolist ul li a{ display:block; color:#fff; border:solid 1px #000;}
#prolist ul li a p{ width:33.33%; background:rgba(0,0,0,0.5); font-size:0.6rem; line-height:1.4rem; position:absolute; margin-top:-1.4rem; text-align:center; text-transform:uppercase;}
#prolist ul li a img{ width:100%;}


#probig{ width:100%; overflow:hidden;}
#probig ul{ width:100000000px; transition:all 0.5s;}
#probig ul li{ width:100vw; overflow:hidden; float:left;}
#probig ul li img{ width:200%; margin-left:-50%;}

#probig_con{ width:80%; color:#fff; margin:2rem auto 0 auto; overflow:hidden;}
#probig_con .left{ float:left;}
#probig_con .left p:nth-child(1){ font-size:0.6rem; line-height:0.6rem;}
#probig_con .left p:nth-child(2){ font-size:2rem; line-height:2.4rem;}
#probig_con .right{ float:right; text-align:right;}
#probig_con .right p:nth-child(1){ font-size:0.8rem; line-height:1rem;}
#probig_con .right p:nth-child(2){ font-size:0.8rem; line-height:1rem;}
#probig_con .right p:nth-child(3){ font-size:0.8rem; line-height:1rem;}
#probig_con .right p:nth-child(4){ font-size:0.8rem; line-height:1rem;}

#probig_btn{ width:90%; overflow:hidden; margin:2rem auto 0 auto;}
#probig_btn ul li{ float:left; width:20%; margin-bottom:1rem;}
#probig_btn ul li p{ width:3rem; height:3rem; margin:0 auto; cursor:pointer; overflow:hidden; border-radius:5rem;}
#probig_btn ul li p img{ height:100%;}

#probig_tt{ width:80%; margin:2rem auto 0 auto; border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; background:#262626; color:#fff; font-size:1rem; line-height:3rem; text-align:center; text-transform:uppercase;}
#probig_detail{ width:80%; margin:0 auto; overflow:hidden;}
#probig_detail img{ width:100%;}

#rutern{ width:80%; margin:2rem auto 0 auto; overflow:hidden;}
#rutern a{ display:block; line-height:2.6rem; background:#fff; color:#000; border-radius:5rem; text-align:center; text-transform:uppercase; font-size:0.8rem;}

#factory1{ width:100%; overflow:hidden;}
#factory1 img{ width:100%;}
#factory2{ width:100%; overflow:hidden;}
#factory2 img{ width:100%;}

.marquee-container {width:100%; overflow: hidden; position: relative;margin:5vw auto 5vw auto;padding: 10px 0; }
#factory2 { position: relative;height: 150px; }
.scroll-container { position: absolute;top: 0;left: 0;display: flex;height: 100%;}
#factory2 ul {display: flex; list-style: none;padding: 0; margin: 0;height: 100%; }
#factory2 li {flex: 0 0 auto; margin: 0 10px; overflow: hidden; border:solid 10px rgba(255,255,255,0.1);transition: all 0.4s ease; position: relative;  }        
#factory2 li:hover{transform: scale(1.05); z-index: 10; }        
#factory2 li img {height: 100%;width: auto; display: block;object-fit: cover;}
#change{ text-align:center; width:100%; overflow:hidden; padding-bottom:3vw;}
#change .k{ display:inline-block;}
#change .k .li{ float:left; width:70px; height:40px; background:#111; margin:0 10px; cursor:pointer;}
#change .k .li img{ height:50%; margin-top:14%;}

#text_bg{ background:url(image/di.jpg) no-repeat top center/100% auto #000; width:100%; overflow:hidden;}
#text_bg .con{ width:80%; margin:10rem auto 0 auto;  overflow:hidden; background:#fff;}
#text_bg .con h1{ text-align:center; text-transform:uppercase; line-height:4rem; font-size:1.4rem; padding-top:2rem;}
#text_bg .con img{ width:100%;}
#text_bg .con .con1{ width:80%; margin:0 auto;}
#text_bg .con .back{ overflow:hidden; margin:2rem 0;}
#text_bg .con .back a{ display:block; font-size:0.7rem; line-height:2rem; width:14rem; background:#000; color:#fff; text-transform:uppercase; text-align:center; margin:0 auto; border-radius:5rem;}








}