@charset "gb2312";

/* CSS reset */

.main{ width: 1000px; margin: 0 auto; overflow: hidden;}

.button{-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.1s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}





/*banner*/

.banner{ position:relative;overflow:hidden;margin-bottom:20px; height:120px;}

.banner_h500{ height:500px; width:100%;}

.banner_h500 .bd a{ display:block; width:100%; height:100%; text-indent:-9999px}

.banner_h500 .hd .main{ overflow:visible; text-align:center}

.banner_h500 .hd a{display: inline-block;width:12px;height:12px; background-color:#fff;border-radius:6px;margin:0 4px; cursor:pointer; -webkit-transition:background-color .5s ease-in;-moz-transition:background-color .5s ease-in;transition:background-color .5s ease-in;}

.banner_h500 .hd .on{background-color: #a63721;}

/*公共title*/

.pub-title{width:100%;height:150px;text-align:center; background:#115cd1 url(title-img.png) left 94px no-repeat;background-size:100% 8px;}

.pub-title h2{font-size:30px; height:64px; line-height:64px;letter-spacing:2px;color:#fff;font-weight:bold;}

.pub-title p{font-size:18px; height:18px; line-height:18px;font-family:Arial;color:#fff;}

.pub-title h4{font-size:20px; height:48px; line-height:48px; margin-top:20px;color:#ffff00;}

/*关节疾病jibing*/

.ztrg_jb_box{width:998px;height:482px;border:1px solid #eee;margin:20px auto;}

.ztrg_jb_box ul{width:958px;overflow:hidden;margin:20px auto;}

.ztrg_jb_box ul li{float:left;height:202px;}

.ztrg_jb_box ul li.li_1{width:290px;}

.ztrg_jb_box ul li.li_1 img{width:290px;height:202px;}

.ztrg_jb_box ul li.li_2{width:346px;padding:0 20px;}

.ztrg_jb_box ul li.li_2 .ztrg_jb_title{width:100%;height:42px;border-bottom:1px dotted #eee;margin-top:10px;}

.ztrg_jb_box ul li.li_2 .ztrg_jb_title img{float:left;width:23px;height:22px;margin:10px 10px 10px 0;}

.ztrg_jb_box ul li.li_2 .ztrg_jb_title span{float:left;display:inline-block;height:42px;line-height:42px;font-size:20px;color:#111;font-weight:bold;}

.ztrg_jb_box ul li.li_2 p{line-height:30px;font-size:16px;color:#666;margin-top:6px;}

.ztrg_jb_box ul li.li_3{width:282px;}

.ztrg_jb_box ul li.li_3 img{width:282px;height:185px;}

.ztrg_jb_box dl{width:958px;overflow:hidden;margin:20px auto;}

.ztrg_jb_box dl dt{float:left;width:658px;}

.ztrg_jb_box dl dt .ztrg_jb_title{width:100%;height:42px;border-bottom:1px dotted #eee;margin-top:10px;}

.ztrg_jb_box dl dt .ztrg_jb_title img{float:left;width:23px;height:22px;margin:10px 10px 10px 460px;}

.ztrg_jb_box dl dt .ztrg_jb_title span{float:left;display:inline-block;height:42px;line-height:42px;font-size:20px;color:#111;font-weight:bold;}

.ztrg_jb_box dl dt p{line-height:30px;font-size:16px;color:#666;text-indent:32px;}

.ztrg_jb_box dl dd{float:right;width:290px;}

.ztrg_jb_box dl dd img{width:290px;height:200px;}



/*关节疾病bingli*/

.ztrg_bl_box{width:998px;height:270px;border:1px solid #eee;margin:0px auto;}

.ztrg_bl_box ul{width:990px;overflow:hidden;margin-left:8px;}

.ztrg_bl_box ul li{width:140px;overflow:hidden;text-align:center;float:left;padding-right:20px;position:relative;}

.ztrg_bl_box ul li.li_rt:after{content: ""; background: url(ztrg_bl_img7.jpg) no-repeat 0/20px 10px; position: absolute; width: 20px; height: 10px; right:  0px; top:70px;}

.ztrg_bl_box ul li span{display:inline-block;width:110px;height:110px;border:5px solid #e0edfe;border-radius:50%;margin:14px auto;}

.ztrg_bl_box ul li span img{width:110px;height:110px;border-radius:55px;}

.ztrg_bl_box ul li p{height:18px; line-height:18px;font-size:16px;color:#666;margin-top:10px;}

.ztrg_bl_box ul li.on{width:170px;}

.ztrg_bl_box ul li.on span{display:inline-block;width:124px;height:124px;border:5px solid #115cd1;border-radius:70px;margin:8px auto;}

.ztrg_bl_box ul li.on span img{width:124px;height:124px;border-radius:50%;}

.ztrg_bl_box ul li.on p{color:#115cd1;}



/*公共btn*/

.pub-btn{height:50px;margin:40px auto;}

.pub-btn a{float:left;display:inline-block;width:398px;height:50px;line-height:50px;font-size:20px;color:#fff;text-align:center;border-radius:25px;}

.pub-btn a.a_1{background:#4392f1;margin-left:78px;}

.pub-btn a.a_2{background:#ffad00;margin-left:50px;}



/*pub-title-sm*/

.pub-title-sm{ text-align:center; font-size:14px;overflow:hidden;}

.pub-title-sm h2{ font-size:28px; height:32px; line-height:32px; margin:20px auto 10px; letter-spacing:2px;}

.pub-title-sm p{ height:12px; line-height:12px;}



/*关节软骨再生与修复*/

.ztrg_yl_txt{margin:15px auto 20px;}

.ztrg_yl_txt p{line-height:30px;font-size:16px;color:#666;text-indent:35px;}

.ztrg_yl_txt img{margin-top:10px;}



/*（MACI）原理*/

.ztrg_yl_box{width:998px;height:410px;border:1px solid #eee;margin:0px auto;position:relative;}

@-moz-document url-prefix() { .ztrg_yl_box{height:385px; } }

.ztrg_yl_box>p{width:960px;overflow:hidden;margin:0px auto;line-height:30px;font-size:16px;color:#666;text-indent:35px;margin:12px auto 25px;}

.ztrg_yl_box ul{width:970px;height:80px;margin-left:28px;}

.ztrg_yl_box ul li{width:164px;overflow:hidden;float:left;position:relative;z-index:11;}

.ztrg_yl_box ul li.li_last{width:150px;}

.ztrg_yl_box ul li.li_rt:after{content: ""; background: url(ztrg_yl_img7.png) no-repeat 0;background-size:48px 35px; position: absolute; width: 48px; height: 35px; right:  0px; top:2px; }

.ztrg_yl_box ul li img{width:80px;height:80px;margin-left:18px;}

.ztrg_yl_box .ztrg_yl_box1{width:978px;height:78px;position: absolute; left:  20px; bottom:20px;}

.ztrg_yl_box .ztrg_yl_box1 span{display:inline-block;width:142px;height:74px;border:2px solid #eee;border-radius:6px;z-index:-11;margin-right:12px;position:relative;}

.ztrg_yl_box .ztrg_yl_box1 span p{width:142px;line-height:18px;font-size:16px;color:#666;text-align:center;position:absolute;left:0;bottom:8px;}

.ztrg_yl_box .ztrg_yl_box1 span.sp_2 p{bottom:15px;}

/*（MACI）治疗五步骤*/

.ztrg_bz_box{width:960px;overflow:hidden;margin:15px auto 0;background: url(ztrg_zl_img6.jpg) no-repeat 435px top;background-size:97px 750px;}

.ztrg_bz_box dt{width:415px;overflow:hidden;float:left;}

.ztrg_bz_box dt em{display:block;width:415px;height:140px;}

.ztrg_bz_box img{width:240px;height:140px;}

.ztrg_bz_box dt em img{float:right;}

.ztrg_bz_box dd{width:415px;overflow:hidden;float:right;}

.ztrg_bz_box p{width:415px;line-height:30px;font-size:16px;color:#666;margin:40px auto;}



/*（MACI）治疗优势*/

.ztrg_ys_box{width:100%;height:500px;background:#f5f5f5;margin-bottom:20px;}

.ztrg_ys_box1{height:440px;background:url(ztrg_ys_img.png) no-repeat center top;background-size:653px 300px;position:relative;}

.ztrg_ys_box1 p{line-height:26px;font-size:16px;color:#666;position:absolute;}

.ztrg_ys_box1 p.p_1{width:196px;left:10px; top:140px;}

.ztrg_ys_box1 p.p_2{width:325px;left:0px; top:250px;}

.ztrg_ys_box1 p.p_3{width:215px;left:394px; top:310px;}

.ztrg_ys_box1 p.p_4{width:320px;right:0px; top:260px;}

.ztrg_ys_box1 p.p_5{width:186px;right:10px; top:135px;}



/*（MACI）治疗功效*/

.ztrg_gx_box>p{line-height:30px;font-size:16px;color:#666;margin:15px auto 20px;text-indent:32px;}

.ztrg_gx_box dl{width:424px;height:270px;border:1px solid #eee;float:left;}

.ztrg_gx_box dl dt{width:424px;height:50px;line-height:50px;font-size:20px;color:#fff;font-weight:bold;text-indent:185px;background:#4392f1 url(ztrg_gx_img1.png) no-repeat 150px 15px;background-size:24px 24px;}

.ztrg_gx_box dl dd{width:424px;height:70px;line-height:70px;font-size:18px;color:#333;text-indent:60px;background:url(ztrg_gx_img2.png) no-repeat 18px center;background-size:30px 27px;}

.ztrg_gx_box dl em{font-size:26px;color:#b8d8ff;font-family:Arial;}

.ztrg_gx_box dl dd.line{width:350px;height:0;border-bottom:1px dashed #eee;margin-left:18px;}

.ztrg_gx_box_rt{width:450px;height:279px;float:right;background:url(ztrg_gx_img4.jpg) no-repeat 0;background-size:546px 279px;padding:0 48px;}

.ztrg_gx_box_rt h2{width:450px;height:50px;line-height:50px;font-size:20px;color:#4392f1;text-align:center;}

.ztrg_gx_box_rt .bd{width:450px;height:182px;}

.ztrg_gx_box_rt .bd li{width:450px;height:182px;}

.ztrg_gx_box_rt .bd li a{display:inline-block;width:219px;height:145px;}

.ztrg_gx_box_rt .bd li a img{width:219px;height:145px;}

.ztrg_gx_box_rt .bd li a.a_rt{float:right;}

.ztrg_gx_box_rt .bd li p{width:450px;height:36px;line-height:36px;font-size:16px;color:#999;text-align:center;}

.ztrg_gx_box_rt .hd{width:130px;height:14px;margin:0 auto;}

.ztrg_gx_box_rt .hd li{width:10px;height:10px;border:2px solid #eee;border-radius:50%;margin-right:18px;float:left;}

.ztrg_gx_box_rt .hd li.on{background:#eee;}



/*（MACI）技术*/

.ztrg_js_box p{line-height:30px;font-size:16px;color:#7d7d7d;margin:0px auto;text-indent:30px;}

.zj_yxdl_pic{width:100%; height:490px; background:#f5f5f5; padding-top:30px;margin:10px auto 30px;}

.swiper-container-box{width: 1000px;height: 400px;margin: 0px auto 20px;}

.swiper-container {width: 1000px;overflow: hidden!important;position:relative;}

.swiper-container .swiper-wrapper .swiper-slide{ width: 580px; position:relative;}
.swiper-container .swiper-wrapper .swiper-slide span{  position:absolute; left:0; bottom:0;width:580px; height:auto; font-size:16px; line-height:30px;background:rgba(0,0,0, 0.4) !important;filter:alpha(opacity=40); color:#fff; text-align:center;}

.swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 400px; display:block;}

.swiper-container .swiper-wrapper .swiper-slide-prev{ margin-top: 78px; height:245px!important;}

.swiper-container .swiper-wrapper .swiper-slide-prev img{ height:245px!important;}

.swiper-container .swiper-wrapper .swiper-slide-prev a{display:inline-block;width: 100%; height: 245px;!important; background:#fff;opacity:.5;}

.swiper-container .swiper-wrapper .swiper-slide-next{ margin-top: 78px; height: 245px!important;}

.swiper-container .swiper-wrapper .swiper-slide-next img{ height:245px!important;}

.swiper-container .swiper-wrapper .swiper-slide-next a{display:inline-block;width: 100%; height: 245px;!important; background:#fff;opacity:.5;}

.swiper-container .swiper-wrapper .swiper-slide-active{ width: 580px;z-index:22;}

.swiper-container .swiper-wrapper .swiper-slide-active a{display:inline-block;width: 100%; height: 400px; background:#fff;opacity:1;}

.prevbtn{display:inline-block;width: 30px;height: 60px;position: absolute; left:0; top:170px;background:url(prev.png) no-repeat 0;background-size:30px 60px;z-index:33; }

.nextbtn{display:inline-block;width: 30px;height: 60px;position: absolute; right:0; top:170px;background:url(next.png) no-repeat 0;background-size:30px 60px;z-index:33; }

.zj_yxdl_pic p{line-height:30px;font-size:16px;color:#7d7d7d;margin:10px auto 0;text-indent:30px;}