*{font-family: Microsoft YaHei;}
.redstar{color:#ff4400;}
/*************************************/
			/*百科首页*/
/*************************************/
/*header*/
.head_top{background-color:#0e79cc;}
.head_wrap{color:#fff;font-size:14px;padding:5px 0;}
.head_rg li{padding:0 10px;border-right:1px solid #fff;line-height: 12px;}
.head_rg li a{color:#fff;}

/*middle search*/
.mid_search{text-align: center;}
.midSearch_logo{width:260px;height:auto;margin:20px 0 10px 0;}
.midSearch_box{width:600px;margin:0 auto;display: block;margin-bottom:20px;}
.nav-tabs .ms_Tabli.active a, .nav-tabs .ms_Tabli.active a:focus, .nav-tabs .ms_Tabli.active a:hover{color:#fff;background-color :#0e79cc;}
.nav .ms_Tabli a:focus, .nav .ms_Tabli a:hover{background-color:#fff;color:#0e79cc;}
.midSearch_inbox input{border-radius: 0;min-height: 46px;border:2px solid #0e79cc;}
.midSearch_inbox span button{background-color: #0e79cc;color:#fff;font-size: 16px;border-radius: 0;min-height: 46px;width:80px;}
.midSearch_inbox span button:hover{background-color: #3c92e7;color:#fff;}

.midSearch_inbox span input{background-color: #0e79cc;font-size: 16px;color:#fff;width:80px;}
.midSearch_inbox span input:hover{background-color: #3c92e7;border-color: #3c92e7;}
@media screen and (max-width: 420px){
	.midSearch_box{width:100%;margin-bottom: 10px;}
	.midSearch_inbox input{min-height: 46px;}
	.midSearch_inbox span button{width:70px;min-height:46px;font-size: 16px;}
	.midSearch_inbox span input{min-height: 46px;}
	.nav .ms_Tabli a{padding:5px 8px;font-size: 12px;}
}
/*在用搜索联想时，一定要在input父级加上class名searchFrame*/
     .ui-autocomplete{position:absolute;top:41px;right:0;z-index:10;background-color:#fff;border:1px solid #e4e4e4;}
     .ui-menu-item{padding:0 5px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
     .ui-menu-item:hover{background-color:#f0f0f0;}
     .ui-menu-item:hover .ui-corner-all{color:#0e79cc;cursor:pointer;}
     .ui-corner-all{color:#333;line-height:40px;}


/*rightSearchBox*/
.nav-tabs .rsb_li.active a, .nav-tabs .rsb_li.active a:focus, .nav-tabs .rsb_li.active a:hover{color:#fff;background-color :#0e79cc;}
.rsb_inbox{width:100%;}
.rsb_inbox input{border:2px solid #0e79cc;border-radius: 0;min-height: 30px;font-size: 16px;}
.rsb_inbox span button{background-color: #0e79cc;color:#fff;border-radius: 0;width:60px;min-height: 30px;font-size: 16px;border:2px solid #0e79cc;}
.rsb_inbox span button:hover{background:#3c92e7;border:2px solid #3c92e7;color:#fff;}
@media screen and (max-width: 420px){
	.nav .rsb_li a{padding:5px 8px;font-size: 12px;}
}

/*search*/
.logoPhone{padding:0 5px;}
.logoPic{border-right:1px solid #e4e4e4;padding-right:20px;}
@media screen and (max-width: 600px){
	.logoPic{display:none;}
}

.advertising,.adverWeb{font-size: 18px;line-height: 40px;padding-left:20px;font-weight:bold;}
.advertising a,.adverWeb a{color:#13476e;}
.adverWeb{font-size: 24px;font-weight:normal;}
@media screen and (max-width: 980px){
	.advertising,.adverWeb{display:none;}
}

.desNav{margin-top:15px;margin-bottom: 15px;}
.desLogo img{width:160px;height:auto;}

.search{padding:20px 15px;}
@media screen and (max-width: 420px){
	.desNav{margin-top:0px;margin-bottom: 0px;}
	.search{padding:0 5px;}
}

.hotSearch{border:1px solid #e4e4e4;}

.hotSearchInBox{padding:8px;width:95%;font-size:0;}
@media screen and (max-width: 420px){
	.hotSearchInBox{width:100%;}
}

.hotSearch_tit{
	background-color:#0e79cc;
	font-size: 16px;
	color:#fff;
	padding:10px;
	letter-spacing:5px;
	writing-mode:tb-rl;
	width:4%;
}
.hotSaerch_phonetit{
	font-size: 14px;
	display:none;
	margin:10px 10px 0 10px;
	padding:0 5px;
	border-left:3px solid #0e79cc;

}
@media screen and (max-width: 768px){
	.hotSearch_tit{display:none;}
	.hotSaerch_phonetit{display:block;}
}

.hotSearch_key{
	background-color:#e4e4e4;
	padding:5px 8px;
	color:#666;
	margin:4px 3px;
	display:inline-block;
	font-size: 12px;
	border-radius: 3px;
	text-align: center;
	max-width: 100px;
	min-width:100px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media screen and (max-width: 420px){
	.hotSearch_key{max-width: 115px;min-width: 115px;}
}


.hotSearch_key:hover,.hotSearch_key:active{
	color:#fff;
	background-color:#0e79cc;
}

.searchBox{
	width:500px;
	margin:0 auto;
	margin:0;
}
@media screen and (max-width: 420px){
	.searchBox{margin:0px 10px 10px 10px;width:100%;padding-left:20px;}
}

.searchBox input{height: 38px;font-size:16px;}

.searchBtn{
	background-color:#0e79cc;
	color:#fff;
	font-size: 16px;
	line-height:24px;
}
@media screen and (max-width: 980px){
	.searchBtn,.searchBox input{font-size:14px;}
}


/*分类*/
.borGray{border:1px solid #ddd;}

.sortPic{width:200px;height:300px;}

.list{width: 350px;}
@media screen and (max-width: 980px){
	.list{width: 510px;}
}
@media screen and (max-width: 420px){
	.list{width: 100%;}
	.sortPic{display:none;}
}

.list-tit{
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	overflow:hidden;
}

.list-tit h3{
	float:left;
	font-weight:bold;
	border-left:3px solid #0e79cc;
	font-size: 18px;
	padding-left:6px;
	line-height: 18px;
}
@media screen and (max-width: 420px){
	.list-tit h3{font-size:16px;}
}

.list-tit h3 a{color:#333;}
.list-tit a{float:right;color:#999;}
.list-tit a:hover{color:#0e79cc;}

.ld-box{border-bottom:1px dotted #ddd;padding:5px 15px;}
.ld-tit{font-weight:bold;font-size: 12px;line-height:24px;}
.ld-key li a{font-size: 12px;color:#666;}
.ld-key li a:hover{color:#0e79cc;}


/*************************************/
			/*百科列表页*/
/*************************************/

/*TAB BUTTON*/
.contentUp-tab{border-bottom:2px solid #0e79cc;margin:0;}
.contentUp-tab .active{background-color:#0e79cc;}
.contentUp-tab .active a,.contentUp-tab .active a:hover{color:#fff;}
.contentUp-tab li{background-color:#fff;padding:0 10px;margin-right:10px;}
.contentUp-tab li a{color:#333;font-size: 16px;line-height: 40px;}
.contentUp-tab li a:hover{color:#0e79cc;}
@media screen and (max-width: 420px){
	.contentUp-tab li{background-color:#fff;padding:0 8px;margin-right:0;}
	.contentUp-tab li a{color:#333;font-size: 14px;line-height: 36px;}
}
/*TAB BOX*/
.contentUp-box{border:1px solid #ddd;padding:0 10px 10px 10px;}
.contentUp-boxLi{border-bottom:1px dotted #e4e4e4;padding:10px 0;}
.contentUp-boxLi dl dt{width:100px;}
.contentUp-boxLi dl dd{margin-left:120px;}
.contentUp-boxLi dl dt a{color:#333;font-size:12px;}
.contentUp-boxLi dl dd a{color:#333;font-size:12px;padding:2px 5px;margin-right:15px;display:inline-block;}
.contentUp-boxLi dl dt a:hover{color:#0e79cc;}
.contentUp-boxLi dl dd a:hover{background-color:#0e79cc;color:#fff;}
@media screen and (max-width: 420px){
	.contentUp-boxLi dl dt{width:100%;}
	.contentUp-boxLi dl dd{margin-left:0;}
}

/*CONTENT LINE*/
.contentB_line{border-bottom:2px solid #0e79cc;margin:15px 0;padding:5px 0;}
.cl_tit{font-size: 16px;color:#333;}
.contentB_sign{font-size:12px;color:#666;}
.contentB_sign em{color:#ff4400;padding:0 5px;}

/*CONTENT BOX*/
	/*pic*/
	.cb_frame{border:1px solid #ddd;vertical-align: top;width:100%;padding:1px;margin-bottom:10px;overflow:hidden;}
	.cb_frame:hover{padding:0;border:2px solid #0e79cc;}
	.cbf_lf{float:left;width:112px;height:110px;padding-right:100px;border-right:1px solid #ddd;}
	.cbf_pic{line-height:110px;text-align: left;}
	.cbf_pic a{width:110px;text-align: center;}
	.cbf_pic a .chem_pic{max-width: 110px;max-height:110px;vertical-align: middle;}
	/*word*/
	.cbf_rg{float:left;width:75%;padding-left:10px;}
	.rg-tit{font-size:16px;color:#333;margin:12px 0 8px 0;display:block;width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.rg-tit:hover{color:#0e79cc;}
	.cbf_rg p{font-size: 12px;color:#666;margin-top:4px;width:auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	@media screen and (max-width: 420px){
		.cbf_rg{width:65%;}
	}
	@media screen and (max-width: 320px){
		.cbf_lf{float:left;width:80px;height:80px;padding-right:80px;border-right:1px solid #ddd;}
		.cbf_pic{line-height:80px;text-align: left;}
		.cbf_pic a{display:inline-block;width:80px;text-align: center;}
		.cbf_pic a .chem_pic{max-width: 80px;max-height:80px;vertical-align: middle;}
		.rg-tit{margin:2px 0 3px 0;font-size:14px;}
		.cbf_rg{width:70%;}
		.cbf_rg p{margin-top:2px;}
	}
	/*page*/
	.pagination .active a{background-color:#0e79cc;border-color:#0e79cc;}
	.pagination li:first-child.prev a{
		border-radius: 200px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		background: linear-gradient(#3c92e7, #0e79cc);
		border-color: #3c92e7;
		color: #FFF;
		text-decoration: none;
		cursor: pointer;
		border: none;
		box-sizing: border-box;
		transition-duration: .3s;
		vertical-align: baseline;
		border:1px solid #0e79cc;
		box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);}
	.pagination li:last-child.next a{
		border-radius: 200px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		background: linear-gradient(#3c92e7, #0e79cc);
		border-color: #3c92e7;
		color: #FFF;
		text-decoration: none;
		cursor: pointer;
		border: none;
		box-sizing: border-box;
		transition-duration: .3s;
		vertical-align: baseline;
		border:1px solid #0e79cc;
		box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);}
	.pagination .active a{
		background: linear-gradient(#0880d7, #3c92e7);
    	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
        box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; 
		}



/*************************************/
			/*百科详细页*/
/*************************************/
.infoWiki_tit{background-color:#f5f5f5;font-size: 20px;line-height: 28px;padding:5px 10px;border-left:4px solid #0e79cc;margin-bottom:10px;}
@media screen and (max-width: 420px){
.infoWiki_tit{font-size: 16px;}
}
/*Picture*/
.infoDesBox{border:1px solid #ddd;padding:10px 0;margin-bottom:20px;background-color: #fff;}
.detail_Pic{width:162px;height:162px;text-align: center;line-height: 162px;border:1px solid #ddd;margin:0 auto;}
.detail_Pic a{vertical-align: middle;display:inline-block;width:160px;}
.detail_Pic a img{max-width:160px;max-height:160px;}

/*table*/
.des_table{font-size: 14px;color:333;}
.des_table thead{background-color:#0e79cc;color:#fff;border-color:#0e79cc;}
.des_table tbody th{background-color:#f5f5f5;text-align: right;}/*width:70px;*/
@media screen and (max-width: 420px){
	.des_table{font-size: 12px;}
}
/*three buttons*/
.supplierBtn{background-color:#0e79cc;color:#fff;font-size: 14px;padding:8px 24px;cursor: pointer;margin-right: 10px;}
.supplierBtn:hover{background:#3c92e7;color:#fff;}
.moreSupplier{text-align: center;background-color: #f5f5f5;padding:10px 0;overflow: hidden;}
.mS_Btn{float: right;border:1px solid #0e79cc;color:#0e79cc;padding:3px 20px;,margin-top:100px;border-radius: 3px;background-color: #fff;}
.mS_Btn:hover{border:2px solid #0e79cc;padding:2px 19px;color:#0e79cc;}
.rechargeBtn{float: right;background-color: #f39c12;color:#fff;border-radius: 3px;padding:3px 20px;margin: 0 10px;}
.rechargeBtn:hover{background-color: #f5ae36;color:#fff;}
.flexBtn{background-color: #1abc9c;color:#fff;font-size: 14px;border-radius: 3px;padding:3px 20px;}
.flexBtn:hover{color:#fff;background-color:#17ae91;}
/*inline Menu*/
.lineMenu{border:1px solid #ddd;margin-bottom:20px;background-color:#fff;max-height: 70px;}
.lineMenu_tit{background-color:#0e79cc;font-size:14px;color:#fff;writing-mode:tb-rl;width:4%;}
.lineMenu_tit span{display: block;min-height:70px;padding:10px 7px;}
.lineMenu_inbox{padding:5px;font-size:0;width:95%;}
.lineMenu_inbox a{font-size: 14px;margin:0 2px 0 0;color:#666;padding:5px;display: inline-block;}
.lineMenu_inbox a:hover{color:#0e79cc;background-color:#f5f5f5;}
@media screen and (max-width: 980px){
	.lineMenu_inbox{padding:0;width:90%;}
	.lineMenu_inbox a{font-size: 14px;padding:7px;}
}
@media screen and (max-width: 420px){
	.lineMenu{min-height: 50px;}
	.lineMenu_tit{font-size: 12px;width:8%;}
	.lineMenu_inbox{padding:2px;width:90%;}
	.lineMenu_inbox a{font-size: 12px;padding:2px 5px;display:inline-block;}
}
@media screen and (max-width: 320px){
	.lineMenu{min-height: 90px;}
	.lineMenu_tit{width:10%;height:90px;letter-spacing: 20px;}
	.lineMenu_inbox a{;padding:2px 6px;}
}

/*infor*/
.infoPanel{border:1px solid #ddd;border-top: 2px solid #0e79cc;margin-bottom:20px;background-color: #fff;}
.infoPanel ul{padding-top:10px;}
.infoPanel_tit{font-size: 18px;background-color:#f5f5f5;padding:8px 10px;}
.ip_box{padding:10px;line-height: 24px;}
b,strong{font-weight:normal;}
.ip_box b,.ip_box td strong{font-weight: normal;}
.ip_box hr{margin:10px 0;}

.ip_signPic{width:22px;height:22px;margin-right: 10px;}
.ip_more{font-size: 14px;color:#0e79cc;right:10px;top:10px;}
.ip_more:hover{text-decoration: underline;}

.ip_list dt{color:#333;font-size: 14px;font-weight: normal;width:180px;}
.ip_list dd{color:#333;margin-left:180px;margin-bottom:10px;word-break :break-all;}
.ip_deslist dt{color:#333;font-size: 16px;margin-bottom:5px;}
.ip_deslist dd{color:#333;margin-bottom: 10px;}
.ip_info4_code{font-size: 16px;font-weight: bold;line-height: 46px;text-align: center;}
.pageCount{top:10px;right:20px;font-size:14px;color:#666;}
@media screen and (max-width: 420px){
	.infoPanel_tit{font-size: 16px;}
	.ip_list dt{font-size: 12px;margin-bottom:0;font-weight: normal;width:90px;display:inline-block;text-align: right;vertical-align: top;}
	.ip_list dd{font-size: 12px;margin-left:0;margin-bottom:5px;width:220px;display:inline-block;}
	#floor11 .ip_list dt{font-size: 12px;margin-bottom:0;font-weight: normal;width:140px;display:inline-block;text-align: right;vertical-align: top;}
	#floor11 .ip_list dd{font-size: 12px;margin-left:0;margin-bottom:5px;width:100px;display:inline-block;}
}
@media screen and (max-width: 320px){
	.infoPanel_tit{font-size: 16px;}
	.ip_list dt{font-size: 12px;margin-bottom:0;font-weight: normal;width:80px;display:inline-block;text-align: right;vertical-align: top;}
	.ip_list dd{font-size: 12px;margin-left:0;margin-bottom:5px;width:160px;display:inline-block;word-wrap: break-word;}
}
/*详细页模板样式二*/
.ip_list2 li,.ip_listP p{margin-bottom:10px;color:#333;font-size: 14px;}
.ip_list2 em,.ip_listP em{font-weight: normal;display:inline-block;}
.ip_list2 span,.ip_listP span{word-break :break-all;display:inline-block;}
@media screen and (max-width: 800px){
	.ip_list2 em,.ip_listP em{margin-left: 0;}
}
@media screen and (max-width: 420px){
	.ip_list2 li,.ip_listP p{font-size: 12px;}
}
.ipL2_poision em{font-weight: bold;margin-left: 0;}
.infoPoison h3{color:#333;text-align: center;font-size: 16px;margin-top:10px;}
.infoPoison h4{color:#666;text-align: center;line-height: 36px;}
.infoPoison dt{width:220px;font-weight: normal;}
.infoPoison dd{line-height: 24px;}

	/*合成路线*/
	.synRoute{
		margin-bottom: 15px;
		padding:5px;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 30px rgba(0, 0, 0, 0.06) inset;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 20px rgba(0, 0, 0, 0.06) inset; 
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	}
	.synR_pic{width:102px;height:100px;text-align:center;line-height: 100px;border:1px solid #ddd;background-color:#fff;box-shadow:2px 2px 1px #e4e4e4;}
	.synR_pic:hover{border:2px solid #0e79cc;}
	.synR_pic:hover a img{max-width:96px;max-height: 96px;}
	.synR_pic a{vertical-align: middle;display:inline-block;width:100px;}
	.synR_pic a img{max-width:100px;max-height: 100px;}
	.synR_li{width:110px;float:left;margin-bottom:10px;}
	.synR_cas{color:#0e79cc;}
	.synR_li p{text-align: center;font-size: 12px;width:auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.synR_arrow{width:60px;padding-top: 15px;}
	.synR_arrow .arrow{font-size: 36px;font-weight: bold;}
	.synR_arrow .syn_precent{color:#ff4400;}
	@media screen and (max-width: 600px){
		.synR_arrow{width:30px;min-height: 94px;}
		.synR_arrow .arrow{font-size:28px;font-weight: bold;}
	}
	@media screen and (max-width: 420px){
		.synR_pic{width:62px;height:60px;text-align:center;line-height: 60px;border:1px solid #ddd;}
		.synR_pic a{vertical-align: middle;display:inline-block;width:60px;}
		.synR_pic a img{max-width:60px;max-height: 60px;}
		.synR_pic:hover a img{max-width:56px;max-height: 56px;}
		.synR_li{width:66px;}
		.synR_arrow{width:30px;min-height: 94px;}
		.synR_arrow .arrow{font-size:18px;font-weight: bold;}
	}

	/*核磁图谱*/
	.nuclear_tit{font-size: 16px;margin-bottom: 10px;border-left: 2px solid #0e79cc;padding: 5px 0 5px 5px;background-color: #f5f5f5;}
	/*slide图谱*/
	.wikiMap h2{text-align: center;font-size: 14px;line-height: 36px;}
	.wikiMap p{margin-top:10px;}
	.wm_left,.wm_right{font-size: 14px;color:#999;border:1px solid #e4e4e4;border-radius: 10px;margin:0 10px;padding:3px 10px;}
	.wm_left:hover,.wm_right:hover{color:#0e79cc;cursor:pointer;border-color:#0e79cc;}
	.wm_mid{width:100%;text-align: center;}
	.wm_img{width:100%;height:300px;text-align:center;line-height: 300px;border:1px solid #ddd;margin:0 auto;}
	.wm_img a{vertical-align: middle;display:inline-block;width:100%;cursor:default;}
	.wm_img a img{max-height: 288px;max-width: 100%;cursor:pointer;}
	@media screen and (max-width: 420px){
		.wm_img{height:200px;line-height: 200px;}
		.wm_img a img{max-height: 200px;}
	}

	.wkM_lf,.wkM_rg{height:81%;padding:0 10px;top:36px;width:10%;}
	.wkM_lf span,.wkM_rg span{margin:auto 0;top:40%;font-size: 30px;cursor: pointer;color:#fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);}
	.wkM_lf span:hover,.wkM_rg span:hover{color:#0e79cc;}
	.wkM_lf{left:0;}
	.wkM_rg{right:0;text-align: right;}



	/*上下游产品*/
	.udStream_tit{font-size: 16px;margin-bottom: 10px;border-left: 2px solid #0e79cc;padding: 5px 0 5px 5px;background-color: #f5f5f5;}
	.udStream_more{font-size: 14px;padding:0 10px;color:#0e79cc;cursor: pointer;}
	.udStream_list{font-size: 0;width:100%;}
	.udStream_pic{width:122px;height:120px;line-height: 120px;border:1px solid #ddd;margin:0 auto;}
	.udStream_pic:hover{border:1px solid #0e79cc;}
	.udStream_pic a{vertical-align: middle;display:inline-block;width:120px;}
	.udStream_pic a img{max-width:120px;max-height: 120px;}
	.udStream_cas{color:#0e79cc;}
	.udStream_li{width:20%;text-align: justify;margin:0;padding:0;}
	@media screen and (max-width: 420px){
		.udStream_pic{width:102px;height:100px;line-height: 100px;}
		.udStream_pic a{width:100px;}
		.udStream_pic a img{max-width:100px;max-height: 100px;}
		.udStream_li{width:33%;}
	}
	@media screen and (max-width: 320px){
		.udStream_li{width:50%;}
	}
	.udStream_li p{text-align: center;font-size: 12px;width:auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: default;line-height: 18px;}
	.infoPanel .udStream_list{overflow:hidden;padding:0;}
	
	/*详细页*/
	.infoPanel .udDesStream_list{overflow:hidden;padding:0;}
	/*sideBar Menu*/
	.sideBar{position: fixed;width:250px;}
	.sideBar_list a.active,.sideBar_list a.active:hover{background-color:#0e79cc;}

	/*海关编码详细*/
	.cusDesTab li a{border-radius: 0;color:#333;}
	.cusDesTab li.active a,.cusDesTab li.active a:focus,.cusDesTab li.active a:hover{border-top:2px solid #0e79cc;outline:none;}
	.cusCharts{width:100%;height:400px;display:inline-block;}
	.customTable,.customTable thead tr th{text-align: center;}

/*************************************/
			/*搜索结果页*/
/*************************************/
.sl_sign{overflow:hidden;background-color:#f5f5f5;border:1px solid #ddd;color:#666;font-size: 12px;padding:10px 15px;margin-bottom: 15px;z-index:3;}
.sl_scroll{background-color:#e3eff9;border-bottom:2px solid #0e79cc;position: fixed;top:0px;}
.sl_lf{color:#0e79cc;float:left;width:70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sl_rg{color:#0e79cc;float:right;}
/*广告位*/
.swiperAdverBox{padding:10px;margin-bottom:20px;background-color:#f5f5f5;box-shadow:1px 2px 3px #ddd;}
.sA_pic{width:110px;height:110px;text-align: center;line-height: 110px;margin:0 auto;vertical-align: middle;display:inline-block;font-size:0;}
.sA_pic img{max-width:106px;max-height:106px;}
@media screen and (max-width: 420px){
  .sA_pic{width:80px;height:80px;line-height: 80px;}
  .sA_pic img{max-width:76px;max-height:76px;}
}
.sA_panel{background-color:#fff;text-align:center;border:1px solid #ddd;padding:1px;}
.sA_panel p{width:auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:12px;color:#666;}
.sA_panel:hover{border:2px solid #0e79cc;padding:0;}
.sA_panel:hover a{color:#0e79cc;}
/*框架*/
.sl_frame{border:1px solid #ddd;padding:10px;overflow: hidden;margin-bottom: 15px;}
.sl_frame:hover{padding:9px;border:2px solid #0e79cc;}
/*完全匹配的框架样式*/
.button-glow {
	border-color:#f64914;
	box-shadow: 0 0 10px rgba(246, 73, 20, 0.8);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
          animation-name: glowing; }
  .button-glow:active, .button-glow.active, .button-glow.is-active {
    -webkit-animation-name: none;
            animation-name: none; }
.button-glow:hover{padding:9px;border:2px solid #f64914;}
/*阴影动态效果*/
@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(246, 73, 20, 0.3);
            box-shadow: 0 0 0 rgba(246, 73, 20, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(246, 73, 20, 0.8);
            box-shadow: 0 0 20px rgba(246, 73, 20, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(246, 73, 20, 0.3);
            box-shadow: 0 0 0 rgba(246, 73, 20, 0.3); } }
@keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(246, 73, 20, 0.3);
            box-shadow: 0 0 0 rgba(246, 73, 20, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(246, 73, 20, 0.8);
            box-shadow: 0 0 20px rgba(246, 73, 20, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(246, 73, 20, 0.3);
            box-shadow: 0 0 0 rgba(246, 73, 20, 0.3); } }

.sl_adv_frame{border:1px solid #ff0000;padding:9px;box-shadow: 0 0 10px rgba(246, 73, 20, 0.8);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: advglowing;
          animation-name: advglowing; }

@-webkit-keyframes advglowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 5px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 5px rgba(255, 67, 81, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(2255, 67, 81, 0.3); } }
@keyframes advglowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 5px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 5px rgba(255, 67, 81, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } 
}
.sl_adv_frame:hover{border-color:#FF9933 ;padding:8px;}
.sl_adv_frame .slb_supply{background-color:#d9534f;color:#fff;border-color:#d43f3a;}
.sl_adv_frame .slb_supply:hover{background-color:#c9302c;color:#fff;}
/*图片*/
.sl_pic{width:122px;height:124px;text-align: center;border:1px solid #ddd;margin:0 auto;float:left;background-color:#fff;}
.sl_pic a{vertical-align: middle;display:inline-block;width:120px;line-height: 120px;}
.sl_pic a img{max-width:120px;max-height:120px;}
/*基本信息*/
.sl_info{float:left;margin-left: 15px;width:400px;}
.sl_info h2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sl_info h2 a{font-size: 16px;line-height: 28px;color:#333;}
.sl_info h2 a:hover{color:#0e79cc;}
.sinfo_ul li{font-size: 14px;color:#666;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*按钮*/
.sl_btn{text-align: center;background-color:#f5f5f5;display: inline-block;float:right;width:240px;height: 120px;}
.sl_btn ul li{margin:6px 0 0 0;}
.sl_btn a{display: inline-block;}
.slb_supply{background-color: #fff;color:#0e79cc;border:1px solid #0e79cc;padding:5px;width:160px;}
.slb_supply:hover{background-color:#e3eff9;color:#0e79cc;}
.slb_wiki{background-color:#0e79cc;color:#fff;padding:5px;width:160px;border:1px solid #0e79cc;}
.slb_wiki:hover{color:#fff;background-color: #3c92e7;}
.slb_spring{background-color:#1abc9c;color:#fff;padding:5px;width:160px;border:1px solid #1abc9c;}
.slb_spring:hover{color:#fff;background-color:#159b81;}
/*属性*/
.sl_property{float:left;border-left:1px solid #ddd;padding-left: 20px;display:block;width:320px;height:120px;margin-left: 20px;padding-top: 5px;}
.spro_list li{line-height: 30px;margin-right:5px;display:inline-block;margin-bottom: 8px;}
.spro_list li a{font-size: 12px;padding:5px 10px;color:#666;border:1px solid #ddd;}
.spro_list li a:hover{background-color: #3c92e7;color:#fff;border-color: #3c92e7;}

	@media screen and (max-width: 800px){
		.sl_info{width: 160px;}
		.sl_property{width:250px;height:auto;margin-left: 3px;padding-left:3px;padding-top: 0;}
		.spro_list li{margin-bottom: 3px;}
		.sl_btn{width:140px;}
		.slb_supply,.slb_wiki,.slb_spring{width:100px;font-size: 12px;}
	}
	@media screen and (max-width: 768px){
		.sl_info{width: 550px;}
		.sl_btn{width:100%;height:auto;padding:0;background-color: #fff;}
		.slb_supply,.slb_wiki,.slb_spring{width:100px;font-size: 12px;float:left;margin-right: 10px;}
		.sl_property{width:100%;border:none;margin:0;padding:0;}
		.spro_list li{line-height: 28px;margin:0 0 0 5px;}
		.spro_list li a{padding:2px 3px;}
	}
	@media screen and (max-width: 600px){
		.sl_pic{width:102px;height:104px;}
		.sl_pic a{width:100px;line-height: 100px;}
		.sl_pic a img{max-width:100px;max-height:100px;}
		.sl_info{width:420px;margin-left: 10px;}
		.sl_info h2 a{font-size: 14px;line-height: 24px;}
		.sinfo_ul li{font-size: 12px;line-height: 20px;}
		.spro_list li{line-height: 24px;margin-left:0;}
		.slb_supply,.slb_wiki,.slb_spring{margin-right: 5px;}
	}
	@media screen and (max-width: 420px){
		.sl_supply{margin-left: 0;padding-left: 15px;width:200px;}
		.sl_info{width:240px;margin-bottom: 5px;}
		.sl_btn ul li{margin:8px 0;}
	}
	@media screen and (max-width: 384px){
		.sl_info{width:220px;}
	}
	@media screen and (max-width: 375px){
		.sl_info{width:200px;}
	}
	@media screen and (max-width: 360px){
		.sl_info{width:190px;}
		.slb_supply,.slb_wiki,.slb_spring{margin-right: 2px;}
	}
	@media screen and (max-width: 320px){
		.sl_info{width:150px;}
		.slb_supply,.slb_wiki,.slb_spring{margin-right: 8px;}
		.sl_btn a{width:80px;padding:2px 10px;}
	}


  /*************圆圈百分比进度图****************/
  .sl_load{
  	margin:0 auto;
  	display:block;
  	text-align: center;
  	position:relative;
  }
  .loadCircle{
    width: 200px;
    font-size: 18px;
    color:#0e79cc;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 1.2;
    z-index:4;
    top:220px;
    right:0;
    left:0;
    bottom:0;
    margin:0 auto;
}


/*************************************
				漏斗
************************************/
.loader { 
  z-index:10;
  position: absolute;
  top: 300px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 175px;
  height: 100px;
  display:block;
}
@media screen and (max-width: 420px){
	.loader{top:280px;}
}
@media screen and (max-width: 320px){
	.loader{top:260px;}
}
.loader span {
  display: block;
  background: #ccc;
  width: 7px;
  height: 10%;
  border-radius: 14px;
  margin-right: 5px;
  float: left;
  margin-top: 25%;
}
.loader span:last-child {
  margin-right: 0px;
}
.loader span:nth-child(1) {
  animation: load 2.5s 1.4s infinite linear;
}
.loader span:nth-child(2) {
  animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(3) {
  animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(4) {
  animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(5) {
  animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(6) {
  animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(7) {
  animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(8) {
  animation: load 2.5s 0s infinite linear;
}
.loader span:nth-child(9) {
  animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(10) {
  animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(11) {
  animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(12) {
  animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(13) {
  animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(14) {
  animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(15) {
  animation: load 2.5s 1.4s infinite linear;
}
@keyframes load {
  0% {
    background: #ccc;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #ccc;
    height: 10%;
    margin-top: 25%;
  }
}

/*
.head_top,.mid_search,.sl_content{display:none;}*/


/*************************************
				大型漏斗
************************************/
.lgLoader { 
  z-index:10;
  position: absolute;
  top: 10px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 310px;
  height: 240px;
  display:block;
}
@media screen and (max-width: 320px){
	.lgLoader{top:260px;}
}
.lgLoader span {
  display: block;
  background: #ccc;
  width: 16px;
  height: 10%;
  border-radius: 14px;
  margin-right: 5px;
  float: left;
  margin-top: 25%;
}
@media screen and (max-width: 420px){
	.loadCircle{top:150px;}
	.lgLoader{width: 175px;height: 100px;top:-130px;}
	.lgLoader span{width:7px;}
	.errorText{top:160px;}
}
@media screen and (max-width: 320px){
	.loadCircle{top:150px;}
	.lgLoader{top:0px;}
}
.lgLoader span:last-child {
  margin-right: 0px;
}

@keyframes load {
  0% {
    background: #ccc;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #ccc;
    height: 10%;
    margin-top: 25%;
  }
}

/*404*/
.errorWall{border:1px solid #ddd;min-height: 600px;}
@media screen and (max-width: 420px){
	.errorWall{min-height: 380px;}
}
.errorSign{
	color:#f64914;
	font-weight: bold;
	font-size:40px;
	text-align: center;
	display:block;
	position:absolute;
	top:300px;
	right:0;
	left:0;}
@media screen and (max-width: 420px){
	.errorSign{top:200px;font-size: 24px;}
}
.errorImg{max-width:500px;margin:0 auto;}
.errorImg img{width:100%;height:auto;}



/*************************************
			批量查询cas
************************************/
.tranHead{background-color:#fff;padding:15px 15px;}
.tranHead span{font-size: 24px;margin-left:20px;border-left:2px solid #666;padding-left:20px;line-height: 16px;}
.tranBox{background-color:#f8f8f8;padding:50px 0 90px 0;}
.tranBox h2{font-size: 24px;color:#333;padding-left:10px;border-left: 3px solid #0e79cc;margin-bottom: 20px;}
.tranLeft{border:3px solid #0e79cc;}
.tranLeft textarea,.tranRight textarea{resize:none;border-radius: 0;}
.tranMid{height:200px;}
.tranBtn{background-color:#0e79cc;color:#fff;padding:6px 40px;border-radius: 3px;line-height: 200px;font-size: 16px;}
.tranBtn:hover,.tranBtn:focus{background-color:#3c92e7;color:#fff;}
.transTable{background-color:#fff;margin-top: 20px;padding:10px;border:1px solid #ddd;}
.transBtn{font-size: 0;background-color: rgba(40,159,246,0.1);border-radius: 10px;padding: 15px 0;}
.tB_sort{width:25%;text-align: center;display: inline-block;}
#tranExample{background-color:#0e79cc;}
@media screen and (max-width: 800px){
	.tranBox{padding:20px 0 30px 0;}
	.tranBox h2{font-size: 20px;margin-bottom: 10px;}
	.tranBtn{padding:6px 20px;}
}
@media screen and (max-width: 600px){
	.tranBox{padding:10px 0 30px 0;}
	.tranMid{height:60px;}
	.tranBtn{line-height: 60px;padding:6px 60px;}
	.tranBox h2{font-size: 16px;margin-bottom: 10px;}
}

.button-raised{
	border-color: #e1e1e1;
  	border-style: solid;
  	border-width: 1px;
  	line-height: 38px;
  	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
    background: linear-gradient(#f6f6f6, #e1e1e1);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
  .button-raised:hover, .button-raised:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
    background: linear-gradient(top, white, gainsboro); }
  .button-raised:active, .button-raised.active, .button-raised.is-active {
    background: #eeeeee;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
            box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; 
}
.button-raised.button-primary{
	border-color: #088ef0;
	background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
	background: linear-gradient(#34a5f8, #088ef0); }
.button-raised.button-primary:hover, .button-raised.button-primary:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
    background: linear-gradient(top, #42abf8, #0888e6); }
.button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active {
    border-color: #0880d7;
    background: #2798eb; }


 .button {
	  color: #666;
	  background-color: #EEE;
	  border-color: #EEE;
	  font-weight: 300;
	  font-size: 16px;
	  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	  text-decoration: none;
	  text-align: center;
	  line-height: 40px;
	  height: 40px;
	  padding: 0 40px;
	  margin: 0;
	  display: inline-block;
	  appearance: none;
	  cursor: pointer;
	  border: none;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	  -webkit-transition-property: all;
	          transition-property: all;
	  -webkit-transition-duration: .3s;
	          transition-duration: .3s;}
.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
  background: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);}

.button-pill {border-radius: 200px; }
.button-primary{background-color: #1B9AF7;border-color: #1B9AF7;color: #FFF; }
.button-primary:visited{color: #FFF; }
.button-primary:hover, .button-primary:focus{background-color: #4cb0f9;border-color: #4cb0f9;color: #FFF; }
.button-primary:active, .button-primary.active, .button-primary.is-active{background-color: #2798eb;border-color: #2798eb;color: #0880d7; }



/*******************************
			三个介绍页面
********************************/
.arrRanData{cursor:pointer;color:#0e79cc;}
.arrRanData:hover{text-decoration:underline;}
.introTop{border-bottom:2px solid #ddd;padding:10px 0;}
.introMenu{font-size: 0;display:block;width:100%;}
.introMenu li{width:25%;display:inline-block;padding:0;text-align: center;}
.introMenu a{font-size:16px;color:#666;line-height: 54px;}
.introMenu a:hover{color:#0e79cc;}
.introMenu a.active{color:#0e79cc;border-bottom:2px solid #0e79cc;}
.introText p{line-height: 28px;font-size: 16px;margin-bottom: 15px;}
.introText h2{font-size: 16px;font-weight: bold;line-height: 28px;margin-bottom: 15px;}
@media screen and (max-width: 600px){
	.introTop{text-align: center;}
	.introMenu{text-align: left;margin-top: 5px;}
	.introMenu a{margin:0 6px;font-size: 14px;line-height: 24px;}
	.introText p{line-height: 20px;font-size: 14px;margin-bottom: 10px;}
	.introText h2{font-size:14px;line-height: 20px;margin-bottom:10px;}
}
@media screen and (max-width: 320px){
	.introMenu a{margin:0 1px;}
}

.curved_box {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    padding:25px;
    margin:20px 0;
    font-size: 16px;
    color:#666;
    line-height: 28px;
}

.curved_box:before {
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
}
.curved_box:after {
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
}

.curved_box:before, .curved_box:after {
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 420px){
	.curved_box{font-size: 14px;padding:10px;}
}
.introTit{font-size: 24px;text-align: center;margin-bottom: 15px;color:#333;}
.introBtn a{padding:10px 50px;font-size: 16px;border:1px solid #0e79cc;display: inline-block;color:#0e79cc;border-radius: 3px;margin-top:20px;background-color:#fff;}
.introBtn a:hover{background-color: #3c92e7;color:#fff;}
@media screen and (max-width: 420px){
	.introTit{font-size: 18px;margin-bottom: 10px;}
}

/*******************************
		修改cas页面
********************************/
.weChangePic{position: relative;overflow: hidden;display:inline-block;vertical-align:middle;}
.weChangePic input{position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
.progress { position:relative;margin:5px 0;}
.bar {background-color: green; display:block; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute;top:0px; left:2%; color:#fff }
.files{height:22px; line-height:22px; margin:10px 0}
.wikiEditInfo p{border-bottom:1px solid #ddd;line-height: 28px;margin-bottom: 5px;padding:0 2px;}
.wikiEditInfo span{padding-bottom:10px;display:block;word-wrap: break-word;}
.wikiEdit_Pic{width:152px;height:152px;text-align: center;line-height: 152px;border:1px solid #ddd;margin:0 auto;}
.wikiEdit_Pic a{vertical-align: middle;display:inline-block;width:150px;}
.wikiEdit_Pic a img{max-width:150px;max-height:150px;}
.eqlCas{line-height:18px;border-radius:0 5px 5px 0;display:block;word-break:break-all;background-color: rgba(14,121,204,.1);border-left:3px solid #0e79cc;padding:10px;font-size: 12px;}
.eqlCas h2{font-size: 13px;color:#0e79cc;font-weight: bold;display: inline-block;}

/*three button 我要采购 定制合成 发布产品 20161222*/
.info_top_btn{display:block;overflow:hidden;margin-bottom: 10px;}
.info_top_btn a{float:right;color:#fff;width:auto;height:36px;}
.info_top_btn span{margin-left:8px;}
.info_syn_btn{background-color:rgb(26, 188, 156);border-color:rgb(26, 188, 156);color:#fff;}
.info_syn_btn:hover{background-color: rgb(27, 206, 173);transition: all 0.2s ease;color:#fff;}
.info_buy_btn{background-color:#3498db;border-color:#3498db;margin-left:10px;color:#fff;}
.info_buy_btn:hover{background:rgb(53, 173, 245);transition: all 0.2s ease;color:#fff;}
.info_pub_btn{margin-left:10px;background-color:#f39c12;border-color:#f39c12;color:#fff;}
.info_pub_btn:hover{background:#f5ae36;transition: all 0.2s ease;color:#fff;}

/*详细页广告位*/
.info_advert{background-color:#f5f5f5;padding:10px 10px 0 10px;display:block;margin-top:0px;overflow:hidden;}
.info_advert:last-child{padding:10px;}
.info_adv_panel{width:100%;border:1px solid #ddd;overflow:hidden;background-color:#fff;padding:5px 10px;position:relative;float:left;}
.info_adv_panel:hover{border-color:#c7181e;}
.info_adv_panel:nth-child(odd){margin-right:20px;}
.info_adv_panel:nth-child(even){float:right;}
.info_adv_sign{display:none;position:absolute;top:1px;left:-20px;transform:rotate(-45deg);color:#fff;font-size: 12px;background-color:red;padding:2px 20px;}
.info_adv_logo{width:80px;height:80px;text-align:center;line-height: 80px;border:1px solid #ddd;background-color:#fff;font-size: 0;overflow:hidden;float:left;}
.info_adv_logo a{vertical-align: middle;display:inline-block;}
.info_adv_logo a img{max-width:80px;max-height: 80px;}

.info_adv_text{width:600px;float:left;padding-left:10px;font-size: 0;position: relative;}
.info_adv_text h2,.info_adv_text p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.info_adv_text h2 a{color:#0e79cc;font-size: 18px;line-height: 30px;}
.info_adv_text .phone{color:#0e79cc;font-size: 12px;line-height: 24px;}
.info_adv_text p span{font-size: 12px;margin-right:8px;color:#666;border-right:1px solid #ddd;padding-right:10px;line-height: 24px;}
.info_adv_text .price{color:red;font-size: 18px;display:block;border:0;position:absolute;bottom:0;right:10px;}

.info_adv_btn{display: block;position: absolute;right: -1px;top: -1px;width: 100px;height: 70px;padding-top: 14px;border-radius: 0;line-height: 120%;font-size: 30px;background-color:#c7181e;color:#fff;height:96px;text-align: center;}
.info_adv_btn b{display: block;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #f7f9fa;position: absolute;top: 50%;left: -1px;margin-top: -6px;}
.info_adv_btn em{font-size: 12px;width: 100px;text-align: center;display: block;font-style: normal;color: #ffbec0;}
.info_adv_btn:hover{color:#fff;opacity: .8;cursor:pointer;}
@media screen and (max-width: 980px){
	.info_adv_text{width:460px;}
}
@media screen and (max-width: 600px){
	.info_adv_text h2 a{font-size: 14px;}
	.info_adv_logo{display:none;}
	.info_adv_text{padding:0;width:400px;}
}
@media screen and (max-width: 420px){
	.info_adv_panel{width:100%;}
	.info_adv_logo{display:block;}
	.info_adv_text{padding-left:10px;width:200px;}
	.info_adv_text .price{font-size: 14px;}
	.info_top_btn button{width:105px;}
	.info_top_btn span{margin-left:10px;}
	.info_syn_btn,.info_buy_btn{margin:0 5px;}
	.info_pub_btn{margin-left:5px;}
	.info_adv_btn{width:38px;font-size: 20px;}
	.info_adv_btn em{width:38px;}
	.info_adv_text p span{display:none;}
	.info_adv_text .price{bottom:-24px;}
}
@media screen and (max-width: 384px){
	.info_adv_text{width:160px;}
	.info_top_btn button{width:95px;}
	.info_top_btn span{margin-left:5px;}
	.info_syn_btn,.info_buy_btn{margin:0 2px;}
	.info_pub_btn{margin-left:2px;}
}
@media screen and (max-width: 360px){
	.info_adv_logo{display:none;}
	.info_adv_text{padding:0;width:220px;}
	.info_adv_text .price{bottom:0px;}
}
@media screen and (max-width: 320px){
	.info_adv_text{width:180px;}
	.info_top_btn .btn{font-size: 13px;width:82px;padding:6px 8px;}
	.info_adv_btn{width:38px;font-size: 20px;}
	.info_adv_btn em{width:38px;}
}


/*20170116*/

/*查看同分异构体*/
.isomer{background-color:#fff;color:#1abc9c;border:1px solid #1abc9c;font-size: 12px;padding:2px 10px;margin-left:5px;border-radius: 2px;}
.isomer:hover{background-color:#1abc9c;color:#fff;}
@media screen and (max-width: 768px){
.isomer{display:block;}
}
/*20161221 列表页广告*/
.sl_fr_advert{display:inline-block;width:100%;position:relative;overflow:hidden;font-size: 0;margin-bottom:10px;border:1px solid #ddd;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f5f5f5, endColorStr=#e4e4e4); /*IE 6 7 8*/
background: -ms-linear-gradient(top, #f5f5f5, #e4e4e4);        /* IE 10 */
background:-moz-linear-gradient(top, #f5f5f5, #e4e4e4,);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e4e4e4));/*谷歌*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e4e4e4));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #f5f5f5 #e4e4e4);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #f5f5f5, #e4e4e4);  /*Opera 11.10+*/
}
.sl_recom{position:absolute;top:12px;right:-26px;color:#fff;background-color:#c7181e;transform:rotate(45deg);font-size: 13px;padding:5px 30px;}
.sl_fr_advert:hover{cursor:pointer;box-shadow:0px 0px 2px 2px #fad56b;}
.sl_fr_lf{width:14%;float:left;}
.sl_ad_pic{margin:10px;width:110px;height:110px;text-align:center;line-height: 110px;background-color:#fff;font-size: 0;overflow:hidden;border:1px solid #ddd;}
.sl_ad_pic a{vertical-align: middle;display:inline-block;}
.sl_ad_pic a img{max-width:110px;max-height: 110px;}
.sl_fr_mid{width:24%;padding:10px 0;float:left;font-size: 0;}
.sl_fr_rg{width:62%;padding:10px;float:right;font-size: 0;}
.sl_ad_text{width:100%;display:inline-block;float:left;}
.sl_ad_text h2{width:100%;margin-bottom:0px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sl_ad_text h2 a{font-size: 16px;color:#0e79cc;font-weight: bold;line-height: 28px;}
.sl_ad_text .web,.sl_ad_text .phone,.sl_ad_text .add{font-size:13px;color:#666;line-height: 26px;}
.sl_ad_info{width:100%;display:inline-block;float:left;}
.sl_shop_btn{margin-bottom:10px;color:#fff;}
.sl_shop_btn .btn{font-size:16px;height:40px;width:240px;box-shadow:1px 0 2px 2px #ae171e;background-color:#e82833;float:right;margin:10px 50px 0 0;animation:mymove 5s infinite;
-webkit-animation:mymove 2s infinite; /*Safari and Chrome*/}
@keyframes mymove
{
	from {width:260px;box-shadow:1px 0 2px 2px #ae171e;}
	to {width:220px;box-shadow:1px 0 5px 2px #ae171e;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {width:260px;box-shadow:1px 0 2px 2px #ae171e;}
	to {width:220px;box-shadow:1px 0 5px 2px #ae171e;}
}

.sl_comDes{background-color:rgba(255,255,255,.8);padding:5px 10px;border-radius: 3px;font-size: 13px;line-height: 28px;}
.sl_comDes p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sl_cert_sign{margin-left:15px;}
.sl_cert_sign img{width:60px;height:60px;}

@media screen and (max-width: 800px){
	.sl_fr_advert{height:auto;}
	.sl_fr_lf{width:20%;}
	.sl_fr_mid{width:30%;}
	.sl_fr_rg{width:50%;}
	.sl_cert_sign{display:none;}
	.sl_shop_btn{overflow: hidden;}
}
@media screen and (max-width: 768px){
	.sl_fr_lf{width:20%;}
	.sl_fr_mid{width:30%;}
	.sl_fr_rg{width:50%;}
}
@media screen and (max-width: 600px){
	.sl_fr_lf{width:22%;}
	.sl_fr_mid{width:28%;}
	.sl_fr_rg{width:50%;}
	.sl_recom{top:6px;left:-26px;transform:rotate(-45deg);z-index:100;font-size: 10px;padding:2px 5px;text-align: center;width:100px;}
	.sl_ad_pic{margin:12px auto;width:96px;height:96px;line-height: 96px;}
	.sl_ad_pic a img{max-width:96px;max-height: 96px;}
	.sl_ad_text h2 a{font-size: 14px;}
	.sl_ad_text .web,.sl_ad_text .phone,.sl_ad_text .add{font-size:12px;line-height: 20px;}
	.sl_shop_btn{padding:10px;}
	.sl_shop_btn .btn{width:150px;height:30px;font-size: 13px;margin:0;}
	@keyframes mymove
	{
		from {width:200px;box-shadow:1px 0 2px 2px #ae171e;}
		to {width:150px;box-shadow:1px 0 5px 2px #ae171e;}
	}
	@-webkit-keyframes mymove /*Safari and Chrome*/
	{
		from {width:200px;box-shadow:1px 0 2px 2px #ae171e;}
		to {width:150px;box-shadow:1px 0 5px 2px #ae171e;}
	}
	.sl_comDes{line-height: 20px;}

}
@media screen and (max-width: 420px){
	.sl_fr_lf{width:40%;}
	.sl_fr_mid{width:60%;}
	.sl_fr_rg{width:100%;padding-top:0;}
	.sl_ad_pic{width:80px;height:80px;line-height: 80px;}
	.sl_ad_pic a img{max-width:80px;max-height: 80px;}
	.sl_ad_text h2 a{font-size: 13px;line-height: 16px;}
	.sl_ad_text .web,.sl_ad_text .phone{line-height: 21px;}
	.sl_shop_btn{padding:0;}
	.sl_shop_btn .btn{animation:mymove 0s infinite;width:100%;}
}

/*数据库数据分组*/
.sortGroup{position:relative;z-index:200;}
.sortGroup .btn{background-color:#3498db;color:#fff;}
.sortGroup .btn:hover{background:rgb(53, 173, 245);transition: all 0.2s ease;color:#fff;}

.sortGroup .btn-group{position:absolute;top:2px;right:0px;}
@media screen and (max-width: 768px){
	.sortGroup{display:none;}
}

.sl_fr_advert::before, .sl_fr_advert::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
         
.draw {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}

.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #f39c12;
  border-left-color: #f39c12;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}




/*新首页*/
.topBg{height: 400px;background: url(../images/topbg.png) repeat;}
.SearTopBg{height: 300px;margin-bottom: 15px;}
.navi{overflow: hidden;padding:10px 0;}
.navi h2{font-size: 20px;font-weight: bold;color:#fff;display: inline-block;float: left;}

.naviList{float:right;}
.naviList li{display: inline-block;border-right:1px solid #fff;line-height: 20px;padding:0 15px;}
.naviList a{color:#fff;}
.naviList a:hover{text-decoration: underline;}

.searNav{}
.logo{text-align: center;}
.logo img{width:300px;}

.search{width:840px;padding:10px 15px 10px 15px;margin:0 auto;}
.searBox{background-color:#fff;width:100%;height:50px;border-radius: 4px;font-size: 0;}
.searInp{height:60px;width:100%;border: none;border-radius: 4px 0 0 4px;text-indent: 15px;font-size: 16px;}
.searSend input{height: 60px;width:120px;background: #3ab1c9;color:#fff;border:0;font-size: 18px;line-height: 60px;border-radius: 0 4px 4px 0;}
.hotSear{width:720px;height:36px;overflow: hidden;}
.hotSear span{display: inline-block;max-width:120px;}
.hotSear a{color:#fff;font-size: 14px;padding:10px 10px 0 0;display: block;}
.hotSear a:hover{text-decoration: underline;}

.adv{border-radius: 15px;padding:0 15px 15px 15px;background-color: #fff;margin-top: 10px;z-index: 10;border:1px solid #e4e4e4;}
.advPanel{background-color:#f5f5f5;padding:15px;overflow: hidden;display: flex;flex-wrap: nowrap;}
.advPic{background-color:#fff;width:100px;height:100px;text-align: center;line-height: 100px;float: left;}
.advPic img{max-width:100px;max-height:100%;}
.advInfo{float: left;width:220px;padding-left: 15px;}
.advInfo a{font-size: 14px;color:#333;display: block;line-height: 36px;}
.advInfo a:hover{color:#0e79cc;}
.advInfo p{line-height: 24px;color:#666;font-size: 13px;line-height: 30px;}
.advInfo span{color:#999;}

.midLine{text-align: center;border-bottom: 1px solid #e4e4e4;position: relative;margin: 17px 0;}
.midLine span{position: absolute;top:-10px;left:50%;background-color: #fff;padding:0 20px;margin-left: -43px;font-size: 15px;}

.bottomBg{height: 380px;}

.casIntro,.nameIntro,.strucIntro{padding:60px 0;height: auto;}
.introPl{padding-left: 60px;}
.introPr{padding-right: 60px;}
.casIntro h3,.nameIntro h3,.strucIntro h3{color:#0e79cc;font-size: 36px;margin: 10px 0 5px 0;}
.casIntro h4,.nameIntro h4,.strucIntro h4{line-height: 40px;color:#888;font-size: 16px;}
.info{font-size: 16px;line-height: 36px;}
.casIntro{background-color: #f2f2f2;}
.nameIntro{background-color: #fff;}
.strucIntro{background-color: #f2f2f2;}

.inDesPhoneBtn{padding:5px 20px;font-size: 16px;display: inline-block;margin-top: 10px;}

.comBox{padding:10px 10px;background-color: #f5f5f5;}
.comLogo{width:100%;text-align: center;width:100%;height:150px;line-height: 150px;background-color: #fff;overflow: hidden;}
.comLogo img{max-width: 150px;max-height: 150px;}
.comBox h3{font-size: 15px;display: block;color:#333;margin-top:5px;min-height: 40px;}
.comBox:hover h3{color:#0e79cc;}

.adv .swiper-button-prev{height:24px;left:0;top:60%;}
.adv .swiper-button-next{height:24px;right:0;top:60%;}

@media screen and (max-width: 800px){
	.introPl,.introPr{padding: 0 15px;}
	.casIntro h3,.nameIntro h3,.strucIntro h3{font-size: 30px;}
	.casIntro,.nameIntro,.strucIntro{padding:20px 0;}
	.search,.hotSear{width:100%;}
	.advInfo{width:190px;} 
	.comLogo{width:100%;}
	.comLogo img{max-width: 100%;max-height: 100%;}
}
@media screen and (max-width: 768px){
	.topBg{height:490px;}
	.SearTopBg{height: 230px;}
	.navi{padding:5px 0;}
	.naviList li{line-height:16px; padding:0 8px;}
	.naviList a{font-size: 12px;}
	.navi h2{display: none;}
	.logo img{width:210px;}
	.search{padding:2px 0 8px 0;}
	.searBox{height:40px;}
	.searInp{height:40px;font-size: 14px;}
	.searSend input{height:40px;width:80px;line-height: 40px;font-size: 16px;}
	.hotSear a{font-size: 12px;}
	.bottomBg{height: 0;}
	.adv{margin:0;padding:0 10px 10px 10px;border-radius: 5px;}
	.advPanel{padding:10px 16px;}
	.advInfo{width:230px;} 
	.advPic{width: 80px;height: 80px;line-height: 80px;}
	.advPic img{max-height: 80px;max-width: 80px;}
	.advInfo a{line-height: 28px;}
	.advInfo p{line-height: 24px;}
	.comBox{padding:0;border:1px solid #e4e4e4;}
	.comLogo{height: 60px;line-height: 55px;}
	.comBox h3{display: none;}
	.adv hr{margin:10px 0;}
	.casIntro h3,.nameIntro h3,.strucIntro h3{font-size: 20px;margin:5px 0;}
	.info{font-size: 13px;line-height: 24px;}
	.hotSear span{max-width: 80px;}
	.hotSear a{padding:10px 5px 0 0;}
	.adv .swiper-button-prev{height:24px;left:0;top:60%;}
	.adv .swiper-button-next{height:24px;right:0;top:60%;}
}
@media screen and (max-width: 384px){
	.advInfo{width:216px;} 
}
@media screen and (max-width: 375px){
	.advInfo{width:210px;} 
}
@media screen and (max-width: 360px){
	.advInfo{width:196px;} 
}
@media screen and (max-width: 320px){
	.topBg{height:480px;}
	.SearTopBg{height: 230px;}
	.advPanel{padding:8px 12px;}
	.advPic{width:70px;height: 70px;line-height: 70px;}
	.advPic img{max-width: 70px;max-height: 70px;}
	.advInfo{width:170px;padding-left: 10px;}
	.advInfo a{line-height: 24px;}
	.advInfo p{font-size: 12px;line-height: 24px;}
	.searInp{padding:0 5px 0 0;}
	.searSend input{width: 60px;}
	.adv .swiper-button-prev{height:16px;left:0;top:66%;}
	.adv .swiper-button-next{height:16px;right:0;top:66%;}
}