@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none;}
a:hover{ color:#FF0000;}
.container{ width:1200px; margin:0 auto;}
.top{border-bottom:1px solid #f2f2f2;}
.top-box{display: flex; justify-content: space-between; padding:15px 0;}
.top .logo img{width: 200px;}
.banner{background: #F5F5F5; padding: 60px 0;}
.banner .ban-logo{text-align:center; text-align: center; margin-bottom: 20px;}
.banner .ban-title{font-size:28px; color: #000; text-align: center; margin-bottom: 20px;}
.banner .ban-btn{padding:30px 0; width: 100%; display: flex; justify-content: center;}
.banner .ban-btn .item{ width:120px; height: 120px; box-sizing: border-box; padding: 20px; border-radius: 50%; background: #6366f1; text-align: center; margin:0 10px; cursor: pointer;}
.banner .ban-btn .item .item-pic img{width:30px;}
.banner .ban-btn .item .item-tit{font-size: 16px; color: #FFF; line-height: 50px;}
.banner .ban-btn .item .mac-yc{display: block;}
.banner .ban-btn .item:hover .mac-yc{display:none;}
.banner .ban-btn .item:hover .mac-zy{display:block;}
.banner .ban-btn .item .mac-zy{padding:5px 0;}
.banner .ban-btn .item .mac-zy .xz{background-color:rgba(59, 130, 246, 0.8); color: #FFF; margin-bottom: 5px; padding:5px; border-radius: 5px;}
.banner .ban-btn .item .mac-zy{display:none}
.pic{text-align:center; padding:30px 0;}
.gengxin{width:800px; margin: 0 auto;}
.gengxin .tit{ margin-bottom: 10px; color: #333; font-size: 18px;}
.gengxin .gx-box{background:rgb(241 245 249);border-radius: 10px; box-sizing: border-box; padding: 20px;}
.gengxin .gx-box .gx-item{display: flex; margin-bottom: 10px; justify-items: center; justify-content: space-between;}
.gengxin .gx-box .gx-item .gg-left{ display: flex;}
.gengxin .gx-box .gx-item .gg{background: #1989fa; width: 25px; font-size: 12px; color: #FFF; padding:3px 10px;border-radius: 3px;}
.gengxin .gx-box .gx-item .gg-tit{font-size: 16px; color: rgb(31 57 102); width:calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gengxin .gx-box .gx-item .gg-time{color:rgb(138 143 153); font-size: 16px;}
.down{display: flex; justify-content: center; padding-top: 30px;}
.down .item{padding:0 10px;}
.xy{padding:10px 0; text-align: center; font-size: 14px;}
.xy a{color:rgb(31, 57, 102); text-decoration: none; padding:0 10px;}
.copyright{padding:10px 0; text-align: center; font-size: 12px; color: #888;}
.copyright a{ color:#333;}