*{
			/*margin: 0 auto;*/
			/*padding: 0;*/
			box-sizing: border-box;
			font-family: "微软雅黑";
			/*font-size: 15px;*/

		}
		body {
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
		}
		a {
		    text-decoration: none;
		    color: rgb(84, 92, 91);
  		}
		header {
			/*order: 0;*/
			width: 100%;
			background-color:  #f1f5f8;
			/*border-radius: 6px;*/

		}
		header > .top {
			margin: 0 auto;/*比较关键的一个设置*/
			width: 1000px;
			height: 150px;

			display: flex;
			flex-flow: row nowrap; 
			/*align-items: center;*/
			justify-content: space-between;
		}
		header > .top > .logo {
			margin-top: 10px;
			width: 200px;
		}
		header > .top > .logo > img {
			width: 200px;


		}
		header >  .navbox {
		margin: 0 auto;/*比较关键的一个设置*/
			align-self: flex-end;
			width: 800px;
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			
		}

		header > .navbox > nav {
			margin-bottom: 6px;
			width: 300px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		header > .top > .navbox > nav > a{
			font-size: 20px;
			flex: 0 1 80px;
			text-align: center;
		}

		header > .top > .userlogin {
			margin-top: 10px;
			width: 200px;
			text-align: right;
			margin-right: 10px;
		}
		.mobile_header{
		display:none;
		}
		/*页面顶部样式表
		定义结束，开始主内容区布局*/
		.container {
			margin-top: 16px;
			padding-top: 18px;
			padding-bottom: 16px;
			/*border-radius: 6px;*/

			width: 1000px;
			/*height: 600px;*/
			background-color: #c1c7cabf;
		}
		.container > .topnews {
			margin: 0 auto;
			width: 960px;
			/*padding-top: 10px;*/
			/*margin-top: 116px;*/
			/*margin-left: 20px;*/
			/*background-color: #fff;*/
			/*height: 500px;*/
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			/*justify-content: center;*/
			align-items: center;
		}
		.container > .topnews > .picnews {
			/*padding: 10px;*/
			
			width: 359px;
			height: 308px;
			position:relative;
			/*height: 400px;*/
			/*border-radius: 6px;*/
			background-color: #f1f1f1;
			/*border-radius: 6px;*/
			
		}

		.container > .topnews > .picnews img{
			width: 359px;
			height:308px ;
			object-fit:cover;
		}
		.container > .topnews > .picnews > .picnews-desc {
			color: #000;
			font-size:14px;
			background-color: #ffffff; 
			padding-left:10px;
			padding-right:8px;
			padding-top:5px;
			position:absolute;
			left:0;
			top:258px;
			width:359px;
			height:50px;
			/*z-index:2;*/
			opacity:0.7;
		}


		.container > .topnews > .listnews {
			margin-left: 18px;
			padding-left: 8px;
			padding-right:8px;
			padding-bottom:8px;
			width: 581px;
			/*height: 400px;*/
			background-color: #f1f1f1;
			/*border-radius: 6px;*/

		}
		.container > .topnews > .listnews > .newstitle {
		   padding-top:5px;
			width: 85px;
			font-size: 20px;
			color:  #7676a3;
			/*float: right;*/
			border-style: none none solid none;
			border-bottom-color: #ff0000;
		}
		.container > .topnews > .listnews > ul {
			/*width: 458px;*/
			margin-left: -35px;
			margin-top: 0px;
		}
		.container > .topnews > .listnews > ul > li {
			line-height: 25px;
			font-size: 14px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;

		}
		.container > .topnews > .listnews > ul > li > :first-child {
			order: 1;
			color: #666;
			font-size: 12px;
			/*text-align: right;*/

		}

		.container > .huain-polymerization {
			margin: 0 auto;
			margin-top: 18px;
			width: 960px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			padding-bottom:5px;

		}
		.container > .huain-polymerization > .huain-polymerization-left {
			width: 160px;
			/*border-radius: 6px;*/
			background-color: #fff;
			font-size: 25px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
		}
		.container > .huain-polymerization > .huain-polymerization-right {
		padding-top:10px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:10px;

			background-color: #fff;
			/*border-radius: 6px;*/
			width: 780px;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-around;
			
			align-content: flex-start;
		}
		.container > .huain-polymerization > .huain-polymerization-right > .huain-polymerization-list {
		margin-top:10px;
			/* height: 200px; */
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			justify-content: flex-start;
		}
		.container > .huain-polymerization > .huain-polymerization-right > .huain-polymerization-list img {
			width: 180px;
			height: 100px;
			object-fit:cover;
			border-radius:10px;
			/*border-radius: 6px;	*/
		}

		.container > .huain-polymerization > .huain-polymerization-right > .huain-polymerization-list span {
		margin-top:5px;
		width:180px;
		font-size:13px;
		color:#666;
		text-align:center;
		}

		.container > .famous {
			margin: 0 auto;	/*比较关键的一个设置*/

			margin-top: 18px;
			width: 960px;
			height: 150px;

			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			/*align-items: center;*/


		}
		.container > .famous > .famous-left {
			width: 160px;
			/*border-radius: 6px;*/
			text-align: center;
			/*padding-top: 10px;*/
			font-size: 25px;
			/*line-height: 25px;*/
			background-color: #f1f5f8;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
		}
		.container > .famous > .famous-right {
			background-color: #f1f5f8;
			/*border-radius: 6px;*/
			width: 780px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-around;
			align-items: center;
		}
		.container > .famous > .famous-right > .famous-list {
			height: 130px;
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			justify-content: space-around;
		}
		.container > .famous > .famous-right > .famous-list img {
			width: 100px;
			height: 100px;
			/*border-radius: 50%;*/

		}
		.container > .article {
			/*order: 0;*/
			margin: 0 auto;
			margin-top: 18px;
			width: 960px;
			/*height: 200px;*/
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		.container > .article > .article-left {
			width: 160px;
			/*height: 200px;*/
			/*border-radius: 6px;*/
			background-color: #fff;
			font-size: 25px;
			/*order: 1;*/
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;

		}
		.container > .article > .article-right {
			width: 780px;
			padding-right: 10px;
			/*height: 200px;*/
			/*border-radius: 6px;*/
			background-color: #f1f1f1;
		}
		.container > .article > .article-right > ul {
			margin-left: -30px;
			/*width: 490px;*/
			/*width: 1010px;*/
			height: 150px;
			display: flex;
			flex-flow: column wrap;
			/*justify-content: center;*/
			/*align-items: center;*/
			align-content:  space-between;
		}
		.container > .article > .article-right > ul > li {
			width: 380px;
			line-height: 25px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			font-size:13px;

		}
		.container > .article > .article-right > ul > li > :first-child {
			order: 1;
			display:none;
		}


		.container > .huain-video {
			margin: 0 auto;
			margin-top: 18px;
			width: 960px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		.container > .huain-video > .huain-video-left {
			width: 160px;
			/*border-radius: 6px;*/
			background-color: #f1f5f8;
			font-size: 25px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
		}
		.container > .huain-video > .huain-video-right {
			background-color: #f1f5f8;
			/*border-radius: 6px;*/
			width: 780px;
			display: flex;
			/* height:160px; */
			flex-flow: row wrap;
			justify-content: space-around;
			
			align-items: flex-start;
			padding-top:10px;
		}
		.container > .huain-video > .huain-video-right > .huain-video-list{
		margin-top:5px;
		margin-bottom:5px;
			/* height: 150px; */
			display: flex;
			flex-flow: column nowrap;
			justify-content: flex-start;
			align-items: center;
		}
		.container > .huain-video > .huain-video-right > .huain-video-list img {
			width: 110px;
			height: 60px;
			object-fit:cover;
			border-radius: 6px;

		}
		.container > .huain-video > .huain-video-right > .huain-video-list span{
		width:130px;
		color:#666;
		font-size:13px;
		text-align:center;
		}

		.container > .huain-live {
			margin: 0 auto;
			margin-top: 18px;
			width: 960px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		.container > .huain-live > .huain-live-left {
			width: 160px;
			/*border-radius: 6px;*/
			background-color: #f1f5f8;
			font-size: 25px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
		}
		.container > .huain-live > .huain-live-right {
			background-color: #f1f5f8;
			/*border-radius: 6px;*/
			width: 780px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-around;
			align-items: center;
		}
		.container > .huain-live > .huain-live-right > .huain-live-list{
			height: 145px;
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			justify-content: space-around;
		}
		.container > .huain-live > .huain-live-right > .huain-live-list img {
			width: 120px;
			height: 100px;
			/*border-radius: 6px;			*/

		}
		

		.container > .huain-audio {
			margin: 0 auto;
			margin-top: 18px;
			width: 960px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
		}
		.container > .huain-audio > .huain-audio-left {
			width: 160px;
			/*border-radius: 6px;*/
			background-color: #f1f5f8;
			font-size: 25px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
		}
		.container > .huain-audio > .huain-audio-right {
			background-color: #f1f5f8;
			/*border-radius: 6px;*/
			width: 780px;
			/* display: flex; */
			padding-left:10px;
			/* height:160px; */
			/* flex-flow: row wrap;
			justify-content: space-around;
			align-items: center; */
			padding-top:10px;
			padding-bottom:10px;
		}
		.container > .huain-audio > .huain-audio-right > .huain-audio-list{
			/* width:80px; */
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			/* align-items: center; */
		}
		.container > .huain-audio > .huain-audio-right > .huain-audio-list span {
		width:150px;
		font-size:13px;
		line-height:25px;
		color:#666;
		}


		footer {
			margin-top: 16px;
			/*border-radius: 6px;*/
			width: 100%;
			background-color: #a3acb1;
		}
		footer > .bottom {
			margin: 0 auto;
			width: 1200px;
			height: 200px;
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
			justify-content: center;
		}
		footer > .bottom span {
			color: #fff;
			font-size: 15px;


		}