@charset "utf-8"; 
@import url(csscw.css);
/* 以下是本站自定义 */

/* 网站主色调fix[分页选中色/主字色/主背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#aaaaaa;}
#cmspage a,#cmspage b,#cmspage input{height:30px;line-height:30px;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#c00;}
.benbg{background:#c00;}

/* CWCMS_文章列表 */
.list_news li{height:50px;line-height:50px;border-bottom:1px dashed #ccc;background:url(dot/1.gif) no-repeat 0px 20px;padding-left:14px;}
.list_news li,.list_news li a,.list_news li a:hover{font-size:16px;}
.list_pic li{width:25%;float:left;text-align:center;padding-bottom:20px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:30px;width:95%;margin:auto;margin-bottom:20px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* CWCMS_分类列表 */
.fldh{border-bottom:1px solid #ddd;height:28px;margin-bottom:10px;}
.fldh h1{float:left;}
.fldhli li{ line-height:36px; font-size:16px; padding-left:12px; background:url(yq.png) no-repeat 0 14px;}

.all{width:1400px;margin:auto;}.copy{padding:20px 0;}
.textbox{min-height:calc(100vh-300px);}
.body{min-width:1400px;}

/*导航*/
.top_box{ background:#000; height:150px; overflow: visible; position:relative; z-index:10000;  }
.nav{ height:150px; line-height:150px;position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:18px;font-family:"microsoft yahei","黑体";}
.nav .sub{ display:none; width:180px; left:0; top:100px;  position:absolute; background:#fff;  line-height:30px; color:#000; z-index:1000; padding:0 10px }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; color:#000; padding:0 10px;font-size:16px;font-family:"microsoft yahei","黑体";}
.nav .sub a:hover{ color:#019040;  }
.nav h3 a:hover{color:#0055a6; text-decoration:none }

.nav1{ height:150px; line-height:150px;position:relative; z-index:1;  }
.nav1 a{ color:#fff;  }
.nav1 .nLi{ float:left;  position:relative; display:inline;  }
.nav1 .nLi h3{ float:left;  }
.nav1 .nLi h3 a{ display:block; padding:0 10px; font-size:18px;font-family:"microsoft yahei","黑体";}
.nav1 .sub{ display:none; width:200px; left:0; top:100px;  position:absolute; background:#fff;  line-height:30px; color:#000; z-index:1000;  }
.nav1 .sub li{ zoom:1; }
.nav1 .sub a{ display:block; color:#000; padding:0 10px;font-size:16px;font-family:"microsoft yahei","黑体";}
.nav1 .sub a:hover{ color:#019040;  }
.nav1 h3 a:hover{color:#0055a6; text-decoration:none }
/*搜索框	*/	
.ss_box i{font-family:"cwico"; font-style:normal;}
.modal{display: none;position: fixed;z-index:1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}     
.modal-content {background-color: #fefefe;margin:8% auto;padding:20px;
width:80%;max-width: 600px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}      
.close {color:#aaa;float: right;font-size: 28px;font-weight: bold;cursor: pointer;}
.close:hover{color: black;}
.xys{width:94%; padding:2%;background:#f4f4f8; margin:auto}

/* 搜索框专用样式 */
.search-container{margin: 20px 0;text-align: center;}       
.search-input{width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 2px solid #ddd;border-radius:25px;font-size:16px;outline:none;transition:0.3s;}       
.search-input:focus {border-color:#4CAF50;}       
.search-button{background-color: #4CAF50;color: white;padding: 12px 20px;border: none;border-radius: 25px;cursor: pointer;font-size: 16px;margin-top: 10px;width: 100%;transition: 0.3s;}
.inp{width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 2px solid #ddd;border-radius:25px;font-size:16px;outline:none;transition:0.3s;}
.but{background-color: #4CAF50;color: white;padding: 12px 20px;border: none;border-radius: 25px;cursor: pointer;font-size: 16px;margin-top: 10px;width: 100%;transition: 0.3s;}
/* 按钮容器样式 */
.button-container {display: flex;justify-content: center;gap: 20px;margin-top: 50px;}
.modal-btn{width:60px;height:32px;line-height:32px;}        
.modal-btn1{width:100px;height:32px;line-height:32px;text-align:center;color: white;
border:1px solid #fff;border-radius: 10px;cursor: pointer;font-size: 16px;transition: 0.3s;}
#openModalBtn:hover {border:solid 1px #0b7dda; color:#0b7dda;}
.ss_yy{ margin:60px 30px 30px;}

/*首页大图*/
.slideshow-container{position: relative;width: 100%;height: 100vh;overflow: hidden;z-index: auto;}
.slideshow{position: relative;width: 100%;height: 100%;}
.slide{position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease, transform 8s linear;transform: scale(1.2);z-index: 1;}
.slide.active{opacity: 1;z-index: 2;transform: scale(1);}
.slide img{width: 100%;height: 100%;object-fit: cover;}
.controls{position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;
z-index: 3;transform: translateY(-50%);}
.controls button{background: rgba(0,0,0,0.5);color: white;border: none;padding: 15px;cursor: pointer;font-size: 18px;transition: background 0.3s;}
.controls button:hover {background: rgba(0,0,0,0.8);}
.dots{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;z-index: 3;}
.dot{display: inline-block;width: 12px;height: 12px;margin: 0 5px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: background 0.3s;}
.dot.active {background: white;}

/*优势*/
.ys_fl ul li{ width:33%; float:left; text-align:center;}
.ys_fl ul li span{display:block;width:120px; height:120px; border-radius:50%; border:solid 3px #d9d9e1; line-height:120px; margin:auto;}
.ys_fl ul li h2{ line-height:80px;}.ys_fl ul li p{ width:80%; margin:auto; line-height:30px;}

/*产品*/

.pro h1{ line-height:50px; padding-top:80px; color:#363030;}
		.picScroll-left{ width:100%;overflow:hidden; position:relative;}
		.picScroll-left .hd{overflow:hidden;height:30px; background:#f4f4f4; padding:0 10px;}

		.picScroll-left .hd ul{ position:absolute; left:45%;overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:18px; height:18px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("icoCircle.png") 0 -18px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; width:23%; background:#fff; margin:0 8px;border-radius:10px; _display:inline; overflow:hidden; text-align:center; padding-bottom:10px; }
.picScroll-left .bd ul li .pic{ width:100%;text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:100%;display:block; }
.picScroll-left .bd ul li .title{line-height:36px;}
.picScroll-left .bd ul li .title a{ margin:10px 0;}
.picScroll-left .bd ul li .title .p1:hover{text-decoration:none; color:#000}
.picScroll-left .bd ul li .title .p2{color:#c00}
  .zoom-img {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
    width: 500px; /* 设置图片初始宽度 */
    height: auto; /* 保持宽高比 */
  }
  
  .zoom-img:hover {
    transform: scale(1.1); /* 鼠标悬停时放大1.1倍 */
  }
  
  
 /*关于我们 */
  .jjbox h1{ margin:70px 0;}
  .jjbox p{ width:90%; margin:auto; line-height:36px;}
  .more a{ display:block;width:150px; height:50px; border-radius:25px; line-height:50px; text-align:center; background:#000; color:#fff; margin:auto; font-size:16px}
  .more a:hover{ background:#fff; color:#000; border:solid 1px #000; text-decoration:none}
  
/*  生产设备*/
.sc ul li{width:31.333%;height:335px;float:left; margin:0 1%;}.sc ul li img{ width:100%; height:100%;}
  .zoom-img1 {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
    width: 600px; /* 设置图片初始宽度 */
    height: auto; /* 保持宽高比 */
  }
  .zoom-img1:hover {
    transform: scale(1.1); /* 鼠标悬停时放大1.1倍 */
  }
  
/*  视频*/
.spbox{ position:relative}
.sp img{ position:relative}
.sp_bf{ position:absolute; left:30%; top:45%; text-align:center;}
.zoom-img2 {transition: transform 0.5s ease; /* 平滑过渡效果 */width: 1400px; /* 设置图片初始宽度 */
height: auto; /* 保持宽高比 */}
.zoom-img2:hover {transform: scale(1.1); /* 鼠标悬停时放大1.1倍 */}

/*底部*/
.dbox{background:#0faac5; padding-top:30px; padding-bottom:5px;}
.d_gy{ width:30%;margin-left:3%}
.d_gy li a{ color:#fff;line-height:30px;}
.d_link{ width:30%;}.d_link li{ line-height:30px;}
.d_xx{ width:25%;}
.d_search{ width:220px; border:none; background:#fff; line-height:40px; height:40px;}
.d_icon{border:none; background:#bea9a9; line-height:42px; height:42px; width:50px;}
.d_dz{ font-size:0px;}
.d_sm{ width:30%;}
.d_icon i{font-family:"cwico"; font-style:normal}
.d_sm li{ float:left; width:20px; height:20px; margin:0 10px;}.d_sm li img{ width:20px; height:20px;}

/*公共*/
.gg_bt{ line-height:80px; height:80px; padding-left:6%;}
.c-left{ width:12%;}
.c-left h1{ border-bottom:solid 1px #b0b0b0; line-height:50px; height:50px;}
.c-left li{ line-height:36px; }
.c-left li img{ float:left;}
.c-left li h2{ float:left;}
.c1{ width:84%;}
.c1 h1{ border-bottom:solid 1px #b0b0b0; line-height:50px; height:50px;}

.c_bj{ width:200px; margin:auto}
.cms_piclist a.c_bj{display:block;border:solid 1px #000; border-radius:25px;}
.cms_piclist a.c_bj:hover{ background:#0faac5; color:#fff;border:solid 1px #0faac5;  text-decoration:none;}
.mleft3{ margin-left:2px;}

.cb1{width:450px;height:270px;}
.cb2{width:380px;height:270px;}
#pc_pic2 {height:270px;}
#pc_pic2 img{width:100%;height:100%;object-fit:cover;}
#pc_pic2 img {transform:translate(0, 0) scale(1);transition:transform 0.4s ease-in-out;}
#pc_pic2 img:hover {transform:translate(-5px, 0) scale(1.05);}



/*手机版*/
/* 手机版分页样式 */
#wappage{font-family:"arial";text-align:center;}#wappage a{text-decoration:none;display:inline-block;vertical-align:middle;height:25px;line-height:25px;padding:0 8px;background:#fff;border:1px solid #d6d6d6;font-size:14px;}#wappage a.n{border-left:0;}#wappage a:hover{color:#fff;background:#823A90;}

@-ms-viewport{width:device-width;}
@media screen and (min-device-width:600px) {/* pc-fix */
.allbox,.top1 div,.down div,nav{max-width:400px;}

}

.allbox{min-height:100%;margin:auto;background:#fff;}
.nrbox{padding:0 10px;}
.xiaobt{padding:3px 10px;}
.nrfix img{vertical-align:top;max-width:100%;height:auto;}

/* 头部 */
.top{position:fixed;z-index:100;top:0;width:100%;height:100px;line-height:100px;background:#000;display:box;display:-webkit-box;display:-moz-box;}
.top div{width:100%;margin:auto;}
.top h1{font-family:"cwico";font-size:24px;width:15%;line-height:50px;float:left;}
.top h1 a,.top h1 a:hover{padding-left:10px;display:block;text-decoration:none;}
.top h2 {width:69%;float:left;text-align:center;font-size:20px;}
.top h3{font-family:"cwico";font-size:24px;width:15%;line-height:50px;float:right;text-align:right;}
.top h3 a,.top h3 a:hover{padding-right:10px;display:block;text-decoration:none;}
.topfix{height:50px;}
.topbg{background:#098BD6;}
.topbg,.topbg a,.topbg a:hover{color:#fff;}
/* 底部 */
.down{position:fixed;z-index:100;bottom:0;width:100%;height:60px;background:#aaa;display:box;display:-webkit-box;display:-moz-box;font-size:14px;}
.down div{width:100%;margin:auto;}
nav{width:100%;height:59px;display:box;display:-webkit-box;display:-moz-box;}
nav a{display:block;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;line-height:1.3;}
nav a:hover{text-decoration:none;}
nav a i{display: block;padding-top:6px;font-family:"cwico";font-style: normal;}
.downfix{height:60px;}
.downbg{background:#000;border-top:1px solid #000;}
.downbg,.downbg a{color:#aaa;}
.downbg a:hover{color:#fff;}

/* 栏目条 */
.dh{background:#fff;border-bottom:1px solid #ccc;padding:2%;}
.dhfix{border-bottom:0;}
.dh h1{width:200px;font-size:16px;float:left;border-left:3px solid #098BD6;color:#098BD6;padding-left:2%;}
.dh .more{float:right;display:block;width:50px;height:21px;line-height:21px;text-align:right;}
.dh .more a,.dh .more a:hover{color:#999;}

/* 快捷图片导航 */
.kjdh li{width:20%;float:left;text-align:center;padding-top:15px;}
.kjdh li img{width:60%;display:inline;margin-bottom:5px;}

/* 文章列表 */
.list_news li{background:url(dot/dot1.png) no-repeat left center;padding:10px 0 2% 26px;border-bottom:1px solid #ccc;line-height:160%;}
.list_news li div{background:url(dot/dot2.gif) no-repeat right center;padding-right:35px;}
.list_news li a,.list_news li a:hover{font-size:14px;}

/* 图片列表(1) */
.list_pic1 li{float:left;width:47%;margin:0 0 2% 2%;background:#fff;cursor:pointer;}
.list_pic1 p{width:100%;height:140px;overflow:hidden;margin:0;}
.list_pic1 p img{width:100%;height:100%;object-fit:cover;}
.list_pic1 h1{height:28px;line-height:28px;overflow:hidden;padding:5px 8px 0 8px;}
.list_pic1 h2{height:35px;line-height:30px;overflow:hidden;background:url(dot/che.png) no-repeat top right;background-size:26px;margin:0 5px;}

/* 图片列表(2) */
.list_pic2 li{height:90px;overflow:hidden;line-height:200%;border-bottom11:1px solid #ccc;padding:2% 0;}
.list_pic2 li div.p1{height:90px;width:35%;float:left;margin:0 0 0 2%;}
.list_pic2 li div.p2{width:61%;float:left;margin:0 0 0 2%;}
.list_pic2 li img{width:100%;height:100%;object-fit:cover;}

/* 留言表单 */
.inpsbox{border:1px solid #ccc;background:#f3f3f3;margin:5px 0;}
.yzmbox {position: relative;}.yzmbt {position: absolute;right:5px;top:5px;z-index:100;display:inline-block;}
.inps2{width:95%;background:#f3f3f3;overflow:hidden;border:0;height:35px;line-height:35px;padding-left:5px;}
.inps3{width:95%;background:#f3f3f3;overflow:hidden;border:0;height:80px;line-height:35px;padding-left:5px;}





/*自定义手机版*/
.top1{ width:100%; height:80px; line-height:80px; background:#000;}
.logo1{width:20%; z-index:100}.logo1 img{width:80%;}
.top1 h3{font-family:"cwico";font-style: normal; float:left; text-align:right; font-size:20px; width:20%;}
.top1 h3 a{ color:#fff;}
.s-search{width:50%;background:#fff; margin-top:25px;line-height:30px; height:30px;border-radius:15px }
.s-inp{ border:none; width:60%; margin-left:5%;}
.s-but{ border:none; width:20%; margin-left:5%; background:url(sss.png) no-repeat center;}

/*优势*/
.sys_fl ul li{ width:100%;text-align:center;}
.sys_fl ul li span{display:block;width:120px; height:120px; border-radius:50%; border:solid 3px #d9d9e1; line-height:120px; margin:auto;}
.sys_fl ul li h2{ line-height:80px;}
.ys_fl ul li p{ width:80%; margin:auto; line-height:30px;}

/*产品*/
.pro1 h1{ line-height:50px; padding-top:30px; color:#363030;}
.picScroll-left1{ width:100%;overflow:hidden; position:relative;}
.picScroll-left1 .hd{overflow:hidden;height:30px; background:#f4f4f4; padding:0 10px;}
.picScroll-left1 .hd ul{ position:absolute; left:45%;overflow:hidden;margin-top:10px; zoom:1; }
.picScroll-left1 .hd ul li{ float:left;  width:18px; height:18px; text-indent:-999px; overflow:hidden; margin-right:5px;  cursor:pointer; background:url(icoCircle.png) 0 -18px no-repeat; }
.picScroll-left1 .hd ul li.on{ background-position:0 0; }
.picScroll-left1 .bd ul{overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{float:left; width:46%; background:#fff; margin:0 8px;border-radius:10px; _display:inline; overflow:hidden; text-align:center; padding-bottom:10px; }
.picScroll-left1 .bd ul li .pic{ width:100%;text-align:center; }
.picScroll-left1 .bd ul li .pic img{ width:100%; height:100%;display:block; }
.picScroll-left1 .bd ul li .title{line-height:36px;}
.picScroll-left1 .bd ul li .title a{ margin:10px 0;}
.picScroll-left1 .bd ul li .title .p1:hover{text-decoration:none; color:#000}
.picScroll-left1 .bd ul li .title .p2{color:#c00}
  
  

.jjbox1 p{ width:90%; margin:auto; line-height:30px;}
.more1 a{ display:block;width:120px; height:40px; border-radius:25px; line-height:40px; text-align:center; background:#000; color:#fff; margin:auto; font-size:16px}
.more1 a:hover{ background:#fff; color:#000; border:solid 1px #000; text-decoration:none}
.sc1 ul li{width:100%; margin:2% auto;height:335px;float:left;}.sc1 ul li img{ width:100%; height:100%;}

/*  视频*/
.sp1{ width:98%; margin:auto;}.sp1 img{ width:100%; height:auto;}
.downbox{width:100%;background: #0faac5;}
.downbox {width:100%;}
.downbox li{ line-height:36px; border-bottom:solid 1px #fff; width:100%; font-size:16px; padding-left:5%} .downbox li a{ color:#fff;}
.dbq{ width:100%;background: #0faac5;} .dbq p{ color:#fff; line-height:36px; text-align:center}

/*简介*/
.s_jj{width:95%; margin:auto}
.s_jj img{width:100%;}
.sj_cb1{ width:98%; margin:auto;}

/*图片列表*/
.cms_piclist1 ul{list-style-type:none; overflow:hidden;} 
.cms_piclist1 li{text-align:center; margin:20px auto;}
.cms_piclist1 li img{ width:100%;}
.cms_piclist1 li a{line-height:40px;}
.cms_piclist1 a.c_bj{display:block;border:solid 1px #000; border-radius:25px;}
.cms_piclist1 a.c_bj:hover{ background:#0faac5; color:#fff;border:solid 1px #0faac5;  text-decoration:none;}



.dd img{ width:99%}