@charset "utf-8";
/* ---htmlbody100%--- */
*{margin:0;padding:0}
html, body{}
a {
	text-decoration: none;
}
li {
	list-style: none;
}

header {
	height: 171px;
	background: url('../images/1.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
}
header .flex {
	width: 1350px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .flex .search{
	width: 319px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #0066DC;
	background: #004AA0 url('../images/41.png') no-repeat 90%;
	background-size: 21px 21px;
	color: white;
	border-radius: 30px;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 20px;
	outline: none;
	cursor: pointer;
}
::-webkit-input-placeholder {
	color: white;
}
header .flex .search .searchSon {
	width: 100%;
	height: 100%;
}
header .flex .flexSon {
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: white;
	margin-top: 19px;
}
header .flex .flexSon a img:hover{
	cursor: pointer;
}
header .flex .flexSon .border{
	width: 1px;
	height: 25px;
	background: white;
}
header .nav {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 57px;
	background: rgba(0,65,142,0.8);
}
header .nav .navSon {
	width: 1350px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .nav .navSon .navSons {
	width: 100%;
	height: 100%;
}
.is{
 cursor: pointer;
 height: 57px;
 line-height: 57px;
}
.wp_nav .nav-item {
    width: 10%;
}

.wp_nav .nav-item:hover {
	background: #2E8CFC;
}

.wp_nav .nav-item a{
	color: #FFFFFF!important;
	border:none!important;
}
.wp_nav .nav-item a span.item-name {
	padding: 0;
	line-height: 57px;
}
.wp_nav .sub-nav .nav-item a span.item-name {
	line-height: 40px;
	background: #003F8A;
	width: 86.5%;
	border: 1px solid grey;
	border-bottom: none;
	text-align: center;
}
.wp_nav .sub-nav .nav-item a span.item-name:hover {
	background: #2E8CFC;
}
.wp_nav .sub-nav .nav-item:last-child{
	border-bottom: 1px solid grey!important;
}
.wp_search table tbody tr td{
border: none;
background: #004AA0;
color: white;
border-radius: 30px;
height: 42px;
}
.wp_nav .sub-nav .nav-item {
	width: 84%;
}
.wp_nav .sub-nav {
	width: 131px!important;
	border: none;
}
.banner {
	height: 557px;
	position: relative;
	background: #003777;
}
.banner a img {
	width: 100%;
	display: block;
	height: 557px;
}
.banner .ul_2{
	position: absolute;
	top: 50%;
	right: 15%;
	transform: translate(0, -50%);
	z-index: 99;
}
.banner .ul_2::before {
	content:'';
	position: absolute;
	width: 1px;
	height: 250px;
	top: -302%;
	background: white;
	left: 51%;
}
.banner .ul_2::after {
	content:'';
	position: absolute;
	width: 1px;
	height: 250px;
	bottom: -302%;
	background: white;
	left: 51%;
}
.banner .ul_2 >li{
	width: 11px;
	height: 11px;
	background: white;
	margin: 10px 0;
	border-radius: 50%;
	border: 1px solid white;
}
.banner .ul_2 >.active{
	background: none;
}
.notice {
	width: 1350px;
	margin: 0 auto;
	display: flex;
}
.notice .left {
	width: 155px;
	height: 117px;
	background: #00418E;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.notice .left img {
	vertical-align: middle;
	margin-right: 10px;
}
.notice .left .More {
	background: #82ADDF;
	width: 59px;
	height: 29px;
	border-radius: 50px;
	text-align: center;
	line-height: 29px;
	margin: 0 auto;
	margin-top: 10px;
        cursor: pointer;
}
.notice .right {
	width: calc(1350px - 59px);
	box-shadow: 0 0 10px lightgrey;
	border-top: 7px solid #00418E;
}
.notice .right .rightSon {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.noticeTimeDay {
	color: #003777;
	position: absolute;
	top: -41%;
	left: 3.5%;
	font-size: 30px;
}
.noticeTimeMonth {
	color: #003777;
	width: 115px;
	margin-top: 20px;
}
.notice .right .rightSon .wp_article_list_table tbody tr {
	display: flex;
	justify-content: space-around;
}
.notice .right .rightSon .wp_article_list_table tbody tr td {
	width: 40%;
	display: block;
	display: flex;
	align-items: center;
	position: relative;
}
.notice .right .rightSon .wp_article_list_table tbody tr td div a {
	text-decoration: none;
	color: black;
}
.notice .right .rightSon .border {
	margin: 0 15px;
	display: block;
}
.notice .right .rightSon .time {
	color: #00418E;
}
.content {
	width: 1350px;
	margin: 50px auto;
	overflow: hidden;
}
.content .left {
	width: 510px;
	float: left;
	margin-right: 10px;
	color: #003777;
	position: relative;
	margin-top: 3px;
}
span.articlelist1_issuetime{
	width: 102px;
	background: linear-gradient(90deg,#82ADDE,hsla(0,0%,100%,0));
	position: absolute;
	top: 344px;
	display: block;
	height: 45px;
	line-height: 45px;
	color: white;
	padding-left: 20px;
}
.content .left .move {
	margin-bottom: 50px;
}
.content .left .move .journ {
	position: absolute;
	top: 1.5%;
	font-size: 24px;
	color: #003777;
}
.content .left .move .img {
	position: absolute;
	left: 16%;
	width: 29px;
	height: 27px;
}
.content .left .leftSon .arrowTop{
	position: absolute;
	bottom: 20.5%;
	left: 49%;
}
.content .left .leftSon .arrowTwo{
	position: absolute;
	right: 2%;
	bottom: 2%;
}
.div_stxlb .div_stxlb_list {
	text-align: center;
	height: 126px;
	line-height: 140px;
	background: url('../images/36.png') no-repeat;
	background-size: 100% 100%;
	border-bottom: 3px solid #82ADDF;
}
.news_icon {
	display: none;
}
.articlelist1_li {
	background: none;
}
.articlelist1_a_title {
	color: #194881;
}
.content .center {
	width: 560px;
	float: left;
}
.content .center .centerSon .more{
  display:none;
}
.content .center .more {
	cursor: pointer;
	width: 92px;
	height: 34px;
	line-height: 34px;
	background: url('../images/39.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	float: right;
	margin-right: 15px;
	color: #82ADDF;
	font-weight: bold;
}
.wp_article_list .list_item .Article_Index {
	display: none;
}
.wp_article_list .list_item {
	border: none;
	height: 42px;
	line-height: 42px;
	position: relative;
}
.wp_article_list .list_item::before {
	position: absolute;
	content:'';
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 1px solid #1884EC;
	left: 0%;
	top: 32%;
}
.wp_article_list .list_item .Article_Title a {
	color: #003777;
	margin-left: 15px;
	font-weight: 550;
}
.wp_article_list .list_item .Article_PublishDate {
	color: #003777;
	font-weight: 550;
}
#wp_news_w5 {
	height: 416px;
	padding: 40px;
	background: url('../images/14.png') no-repeat;
	background-size: 100% 100%;
}
.content .right {
	width: 257px;
	float: right;
}
.content .right .flex {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.content .right .more {
	width: 92px;
	height: 34px;
	line-height: 34px;
	background: url('../images/39.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.content .right .flex .journ {
	position: absolute;
	top: 24%;
	font-size: 24px;
	color: #003777;
}
.content .right .flex .img {
	position: absolute;
	left: 30%;
}
.content .right .more a{
	color: #003777;
}
.wp_pop_article_list .list_item {
	border: 0;
	height: 141px;
	background: url('../images/16.png') no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 35px;
}
.wp_pop_article_list .list_item .ex_fields {
	float: none;
}
.wp_pop_article_list .list_item .date {
	 color: white;
 }
.pass {
	position: relative;
	margin-top: 180px; 
}
.pass .fast {
	width: 1350px;
	background: white;
	top: -140px;
	position: absolute;
}
.pass .bigImg {
	height: 455px;
	display: block;
	width: 100%;
}
.pass .fast .move .img {
	position: absolute;
	top: -4%;
	left: 6%;
}
.pass .fast .journ{
	color: #003777;
	font-size: 20px;
}
.rightSon .box {
	margin-top: 19px;
}
.rightSon .box .time {
	margin-top: 15px;
}
.rightSon .box a {
	color: white;
}
.pass .fast .flex .flexBox:hover{
	cursor: pointer;
}
.rightSon .box:first-child {
	background: url('../images/16.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 141px;
	box-sizing: border-box;
	padding: 20px 30px;
	color: white;
}
.rightSon .box:nth-child(2) {
	background: url('../images/17.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 141px;
	box-sizing: border-box;
	padding: 20px 30px;
	color: white;
}
.rightSon .box:last-child {
	background: url('../images/18.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 141px;
	box-sizing: border-box;
	padding: 20px 30px;
	color: white;
}
.right .flex {
	display: flex;
	justify-content: space-between;
}
.right .flex .more {
	color: #82ADDF;
	font-weight: bold;
}
.right .flex .more:hover {
	cursor: pointer;
}
.pass .fast .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.pass .fast .flex .flexBox {
	width: 25%;
	height: 189px;
	box-shadow: 0 0 10px #F1F1F1;
	text-align: center;
	color: #023878;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pass .fast .flex .flexBox:first-child {
	border-bottom: 3px solid #003675;
}
.pass .fast .flex .flexBox:nth-child(2) {
	border-bottom: 3px solid #82ADDF;
}
.pass .fast .flex .flexBox:nth-child(3) {
	border-bottom: 3px solid #49ADA5;
}
.pass .fast .flex .flexBox:last-child {
	border-bottom: 3px solid #BC9E78;
}
.pass .fast .move .journ {
	font-size: 24px;
	color: #003777;
}
.pass .fast .flex .flexBox p {
	margin-top: 10px;
}
.pass .moment {
	position: absolute;
	bottom: -94px;
	width: 1350px;
}
.pass .moment .demo,.demos:hover {
	cursor: pointer;
}
.pass .moment .demo {
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 50px;
	clip: rect(0px 50px 100px 0px);
	background: rgba(0,0,0,0.5);
	right: -36px;
	top: 155px;
}
.pass .moment .demos {
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 50px;
	clip: rect(0px 100px 100px 50px);
	background: rgba(0,0,0,0.5);
	left: -49px;
	top: 155px;
	text-align: right;
}
.pass .moment .momentSon .title a{
	color: #0B3F7C;
	display: block;
	margin: 15px 0;
	font-weight: bold;
}
.pass .moment .momentSon .time{
	color: #0B3F7C;
	font-weight: bold;
}
.pass .moment .more {
	cursor: pointer;
}
.pass .moment .more {
	position: absolute;
	width: 92px;
	height: 34px;
	line-height: 34px;
	background: url('../images/39.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	left: 640px;
	bottom: -81px;
	color: #82ADDF;
	font-weight: bold;
}
.pass .moment .more::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 51px;
	background: #A1C1E7;
	left: 44px;
	top: -51px;
}
.pass .moment .leftArrow {
	z-index: 99;
	margin-left: 20px;
	margin-top: 35px;
}
.pass .moment .rightArrow {
	z-index: 99;
	margin-right: 20px;
	margin-top: 35px;
}
.pass .moment .box .curry div a img{
	height:211px;
	object-fit:cover;
	background-repeat:no-repeat;
	background-size:cover;
}
.used {
	width: 1350px;
	margin: 80px auto;
	margin-top: 260px;
}
.pass .move .img {
	position: absolute;
	top: -4%;
	left: 6%;
}
.used .flex {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.moment .move {
	text-align: center;
	margin: 30px auto;
	color: #003777;
	font-size: 24px;
	width: 200px;
	position: relative;
}
.moment .move .img {
	position: absolute;
	top: -28%;
	left: 66%;
}
.used .flex .circle {
	width: 14px;
	height: 14px;
	margin-top: 65px;
}
.used .flex div .absolute{
	position: absolute;
	left: 32%;
	top: 28%;
}
.used .flex div .absoluteTwo{
	position: absolute;
	left: 30%;
	top: 26%;
}
.used .flex div .absoluteTwo{
	position: absolute;
	left: 30%;
	top: 26%;
}
.used .flex div .absoluteThree{
	position: absolute;
	left: 28%;
	top: 26%;
}
.used .flex div .absoluteFour{
	position: absolute;
	left: 29%;
	top: 23%;
}
.used .flex div .absoluteFive{
	position: absolute;
	left: 26%;
	top: 25%;
}
.used .flex div .absoluteSix{
	position: absolute;
	left: 30%;
	top: 24%;
}
.used .flex div:hover {
	cursor: pointer;
}
.used .flex div {
	position: relative;
}
.used .flex p {
	margin-top: 10px;
}
.used .move {
	text-align: center;
	margin: 20px auto;
	color: #003777;
	font-size: 24px;
	width: 200px;
	position: relative;
}
.used .move .img {
	position: absolute;
	top: -28%;
	left: 66%;
}
.used .flex div:hover img:first-child{
	animation:turn 3s linear infinite; 
}
@keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg)}
}




footer {
	height: 250px;
	background:#003777;
	color: white;
}
footer .footerSon {
	width: 1350px;
	display: flex;
	justify-content: space-between;
	height: 100%;
	margin: 0 auto;
	align-items: center;
}
.footerSon .left p{
	margin: 10px 0;
}
.footerSon .left img {
	vertical-align: middle;
	margin-right: 10px;
}
.footerSon .right {
width: 22%;display: flex;justify-content: space-between
}
.footerSon .right div {
	text-align: center;
}
.footerSon .right div img {
        width: 75%;
    height: 95px;
	margin-bottom: 10px;
}
.footerSon .center {
	text-align: center;
}
.footerSon .center .coop {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}
.footerSon .center .border {
	width: 25px;
	height: 1px;
	background: white;
	margin: 20px auto;
}
.phoneHead {
	display: none;
}
.phoneused  {
	display: none;
}
.phonecenter {
	display: none;
}
.phonemoment {
	display: none;
}
@media screen and (min-width:750px) {
html{
		background: #EDEDED;
}
body {
    background-color: #fff;
    font-size: 16px;
		min-width: 1440px;
		max-width: 1920px;
		margin: 0 auto;
		width: 100%;
		position: relative;
}
}
@media screen and (max-width:750px) {
	html,
	body {
	   
	}
	header {
		display: none;
	}
	.used {
		display: none;
	}
	.moment {
		display: none;
	}
	.phoneHead {
		display: block;
		background: #003777;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		color: white;
		font-size: 14px;
		padding: 0 20px;
	}
	.phoneHead .flexOne {
		width: 70%;
		justify-content: space-between;
		align-items: center;
		display: flex;
	}
	.phoneHead .flexTwo {
		width: 15%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.phoneHead .china {
		width: 100%;
		height: 35px;
		vertical-align: middle;
	}
	.phoneHead .three {
		width: 22px;
		height: 16px;
	}
	.phoneHead .search{
		width: 15px;
		height: 16px;
	}
	.phoneHead .wp_nav .nav-item  {
		width: 100%;
		background: #003777;
		border: 1px solid grey;
		border-bottom: 0;
	}
	.phoneHead .wp_nav .nav-item:last-child {
		border-bottom: 1px solid grey;
	}
	.phoneHead .nav {
		position: absolute;
		top: 50px;
		z-index: 99;
		right: 2px;
        width:40%;
	}
	.banner {
		height: 100%
	}
	.ss2_wrapper {
		margin: 0
	}
	.ss2_wrapper .slideshow_paging a {
		width: 7px;
		height: 7px;
	}
	.ss2_wrapper .slideshow_paging a.activeSlide {
		width: 10px;
		height: 10px;
	}
	.content .center {
		width: 100vw;
		float: none;
	}
	.#wp_news_w5 {
		padding: 20px 30px;
	}
	.wp_article_list .list_item .pr_fields {
		float: none;
	}
	.wp_article_list .list_item .Article_Title {
		width: 80%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.wp_article_list .list_item::before {
		left: -3%;
	}
	.notice {
		width: 94%;
		display: block;
		margin: 30px auto;
	}
	.notice .left {
		width: 100%;
		height: 50px;
	}
	.notice .left .flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0 20px;
	}
	.notice .left .More {
		height: 25px;
		line-height: 25px;
		margin: 0;
	}
	.notice .right {
		width: 100%;
		border: none;
	}
	.noticeTimeMonth {
		width: 20%;
	}
	.noticeTimeDay {
		top: 18%;
		left: 5.5%;
		font-size: 20px;
	}
	.notice .right .rightSon .wp_article_list_table tbody tr td .title {
		width: 70%;
	}
	.notice .right .rightSon .wp_article_list_table tbody tr td {
		width: 100%;
		height: 80px;
		padding: 0;
	}
	.notice .right .rightSon .wp_article_list_table tbody tr {
		display: block;
		padding: 0 10px;
	}
	.content {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.content .center .centerSon .more {
		position: absolute;
		right: 3%;
		background: url('../images/61.png') no-repeat;
		background-size: 100% 100%;
	}
	.content .left .move .img {
		left: 22%;
	}
	.div_stxlb .div_stxlb_list {
		width: 100%;
	}
	.content .left .leftSon .arrowTop {
		left: 48.5%;
	}
	.content .left {
		width: 94%;
		left: 3%;
	}
	.content .left .leftSon .arrowTwo {
		right: 2%;
	}
	.content .center {
		width: 100%;
	}
	#wp_news_w5 {
	    padding: 25px;
	    background: url('../images/62.png') no-repeat;
	    background-size: 100% 100%;
	}
	.div_stxlb .div_stxlb_img img {
		width: 100%;
		height: 255px;
	}
	span.articlelist1_issuetime {
		top: 260px;
	}
	.content .left .leftSon .arrowTop {
		bottom: 24.5%;
	}
	.content .right {
		width: 94%;
		margin: 15px auto;
		float: none;
	}
	.content .right .flex .img .left {
		left: 22%;
	}
	.content .right .flex .img {
		left: 22%;
	}
	.content .right .more {
		background: url('../images/61.png') no-repeat;
		background-size: 100% 100%;
	}
	.pass .fast {
		width: 94%;
		left: 3%;
	}
	.pass .fast .move .img {
		left: 22%;
	}
	.pass .fast .flex {
		flex-wrap: wrap;
	}
	.pass .fast .flex .flexBox {
		width: 50%;
		height: 120px;
	}
	.pass .fast .flex .flexBox img {
		width: 50px;
	}
	.phonemoment {
		display: block;
		position: absolute;
		width: 94%;
		left: 3%;
		bottom: -166px;
		overflow: hidden;
	}
	.phonemoment .demo {
		position: absolute;
		width: 60px;
		height: 60px;
		border-radius: 50px;
		clip: rect(0px 30px 100px 0px);
		background: rgba(0,0,0,0.5);
		right: -30px;
		top: 140px;
	}
	.phonemoment .demos {
		position: absolute;
		width: 60px;
		height: 60px;
		border-radius: 50px;
		clip: rect(0px 100px 100px 30px);
		background: rgba(0,0,0,0.5);
		left: -30px;
		top: 140px;
		text-align: right;
	}
	.phonemoment .momentSon .title a{
		color: #0B3F7C;
		display: block;
		margin: 15px 0;
		font-weight: bold;
	}
	.phonemoment .momentSon .time{
		color: #0B3F7C;
		font-weight: bold;
	}
	.phonemoment .more {
		cursor: pointer;
	}
	.phonemoment .more {
		width: 92px;
		height: 34px;
		line-height: 34px;
		background: url('../images/61.png') no-repeat;
		background-size: 100% 100%;
		text-align: center;
		color: #82ADDF;
		font-weight: bold;
		margin: 20px auto
	}
	.phonemoment .more::before {
		position: absolute;
		content: '';
		width: 1px;
		height: 51px;
		background: #A1C1E7;
		left: 44px;
		top: -51px;
	}
	.phonemoment .leftArrow {
		z-index: 99;
		margin-left: 13px;
		margin-top: 20px;
	}
	.phonemoment .rightArrow {
		z-index: 99;
		margin-right: 13px;
		margin-top: 20px;
	}
	.phonemoment .move {
		color: #003777;
		font-size: 24px;
		width: 200px;
		position: relative;
		margin: 15px 0;
	}
	.phonemoment .move .img {
		position: absolute;
		top: -28%;
		left: 39%;
	}
	.box #qy {
		width: 100% !important;
		display: none;
	}
	.box #qy:first-child{
		display: block;
	}
	.box #qy a img {
		width: 100% !important;
	}
	.box #qy .Img {
		width: 100% !important;
	}
	.phoneused {
		display: block;
		width: 94%;
		margin: 40px auto;
		margin-top: 180px;
	}
	.phoneused .flexTop {
		display: flex;
		justify-content: space-between;
		text-align: center;
		margin: 20px 0;
	}
	.phoneused .flexBottom {
		display: flex;
		justify-content: space-between;
		text-align: center;
	}
	.phoneused .circle {
		width: 12px;
		height: 12px;
		margin-top: 40px;
	}
	.phoneused .link {
		width: 90px;
	}
	.phoneused .journ {
		font-size: 24px;
	    color: #003777;
	}
	.phoneused .move {
		position: relative;
	}
	.phoneused .move .img {
		position: absolute;
		top: -28%;
		left: 22%;
	}
	footer {
		height: 100%;
		font-size: 14px;
		display: flex;
		justify-content: center;
		padding: 20px;
		padding-bottom: 50px;
	}
	footer .footerSon {
		width: none;
		display: block;
	}
	.footerSon .right {
		width: 70%;
		margin: 0 auto;
	}
	.footerSon .right div img {
		width: 100px;
	}
	.footerSon .center {
		margin: 20px 0;
	}
	footer .footerSon .center {
		display: none;
	}
	.phonecenter {
		display: block;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 80%;
		margin: 15px 0;
	}
	.phonecenter .imgOne {
		width: 60%;
	}
	.phonecenter p {
		font-weight: bold;
	}
	footer .footerSon .left{
		margin: 30px 0;
	}
	.wp_nav .sub-nav {
		width: 146px!important;
		top:0px!important;
		left:-96%!important;
	}
	.phonemoment .box .curry div a img {
		width: 100%;
		height: auto;
		aspect-ratio: 4/2.4;
	}
}