/*重置*/
@media (min-width:200px) and (max-width:768px) {
	html {
		font-size: 62.5%;
	}
}

@media (min-width:769px) {
	html {
		font-size: 62.5%;
	}
}

html,
body {
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	/*overflow-x: hidden;*/
}

body,
h1,
h2,
h3,
h4,
p,
p1,
p2,
p3,
p4,
dl,
dd,
dt {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: normal;
}

img {
	display: block;
	border: none;
	max-width: 100%;
}

a {
	text-decoration: none;
	outline: none;
	display: block;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

* {
	color: #333;
	font-family: "微软雅黑";
	box-sizing: border-box;
}

.clear {
	clear: both;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

i {
	font-style: normal;
}

input,
select,
textarea,
button {
	padding: 0;
	margin: 0;
	resize: none;
	border-radius: 3px;
	border: solid 1px #d9edff;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	display: block;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999999;
}


/*ie警报*/
.attention_ie_overlay {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	background: #999;
	z-index: 10;
	display: none;
}

.attention_ie_overlay li {
	width: 350px;
	height: 300px;
	background: #0a5880;
	border-radius: 5px;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	line-height: 30px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -170px;
	top: 50%;
	margin-top: -150px;
}

/*根据屏幕尺寸判断引导页样式*/
@media (min-width:200px) and (max-width:1199px){
	/*guide_box*/
	.guide_box {
		width: 100%;
		height: 50vh;
		display: Flex;
		align-items: Center;
		position: relative;
	}	
}
@media (min-width:1200px){
	/*guide_box*/
	.guide_box {
		width: 100%;
		height: 100vh;
		display: Flex;
		align-items: Center;
		position: relative;
	}
}


.guide_box a {
	width: 60%;
	height: 100%;
	cursor: pointer;
}

.guide_left_bg,
.guide_right_bg {
	width: 100%;
	height: 100%;
	/*object-fit:cover;*/
}

.guide_box a:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
}

.guide_box a:nth-child(1):after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.3s;
	opacity: 0.7;
	background-image: url('../image/guide_left_overlay.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.guide_box a:nth-child(2) {
	position: absolute;
	right: 0;
	top: 0;
}

.guide_box a:nth-child(2):after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.3s;
	opacity: 0.7;
	background-image: url('../image/guide_right_overlay.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.guide_logo_left {
	width: 250px;
	height: 170px;
	position: absolute;
	right: 20%;
	top: 50%;
	margin-top: -125px;
	z-index: 100;
	transition: 0.3s;
	background-image: url('../image/guide_logo_left.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.guide_logo_right {
	width: 250px;
	height: 170px;
	position: absolute;
	left: 20%;
	top: 50%;
	margin-top: -125px;
	z-index: 100;
	transition: 0.3s;
	background-image: url('../image/guide_logo_right.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.guide_box a:nth-child(1).active:after {
	opacity: 0;
}

.guide_box a:nth-child(2).active:after {
	opacity: 0;
}

.guide_box a:nth-child(1).active .guide_logo_left {
	background-image: url('../image/guide_logo_left_hover.png');
}

.guide_box a:nth-child(2).active .guide_logo_right {
	background-image: url('../image/guide_logo_right_hover.png');
}


/*nav_box*/
.nav_height{height:100px;}
.nav_box{width:100%;position:fixed;left:0;top:0;padding:0 10% 0 5%;z-index:100;background:#cfe6eb;display:Flex;align-items:center;justify-content:space-between;box-shadow:0 0 5px #ccc;}
.nav_logo{width:182px;height:auto;cursor:pointer;transition:0.6s;}
.nav_search{width:200px;height:50px;cursor:pointer;user-select:none;position:absolute;right:7%;top:50%;margin-top:-25px;display:Flex;align-items:center;flex-direction:row-reverse;}

/*nav_main*/
.nav_main{width:900px;display:Flex;align-items:center;}
.nav_main li{width:14%;position:relative;height:100px;line-height:100px;display:Flex;align-items:center;justify-content:center;}
.nav_main li:last-child{width:16%;}
.nav_main li>a{font-size:1.6rem;color:#323232;text-align:center;cursor:pointer;background:#cfe6eb;position:relative;z-index:50;line-height:40px;border-radius:20px;padding:0 20px;font-weight:bold;}
.nav_main li>dl{width:100%;position:absolute;left:0;top:100%;background:#cfe6eb;padding:0;transition:0.3s;display:none;z-index:10;}
.nav_main li>dl>dd{position:relative;}
.nav_main li>dl>dd>a{font-size:1.4rem;color:#333;text-align:center;line-height:25px;/*border-bottom:solid 1px #f1f1f1;*/cursor:pointer;padding:10px 6px;font-weight:Bold;}
.nav_main li>dl>dd:last-child>a{border-bottom:none;}

.nav_second{width:400px;position:absolute;left:100%;top:0;background:#5db8e5;z-index:100;padding:0;display:none;}
.nav_second>a{font-size:1.4rem;color:#fff;text-align:center;line-height:25px;/*border-bottom:solid 1px #fff;*/cursor:pointer;padding:10px 10px;}
.nav_second>a:last-child{border-bottom:none;}

.nav_active>a{color:#333 !Important;background:#4ababc !important}
.nav_main li:hover>a{color:#333 !Important;background:#4ababc !important}

.nav_main li:hover>dl{display:block;}
.nav_main li>dl>dd:hover .nav_second{display:block;}
.nav_main li>dl>dd:hover>a,.nav_main li>dl>dd>h1:hover{background:#4ababc;}
.nav_second>a:hover{background:rgba(0,0,0,0.1);}

.nav_main li:hover>a{color:#000 !important;}

.nav_down:after{content:'';width:10px;height:10px;position:absolute;right:5px;top:50%;margin-top:-5px;
background-image:url('../image/down.png');background-size:cover;background-position:center center;background-repeat:no-repeat;}


/*nav_box_fixed*/
.nav_box_fixed{position:fixed !important;box-shadow:0 0 5px #ccc!important;background:rgba(255,255,255,0.6)!important;}
.nav_box_fixed .nav_main li{line-height:65px;height:65px;}
.nav_box_fixed .nav_main li a{background:none;}

.nav_box_fixed .nav_second>a:hover{background:rgba(0,0,0,0.1) !important;}
.nav_box_fixed .nav_main li>dl{transition:0s !important;}

.nav_box_fixed .nav_active>a:after{bottom:15px;}
.nav_box_fixed .nav_main li:hover>a:after{bottom:15px;}
.nav_box_fixed .nav_logo{width:127.4px ;height:34.3px;margin-top:-17.15px;}

/*foot_container*/
.foot_container{width:100%;padding:0 5%;margin:0 auto;background-image: url('../image/SYBJ.png');}
.foot_top{display:Flex;align-items:Center;justify-content:space-between;padding:30px 0;}
.foot_left_text h1{font-size:18px;margin-top:20px;margin-bottom:10px;}
.foot_main li a{line-height:26px;font-size:14px;}
      .foot_main {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
      }

      .foot_main li {
        position: relative; /* 确保伪元素定位相对于li元素 */
        margin-right: 10px; /* 可以根据需要调整间距 */
        padding: 5px 10px; /* 可以根据需要调整内边距 */
        border: none; /* 去掉原有边框 */
        cursor: pointer; /* 鼠标变为手型 */
        overflow: hidden; /* 隐藏伪元素超出的部分 */
      }

      .foot_main li::before,
      .foot_main li::after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        background-color: #ffffff; /* 线条的颜色 */
        transition: width 0.3s ease-out;
      }

      .foot_main li::before {
        top: 0;
        left: 0;
      }

      .foot_main li::after {
        bottom: 0;
        right: 0;
      }

      .foot_main li:hover::before,
      .foot_main li:hover::after {
        width: 100%; /* 悬停时线条宽度为100% */
      }
/*.foot_main li a:hover{text-decoration:underline;}*/
.foot_right li{font-size:14px;line-height:26px;}
.foot_bottom{height:100px;display: flex;justify-content:center;align-items: center;border-top: 1px solid #6d777c;}

.container {
	background: none;
	padding: 1rem;
	margin: 3rem auto;
	border-radius: 0.2rem;
	counter-reset: pagination;
	text-align: center;
}

.container:after {
	clear: both;
	content: "";
	display: table;
}

.container ul {
	width: 100%;
}

.large {
	width: 45rem;
	margin-top: 40px;
	margin-bottom: 60px;
}

.pagination ul li {
	list-style: none;
	display: inline;
	padding-left: 0px;
}

.pagination li {
	counter-increment: pagination;
}

.pagination li:hover a {
	color: #fdfdfd;
	background-color: #1d1f20;
	border: solid 1px #1d1f20;
}

.pagination li.active a {
	color: #fdfdfd;
	background-color: #1d1f20;
	border: solid 1px #1d1f20;
}

.pagination li a, .pagination li.disabled span {
	border: solid 1px #d6d6d6;
	border-radius: 0.2rem;
	color: #7d7d7d;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 0.5rem 0.9rem;
	margin-right: 6px;
}