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

body{font-size:0.875rem;}
.mainbox{width:990px; margin:auto}
header{
  width:100%;
  margin: auto;
}
.wbox {
  width: 100%;
}
.headbox {
  width: 100%;
  height: 5rem;
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.logo {
  float: left;
}
.searbox{width:55%; height:2.5rem; margin-left:263px; position:relative;padding-top:5px;}
.flagbox{float:right;padding-top:15px; text-align:right}

.searchtext{
	
	height:2.5rem;
	width:100%;
	line-height:2.5rem;
	border: 2px solid #29b5ce;
	padding: 0 12rem 0 15px;
	float: left;
	box-sizing: border-box;
}
	
.searchbut{
	border:none;
    height:2.5rem;
    padding: 2px;
    width:4.0625rem;
    cursor: pointer;
	font-size:1.4rem;
	color:#fff;
	position:absolute;
	right:7.6rem;
	background:#29b5ce url("https://www.chemicalbook.com/control/image/icon_index.png") no-repeat scroll 20px -15px;
	}
.sea_but2 {
	border:1px solid #cacaca;
	border-left:none;
	background:#f9f9f9;
	color:#676767;
	cursor:pointer;
	height:2.5rem;
	width:7.6rem;
	position:absolute;
	right:0
	}
.map{ font-size:0.75rem; color:#999;padding:5px 0;width:100%; margin:auto; max-width:1800px}
.map a{font-size:0.75rem; color:#999}
.map a:hover{color:#ff7300}
.map a:after{ content:">";margin:0 3px; color:#333}
.map a:last-child:after{ content:""}

h1{padding:20px 0 0 0; font-weight:700; text-align:center;font-size:1.5rem}
h2{padding-bottom:20px;font-weight:600; font-size:1.25rem}
h3{padding-bottom:5px; font-weight:600;font-size:1rem}
.arttime{font-size:0.75rem; text-align:center;color:#999;}
.pinyin,.englishname{font-size:14px;margin-right:20px;color:#888}
.artly{font-size:13px; color:#999;margin-bottom:20px}
.artly span{padding:0 5px; color:#000}
article{ line-height:180%; word-break: break-word;font-size:16px}
article p{margin-bottom:20px}
article img{width:96%;max-widht:960px; margin:auto}
.imgbox{ overflow:hidden;margin:auto;margin-bottom:20px;height:240px; overflow:hidden; position:relative;width:100%;}
.imglist{width:3100px; margin:auto; position:relative}
.imglist ul {height: 240px;overflow: hidden;position: absolute;top: 0;left: 0px;} 
.imglist  li{ display:block; float:left;width:323px;height:240px;margin-right:10px;}
.imglist li a{width:100%;height:215px; display:block; overflow:hidden;border-radius:10px;}
.imglist li a img{width:100%;height:auto; min-height:215px;transition:all 0.5s;}
.imglist li a img:hover{transform: scale(1.1)}
.imglist li i{ font-size:12px; color:#666; font-style:normal; display:block;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; text-align:center}
.prenextL,.prenextR{ position:absolute; top:50%; left:-30px;width:60px;height:60px; background:#000; margin-top:-30px;opacity:0.4;border-radius:50px; display:none; z-index:99}
.prenextR{position:absolute; top:50%; left:auto; right:-30px;}
.prenextL:after,.prenextR:after{content:"〈"; font-size:30px;color:#fff; position:absolute;left:20px; text-align:center; line-height:60px;}
.prenextR:after{content:"〉";left:auto;right:20px}
.prenextL:hover,.prenextR:hover{opacity:0.8;}
.article2{padding-top:30px;margin:30px 0;border-top:2px solid #888;}
.art2list{margin-bottom:30px;font-size:15px; line-height:180%; overflow:hidden; position:relative}
.arttitle{margin-bottom:20px;}
.art2list h2{font-size:16px;padding:0;}
.art2list h2 a{ color:#333;}
.art2list h2 a:hover{ color:#ff7300}
.cp{font-size:14px; color:#999}
.cp span{margin-left:20px;}
.textbox{padding-right:130px; float:left}
.imgr{ position:absolute;right:0}
.imgr img{width:120px;height:120px;}
footer{border-top:1px solid #ccc;text-align:center;padding:20px 0;font-size:0.75rem;}
.mz{color:#999; font-size:12px; margin:50px 0}
.otherplant{ overflow:hidden;padding:20px 0}
.otherplant a{width:165px;height:160px; float:left}
.plantimg{width:120px;height:120px;border-radius:80px; overflow:hidden;display:block; margin:auto; margin-bottom:10px; }
.plantimg img{width:100%;height:100%;transition: all 0.5s;}
.plantname{width:100%;text-align:center; display:block; color:#333; font-weight:600}
.otherplant a:hover .plantimg img{transform: scale(1.1);}
.otherplant a:hover .plantname{ color:#ff7300}


.zhiwulist{ overflow:hidden;padding:20px 0}
.zhiwulist a{width:198px;height:160px; float:left}
.zhiwuimg{width:180px;height:120px;border-radius:10px; overflow:hidden;display:block; margin:auto; margin-bottom:10px; border:2px solid #fff;}
.zhiwuimg img{width:100%;height:100%;}
.zhiwuname{width:100%;text-align:center; display:block; color:#333; font-weight:600}
.zhiwulist a:hover  .zhiwuimg{ box-shadow:3px 3px 5px #aaa}
.zhiwulist a:hover .zhiwuname{ color:#ff7300}

@media (max-width:1000px){
article{ font-size:1.125rem; line-height:2rem}	
.mainbox{width:94%; margin:auto}
.headbox{ position:relative;border:none;padding:10px 0 0 0;height:82px;}
.logo{width: 99px;height: 24px;}
.logo img{width:100%;height:100%}
.flagbox{padding-top:0}
.searbox{width:100%;margin-left:0; position:absolute;top:36px}
.sea_but2{ display:none}
.searchbut{right:0}



.imglist{width:100%; }
.imglist li{ display:block; float:left;width:32%;height:240px;margin-right:1%;}
.imgbox a.prenextL,.imgbox a.prenextR,.prenextL:after,.prenextR:after{ content:""; display:none;opacity:0;}
	}
@media (max-width:600px){
.imgbox{ overflow:hidden;margin:auto;margin-bottom:20px;height:180px; overflow:hidden; position:relative;width:100%;}
.imglist{width:100%; margin:auto; position:relative}
.imglist ul {height:180px;overflow: hidden;position: absolute;top: 0;left: 0px;} 
.imglist li{ display:block; float:left;width:32%;height:180px;margin-right:1%;}
.imglist li a{height:140px}
.imglist li a img{width:100%;height:140px; min-height:140px;transition:all 0.5s;}
	}