﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#fff url(/images/banner/about-banner.jpg) no-repeat center top; color:#777}
img{ border:none}
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{ margin:0; padding:0}
ul,li,ol{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clearfloat {clear:both;height:0;font-size:0px;line-height: 0px;}
#secondnav-box,#nav,.content,#footer,.tracking-link,#newinfo{ width:960px; margin:0 auto;}

#banner{ height:300px;}
#secondnav-box{width:1004px;}
#indexnav-box{ height:87px; background: url(/images/about-indexnav-bg.gif) repeat-x;}
#secondnav-box{ height:64px; background:url(/images/about-nav-bg.gif) repeat-x;}
#secondnav-box h4{color:#FFF; padding:10px 0 0 3px;}
#secondnav-box a{color:#FFF; text-decoration:none;}
#secondnav-box a:hover{text-decoration:underline;}
#nav{ height:35px; line-height:35px; background:url(/images/nav-bg.jpg) no-repeat}
#nav li{ float:left}
#nav li a{ color:#fff; font-weight:bold; padding:0 20px;}
#nav li a:hover,.news ul li a:hover{ color:#1088ff;}

/*首页*/
#content{ height:320px; background:#f7f7f7; border-bottom:1px solid #dde2e9}
.content{ height:100%; overflow:hidden; margin-bottom:30px;}
.introduction{ width:426px; height:320px; float:left; border-left:1px dotted #bfc5cd;}
.introduction p{ margin:10px 30px 0 30px; line-height:140%}
.introduction a,.philosophy span{ color:#369}
.philosophy{ width:250px; height:320px; float:left; border-left:1px dotted #bfc5cd;}
.philosophy p{ margin:10px;}
.news{ width:280px; height:320px; float:left; border-left:1px dotted #bfc5cd; border-right:1px dotted #bfc5cd;}
.news ul{ margin:10px 30px 0 10px;}
.news ul li{ margin-bottom:15px;}
.news ul li span{ display:block; font-size:10px; font-weight:bold; color:#aab5c7}
.news ul li a{ color:#777}

/*二级页面*/
.tracking-link{ height:29px; line-height:29px; font-family:宋体; background:url(/images/nav-title2-bg.jpg) no-repeat bottom}
.tracking-link a{ color:#369}
.menu{ width:230px; height:415px; float:left; background:url(/images/menu-bg.jpg) no-repeat}
.menu ul{ margin-top:35px}
.menu a{ width:200px; height:36px; line-height:36px; display:block; padding-left:30px; color:#7b8698; font-weight:bold}
.menu a:hover,#highlight{ background:url(/images/menu-hover-bg.jpg) no-repeat; position:relative; top:-2px; text-indent:10px; color:#1088ff; text-decoration:underline}
.right,.right01{ width:690px; padding:35px 0 0 40px; height:100%; overflow:hidden; float:right;}
.right p{line-height:200%;}
.right h3{ color:#369; text-indent:10px;margin-top:2px;}
.right h3 span{ font-size:12px; padding-left:5px; font-weight:lighter;color:#fb83a4;}
.right h4{color:#369; text-indent:30px; font-size:14px; border-bottom:1px dotted #aab5c7; background:url(/images/digital.png) no-repeat; padding-bottom:4px;}
.right01 h1,.right h1{color:#369; font-size:22px; width:624px; margin:0 auto; padding:20px 0 10px; text-align:center;}
.right01 p.info{text-align:center; font-size:12px; color:#999999; border-bottom:1px solid #EEF1F2; padding:0 0 10px; margin-bottom:20px;}
.right01 .play{text-align:center; padding:20px 0;}
.right01 p{line-height:180%; margin-bottom:20px; font-size:14px;}
.right01 img{ border:5px solid #f0f0f0;}
.right h5{font-size:14px; color:#FB7EA1; padding:20px 0 0 14px; margin:0;}
.right h5 span.en{font-size:10px; font-family:"Verdana"; color:#999; font-weight:normal;}
.right h5 span.more{font-size:12px; float:right; font-weight:normal; margin-right:80px;}
.right h5 span.more a{color:#369;}
.concept-exp{ padding:8px 20px 30px 5px; text-indent:25px; line-height:180%}
.events{margin-top:10px;}
.events li{ clear:both}
.events span{ float:left; padding-top:7px; font-weight:bold; font-size:10px; color:#fb83a4}
.events p{ padding:5px 0 20px 0; float:left; text-indent:50px; background:url(/images/events-bg.gif) no-repeat 6px 0}

/*设备图片排列*/
.panel{ width:690px; padding:35px 0 0 40px; height:100%; overflow:hidden; float:right;}
.panel ul{clear:left}
.panel ul li{ float:left;margin-left:5px;}
.panel ul li a{ color:#373737}
.panel ul li a:hover{ color:#1088ff; text-decoration:underline}
.panel ul li p{ text-align:center}


/*新闻页面*/
.hotnews{ height:185px; background:url(/images/hotnews-bg.jpg) no-repeat; position:relative;}
.hotnews ul{ position:absolute; top:75px; left:370px; line-height:180%;font-family:宋体; color:#9a9a9a }
.hotnews li a,.paging p span{ color:#9a9a9a; }

.TabbedPanels {margin: 0px; padding: 0px; clear: none}
.TabbedPanelsTabGroup { height:10px; margin-top:1px}
.TabbedPanelsTab{ float:left; margin:0 2px 0 0; font:18px Georgia, Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; background:#f1f1f1; cursor:pointer}
.TabbedPanelsTab a{ color:#9a9a9a; display:block; width:100px; height:36px; line-height:36px; border:1px solid #dadada; border-bottom:none;text-align:center}
.TabbedPanelsTabHover,.TabbedPanelsTab a:hover{background:#ccc}
#TabbedPanelsTabSelected{background:#00abec; border:1px solid #00abec; border-bottom:none; color:#fff}
.TabbedPanelsContentGroup {clear: both; border-top: solid 2px #00abec; padding:5px 0; background-color: #fff}

.sidebar{ float:right; width:240px; margin-top:55px}
.sidebar .TabbedPanelsTabGroup { height:23px}
.sidebar .TabbedPanelsTabGroup li{ float:right; margin:0 0 0 2px; padding:3px 0 0 0; width:60px; height:19px;border:1px solid #dadada; border-bottom:none; color:#3e3e3e; text-align:center; font:12px Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; cursor:pointer;}
.sidebar .TabbedPanelsTabGroup li.tabtitle{ color:#3e3e3e; font-weight:bold; padding:4px 0 0 10px; float:left; margin:0 0 0 2px; width:auto; height:auto; border:none; text-align:left; cursor:default;}
.sidebar .TabbedPanelsTabSelected{background:#1695EF; border:1px solid #1695EF; border-bottom:none; color:#fff!important;} 
.sidebar .TabbedPanelsContentGroup li{border-bottom:1px dashed #ccc} 
.sidebar .TabbedPanelsContentGroup li a,.sidebar .TabbedPanelsContentGroup li a:hover{ background:url(../images/arrow.gif) no-repeat}
.sidebar .TabbedPanelsContentGroup li a{ color:#369; background-position:1px -27px; display:block; height:20px; *height:18px; _height:18px; padding-top:6px; *padding-top:8px; _padding-top:8px; padding-left:13px; overflow:hidden}
.sidebar .TabbedPanelsContentGroup li a:hover{ background-position:3px -64px; color:#1088ff; text-decoration:none;}

.news-list li{ height:29px; line-height:30px; border-bottom:1px solid #dadada; padding:0 10px;}
.news-list li a{ float:left; color:#000}
.news-list li a:hover{ color:#1088ff;}
.news-list li span{ float:right; color:#9a9a9a; font-size:10px; font-weight:bold}
.paging{ padding-top:10px; margin-bottom:50px;}
.paging p{ float:right; font-size:10px; font-weight:bold; color:#9a9a9a; padding-top:10px;}
.paging a{ width:82px; height:24px; float:right; margin-left:10px; text-indent:-9999px}
.previous01,.next01,.previous02,.next02{ background:url(/images/paging.gif) no-repeat;}
.previous01{ background-position:0 0}
.previous01:hover{ background-position:0 -24px;}
.next01{ background-position:-92px 0}
.next01:hover{ background-position:-92px -24px}
.previous02{ background-position:-275px 0; cursor:default}
.next02{ background-position:-365px 0; cursor:default}

/*网络诊室*/
.doctorslist dd a,.doctorslist dd a:hover{ background:url(/images/network-but.gif) no-repeat; border:none;}
.doctorslist { width:690px; height:auto; overflow:hidden; margin-top:5px;}
.doctorslist dl{ width:130px; float:left; margin-right:30px;}
.doctorslist dt{ height:22px; line-height:22px;color:#333;border-bottom:1px dashed #ccc; font-weight:bold}
.doctorslist dd{ border-bottom:1px dashed #ccc}
.doctorslist dd a{ width:122px; height:24px; line-height:25px; display:block; background-position:0 -293px; padding-left:0px;color:#369; overflow:hidden}
.doctorslist dd a:hover{ background-position:0 -331px; width:122px; color:#6f174e; height:24px; line-height:25px; padding-left:0px}
.doctorslist dd a span{color:#9a9a9a}
/*权威顾问团队*/
.doctorslist2{clear:none;}
.doctorslist2 p{font-size:16px; font-weight:bold;margin:10px 0px;}
.doctorslist2 div span{font-size:12px;border-bottom:1px dashed #ccc; display:block;margin-bottom:10px;width:650px;}
.doctorslist2 div{line-height:20px;font-size:14px; clear:none;}

/*视频中心*/
.videoList{margin:0 0 0 14px;}
.videoList .cell{width:160px; height:166px; float:left; overflow:hidden; border-bottom:1px solid #EFEFEF; padding:10px 0 0;}
.videoList .cell p{padding:6px 6px 4px 0; line-height:150%;}
.videoList .cell p a{color:#369;}
.videoList .cell p a:hover{color:#1088ff;}
.videoList .cell img{padding:1px; border:1px solid #EFEFEF; width:120px; height:90px;}
.videoList .cell a:hover img{border:1px solid #1088ff;}

.videoMenu{width:230px; float:left; padding-top:40px;}
.videoMenu ul.tab{height:34px; overflow:hidden; background:url(/images/videoTab.gif) 0 33px no-repeat;}
.videoMenu ul.tab li{float:left; width:72px; height:34px; overflow:hidden; margin-right:3px; text-align:center; background:url(/images/videoTab.gif) 0 -35px no-repeat; padding:12px 0 8px; cursor:pointer;}
.videoMenu ul.tab li a{color:#7B8698;}
.videoMenu ul.tab li.current{background:url(/images/videoTab.gif) 0 -1px no-repeat;}
.videoMenu ul.tab li.current a{color:#FB7EA1;}
.videoMenu ul.videoTxtList{height:400px; background:url(/images/videoTabC.gif) 0 0 no-repeat; padding:10px 0;}
.videoMenu ul.videoTxtListNull{ display:none}
.videoMenu ul.videoTxtList li{line-height:240%; padding-left:32px; background:url(/images/videoTab.gif) -194px -50px no-repeat;}
.videoMenu ul.videoTxtList li a{color:#7B8698; text-decoration:underline;}
.videoMenu ul.videoTxtList li a:hover{color:#FB7EA1;}



/*底部版权*/
#footer{ width:1004px; height:19px; line-height:20px; margin:0 auto; border-top:1px solid #c8c8c8; padding-top:9px;}
.reserved{float:left; padding-left:10px;}
.reserved span{ font-size:10px; padding-right:10px;}
.reserved a{ padding:0 10px; color:#b15f92}
.add{float:right; padding-right:100px;}
.add span{color:#b15f92}
.add a{ color:#9a9a9a; margin-left:30px;}
#footer h3{ color:#757f90; font-size:12px; padding:10px 0 0 10px}
#footer p.link{ line-height:200%; margin:0 18px; }
#footer p.link a{ margin-right:24px; color:#7B8AA6;}
