@charset "utf-8";


* {  } 

.subCon { position: relative; min-width: 1200px;  font-weight: 400; letter-spacing: -2px; }
.subCon .inner { position: absolute; top: 0; width: 1200px; margin-left: -600px; }
.subCon h2,
.subCon h3,
.subCon h4 { font-weight: 300; letter-spacing: -2px; }

.subCon .com_bar { display: inline-block; position: relative; z-index: 2; }
.subCon .com_bar:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #8efffb; z-index: -1; }
.subCon .com_bar.bar1:after { height: 20px; }
.subCon .com_bar.bar2:after { height: 10px; }
.subCon .com_bar.bar3:after { height: 15px; }
b, em, strong,
.eb7 {  font-weight: 900; letter-spacing: -1px; }
.r4 {  font-weight: 400; letter-spacing: -3px; }
.l3 {  font-weight: 100; letter-spacing: -2px; }
.m5 {  font-weight: 500; letter-spacing: -2px; }
.b6 {  font-weight: 900; letter-spacing: -1px; }

    
em, strong, i { font-style: normal; }
.c_img { position:relative; left:50%; max-width: 1920px !important; margin-left:-960px!important; line-height:0; font-size:0;}
.en { letter-spacing: 0; }



#fixedConsult { z-index: 9999; }

