article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body, button, input, pre, select, textarea {
  font: 12px/1.5 Arial, "Myriad Pro", "microsoft yahei", tahoma, \5b8b\4f53
}
input, select, textarea {
  font-size: 100%
}
th {
  text-align: inherit
}
fieldset, img {
  border: 0
}
img {
  vertical-align: top
}
iframe {
  display: block
}
abbr, acronym {
  border: 0;
  font-variant: normal
}
del {
  text-decoration: line-through
}
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400
}
ol, ul {
  list-style: none
}
caption, th {
  text-align: left
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400
}
a {
  color: #333;
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}
a:focus {
  outline: 0;
  text-decoration: none
}
a:hover {
  text-decoration: underline
}
i {
  font-style: normal
}
input:focus, keygen:focus, select:focus, textarea:focus {
  outline: 0;
  outline-offset: 0
}
::-webkit-input-placeholder {
  color: #e0e0e0
}
::-moz-placeholder {
  color: #e0e0e0
}
:-ms-input-placeholder {
  color: #e0e0e0
}
input:-moz-placeholder {
  color: #e0e0e0
}
.cf:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0
}
.cf {
  zoom: 1
}
.fl {
  float: left
}
.fr {
  float: right
}
.mt10 {
  margin-top: 10px
}
.mt15 {
  margin-top: 15px
}
.mt20 {
  margin-top: 20px
}
.mt30 {
  margin-top: 30px
}
.mt40 {
  margin-top: 40px
}
.isPc .mb30{ margin-bottom: 30px;}
.isWap .mb30{ margin-bottom: 0;}

.isPc .mt50{ margin-top: 50px;}
.isWap .mt50{ margin-top:7vw;}

