@charset "utf-8";
/* CSS Document */

body,div,p,h1,h2,h3,h4,h5,h6,a,img,ul,li,span{margin:0;padding:0;border:0;}
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; height:none;} 
ol,ul { list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; } 
a:link,a:visited,a:active{text-decoration:none; font-weight:normal;}
a:hover{font-weight:normal;}
img{width:100%; max-width:100%; border:0 none; vertical-align:middle; -ms-interpolation-mode:bicubic;}
.clear{clear:both; height:0; overflow:hidden;}
body{ margin:0 auto; font-family:Microsoft YaHei; font-size:1.0em; color:#222; background:#f8f8f8;}

.headWrap{ width:100%; margin:0 auto;}
.head{ width:100%; background:#ffa135; height:628px; background:url(../images/headbg.jpg) no-repeat; background-size:100% 628px;}
.navWrap{ width:100%; margin:0 auto; background:#fff;}
.navbox{ width:1152px; margin:0 auto; background:#fff;}
.logo{ width:77px; height:33px; float:left; margin-top:20px;}
.wap-jkjlogo,.wap-logo{ display:none;}
.nav{ width:400px; float:left; font-size:14px; margin-left:14px; line-height:72px;}
.nav a{ color:#222; display:inline-block; margin-left:10px; padding-right:15px; }
.nav a:hover{ color:#555;}
.nav .eng{ font-family:Arial; font-size:14px; position:relative; display:inline-block;}
.nav .eng .erweima{ height:132px; width:109px; background:url(../images/ewmpic.png) no-repeat; background-size:109px 132px; display:none; position:absolute; top:50px; left:-12px;}
.nav .eng:hover .erweima{ display:block; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;}
.oncology{ float:right; width:170px; height:46px; margin-top:13px; background:url(../images/oncology.jpg) no-repeat; background-size:170px 46px;}
.headbox{ width:1152px; margin:0 auto;}
.headleft{ float:left; width:600px; margin-left:28px; margin-top:120px;}
.headleft span{ width:90px; height:4px; background:#d25206; display:block;}
.huiz{ float:left; width:60px; height:60px; margin-top:20px;}
.writing{ color:#222; float:left; margin-left:15px; margin-top:30px;}
.writing h4{ font-size:24px;}
.writing h3{ font-size:32px;}
.headleft p{ font-size:14px; color:#222; line-height:160%; text-align:justify; margin-top:15px;}
.share{ text-align:center;}
.share b{ width:600px; border-top:1px solid #d25206; display:block; margin-top:30px;}
.share a{ width:32px; height:32px; display:inline-block; margin:-16px 5px 0 5px;}
.share a.wx{ background:url(../images/share.png) no-repeat; background-size:90px 90px; background-position:0 0;}
.share a.wx:hover{ background-position:0 -58px;}
.share a.sina{ background:url(../images/share.png) no-repeat; background-size:90px 90px; background-position:-58px 0;}
.share a.sina:hover{ background-position:-58px -58px;}
.headright{ float:right; width:420px; height:360px; margin-top:48px;}

.title{ width:990px; margin:-20px auto 0 auto;}
.title span{ color:#222; line-height:160%;}
.title span.t1{ font-size:24px;}
.title span.t2{ font-size:14px;}
.content{ width:1152px; margin:0 auto;}
.content ul li{ width:1152px; position:relative; margin-top:100px;}
.content ul li span{ width:1152px; height:72px; display:block; background:url(../images/title-icon.png) no-repeat; background-size:1152px 296px;  position:absolute; top:-64px; left:0;}
.content ul li span.tit1{ background-position:0 0;}
.content ul li span.tit2{ background-position:0 -112px;}
.content ul li span.tit3{ background-position:0 -224px; text-align:right; color:#C6CDD0; line-height:68px;font-size:12px;}
.leftpic{ width:576px; height:380px; float:left; overflow:hidden;}
.leftpic img{ width:576px; height:380px;}
.rightwit{ width:516px; height:310px; overflow:hidden; padding:35px 30px; background:#fff;}
.rightwit h2{ font-size:28px; color:#222; margin-bottom:15px;}
.rightwit p{ font-size:14px; line-height:160%; color:#444; margin-bottom:15px; text-align:justify;}
.rightwit b{ font-size:14px; color:#eb611e; font-weight:normal;}
.rightwit a{ font-size:14px; color:#eb611e;}
.past{ padding:40px 40px 20px 40px; width:1072px; background:#fff;}
.past a{ width:536px; float:left; display:block; overflow:hidden; margin-bottom:20px;}
.past a b{ width:80px; height:28px; display:block; color:#fff; background:#fd8a2d; line-height:28px; font-size:14px; text-align:center; font-weight:normal; float:left;}
.past a p{ width:420px; height:28px; overflow:hidden; white-space:nowrap; float:left; font-size:14px; line-height:28px; margin-left:10px; color:#222;}
.past a p:hover{ color:#fd8a2d;}
.past a p em{ background:#fdab0c; font-size:12px; color:#fff; font-style:normal; padding:0 1px;}
.bottomWrap{ width:100%; margin-top:40px; background:#e3e3e3;}
.bottom{ margin:0 auto; width:1152px; padding:30px 0; background:#e3e3e3; font-size:12px; font-family:Microsoft YaHei; text-align:center;}
.bottom p{color:#5c402a; display:inline-block; float:left; padding:0 0 0 20px; text-align:center; width:100%;}
.bottom p a{ color:#5c402a;}
.bottom p a:hover{ color:#2c7acb;}
.bottom span a{ margin-right:5px;}

@media screen and (min-width:100px) and (max-width:1152px){ 
.logo,.nav,.headright,.share,.bottomWrap{ display:none;}
.headWrap{ width:100%; margin:0 auto;}
.head{ width:100%; background:#ffa135; height:318px; background:url(../images/wap-headbg.jpg) no-repeat; background-size:100% 318px;}
.navWrap{ width:100%; margin:0 auto; background:rgba(255,255,255,0.2);}
.navbox{ width:100%; margin:0 auto; background:rgba(255,255,255,0.2); height:49px; padding-top:11px;}
.wap-jkjlogo{ float:left; height:24px; margin-left:10px; margin-top:6px; width:76px; display:block;}
.wap-jkjlogo a{ display:block;}
.wap-jkjlogo a img{ width:76px; height:24px;}
.wap-logo{ width:56px; height:38px; background:url(../images/wap-icon.png) no-repeat; background-size:114px 94px; background-position:0 0; display:block; margin-left:20px; float:left;}
.oncology{ float:right; width:114px; height:32px; margin-top:3px; background:url(../images/wap-icon.png) no-repeat; background-size:114px 94px; background-position:0 -62px; margin-right:20px;}
.headbox{ width:100%; margin:0 auto;}
.headleft{ float:none; width:92%; margin:0 auto;}
.headleft span{ display:none;}
.huiz{ width:40px; height:40px; margin-top:17px;}
.writing{ width:80%; color:#222; float:left; margin-left:10px; margin-top:22px;}
.writing h4{ font-size:1.125em;}
.writing h3{ font-size:1.25em;}
.headleft p{ font-size:0.875em; color:#222; line-height:150%; text-align:justify; margin-top:10px;}
.title{ width:92%; margin:10px auto 0 auto; text-align:justify;}
.title span{ color:#222; line-height:150%;}
.title span.t1{ font-size:1.2em;}
.title span.t2{ font-size:0.875em;}
.content{ width:92%; margin:0 auto;}
.content ul li{ width:100%; position:relative; margin-top:45px;}
.content ul li span{ width:100%; height:42px; display:block; background:url(../images/title-icon.png) no-repeat; background-size:100% 120px;  position:absolute; top:-26px; left:0;}
.content ul li span.tit1{ background-position:0 0;}
.content ul li span.tit2{ background-position:0 -45px;}
.content ul li span.tit3{ background-position:0 -90px; text-align:right; color:#c6cdd0; font-size:0.75em; line-height:26px;}
.leftpic{ width:100%; height:auto; float:left; overflow:hidden;}
.leftpic img{ width:100%; height:auto;}
.rightwit{ width:92%; height:auto; overflow:hidden; padding:12px 4%; background:#fff;}
.rightwit h2{ font-size:1.2em; color:#222; margin-bottom:12px;}
.rightwit p{ font-size:0.875em; line-height:150%; color:#444; margin-bottom:12px; text-align:justify;}
.rightwit b{ font-size:0.875em; color:#eb611e; font-weight:normal;}
.past{ padding:15px 4% 0 4%; width:92%; background:#fff; margin-bottom:30px;}
.past a{ width:100%; float:left; display:block; overflow:hidden; margin-bottom:10px;}
.past a b{ width:20%; height:24px; display:block; color:#fff; background:#fd8a2d; line-height:24px; font-size:0.875em; text-align:center; font-weight:normal; float:left;}
.past a b.new{ background:#fdab0c;}
.past a p{ width:78%; float:left; font-size:0.875em; line-height:24px; height:24px; margin-left:2%; color:#222; overflow:hidden; white-space:nowrap;}
.past a p.new{ color:#fdab0c;}
.past a p em{ background:#fdab0c; font-size:0.75em; color:#fff; font-style:normal; padding:0 1px;}

}

@media screen and (min-width:100px) and (max-width:320px){ 
.navbox{ height:42px; padding-top:9px;}
.wap-logo{ width:52px; height:32px; background-size:104px 80px;}
.oncology{ width:104px; height:32px; background-size:104px 80px; background-position:0 -52px;}
.huiz{ width:40px; height:40px; margin-top:12px;}
.writing{ width:80%; color:#222; float:left; margin-left:10px; margin-top:12px;}
.writing h4{ font-size:1.0em;}
.writing h3{ font-size:1.125em;}
.headleft p{line-height:145%; }
.content ul li span{ width:100%; height:40px; display:block; background:url(../images/title-icon.png) no-repeat; background-size:100% 114px;  position:absolute; top:-24px; left:0;}
.content ul li span.tit1{ background-position:0 0;}
.content ul li span.tit2{ background-position:0 -43px;}
.content ul li span.tit3{ background-position:0 -88px; text-align:right; color:#c6cdd0; font-size:0.75em; line-height:26px;}
}
@media screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2){ /* 兼容iphone4/4s */
.navbox{ height:42px; padding-top:9px;}
.wap-logo{ width:52px; height:32px; background-size:104px 80px;}
.oncology{ width:104px; height:32px; background-size:104px 80px; background-position:0 -52px;}
.huiz{ width:40px; height:40px; margin-top:15px;}
.writing{ width:80%; color:#222; float:left; margin-left:10px; margin-top:12px;}
.writing h4{ font-size:1.0em;}
.writing h3{ font-size:1.125em;}
.headleft p{line-height:145%; }
.content ul li span{ width:100%; height:40px; display:block; background:url(../images/title-icon.png) no-repeat; background-size:100% 114px;  position:absolute; top:-24px; left:0;}
.content ul li span.tit1{ background-position:0 0;}
.content ul li span.tit2{ background-position:0 -43px;}
.content ul li span.tit3{ background-position:0 -88px; text-align:right; color:#c6cdd0; font-size:0.75em; line-height:26px;}
}
@media screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2){ /* 兼容iphone5 */
.navbox{ height:42px; padding-top:9px;}
.wap-logo{ width:52px; height:32px; background-size:104px 80px;}
.oncology{ width:104px; height:32px; background-size:104px 80px; background-position:0 -52px;}
.huiz{ width:40px; height:40px; margin-top:15px;}
.writing{ width:80%; color:#222; float:left; margin-left:10px; margin-top:12px;}
.writing h4{ font-size:1.0em;}
.writing h3{ font-size:1.125em;}
.headleft p{line-height:145%; }
.content ul li span{ width:100%; height:40px; display:block; background:url(../images/title-icon.png) no-repeat; background-size:100% 114px;  position:absolute; top:-24px; left:0;}
.content ul li span.tit1{ background-position:0 0;}
.content ul li span.tit2{ background-position:0 -43px;}
.content ul li span.tit3{ background-position:0 -88px; text-align:right; color:#c6cdd0; font-size:0.75em; line-height:26px;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){ /* 兼容iphone6s*/ 
.writing{ width:84%;}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait){ /* 兼容iphone6plus*/

}