.index_slide{position: relative;}
.slider_box{height: 600px;position: relative;overflow: hidden;}
.slider_box div{width: 100%;height: 100%;background-size_: cover;position: absolute;left: 0;top: 0;display: none;}
.slider_box div a{position: absolute;width: 100%;height: 100%;}

.slider_btn{position: absolute;bottom: 0;right: 0;line-height: 40px;width: 100%;text-align: center;}
.slider_btn span{display: inline-block;vertical-align: middle;width: 12px;height: 12px;border-radius: 50%;background: #c5afaf;margin: 0 4px;cursor: pointer;font-size: 0;}
.slider_btn span.cur{background: #01b3b9;}

.index_lable{text-align: center;padding-top: 30px;margin-bottom: 30px;}
.index_lable dt{font-size: 30px;line-height: 40px;color: #01b3b9;}
.index_lable dd{font-size: 18px;line-height: 40px;color: #666666;margin-bottom: 20px;}
.index_lable p{height: 2px;width: 55px;background: #34c2c7;margin: 0 auto;}


.index_chanpin{padding-bottom: 45px;}
.index_chanpin ul li{float: left;width: 200px;height: 180px;position: relative;}
.index_chanpin ul li a{background: #67d1d5;position: absolute;width: 100%;height: 100%;}
.index_chanpin ul li:hover a{background: rgba(1,179,185,0.5);transition: all 0.4s;}
.index_chanpin li dl{box-sizing: border-box;border: 1px solid #67d1d5;width: 180px;height: 160px;margin: 10px;text-align: center;}
.index_chanpin li dl dd{padding-top: 30px;}
.index_chanpin li:hover dl dd{padding-top: 10px;transition: all 0.4s;}
.index_chanpin li dl dt{line-height: 20px;padding: 15px 0 20px;font-size: 18px;color: white;}
.index_chanpin li dl span{display: inline-block;background: url(../pic/cp_more.png) no-repeat center;width: 22px;height: 22px;opacity: 0;}
.index_chanpin li:hover dl span{opacity: 1;transition: all 0.4s;}

.index_about{height: 550px;position: relative;min-width: 1200px;width: 100%;overflow: hidden;}
.about_box{position: absolute;height: 100%;width: 100%;background: rgba(0,0,0,0.6);left: 50%;}
.about_con{width: 600px;box-sizing: border-box;padding: 60px 40px;color: white;}
.about_con dt{font-size: 30px;}
.about_con dd{font-size: 16px;line-height: 32px;}
.about_con dl > p{background: #01b3b9;height: 2px;width: 60px;margin: 15px 0;}

.jishu_nav{text-align: center;margin-bottom: 20px;}
.jishu_nav li{display: inline-block;color: #666;font-size: 18px;}
.jishu_nav li:hover{color: #01b3b9;}
.jishu_nav span{display: inline-block;padding: 0 15px;}

.jishu_con{margin-bottom: 30px;}
.jishu_con ul{margin-left: -28px;}
.jishu_con li{float: left;margin-left: 28px;width: 279px;box-sizing: border-box;border: 1px solid #f5f5f5;}
.jishu_con li:hover{transform: translateY(-3px);box-shadow: 0 1px 10px 0px #ddd;transition: all 0.4s;}
.jishu_con p{height: 200px;}
.jishu_con p img{height: 100%;width: 100%;}
.jishu_con span{color: #01b3b9;font-size: 16px;padding: 15px;display: inline-block;}
.jishu_con dt{font-size: 16px;font-weight: bold;padding: 0 15px;line-height: 24px;margin-bottom: 10px;height: 48px;overflow: hidden;}
.jishu_con dd{color: #999999;line-height: 24px;padding: 0 15px;margin-bottom: 15px;height: 48px;overflow: hidden;}

.index_news{background: #f5f5f5;padding-bottom: 30px;}
.news_box{position: relative;}
.news_box ul{padding-left: 455px;height:300px;}
.news_box li{border-bottom: 1px solid #ededed;padding-bottom: 20px;margin-bottom: 20px;}
.news_box li.cur dt{color: #01b3b9}
.news_box li p{position: absolute;top: 0;left: 0;display: none;width: 400px;height: 300px;overflow: hidden;}
.news_box li p img{width: 100%;height: 100%;}
.news_box li dl{overflow: hidden;}
.news_box li span.tindex{float: left;font-size: 24px;color: #01b3b9;padding-right: 30px;}
.news_box li dt{font-size: 16px;line-height: 30px;height: 30px;}
.news_box li dt span{float: right;padding-left: 50px;font-size: 14px;color: #999999;}
.news_box li dd{color: #999999;}
.news_box .news_more{float: right;color: #999999;font-weight: bold;line-height: 20px;}


.recruit_box{position: relative;height: 150px;}
.recruit_box span{position: absolute;left: 50%;margin-left: 460px;top: 55px;}
.recruit_box span a{display: block;width: 140px;text-align: center;line-height: 40px;background: white;}