@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*产品*/
.pro_all{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.pro_all>.l{width:100%; height:auto; background-color:#21b384;}
.pro_all>.r{width:100%; height:auto; border:1px solid #21b384; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.pro_title{ width:100%; height:45px;  overflow:hidden; background:url(../images/pro_title.jpg)}
.pro_title>.l{ float:left; line-height:45px; font-size:18px; color:#FFFFFF; text-indent:20px}
.pro_title>.r{ float:right; line-height:45px; text-align:right; padding-right:20px}

.pro_index_box{ padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ width:100%; height:20px; line-height:20px; position:absolute;  left:0; bottom:20px; text-align:center; z-index:999999; }
.index_hdp .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff;  }
.index_hdp .bd{width:100%; height:auto; z-index:0; }
.index_hdp .bd li img{display:block; width:100%; height:auto; }
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*产品分类*/
.index_pro_ul{ width:100%; height:auto;}
.index_pro_ul li{width:100%; height:0.45rem; line-height:0.45rem;  text-indent:20px;}
.index_pro_ul li+li{ border-top:1px dotted #39cb9c}
.index_pro_ul li a{display: block; font-size:0.16rem; color:#fff}
.index_pro_ul li:hover{color:#fff; background-color:#08a371}
.index_pro_ul li:last-child{border-right:none}

/*图片新闻*/
.tupian{ overflow:hidden; margin-top:10px;}
.tupian>.l{width:100%; height:auto}
.tupian>.r{width:100%; height:auto; background-color:#f4f4f4; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*标题专用*/
.title_ov{ width:100%; height:auto; overflow:hidden}
.title_ov>.l{ float:left; width:46%; height:40px; line-height:35px; background:url(../images/title.jpg) no-repeat; font-size:20px; font-weight:400; text-indent:50px;}
.title_ov>.r{ float:right; width:46%; height:40px; line-height:35px; text-align:right}

/*新闻框*/
.news_ul_top{width:100%; height:auto; margin-top:3px}
.news_ul_top li{height:0.35rem; line-height:0.35rem; border-bottom:1px dotted #CCCCCC; }
.news_ul_top li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_ul_top li:last-child{border-bottom:none}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*图片新闻*/
.tupian{ overflow:hidden; margin-top:40px;}
.tupian>.l{ float:left; width:800px; height:auto}
.tupian>.r{ float:right; width:430px; height:auto; background-color:#f4f4f4; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*标题专用*/
.title_ov{ width:100%; height:auto; overflow:hidden}
.title_ov>.l{ float:left; width:46%; height:40px; line-height:35px; background:url(../images/title.jpg) no-repeat; font-size:20px; font-weight:400; text-indent:50px;}
.title_ov>.r{ float:right; width:46%; height:40px; line-height:35px; text-align:right}

/*小幻灯片*/
.index_hdp{width:100%; height:360px; position:relative; overflow:hidden;}
.index_hdp .hd{ width:100%; height:30px; position:absolute; line-height:30px; left:0; bottom:25px; text-align:left; padding-left:50px; z-index:999999; }
.index_hdp .hd li{ display:inline-block; width:15px; height:15px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff;  }
.index_hdp .bd{width:100%; height:auto; z-index:0; }
.index_hdp .bd li img{display:block; width:100%; height:100%;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*新闻框*/
.news_ul_top{width:100%; height:auto; margin-top:3px}
.news_ul_top li{height:35px; line-height:35px; border-bottom:1px dotted #CCCCCC; }
.news_ul_top li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_ul_top li:last-child{border-bottom:none}

/*产品*/
.pro_all{width:100%; height:auto; overflow:hidden; margin-top:30px; background:url(../images/probj.jpg) }
.pro_all>.l{float:left; width:220px; height:auto; background-color:#21b384;}
.pro_all>.r{float:right; width:1010px; height:auto; border:1px solid #21b384; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.pro_title{ width:100%; height:45px;  overflow:hidden; background:url(../images/pro_title.jpg)}
.pro_title>.l{ float:left; line-height:45px; font-size:18px; color:#FFFFFF; text-indent:20px}
.pro_title>.r{ float:right; line-height:45px; text-align:right; padding-right:20px}

.pro_index_box{ padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*产品分类*/
.index_pro_ul{ width:100%; height:auto;}
.index_pro_ul li{width:100%; height:45px; line-height:45px;  text-indent:20px;}
.index_pro_ul li+li{ border-top:1px dotted #39cb9c}
.index_pro_ul li a{display: block; font-size:16px; color:#fff}
.index_pro_ul li:hover{color:#fff; background-color:#08a371}
.index_pro_ul li:last-child{border-right:none}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_pic_one dl{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:30px; background-color:#fff; border:1px solid #F3F3F3}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

}

/*电脑手机全兼容*/
.link_box{width:100%; height:auto; line-height:26px; margin-top:10px}
.link_box a{ padding-right:10px;}