@charset "utf-8";
@import 'zjtd.css';
.banner{ width:100%; margin:0 auto;}
.banner_01{ width:100%;  height:290px; background:url(../images/banner_01.jpg) no-repeat center;}
.banner_02{ width:100%;  height:212px; background:url(../images/banner_02.jpg) no-repeat center;}
.banner_03{ width:100%;  height:183px; background:url(../images/banner_03.jpg) no-repeat center;  }
.banner_03 .banner_dj{position:relative; width:1300px;margin:0 auto;}
.banner_03 .banner_dj a{ display:block; width:183px; height:44px; position:absolute; left:478px; top:35px; border-radius:7px;}


/*牙齿惹祸*/
.ycrh{ width:1200px; margin:0 auto;}
.ycrh_t{ width:1200px; margin:40px auto 20px;}
.ycrh_jj{ width:1150px; margin:0 auto;}
.ycrh_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em;}
.ycrh_cen{ width:1200px; margin:10px auto; height:460px; position:relative;}
.ycrh_L{  width:477px; height:415px; background:url(../images/ycrh_L.png) no-repeat center; position:absolute; top:0; left:0; float:left;}
.ycrh_L a{ position:absolute; top:145px; left:261px;display:block; width:115px; height:24px;}
.ycrh_R{ width:768px; float:right; position:absolute; top:30px; right:0px;}
.ycrh_R ul li{ display:inline-block; width:244px; height:215px; float:left; margin-right:18px;}
.ycrh_R ul li p span{ display:inline-block; width:35px; height:35px; color:#fff; font-size:18px; background:#c98c6d; margin-top:10px; border-radius:50%; line-height:35px; text-align:center; margin-right:8px;}
.ycrh_R ul li p{ width:244px; line-height:35px; text-align:center; color:#555; font-size:20px;}

/*牙齿对策*/
.ycdc{ width:100%; margin:0 auto; height:847px; background:url(../images/ycdc_bj.jpg) no-repeat center;}
.ycdc_t{ width:1200px; margin:0 auto; padding-top:40px;}
.ycdc_cen{ width:1000px; margin:55px auto 20px; height:560px; background:url(../images/ycdc_cen.png) no-repeat center; position:relative; overflow:hidden;}
.ycdc_cen ol{ font-size:34px; color:#f17221; position:absolute; top:0; left:392px;}
.ycdc_cen dd{ font-size:18px; width:590px; color:#555; text-align:center; line-height:29px; position:absolute; top:234px; left:211px;}
.ycdc_cen ul{ width:1000px; height:560px; position:relative;}
.ycdc_cen ul li{  float:left;}

.ycdc_1 div img{ position:absolute; left:0; top:0;}
.ycdc_1 div p{width:191px; height:191px; position:absolute; left:0; display:none;text-align:center;}
.ycdc_1 div:hover p{width:191px; height:191px;display:inline-block;background:url(../images/ycdc_fg.png) no-repeat center; color:#000;top:0px;}

.ycdc_2 div img{ position:absolute; right:0; top:0;}
.ycdc_2 div p{width:191px; height:191px; position:absolute; right:0; display:none;text-align:center;}
.ycdc_2 div:hover p{width:191px; height:191px;display:inline-block;background:url(../images/ycdc_fg.png) no-repeat center; color:#000;top:0px;}

.ycdc_3 div img{ position:absolute; left:50px; top:303px;}
.ycdc_3 div p{width:191px; height:191px; position:absolute; left:50px; display:none;text-align:center;}
.ycdc_3 div:hover p{width:191px; height:191px;display:inline-block;background:url(../images/ycdc_fg.png) no-repeat center; color:#000;top:303px;}

.ycdc_4 div img{ position:absolute; right:50px; top:303px;}
.ycdc_4 div p{width:191px; height:191px; position:absolute; right:50px; display:none;text-align:center;}
.ycdc_4 div:hover p{width:191px; height:191px;display:inline-block;background:url(../images/ycdc_fg.png) no-repeat center; color:#000;top:303px;}

.ycdc_5 div img{ position:absolute; right:410px; top:369px;}
.ycdc_5 div p{width:191px; height:191px; position:absolute; right:410px; display:none; text-align:center;}
.ycdc_5 div:hover p{width:191px; height:191px;display:inline-block;background:url(../images/ycdc_fg.png) no-repeat center; color:#000;top:369px;}
.ycdc_cen ul li div p span{ color:#fff; font-size:16px; display:inline-block; line-height:26px; margin-top:70px;}

/*按钮*/
.zx_btn{ width:770px; margin:30px auto 20px; clear:both; height:44px;}
.zx_btnl{ width:360px; height:44px; display:inline-block; font-size:18px; color:#fff; background:#555;  line-height:44px; text-align:center; margin-right:50px; float:left;border-radius:10px;}
.zx_btnr{ width:360px; height:44px; display:inline-block; font-size:18px; color:#fff;background:#7b3313; line-height:44px; text-align:center;float:left; border-radius:10px;}

/*六大优势*/
.ldys{ width:1200px; margin:0 auto;padding-bottom:10px;}
.ldys_t{ width:1200px; margin:40px auto 20px;}
.ldys_jj{ width:1150px; margin:0 auto;}
.ldys_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em;}
.ldys_cen{ width:1200px;height:343px; margin:20px auto; }
.ldys_cen ul li{ width:196px;  margin-right:2px; display:inline-block; float:left; position:relative;}
.ldys_cen ul li ol{ font-size:18px; line-height:35px; text-align:center;  height:40px; background:#c98c6d; color:#fff;}
.ldys_cen ul li div p{ display:none; width:186px; height:292px;position:absolute; left:5px;}
.ldys_cen ul li div:hover p{width:186px; height:292px; display:inline-block; top:6px; /*background:url(../images/ldys_fg.png) no-repeat center;*/ background:#4b4a49; opacity:0.85;}
.ldys_cen ul li div p span{ width:165px; margin:10px; line-height:26px; font-size:16px; color:#fff; display:inline-block;}

/*亮唇之美*/
.lczm{ width:100%; margin:10px auto 0; height:966px; background:url(../images/lczm_bj.jpg) no-repeat center;}
.lczm_t{ width:1200px; margin:0 auto 20px; padding-top:30px;}
.lczm_jj{ width:1150px; margin:0 auto;}
.lczm_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em;}
.lczm_cen{ width:1130px; margin:30px auto 0;}
.lczm_s{ width:1130px; height:305px; margin-bottom:20px;}
.lczm_x{ width:1130px; height:305px; position:relative;}
.lczm_x a{ display:block;width:208px; height:208px; position:absolute; top:4px; right:0; border-radius:50%;}

/*材料保证*/
.clbz{ width:1200px; margin:0 auto;}
.clbz_t{ width:1200px; margin:45px auto 20px;}
.clbz_jj{ width:1150px; margin:0 auto;}
.clbz_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em; text-align:center;}
.clbz_cen{ width:1130px; margin:20px auto 0;}
.clbz_cen ul li{width:214px; float:left; display:inline-block; margin-right:12px;}
.clbz_cen ul li div{width:212px; height:255px; margin-left:1px;  background:#ededed;}
.clbz_cen ul li div h2{ color:#f17221; padding-top:10px; font-size:22px; text-align:center; line-height:32px;}
.clbz_cen ul li div p{ width:190px; margin-top:15px; margin-left:17px; height:120px; line-height:26px; color:#555; float:left;}
.clbz_cen ul li div a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background:#c98c6d; margin-left:54px; border-radius:10px; float:left;}

/*专家团队*/
.zjtd{ width:100%; margin:45px auto 20px; }
.zjtd_t{ width:1200px; margin:0px auto 20px; padding-top:35px;}
.zjtd_jj{ width:1150px; margin:0 auto;}
.zjtd_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em;}
.slideTxtBox_zjtd{ width:1190px;margin:32px auto; position:relative; height:575px;}
.slideTxtBox_zjtd .hd{ width:566px; height:265px; float:left; margin-left:0px;}
.slideTxtBox_zjtd .hd ul div{color:#fff; font-size:30px; margin-top:34px; margin-left:100px;}
.slideTxtBox_zjtd .hd ul li{ width:460px; margin-left:90px; margin-top:30px;}
.slideTxtBox_zjtd .hd ul li img{ display:inline-block; margin-right:30px; float:left; width:88px; height:135px; background:url(../images/zjtd_tb.png) no-repeat center;}
.slideTxtBox_zjtd .hd ul li.on img{ width:88px; height:135px; background:url(../images/zjtd_tbh.png) no-repeat center;}

.zjtd_L{ width:566px; height:310px; float:left; position:absolute; top:265px; left:0;}
.zjtd_L h1{ width:150px; font-size:46px; font-weight:bold; color:#fff; margin-left:90px; border-right:1px solid #fff; float:left;}
.zjtd_L h5{ width:300px; color:#fff; float:left; margin-left:15px; font-size:16px;}
.zjtd_L ol{width:300px; color:#fff; float:left;margin-left:15px; font-size:24px; margin-top:10px;}
.zjtd_L dl{ width:470px; margin-left:90px; float:left; height:110px; margin-top:15px;}
.zjtd_L dl dd{ color:#fff; line-height:32px; font-size:16px;}
.zjtd_L span{ width:110px; height:35px; display:block; float:left; font-size:16px; color:#fff; line-height:35px; text-align:center; margin-left:90px; margin-bottom:5px; background:#f17221;}
.zjtd_L p{ margin-left:90px; width:480px; font-size:16px; color:#fff; float:left;}

.zjtd_R{ float:right; width:598px;}
.zjtd_R a{ display:block; width:150px; height:150px; background:url(../images/zjtd_dj.png) no-repeat center; position:absolute; bottom:50px; border-radius:50%; right:389px; float:left;}
.zjtd_R a:before,.zjtd_R a:hover:before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;box-shadow:0 0 0 #e6b354;border-radius:50%;animation:btnAnimate ease-out 1.5s infinite;-webkit-animation:btnAnimate ease-out 1.5s infinite;-moz-animation:btnAnimate ease-out 1.5s infinite;-ms-animation:btnAnimate ease-out 1.5s infinite;-o-animation:btnAnimate ease-out 1.5s infinite;}
/*

*/

/*真人案例*/
.zral{ width:1200px; margin:0 auto;}
.zral_t{ width:1200px; margin:40px auto 20px;}
.hl_scrool_leftbtn{ width:57px; height:383px;  margin:0px auto; float:left;background: url(../images/zsal_zuo.jpg) no-repeat center; margin-right:43px;}
.hl_scrool_rightbtn{width:57px; height:383px; margin:0px auto; float:left;background: url(../images/zsal_you.jpg) no-repeat center;margin-left:43px;}
.hl_content1{ width:1000px; height:383px; margin:0 auto; float:left;overflow:hidden;}
.hl_content1 ul{width:2000px; overflow:hidden; float:left;}
.hl_content1 li{ width:1000px; height:383px; float:left; display:inline;  overflow:hidden;}
.hl_content1 li .zsal_l{ width:510px; height:382px; margin-top:1.5px; float:left; background:#f0f0f0; padding-left:10px;}
.zsal_l dl{ width:400px; height:90px; float:left; margin-top:30px;}
.zsal_l dl dt{ width:100px; font-size:20px; color:#f17221; font-weight:bold; float:left;line-height:34px;}
.zsal_l dl dd{ float:left; font-size:20px; width:250px; line-height:34px;}
.zsal_l span{ display:block; width:120px; height:40px;color:#fff; background:#555; line-height:40px;font-size:20px; text-align:center; float:left;}
.zsal_l p{ width:490px; float:left; color:#555; font-size:16px; text-indent:2em; line-height:26px; margin-top:10px;}
.zsal_l a{ width:340px; height:50px; line-height:50px; text-align:center; color:#fff; display:block; background:#f17221; font-size:24px; float:left; margin-top:25px; margin-left:65px; border-radius:8px;}

.hl_content1 li img{ float:left;}

/*医院介绍*/
.yyjs{ width:1200px; margin:0 auto; }
.yyjs_t{ width:1200px; margin:40px auto 20px; }
.yyjs_jj{ width:1150px; margin:0 auto;}
.yyjs_jj p{ margin:0 auto; line-height:26px; font-size:16px; color:#555; text-indent:2em;}
.yyjs_cen{ width:1115px; margin:20px auto; height:300px;}
.yyjs_cen ul li{ display:inline-block; width:250px; height:220px; margin-right:38.3px; float:left; color: #fff}
.yyjs_cen ul li p{ width:250px; height:80px;  background:#af792c;}
.yyjs_cen ul li span{ width:250px; display:block;text-align:center;padding-top:15px; line-height:26px;}


@keyframes btnAnimate{
	0%{transform:scale(0.8);opacity:0;box-shadow:0 0 2px #e6b354;}
	20%{transform:scale(1);opacity:1;box-shadow:0 0 50px #e6b354;}
	50%{transform:scale(1.2);opacity:0;box-shadow:0 0 60px #e6b354;}
	100%{transform:scale(0.8);opacity:0;}	
}
@-webkit-keyframes btnAnimate{
	0%{-webkit-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #e6b354;}
	20%{-webkit-transform:scale(1);opacity:1;box-shadow:0 0 50px #e6b354;}
	50%{-webkit-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #e6b354;}
	100%{-webkit-transform:scale(0.8);opacity:0;}	
}
@-moz-keyframes btnAnimate{
	0%{-moz-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #e6b354;}
	20%{-moz-transform:scale(1);opacity:1;box-shadow:0 0 50px #e6b354;}
	50%{-moz-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #e6b354;}
	100%{-moz-transform:scale(0.8);opacity:0;}	
}
@-ms-keyframes btnAnimate{
	0%{-ms-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #e6b354;}
	20%{-ms-transform:scale(1);opacity:1;box-shadow:0 0 50px #e6b354;}
	50%{-ms-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #e6b354;}
	100%{-ms-transform:scale(0.8);opacity:0;}	
}
@-o-keyframes btnAnimate{
	0%{-o-transform:scale(0.8);opacity:0;box-shadow:0 0 2px #e6b354;}
	20%{-o-transform:scale(1);opacity:1;box-shadow:0 0 50px #e6b354;}
	50%{-o-transform:scale(1.2);opacity:0;box-shadow:0 0 60px #e6b354;}
	100%{-o-transform:scale(0.8);opacity:0;}