@charset "utf-8";
body{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}

#top{ background:#32b357; padding:10px 0;}
#top p{ float:left; color:#fff; font-size:12px;}
#top a{ float:right; color:#fff; font-size:12px; margin-left:20px;}
#top a:hover{ text-decoration:underline;}

#logo{ padding:30px 0;}
#logo .logo{ width:45%; font-size:44px; font-weight:600; font-family:'黑体'; color:#32b357; float:left;}
#logo .nav{ float:right; width:55%;}
#logo .nav a{ float:left; font-size:14px; width:calc(100% / 6); height:50px; line-height:50px; color:#333; text-align:center;}
#logo .nav a:hover{ background:#32b357; color:#fff;}

#product{ padding:40px 0;}
#product .title{ text-align:center; font-size:36px; font-weight:600;}
#product .title b{ color:#32b357;}
#product .descript{ text-align:center; color:#5a5a5a; line-height:200%;}
#product .product_type{ text-align:center; margin:40px 0;}
#product .product_type a{ font-size:14px; height:50px; line-height:50px; width:260px; display:inline-block; background:#f0f0f0; margin:0 10px;}
#product .product{ float:left; width:calc(100% / 3 - 30px); margin:15px; overflow:hidden;}
#product .product img{ width:100%; height:260px; transition:0.3s;}
#product .product p{ text-align:center; line-height:200%;}
#product .product p a{ color:#5a5a5a;}
#product .product_type a:hover{ background:#32b357; color:#fff;}
#product .product p a:hover{ color:#32b357;}

#contrast{ background:url(/img/contrast.jpg) bottom no-repeat #f9f9f9; padding:40px 0 120px;}
#contrast .title{ text-align:center; font-size:36px; font-weight:600;}
#contrast .title b{ color:#32b357;}
#contrast .descript{ text-align:center; color:#5a5a5a; line-height:200%; margin-bottom:40px;}
#contrast .product{ float:left; width:calc(100% / 2 - 160px); padding:0 40px 40px; background:#fff; margin:0 40px; text-align:center;}
#contrast .product .p1{ height:60px; line-height:60px; display:inline-block; background:url(/img/contrast_title.jpg); width:200px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; color:#32b357; font-size:24px; font-weight:600;}
#contrast .product img{ display:block; width:100%; height:300px; margin:40px 0 30px;}
#contrast .product .p2{ font-size:14px; line-height:200%; color:#5a5a5a; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}

#about{ background:#f8f8f8; padding:40px 0 80px;}
#about .left{ float:left; width:48%;}
#about .left .p1{ font-size:40px; color:#666;}
#about .left .p2{ font-size:30px; font-weight:600; color:#137c32; background:url(/img/about_title.png) 130px 18px no-repeat; margin-bottom:20px;}
#about .left .p2 a{ float:right; color:#137c32; border:1px solid #137c32; border-radius:20px; height:30px; line-height:30px; font-size:14px; font-weight:100; width:120px; background:#f8f8f8; margin-top:6px; text-align:center;}
#about .left .p3{ font-size:14px; line-height:200%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:7;-webkit-box-orient: vertical;}
#about .right{ float:right; width:48%; height:260px; background:#137c32; margin-top:20px;}
#about .right img{ width:100%; height:100%; margin-top:20px; margin-left:20px;}
#about .left .p2 a:hover{ background:#32b357; color:#fff;}

#youshi{ background:#32b357; padding:40px 0;}
#youshi .product{ float:left; width:calc(100% / 4); text-align:center;}
#youshi .product img{ transition:0.3s; width:85px; height:85px; margin-bottom:10px;}
#youshi .product .p1{ font-size:18px; color:#fff; line-height:200%;}
#youshi .product .p2{ font-size:14px; color:#fff;}
#youshi .product img:hover{ transform:rotateY(180deg);}

