@charset "utf-8";

.box{
	width:1200px;
	min-width:1200px;
	height:auto;
	margin:0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding:12px;
}

.box1{
	width:1200px;
	min-width:1200px;
	height:auto;
	margin:0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding:12px;
	border-top:solid 5px #ee7700;
}
.box2{
	width:1200px;
	min-width:1200px;
	height:auto;
	margin:0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding:12px;
	border-top:solid 5px #4ba634;
}

/*标题*/
.title_202110{width:100%; height:40px; margin:0 auto; line-height:40px; text-indent:26px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:40px; background-color:#ee7700; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*单行链接专用*/
.link{ overflow:hidden; white-space: nowrap; /* 防止换行 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ text-align:center}
.link a{color:#000; margin-right:10px;}
.link a:last-child {margin-right:0;}
.link a:hover{ color:#F00; TEXT-DECORATION:underline}
.link a+a:before{ padding-right:10px; color:#EAEAEA; content: "|";}

/*logo*/
.logo{ width:1176px; height:auto; overflow:hidden}
.logo .left{float:left; width:230px; height:auto; margin-right:10px;}
.logo .left_2{float:left; width:25px; height:auto; margin-right:6px; }
.logo .left_3{float:left; width:434px; height:auto; margin-right:6px;}
.logo .left_4{float:left; width:25px; height:auto;}
.logo .right{float:right; width:434px; height:auto;}

/*logo右侧*/
.logo_link{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.logo_link li{width:16.6666666%; height:auto; line-height:31px; text-align:center}
.logo_link li a{ display:block}
.logo_link li a:hover{ color:#F00; TEXT-DECORATION:underline}
/*logo右侧_end*/

/*推荐网站*/
.tj_link{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.tj_link li{width:7.69%; height:auto; line-height:36px; text-align:center; font-size:15px}
.tj_link li a{ display:block}
.tj_link li a:hover{ color:#F00; TEXT-DECORATION:underline}
/*推荐网站_end*/

/*主体左右*/
.main_class{
	width:100%;
	height:auto;
	background:url(../images/dian.jpg);
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.main_class dd{ width:49%; height:auto; line-height:36px; border-bottom:1px dotted #CCCCCC}

.class_link{
	width: 100%;
    height: auto;
    display: flex; /*启用弹性布局*/
    display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
    flex-direction: row; /*项目的排列方向,从左到右排*/
    -webkit-flex-direction: row; /*项目的排列方向,从左到右排*/
    flex-wrap: nowrap; /*改为不换行，一行显示不了则隐藏*/
    -webkit-flex-wrap: nowrap; /*改为不换行，一行显示不了则隐藏*/
    justify-content: space-between; /*在主轴上的对齐方式,两端对齐*/
    -webkit-justify-content: space-between; /*注意属性名修正*/
    overflow: hidden; /*超出部分隐藏*/
}
.class_link li{
	height: auto; 
	line-height: 36px; 
	text-align: center;
	flex: 0 0 auto; /* 防止flex项目被压缩 */
	-webkit-flex: 0 0 auto;
}
.class_link li a{ display:block}
.class_link li a:hover{ color:#F00; TEXT-DECORATION:underline}

/* 设置宽度百分比 */
.class_link li:nth-child(1) { width: 8%; text-align: left; font-weight:bold;}
.class_link li:first-child a{ color:#C30}
.class_link li:nth-child(2) { width: 14%; }
.class_link li:nth-child(3) { width: 14%; }
.class_link li:nth-child(4) { width: 14%;}
.class_link li:nth-child(5) { width: 14%; }
.class_link li:nth-child(6) { width: 14%; }
.class_link li:nth-child(7) { width: 14%; }
.class_link li:nth-child(8) { width: 8%;}

/*常用软件*/
.soft{width: 100%; height: auto;}
.soft li{width: 100%; height: auto; line-height:36px;  border-bottom:1px dotted #CCCCCC; overflow:hidden; white-space: nowrap; /* 防止换行 */ }
.soft li a{ margin-right:20px; line-height:36px; display:inline-block}
.soft li a:last-child {margin-right:0;}
.soft li a:hover{ color:#F00; TEXT-DECORATION:underline}
.soft li a:first-child {
    background: linear-gradient(to bottom, #0178d5, #0067b8); /* 从上到下的橙色渐变 */
    color: #fff; /* 文字颜色改为白色，提高可读性 */
	padding:0 10px;
}

/*栏目页*/
.lanmu{
	width:1200px;
	min-width:1200px;
	height:auto;
	margin:0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
	overflow:hidden;
}
.lanmu h6{ line-height:40px; text-align:center; background-color:#CAE6FD; color:#666}

.lanmu_link{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	padding:12px;
}
.lanmu_link li{width:12.3%; height:auto; line-height:36px; text-align:center; }
.lanmu_link li a{ display:block}
.lanmu_link li a:hover{ color:#F00; TEXT-DECORATION:underline}
/*推荐网站_end*/










/*底部三行*/
.foot{
	width:1200px;
	min-width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px
}
.foot li{ text-align:center; line-height:26px; font-size:12px; color:#999;}
.foot li a{ color:#999; }
.foot li a:hover{ color:#F00; }