@charset "utf-8";
/* CSS Document */
/*公共样式*/
.w1200{width: 1200px;margin: 0 auto}
.index_title{text-align: center;position: relative;margin-bottom: 36px}
.title_txt{position:relative;z-index: 1}
.index_title h6{font-size: 40px;color: #333;font-weight: 600}
.index_title h6 em{display: inline-block;vertical-align: middle; background-color: #333;width: 16px;height: 16px;border-radius: 16px;margin: 0 12px 0}
.index_title h6 span{color: #24b319;font-weight: 600}
.index_title p{font-size: 16px;color: #555;position: relative; }
.title_xs{position: absolute;left:46%;top:28px;z-index:0}
.updown{padding: 40px 0 80px}
/*顶部*/
.top{height: 40px;background-color: #ebf0ea}
.top_left{line-height: 40px;}
.top_right a{display: block;line-height: 40px;}
.top_right1{margin-left: 36px}
.top_right .top_ph{position: relative; background: url(../images/top_ph.png) no-repeat 0 center;padding-left: 14px;}
.top_right .top_ewm{position: absolute;top: 40px;left: 0;width: 96px;height: 96px;display: none;}
.top_right .top_con{background: url(../images/top_con.png) no-repeat 0 center;padding-left: 20px}
.top_right .top_map{background: url(../images/top_map.png) no-repeat 0 center;padding-left:18px}
.top_right .top_ph:hover .top_ewm{display: block;}
/*头部*/
.head{background-color: #fff;}
.head_left{margin: 24px 0}
.head_right{margin: 33px 0}
.logo,.logo_txt,.logo_des,.head_tel,.head_txt{display: inline-block;vertical-align: middle}
.logo{width: 65px;height: 62px;overflow: hidden;}
.logo_txt{padding:0 10px}
.logo_txt h6{font-size: 32px;color: #24b319;font-weight: 600}
.logo_txt span{font-size:12px;color: #333;text-transform: uppercase}
p.logo_des{padding:9px 0  9px 14px;border-left: 1px solid #aaa;color: #333;font-size: 18px}
p.logo_des span{color: #24b319}
.head_tel{width: 45px;height: 41px;overflow: hidden;margin-right: 4px}
.head_txt p{color: #333;font-size: 16px;}
.head_txt span{color: #24b319;font-size: 20px;font-weight: 600}
/*导航*/
.nav{background-color: #24b319;height: 48px;}
.nav > .w1200 > ul > li{position: relative; float: left;color: #fff;line-height: 48px;width: 150px;text-align: center;transition: all .5s}
.nav > .w1200 > ul > li > a{display: block;}
.nav > .w1200 > ul > li.lic{background-color: #ddb655}
.nav > .w1200 > ul > li:hover{background-color: #ddb655}
.nav > .w1200 > ul > li:hover .subnav{display: block;}
.nav ul li .subnav{display: none; position: absolute;background-color: #fff; top: 48px;left: 0;z-index: 2;width:600px;transition: all .5s}
.nav ul li .subnav .submenu{float: left; font-size: 16px;width: 150px;border-right: 1px solid #e5e5e5;padding: 20px 0;height: 268px}
.nav ul li .subnav .submenu a{display: block}
.nav ul li .subnav .submenu h6 > a{color: #24b319;font-weight: bold;line-height: 36px}
.nav ul li .subnav .submenu > a{color: #333;font-size: 14px;line-height: 32px}
.nav ul li .subnav .submenu > a:hover{background-color: #ddb655;color: #fff}
.nav ul li .subnav .submenu h6 > a:hover{background-color: #ddb655;color: #fff}
/* 焦点图 */
.sban{position: relative;z-index: 1;}
.sban .dots{position: absolute;z-index: 3;bottom: 12px;left: 0;width: 100%;text-align: center}
.sban .dots li{display: inline-block;width: 12px;height: 12px;border-radius: 12px;background: #fff;margin: 0 6px;font-size: 0;line-height: 0}
.sban .dots li.on{width: 24px;background-color:#24b319}	
.show .move{white-space: nowrap;overflow: hidden;font-size: 0;line-height: 0}
.show .move li{width: 100%;display: inline-block;}
.show .move li a{display: block;}
.show .move li img{display: block;width: 100%;height: auto}

/*搜索*/
.search_left{line-height: 56px}
.search_left span{font-size: 16px;color: #333;font-weight: 600;padding-right: 10px}
.search_left a{padding-right: 20px;color: #666}
.search_right{margin-top: 10px;}
.search_in{height: 36px;text-indent: 18px;border: 1px solid #b3b3b3;border-radius:36px;width: 256px;float: left;line-height: 36px;color: #555;}
.seach_btn{ float: left;margin-top:1px;margin-left:-48px;width: 36px;height: 36px;border: 0; background: url(../images/search.png) no-repeat 0 center;}
/*产品*/
.product{background-color: #f5f5f5}
.product_left{width: 264px;margin-right:30px}
.product_left_title{width: 100%;height: 120px;overflow: hidden;}
.product_left_con{background-color: #fff;}
.product_left_con ul li{padding:20px 20px 20px 42px;border-bottom: 2px solid #f5f5f5}
.product_left_con ul li h6{font-size: 16px;color: #24b319;position: relative;margin: 2px 0}
.product_left_con ul li h6::before{content: '';position: absolute;top: 4px;left: -20px;width: 0;height: 0;border-top: 8px solid transparent;border-left: 10px solid #24b319;border-bottom: 8px solid transparent;}
.product_left_con ul li>a{display: inline-block;width: 92px;text-align: left;line-height: 24px}
.product_left_con ul li>a:hover{color: #24b319}
.product_hotline{background: url(../images/pro_hotline.png) no-repeat 0 center;width: 264px;margin-top: 21px;text-align: center;color: #fff;padding: 36px 0}
.product_hotline p{font-size: 18px}
.product_hotline span{font-size: 20px;font-weight: bold}
.product_main{background-color: #fff;width: 906px;padding:41px 24px 29px}
.product_main ul li{float: left;width: 262px; text-align: center;margin:12px}
.product_main ul li .product_img{background: no-repeat center transparent;background-size:cover;height: 260px;transition: all 0.5s;}
.product_main ul li h6{font-size: 16px;color: #555;line-height: 40px}
.product_main ul li:hover .product_img{opacity:0.7}
.product_main ul li:hover h6{color: #24b319}
/*为什么选择我们*/
.why{background: url(../images/why_bg.png) no-repeat center;}
.why_title{color: #fff;text-align: center;margin-bottom: 36px}
.why_title h6{font-size: 42px;font-weight: bold}
.why_title h6 span{font-size: 48px;color: #ddb655;font-weight: bold}
.why_title p{font-size: 16px}
.why_con ul{white-space: nowrap;overflow: hidden;font-size: 0;line-height: 0}
.why_con ul li{position: relative;width: 100%;display: inline-block;}
.why_con ul li .why_con_img{width: 1200px;overflow: hidden;box-shadow:1px 1px 5px #000;}
.why_con ul li .why_con_img img{width:100%}
.why_con ul li p{position: absolute;left:229px;bottom:44px;width:742px;height: 100px;background: rgba(0,0,0,0.7);}
.why_con ul li p span{float:left;width:193px;text-align: center;padding-top:17px;background: #ddb655;height: 100px;box-sizing: border-box;position: relative;font-size:28px;color: #fff;line-height: 34px;}
.why_con ul li p span:after{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #ddb655;content: "";display: block;position: absolute;top:42%;right:-10px;}
.why_con ul li p em{float:left;width:520px;padding:16px 0 0 26px;color: #fff;line-height: 24px;text-align: justify;white-space:normal}
.why_dots{background: url(../images/why_dot.png) no-repeat center 10px;margin-top:32px;height: 92px}
.why_dots ul{}
.why_dots ul li{float:left;width:25%;padding-top:28px;font-size:20px;color: #fff;background: url(../images/why_icon.png) no-repeat center top;text-align: center;}
.why_dots ul li span{font-weight: bold}
.why_dots ul li.on{color: #ddb655;background: url(../images/why_icon1.png) no-repeat center top;}
/* 装配案例*/
.case{background-color: #f0f0f0}
.case_con{overflow: hidden;height: 304px}
.case_con ul{white-space: nowrap;}
.case_con ul li{float: left; width: 282px;background-color: #fff;border: 1px solid #c4c4c4;text-align: center;padding: 12px 12px 0 12px;margin: 0 12px 12px;box-sizing: border-box}
.case_con ul li .case_con_img{width: 258px;height: 230px; background: no-repeat center transparent;background-size:cover;}
.case_con ul li h6{font-size: 18px;color: #333;line-height: 60px}
/*关于我们*/
.about{margin-top: 40px}
.about_con{background:url(../images/about_bg.png) no-repeat center 400px; padding-bottom:80px;}
.about_bg{background-color: #fff;padding-bottom: 30px}
.about_left{width: 506px; padding-left: 36px;}
.about_left > h6{font-size: 20px;color: #24b319;font-weight: bold;}
.about_left .about_small{margin: 12px 0 24px 30px}
.about_left .about_small ul li{display: inline-block;position: relative;font-size: 16px;color: #333;width: 120px}
.about_left .about_small ul li::before{content: "";display: block;position: absolute;width: 21px;height: 21px; background:url(../images/about_icon.png) no-repeat center;top: 0;left: -30px;}
.about_left > p{font-size: 15px;color: #666;text-indent: 28px;line-height: 32px;text-align: justify;}
.about_num{margin-top: 24px}
.about_num ul li{text-align: center;width:33.33%;display:inline-block;}
.about_num ul li span{font-size: 48px;color: #ddb655;font-weight: bold}
.about_num ul li i{font-size: 18px;color: #333;}
.about_num ul li em{display: block;font-size: 26px;color: #333}
.ry-wrap{background-color: #fff;margin-top: 40px;padding-bottom: 40px}
.ry-wrap .hd { padding:12px 30px 7px;margin-bottom:26px; border-bottom:1px solid #cfcfcf;}
.ry-wrap .hd li{ float:left; font-size:18px; cursor:pointer; line-height:30px;color: #4c4c4c}
.ry-wrap .hd li span{ display:inline-block; width:91px; text-align:center; position:relative;}
.ry-wrap .hd em{ font-size:16px; padding:0 14px; display:inline-block;;}
.ry-wrap .hd li.on span{ color:#24b319;font-weight: bold}
.ry-wrap .hd li.on span:after{ width:91px;}
.ry-wrap .hd a{ display:block; float:right; margin:9px 6px 0 0; color:#666;font-size: 14px}
.ry-wrap .hd a:hover{ color:#24b319;}
.ry-wrap .bd{height:186px; overflow:hidden;padding: 0 30px}
.ry-wrap .bd .slidbox{height:186px; overflow:hidden;padding: 0 30px}
.ry-wrap .bd ul{white-space: nowrap;}
.ry-wrap .bd li{ width:259px; height:186px; border:1px solid #9b9b9b; float:left; margin-right:20px;}
.ry-wrap .bd li img{width: 100%}
.ry-wrap .ry-wrap .zs-box li{ width:280px; height:187px; border:1px solid #9b9b9b;}
.ry-wrap .ry-wrap .zs-box li img{ width:280px; height:187px;}
/*小banner*/
.guodu1{padding: 60px 0; background:url(../images/guodu1.png) no-repeat center;color: #fff}
.guodu1 h6{font-size: 20px;}
.guodu1 .w1200 >span{font-size: 26px;line-height: 48px;width: 468px;border: 1px solid #fff;display: block;margin: 12px 0;text-align: center;}
.guodu1 .w1200 >p{font-size: 15px;line-height: 36px}
.guodu1 .guodu1_txt{margin-top: 20px}
.guodu1 .guodu1_txt p {font-size: 16px; display: inline-block;vertical-align: middle}
.guodu1 .guodu1_txt p span{font-size: 26px;display: inline-block;vertical-align: middle}
.guodu1 .guodu1_txt i{display: inline-block; margin:0 0 0 24px; font-size: 18px;width: 120px;line-height: 36px;border: 1px solid #fff;text-align: center;}
.guodu1 .guodu1_txt i a{display: inline-block;}
/*康复中心*/
.service{background-color: #ebebeb}
.service .service_list li{display: inline-block ;width:398px;position: relative;font-size: 0;border-bottom: 2px solid #fff;margin-right: 2px}
.service .service_list li .service_list_img{width: 398px;height: 260px;overflow: hidden}
.service .service_list li .service_list_img img{width: 100%;transition: all .5s}
.service .service_list li h6{height: 40px;width: 398px;font-size: 14px;color: #fff;position: absolute;left: 0;bottom: 0;line-height: 40px;text-align: center;}
.service .service_list li h6.s81{background: #24b319;opacity: 0.4;}
.service .service_list li h6.s82{background: #122311;opacity: 0.4;}
.service .service_list li:hover img{transform: scale(1.1)}
/*现身说法*/
.real_1 .real_con.cur{display: block}
.real_1 .real_con{display: none}
.real_con{position: relative; width: 1000px;height: 560px;}
.real_con .real_con_img{width:100%;}
.real_con .real_txt{position: absolute;bottom: 195px;left: 100px;width: 800px;height: 170px;background-color: rgba(7,31,5,0.32);color: #fff;padding: 36px}
.real_con .real_txt h6{font-size: 20px;margin-bottom: 8px}
.real_con .real_txt p{font-size: 16px;line-height: 28px;text-align: justify; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px}
.real_con .real_txt span{position: absolute;top: 16px;right:20px}
.real_dots{width: 200px;height: 560px;background-color: #fff;box-shadow:5px 2px 6px rgba(0,0,0,.3)}
.real_dots ul li{position: relative; width: 200px;padding: 6px;background-color: #fff;height:140px;}
.real_dots ul li img{width: 100%}
.real_dots ul li:hover{background-color: #24b319}
.real_dots ul li.cur{background-color: #24b319}
.real_dots ul li.cur::before{content: '';position: absolute;top:50%;left: -10px;width: 0;height: 0;border-top: 8px solid transparent;border-right: 10px solid #24b319;border-bottom: 8px solid transparent;margin-top: -5px}
.real_dots ul li:hover:before{content: '';position: absolute;top:50%;left: -10px;width: 0;height: 0;border-top: 8px solid transparent;border-right: 10px solid #24b319;border-bottom: 8px solid transparent;margin-top: -5px}
/*过渡2*/
.guodu2{background:url(../images/guodu2.png) no-repeat center;color: #fff;height: 267px}
.guodu2_left{background-color: #fff;width: 224px;height: 224px;border-radius: 224px;margin: 36px 0 0 40px;box-shadow:5px 6px 6px rgba(0,0,0,.3);text-align: center;}
.guodu2_left .guodu2_img{width: 46px;margin: 0 auto;padding: 36px 0 12px}
.guodu2_left p{font-size: 20px;color: #666}
.guodu2_left span{font-size: 22px;color: #d5b464;font-weight: bold}
.guodu2_right{padding-top: 42px;}
.guodu2_right p{font-size: 36px;font-weight: bold;text-align: center}
.guodu2_right p span{color: #d5b464;font-weight: bold}
/*新闻资讯*/
.news_con{width: 100%}
.news_con_left{width: 752px}
.news_title{width: 752px;height: 60px;background-color: #f5f5f5;padding: 0 24px}
.news_title span{font-size: 18px;line-height: 60px}
.news_title span > a{color: #333;transition: all .5s}
.news_title span > a:hover{color: #24b319;font-weight: bold}
.news_title span > a.on{color: #24b319;font-weight: bold}
.news_title > a{font-size: 14px;color: #666;line-height: 60px;transition: all .5s}
.news_title > a:hover{color: #24b319;font-size: 16px}
.news_top {padding: 20px 0 16px;border-bottom: 1px dashed #b2b2b2}
.news_left1{display: none}
.news_left1.cur{display: block}
.news_top li{float: left; width: 360px;margin-right: 32px}
.news_top li:nth-child(2){margin-right: 0;}
.news_top li .news_top_img{background: no-repeat center transparent;background-size:cover;height: 180px;transition: all 0.5s;overflow: hidden}
.news_top li h6{font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;margin: 20px 0 6px}
.news_top li span{display: block; font-size: 13px;color: #999;margin-bottom: 12px}
.news_top li p{font-size: 14px;color: #666;text-align: justify; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;}
.news_top li:hover .news_top_img{opacity: .6;}
.news_top li:hover h6{color: #24b319}
.news_top li:hover p{color: #333}
.news_bottom{margin-top: 20px;}
.news_bottom1{float: left;width: 360px;margin-right: 32px;}
.news_bottom1:nth-child(2){margin-right: 0;}
.news_bottom1 ul li{}
.news_bottom1 ul li h6{font-size: 14px;color: #666;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_bottom1 ul li h6 span{font-size: 13px;color: #999;line-height: 28px;margin: 0 12px 0 0;transition: all .5s}
.news_bottom1 ul li:hover h6{margin-left: 5px;color: #24b319}
.news_bottom1 ul li:hover span{margin-left: 5px;color: #24b319}
.news_right{width: 400px}
.news_right_title{width: 400px;height: 60px;background-color: #f5f5f5;padding: 0 24px}
.news_right_title span{font-size: 18px;line-height: 60px;color: #24b319}
.news_right_title > a{font-size: 14px;color: #666;line-height: 60px;transition: all .5s}
.news_right_title > a:hover{color: #24b319;font-size: 16px}
.news_right_list{margin-top: 26px}
.news_right_list ul li{margin-bottom: 26px}
.news_right_list ul li h6{position: relative;font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 40px;line-height: 40px}
.news_right_list ul li h6::before{content: '';position: absolute;width: 24px;height: 24px;background:url(../images/wen.png) no-repeat center;left:0;top: 50%;margin-top: -12px}
.news_right_list ul li p{position: relative;font-size: 14px;line-height: 24px; color: #666;text-align: justify; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;padding-left: 40px}
.news_right_list ul li p::before{content: '';position: absolute;width: 24px;height: 24px;background:url(../images/da.png) no-repeat center;left:0;top: 10px}
#marquee4{height: 440px;overflow: hidden}
.news_right_list ul li:hover h6{color: #24b319;font-weight: bold}
.news_right_list ul li:hover p{color: #24b319}
/*友情链接*/
.link{background-color: #f5f5f5;height: 80px;}
.link h6{font-size: 20px;color: #333;font-weight: bold;line-height: 80px}
.link h6 a{font-size: 16px;color: #666;padding:0 4px}
.link h6 a:hover{color: #24b319}
/*页脚*/
.footer{background:url(../images/footer_bg.png) no-repeat center;color: #fff;padding:35px 0}
.footer_logo .footer_logo_img{display: inline-block;vertical-align: middle;width: 73px;height: 73px;}
.footer_logo h6{display: inline-block;vertical-align: middle;font-size: 36px;font-weight: bold}
.footer_txt{margin-top: 16px}
.footer_txt p{font-size: 16px;line-height: 28px}
.footer_right{padding-top: 78px;}
.footer_right ul li{float: left;text-align: center;margin-left: 68px;}
.footer_right ul li .foot_ewm{position: relative; background:url(../images/weixin_bg.png) no-repeat center;width: 140px;height: 140px;}
.footer_right ul li .foot_ewm img{position: absolute; width:118;height: 118px;top: 11px;left: 11px}
.footer_right ul li h6{font-size: 16px;line-height: 40px;}
.copy{background-color: #15910b;height: 40px;text-align: center;font-size: 14px;line-height: 40px;color: #fff}
/*返回顶部*/
.rutn {position: fixed;right: 20px;bottom: 6%;width: 100px;height: auto;text-align: center;z-index: 12;display: none;}
.rutntop{float: left;width: 100%;height: 100px;background: url(../images/rutntop.png) no-repeat center;}