body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; 
</script>  table { border-collapse: collapse; border-spacing: 0; 
</script>  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; 
</script>  ul, li, div { list-style: none; border: 0px; 
</script>  img { border: 0px; vertical-align: middle;max-width: 100%;
</script>  .clear { font: 0px/0px serif; display: block; clear: both; 
</script>  html { -webkit-text-size-adjust: none; 
</script>  input { outline: none; 
</script>  textarea { resize: none; 
</script>  a { text-decoration: none; color: #333;
</script>  body:nth-of-type(1) input:focus, textarea:focus { outline: none; 
</script>  br { background: #fff; 
</script>  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; 
</script>.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;
</script> .clearfix{*zoom: 1;
</script>
.iframe{ height:30px
</script>
.top{ width:100%; height:94px; position:relative; z-index:5;background: #1589df;
</script>
.top a.logo{width: 210px;height: 60px; display: inline-block; background: url("/html/images/bg2.png") no-repeat 0 -89px;position: absolute;top: 18px;left: 0;
</script>
.topContent{width:1180px; margin:0 auto;position:relative;
</script>
.top b.slogin{
	display: block;
	width: 210px;
	height: 16px;;
	background: url("/html/images/bg2.png") no-repeat 0 -161px;
	position: absolute;
    top: 40px;
    left: 236px;

</script>
.search {
	width: 541px;
	float: right;
	margin-top: 28px;

</script>

.searchItem {
	width: 72px;
	float: left;
	position: relative;

</script>

.searchTop {
	height: 38px;
	position: relative;
	cursor: pointer;
	background-color: #eeeeee;

</script>

.searchTop p {
	font-size: 14px;
	line-height: 38px;
	padding-left: 14px;
	color: #3299e4;
	border-right: 1px solid #cccccc;

</script>

.searchTop i {
	position: absolute;
	width: 12px;
	height: 6px;
	background: url("/html/images/bg.png") no-repeat 0 -186px;
	top: 16px;
	right: 12px;

</script>

.searchBot {
	width: 70px;
	position: absolute;
	left: 0;
	top: 39px;
	background-color: #fff;
	border: 1px solid #cccccc;
	display: none;

</script>

.searchBot li {
	line-height: 20px;
	display: block;
	text-indent: 14px;

</script>


.searchBot li:hover {
	background-color: #38880b;
	color: #fff;

</script>

.search input {
	width: 351px;
	float: left;
	border: 0;
	font-size: 14px;
	padding: 8px 0;
	height: 22px;
	line-height: 22px;
	text-indent: 14px;
	color: #999999;

</script>

.search button {
	width: 70px;
	height: 40px;
	float: left;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border: none;
	background: #38880b url("/images/search.png") no-repeat 22px 8px;
	cursor: pointer;
	color: white;
	font-size: 18px;

</script>
.search .want{
	margin-left: 3px;
	display: inline-block;
	width: 115px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #faaa16;

</script>
.search .want a{
	color: white;

</script>
.search button {
	border: none;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 36px;
	right: 135px;
	background: url("/html/images/bg.png") no-repeat -81px -177px;
	cursor: pointer;
	outline: none;
	z-index: 99;

</script>

.journal{
	width: 1180px;
	margin: 20px auto 10px;

</script>
.journal .journalTap{
	line-height: 45px;
	font-size: 20px;
	background-color: #0f77c3;

</script>
.journal .journalTap a{
	display: inline-block;
	width: 142px;
	color: white;
	text-align: center;
	margin-right: 16px;

</script>
.journal .journalTap a.focus{
	background: url("/html/images/bg.png") no-repeat 0 -106px;

</script>
.contentTop{
	width: 1200px;
	margin: 10px auto;
	overflow: hidden;

</script>
.topItem{
	width: 380px;
	float: left;
	padding: 0 10px;

</script>
.topItem .title{
	margin: 20px 0;
	position: relative;

</script>
.topItem .title a{
	float: right;
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 40px;
	background: url("/html/images/bg.png") no-repeat -172px -171px;
	padding-left: 15px;

</script>
.topItem .title h2{
	width: 140px;
	display: inline-block;
	line-height: 40px;
	background: url("/html/images/bg2.png") no-repeat 0 -366px;
	color: white;
	padding-left: 45px;

</script>
.meeting .title i{
	width: 25px;
	height: 25px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -2px -182px;
	position: absolute;
    top: 9px;
    left: 7px;

</script>
.standard .title i{
	width: 28px;
	height: 24px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -49px -202px;
	position: absolute;
    top: 8px;
    left: 6px;

</script>
.tech .title i{
	width: 25px;
	height: 25px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -2px -237px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.topItem img{
	width: 110px;
	max-height: 88px;
	float: left;

</script>
.topItem span{
	width: 270px;
	display: inline-block;
	height: 88px;
	background-color: #f9f9f9;

</script>
.topItem span a{
	display: inline-block;
	max-height: 68px;
	line-height: 24px;
	overflow: hidden;
	padding: 10px 20px 10px 15px;
	font-size: 14px;
	color: #333333;
	font-weight: bold	

</script>
.topItem ul{
	padding-top: 15px;

</script>
.topItem ul li a {
    display: block;
    font-size: 14px;
    padding: 0 15px;
	color: #333;
    line-height: 30px;
    background: url("/html/images/bg.png") no-repeat -136px -351px;
    height: 30px;
    overflow: hidden;

</script>
.topItem ul li:hover a{
	color: #168ce3;

</script>
.online{
	width: 1180px;
	margin: 0 auto 10px;
	overflow: hidden;

</script>
.online ul{width: 1200px;
</script>
.online .title{
	margin: 5px 0;
	position: relative;

</script>
.online .title a{
	float: right;
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 40px;
	background: url("/html/images/bg.png") no-repeat -172px -171px;
	padding-left: 15px;

</script>
.online .title h2{
	width: 140px;
	display: inline-block;
	line-height: 40px;
	background: url("/html/images/bg2.png") no-repeat 0 -366px;
	color: white;
	padding-left: 45px;

</script>
.online .title i{
	width: 23px;
	height: 23px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -1px -266px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.online ul li{width: 220px;height: 210px;float: left;margin: 15px 20px 0 0;background: #f1f1f1;position: relative;
</script>
.online ul li img{width: 220px;height: 152px;position: absolute;left: 0;top: 0;
</script>
.online ul li em{display: block;position: absolute;top: 134px;right:5px; text-indent: 15px; line-height: 12px; color: #fff;font-style: normal; background: url("/html/images/playIcon.png") no-repeat 0 0;
</script>
.online ul li p{width: 204px;height: 42px; overflow: hidden; position: absolute;left: 0;bottom: 0;padding: 8px 8px;
</script>
.online ul li p a{color: #333;font:normal 14px/22px "Microsoft Yahei","Arial";display: block;max-height: 42px;overflow: hidden;
</script>
.online ul li p a:hover{color: #f60;
</script>
.online ul li:hover span a{width: 50px;height: 50px;position: absolute;left: 76px;top: 49px;display: block;cursor: pointer; background: url("/html/images/playIcon-hover.png") no-repeat 0px 0px;
</script>


.contentMid{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;

</script>
.midItem{
	width: 380px;
	float: left;
	padding-right: 20px

</script>
.midItem .title{
	margin: 10px 0 20px;
	position: relative;

</script>
.midItem .title a{
	float: right;
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 40px;
	background: url("/html/images/bg.png") no-repeat -172px -171px;
	padding-left: 15px;

</script>
.midItem .title h2{
	width: 140px;
	display: inline-block;
	line-height: 40px;
	background: url("/html/images/bg2.png") no-repeat 0 -366px;
	color: white;
	padding-left: 45px;

</script>
.wiki .title i{
	width: 23px;
	height: 23px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -106px -228px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.market .title i{
	width: 23px;
	height: 23px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -105px -182px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.midItem img{
	width: 110px;
	max-height: 88px;
	float: left;

</script>
.midItem span{
	width: 270px;
	display: inline-block;
	height: 88px;
	background-color: #f9f9f9;

</script>
.midItem span a{
	display: inline-block;
	max-height: 68px;
	line-height: 24px;
	overflow: hidden;
	padding: 10px 20px 10px 15px;
	font-size: 14px;
	color: #333333;
	font-weight: bold	

</script>
.midItem ul{
	padding-top: 15px;

</script>
.midItem ul li a {
    display: block;
    font-size: 14px;
    padding: 0 15px;
	color: #333;
    line-height: 30px;
    background: url("/html/images/bg.png") no-repeat -136px -351px;
    height: 30px;
    overflow: hidden;

</script>
.midItem ul li:hover a{
	color: #168ce3;

</script>
.supplier{
    float: right;
	margin-top: 20px;
	width: 380px;
	height: 326px;
		position: relative;

</script>

.supplier a i {
	position: absolute;
	left: 0;
	bottom: 112px;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url(https://www.284719.com/Images/public/adv.png) no-repeat;
  
</script>
.supplier img{
	width: 380px;
	height: 214px;

</script>
.supplier p{
	text-align: center;
	height: 112px;
	background-color: #f9f9f9;
	padding: 10px 0;

</script>
.supplier p a{
	display: block;
	height: 40px;

</script>
.supplier p span{
	display: block;
	line-height: 26px;

</script>
.supplier .phone{
	font-style: normal;
	background: url("/html/images/bg2.png") no-repeat -187px -253px;
	padding-left: 22px;
	padding-right: 25px;

</script>
.supplier .qq{
	font-style: normal;
	background: url("/html/images/bg2.png") no-repeat -187px -191px;
	padding-left: 18px;

</script>

.model{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;

</script>
.model ul{width: 1200px;
</script>
.model .title{
	margin: 5px 0;
	position: relative;

</script>
.model .title a{
	float: right;
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 40px;
	background: url("/html/images/bg.png") no-repeat -172px -171px;
	padding-left: 15px;

</script>
.model .title h2{
	width: 140px;
	display: inline-block;
	line-height: 40px;
	background: url("/html/images/bg2.png") no-repeat 0 -366px;
	color: white;
	padding-left: 45px;

</script>
.model .title i{
	width: 23px;
	height: 23px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -104px -264px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.model ul li{width: 220px;height: 210px;float: left;margin: 15px 20px 0 0;background: #f1f1f1;position: relative;
</script>
.model ul li img{width: 220px;height: 152px;position: absolute;left: 0;top: 0;
</script>
.model ul li em{display: block;position: absolute;top: 134px;right:5px; text-indent: 15px; line-height: 12px; color: #fff;font-style: normal; background: url("/html/images/playIcon.png") no-repeat 0 0;
</script>
.model ul li p{width: 204px;height: 42px; overflow: hidden; position: absolute;left: 0;bottom: 0;padding: 8px 8px;
</script>
.model ul li p a{color: #333;font:normal 14px/22px "Microsoft Yahei","Arial";display: block;max-height: 42px;overflow: hidden;
</script>
.model ul li p a:hover{color: #f60;
</script>
.model ul li:hover span a{width: 50px;height: 50px;position: absolute;left: 76px;top: 49px;display: block;cursor: pointer; background: url("/html/images/playIcon-hover.png") no-repeat 0px 0px;
</script>

.issue{
	width: 1180px;
	margin: 20px auto;

</script>
.issue .title{
	margin: 5px 0;
	position: relative;

</script>
.issue .title a{
	float: right;
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 40px;
	background: url("/html/images/bg.png") no-repeat -172px -171px;
	padding-left: 15px;

</script>
.issue .title h2{
	width: 140px;
	display: inline-block;
	line-height: 40px;
	background: url("/html/images/bg2.png") no-repeat 0 -366px;
	color: white;
	padding-left: 45px;

</script>
.issue .title i{
	width: 23px;
	height: 23px;
	display: block;
	background: url("/html/images/bg2.png") no-repeat -105px -303px;
	position: absolute;
    top: 9px;
    left: 8px;

</script>
.issue ul{width: 1200px;overflow: hidden;
</script>
.issue ul li{width: 180px;height: 288px; float: left;margin: 15px 20px 0 0;background: #f1f1f1;position: relative;
</script>
.issue ul li img{width: 180px;height: 230px;position: absolute;left: 0;top: 0;
</script>
.issue ul li p{width: 164px;height: 42px; overflow: hidden; position: absolute;left: 0;bottom: 0;padding: 8px 8px;
</script>
.issue ul li p a{color: #333;font:normal 14px/22px "Microsoft Yahei","Arial";display: block;max-height: 42px;overflow: hidden;
</script>
.issue ul li p a:hover{color: #f60;
</script>


.footer {
	text-align: center;
	padding: 50px 0 0;

</script>

.footer span {
	display: block;
	line-height: 34px;
	color: #999999;
	margin-top: 8px;

</script>

.footer span a {
	color: #0f77c3;
	margin: 0 5px;

</script>

.footer p {
	line-height: 30px;
	color: #686161;
	font-size: 12px;

</script>
.footer h2{
	width: 1180px;
	margin: 0 auto;
	border-top: 5px solid #168ce3;
    border-bottom: 1px solid #ddd;
	font-weight: normal;
	font-size: 14px;
	height: 45px;
	line-height: 45px;

</script>
.footer h2 a{
	color: #686161;

</script>
.footer h2 strong{
	font-weight: normal;

</script>
.footer p b{
	display: inline-block;
	font-weight: normal;
	margin-right: 20px;

</script>
.footer p b em{
	font-style: normal;
	margin-left: 5px;

</script>
.footer p b a{
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("/html/images/qq.png") no-repeat;
	vertical-align: middle;
	margin-bottom: 3px;

</script>