.top_banner{ overflow:hidden;width:100%;}
.top_banner img{ display:block;width:100%}

.class_list{overflow:hidden; padding:20px 0; text-align:center}
.class_list ul{ display:inline-block; overflow:hidden}
.class_list ul li{float:left; padding:0 10px; line-height:36px}
.class_list ul li.line{width:1px;height:20px; padding:0; background:#bababa; margin:8px 0;}
.class_list ul li a{color:#888; font-size:16px}
.class_list ul li a.curr{color:#33cbcc}

@media (max-width:768px){
	.top_banner,.banner,.class_list,.index_link{display:none}
}
/******************************************* 翻页 *************************************************/
.page_html{overflow:hidden;padding-bottom:40px;}
.page_html .page_list{ display:inline-block;height:32px; float:right}
.page_html .page_list li{float:left; padding-left:5px}
.page_html .page_list li span,.page_html .page_list li a{ display:block;width:30px; text-align:center; height:30px; overflow:hidden;line-height:30px; border:1px solid #e5e5e5; background:#fff;color:#999;}
.page_html .page_list li span{ cursor:default;color:#999}
.page_html .page_list li .icon{font-size:20px; line-height:31px}
.page_html .page_list li a{text-decoration:none;}
.page_html .page_list li a:hover{background:#33cbcc; border-color:#33cbcc;color:#fff}
.page_html .page_list li span.current{background:#adadad; border-color:#adadad;color:#fff;}
@media (max-width:768px){
	.page_html{padding:0 20px 20px;width:calc(100% - 40px)}
}
/******************************************* 搜索 *************************************************/
.search_keys{width:1000px; min-height:450px}
.search_keys .search_t{overflow:hidden}
.search_keys .search_t input{float:left;border:1px solid #e5e5e5;width:878px;height:33px;line-height:33px;background:#eeeeee;padding:0 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.search_keys .search_t input:focus{border-color:#1c91a4;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.search_keys .search_t span{ float:right; background:#1c91a4;color:#fff;width:100px; line-height:35px; text-align:center; cursor:pointer; font-size:14px;}
.search_keys .search_b{overflow:hidden; padding:10px 0;}
.search_keys .search_b a{padding:0 20px;line-height:30px; margin:0 10px; float:left; border-radius:3px;}
.search_keys .search_b a:hover,.search_keys .search_b a.curr{background:#1c91a4;color:#fff; text-decoration:none}
.search_keys .search_list{overflow:hidden; padding:20px 0;}
.search_keys .search_list li{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height:40px; line-height:40px;}
.search_keys .search_list li a{font-size:16px;color:#1c91a4}
@media (max-width:1250px){
   .search_keys{width:800px} 
   .search_keys .search_t input{width:678px}
}
@media (max-width:1050px){
   .search_keys{width:600px} 
   .search_keys .search_t input{width:478px}
   .search_keys .search_b a{ padding:0 15px}
   .search_keys .search_list{ padding:10px 0}
   .search_keys .search_list li {line-height:35px; height:35px}
   .search_keys .search_list li a{font-size:14px}
}
@media (max-width:768px){
  .search_keys{width:calc(100% - 40px)} 
  .search_keys .search_t input{width:calc(100% - 112px)}
  .search_keys .search_b a{padding:0; margin:0 10px 0 0;width:calc(20% - 10px); text-align:center}
  .search_keys .search_list{ padding:0 0 10px}
  .search_keys .search_list li {line-height:30px; height:30px}
}
/******************************************* 产品 *************************************************/
.products{ padding-bottom:30px;}
.products .fn-left{width:200px; border-top:1px solid #eeeeee}
.products .fn-left a{color:#989898;font-size:14px;position:relative;border-bottom:1px solid #eeeeee; display:block; height:47px; padding-left:10px;line-height:47px;text-overflow: ellipsis;white-space: nowrap;}
.products .fn-left a:before{ position:absolute;width:3px;height:3px;background:#989898;top:22px; content:"";left:0; border-radius:50%;}
.products .fn-left a.curr,.solution_list .fn-left a:hover{color:#33cccc}
.products .fn-left a:before.curr{background:#33cccc}
.products .fn-right{width:990px}
.products_list{position:relative; z-index:3}
.products_list li{float:left; padding-left:30px;width:300px; padding-bottom:30px}
.products_list li a{display:block;border:1px solid #e5e5e5;position:relative; z-index:1}
.products_list li a:hover{ text-decoration:none}
.products_list li a img{ display:block;width:298px; height:298px;}
.products_list li a span{display:block; text-align:center; font-size:14px; line-height:50px; background:#eee; padding:0 10px;text-overflow: ellipsis;white-space: nowrap; height:50px; overflow:hidden}
.products_list li a u{left:-1px;top:-1px;width:298px;height:348px;border:1px solid #33cccc; position:absolute; z-index:2}
.products_list li a u.cl{clip:rect(0px,300px,0px,175px);}
.products_list li a:hover u.cl{clip:rect(0px,300px,350px,175px);}
.products_list li a u.cr{clip:rect(300px,0,350px,0px);}
.products_list li a:hover u.cr{clip:rect(0px,300px,350px,0px);}
.products_list li a:hover span{color:#33cccc}
.products .fn-right.show_right{width:950px}
.products .page_html{ padding:0}
.products_show_top{overflow:hidden;}
.products_show_top .img{ float:left;width:300px;height:300px; overflow:hidden}
.products_show_top .img img{width:100%}
.products_show_top .text{ float:left; padding-left:30px;width:620px;}
.products_show_top .text strong{color:#000; font-size:24px; line-height:30px;overflow:hidden;display:block}
.products_show_top .text .p{ overflow:hidden; padding:5px 0; line-height:30px; font-size:16px;}
.products .font{overflow:hidden; background:#eeeeee; padding:10px; line-height:20px; font-size:18px;color:#33cccc; margin:10px 0;}
.products_show_body{ padding:10px 0 0;font-size:16px;color:#2d2d2d; line-height:2;}
.products_show_body img{display:block; margin:0 auto}
@media (max-width:1250px){
   .products .fn-right,.products .fn-right.show_right{width:750px} 
   .products_list li{padding:0 0 20px 20px;width:230px;}
   .products_list li a img{width:228px; height:228px;}
   .products_list li a span{line-height:30px;height:30px;}
   .products_list li a u{width:228px;height:258px;}
   .products_list li a u.cl{clip:rect(0px,230px,0px,130px);}
   .products_list li a:hover u.cl{clip:rect(0px,230px,260px,130px);}
   .products_list li a u.cr{clip:rect(230px,0,260px,0px);}
   .products_list li a:hover u.cr{clip:rect(0px,230px,260px,0px);}  
   .products_show_top .img{width:230px;height:230px;}
   .products_show_top .text{padding-left:20px;width:500px;}
   .products_show_top .text strong{ font-size:20px; line-height:24px}
   .products .font{ font-size:16px;}
   .products_show_body,.products_show_top .text .p{font-size:14px; line-height:2}
}
@media (max-width:1050px){
   .products .fn-left{width:100px;}
   .products_list li a u{display:none}
   .products .fn-left a{ height:35px; line-height:35px; font-size:12px;}
   .products .fn-left a:before{top:16px;}
   .products .fn-right,.products .fn-right.show_right{width:630px} 
   .products_list li{padding:0 0 10px 10px;width:200px;}
   .products_list li a img{width:198px; height:198px;}
   .products_show_top .img{width:200px;height:200px;}
   .products_show_top .text{padding-left:10px;width:420px;}
}
@media (max-width:768px){
   .products .fn-left{ display:none}
   .products .fn-right,.products .fn-right.show_right{ padding:10px;width:calc(100% - 20px)}
   .products_list li{padding:10px;width:calc(50% - 20px)}
   .products_list li a img{width:100%; height:auto;}
   .products .page_html{width:calc(100% - 20px)}
   .products_show_top .img{width:100%; height:auto}
   .products_show_top .text{width:100%;padding-left:0;}
   .products_show_top .text strong{ font-size:16px; line-height:20px}
   .products .font{ font-size:14px;}
   .products_show_body,.products_show_top .text .p{font-size:12px}
  
}

/******************************************* 解决方案 *************************************************/
/******************************************* 工程案例 *************************************************/

.case_list_img{position:relative; z-index:3}
.case_list_img li{float:left; padding:0 10px 20px;width:280px;}
.case_list_img li a{display:block;overflow:hidden; position:relative}
.case_list_img li a:hover{ text-decoration:none}
.case_list_img li a img{ display:block;width:280px; height:210px;}
.case_list_img li a span{display:block; border:1px solid #e5e5e5; text-align:center; font-size:14px; line-height:49px; border-top-width:0}
.case_list_img li a u{left:0;top:0;width:278px;height:258px;border:1px solid #33cccc; position:absolute}
.case_list_img li a u.cl{clip:rect(0px,280px,0px,130px);}
.case_list_img li a:hover u.cl{clip:rect(0px,280px,260px,130px);}
.case_list_img li a u.cr{clip:rect(280px,280px,260px,0px);}
.case_list_img li a:hover u.cr{clip:rect(0px,280px,260px,0px);}
.case_list_img li a:hover span{color:#fff; background:#33cccc}
@media (max-width:1250px){
   .case_list_img li{width:230px;}
   .case_list_img li a img{width:230px; height:170px;}
   .case_list_img li a span{ line-height:39px}
   .case_list_img li a u{width:228px;height:208px;}
   .case_list_img li a u.cl{clip:rect(0px,230px,0px,105px);}
   .case_list_img li a:hover u.cl{clip:rect(0px,230px,210px,105px);}
   .case_list_img li a u.cr{clip:rect(230px,230px,210px,0px);}
   .case_list_img li a:hover u.cr{clip:rect(0px,230px,210px,0px);}   
}
@media (max-width:768px){
   .case_list_img{width:calc(100% - 20px); padding:10px}
   .case_list_img li{width:calc(50% - 20px); padding:10px}
   .case_list_img li a img{width:100%; height:auto;}
   .case_list_img li a span{ line-height:30px; background:#33cccc;color:#fff; border-color:#33cccc}
   .case_list_img li a u{ display:none}
}

/******************************************* 科学健身 *************************************************/
.news_list li{ float:left;width:360px; padding:0 20px 30px}
.news_list li .date{ float:left;width:70px;height:70px; text-align:center; background:#33cccc;color:#fff; line-height:70px; font-size:14px}
.news_list li .date font{ font-size:18px}
.news_list li .text{ padding-left:10px; width:280px; float:left}
.news_list li .text strong{ display:block; overflow:hidden;color:#000; font-size:16px; height:20px; font-weight:400;text-overflow: ellipsis;white-space: nowrap;}
.news_list li .text p{overflow:hidden;color:#999; padding-top:10px;height:66px; line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news_list li:hover .text strong{color:#33cccc}

.newsshow{ padding-bottom:30px; overflow:hidden}
.newsshow .strong{color:#000; font-size:24px; text-align:center; line-height:36px; padding:5px 0; font-weight:bold}
.newsshow .abouts_strong{color:#0054a3; font-size:16px; text-align:center; line-height:20px; padding:5px 0;border-bottom:1px solid #e6e6e6;}
.newsshow .p_list{color:#9c9c9c;text-align:center; line-height:24px; border-bottom:1px solid #e6e6e6;height:24px;padding:5px 0 15px}
.newsshow .p_list span{ padding:0 5px;}
.newsshow .newsbody{ padding:20px 0 0;font-size:16px;color:#2d2d2d; line-height:2;}
.newsshow .strong_img{padding:10px 20px}
.newsshow .strong_img img{width:100%}
.newsshow .nohide{ display:none}
.newsshow .newsbody.notop{ padding:0}
@media (max-width:1250px){
   .news_list li{width:303px; padding:0 15px 20px}
   .news_list li .date{width:60px;height:60px; line-height:60px;}
   .news_list li .text{width:233px}
   .newsshow .strong{ font-size:20px; line-height:30px}
   .newsshow .newsbody{ font-size:14px}
}
@media (max-width:1050px){
   .news_list li{width:340px; padding:0 20px 20px}
   .news_list li .text{width:270px}
}
@media (max-width:768px){
	.news_list li{width:calc(100% - 40px); padding:20px 20px 0}
    .news_list li .text{width:calc(100% - 80px); padding-left:20px; }
    .news_list li .text strong{font-size:14px;}
    .news_list li .text p{ padding-top:0; line-height:20px; height:40px;-webkit-line-clamp:2;}
	.newsshow .p_list{ padding:0 0 5px}
	.newsshow .strong{ padding:20px 0 0;font-size:16px; line-height:24px}
	.newsshow .newsbody{padding:20px 20px 0; line-height:1.5; font-size:12px;}
	.newsshow .nohide{ display:block}
	.newsshow .strong.nohide{ padding:20px 0 10px;}
	.newsbody{padding:0 10px;}
	.newsshow .newsbody.notop{padding:0 20px;}
	.newsshow{ padding-bottom:20px}
}