/* CSS Document */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{
font-size:14px;
color:#666;
line-height:28px;
font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
}
* {
margin: 0;
padding: 0;
}
input{vertical-align:middle;}
table{border-collapse:collapse;}
a{color:#414042;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;}
.clear{ clear:both;}
ul{list-style:none;margin:0px; padding:0px;}
dl{list-style:none;margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
@media screen and (min-width:1000px) and (max-width:2660px){
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.hd_top{ width:100%; height:24px; line-height:24px; background-color:#F4F4F4; color:#636363;}
.hd_header{ width:100%; height:150px;}
.hd_logo_fl{ width:120px; padding-top:22px;}
.hd_logo_fr{ width:750px; margin-left:15px; padding-left:15px; border-left:#CCC solid 3px; margin-top:20px;}
.hd_logo_fr h1{ font-size:40px;}
.hd_logo_fr span{ display:block;}
.hd_logo_fr span:first-child{ font-size:40px; font-weight:800; padding-top:15px;}
.hd_logo_fr span:nth-child(2){ font-size:27px; padding-top:20px; padding-bottom:15px;}
.ha_logo_lx{ background-image: url(../images/lx.png); background-repeat:no-repeat; background-position:center right; height:50px; padding-left:100px; margin-top:40px;}
.ha_logo_lx span{ display:block; text-align:right; padding-right:55px; font-size:18px;}
.ha_logo_lx span:first-child{ font-weight:800;}
.ha_logo_lx span:nth-child(2){ color:#03CCEA; font-weight:800;}
/*导航*/
nav{ height:60px; width:100%; background-color:#2C2C2C;}
.hd_dh{ line-height:60px;}
.hd_dh ul li{ float:left; width:200px; text-align:center;}
.hd_dh ul li a{ color:#fff; font-size:18px;display:block;}
.hd_dh ul li a:hover{ background-color:#03CCEA; display:block; color:#000; font-size:20px;}
.hd_dh ul li .htf_bg{ background-color:#03CCEA; color:#000; font-size:20px;}
.hd_banner{ margin-top:3px;}
/* 轮播外层容器：自适应 + 固定比例 */
.hd_banner #flashs {
width: 100%;
padding-top: 26.04%;
height: 0;
overflow: hidden;
position: relative;
}
/* 轮播项：绝对定位 + 平滑过渡动画（核心） */
.hd_banner .bgitem {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
transition: opacity 0.8s ease-in-out;
z-index: 1;
}
/* 当前显示的轮播图 */
.hd_banner .bgitem.active {
opacity: 1;
z-index: 2;
}
/* 链接铺满 */
.hd_banner #flashs a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.hd_search{ background-color:#F0F0F0; width:100%; line-height:45px; margin-top:3px;}
/*首页产品*/
.in_prc{ padding-top:80px;}
.in_prc_en{ text-align:center; line-height:50px; font-size:60px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_prc_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_prc_cn h2{ line-height:60px; font-weight:500; color:#999999;}
.in_prc_prc{ padding-top:10px; padding-left:5px; padding-right:5px;}
.in_prc_prc ul li{ float:left; width:274px; border:#CCC solid 1px; margin-left:5px; margin-right:5px; padding:2px; border-radius: 8px 8px 0 0; margin-bottom:15px;}
.in_prc_prc ul li:hover{ background-color:#B6F5FE;}
.in_prc_prc ul li span{ display:block; padding:5px;}
.in_prc_prc ul li a{ display:block;}
.in_prc_img img{ width:100%; border-radius: 8px 8px 0 0;}
/*广告图片*/
.in_ad{ background-image:url(../images/ad.jpg); background-repeat:no-repeat; background-position:center; height:166px; width:100%; margin-top:35px;}
.in_ad_txt{ padding-left:550px; font-size:40px; padding-top:70px;}
.in_ad_txt span:first-child{ color:#007DEB; font-weight:800;}
.in_ad_txt span:nth-child(2){ color:#007DEB; font-weight:800;}
/*首页简介*/
.in_about{padding-top:50px;}
.in_about_en{ text-align:center; line-height:50px; font-size:60px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_about_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_about_cn h2{ line-height:60px; font-weight:500; color:#999999;}
.in_about_txt {}
.in_about_txt_img{ float:left; padding-right:10px;}
.in_about_txt_img img{ width:100%;border-radius: 8px;}
/*案例应用*/
.in_case{padding-top:50px;}
.in_case_en{ text-align:center; line-height:50px; font-size:60px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_case_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_case_cn h2{ line-height:60px; font-weight:500; color:#999999;}
.in_case_prc {
width: 100%;
display: flex;
flex-wrap: wrap; /* 自动换行 */
justify-content: space-between; /* 均匀分布 */
gap: 10px; /* 项目之间的间距 */
}
.item {
width: 31%; /* 3 列刚好放下 */
height: auto;
border: 1px solid #CCC;
box-sizing: border-box;
}
.item:hover{ background-color:#B6F5FE;}
.item span{ display:block; padding:5px;}
.item a{ display:block;}
.in_case_img img{ width:100%;}
/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px; margin-top:40px;}
.news .newsleft{ overflow:hidden; width:778px; height:488px; background-color:#f6f6f6; float:left;}
.news .menu{ overflow:hidden; width:100%; height:58px; padding-bottom:7px; margin-bottom:25px;}
.news .menu li{ float:left; width:385px; height:54px; border:2px solid #03CCEA; text-align:center; line-height:54px; font-size:18px; color:#1b1b1b; background-color:#fff; position:relative}
.news .menu li a{ display:block; text-decoration:none;}
.news .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-9px;}
.news .menu li.cur{ background-color:#03CCEA; font-weight: bold}
.news .menu li.cur a{ color:#fff;}
.news .menu h2{ font-size:20px;}
.news .menu li.cur img{ display:block}
.news .listbox { overflow:hidden; width:100%; height:385px; position:relative}
.news .list{ overflow:hidden; width:100%; height:100%;}
.news .list dl{ overflow:hidden; width:735px; margin:0 auto; height:166px; margin-bottom:25px;}
.news .list dt{ float:left; width:236px; height:153px; border:6px solid #fff;}
.news .list dt img{ width:236px; height:153px;}
.news .list dd{ overflow:hidden; float:right; width:470px;}
.news .list h3{ font-size:16px; margin:14px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .list h3 a{ color:#1b1b1b;}
.news .list p{ font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align:justify}
.news .list ul{ overflow:hidden; width:735px; margin:0 auto}
.news .list li{ overflow:hidden; width:100%; height:50px; margin-bottom:15px; background-color:#fff;}
.news .list li .time{ width:60px; height:50px; background-color:#03CCEA; float:left; overflow:hidden; text-align:center; color:#fff;}
.news .list li .time span{ display:block; font-size:20px; font-family:Arial; margin-top:3px; line-height:25px;}
.news .list li .time em{ display:block; font-size:12px; font-family:Arial; line-height:25px;}
.news .list li a{ display:block; line-height:50px; font-size:13px; float:left}
.news .list li .title1{ width:530px; margin-left:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#585657; font-size:14px}
.news .list li .more{ float:right; text-transform:uppercase; color:#c1c1c1; margin-right:20px;}
.news .list li:hover a.title{ color:#7baf10;}
.news .newsright { overflow:hidden; width:379px; height:488px; background-color:#f6f6f6; float:right}
.news .newsright h3{ font-weight:normal; padding:0 20px; width:339px; height:58px; background-color:#03CCEA; line-height:58px; overflow:hidden;}
.news .newsright h3 a{ text-decoration:none; color:#fff;}
.news .newsright h3 b{ float:left; font-size:18px;}
.news .newsright h3 span{ float:left; font-size:12px; font-family:Arial; margin-left:5px; line-height:65px;}
.news .newsright h3 em{ font-size:13px; float:right; text-transform:uppercase}
.news .wenda { overflow:hidden; width:340px; height:395px; margin:0 auto; margin-top:20px; position:relative}
.news .wenda ul{ overflow:hidden; width:100%; position:absolute}
.news .wenda li{ overflow:hidden; height:139px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.news .wenda li h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:5px; line-height:24px; margin-bottom:18px; }
.news .wenda li h5 a{ color:#03CCEA}
.news .wenda li p{ padding-left:5px;font-size:14px; line-height:24px; color:#585657; height:68px; overflow:hidden; text-align: justify}
.footer{ background-color:#000; border-top:#CCC solid 2px; width:100%;}
.in_foot_fl{ width:150px; background-color:#CCC; margin-top:8px; text-align:center; padding-top:8px; margin-bottom:8px; padding-bottom:8px; padding-left:8px;border-radius: 8px;}
.in_foot_fr{ padding-left:50px; padding-top:10px; color:#FFF;}
.in_foot_txt{ color: #FFF; text-align:center; padding-top:45px;}
/*产品列表*/
.product{ padding-bottom:20px;}
.product-h1{ text-align:center; line-height:100px; display:block;}
.product-h1-content{ padding-left:15px; padding-right:15px;}
.product-fl{ margin-top:20px;}
.product-category-list{ width:328px; border:#000 solid 1px; padding-bottom:20px;}
.product-category-list h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.category-item{ line-height:40px; margin-left:15px; margin-right:15px; background-color: #E6E6E6; margin-top:15px; padding-left:15px;}
.category-item:hover{ background-color:#F6F6F6;}
.category-item h3 a{ display:block;}
.product-category-news{ margin-top:30px; width:328px; border:#000 solid 1px; padding-bottom:20px;}
.product-category-news h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-category-news ul{ display:block; margin-left:15px; margin-right:15px;}
.product-category-news ul li{line-height:40px; border-bottom:#CCC dashed 1px; margin-top:15px; padding-left:15px;}
.product-category-news ul li a{ display:block;}
.product-category-contact{ margin-top:30px; width:328px; border:#000 solid 1px; padding-bottom:20px;}
.product-category-contact h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-category-contact p{ padding:15px;}
.product-category-display{ width:850px; margin-right:20px; margin-top:20px;}
.product-title{background-color:#000; padding-left:15px;}
.product-title h2{ line-height:45px; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-content{border:#000 solid 1px; padding:15px;}
.prc-con-img{width: 100%; display: flex;
flex-wrap: wrap; /* 自动换行 */
justify-content: space-between; /* 均匀分布 */
gap: 15px; /* 项目之间的间距 */
}
.prc-con-txt{ width: 32%; /* 3 列刚好放下 */
height: auto;
border: 1px solid #CCC;
box-sizing: border-box; overflow:hidden;
}
.prc-con-txt span{ display:block;}
.prc-con-txt span:first-child{ height:250px;}
.prc-con-txt span:first-child img{ width:100%;}
.prc-con-txt span:nth-child(2){ background-color:#E6E6E6; border-top: 1px solid #CCC; height:45px; line-height:45px;}
.prc-con-txt span:nth-child(2) a{ display:block; text-align:center;}
.product-page{ padding-top:15px; text-align:center;}
.product-page a{ margin-left:10px;}
/*产品内页*/
.product-show{ margin-top:20px;}
.product-img{ text-align:center; width:650px;}
.product-img img{ width:90%;}
.product-show-nav{ padding-left:15px;line-height:45px; color:#666; font-size:20px; height:45px; background:none; padding-bottom:15px;}
.product-show h1{ text-align:center; line-height:45px; font-size:26px; height:45px; overflow:hidden;}
.product-show-time{ text-align:center; line-height:24px; width:550px; color:#999; padding-bottom:10px;}
.product-show-txt{ width:550px; border-bottom:#CCC dashed 1px; padding-bottom:10px;}
.product-show-selling-point{ width:550px;}
.product-show-selling-point h2{ line-height:45px;}
.product-show-fl{ width:850px; margin-right:20px; margin-top:20px; }
.product-show-fl h2{ line-height:45px;}
.product-show-details{background-color:#000; padding-left:15px;line-height:45px; font-size:20px; font-weight:800; color:#fff;}
.product-show-parameter{ padding:10px;}
.product-show-parameter table thead tr{ font-size:18px;}
.product-show-parameter table tr th:first-child{ width:80px;}
.product-show-fqa{ padding:10px;}
.product-show-procurement{ padding:10px;}
.product-show-parameter table{ width:100%;}
.product-show-parameter table tr{ border-bottom:#F2F2F2 solid 1px;}
.product-show-parameter table tr td{ padding-left:10px; padding-right:10px; line-height:35px;}
.product-show-parameter table tr td:first-child{ font-weight:800;}
.product-show-details-con{ padding:10px;}
.product-show-details-con img{ max-width:98%; text-align:center;}
.product-show-fr{ margin-top:20px;}
/*新闻列表*/
.news-show{ padding-bottom:20px;}
.news-h1{ text-align:center; line-height:100px; display:block;}
.news-h1-content{ padding-left:15px; padding-right:15px;}
.news-title{background-color:#000; padding-left:15px; margin-top:20px;}
.news-title h2{ line-height:45px; font-size:20px; font-weight:800; color:#fff;}
.news-list{width:850px; margin-right:20px;}
.news-content{border:#000 solid 1px; padding:15px;}
.news-item{ border-bottom:#CCC dashed 1px; padding:10px;}
.news-item-img{ width:300px; height:180px; overflow:hidden; border-radius:5px;}
.news-item-img img{ width:100%;}
.news-item-content{ width:450px; margin-left:20px; padding-top:20px;}
.news-item-page{ text-align:center; padding-top:20px;}
.news-show-title{background-color:#000; padding-left:15px; margin-top:20px;line-height:45px; color:#666; font-size:16px; color:#fff;}
.news-show-title a{color:#fff;}
.news-show-title a:hover{color: #F00;}
.news-show-content{border:#000 solid 1px; padding:15px;}
.news-show-content h2{ padding-top:8px; padding-bottom:8px;}
.news-show-content h1{ text-align:center; line-height:50px;}
.news-info{ text-align:center; color:#999;}
.news-desc{ padding:15px; color:#666; border-bottom:#CCC dashed 1px;}
.news-content-show{ padding-top:15px; padding-left:10px; padding-right:10px;}
.news-content-show img{ max-width:90%;}
.news-content-show h2{ padding-top:5px; padding-bottom:5px;}
.news-rel{ margin-top:25px;border:#000 solid 1px; padding-bottom:20px; padding:10px;}
.news-rel h3{background-color:#000; padding-left:15px; line-height:45px; color:#666; font-size:16px; font-weight:800; color:#fff;}
.news-rel ul{ padding-top:20px;}
.news-rel ul li{ float:left; width:25%;}
.news-rel ul li a{ display:block; padding-left:10px; padding-right:10px; border-left:#CCC dashed 1px;}
.news-rel ul li a:first-child{border-left:none;}
.news-rel ul li img{ width:100%;}
.news-rel-img{ width:25%; margin-top:20px;}
.news-rel-img a{ display:block; padding-left:10px; padding-right:10px;}
.news-rel-img img{ width:100%;}
.news-rel-con{ width:100%; margin-top:10px; border-bottom:#CCC dashed 1px; padding-bottom:10px;}
.news-rel-con span{ font-size:16px; font-weight:800px; line-height:35px;}
.news-rel-con p{ display:block; /* 首行缩进设为0，取消空格 */ text-indent: 0 !important; /* 文字左对齐，保证顶格 */ text-align: left;}
/*about*/
.about-list{width:850px; margin-right:20px;}
.about-show-title{background-color:#000; padding-left:15px; margin-top:20px;line-height:45px; color:#666; font-size:16px; color:#fff;}
.about-show-title a{color:#fff;}
.about-show-title a:hover{color: #F00;}
.about-show-content{border:#000 solid 1px; padding:15px;}
.about-show-content h2{ padding-top:8px; padding-bottom:8px;}
.about-show-content h1{ text-align:center; line-height:50px;}
.about-info{ text-align:center; color:#999;}
.about-desc{ padding:15px; color:#666; border-bottom:#CCC dashed 1px;}
.about-content-show{ padding-top:15px; padding-left:10px; padding-right:10px;}
.about-content-show h2{ padding-top:5px; padding-bottom:5px;}
}
@media screen and (min-width:320px) and (max-width:999px){
.hd_top{ width:100%; height:24px; line-height:24px; background-color:#F4F4F4; color:#636363; overflow:hidden; font-size:12px;}
.hd_header{ width:100%; height: auto;}
.hd_logo_fl{ display:none;}
.hd_logo_fr{ width:100%; margin-top:5px;text-align:center;}
.hd_logo_fr h1{ font-size:28px;}
.hd_logo_fr span{ display:block;}
.hd_logo_fr span:first-child{ font-size:28px; font-weight:800; padding-top:15px;}
.hd_logo_fr span:nth-child(2){ font-size:18px; padding-top:10px; padding-bottom:15px; text-align:center;}
.ha_logo_lx{ display:none;}
.ha_logo_lx span{ display:block; text-align:right; padding-right:55px; font-size:18px;}
.ha_logo_lx span:first-child{ font-weight:800;}
.ha_logo_lx span:nth-child(2){ color:#03CCEA; font-weight:800;}
/*导航*/
nav{ height:120px;width:100%; background-color:#2C2C2C;}
.hd_dh{ line-height:60px;}
.hd_dh ul li{ float:left; width:33%; text-align:center; border-bottom:#fff solid 1px;}
.hd_dh ul li:nth-child(2){ border-left:#fff solid 1px; border-right:#fff solid 1px;}
.hd_dh ul li:nth-child(5){ border-left:#fff solid 1px; border-right:#fff solid 1px;}
.hd_dh ul li a{ color:#fff; font-size:18px;display:block;}
.hd_dh ul li a:hover{ background-color:#03CCEA; display:block; color:#000; font-size:20px;}
.hd_dh ul li .htf_bg{ background-color:#03CCEA; color:#000; font-size:20px;}
.hd_banner{ margin-top:3px;}
/* 轮播外层容器：自适应 + 固定比例 */
.hd_banner #flashs {
width: 100%;
padding-top: 26.04%;
height: 0;
overflow: hidden;
position: relative;
}
/* 轮播项：绝对定位 + 平滑过渡动画（核心） */
.hd_banner .bgitem {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
transition: opacity 0.8s ease-in-out;
z-index: 1;
}
/* 当前显示的轮播图 */
.hd_banner .bgitem.active {
opacity: 1;
z-index: 2;
}
/* 链接铺满 */
.hd_banner #flashs a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.hd_search{ display:none;}
/*首页产品*/
.in_prc{ padding-top:20px;}
.in_prc_en{ text-align:center; line-height:50px; font-size:38px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_prc_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_prc_cn h2{ line-height:50px; font-weight:500; color:#999999;}
.in_prc_prc{ padding-top:10px; padding-left:5px; padding-right:5px;}
.in_prc_prc ul li{ float:left; width:45%; border:#CCC solid 1px; margin-left:5px; margin-right:5px; padding:2px; border-radius: 8px 8px 0 0; margin-bottom:15px;}
.in_prc_prc ul li:hover{ background-color:#B6F5FE;}
.in_prc_prc ul li span{ display:block; padding:5px;}
.in_prc_prc ul li a{ display:block;}
.in_prc_img img{ width:100%; border-radius: 8px 8px 0 0;}
/*广告图片*/
.in_ad{ background-image:url(../images/ad.jpg); background-repeat:no-repeat; background-position:center; height:166px; width:100%; margin-top:5px;}
.in_ad_txt{font-size:34px; padding-top:24px; line-height:40px; text-align:center;}
.in_ad_txt span:first-child{ color:#007DEB; font-weight:800;}
.in_ad_txt span:nth-child(2){ color:#007DEB; font-weight:800;}
/*首页简介*/
.in_about{padding-top:20px;}
.in_about_en{ text-align:center; line-height:50px; font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_about_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_about_cn h2{ line-height:50px; font-weight:500; color:#999999;}
.in_about_txt { padding:8px;}
.in_about_txt h3{ line-height:35px;}
.in_about_txt_img{ text-align:center; width:97%; margin:0 auto;}
.in_about_txt_img img{ width:100%;border-radius: 8px;}
/*案例应用*/
.in_case{padding-top:20px;}
.in_case_en{ text-align:center; line-height:40px; font-size:35px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:800; color:#03CCEA;}
.in_case_cn{ text-align:center; background-image:url(../images/prc_line.png); background-repeat:no-repeat; background-position:center; width:100%;}
.in_case_cn h2{ line-height:50px; font-weight:500; color:#999999;}
.in_case_prc {
width: 98%; margin:0 auto;
display: flex;
flex-wrap: wrap; /* 自动换行 */
justify-content: space-between; /* 均匀分布 */
gap: 10px; /* 项目之间的间距 */
}
.item {
width: 47%; /* 3 列刚好放下 */
height: auto;
border: 1px solid #CCC;
box-sizing: border-box;
}
.item:hover{ background-color:#B6F5FE;}
.item span{ display:block; padding:5px;}
.item a{ display:block;}
.in_case_img img{ width:100%;}
/*news*/
.news { overflow:hidden; width:100%; margin:0 auto; margin-bottom:10px; margin-top:20px;}
.news .newsleft{ overflow:hidden; width:100%; height:488px; background-color:#f6f6f6; float:left;}
.news .menu{ overflow:hidden; width:100%; height:58px; padding-bottom:7px; margin-bottom:25px;}
.news .menu li{ float:left; width:48%; height:54px; border:2px solid #03CCEA; text-align:center; line-height:54px; font-size:18px; color:#1b1b1b; background-color:#fff; position:relative}
.news .menu li a{ display:block; text-decoration:none;}
.news .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-9px;}
.news .menu li.cur{ background-color:#03CCEA; font-weight: bold}
.news .menu li.cur a{ color:#fff;}
.news .menu h2{ font-size:20px;}
.news .menu li.cur img{ display:block}
.news .listbox { overflow:hidden; width:100%; height:385px; position:relative}
.news .list{ overflow:hidden; width:100%; height:100%;}
.news .list dl{ overflow:hidden; width:100%; margin:0 auto; height:166px; margin-bottom:25px;}
.news .list dt{ float:left; width:46%; height:153px; border:6px solid #fff;}
.news .list dt img{ width:100%; height:153px;}
.news .list dd{ overflow:hidden; float:right; width:48%;}
.news .list h3{ font-size:16px; margin:14px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .list h3 a{ color:#1b1b1b;}
.news .list p{ font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align:justify}
.news .list ul{ overflow:hidden; width:100%; margin:0 auto}
.news .list li{ overflow:hidden; width:100%; height:50px; margin-bottom:15px; background-color:#fff;}
.news .list li .time{ width:60px; height:50px; background-color:#03CCEA; float:left; overflow:hidden; text-align:center; color:#fff;}
.news .list li .time span{ display:block; font-size:20px; font-family:Arial; margin-top:3px; line-height:25px;}
.news .list li .time em{ display:block; font-size:12px; font-family:Arial; line-height:25px;}
.news .list li a{ display:block; line-height:50px; font-size:13px; float:left}
.news .list li .title1{ margin-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#585657; font-size:14px}
.news .list li .more{ display:none;}
.news .list li:hover a.title{ color:#7baf10;}
.news .newsright { overflow:hidden; width:100%; height:488px; background-color:#f6f6f6; margin-top:20px;}
.news .newsright h3{ font-weight:normal; padding-left:1%; width:99%; height:58px; background-color:#03CCEA; line-height:58px; overflow:hidden;}
.news .newsright h3 a{ text-decoration:none; color:#fff;}
.news .newsright h3 b{ float:left; font-size:18px;}
.news .newsright h3 span{ float:left; font-size:12px; font-family:Arial; margin-left:5px; line-height:65px;}
.news .newsright h3 em{ display:none;}
.news .wenda { overflow:hidden; width:100%; height:395px; margin:0 auto; margin-top:10px; position:relative}
.news .wenda ul{ overflow:hidden; width:100%; position:absolute}
.news .wenda li{ overflow:hidden; height:139px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.news .wenda li h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:10px; line-height:24px; margin-bottom:18px; }
.news .wenda li h5 a{ color:#03CCEA}
.news .wenda li p{ padding-left:5px;padding-right:5px; font-size:14px; line-height:24px; color:#585657; height:68px; overflow:hidden; text-align: justify}
.footer{ background-color:#000; border-top:#CCC solid 2px; width:100%;}
.in_foot_fl{ display:none;}
.in_foot_fl img{ display:none;}
.in_foot_fr{ width:98%; margin:0 auto; padding-top:10px; color:#FFF; text-align:center;}
.in_foot_txt{ color: #FFF; padding-top:5px; padding-left:8px; padding-right:8px;}
.link{ display:none;}
/*产品列表*/
.product{ padding-bottom:10px;}
.product-h1{ text-align:center; line-height:50px; display:block; font-size:18px; height:50px; overflow:hidden;}
.product-h1-content{ padding-left:15px; padding-right:15px; height:135px; overflow:hidden; }
.product-fl{ margin-top:20px;}
.product-category-list{ width:98%; margin:0 auto; border:#000 solid 1px; padding-bottom:20px;}
.product-category-list h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.category-item{ line-height:40px; margin-left:15px; margin-right:15px; background-color: #E6E6E6; margin-top:15px; padding-left:15px;}
.category-item:hover{ background-color:#F6F6F6;}
.category-item h3 a{ display:block;}
.product-category-news{ width:98%; margin:0 auto; border:#000 solid 1px; padding-bottom:20px;}
.product-category-news h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-category-news ul{ display:block; margin-left:15px; margin-right:15px;}
.product-category-news ul li{line-height:40px; border-bottom:#CCC dashed 1px; margin-top:15px; padding-left:15px;}
.product-category-news ul li a{ display:block;}
.product-category-contact{width:98%; margin:0 auto; border:#000 solid 1px; padding-bottom:20px;}
.product-category-contact h2{ line-height:45px; text-align:center; background-color:#000; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-category-contact p{ padding:15px;}
.product-category-display{ width:100%; margin-top:20px; }
.product-title{background-color:#000; padding-left:15px;}
.product-title h2{ line-height:45px; color:#666; font-size:20px; font-weight:800; color:#fff;}
.product-content{border:#000 solid 1px; padding:5px;}
.prc-con-img{width: 100%; display: flex;
flex-wrap: wrap; /* 自动换行 */
justify-content: space-between; /* 均匀分布 */
gap: 15px; /* 项目之间的间距 */
}
.prc-con-txt{ width: 48%; /* 3 列刚好放下 */
height: auto;
border: 1px solid #CCC;
box-sizing: border-box; overflow:hidden;
}
.prc-con-txt span{ display:block;}
.prc-con-txt span:first-child{ height: auto;}
.prc-con-txt span:first-child img{ width:100%;}
.prc-con-txt span:nth-child(2){ background-color:#E6E6E6; border-top: 1px solid #CCC; height:45px; line-height:45px;}
.prc-con-txt span:nth-child(2) a{ display:block; text-align:center;}
.product-page{ padding-top:15px; text-align:center;}
.product-page a{ margin-left:10px;}
/*产品内页*/
.product-show{ margin-top:20px;}
.product-img{ text-align:center; width:100%;}
.product-img img{ width:90%; text-align:center !important;}
.product-show-nav{ padding-left:15px;line-height:45px; color:#666; font-size:20px; height:45px; background:none; padding-bottom:15px;}
.product-show h1{ text-align:center; line-height:45px; font-size:26px; height:45px; overflow:hidden;}
.product-show-time{ text-align:center; line-height:24px; width:100%; color:#999; padding-bottom:10px;}
.product-show-txt{ width:98%; margin:0 auto; border-bottom:#CCC dashed 1px; padding-bottom:10px;}
.product-show-selling-point{ width:100%;}
.product-show-selling-point h2{ line-height:45px; padding-left:5px;}
.product-show-selling-point ul{width:98%; margin:0 auto;}
.product-show-fl{ width:100%;}
.product-show-fl h2{ line-height:45px;}
.product-show-details{background-color:#000; padding-left:15px;line-height:45px; font-size:20px; font-weight:800; color:#fff;}
.product-show-parameter{ padding:10px;}
.product-show-parameter table thead tr{ font-size:18px;}
.product-show-parameter table tr th:first-child{ width:80px;}
.product-show-fqa{ padding:10px;}
.product-show-procurement{ padding:10px;}
.product-show-parameter table{ width:100%;}
.product-show-parameter table tr{ border-bottom:#F2F2F2 solid 1px;}
.product-show-parameter table tr td{ padding-left:10px; padding-right:10px; line-height:35px;}
.product-show-parameter table tr td:first-child{ font-weight:800;}
.product-show-details-con{ padding:10px;}
.product-show-details-con img{ max-width:98%; text-align:center; height:auto !important;}
.product-show-fr{ margin-top:20px;}
/*新闻列表*/
.news-show{ padding-bottom:20px;}
.news-h1{ text-align:center; line-height:50px; display:block; height:50px; overflow:hidden;}
.news-h1-content{ padding-left:15px; padding-right:15px; height:135px; overflow:hidden;}
.news-title{background-color:#000; padding-left:15px; margin-top:20px;}
.news-title h2{ line-height:45px; font-size:20px; font-weight:800; color:#fff;}
.news-list{width:100%; }
.news-content{border:#000 solid 1px; padding:10px;}
.news-item{ border-bottom:#CCC dashed 1px; padding:10px;}
.news-item-img{ display:none;}
.news-item-img img{ display:none;}
.news-item-content{ width:100%;}
.news-item-content h3{ height:34px; overflow:hidden; line-height:34px;}
.news-item-page{ text-align:center; padding-top:20px;}
.news-show-title{background-color:#000; padding-left:15px; margin-top:20px;line-height:45px; color:#666; font-size:16px; color:#fff;}
.news-show-title a{color:#fff;}
.news-show-title a:hover{color: #F00;}
.news-show-content{border:#000 solid 1px; padding:15px;}
.news-show-content h2{ padding-top:8px; padding-bottom:8px;}
.news-show-content h1{ text-align:center; line-height:50px;}
.news-info{ text-align:center; color:#999;}
.news-desc{ padding:15px; color:#666; border-bottom:#CCC dashed 1px;}
.news-content-show{ padding-top:15px; padding-left:10px; padding-right:10px;}
.news-content-show img{ max-width:90%;}
.news-content-show h2{ padding-top:5px; padding-bottom:5px;}
.news-rel{ margin-top:25px;border:#000 solid 1px; padding-bottom:20px; padding:10px;}
.news-rel h3{background-color:#000; padding-left:15px; line-height:45px; color:#666; font-size:16px; font-weight:800; color:#fff;}
.news-rel ul{ padding-top:20px;}
.news-rel ul li{ float:left; width:25%;}
.news-rel ul li a{ display:block; padding-left:10px; padding-right:10px; border-left:#CCC dashed 1px;}
.news-rel ul li a:first-child{border-left:none;}
.news-rel ul li img{ width:100%;}
.news-rel-img{ display:none;}
.news-rel-img a{ display:none;}
.news-rel-img img{ display:none;}
.news-rel-con{ width:100%; margin-top:10px; border-bottom:#CCC dashed 1px; padding-bottom:10px;}
.news-rel-con span{ font-size:16px; font-weight:800px; line-height:35px;}
.news-rel-con p{ display:block; /* 首行缩进设为0，取消空格 */ text-indent: 0 !important; /* 文字左对齐，保证顶格 */ text-align: left;}
/*about*/
.about-show-title{background-color:#000; padding-left:15px; margin-top:20px;line-height:45px; color:#666; font-size:16px; color:#fff;}
.about-show-title a{color:#fff;}
.about-show-title a:hover{color: #F00;}
.about-show-content{border:#000 solid 1px; padding:15px;}
.about-show-content h2{ padding-top:8px; padding-bottom:8px;}
.about-show-content h1{ text-align:center; line-height:50px;}
.about-info{ text-align:center; color:#999;}
.about-desc{ padding:15px; color:#666; border-bottom:#CCC dashed 1px;}
.about-content-show{ padding-top:15px; padding-left:10px; padding-right:10px;}
.about-content-show h2{ padding-top:5px; padding-bottom:5px;}
}