html.isPc .wap_box, html.isWap .pc_box {
  display: none
}
html.isPc .pc_box, html.isWap .wap_box {
  display: block
}
html.isWap a:hover {
  text-decoration: none
}
.isPc .wrapper {
  min-width: 1240px;
  overflow: hidden
}
.isPc .w {
  width: 1200px;
  margin: 0 auto
}
body {
  padding-bottom: 0
}
.wrapper {
  display: none
}
.isPc .wrapper, .isWap .wrapper {
  display: block
}
.isPc .wap-item {
  display: none
}
.isWap .pc-item {
  display: none
}
.isPc body{ background:#ecf1f7 url("../i/bg1.png") no-repeat center top;}
.isPc .main{ width:1200px; margin:780px auto 0; overflow: hidden;}
.isPc .main_lft{width:820px; float:left;}
.isPc .main_rgt{width:350px; float:right; }
.isPc .main_lft li { background:#fff; padding:15px; overflow: hidden; margin-bottom:23px;}
.isPc .main_lft li span{width:298px; height:186px; display: block; float:left; margin-right:18px;}
.isPc .main_lft li span img{width:100%; height:186px;}
.isPc .main_lft_txt h3{ font-size:26px; line-height: 30px; font-family: Times, "Times New Roman", "serif"; margin-bottom:10px;}
.isPc .main_lft_txt h3 a{color:#000;}
.isPc .main_lft_txt p{font-size:16px; line-height: 22px; color:#333333;} 

.isWap body{ background:#002e69 url("../i/wap/wap_banner.jpg") no-repeat center top; background-size:100%; }
.isWap .main{ width:94%; margin:25vh 3% 0; overflow: hidden;}
.isWap .main_lft{width:100%;}
.isWap .main_rgt{width:100%;}
.isWap .main_lft li { background:#fff; padding:3%; overflow: hidden; margin-bottom:1.5vh;}
.isWap .main_lft li span{width:45%; height:auto; display: block; float:left; margin-right:5%;}
.isWap .main_lft li span img{width:100%; height:auto;}
.isWap .main_lft_txt h3{ font-size:4vw; line-height:4.5vw; font-family: Times, "Times New Roman", "serif"; margin-bottom:0.5vh;}
.isWap .main_lft_txt h3 a{color:#000;}
.isWap .main_lft_txt p{font-size:2.4vw; line-height:3vw; color:#333333;} 

/* PageControl_Box  */
 .isPc .PageControl_Box{display: block;position: relative; margin: 0;  padding: 50px 0 90px;  width: 100%;height: auto;}
 .isPc .PageControl_Div{ display: flex;  flex-wrap: nowrap; justify-content: center;  position: relative;margin: 0 auto;padding: 0; width: auto; height:36px;  min-width: 100px; /* border: 1px solid saddlebrown; */}
  .isPc .PageControl_Next{ float: left;   display: block; position: relative; margin: 0; padding: 0; border:1px solid #dddddd; height:30px; width: auto;min-width:30px; padding-left:5px; padding-right:5px; margin-right:  0; }
 .isPc .PageControl_Prev{ float: left;   display: block; position: relative; margin: 0; padding: 0;  border:1px solid #dddddd;  height:30px; width: auto;min-width:30px; padding-left:5px; padding-right:5px; margin-right: 8px; }
  .isPc .PageControl_Next a, .isPc .PageControl_Prev a{display: block; position: relative; margin: 0;  padding: 0; height:30px; line-height:30px; font-size: 16px; color: #024ca1;}
  .isPc .PageControl_Num{     display: block; position: relative; margin: 0; padding: 0;  width: auto;  height: 18px;}
  .isPc .PageControl_Num ul{     display: block; position: relative; margin: 0;padding: 0; width: auto; height: 18px; list-style: none;}
  .isPc .PageControl_Num li{ padding-bottom:0; border-bottom:0; float: left; display: block;position: relative; margin: 0;  padding: 0; width: 30px; height:30px; border:1px solid #0055ad; font-size: 16px; text-align: center; margin-right: 8px;}
  .isPc .PageControl_Num ul .NumOn{   background-color: #0055ad;}
  .isPc .PageControl_Num ul .NumOn a{   color: #FFF;    }
  .isPc .PageControl_Num li a{ display: block;position: relative; margin: 0; padding: 0;width:30px; height:30px; line-height:30px; color: #024ca1;   font-size: 16px; text-align: center;}

 .isWap .PageControl_Box{display: block;margin: 0;  padding: 3vh 0 6vh;  width: 100%;height: auto;}
 .isWap .PageControl_Div{ display: flex;  flex-wrap: nowrap; justify-content: center;  position: relative;margin: 0 auto;padding: 0; width: auto; height: 22px;  min-width: 100px; /* border: 1px solid saddlebrown; */}
 .isWap .PageControl_Next{ float: left;   display: block; position: relative; margin: 0; padding: 0; border:1px solid #dddddd; height:22px; width: auto;min-width:22px;  margin-right:  0;}
 .isWap .PageControl_Prev{ float: left;   display: block; position: relative; margin: 0; padding: 0; border:1px solid #dddddd; height: 22px; width: auto;min-width:22px;  margin-right: 8px;}
  .isWap .PageControl_Next a, .isWap .PageControl_Prev a{ display: block; position: relative; margin: 0;  padding: 0; height:22px; line-height:22px; font-size: 16px; color: #6e6e6e; text-align: center; background: #fff;}
  .isWap .PageControl_Num{     display: block; position: relative; margin: 0; padding: 0;  width: auto;  height: 22px;}
  .isWap .PageControl_Num ul{     display: block; position: relative; margin: 0;padding: 0; width: auto; height: 22px; list-style: none;}
  .isWap .PageControl_Num li{float: left;  border:1px solid #dddddd; display: block;position: relative; margin: 0;  padding: 0; width:22px; height:22px; font-size: 16px; text-align: center; margin-right: 8px; }
  .isWap .PageControl_Num ul .NumOn{   background-color: #58b8f6;}
  .isWap .PageControl_Num ul .NumOn a{   color: #FFF;    }
  .isWap .PageControl_Num li a{display: block; position: relative; margin: 0; padding: 0;width:22px; height:22px; line-height:22px; color: #333;   font-size: 14px; text-align: center;}

.isPc .main_rgt h3{ background: url("../i/bt_line.png") no-repeat right center; height:30px; line-height: 30px; font-size:30px; margin-bottom: 18px;}
.isPc .main_rgt h3 a{color:#fff;}
.isPc .main_rgt .rgt_tw{  font-size:22px; line-height: 26px; font-family:Times, "Times New Roman", "serif";  color:#fff; margin-bottom:25px;}
.isPc .main_rgt .rgt_tw a{color:#fff;}
.isPc .main_rgt .rgt_tw p{display: block; padding-top:15px;}
.isPc .topBox{width:100%; height:40px; padding-bottom:13px;}
.isPc .topBox a{display: block; width:40px; height:40px; margin:0 auto;}
.isPc .footer{ background:#003f8d;}
.isPc .footer p{width:920px; margin:0 auto; padding-top:57px; padding-bottom:60px; font-size:20px; line-height: 28px; color:#789bd6; text-align: center;}


.isWap .main_rgt h3{ background: url("../i/wap/bt_line_w.png") no-repeat right center; height:6vh; line-height:6vh; font-size:6vw; margin-bottom:1.5vh;}
.isWap .main_rgt h3 a{color:#fff;}
.isWap .main_rgt .rgt_tw{ font-size:4vw; line-height:5vw; font-family:Times, "Times New Roman", "serif";  color:#fff; margin-bottom:3vh;}
.isWap .main_rgt .rgt_tw img{width:100%;} 
.isWap .main_rgt .rgt_tw a{color:#fff;}
.isWap .main_rgt .rgt_tw p{display: block; padding-top:1.5vh;}
.isWap .topBox{width:100%; height:4vh; padding-top:2vh; padding-bottom:3vh; background: #fff;}
.isWap .topBox a{display: block; width:8vw; height:8vw; margin:0 auto;}
.isWap .topBox a img{width:100%;}
.isWap .footer{ background:#003f8d;}
.isWap .footer p{width:100%; margin:0 auto; padding-top:9%; padding-bottom:10%; font-size:3vw; line-height:4vw; color:#789bd6; text-align: center;}
#displaypagenum {
	font-size:14px;
	font-weight:bold;
	color:#a0a3a5;
    overflow: hidden;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-weight:normal;
	margin:20px 0 0;
    line-height: 35px;
}

#displaypagenum {
text-align: center;
}
#displaypagenum span {
	text-decoration:none;
	color:#a0a3a5;
	padding:5px 10px;
	background-color:#0055ad;
	border-color:#ebebeb;
	color:#fff;
	border:1px solid #CCCCCC;
}
#displaypagenum a {
text-decoration:none;
	color:#a0a3a5;
	padding:5px 10px;
	background-color: #f3f3ed;
	border:1px solid #CCCCCC;
}

#displaypagenum span:hover,#displaypagenum a:hover{background-color:#0055ad;border-color:#636566;color:#fff;cursor:pointer;}