*{margin:0;padding:0}
html,body{width:100%;height:100%;}
ul li{list-style: none;}
a{text-decoration: none;}
header{width:100%;background-color:#1e59a8; position:relative;
height: 30px; line-height: 30px;}
.top-wrap{
    max-width: 1500px;
    width: 100%;
    height:100%;
    margin: 0 auto;
    color:#fff;
    font-size: 12px;
	text-align:left;
}
.top-content{
	position:relative;
    width:100%;
    height: 90px;
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #1e59a8, #88a5cd) 30 30;
    box-sizing: border-box;
}
.wrap_w{
    max-width: 1500px;
    margin: 0 auto;
    width: 100%;
    height:100%;
    margin: 0 auto;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo{
    width: 250px;
    height:auto;
}
.logo img{
    width: 250px;
    height:auto !important;
}
.top_nav{
    flex:1;
    height:100%;
    box-sizing: border-box;
    margin-left:80px;
}
.top_nav_ul{
    width:100%;
    height:100%;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.top_nav_ul li{
	position:relative;
    width: 100px;
    margin: 0 10px;
    line-height: 70px;
    height:100%;
    font-size: 18px;
    font-weight: 500;
    cursor:pointer;
    text-align:center;
}
.top_nav_ul li a {
    color: #252525;
    font-size: 18px;
}
.top_nav_ul li a:hover{
    color:#1e59a8;
    font-weight: 700;
    font-size:20px;
    /* border-bottom:4px solid #1e59a8; */
}

.top_nav_ul li a::after {
            content: "";
            position: absolute;
            bottom: 15px;
            left: 0;
            width: 0;
            height: 3px;
            background: #1e59a8;
            transition: width 0.3s;
        }
.top_nav_ul li a:hover::after {
            width: 100%;
        }

.mail_main{
	position:relative;
	max-width: 1500px;
	margin: 15px auto;
	min-height:350px;
	/* background:#f5f5f5; */
}
.mail_main2{
	position:relative;
	max-width: 1500px;
	margin: 15px auto;
	min-height:500px;
	/* background:#f5f5f5; */
}
.mail-title{
	width:100%; height:70px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left:20px;
	box-sizing: border-box;
	background:#f5f5f5;
	border-radius:50px 0 0 0;
	font-size:20px;
}
.mail-title img{margin-right:10px;}
.mail-one{width:100%; height:240px; box-sizing: border-box;
	display: flex;
    flex-flow: wrap row;
    justify-content: center;
    align-content: center;
    padding: 20px;
	background:#f5f5f5;
	border-radius:0 0 50px 0;
}
.item-img{
	width: 142px;
	height: 200px;
	
}
.item-img img{
	border-radius: 10px;
	width: 100%;
	height:auto !important;
}
.item_txt{
	margin: 0 0 0 20px;
	/* width: calc(100% - 162px); */
	width:200px;
	padding: 20px 0 0;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.leader_name {
    font-size: 24px;
    line-height: 1.3;
}
.leader_duty {
    font-size: 14px;
}
.leader_job {
    font-size: 18px;
    color: #94070a;
	margin:20px 0;
    /* padding: 2% 0 5%; */
}
.leader_mail{
	font-size: 16px;
	color: #1e59a8;
}
.leader_mail a:hover{font-size:20px; color:#94070a; font-weight:700;}
.dep-title{
	margin-top:40px;
	width:100%; height:70px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left:20px;
	box-sizing: border-box;
	background:#f5f5f5;
	border-radius:50px 50px 0 0;
	font-size:20px;
}
.dep-email-title{
	margin-top:40px;
	width:100%; height:70px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background:#f5f5f5;
	border-radius:50px 50px 0 0;
	font-size:22px;
	font-weight:700;
}
.dep-email-title2{
	margin-top:40px;
	width:100%; height:100px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background:#f5f5f5;
	border-radius:50px 50px 0 0;
	font-size:22px;
	font-weight:700;
}
.tip-info{
	font-size:22px;
	font-weight:700;
}
.first-title{
	/* margin-top:40px; */
	width:100%;
	height:60px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	/* padding-left:20px; */
	box-sizing: border-box;
	background:#cce4f5;
	/* border-radius:0 0 50px 0; */
	font-size:22px;
	font-weight:700;
	color: #4a89dc;;
	/* color:#e9573f; */
}
.first-title img{margin-right:10px;}
.laixi-title{
	width:100%;
	height:120px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* padding-left:20px; */
	box-sizing: border-box;
	background:#f5f5f5;
	/* border-radius:0 0 50px 0; */
	font-size:22px;
	font-weight:700;
	/* color:#e9573f; */
}
.email-lr{
	width:100%;
	height:50px; 
	font-size:20px;
	/* font-weight:700; */
	text-align:center;
	line-height:50px;
	/* background:#cce4f5; */
}
.content{
	width:100%;padding:10px;box-sizing: border-box; font-size:18px;
}
.laixin-title{
	width:100%;
	height:60px; 
	border-bottom:1px solid #d1d1d1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* padding-left:20px; */
	box-sizing: border-box;
	background:#f5f5f5;
	/* border-radius:0 0 50px 0; */
	font-size:20px;
	font-weight:700;
	color:#1e59a8;
}
.dep-title img,.dep-email-title img{margin-right:10px;}
.dep-email{
	width:100%;
	min-height:300px;
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap:wrap;
	background:#f5f5f5;
}
.dep-email-wrap{
	width:100%;
	min-height:400px;
	background:#f5f5f5;
	/* padding:20px 0; */
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:20px;
}
.dep-email-wrap2{
	width:100%;
	min-height:400px;
	background:#f5f5f5;
	/* padding:20px 0; */
	display:flex;
	flex-direction: row;
	margin-bottom:20px;
	gap: 20px; /* 两个div之间的间距 */
}
/* 媒体查询：窗口宽度 < 900px 切换为单列 */
        @media (max-width: 900px) {
            .dep-email-wrap2 {
                flex-direction: column; /* 弹性方向改为垂直排列 */
            }
        }
.dep-item-wrap{
	width:50%;
	height:auto;
	padding:20px;
	box-sizing: border-box;
	/* background:red; */
}
.knowing{
	width:100%;
	min-height:670px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	flex-wrap:wrap;
	background:#f5f5f5;
	padding-bottom:30px;
}
.reading{
	width:100%;
	min-height:470px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	flex-wrap:wrap;
	background:#f5f5f5;
	padding-bottom:30px;
}
.select-login{
	position:relative;
	width:100%;
	min-height:450px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
	flex-wrap:wrap;
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	padding-top:20px;
}
.select-login-write{
	position:relative;
	width:100%;
	min-height:450px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap:wrap;
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	gap:50px;
	/* padding-top:20px; */
}
.writ-email-item{
	width:160px;
	height:160px;
	border-radius:50%;
	background:#4a89dc;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}
.youbian{
	widht:calc(100% - 20px);
	heihgt:calc(100% - 50px);
	font-size:70px !important;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.youbian:hover,.email-send:hover,.email-send a:hover{color:#0f0;}
.email-send{
	width:calc(100% - 20px);
	height:50px;
	font-size:24px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
}
.email-send a{color:#fff;}
.select-login-phone{
	position:relative;
	width:100%;
	min-height:630px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
	flex-wrap:wrap;
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	padding-top:20px;
}
.select-login2{
	position:relative;
	width:100%;
	min-height:400px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* align-content: center; */
	/* flex-wrap:wrap; */
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	padding-top:20px;
}
.gowriting{
	width:120px;
	margin:20px auto;
	height:40px;
	background:#4a89dc;
	color:#fff;
	border-radius:20px;
	text-align:center;
	line-height:40px;
}
.gowriting:hover{background:#f00;}
.gowriting a{color:#fff;}
.email-content{
	position:relative;
	width:100%;
	height:1240px;	
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	padding-top:20px;
	background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}
.email-content2{
	position:relative;
	width:100%;
	height:1150px;	
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	/* padding-top:20px; */
	background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}
.email-content3{
	position:relative;
	width:100%;
	height:500px;	
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	/* padding-top:20px; */
	background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}
.check-login{
	width:100%;
	min-height:350px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
	flex-wrap:wrap;
	background:#f5f5f5;
	border-radius:0 0 50px 0;
	padding-top:20px;
}
.login-info{
	width:100%;
	height:100px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin:0 auto;
	background:#cce4f5;
	font-size:22px;
}
.person{font-size:22px; color:#e9573f; font-weight:700;}
.no-login{font-size:22px; color:#f00;}
.login-name{margin-left:20px;}
.in{
	background:#4a89dc !important;
	color:#fff !important;
}
.out{
	background:#e9573f !important;
	color:#fff !important;
}
.in a,.out a{color:#fff !important;}
.dep-item{
	cursor:pointer;
	width:22%;
	height:50px;
	background:#fff;
	border-radius:20px 8px 8px 0;
	color:#000;
	font-size:18px;
	line-height:50px;
	padding-left:15px;
	box-sizing: border-box;
	margin:20px 1.5% 5px;
	/* background:url(../images/ico01.png) no-repeat; */
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
	/* box-shadow: 
	        0 1px 2px rgba(0,0,0,0.07),
	        0 2px 4px rgba(0,0,0,0.07),
	        0 4px 8px rgba(0,0,0,0.07),
	        0 8px 16px rgba(0,0,0,0.07); */
}
.dep-item a{font-size:22px;}
.dep-item img{width:25px; height:auto !important; margin-right:6px;}
.flex-row{
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	/* align-content: center; */
}
.dep-item:hover{background:#1e59a8; color:#fff;}
.dep-item a{color:#000;display:block; flex:1;}
.dep-item a:hover{font-weight:700; color:#fff;}
footer{
	position:relative;
	width:100%;
	height:120px;
	padding: 20px 0;
	border-top: 2px solid;
	border-image: linear-gradient(90deg, #1e59a8, #88a5cd) 30 30;
	background-color: #fff;
}
.copy{
	margin: 0 auto;
	    max-width: 1500px;
	    height: 120px;
	    font-size: 14px;
	    line-height: 30px;
	    background: url(../images/logo.svg) no-repeat left 20px, url(../images/motto_f.png) no-repeat right 30px;
	    background-size: 240px auto;
}
.text_center{text-align:center;}
.xinfang{
	width:95%; 
	height:80px; 
	background:#fff;	
	box-sizing: border-box;
	border-radius:20px;
	margin:20px auto;
	overflow:hidden;
}
.huifu{
	width:80%;
	min-width:500px;
	height:50px; 
	background:#fff;	
	box-sizing: border-box;
	border-radius:20px;
	margin:20px auto;
	overflow:hidden;
	padding:2px 20px;
}
.huifu-content{
	width:500px;
	height:270px; 
	background:#fff;	
	box-sizing: border-box;
	border-radius:20px;
	margin:20px auto;
	overflow:hidden;
	padding:2px 20px;
}
.huifu-content2{
	width:500px;
	height:350px; 
	background:#fff;	
	box-sizing: border-box;
	border-radius:20px;
	margin:10px auto;
	overflow:hidden;
	padding:2px 20px;
}
.knowing-text{
	width:95%;
	flex:1;
}
.knowing-text p{
	text-indent: 2em;
	font-size:18px;
	line-height:40px;
}
.bold-text{
	font-size:18px;
	font-weight:700;
}
.old-button{
	width:200px;
	height:40px;
	background: #d1d1d1;
	border-radius:10px;
	margin:20px auto 10px;
	line-height:40px;
	text-align:center;
	color:#fff;
	display:block;
	outline:none;
	border:none;
}
.going{
	width:200px;
	height:40px;
	background: #1e59a8;
	border-radius:10px;
	margin:20px auto 10px;
	line-height:40px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	display:block;
	border:none;
	outline:none;
}
.going:hover{
	background:#e9573f;
	color:#fff;
}
.find-lr{
	width: calc(100% - 100px);
	height:46px;
	text-align:center;
	outline:none;
	border:none;
	float:left;
	font-size:18px;
}
.find-bt{
	width:95px;
	height:40px;
	float:right;
	background: #4a89dc;
	border-radius:10px;
	line-height:40px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	outline:none;
	border:none;
	margin-top:3px;
}
.find-bt:hover{
	background:#e9573f;
	font-weight:700;
}
.email-list{
	width:90%;
	min-width:500px;
	height:auto;
	min-height:200px;
	background:#fff;
	border-radius:15px;
	margin:20px auto;
	padding:20px;
	box-sizing: border-box;
}
.kanxinfan{
	display:block;
	background:#1e59a8;color:#fff;border-radius:20px;
	padding:0 10px;
	font-size:22px;
	cursor:pointer;
	width:200px;
	height:50px;
	text-align:center;
	line-height:50px;
	margin:10px auto;
}
.kanxinfan a{color:#fff;}
.kanxinfan:hover{background:#063;}
.list_ul{
	width:100%;
	height:auto;
}
.list_li:first-child {
    color: #1e59a8;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: 1px dashed #1e59a8;
}
.list_huifu:first-child {
    color: #1e59a8;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: 1px dashed #1e59a8;
}
.list_huifu{
	width:100%;
	line-height: 40px;
	display: flex;
	flex-flow: row wrap;
	/* padding: 10px 0 0; */
	/* border-bottom: 1px dotted #1e59a8; */
	justify-content: flex-start;
	align-items: center;
}
.list_li {
	width:100%;
    line-height: 35px;
    display: flex;
    flex-flow: row wrap;
    /* padding: 10px 0 0; */
    border-bottom: 1px dotted #1e59a8;
	justify-content: flex-start;
	align-items: center;
}
.list_li:hover{
	background:#f5f5f5;
}
.n_num,.n_tit,.n_dt{
	display:block;
	font-size:16px;
}
.n_num{
	width:250px;
}
.n_dt{
	width:120px;
}
.n_tit{
	flex:1;
	text-align:left;
	line-height:30px !important;
}
.list_li span a{
	color:#000;
}
.list_li span a:hover{
	color:#f00;
	font-size:18px;
}
.yema{
	width:100%;
	height:50px;
	text-align:center;
	line-height:40px;
	margin-bottom:20px;
}
.email-info{
	width:80%;
	height:150px;
	margin:20px auto;
	background:#fff;
	border-radius:20px;
	overflow-y:scroll;
	padding:20px;
	text-indent: 2em;
	line-height:30px;
	font-size:16px;
}
.title-color{
	background:#cce4f5;
}
.login-form{
	position:absolute;
	width:500px;
	height:560px;
	top:20px;
	left:calc( 50% - 250px );
	background:#fff;
	border-radius:20px;
}

table {
	/* max-width:1200px;
    min-width: 700px; */
	/* width:800px; */
	/* table-layout: fixed; */
	/* border: 1px solid #d1d1d1; */
	border-collapse: collapse;
	margin:0 auto;
}
tr{border-bottom: 1px dotted #1e59a8;}
th, td {
    /* border: 1px solid #d1d1d1; */	
    /* padding: 10px; */
	font-size:14px;
	height:30px;
	color: #252525;
	padding:2px 0;
}
/* 左右两个子盒子 */
        .box-left, .box-right {
            flex: 1; /* 两列平分宽度 */
            height: auto; 
            border-radius: 8px;
        }
		
        .box-left {
            background-color: #fff;
        }
        .box-right {
            background-color: #fff;
        }
.dep-phone-email{width:100%;}
.dep-phone-email tr td{text-align:center;}
.info-title{	
	text-align: right;
	width:140px;
	}
.info-input{
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	}
table tr td input{font-size:18px; height:30px;}
table tr td select{font-size:18px; height:34px;}
.email-submit{
	width:200px;
	height:50px;
	margin:10px auto;
	border-radius:10px;
	background:#e9573f;
	border:none;
	outline:none;
	color:#fff;
}
.must{color:#f00;font-size:20px;font-weight:700;}
.up-file{
	background:#e9573f;color:#fff;
	border-radius:0 15px 15px 0;
	height:33px;
}