@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: Arial, Helvetica, sans-serif \\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*/
}
.fr{ float:right}
.marTB20{margin:20px 0}
.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 h1{ float:left;margin-left:40px;width:200px; height:82px;font: 30px/82px '微软雅黑',Arial, Helvetica, sans-serif; letter-spacing:5px;}
.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}
.share .jiathis_style,.search{float:right;}
.THead-nav{width:100%; height:70px;background:#333333;}
.THead-nav ul,.BoxWrap{width:1210px; margin:0px auto; }
.THead-nav ul li{ float:left;}
.THead-nav ul li a{ height:70px;color:#fff;padding:0 30px;font:16px/70px Arial, Helvetica, sans-serif; display:inline-block;margin-right:1px;}
.THead-nav ul li a:hover,.THead-nav ul li .current{ background:#555}
.TopicTit h2{font-size:26px; line-height:100%; margin:40px 0; color:#999;}
.TopicTit h2 .more{ color:#999; float:right;font-size:13px; line-height:28px;}
.TopicTit h2 .more:hover{color:#ff7300}

.TopicTit{overflow:hidden;}
.TopicTit h1{font-size:32px; margin:40px 0}
.Topic-list{float:left;margin-bottom:30px;width:29%;padding-right:3.5%; background:#fff}
.Topic-list .Topic-list-img img{width:100%; height:232px;}
.TopicTit  .Topic-list-text h2{ font-size:16px; margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333; text-align:center}
.Topic-list-text h2 + i{ text-align:center; color:#999; font-style:normal; display:block}
.Topic-list-text .text-main{line-height:22px; max-height:135px; overflow:hidden;display:none; color:#fff;position:absolute;top:40px;left:10%; width:80%; margin:auto;font-size:15px}
.Topic-list a{width:100%; height:290px; 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: 70%;
	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;}
.Topic-list a:hover .Topic-list-text .text-main{z-index: 130;display:block; }
.location{padding:5px 0; color:#999; font-size:13px;}
.location a:last-child:after{content:""}
.location a:after{content:"-";margin:0 5px;color:#999;}
.list_box{ overflow:hidden;padding:20px 0}
.list_l{width:74%; float:left;padding-right:2%;}
.list_r{width:24%; float:right; max-width:290px;}
.list0 {clear:both;padding:16px 0; overflow:hidden;border-bottom:1px dotted #ccc;}
.list1{width:200px;height:157px; background:#ccc; float:left;margin-right:20px;}
.list1 img{width:100%;height:100%;}
.list2 h2{font:22px/100% Arial, Helvetica, sans-serif;margin-bottom:10px;}

.list3{margin-bottom:10px;}
.list3 i{color:#888;margin-right:15px; font-style:normal;}
.list3 a:link,.list3 a:visited{color:#4cab01}
.list3 a:hover{color:#ff7300}
.list4{max-height:80px; overflow:hidden; color:#555; line-height:200%;}
.list_tab{margin-bottom:20px;}
.list_tab a:link{color:#4cab01;border:1px solid #4cab01;padding:0 10px;border-radius:20px;margin:5px;height:20px;line-height:20px; display:inline-block;font-size:14px;}
.list_tab a:hover{color:#ff7300;border:1px solid #ff7300;}
.list_tab a:visited{color:#4cab01;}

.list_AD{ background:url(../../images/AD1.jpg) no-repeat;width:290px;height:223px;}
.list_r0 b img{width:84px;height:65px; float:left;margin-right:8px;}
.list_r0 a{ display:block; clear:both;margin-bottom:10px; overflow:hidden}
.list_r0 a h2:hover,.list_r2 a h2:hover{ color:#999}
.list_r2 b img{width:115px;height:90px;}
.list_r2 a{ display:inline-block;width:130px;padding:0 10px 10px 0;height:140px;overflow:hidden}
.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}
.lightgray{ color:#999999; float:right; font-size:13px}
.lightgreen a{ color:#6b912e; font-size:13px}
.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);}
.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.2s;
}
.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;}
.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; }
.footer{padding:30px 0px; background:#333; text-align:center; }
.banner1{height:160px;width:100%;max-width:1920px; background:#333333 url(../../images/jp.jpg) no-repeat center center;margin:0 auto 10px auto}

.page{padding:20px 0;width:630px; margin:auto; text-align:center}
.page a:link{color:#a4a4a4;}
.page a:visited{color:#a4a4a4;}
.page a:hover{color:#ff7300;}
.page span,.page ul{/* float:left;*/ display:inline-block}
.page ul{ position:relative; top:6px;}
.page ul li{border:1px solid #ccc; float:left;margin:0 5px;padding-left:8px;padding-right:8px;height:22px; line-height:22px; text-align:center;}
.page .CC,.page ul li:hover{border:1px solid #ff9600; background:#fff1dd; cursor:pointer; color:#ff7300}
.page span{padding:0 5px; color:#a4a4a4; line-height:24px;}
.page .pageNo{height:22px;border:1px solid #a4a4a4;width:45px;text-align:center; font-family:Arial, Helvetica, sans-serif}
.page .pageGo{border:none;background:#666;height:24px;padding:0 5px;color:#eee; cursor:pointer}
.page .pageGo:hover{ background:#ff8900}
.page .NN,.page .NN:hover{border:1px solid #fff; background:none; cursor:auto}
.pageTop a{border-left: 1px solid #d2d2d2;padding:0 5px;font-size:12px;height:33px; display:inline-block}
.pageTop a:hover{ background:#fafafa}
.pageTop span{margin:0 8px;}
.pageTop span b{padding-right:2px}

/*自适应开始*/
@media screen and (max-width:1270px){
	.BoxWrap,.THead-nav ul{width:98%;margin:auto;}
	.Head .logo,.Head h1{width:20%; background-size:100% auto;}
	.Head .search{width:50%;}
	.search .text{width:80%}
	.search .but{width:20%}
	.Head{height:auto; overflow:hidden;padding-bottom:5px;}
	.THead-nav,.THead-nav ul li .current,.THead-nav ul li a:hover,.THead-nav ul li a{height:40px;}
	.THead-nav ul li a{line-height:40px;padding:0 20px;}
	.Topic-list{width:31%;padding:1%;}
	.Topic-list a{width:100%;height:260px;border:1px solid #ccc;}
	.Topic-list .Topic-list-img{width:100%;height:70%;overflow:hidden}
	.Topic-list .Topic-list-img img{width:100%;height:100%;}
	.list_l,.list_r,.TextLeft,.TextRight{width:98%; float:none;max-width:98%; margin:auto;}
	.list_AD{ margin:auto}
	.page{width:100%;}
	.Related-N{clear:both}
	.R-info tr{width:100%; display:inherit}
	.R-info tr td{width:100%;}
	.R-info .company-infor,.company-infor p{width:100%}
	.R-info .little-img{text-align:right}
	.N-Tab{ text-align:center}
    .main-text,.Head{border:none}
	.main-summary p{width:98%;padding:1%;}
	.main-msg, .main-con,.main-MZSM,.company-infor p{padding:0;}
	.TopicTit,.list_box{margin:0 5px;}
	.THead-nav ul li{padding:0;}
	.THead-nav{ line-height:100%;}
	.TopicHead .THead-nav,.N-text .N-text-Summary{height:auto;}
	.TopicHead .THead-nav ul li a{padding:0 10px;}
	.banner{ background-size:100% auto;height:260px;}
	.BoxWrap .Title-info{margin-top:10px;}
	.part-two .Box-img{ float:none; margin:auto}
	.Box-intro p{width:auto;float:none;padding:0 10px}
	.NewsBox{width:96%;margin:0 0 10px 0;height:auto;padding:10px 2%;}
	.N-text{padding:0 10px;width:auto; line-height:140%;}
	.N-text h2{ white-space:normal}
	.element-a{width:20%;max-width:323px; float:left}
	.element-a img{width:100%;height:auto}
	.Con-info .blackFour{margin:0 0 30px 50px;}
	.Con-info{ text-align:center}
	.pro-list{width:100%; text-align:center}
	.pro-list li{margin:20px;}
	.part-one p.font20::after{ display:none}
	.WhatIs .molecular-txt{width:auto;padding:0 10px;}
	.WhatIs h2,.category h2{padding:20px 0}
	.WhatIs .molecular-img{ text-align: center; float: none;margin: 0;}
	.category ul li{margin:10px;}
	}
@media screen and (max-width:600px){
	.Head .logo{height:30px; background-size:100% auto;}
	.Head h1{ display:none}
	.Head .search{width:100%; clear:both;}
	.search .text{width:80%;margin:0;height:32px;border:1px solid #29b5ce; background:#fff;}
	.search .but{width:20%;margin:0;height:32px;}
	.list1{width:120px;height:95px;}
	.list1 img{width:100%;height:100%;}
	.list3 i.fr{ float:none; display:block}
	.Head .nav ul li{ line-height:30px}
	.Head .nav li a.on{height:30px;}
    .main-msg{ line-height:150%;}
	.THead-nav{height:auto; overflow:hidden}
	.THead-nav,.THead-nav ul li .current,.THead-nav ul li a:hover,.THead-nav ul li a{height:30px;}
	.THead-nav ul li a{font-size:13px;line-height:30px;padding:0 10px;}
	.TopicTit h2{margin:10px 0}
	.Topic-list{width:100%;padding:0;margin-bottom:10px;}
	.Topic-list a{border:none;height:100%; overflow:hidden}
	.Topic-list .Topic-list-img{width:120px;height:80px; float:left;margin-right:10px}
	.Topic-list a:hover .Topic-list-text em,.Topic-list a:hover .Topic-list-text .text-main,.Head .nav{ display:none}
	.Topic-list a:after,.mask-u:before, .mask-u:after,.location,.banner-postion,.share,.banner,.placeholder70,.element-a{ display:none}
	.TopicTit .Topic-list-text h2{ text-align:left;font-size:15px;white-space: normal;line-height: 150%;margin: 0;}
	.Topic-list-text h2 + i{ text-align:left;font-size:13px;margin-top:5px;}
	.list_tab a:link{font-size:13px;margin:3px;border:none;padding:0 15px 0 0}
	.list2 h2 a{font-size:16px; line-height:140%; color:#000}
	.list4{ line-height:150%}
	.list3 i{margin-right:5px;}
	.list_box{padding:10px 0}
	.list_tab,.BoxWrap .Title-info p.ToLmove{ margin:0}
	.main-msg{ background:none}
	.BoxWrap .Title-info p,.BoxWrap .Title-info p span{font-size:18px;}
	.TopicHead .THead-nav{position:relative}
	.Con-info .blackFour{margin:0;}
	.Con-info .blackFour{width:100%;height:auto}
	.LeftT,.RightT,.LeftB,.RightB{ width:94%; height:auto; background:#82d2c8; border:#00ab96 solid 5px ; padding:10px 2%;margin:5px 0;border-radius:0;}

	}

/*自适应结束*/