.sec1 h2 { position: absolute; top: 246px; left: 0; line-height: 1.15; color: #002d5f; font-size: 86px; text-align: left; }
.sec1 h2 .act1 { display: block; position: relative; left: -50px; opacity: 0; transition: all 1s 0.3s; }
.sec1 h2 strong { display: block; position: relative; left: -50px; opacity: 0; transition: all 1s 0.6s; }
.sec1 h2 .act3 { display: block; position: relative; left: -50px; opacity: 0; transition: all 1s 0.9s; }
.sec1 p.desc_h2 { position: absolute; top: 512px; left: 0; color: #002d5f; font-size: 22px; text-align: left; opacity: 0; transition: all 1s 1.2s;  } 

.sec1_2 p.title_p { position: absolute; top: 22px;  left: 350px;  width: 40%;  color: #fff;  background: #002d5f;  border-radius: 30px;font-size: 26px; text-align: center; opacity: 0; transition: all 1s 0.3s;line-height:50px;} 
.sec1_2 h3 { position: absolute; top: 91px; left: 0; width: 100%; color: #002d5f; font-size: 60px; text-align: center; opacity: 0; transition: all 1s 0.6s; } 
.sec1_2 p.p_info1 { position: absolute; top: 710px; left: 0; width: 100%; line-height: 1.4; color: #002d5f; font-size: 24px; text-align: center; opacity: 0; transition: all 1s 1.2s; } 
.sec1_2 .img1 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img2 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img3 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img4 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img5 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img6 { position: absolute; top: 329px; left: 290px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_2 .img7 { position: absolute; top: 285px; left: 430px; opacity: 0; transition: all 1s 2.0s; } 

.sec1_3 .img { position: absolute; top: 240px; left: 0; width:70%; opacity: 0; transition: all 1s 0.7s; }

.sec1_4 p.title_p2 { position: absolute; top: 22px; left: 350px; width: 40%;   background: #002d5f;  border-radius: 30px;color: #fff; font-size: 24px; line-height:50px; opacity: 0; transition: all 1s 0.3s; } 
.sec1_4 p.p_info2 { position: absolute; top: 82px; left: 0; width: 100%; line-height: 1.5; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 0.6s; } 
.sec1_4 p.p_info3 { position: absolute; top: 515px; left: 0; width: 100%; line-height: 1.5; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 0.9s; } 
.sec1_4 p.p_info4 { position: absolute; top: 634px; left: 0; width: 100%; line-height: 1.5; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 1.2s; } 

.sec1.current h2 .act1, 
.sec1.current h2 strong,
.sec1.current h2 .act3 { left: 0; opacity: 1; }
.sec1.current p.desc_h2 { top: 562px; opacity: 1; }
.sec1_2.current p.title_p { top: 72px; opacity: 1; }
.sec1_2.current h3 { top: 141px; opacity: 1; } 
.sec1_2.current p.p_info1 { top: 760px; opacity: 1; }

.sec1_2.current .img1 { left: 348px; opacity: 1; } 
.sec1_2.current .img2 { left: 385px; opacity: 1; } 
.sec1_2.current .img3 { left: 500px; opacity: 1; } 
.sec1_2.current .img4 { left: 612px; opacity: 1; } 
.sec1_2.current .img5 { left: 684px; opacity: 1; } 
.sec1_2.current .img6 { left: 730px; opacity: 1; } 
.sec1_2.current .img7 { opacity: 1; } 

.sec1_3.current .img { top: 290px; opacity: 1; transition: all 1s 0.3s; }

.sec1_4.current p.title_p2 { top: 72px; opacity: 1; } 
.sec1_4.current p.p_info2 { top: 132px; opacity: 1; } 
.sec1_4.current p.p_info3 { top: 600px; opacity: 1; } 
.sec1_4.current p.p_info4 { top: 711px; opacity: 1; }

.sec2 p.h3_desc { position: absolute; top: 62px; left: 0; width: 100%; color: #fff; font-size: 26px; opacity: 0; transition: all 1s 0.3s; } 
.sec2 area { outline: 0; }
.sec2 h3.h3_1 { position: absolute; top: 127px; left: 0; width: 100%; line-height: 1.3; color: #002d5f; font-size: 60px; opacity: 0; transition: all 1s 0.6s; } 
.sec2 p.img_desc { position: absolute; top: 660px; left: 0; width: 100%; line-height: 1.4; color: #002d5f; font-size: 24px; } 
.sec2 .img { position: absolute; top: 277px; left: 0px; width: 100%; text-align: center;}
.sec2 .img1 { position: absolute; top: 731px; left: 353px; width: 241px; height: 241px; background: url(/img/breast/revision/breast_jaal1.gif) no-repeat; background-size: 100%; }
.sec2 .img2 { position: absolute; top: 731px; right: 100px; width: 241px; height: 241px; background: url(/img/breast/revision/breast_jaal2.gif) no-repeat; background-size: 100%; }

.sec2 p.h3_desc2 { position: absolute; top: 1030px; left: 0; width: 100%; opacity: 0; transition: all 1s 0.3s; } 
.sec2 p.h3_desc2 span { height: 50px; line-height: 50px; padding: 0 25px; background: #002d5f; border-radius: 25px; color: #fff; font-size: 26px;  }
.sec2 h3.h3_2 { position: absolute; top: 1100px; left: 0; width: 100%; line-height: 1.2; color: #002d5f; font-size: 60px; opacity: 0; transition: all 1s 0.6s; } 
.sec2 p.img_desc2 { position: absolute; top: 2112px; left: 0; width: 100%; line-height: 1.4; color: #002d5f; font-size: 24px; } 
.sec2 ul { overflow: hidden; position: absolute; top: 1973px; left: 0; }
.sec2 ul:after { content: ''; display: block; clear: both; }
.sec2 ul li { float: left; width: 580px; line-height: 1.3; margin-left: 40px;  color: #fff; font-size: 30px;  }
.sec2 ul li.list1 { position: relative; top: -50px; opacity: 0; transition: all 1s 1.2s; }
.sec2 ul li.list2 { position: relative; top: -50px; opacity: 0; transition: all 1s 1.5s; }
.sec2 ul li:first-child { margin-left: 0; }
.sec2 ul li:last-child {  }
.sec2 ul li .desc { color: #92d3ff; font-size: 24px; }

.sec2 .act1 { height: 1110px; }
.sec2 .act1 { height: 1250px; }

.sec2 .com_act.current p.h3_desc { top: 112px; opacity: 1; }
.sec2 .com_act.current h3.h3_1 { top: 177px; opacity: 1; } 

.sec2 .com_act.current p.h3_desc2 { top: 1080px; opacity: 1; } 
.sec2 .com_act.current h3.h3_2 { top: 1155px; opacity: 1; } 
.sec2 .com_act.current ul li.list1 { top: 0; opacity: 1; }
.sec2 .com_act.current ul li.list2 { top: 0; opacity: 1; }

.sec3 { background: #cdeaff; }
.sec3 .inner { position: static; width: 1200px; margin: 0 auto; }
.sec3 { padding: 100px 0; background: #cdeaff; }
.sec3 p.first_p { position: relative; top: -50px; margin-bottom: 30px; opacity: 0; transition: all 1s 0.3s; } 
.sec3 p.first_p span { display: inline-block; height: 50px; line-height: 50px; padding: 0 25px; background: #002d5f; border-radius: 25px; color: #fff; font-size: 26px; }
.sec3 h3 { position: relative; top: -50px; line-height: 1.2; margin-bottom: 70px; color: #002d5f; font-size: 60px; opacity: 0; transition: all 1s 0.6s; }
.tab_area { overflow: hidden; }
.tab_area:after { content: ''; display: block; clear: both; }
/*
.tab_area .tab_list { float: left; width: 340px; }
.tab_area .tab_list li { height: 80px; line-height: 1.4; margin-bottom: 5px; padding-top: 20px; background: #94bddb; font-size: 24px; color: #fff; cursor: pointer; }
.tab_area .tab_list li.on { background: #002d5f; }
.tab_area .tab_list li b { font-size: 18px; }
.tab_area .tab_list li:last-child { height: 100px; line-height: 100px; padding-top: 0; background: #fff; color: #002d5f; font-size: 26px; }
*/
.tab_area .left { float: left; width: 340px; }
.tab_area .left a { display: block; height: 97px; line-height: 1.4; margin-bottom: 5px; padding-top: 20px; background: #94bddb; font-size: 24px; color: #fff; cursor: pointer; }
.tab_area .left a.active { background: #002d5f; }
.tab_area .left a b { font-size: 18px; }
.tab_area .last a:last-child { height: 100px; line-height: 100px; padding-top: 0; background: #fff; color: #002d5f; font-size: 26px; }

.tab_area .panel { float: right; width: 855px; }
.tab_area .panel .img { position: relative; margin-bottom: 5px; }
.tab_area .panel .img .overimg { position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s 0.1s; }
.tab_area .panel .img .overimg.on { opacity: 1; }
.tab_area .panel .bottom_p { height: 85px; line-height: 1.5; padding-top: 15px; background: #fff; color: #002d5f; font-size: 24px; }

.sec3.current p { top: 0; opacity: 1; } 
.sec3.current h3 { top: 0; opacity: 1; } 

.sec4 p { position: absolute; top: 50px; left: 0; width: 100%; opacity: 0; transition: all 1s 0.3s; } 
.sec4 p span { height: 50px; line-height: 50px; padding: 0 25px; background: #002d5f; border-radius: 25px; color: #fff; font-size: 26px; }
.sec4 h3 { position: absolute; top: 125px; left: 0; width: 100%; line-height: 1.3; color: #002d5f; font-size: 60px; opacity: 0; transition: all 1s 0.6s; } 
.sec4 ul { position: absolute; top: 709px; left: 0; overflow: hidden; } 
.sec4 ul:after { content: ''; display: block; clear: both; }
.sec4 ul li { float: left; width: 386px; height: 100px; line-height: 1.5; margin-left: 20px; padding-top: 20px; color: #fff; font-size: 18px; }
.sec4 ul li:first-child { margin-left: 0; }


.sec4.current p { top: 100px; opacity: 1; }
.sec4.current h3 { top: 175px; opacity: 1; } 

.sec5 { background: url(/img/breast/revision/sec5_bg.jpg) no-repeat center top fixed; }
.sec5 .img { position: relative; }
.sec5 .img1 { position: absolute; top: 665px; left: 0; opacity: 0; transition: all 1s 1.2s; } 
.sec5 .img2 { position: absolute; top: 665px; right: 0; opacity: 0; transition: all 1s 1.5s; } 
.sec5 .img3 { position: absolute; top: 509px; left: 390px; width: 420px; height: 236px; background: url(/img/breast/revision/sec5_img3.gif) no-repeat; }

.sec5 p.desc1 { position: absolute; top: 56px; left: 0; width: 100%; line-height: 1.3; color: #fff; font-size: 42px; opacity: 0; transition: all 1s 0.3s; } 
.sec5 h3 { position: absolute; top: 247px; left: 7px; width: 100%; line-height: 1.3; color: #002d5f; font-size: 60px; opacity: 0; transition: all 1s 0.6s; } 
.sec5 h3 span { margin-right: 60px; }
.sec5 p.desc2 { position: absolute; top: 340px; left: 0; width: 100%; line-height: 1.3; color: #002d5f; font-size: 26px; opacity: 0; transition: all 1s 0.9s; } 

.sec5 p.title1 { position: absolute; top: 20px; left: 0; width: 100%; line-height: 1.3; color: #002d5f; font-size: 40px; opacity: 0; transition: all 1s 0.5s; }
.sec5 p.title_desc1 { position: absolute; top: 145px; left: 0; width: 100%; line-height: 1.5; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 0.8s; }

.sec5 p.title2 { position: absolute; top: -10px; left: 0; width: 100%; line-height: 1.3; color: #002d5f; font-size: 40px; opacity: 0; transition: all 1s 0.3s; }
.sec5 p.title_desc2 { position: absolute; top: 120px; left: 0; width: 100%; line-height: 1.5; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 0.6s; }

.sec5 .title_top { position: relative; height: 1073px; }
.sec5 .text1 { position: relative; height: 901px; }
.sec5 .text2 { position: relative; height: 466px; }
.sec5 .title_top.current p.desc1 { top: 106px; opacity: 1; } 
.sec5 .title_top.current h3 { top: 297px; opacity: 1; } 
.sec5 .title_top.current p.desc2 { top: 390px; opacity: 1; } 
.sec5 .title_top.current .img1 { opacity: 1; }
.sec5 .title_top.current .img2 { opacity: 1; } 
.sec5 .text1.current p.title1 { top: 70px; opacity: 1; } 
.sec5 .text1.current p.title_desc1 { top: 195px; opacity: 1; } 
.sec5 .text2.current p.title2 { top: 45px; opacity: 1; } 
.sec5 .text2.current p.title_desc2 { top: 170px; opacity: 1; } 

.sec6 .text_img { position: absolute; top: 423px; left: 0; opacity: 0; transition: all 1s 0.3s; } 
.sec6 h3.h3_1 { position: absolute; top: 789px; left: 0; width: 590px; line-height: 1.3; color: #002d5f; font-size: 32px; opacity: 0; transition: all 1s 0.6s; } 
.sec6 p.text { position: absolute; top: 1117px; left: 92px; width: 498px; line-height: 1.5; color: #002d5f; font-size: 18px; text-align: left; } 
.sec6 .btn1 { position: absolute; top: 1185px; left: 0; width: 590px; height: 60px; background: url(/img/breast/revision/sec6_btn_bg1.jpg) no-repeat center center; opacity: 0; transition: all 1s 0.9s; }
.sec6 .btn1 a,
.sec6 .btn2 a { display: block; line-height: 60px; color: #fff; font-size: 20px;font-weight:600;letter-spacing:0;} 

.sec6 h3.h3_2 { position: absolute; top: 789px; left: 609px; width: 590px; line-height: 1.3; color: #002d5f; font-size: 32px; opacity: 0; transition: all 1s 1.2s; } 
.sec6 p.text2 { position: absolute; top: 1117px; left: 684px; width: 498px; line-height: 1.5; color: #002d5f; font-size: 18px; text-align: left; } 
.sec6 .btn2 { position: absolute; top: 1185px; left: 593px; width: 590px; height: 60px; background: url(/img/breast/revision/sec6_btn_bg2.jpg) no-repeat center center; opacity: 0; transition: all 1s 1.5s; }


.sec6.current .text_img { top: 473px; opacity: 1; }     
.sec6.current h3.h3_1 { top: 839px; opacity: 1; } 
.sec6.current .btn1 { top: 1234px; opacity: 1; } 
.sec6.current h3.h3_2 { top: 839px; opacity: 1; } 
.sec6.current .btn2 { top: 1234px; opacity: 1; }

.sec7 p.h3_desc { position: absolute; top: 100px; left: 0; width: 100%; color: #fff; font-size: 26px; } 
.sec7 p.h3_desc span { display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; background: #002d5f; border-radius: 25px; color: #fff; font-size: 26px; }
.sec7 p.h3_desc span b { color: #8efffb; }
.sec7 h3 { position: absolute; top: 170px; left: 0; width: 100%; line-height: 1.3; color: #fff; font-size: 60px;  } 
.sec7 ul { position: absolute; top: 358px; left: 420px; width: 360px; }
.sec7 ul li { height: 50px; line-height: 50px; margin-bottom: 10px; color: #002d5f; font-size: 22px;background: rgba(255,255,255,.8);border-radius: 5px; }
.sec7 ul li.list1 { position: relative; top: -50px; opacity: 0; transition: all 1s 0.4s; }
.sec7 ul li.list2 { position: relative; top: -50px; opacity: 0; transition: all 1s 0.8s; }
.sec7 ul li.list3 { position: relative; top: -50px; opacity: 0; transition: all 1s 1.2s; }
.sec7 ul li.list4 { position: relative; top: -50px; opacity: 0; transition: all 1s 1.6s; }
.sec7 ul li.list5 { position: relative; top: -50px; opacity: 0; transition: all 1s 2.0s; }
.sec7 h4 { position: absolute; top: 754px; left: 0; width: 100%; color: #002d5f; font-size: 42px; opacity: 0; transition: all 1s 1.8s; } 
.sec7 p.h4_desc { position: absolute; top: 825px; left: 0; width: 100%; line-height: 1.4; color: #002d5f; font-size: 24px; opacity: 0; transition: all 1s 1.8s; } 

.sec7.current ul li.list1,
.sec7.current ul li.list2,
.sec7.current ul li.list3,
.sec7.current ul li.list4,
.sec7.current ul li.list5 { top: 0; opacity: 1; }
.sec7.current h4,
.sec7.current p.h4_desc {  opacity: 1; }

.sec8 h3 { position: absolute; top: 272px; left: 0; width: 604px; line-height: 1.1; color: #002d5f; font-size: 78px; text-align: center; }                 
.sec8 h3 .act1 { display: block; position: relative; left: -50px; opacity: 0; transition: all 1s 0.3s; } 
.sec8 h3 .act2 { display: block; position: relative; left: -50px; opacity: 0; transition: all 1s 0.6s; }
.sec8 p.desc { position: absolute; top: 472px; left: -50px; width: 604px; color: #002d5f; font-size: 24px; text-align: center; opacity: 0; transition: all 1s 0.9s; } 
.sec8 .desc2 { position: absolute; top: 493px; left: 0; width: 604px; color: #002d5f; font-size: 24px; text-align: center; opacity: 0; transition: all 1s 1.2s; } 
.sec8 .desc2 span { display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; background: #002d5f; border-radius: 25px; color: #8efffb; font-size: 26px; }
.sec8.current .act1 { left: 0; opacity: 1; }
.sec8.current .act2 { left: 0; opacity: 1; }
.sec8.current .desc { left: 0; opacity: 1; } 
.sec8.current .desc2 { top: 543px; opacity: 1; } 