@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, 
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, 
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption, 
figure, footer, header, hgroup, menu, nav, section, summary,time, mark, 
audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  outline-style:none;
}
button{
	background:#fff;
}
input,textarea,button{
	border:none;
}
header,nav,main,footer,section,article{
  display: block;
}
html,body{
  width: 100%;
	height: 100%;
	position: relative;
  font-family: '微软雅黑';
  font-size: 16px;
  color: #001d18;
}
.row{
  margin: 0;
  padding: 0;
}
body {
  line-height:1;
}
ul,ol,li{
  list-style: none;
}
a{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
a,a:visited,a:hover,a:active,a:focus {color:#001d18; text-decoration:none;} 
input, select {
  vertical-align:middle;
}
textarea{resize: none; overflow: auto;}
i{
  font-style: normal;
}
/*css为clearfix，清除浮动*/
.clear::before,
.clear::after{
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.clear:after{clear:both;} 
.clear{ 
  *zoom:1;/*IE/7/6*/
}
.fl{float: left;}
.fr{float: right;}
.sut{vertical-align: top};
.sum{vertical-align: middle};
.sub{vertical-align: bottom};
.sut-t{vertical-align: text-top};
.sub-t{vertical-align: text-bottom};
.opacity{opacity: 0;};
.flow-hid{overflow: hidden;}
.img-w{display: block;width: 100%;}
.img-h{display: block;height: 100%;}
.img-w-h{display: block;width: 100%;height: 100%;}
.img-w-c{display: block;width: 100%;object-fit: cover;}
.img-h-c{display: block;height: 100%;object-fit: cover;}
.img-w-h-c{display: block;width: 100%;height: 100%;object-fit: cover;}
.position_r{position: relative;}

.display_flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._display_flex{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
}

/* 选项卡 start */

#main{
  width: 100%;
  overflow: hidden;
  /* margin-top: 80px; */
}
.sec_banner{
  height: 620px;
  width: 100%;
}
.sec_nav{
  width: 100%;
  /* border-bottom: 1px solid #cbcbcb; */
  position:relative;
}
.sec_nav_border{
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.sec_nav_border i{
  display: block;
  width: 120px;
  height: 3px;
  background: #007457;
  position: absolute;
  bottom: -1px;
}
.sec_nav_border h3{
  font-size: 30px;
}
.sec_nav ul{
  display: flex;
  margin: 0 auto;
  width:100%
}
.sec_nav li{
  margin: 0 22px;
  font-size: 20px;
  color: #001d18;
  text-align: center;
  cursor: pointer;
  width: 50%;
}
.sec_nav ul .active{
  font-weight: normal;
  border-bottom:none;
}
.sec_nav .sec_nav_hov{
  color: #1790FF;  

}
.sec_nav .active a{
  color: #1790FF;  
}
/* 选项卡 end */

/* .main_box{
  padding-top: 110px;
  padding-bottom: 180px;
} */

/* 翻页样式 */
.page_wrap{
  padding: 30px 0;
}
.page_wrap .page{
  display: flex;
  justify-content: center;
}
.page_wrap .page li a{
  font-size: 14px;
  line-height: 20px;
  padding: 4px 9px;
  border: 1px solid #c9c9c9;
  margin-left: 4px;
  margin-right: 4px;
}
.page_wrap .page li:nth-child(1) a,
.page_wrap .page li:nth-child(2) a,
.page_wrap .page li:last-child a{
  padding: 4px 14px;  
}
.page_wrap .page li a:hover{
  background-color: #1790FF;
  border:1px solid #1790FF;
  color: #fff;
}
.page_wrap .page li a.fs_c{
  background-color: #1790FF;
  border:1px solid #1790FF;
  color: #fff;
}
/* page */
.star-page { margin: 40px 0 20px 0; padding: 0; text-align: center; }
.star-page > li { list-style: none; box-sizing: border-box; display: inline-block; vertical-align: middle; cursor: default; min-width: 24px; height: 24px; line-height: 24px; border: 1px solid #CCC; background-color: #FFF; font-size: 12px; text-align: center; margin-right: 4px; border-radius: 3px; }
.star-page > li:hover, .star-page > li:active { border-color: #AAA; }
.star-page > li:hover > a, .star-page > li:active > a { color: #333; }
.star-page > li > a { display: block; width: 100%; color: #666; }
.star-page > li.active { border-color: #1790FF; background-color: #1790FF; }
.star-page > li.active > a { color: #FFF; }
.star-page > li.disabled { cursor: not-allowed; border-color: #CCC; background-color: #F6F6F6; }
.star-page > li.disabled > a { cursor: not-allowed; color: #C9C9C9; }
.star-page > li.disabled:hover, .star-page > li.disabled:active { border-color: #CCC; }
@media screen and (max-width: 768px) {
  #main{margin-top: 0;}
  /* 选项卡 */
  /* .main_box{
    padding-top: 60px;
    padding-bottom: 100px;
  } */
  .sec_nav_border h3,.sec_nav_border>i{
    display: none;
  }
  .sec_nav li{
    margin: 0 13px;
  }
  .sec_nav_border{
    width: 95%;
    height: 60px;
  }
  
}

@media screen and (max-width: 499px) {

  /* .main_box{
    padding-top: 30px;
    padding-bottom: 60px;
  } */
  /* .page_wrap{
    margin-top: 30px;
  } */
  .page_wrap .page li:nth-child(1) a,
  .page_wrap .page li:nth-child(2) a,
  .page_wrap .page li:last-child a{
    display: none;
  }
  
}