@charset "utf-8";
/* CSS Document */
body, div, p, header, h1, h2, h3, dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    color: #333;
    word-break: break-all;
    font-family: "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
	font-size:14px;
		
}
a:link {color:#333;text-decoration:none}
a:visited {color:#333}
a:hover {color:#ff7300;
	/*color:#027cff;
	color:#1d9ad6*/
}

.c1{color:#F00;}
.clear,.TopicHead{clear:both}
.tran{ -webkit-transition:all .2s; transition:all .2s;}
.Head{ height:88px;border-top:#85c155 solid 3px;border-bottom:#bfbfbf solid 1px; background:#fff}
.Head .logo{background:url(../../images/logo.png) no-repeat center; width:200px; height:85px; float:left; display:block}
.Head .nav{ float:left;margin-left:40px;}
.search .search-input{border:none; background:#f4f5f6; padding:10px; width:280px; margin-top:20px; border-radius:20px;}
.search .text{height: 44px; line-height: 44px;background: #f4f5f6;border:0;padding:0 50px 0 15px;display: block; width: 520px; box-sizing:border-box;margin-top:20px; float:left}
.search .but{ width: 80px; height: 44px;  background:url(../../images/serch_07.png) center #29b5ce no-repeat;border:none; margin-top:20px; border-top-right-radius: 2px;border-bottom-right-radius: 2px; margin-bottom:10px}
.search .but:hover{ background-color: #1b9caf;cursor: pointer;}
.Head .nav ul li{line-height:88px;font-size:16px; display:inline-block; margin-right:20px;}
.Head .nav li a.on{ height:84px;color:#ff7300;border-bottom:4px solid #ff7300; display:block }
.THead-nav{width:100%; height:70px; line-height:70px;background:#333333; position:fixed; z-index:8}
.placeholder70{height:70px; width:100%; display:block}
/*.THead-nav ul,.BoxWrap{width:1210px; margin:0px auto; }*/
/*.THead-nav ul li{ float:left; padding:0px 30px; }
.THead-nav ul li a{color:#fff; border-left:#333 solid 3px;padding-left:10px;}
.THead-nav ul li a:hover{  color:#00ab96; border-left:#00ab96 solid 3px; padding-left:10px;}
*/.banner{ background:url(../../images/banner_01.jpg) no-repeat center; height:500px}
.Box{width:100%; height:auto; overflow:hidden;}
.BoxWrap .Title-info{text-align:center;}
.BoxWrap .Title-info p{font-size:40px;color:#00ab96; font-family:"方正大黑简体"; font-style:oblique}
.BoxWrap .Title-info p span{font-size:26px;}
.BoxWrap .Title-info p.ToLmove{margin-left:200px;}
.BoxWrap .What{font-style:oblique; font-size:20px; color:#7e7d7d; background:url(../../images/i_05.png) no-repeat center}
.part-one p{ color:#da4e4b;}
.part-one p.font20:after{content:''; width:100px; height:3px; background:#da4e4b; display:block; position:relative; right:-230px; top:-15px}
.font20{font-size:20px;}
.part-two,.show-produce ul{margin-top:20px;}
.part-two .Box-img{width:380px; height:245px; border:#bfbfbf solid 1px; float:left}
.Box-intro p{width:800px; text-indent:2em ; float:right; line-height:22px;}
.part-three{text-align:right; margin-bottom:20px;}
.part-three input{ padding:8px 30px; border:#da4e4b solid 1px; border-radius:25px; color:#da4e4b; background:#FFF; cursor:pointer}
.part-three input:hover{ color:#FFF;background:#da4e4b;}
.LightBlue{background:url(../../images/bj_03.jpg); padding:40px 0}
.DeepBlue{background:url(../../images/bj_07.jpg); padding:40px 0}
.RoseRed{background:#cc1c4b;}
.Title-info img{ margin:40px 0px;}
.NewsBox{height:130px; width:584px;background:#FFF; float:left;margin:10px 10px 10px 0;}
.NewsBox .N-img{ max-width:135px; max-height:130px; overflow:hidden; float:left;}
.NewsBox .N-img img{width:135px; height:130px;}
.N-text{  width:440px; padding:10px 0px 10px 10px;  margin-left:135px; line-height:26px }
.N-text h2{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.N-text .clock{color:#666666; font-size:12px; margin-left:10px;}
.tab-cl{ border:#4cab01 solid 1px; color:#4cab01; border-radius:3px;}
.N-text .N-text-Summary{color:#666; font-size:14px; color:#999; line-height:18px; height:55px;  overflow:hidden;    padding-right: 10px;}
.NewsList{ overflow:hidden}
.element-a{ display:inline-block;}
.Con-info .blackFour{width:420px; height:350px;display:inline-block; margin:0px 0px 50px 150px;}
.blackFour td{border:#fff solid 2px; width:208px; height:150px; overflow:hidden}
.LeftT{ width:160px; height:140px; background:#82d2c8; border-top-left-radius:10px; border:#00ab96 solid 5px ; padding:15px; float:left; margin:0 5px 5px 0;}
.RightT{ width:160px; height:140px; background:#82d2c8; border-top-right-radius:10px; border:#00ab96 solid 5px; padding:15px;  float:left;margin:0 0 5px 0;}
.LeftB{ width:160px; height:140px;  background:#82d2c8; border-bottom-left-radius:10px; border:#00ab96 solid 5px ; padding:15px; float:left;margin:0 5px 0 0}
.RightB{ width:160px; height:140px;  background:#82d2c8; border-bottom-right-radius:10px; border:#00ab96 solid 5px; padding:15px; float:left; }
.P-tit{font-size:26px; font-weight:700;  margin-bottom:10px;}
.P-tit a{color:#b50000; font-family: "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
.P-con{ color:#FFF;}
.bj-B{background:url(../../images/bj-pro.png) no-repeat 0px 0px; width:257px; height:256px; display:block;position:relative;}
.bj-Y{background:url(../../images/bj-pro.png) no-repeat -259px 0px; width:257px; height:256px; display:block;position:relative;}
.bj-R{background:url(../../images/bj-pro.png) no-repeat -518px 0px; width:257px; height:256px; display:block;position:relative;}
.pro-list{ width:1100px; margin:0px auto}
.pro-list li{ float:left; margin-right:100px; margin-bottom:20px;}
.bj-B .B-tit{ font-size:20px; font-weight:700; color:#018cd5; margin-bottom:10px;}
.bj-Y .B-tit{ font-size:20px; font-weight:700; color:#fe9b02; margin-bottom:10px;}
.bj-R .B-tit{ font-size:20px; font-weight:700; color:#fe401b; margin-bottom:10px;}
.B-info{ margin-top:60px; text-align:center}
.B-info p{ padding:0 10px;}
.postion{ position:absolute; left:70px; bottom:35px;}
.btn-y{border:none; background:#e8f077; color:#000; padding:8px 30px; border-radius:20px; cursor:pointer}
.btn-y:hover{ box-shadow:0px 0px 5px #FFF}
.btn-b{border:none; background:#999999; color:#4b4b4b; padding:8px 30px; border-radius:20px; cursor:pointer}
.btn-b:hover{background:#00ab96; }
.Related-list{background:rgba(255,255,255,0.2); margin-bottom:60px;}
.Related-list ul li{width:227px; padding:35px; text-align:cente;border:#53535c solid 1px; text-align:center; display:inline-block}
.Related-list ul li:hover{border:#00ab9b solid 1px;  }
.Related-info img{width:232px; height:202px;}
.Related-info p{font-size:18px; font-family:"微软雅黑"; font-weight:700; color:#00ab9b; margin:15px 0;}
.QA-Box{ background:rgba(255,255,255,0.8); padding:20px 40px; border-radius:10px; margin-bottom:40px;}
.QA-Box li{border-bottom:#e11379 dashed 1px; padding-bottom:20px; margin-bottom:20px;}
.QA-Box li p:first-child{color:#e11379; font-size:16px; margin-bottom:5px}
.QA-Box .NoLine{border:none; margin:0px}
.footer{padding:30px 0px; background:#333; text-align:center; }
/*.footer .tag-list{float:left;}*/
.footer .tag-list a{color:#f5f5f5; margin-right:10px;}
.footer .tag-list a:hover{color:#0CC;}
.foot-img{ width:300px; margin:0px auto; height:130px; }
.footer .QR-code{ background:url(../../images/qr.jpg) no-repeat; background-size:80px 80px; width:80px; height:80px; margin:0px auto; margin-bottom:10px; }

.nav-B{ height:47px; background:#4c4c4c; border-bottom:#85c155 solid 3px}
.nav-W{ height:80px; border-bottom:#bfbfbf solid 1px}
.nav-li li{line-height:80px;}
.TextLeft{width:898px;margin-top:10px; margin-bottom:30px;height:auto; float:left;}
.main-text{  border:#bfbfbf solid 1px; width:100%; margin-bottom: 20px;}
.banner-postion{width:100%; max-height:80px; margin:0px auto; overflow:hidden; text-align:center; }
.banner-postion img{}
.main-tit h1{text-align:center; font-size:22px; padding:20px; font-weight:bold}
.share{  height:20px;}
.share .jiathis_style,.search{float:right;}
.main-summary{  margin-top:10px;}
.main-summary p{padding:10px;background:#D8D8D8; width:94%; margin:0px auto;line-height: 22px; }
.main-msg ,.main-con{padding:0PX 20PX;}
.main-msg{background:#f5f5f5; line-height:40px;} 
.main-msg p{color:#666}
.main-con{ margin:20px 0px; overflow:hidden; }
.main-con strong{ font-weight:bold}
.main-con p{text-indent:2em; line-height:24px; margin-bottom:10px; font-size:15px}
.main-con img{ max-width:858px; display:block; margin:0px auto;width:100%;height:auto;}
.keyword{margin:10px 0 40px 0;}
.keyword p{margin-left:50px; position:relative; }
.keyword p:before{content:''; background:url(../../images/tab_07.png); width:35px; height:16px; display:block; position:absolute; left:-50px; top:1px }
.keyword p span{color:#4cab01}
.R-tit{ border-bottom:#000 solid 2px; margin-bottom:20px;height:30px; line-height:30px; }
.R-tit span{background:#000; color:#FFF; padding:0px 15px; height:30px; line-height:30px; display:inline-block}
.R-details ul li{float:left; margin-right:10px;  width:214px;}
.Related-N{margin-bottom:15px;}
.Related-N .N-img{width:216px; height:150px; max-width:220px; max-height:150px; overflow:hidden}
.Related-N .N-img img{width:216px; height:150px;}
.Related-N .N-tit{ margin:8px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Related-N ul li.nomargin{margin-right:-10px;}

.TextRight{ width:298px; height:auto; float:right; margin-top:10px; }
.R-info .little-img a{display:inline-table;border:#c6c6c6 solid 1px;width:97px; height:80px;}
.R-info .little-img img{ width:97px; height:80px; vertical-align:middle}
.company-infor p{width:190px; padding-right:10px; word-break: break-all;  overflow:hidden }
.company-infor p:first-child{max-height:70px; }
.R-info tr{width:305px;}
.R-info tr td{border-bottom: 1px #ddd solid; padding:10px 0; vertical-align:top}
.R-info .company-infor{ line-height:24px; }
.N-Tab ul li{border:#CCC solid 1px; padding:6px 15px; border-radius:20px; margin-right:6px; display:inline-block; margin-bottom:8px;}

.N-Tab img{max-width:200px;}
/*植物提取物*/
.MarginT{margin-top:10px;}
.bannerTOP img{ width:100%}
.LeftBox,.RightBox{width:248px; height:auto; float:left; }
.hot-tab{ border:#e5e5e5 solid 1px;  margin-bottom:10px}
.s-tit1{height:46px; line-height:46px; background:#f5f5f5; text-align:center}
.s-tit2{height:46p; line-height:46px; background:#6b912e;text-align:center; margin-bottom:10px}
.s-tit2 p{color:#FFF}
.s-tit-B{ bottom:0px; height:36px; background:#f5f5f5; line-height:36px; text-align:center}
.s-con,.Pro-con{padding:10px;}
.s-con ul{display:inline-block;}
.s-con ul li{ width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.s-con .list-tab{margin: 8px 10px 0 0; width: 15px; height: 15px; border-radius: 3px; display:inline-block;color: #fff; background-color: #29bc94;line-height: 1.4; text-align: center;font-size: 12px; font-family: Arial,Helvetica,sans-serif;}
.EN-Topic-list .list-img{max-widht:248px;widht:248px; height:90px; max-height:90px; overflow:hidden; position:relative; margin-bottom:10px;}
.list-img a .topic-des{  opacity: 0;  width: 100%; height: 100%; position: absolute;  top: 0; left: 0;background: rgba(0,0,0,.5); color:#FFF; text-align:center; line-height:90px}
.list-img a:hover .topic-des{ opacity: 1;-webkit-transition: all .2s; transition: all .2s;}
.EN-Topic-list .list-img img{widht:248px;height:90px; }
.s-tit3{ border-bottom:#e5e5e5 solid 1px; height:30px; padding-top:10px;}
.s-tit3>:first-child:before{ content:''; width:3px; height:13px; background:#063; display:inline-block; margin-right:10px; }
.s-tit3 .lightgray a{font-size:12px; color:#666; float:right}
.Pro-con{overflow:hidden; }
.info-part a,.s-tit3>:first-child,.obs-TIT:first-child{font-size:16px;}
.info-part img{width:228px; height:94px; margin:6px 0px}
.info-tit a{color:#888888; font-size:13px;  width:220px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:20px;}
.CenterBox{width:690px;  float:left;margin:0 10px; }
.main-slider{max-width:450px; max-height:280px; overflow:hidden; float:left}
.main-slider img{width:450px; height:280px;}
.cen-top{height:288px; }
.sub-pro{width:236px; float:right}
.sub-pro .main-pro{margin-right:5px;}
.sub-pro td{ padding-bottom:5px; }
.plant-banner-1{width:690px; height:90px; overflow:hidden}
.obs-TIT{ border-bottom:#e5e5e5 solid 2px; height:35px;}
.lightgray{ color:#999999; float:right; font-size:13px}
.lightgreen a{ color:#6b912e; font-size:13px}
.Tab-T a,.Tab-T span{padding:10px 15px; display:inline-block}
.choose,.Tab-T a:hover{background:#ededed; border-top:2px solid #6b912e;  position:relative; top:-2px}
.Tab-C ul li{padding:6px 0px;}
.Tab-C .N-tit{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:90%; }
.Tab-C .N-tit:before{content:''; width:6px; height:6px; background:#3cb4f9; display:inline-block; border-radius:10px; margin-right:8px;}
.show-part{margin:10px 0;  overflow:hidden}
.show-part .Part-img{max-width:200px; max-height:130px; overflow:hidden; float:left}
.show-part .Part-img img{width:200px; height:130px;}
.show-part .Part-txt{ width:480px; float:left; margin-left:10px;}
.show-part .txt-BT{font-size:16px; margin-bottom:10px;}
.show-part .txt-ZY{color:#999;margin-bottom:10px;}
.show-part .txt-time{ color:#999}
.radius{width:6px; height:6px; border-radius:10px; position:relative; top:-2px; margin-right:8px; background:#3cb4f9; display:inline-block}
.main-MZSM{ border-top:#bfbfbf solid 1px; padding:10px 10px 0px 10px; }
.main-MZSM p:first-child{font-weight:bold; text-indent:0px;}
.main-MZSM .MZSM-con{font-size:13px; line-height:20px; color:#666; text-indent:0px;}
.Font-org{color:#ff6000;}
.BlueRadiu{background:url(../../images/black.png);padding-bottom:60px;}
.WhatIs{background:url(../../images/interbj_02.jpg) center;  padding-bottom:60px;}
.category{background:#efecf3;padding-bottom:60px;}
.WhatIs h2{color:#FFF; text-align:center; font-size:28px; padding:60px 0px }
.WhatIs p{ color:#FFF; text-indent:2em; line-height:24px; }
.WhatIs .molecular-txt{ width:60%;float:left}
.WhatIs .molecular-img,.lightgreen{ float:right; margin-right:8px;}
.category h2{text-align:center; font-size:28px; padding:60px 0px}
.category ul li{line-height:28px; margin-bottom:20px; font-size:16px}
.BlueRadiu ul{margin-bottom:25px}
.BlueRadiu ul li{ display:inline-block;}
.BlueRadiu ul li img{ max-height:198px; width:350px;height:198px; margin:30px 30px 0px 0}
.Attributes{background:rgba(255,255,255,0.3); padding:40px; border-radius:20px;}
.Att-wrap{ margin-bottom:20px;}
.Att-wrap h1{font-size:22px; color:#00ffff; line-height:46px}
.Att-wrap p{ color:#fff; line-height:22px; text-indent:2em}
.Thumbnail{background:#009d8c; color:#FFF; width:330px; position:relative; top:-3px; padding:10px; text-align:center }
.time{ text-align:right; }
.bjf5f5f5{background:#f5f5f5;}
.show-produce li{display:inline-block; width:168px; text-align:center;}
.show-produce .show-list-box{ display:inline-block }
.show-produce .show-list-box img{width:140; height:138px;}
.show-produce .cross-tit{text-align:center; background:rgba(107,145,46,0.9); color:#fff; padding:4px 0px; position:relative; top:-30px;}
.border{ border:#e5e5e5 solid 1px; margin-bottom:10px;}
.Hot-Ranking{padding:10px;}
.Hot-Ranking .list-tab-1{margin: 0px 10px 0 0; width: 15px; height: 15px; border-radius: 3px; display:inline-block;color: #fff; background:rgba(16,197,91,1);line-height: 1.4; text-align: center;font-size: 12px;}
.Hot-Ranking .list-tab-2{margin: 0px 10px 0 0; width: 15px; height: 15px; border-radius: 3px; display:inline-block;color: #fff; background:rgba(16,197,91,0.7);line-height: 1.4; text-align: center;font-size: 12px;}
.Hot-Ranking .list-tab-3{margin: 0px 10px 0 0; width: 15px; height: 15px; border-radius: 3px; display:inline-block;color: #fff; background:rgba(16,197,91,0.4);line-height: 1.4; text-align: center;font-size: 12px;}
.Hot-Ranking .list-tab{margin: 0px 10px 0 0; width: 15px; height: 15px; border-radius: 3px; display:inline-block;color: #fff; background-color: #c0c0c0;line-height: 1.4; text-align: center;font-size: 12px; }
.Hot-Ranking li a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:88%;display: inline-block;position: relative;
top: 4px;}
.High-quality .list-img{max-widht:103px;widht:103px; height:84px; max-height:84px; overflow:hidden; position:relative; margin-bottom:10px;display: inline-block;}
.High-quality .list-img img{widht:103px; height:84px;}
.High-quality ul li{width:120px; display:inline-block;  text-align:center; margin-top:10px;}
.TopicBox .company-list li{border:#e9e9e9 solid 1px; display: table; float:left; max-width:112px;max-height:48px;width:112px; height:48px; margin-left:6px; margin-bottom:8px; overflow:hidden}
.TopicBox .company-list li a{display: table-cell;vertical-align: middle;}
.TopicBox .company-list li img{width:112px;max-height:48px;vertical-align: middle; }
.TopicTit{overflow:hidden;}
.TopicTit h1{font-size:32px; margin:40px 0}
.Topic-list{float:left; margin-right:20px; margin-bottom:20px;}
.Topic-list .Topic-list-img img{width:340px; height:197px;}
.Topic-list-text h2{ font-size:18px; margin-top:20px;}
.Topic-list-text .text-main{  margin-top:20px; line-height:22px; height:62px; overflow:hidden; margin-bottom:40px;}
.Topic-list a{width:342px; height:428px; background:#FFF; padding:20px;position: relative;display: block;}
.Topic-list-text em{
	width: 100px;
	height: 100px;
	line-height: 100px;
	background-color: #009899;
	text-align: center;
	border: 0;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	text-align: center;
	border-radius: 50%;
	color: #000;
	z-index: 110;
	-webkit-transition:.3s;
	transition:.3s;
	display: none;
	}
.Topic-list a:hover .Topic-list-text em{display:block;}
.mask-u{position: absolute;left: 0;top: 0;bottom: 0;right: 0;-webkit-transition:.3s;transition:.3s;z-index: 200;}
.mask-u::before, .mask-u::after { position: absolute; content: ''; opacity: 0; transition: all 0.5s;}
.mask-u::before {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-top: 1px solid #009999;
    border-bottom: 1px solid #009999;
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.mask-u::after { top: 20px;right: 20px; bottom: 20px;left: 20px; border-right: 1px solid #009999; border-left: 1px solid #009999; transform: scale(1,0); transform-origin: 100% 0;}
.Topic-list a:hover .mask-u::before, .Topic-list a:hover .mask-u::after { opacity: 1; transform: scale(1); transition: all 1s;}
.Topic-list a:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-webkit-transition:.3s;
	transition:.3s;
}
.Topic-list a:hover:after{opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}