@charset "gb2312";
/* CSS Document */

/*清零*/
body,div,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,img{ padding:0; margin:0; font-weight:normal;}
input,select,textarea{ outline:none; border:none; background:#FFF;resize:none;}
body{ font-size:14px; font-family:"微软雅黑",Verdana,Arial,"宋体","微软雅黑";}
img{ border:none; outline:none;}
ul,ol{ list-style-type:none; cursor:pointer}
p{ line-height:25px;}
em,i,strong,b,small{ font-style:normal; font-weight:normal;}
a,span,b,em,i,strong,small,label,img{ display:inline-block;}
em{ transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
a{ outline:none; text-decoration:none; color:#000; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}

/*清楚浮动*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}

/*公用的样式*/
.fl{ float:left;}
.fr{ float:right;}
.commonWidth_980{ width:980px; margin:0 auto; overflow:hidden;}
.commonWidth_1000{ width:1000px; margin:0 auto; overflow:hidden;}
.commonWidth_grey{ width:100%;   margin:0 auto; overflow:hidden; background:#f2faff;}

/*banner*/
.banner_box{ background:url(../images/banner.jpg) center center no-repeat; height:552px;}
.banner{ position:relative; height:100%;}
.banner a{ position:absolute; right:40px; bottom:95px; box-shadow:-3px 5px 5px #000; width:135px; line-height:31px; border:1px solid #FFF; border-radius:10px; background:#006db8; font-size:18px; text-align:center; color:#fff;}
.banner a:hover{ background:#ff7800;}

/*common*/
.til{ text-align:center; margin-top:25px;}
.til span{ padding:0 5px; font-size:33px; color:#006db8; border-bottom:1px solid #006db8; position:relative;}
.til em{ line-height:40px; text-align:center; width:72px; background:#006db8; color:#fff; font-size:22px; border-radius:0 0 40px 40px; position:absolute; bottom:-40px; left:0;}
.word_img{ height:253px; padding-bottom:35px; border-bottom:1px dashed #aaaaaa; margin-bottom:50px;}
.word_img .img{ width:358px; height:100%;}
.word_img .word{ width:560px; height:100%; position:relative;}
.word_img h2{ color:#006db8; font-size:26px; padding:8px 0 15px;}
.word_img h3{ color:#fb6400; font-size:26px;}
.word_img strong{ color:#ff9000; font-size:16px; font-weight:bold;}
.word_img p{ color:#3b3b3b; word-spacing:40px; font-size:16px;}
.word_img a{ padding:0 30px; color:#fff; font-size:18px; line-height:35px; background:#8d8d8d; border-radius:10px; position:absolute; right:0; bottom:0;}
.word_img a:hover{ background:#006db8;}
.word_img em{ width:22px; height:22px; vertical-align:middle; margin-left:10px;}
.no_bb{ border-bottom:none;}

/*type*/
.type{ padding-bottom:70px;}
.type .type_content{ margin-top:60px;}
.type ol{ width:71px; height:383px;}
.type ol li{transition:0.3s; width:65px; line-height:65px; text-align:center; font-size:18px; color:#fff; margin-bottom:7px; border:3px solid #c0c0c0; background:#a2a2a2; border-radius:50%;}
.type ol .li_active{ border:3px solid #82ccff; background:#006db8;}
.type ul{ position:relative; height:383px; width:868px; background:#c7e8ff;}
.type #triangle{transition:0.3s; width:36px; height:71px; position:absolute; top:0; left:-36px; background:url(../images/type_triangle.png);}
.type ul li{ margin:7px; display:none;}
.type ul .li_active{ display:block;}
.type .li_til{ font-size:40px; margin:14px 0 0 45px;}
.type .li_tils{ font-size:40px; margin:34px 0 0 45px;}
.type .li_til p,.type .li_tils p{ line-height:48px; color:#ff7200;}
.type .li_til span,.type .li_tils span{ display:block; line-height:48px; color:#006db8;}
.type .li_word{ position:relative; padding:20px; width:433px; height:329px; background:#FFF; margin-left:45px;}
.type .li_word p{ position:relative; color:#383838; line-height:33px; padding-left:10px;}
.type .li_word em{ position:absolute; left:0px; top:16px; width:3px; height:3px; background:#383838;}
.type .li_img{ width:250px; height:369px;}
.type .type_btn{ position:absolute; bottom:20px; right:20px;}
.type .a1{ margin-right:25px;}
.type .type_btn a{ padding:0 20px; line-height:30px; background:#a2a2a2; color:#fff; font-size:17px; border-radius:5px;}
.type .type_btn i{ vertical-align:middle;}
.type ul:hover a{ background:#006db8;}

/*why*/
.why .why_content{ position:relative; margin-top:60px; background:url(../images/why_bg.jpg) center center no-repeat; height:382px;}
.why .why_word{ position:absolute; top:0; width:194px; height:307px;}
.why .why_word h2{ font-size:24px; text-align:center; padding:15px 0 5px;}
.why .why_word p{ font-size:14px; color:#404040; padding:5px 0 0 3px;}
.why .why_word a{ color:#fff; text-align:center; position:absolute; bottom:13px; left:0px; width:100%; line-height:25px;}
.why .blue{ color:#3ca8f2; border-bottom:2px solid #3ca8f2;}
.why .purple{ color:#ac7deb; border-bottom:2px solid #ac7deb;}
.why .green{ color:#64dbb8; border-bottom:2px solid #64dbb8;}
.why .l_1{ left:93px;}
.why .l_2{ left:416px;}
.why .l_3{ left:748px;}

/*how*/
.how .how_content{ margin-top:70px; }

/*recovery*/
#recovery{}
#recovery_content{ margin-top:70px; padding-bottom:10px;}
.recovery_btn{ height:58px; margin-bottom:50px;}
.recovery_btn em{ width:58px; padding-top:10px; height:48px; border-radius:50%; line-height:22px; background:#ff9000; color:#fff; font-size:22px; text-align:center;}
.recovery_btn ol{ width:872PX; height:57px; border-bottom:1px solid #b6b6b6; padding:0 35px;}
.recovery_btn ol li{ transition:0.3s; cursor:pointer; font-size:20px; width:200px; line-height:40px; background:#b6b6b6; color:#fff; text-align:center; float:left; margin:17px 24px 0 0;}
.recovery_btn ol .li_active{ background:#006db8;}
#recovery ul{ height:350px;}
#recovery ul li{ height:100%; display:none;}
#recovery ul .li_active{ display:block;}
#recovery .word_img{ height:285px;}
#recovery .word{ width:540px;}
#recovery .img{ width:377px;}
#recovery .re_vedio .word_img{ height:266px;}
#recovery .re_vedio .img{ width:325px; margin:0 20px;}
#recovery .re_vedio .word{ width:600px; padding:0 10px;}
#recovery .clr{ position:static; padding:0; border-radius:0; background:none; font-size:16px; color:#f00;}

/*contrast*/
#contrast{ padding-bottom:60px;}
#contrast ol{ margin-top:50px; position:relative; width:2000px;}
#contrast ol div{transition:0.3s; width:0; height:0; border:10px solid transparent; border-top:10px solid #0872ba; position:absolute; left:84px; bottom:-28px;}
#contrast ol li{ width:188px; height:155px; margin-right:15px; float:left; position:relative;}
#contrast ol img{ border:4px solid #c1dff3; vertical-align:middle;}
#contrast ol .img_active{ border:4px solid #0872ba;}
#contrast ol p{ font-size:18px; color:#3b3b3b; text-align:center; line-height:25px;}
#contrast ul{ margin-top:25px; position:relative;}
#contrast ul li{ width:988px; height:390px; margin:0 auto; display:none;}
#contrast ul li img{ vertical-align:middle;}
#contrast ul li p{ font-size:24px; text-align:center; line-height:25px; padding-top:30px; color:#4e4e4e;}
#contrast ul .li_active{ display:block;}
#contrast a{ display:block; width:31px; height:80px; position:absolute; top:50%; margin-top:-80px;}
#contrast #prev{ background:url(../images/prev.png); left:6px;}
#contrast #next{ background:url(../images/next.png); right:6px;}

/*case*/
#case{ /* padding-bottom:60px; */}
#case #case_content{ margin-top:70px;}
#case p{ font-size:17px; text-indent:40px;}
#case .word_img{ border:none; height:351px;}
#case .word{ width:420px;}
#case .word a{ position:static; padding:0; border-radius:0;}
#case .img{ width:519px; height:371px; border:5px solid #c9c9c9;}
#case .run{ width:81px; position:absolute; left:inherit; right:0; bottom:0; z-index:4;}
#case .run a{ width:38px; height:38px; margin-right:0;}
#case .run .detailed{ margin-right:5px; background:url(../images/icon.png) -36px -1350px no-repeat;}
#case .run .detailed:hover{ background:url(../images/icon.png) -36px -1412px no-repeat;}
#case .run .carefully{ background:url(../images/icon.png) -36px -1476px no-repeat;}
#case .run .carefully:hover{ background:url(../images/icon.png) -36px -1532px no-repeat;}

/*expert*/
#expert{ padding-bottom:22px;}
#expert #expert_content{ margin-top:70px;}
#expert .experts{ text-align:center; padding-top:60px;}
#expert .expert_img{ width:345px; height:541px;}
#expert .expert_img a{ background:#8d8d8d; color:#fff; font-size:25px; line-height:35px; text-align:center; width:270px; margin-left:33px; border-radius:10px;}
#expert .expert_img a:hover{ background:#006db8;}
#expert .expert_word{ width:600px; height:511px; padding-top:30px;}
#expert .expert_word h1{ font-size:64px; color:#000;}
#expert .expert_word small{ font-size:39px; color:#006db8;}
#expert .expert_word h2{ width:350px; padding-left:10px; line-height:33px; font-size:25px; background:#006db8; color:#fff;}
#expert .expert_word span{ font-size:16px;}
#expert .expert_word strong{ font-size:18px; color:#006db8; margin-top:15px;}
#expert .expert_word p{ color:#444444; line-height:30px;}
#expert .expert_word h3{ font-size:18px; color:#006db8; padding-bottom:2px; border-bottom:1px solid #d0d2dd;}
#expert .expert_word i{ color:#d0d2dd; font-size:15px; padding-left:10px;}
#expert .expert_word img{ padding-top:15px;}

/*the_hospital*/
#the_hospital{ padding-bottom:60px;}
.briefing_box{ overflow:hidden; margin-top:70px;}
.briefing{ width:790px; height:396px; overflow:hidden; position:relative;}
.briefing img{ border:3px solid #cccccc; margin-left:10px;}
.briefing_word{ width:275px; height:396px; padding-right:5px;}
.briefing_word h2{ color:#FA7404; font-size:24px; padding:30px 0;}
.briefing_word p{ text-indent:30px; color:#333333;}
.run{z-index:4; position:absolute; left:160px; bottom:0;}
.run a{ width:38px; height:38px; margin-right:5px;}
.detailed{ background:url(../images/icon.png) -36px -1350px no-repeat;}
.detailed:hover{background:url(../images/icon.png) -36px -1412px no-repeat;}
.carefully{ background:url(../images/icon.png) -36px -1476px no-repeat;}
.carefully:hover{ background:url(../images/icon.png) -36px -1532px no-repeat;}
.briefing_box ul{ width:190px; padding:2px 0;}
#briefing_ul li{ background:#dcddde;position:relative; height:50px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; margin-bottom:7px;}
#briefing_ul .li_active{ background:#006DB8;}
#briefing_ul li:hover{ background:#006DB8;}
.triangle{ position:absolute; left:-32px; top:12px; width:0px; height:0px; border:12px solid transparent; border-right:20px solid #006DB8; display:none;}
.triangle_active{ display:block;}
#briefing_ul li:hover .triangle{display:block;}
#briefing_ul a{ width:175px; height:50px; overflow:hidden; padding-left:15px;}
#briefing_ul a em{ width:36px; height:36px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.briefing_em1{ background:url(../images/icon.png) -36px -1584px no-repeat;}
.briefing_em11{ background:url(../images/icon.png) -36px -1620px no-repeat;}
.briefing_em2{ background:url(../images/icon.png) -36px -1656px no-repeat;}
.briefing_em21{ background:url(../images/icon.png) -36px -1692px no-repeat;}
.briefing_em3{ background:url(../images/icon.png) -36px -1728px no-repeat;}
.briefing_em31{ background:url(../images/icon.png) -36px -1764px no-repeat;}
.briefing_em4{ background:url(../images/icon.png) -36px -1800px no-repeat;}
.briefing_em41{ background:url(../images/icon.png) -36px -1836px no-repeat;}
.briefing_em5{ background:url(../images/icon.png) -36px -1872px no-repeat;}
.briefing_em51{ background:url(../images/icon.png) -36px -1908px no-repeat;}
.briefing_em6{ background:url(../images/icon.png) -36px -1944px no-repeat;}
.briefing_em61{ background:url(../images/icon.png) -36px -1980px no-repeat;}
.briefing_em7{ background:url(../images/icon.png) -36px -2016px no-repeat;}
.briefing_em71{ background:url(../images/icon.png) -36px -1852px no-repeat;}
#briefing_ul a span{ height:50px;}
#briefing_ul a span b{ font-size:18px; font-weight:normal; height:30px; line-height:30px;}
#briefing_ul a span small{ font-size:14px; height:20px; line-height:20px;}

/*ask*/
#ask{ padding-bottom:70px;}
#ask #ask_content{ margin-top:60px; background:url(../images/ask_bg.jpg) right top no-repeat;}
#ask #ask_content h2{ margin:30px 0 5px; padding-left:50px; font-size:18px; line-height:30px; color:#f77d39; background:url(../images/icon4.png) left center no-repeat;}
#ask #ask_content strong{ font-weight:bold; font-size:14px; color:#006db8;}
#ask #ask_content p{ font-size:12px;}

/*other*/
#other{ padding-bottom:60px;}
#other #other_content{ margin-top:70px;}
.box111{position:relative;width:995px;height:330px;}
.box111 li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
.box111 li img{width:100%;height:100%;vertical-align:top;}
.box111 li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
.box111 .prev,.box111 .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:47px;height:61px;top:131px;}
.box111 .prev{background:url(../images/csj_10.png) no-repeat;left:195px;}
.box111 .next{background:url(../images/csj_11.png) no-repeat;right:175px;}

/*discuss*/
#discuss{ padding-bottom:40px;}
#discuss #discuss_content{ margin-top:80px;}