#news{ padding:40px 0;}
#news .title{ color:#32b357; text-align:center; font-size:36px; font-weight:600;}
#news .descript{ text-align:center; color:#5a5a5a; line-height:200%; margin-bottom:40px;}
#news .left{ float:left; width:48%;}
#news .left img{ width:100%; height:340px;}
#news .left .p1{ font-size:18px; line-height:200%;}
#news .left .p1 a{}
#news .left .p2{ font-size:12px; color:#5a5a5a; line-height:200%;}
#news .left .p3{ font-size:14px; color:#7d7d7d; line-height:200%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
#news .left .p4{ margin-top:30px;}
#news .left .p4 a{ color:#32b357; font-size:14px;}
#news .right{ float:right; width:48%;}
#news .right .product{ border-bottom:1px solid #e2e2e2; padding-bottom:5px; margin-bottom:5px;}
#news .right .product .p1{ font-size:18px; margin-bottom:10px;}
#news .right .product .p1 a{}
#news .right .product .p2{ font-size:14px; line-height:200%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; color:#5a5a5a; height:84px;}
#news .left .p1 a:hover{ color:#32b357; text-decoration:underline;}
#news .right .product .p1 a:hover{ color:#32b357; text-decoration:underline;}

#links{ background:#f5f5f5; padding:15px 0;}
#links p{ font-size:18px;}
#links p a{ color:#5a5a5a; margin-right:10px;}
#links p a:hover{ color:#32b357;}

#foot{ padding:40px 0; background:url(/img/foot_bg.jpg) no-repeat; background-size:cover;}
#foot .product{ float:left; width:calc((100% - 180px) / 6);}
#foot .product .p1{ color:#32b357; margin-bottom:30px;}
#foot .product .p2{ font-size:14px; line-height:200%;}
#foot .product .p2 a{ color:#9c9c9c;}
#foot .wx{ float:right; width:150px;}
#foot .wx p{ color:#32b357; text-align:center; margin-bottom:40px;}
#foot .wx img{ width:130px; height:130px; border:1px solid #ccc; padding:9px;}
#foot .beian{ margin-top:100px; text-align:center; font-size:14px; color:#fff;}
#foot .beian a{ color:#fff;}
#foot .product .p2 a:hover{ color:#32b357;}

#foot_nav{ display:none;}

@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#top p{ font-size:18px;}
#top a{ font-size:18px;}
#logo{ padding:0;}
#logo .logo{ padding:30px 0; font-size:50px;}
#logo .nav{ width:100%;}
#logo .nav a{ font-size:22px;}
#product .descript , #contrast .descript , #news .descript{ font-size:20px;}
#product .product_type a{ font-size:18px; width:200px;}
#product .product{ width:calc(100% / 2 - 30px);}
#product .product img{ height:300px;}
#product .product p{ font-size:20px;}
#contrast .product{ width:calc(100% / 2 - 120px); margin:0 20px;}
#contrast .product .p2{ font-size:20px;}
#about .left{ width:100%;}
#about .right{ display:none;}
#about .left .p2 a{ height:40px; line-height:40px; margin:0; width:160px; font-size:20px;}
#about .left .p3{ font-size:20px;}
#youshi .product .p1{ font-size:22px; font-weight:600;}
#youshi .product .p2{ font-size:18px;}
#news .left{ width:100%;}
#news .left img{ float:left; width:300px; height:200px; margin-right:20px;}
#news .left .p1{ font-size:22px;}
#news .left .p2{ font-size:20px;}
#news .left .p3{ font-size:20px;}
#news .left .p4{ margin-top:10px;}
#news .left .p4 a{ font-size:22px;}
#news .right{ width:100%;}
#news .right .product{ margin:10px 0; padding:10px 0;}
#news .right .product .p1{ font-size:22px;}
#news .right .product .p2{ font-size:18px; height:auto; -webkit-line-clamp:2;}
#foot .product{ width:calc((100% - 180px) / 5);}
#foot .product .p1{ font-size:20px;}
#foot .product .p2{ font-size:18px;}
#foot .wx p{ font-size:20px;}
#foot .beian{ font-size:22px;}
#foot{ margin-bottom:90px;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 4 - 2px); text-align:center; height:90px; line-height:90px; background:#32b357; color:#fff; float:left; font-size:30px;}
}

/*
     FILE ARCHIVED ON 13:23:20 Mar 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:47:22 Nov 10, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.681
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.018
  esindex: 0.033
  cdx.remote: 10.324
  LoadShardBlock: 353.006 (3)
  PetaboxLoader3.datanode: 97.642 (4)
  PetaboxLoader3.resolve: 737.467 (2)
  load_resource: 526.804
*/