@charset "utf-8";

/*公司简介*/
.myzdh_about{padding: 1rem 0}
.myzdh_about .fl{ width:100%;}
.myzdh_about .fl p{text-indent: 1rem; font-size: 1.2rem; line-height: 240%;color: #666}
.myzdh_about .fl .more{background: #133984; padding: 10px 50px;color: #fff;margin-top: 30px;text-transform:uppercase;}
.myzdh_about .fl .more:hover{background: #fa7112;}
.myzdh_about .fr{width: 100%; }
.myzdh_about .fr img{ width: 100%;box-sizing: border-box;}



/*产品分类*/
.myzdh_product {padding: 1rem 0;background:#f5f5f5;position: relative;height: 874px;box-sizing: border-box;}
.myzdh_product_con {padding:0 0 1rem 0}

.myzdh_product_con .bd{padding: 1rem; width: 100%;background: #fff;border: 1px solid #efefef;box-sizing: border-box;margin-bottom: 1rem}
.myzdh_product_con .bd ul{}
.myzdh_product_con .bd ul .left{width: 100%;}
.myzdh_product_con .bd ul .left img{ width: 100% }
.myzdh_product_con .bd ul .right{width: 100%;padding: 0 0 0 0;box-sizing: border-box;}
.myzdh_product_con .bd ul .right .tit{color: #ff8533;font-size: 1.6rem;line-height: 240%;font-weight: bold;background: url(../../images/more.png) no-repeat right 20px;}
.myzdh_product_con .bd ul .right .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.myzdh_product_con .bd ul .right .list .list_show{ width: 48%;;border: 1px solid #efefef;padding:0.5rem 0.1rem;box-sizing: border-box;margin-bottom: 0.5rem;text-align: left;font-size: 1.2rem;text-indent: 0.5rem}
.myzdh_product_con .bd ul .right .list .list_show:hover{ background: #fa7114;color: #fff;border: 1px solid #fa7114;}
.myzdh_product_con .bd ul .right .list .list_show:hover a{color: #fff;}

.myzdh_product_con_list{display: flex;flex-wrap: wrap;justify-content: space-between;} 
.myzdh_product_con_list dl{width: 100%; position: relative;}
.myzdh_product_con_list dl dt{width: 100%; }
.myzdh_product_con_list dl dt img{width: 100%;border: 1px solid #efefef;box-sizing: border-box;}
.myzdh_product_con_list dl dd{width: 385px; height: 306px;display: none}
.myzdh_product_con_list dl:hover dd{width: 385px; height: 306px;display: block;position: absolute;top: 0;left: 0;background: rgba(255,133,51,0.95);display: flex}
.myzdh_product_con_list dl:hover dd span{margin: auto;font-size: 24px; color: #fff;line-height: 300%}
.myzdh_product_con_list dl:hover dd span img{display: block;margin: 0 auto}

.myzdh_news{padding: 30px 0 ;position: relative;}

.myzdh_news .slideTxtBox{ width:100%; text-align:left;  }
.myzdh_news .slideTxtBox .hd{ height:30px; line-height:30px;padding:10px 20px; position:relative;font-size: 18px;}
.myzdh_news .slideTxtBox .hd ul{ float:left;  }
.myzdh_news .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.myzdh_news .slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border-left: 3px solid #fa7114;font-weight: bold;color: #fa7114}

.myzdh_news .slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
.myzdh_news .slideTxtBox .bd ul dl{margin-bottom: 20px;margin-top: 20px}
.myzdh_news .slideTxtBox .bd ul dl .fl{ width: 245px; }
.myzdh_news .slideTxtBox .bd ul dl img{border: 1px solid #efefef;box-sizing: border-box;}
.myzdh_news .slideTxtBox .bd ul dl .fr{width: 300px}
.myzdh_news .slideTxtBox .bd ul dl dt{font-size: 16px;font-weight: bold;line-height: 240%;}
.myzdh_news .slideTxtBox .bd ul dl dd{font-size: 14px; color: #999;line-height: 180%}
.myzdh_news .slideTxtBox .bd ul dl dd a{padding: 5px 20px; background: #fa7114;color: #fff;}
.myzdh_news .slideTxtBox .bd  li .date{ float:left; color:#333;text-align: center; width: 110px;font-size: 24px;font-weight: bold;border-right: 1px solid #efefef}
.myzdh_news .slideTxtBox .bd  li .date em{font-size: 14px;display: block;font-style: normal;}
.myzdh_news .slideTxtBox .bd  li{border: 1px solid #efefef;padding: 10px 0;margin-bottom: 20px;position: relative;}
.myzdh_news .slideTxtBox .bd  li strong{;display: inline-block;padding-left: 20px;line-height: 50px}
.myzdh_news .slideTxtBox .bd li:before{content: '>';width: 30px; height: 30px; border: 1px solid #efefef;border-radius: 50%;position: absolute;font-family: 'Kaiti';text-align: center;line-height: 30px;color: #efefef;right: 10px; top: 20px}
.myzdh_news .slideTxtBox .bd li:hover:before{content: '>';width: 30px; height: 30px; border: 1px solid #fa7114;border-radius: 50%;position: absolute;font-family: 'Kaiti';text-align: center;line-height: 30px;color: #fa7114;right: 10px; top: 20px}
.myzdh_news .slideTxtBox .bd li:hover{border: 1px solid #fa7114}


.myzdh_news .right{width: 100%}
.myzdh_news .right .tit{border: 1px solid #efefef;border-left: none;border-right: none;height: 50px;line-height: 50px;text-indent: 20px;font-size: 18px;position: relative;}
.myzdh_news .right .tit a{position: absolute;right: 0;font-size: 14px;color: #999}
.myzdh_news .right .txtScroll-top{ width:580px;  overflow:hidden; position:relative;  height: 450px;}

.txtScroll-top .hd ul li.on{ background-position:0 0; }

.txtScroll-top .bd{ padding:15px;  }
.txtScroll-top .bd li{padding: 20px 0 20px 50px;border-bottom: 1px dashed #efefef;position: relative;}
.txtScroll-top .bd li dt{font-size: 16px;font-weight: bold;line-height: 240%;}
.txtScroll-top .bd li:before{content: 'Q';width: 25px; height: 25px; border:1px solid #ccc;line-height: 25px; text-align: center;position: absolute;left: 10px;top: 25px;font-family: 'Arial';font-size: 18px;color: #666}
.txtScroll-top .bd li dd{font-size: 14px; color: #999;line-height: 180%}



/*文章模块*/
.list_news_red{}
.list_news_red ul li{border-bottom:1px solid #efefef; height:6rem; padding:1rem 0; transition:transform 0.3s; display:block}
.list_news_red ul li .left{ float:left; width:20%; text-align:center; color:#e0dedb;}
.list_news_red ul li .left .top{ font-size:4rem; line-height:4rem}
.list_news_red ul li .left .bottom{ font-size:1.4rem;}
.list_news_red ul li .right{ float:right; width:80%}
.list_news_red ul li .right h3{ font-size:1.2rem; line-height:2rem; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list_news_red ul li .right p{ font-size:1rem; line-height:2rem; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/*产品列表*/
.list_product{}
.list_product ul{}
.list_product li{ display:inline-block; width:48%; text-align:center; float: left;margin:0 1%;margin-bottom: 1rem}
.list_product li img{ width:98%; height:100%; border:0.1rem solid #efefef;max-height: 10rem;}
.list_product li h3{  color:#333; line-height: 240%;font-size: 1rem}

/*产品详情页*/
.show_product{}
.show_product img{width: 100%;}
.show_product .js{padding: 1rem 0;}
.show_product table {margin: 0 auto;color: #262626;width: 100%;border-collapse: collapse;}
.show_product table td {border: 1px solid #e5e5e5;line-height: 2rem;padding: 0.4rem 0;text-align: center;font-size: 0.875rem;box-sizing: border-box;white-space:nowrap;overflow:hidden;   text-overflow:ellipsis; word-break:keep-all; }
.show_product table tr:first-child {text-align: center;background: #fff;color: #333;font-weight: bold;
}
.show_product table tr:hover {background: #efefef;color: #333;cursor: pointer;}
.show_product table .bold {font-weight: bold;background: #f5f5f5}
.show_product table a {font-weight: bold;font-size: 16px;color: #0064a0}



/*联系我们*/
.myzdh_page_lx{ width: 95%; margin: 0 auto }
.myzdh_page_lx h1{ color: #333; font-size: 1.6rem; line-height: 3rem ; font-weight: bold;}
.myzdh_page_lx ul{ width:100%; }
.myzdh_page_lx ul li{ width:100%; float: left; font-size:1.3rem;  margin: 0.5rem 0 }
.myzdh_page_lx ul li img{ float: left; padding: 0 1rem 0 0 }
.myzdh_page_lx ul li span{display: block;font-size: 1.4rem;line-height: 240%;font-weight: bold;}

/*单页*/
.myzdh_page{}
.myzdh_page p{font-size: 1.2rem; line-height: 220%;}
.myzdh_page img{ width: 100%; }

/*解决方案*/
.list_solution ul{ }
.list_solution ul img{ width: 100% }
.list_solution ul .title{font-size: 1.6rem;text-align: left;color: #fa7112;border-bottom: 1px solid #efefef}
.list_solution ul .description{padding: 0.5rem 0;line-height: 200%;font-size: 1.25rem}