@charset "utf-8";
/* hlls_solution */
.hlls_solution{width: 100%;background: #fafafa;padding-bottom: 50px;}
.hlls_solution_con{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.hlls_solution_con dl{width: 20%;text-align: center;}
.hlls_solution_con dl dt{font-size: 18px;font-weight: bold;color: rgb(2, 178, 181);line-height: 3;}
.hlls_solution_con dl dd{font-size: 14px;color: rgb(102, 102, 102);width: 55%;margin: 0 auto;line-height: 2;}

.hlls_solution02{width: 100%;background: #02b2b5;padding-bottom: 50px;}
.hlls_solution02 p{font-size: 14px;line-height: 2;text-align: center;color: #fff;}


/* 图片滚动 */
.hlls_product{}
.hlls_product .hlls_product_con{ position:relative;  padding: 0 0 10px 42px;  background:#fff; margin-bottom:10px; overflow:hidden;text-align: center;}
.hlls_product_con{ width:1200px;  overflow:hidden; position:relative;  }
.hlls_product_con .hd{ overflow:hidden;   }
.hlls_product_con .hd .prev{ font-family: 'kaiti';position:absolute;  left:0; top: 120px; display:block; cursor:pointer; font-size: 36px;color: #999;}
.hlls_product_con .hd .next{ font-family: 'kaiti';position:absolute;  right:0; top: 120px; display:block; cursor:pointer; font-size: 36px;color: #999;}
.hlls_product_con .hd .prev:hover,.hlls_product_con .hd .next:hover{color: #02b2b5;}

.hlls_product_con .bd{ padding:10px;   }
.hlls_product_con .bd ul{ overflow:hidden; zoom:1; }
.hlls_product_con .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlls_product_con .bd ul li .pic{ text-align:center; width: 260px;border: 1px solid #02b2b5;}
.hlls_product_con .bd ul li .pic img{ width:100%; display:block; }
.hlls_product_con .bd ul li .pic a:hover img{ border-color:#999;  }
.hlls_product_con .bd ul li .title{ font-size: 14px;line-height: 3;  }
.hlls_product_con .more_p{display: inline-block;padding: 15px 40px;background: #02b2b5;color: #fff;display: inline-block;text-transform: uppercase;}


.hlls_video ul{ overflow:hidden; zoom:1; margin-bottom: 30px;}
.hlls_video ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlls_video ul li .pic{ text-align:center; width: 280px;height: 200px;
    background-position: 50%;
    /* background-repeat: no-repeat; */
    background-size: cover;position: relative;}
.hlls_video ul li .pic img{ width:60px; display:block;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%; }
.hlls_video ul li .pic a:hover img{ border-color:#999;  }
.hlls_video ul li .title{ font-size: 14px;line-height: 3;  }



.hlls_cases{background: #fafafa;}
.hlls_cases_con{ width:1200px;  overflow:hidden; position:relative;margin-bottom: 40px;}
.hlls_cases_con .bd{ padding:0;   }
.hlls_cases_con .bd ul{ overflow:hidden; zoom:1; }
.hlls_cases_con .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlls_cases_con .bd ul li .pic{ text-align:center; }
.hlls_cases_con .bd ul li .pic img{ width:268px;  display:block;}
.hlls_cases_con .bd ul li .pic a:hover img{ border-color:#999;  }
.hlls_cases_con .bd ul li .title{ line-height:3;font-size: 14px;   }


.hlls_news{width: 100%;background: #f5faf5;padding-bottom: 50px;}
.hlls_news_con{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.hlls_news_con dl{width: 31%;text-align: center;background: #fff;border: 1px solid #f0f0f0;overflow: hidden;}
.hlls_news_con dl img{width: 100%; height: 250px;}
.hlls_news_con dl dt{font-size: 14px;font-weight: bold;color: rgb(2, 178, 181);line-height: 3;text-align: left;padding: 0 20px;box-sizing: border-box;margin-top: 10px;}
.hlls_news_con dl dd{font-size: 14px;color: rgb(102, 102, 102);width: 100%;margin: 0 auto;line-height: 2;padding: 0 20px;box-sizing: border-box;text-align: left;margin-bottom: 20px;}
.hlls_news_con dl .pic{width: 100%;overflow: hidden;}

.hlls_about{background: rgba(2, 178, 181, 1);padding: 20px 0;}
.hlls_about .l{width: 700px;float: left;color: #fff;}
.hlls_about .l h2{font-size: 26px;margin-top: 20px;margin-bottom: 20px;}
.hlls_about .l p{line-height: 2;font-size: 14px;margin-bottom: 20px;width: 95%;}
.hlls_about .l .more_p{display: inline-block;padding: 10px 30px;background: #02b2b5;color: #fff;display: inline-block;text-transform: uppercase;border: 1px solid #fff;}

.hlls_about .r{width: 500px;float: right;padding-left: 55px;box-sizing: border-box;padding-right: 20px;padding-top: 20px;position: relative;}
.hlls_about .r:after{content: '';background: #03b0b1;width: 90%; height: 90%;position: absolute;right: 0;top: 0;z-index: -1;}

/* 焦点图 */
.focusBox { float:left; position: relative; width: 435px; height: 320px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 435px; height: 320px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#666666;  }


.hlls_honor_con{text-align:left;  }
.hlls_honor_con .hd{  position:relative; width: 100%;}
.hlls_honor_con .hd ul{text-align: center;}
.hlls_honor_con .hd ul li{ padding:0 25px; cursor:pointer;background: rgba(2, 178, 181, 1);padding: 8px 20px;color: #fff;margin-right: 10px;display: inline-block;border-radius: 10px;}
.hlls_honor_con .hd ul li.on{background: rgba(202, 142, 32, 1); }
.hlls_honor_con .bd ul{ padding:0;  zoom:1;  }

	/* 本例子css */
.hlls_honor_con .picMarquee{ width:100%;  overflow:hidden; position:relative;  }
.hlls_honor_con .picMarquee .bd{margin-top: 30px;margin-bottom: 30px}
.hlls_honor_con .picMarquee .bd ul{ overflow:hidden; zoom:1; }
.hlls_honor_con .picMarquee .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hlls_honor_con .picMarquee .bd ul li .pic{ text-align:center;border:1px solid #efefef;  }
.hlls_honor_con .picMarquee .bd ul li:hover .pic{ text-align:center;border:1px solid rgba(2, 178, 181, 1);  }
.hlls_honor_con .picMarquee .bd ul li .pic img{ width:267px; height:338px; display:block; }
.hlls_honor_con .picMarquee .bd ul li .title{ line-height:3;  font-size: 14px; }


.fold_wrap{width:1200px;height:480px;margin:0 auto 50px auto;overflow:hidden;}
.fold_wrap li{float:left;width:520px;height:480px;position:relative;overflow:hidden;cursor:pointer;border: 1px solid #fff;box-sizing: border-box;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:100%; height:30px; padding:0 4%; position:absolute;left:0; bottom:0;background:rgba(0,0,0,.3); color:#FFF; overflow:hidden;line-height: 30px;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}

.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(images/20150120_ifold1.jpg) no-repeat center 0;}
.pic_auto2{background:url(images/20150120_ifold2.jpg) no-repeat center 0;}
.pic_auto3{background:url(images/20150120_ifold3.jpg) no-repeat center 0;}
.pic_auto4{background:url(images/20150120_ifold4.jpg) no-repeat center 0;}
.pic_auto5{background:url(images/20150120_ifold5.jpg) no-repeat center 0;}
.pic_auto6{background:url(images/20150120_ifold6.jpg) no-repeat center 0;}
.pic_auto7{background:url(images/20150120_ifold7.jpg) no-repeat center 0;}