/******************************************* 首页广告 *************************************************/
.advlist{width: 100%; margin-right: auto; margin-left: auto; text-align: center; position:relative;height:auto}
.swiper-container {width: 100%;height: 100%; display:block}
.swiper-slide {text-align: center;  font-size: 18px;  background: #fff; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
.swiper-slide img{width:100%; display:block}
.swiper-pagination-bullet{width:10px;height:10px; background:#b5b5b5;opacity:1}
.swiper-pagination-bullet-active{ background:#33cccc}
/******************************************* 标题 *************************************************/
.index_strong strong{display:block;height:100px;position:relative;text-align:center; font-size:100px; font-family:"微软雅黑";color:#ebebeb; line-height:100px;}
.index_strong strong span{position:absolute; left:0;top:32px; text-align:center;display:block;height:36px; overflow:hidden;width:100%;}
.index_strong strong span font{ display:table; margin:0 auto;padding:1px 3px 5px;text-align:center;background:#fff;color:#333; font-size:30px; line-height:30px; font-weight:bold}
.bgf7 .index_strong strong span font{ background:#f7f7f7}
.index_strong p{ display:block; padding:10px 0;width:800px; text-align:center;color:#7f7f7f; font-size:14px; line-height:25px; margin:0 auto}

@media (max-width:1250px){
.index_strong strong{font-size:80px; height:80px; line-height:80px}
.index_strong strong span{ height:30px; top:25px}
.index_strong strong span font{font-size:26px; line-height:26px}
}
@media (max-width:1050px){
.index_strong strong{font-size:70px; height:70px; line-height:70px}
.index_strong strong span{ height:28px; top:22px}
.index_strong strong span font{font-size:22px; line-height:22px}
.index_strong p{width:600px}
}
@media (max-width:768px){
.index_strong strong{font-size:50px; height:50px; line-height:50px}
.index_strong strong span{ height:20px; top:15px}
.index_strong strong span font{font-size:18px; line-height:18px}
.index_strong p{ display:none}
}
/******************************************* 解决方案 *************************************************/
.index_solution ul{overflow:hidden}
.index_solution ul li{float:left; padding:30px 0 0 30px; position:relative;}
.index_solution ul li.no{ padding-left:0;}
.index_solution ul li img{display:block;width:380px;height:240px}
.index_solution ul li strong{display:block; line-height:40px;font-size:16px; background:#33cccc;color:#fff; overflow:hidden; font-weight:400; text-align:center; height:40px;text-overflow: ellipsis;white-space: nowrap;}
.index_solution ul li a:hover{ text-decoration:none}
.index_solution ul li u{right:0;top:30px;width:376px;height:276px;border:2px solid #33cccc; position:absolute}
.index_solution ul li u.cl{clip:rect(0px,380px,0px,140px);}
.index_solution ul li:hover u.cl{clip:rect(0px,380px,280px,140px);}
.index_solution ul li u.cr{clip:rect(380px,380px,280px,0px);}
.index_solution ul li:hover u.cr{clip:rect(0px,380px,280px,0px);}


@media (max-width:1250px){
  .index_solution ul li{padding:20px 0 0 20px}
  .index_solution ul li img{width:320px;height:200px}
  .index_solution ul li strong{ line-height:36px; font-size:14px; height:36px}
  .index_solution ul li u{right:0;top:20px;width:316px;height:232px;border:2px solid #33cccc; position:absolute}
  .index_solution ul li u.cl{clip:rect(0px,320px,0px,118px);}
  .index_solution ul li:hover u.cl{clip:rect(0px,320px,236px,118px);}
  .index_solution ul li u.cr{clip:rect(320px,320px,236px,0px);}
  .index_solution ul li:hover u.cr{clip:rect(0px,320px,236px,0px);}
}
@media (max-width:1050px){
  .index_solution ul li{padding:11px 0 0 11px}
  .index_solution ul li img{width:246px;height:155px}
  .index_solution ul li strong{ line-height:30px; font-size:12px; height:30px}
  .index_solution ul li u{ display:none}
}
@media (max-width:768px){
.index_solution ul{width:calc(100% - 20px); padding:0 10px}
  .index_solution ul li{padding:10px;width:calc(50% - 20px);height:120px; overflow:hidden}
  .index_solution ul li.no{ padding-left:10px}
  .index_solution ul li img{width:100%;height:auto}
  .index_solution ul li strong{ line-height:30px; font-size:12px;position:absolute; bottom:0;width:calc(100% - 20px); height:30px}
  .index_solution ul li u{ display:none}
}

/******************************************* 产品中心 *************************************************/
.index_product ul li{float:left;position:relative;width:300px;height:188px;overflow:hidden}
.index_product ul li img{display:block;width:100%}
.index_product ul li .font{ z-index:1;width:100%;height:48px; position:absolute;top:0; background:rgba(255,255,255,0.5); text-align:center; padding:70px 0;color:#000}
.index_product ul li .font strong{ display:block; line-height:28px; font-size:16px; font-weight:400; height:28px; overflow:hidden}
.index_product ul li .font b{ display:block;font-size:12px; font-weight:400;height:20px; overflow:hidden}
.index_product ul li:hover .font{top:-100%}
.index_product ul li .p{z-index:1;width:270px;height:84px; padding:52px 15px;  position:absolute;top:188px;text-align:center}
.index_product ul li:hover .p{top:0}
.index_product ul li .p span{ display:block;width:270px;height:84px; overflow:hidden}
.index_product ul li .p .li{color:#fff; display:inline-block;margin:6px; line-height:30px; text-align:center; background:#33cccc; padding:0 10px;}

@media (max-width:1250px){
.index_product ul li{width:250px;height:auto}
.index_product ul li .font{ padding:54px 0;}
.index_product ul li .p{padding:36px 10px;width:230px;height:84px}
.index_product ul li .p span{width:220px;}
}
@media (max-width:1050px){
.index_product ul li{width:33.33%;overflow:hidden}
.index_product ul li .font{padding:51px 0;}
.index_product ul li .p{padding:33px 10px;width:calc(100% - 20px);height:84px}
}
@media (max-width:768px){
.index_product ul li{width:50%;overflow:hidden}
.index_product ul li .font{padding:40px 0; height:40px;}
.index_product ul li .p{padding:33px 10px;width:calc(100% - 20px);height:84px}
.index_product ul li .font strong{ font-size:14px;line-height:20px;height:20px;}
.index_product ul li .p{height:60px;width:calc(100% - 20px);padding:30px 10px;}
.index_product ul li .p span{width:100%;height:60px;}
.index_product ul li .p .li{margin:3px;line-height:24px; padding:0 5px;}

}

/******************************************* 成功案例 *************************************************/
.case_nav{ overflow:hidden;padding:40px 61px 0;}
.case_nav li{ float:left; padding:7px 17px;width:120px;}
.case_nav li a{display:block;background:#e5e5e5; font-size:14px;line-height:35px;color:#000; overflow:hidden;text-align:center;-moz-box-shadow:5px 5px 0px #bfbfbf, 2px 2px 5px #bfbfbf;-webkit-box-shadow:5px 5px 0px #bfbfbf, 2px 2px 5px #bfbfbf; box-shadow:5px 5px 0px #bfbfbf, 2px 2px 5px #bfbfbf;}
.case_nav li a:hover{ text-decoration:none;background:#33cccc;color:#fff;-moz-box-shadow:5px 5px 0px #339999, 2px 2px 5px #339999;-webkit-box-shadow:5px 5px 0px #339999, 2px 2px 5px #339999; box-shadow:5px 5px 0px #339999, 2px 2px 5px #339999;}
#case_list{position:relative; padding-top:40px}
.case_list_img{position:relative; z-index:3}
.case_list_img li{float:left; padding:0 10px;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,180px);}
.case_list_img li a:hover u.cl{clip:rect(0px,280px,260px,180px);}
.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}
.case_list_page{position:absolute; z-index:1;width:100%;top:40px}
.case_list_page a{display:block;width:60px; line-height:260px; position:absolute; top:0; font-size:40px;color:#dcdcdc}
.case_list_page a:hover{color:#33cccc; text-decoration:none; cursor:pointer}
.case_list_page a.prev{left:-50px}
.case_list_page a.next{right:-50px}
@media (max-width:1250px){
.case_nav{ overflow:hidden;padding:30px 31px 0;}
.case_nav li{ padding:7px}
.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);}
.case_list_page a{line-height:210px;}
}
@media (max-width:1050px){
.case_nav{ overflow:hidden;padding:0 10px 0; text-align:center}
.case_nav li{ padding:10px;width:calc(25% - 20px); float:none; display:inline-block}
#case_list{ padding-top:20px}
.case_list_img li{width:calc(33.33% - 20px);}
.case_list_img li a img{width:100%;height:auto;}
.case_list_img li a span{ line-height:30px; font-size:12px;}
.case_list_img li a u{ display:none}
.case_list_page{top:50%; margin-top:-50px}
.case_list_page a{line-height:100px;}
}
@media (max-width:768px){
.case_nav li{padding:10px;width:calc(33.33% - 24px)}
#case_list{padding:10px 20px 0; overflow:hidden;width:calc(100% - 40px)}
.case_list_img li{width:100%; padding:0;}
.case_list_img li a{width:100%}
.case_list_img li a span{ border:0;}
.case_list_page{ display:none}
}
/******************************************* 科学健身 *************************************************/
.news_list li{ float:left;width:360px; padding:30px 20px 0}
.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}
@media (max-width:1250px){
.news_list li{width:303px; padding:20px 15px 0;}
.news_list li .date{width:60px; height:60px; line-height:60px;}
.news_list li .text{width:233px;}
}

@media (max-width:1050px){
.news_list li{width:calc(50% - 20px); padding:10px;}
.news_list li .text{width:calc(100% - 70px);}
}
@media (max-width:768px){
.news_list li{width:calc(100% - 20px);}
.news_list li .date{font-size:12px}
.news_list li .date font{ font-size:16px}
.news_list li .text p{padding-top:5px}
}
/******************************************* 联系我们 *************************************************/
.bgcontact{ background:url(/templates/default/styles/../images/contact1.jpg) no-repeat; background-size:cover}
.bgcontact .index_strong strong{color:#515151}
.bgcontact .index_strong strong span font{background:#303030;color:#d7d7d7;}
.index_contact .fn-left{ padding:40px 20px 40px 0;font-size:16px; line-height:30px;}
.index_contact .fn-left b{ display:block;color:#1d90a5; font-weight:400}
.index_contact .fn-left p{color:#d2d2d2}
.index_contact .fn-left .img{ padding:10px; margin:15px auto 0; background:#7d7d7d;width:130px;}
.index_contact .fn-left .img font{ display:block;font-size:12px;color:#fff; text-align:center; line-height:20px; height:25px}
.index_contact .fn-left .img img{ display:block}
.index_contact .fn-right{padding:20px 80px 20px 0;width:450px}
.index_contact .fn-right .gbook_send{ overflow:hidden; padding-top:20px;}
.index_contact .fn-right .gbook_send em{ float:left;width:50px; text-align:center; line-height:42px;color:#fff; font-size:20px}
.index_contact .fn-right .gbook_send input{ float:left;height:40px; border:1px solid #e5e5e5; padding:0 10px; line-height:40px;width:378px; font-size:14px; outline:none}
.index_contact .fn-right .gbook_send textarea{ float:left;height:100px; border:1px solid #e5e5e5; padding:10px; line-height:25px;width:378px; font-size:14px; outline:none}
.index_contact .fn-right .gbook_button{ padding:20px 0 0 50px;overflow:hidden}
.index_contact .fn-right .gbook_button span{background:#33cccc;color:#fff; line-height:42px; text-align:center; overflow:hidden; display:block; font-size:16px; cursor:pointer}
@media (max-width:1250px){
.index_contact .fn-left{ padding:30px 0;font-size:14px;}
.index_contact .fn-right{width:400px; padding-right:50px}
.index_contact .fn-right .gbook_send input,.index_contact .fn-right .gbook_send textarea{width:328px}
}
@media (max-width:1050px){
.index_contact .fn-left{ display:none}
.index_contact{ text-align:center}
.index_contact .fn-right{width:400px; padding-right:0; float:none; display:inline-block}
}

@media (max-width:768px){
.index_contact .fn-right{width:100%}
.index_contact .fn-right .gbook_send{ padding:10px 0}
.index_contact .fn-right .gbook_send input, .index_contact .fn-right .gbook_send textarea{width:calc(100% - 82px)}
.index_contact .fn-right .gbook_button{ padding:10px 10px 0 50px}

}