@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
html,
body {
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  background-color: #ffffff;
}
ul,
li {
  list-style-type: none;
  margin: 0;
}
input,
textarea,
select {
  resize: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 0;
}
a {
  text-decoration: none;
  color: #000;

}
a:hover {
  text-decoration: none;
  color: #000;
}
img {
  max-width: 100%;
  border-style: none;
  vertical-align: middle;
}
.zoom-img {
  overflow: hidden;
}
.zoom-img .img {
  overflow: hidden;
}
.zoom-img img {
  transition: all 0.5s;
}
.zoom-img:hover img {
  transform: scale(1.04);
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -o-transform: scale(1.04);
  -moz-transform: scale(1.04);
}
.clear:after {
  display: block;
  clear: both;
  content: '';
  visibility: hidden;
  height: 0;
}
.clear {
  zoom: 1;
}
.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.nav-page {
  font-size: 0;
  text-align: center;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  box-shadow: none;
}
.btn-link:focus,
.btn-link:hover {
  text-decoration: none;
}
.h1,
.h2,
.h3,
.h4,
.h5 {
  margin: 0;
  font-weight: normal;
}
/*引入字体包*/
@font-face {
  font-family: pingFangM;
  src: url('../fonts/PingFang\ Medium.ttf');
}
@font-face {
  font-family: pingFangB;
  src: url('../fonts/PingFang\ Bold.ttf');
}
@font-face {
  font-family: pingFangR;
  src: url('../fonts/PingFang\ Regular.ttf');
}
@font-face {
  font-family: pingFangL;
  src: url('../fonts/PingFang\ Light.ttf');
}
@font-face {
  font-family: manL;
  src: url('../fonts/manrope-light-4.otf');
}
.wp {
  width: 80%;
  margin: 0 auto;
}
.banner {
  position: relative;
}
.banner .banner_img img {
  width: 100%;
  max-width: 100%;
}
.banner .b_con {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation-name: w3;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
.banner .b_con h1 {
  font-size: 40px;
  font-family: pingFangB;
  font-weight: bold;
  color: #ffffff;
  line-height: 40px;
  text-align: left;
  margin: 0;
}
.banner .b_con p {
  font-size: 16px;
  font-family: pingFangM;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  margin: 10px 0 0 0;
}
.news01_nav .row {
  padding: 84px 22px 84px;
  position: relative;
}
.news01_nav .row .news_top {
  display: flex;
  /*justify-content: center;*/
}
.news01_nav .row .news_top a {
  display: block;
}
.news01_nav .row .news_top div {
  transition: all 0.5s;
  width: 25%;
  height: 70px;
  background: white;
  font-size: 16px;
  font-family: pingFangM;
  color: #4e4d4d;
  line-height: 70px;
  text-align: center;
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
}
.news01_nav .row .news_top div:hover, .news01_nav .row .news_top .on a {
  color: #0082d9;
  background-color: #f3f3f3;
  border-bottom: 2px solid #0082d9;
}
.news01_nav .row .news_top .on{
	color: #0082d9;
	background-color: #f3f3f3;
	border-bottom: 2px solid #0082d9;
}
.news02 .row .row01 .row01_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.news02 .row .row01 .row01_top .row01_top_l {
  width: 63.66%;
  margin: 0 22px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.news02 .row .row01 .row01_top .row01_top_l .l_img {
  width: 100%;
  /*height: 100%;*/
}
.news02 .row .row01 .row01_top .row01_top_l .l_img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  transition: all 1s;
}
.news02 .row .row01 .row01_top .row01_top_l .l_txt {
  position: absolute;
  left: 36px;
  bottom: 34px;
  padding-right: 20px;
}
.news02 .row .row01 .row01_top .row01_top_l .l_txt h1 {
  font-size: 20px;
  font-family: pingFangB;
  color: #fff;
  line-height: 20px;
  margin: 0 0 0.4167vw;
}
.news02 .row .row01 .row01_top .row01_top_l .l_txt p {
  font-family: pingFangL;
  color: #fff;
  line-height: 14px;
  font-size: 14px;
}
.news02 .row .row01 .row01_top .row01_top_l .l_txt .l_txt_p {
  font-family: pingFangM;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  opacity: 0.6;
  margin: 0;
}
.news02 .row .row01 .row01_top_l:hover img {
  transform: scale(1.3);
}
.news02 .row .row01 .row01_top_r {
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 0 22px;
}
.news02 .row .row01 .row01_top_r .r_more{
	border-bottom: 2px solid #ededed;
	padding-bottom: 21px;
}
.news-box{width: 33.33%;}
.news02 .row .row01 .row01_top_r .r_img {
 /* height: 250px;*/
  width: 100%;
  overflow: hidden;
}
.news02 .row .row01 .row01_top_r .r_img img {
  width: 100%;
 /* height: 100%;*/
  max-width: 100%;
  transition: all 1s;
  object-fit: cover;
}
.news02 .row .row01 .row01_top_r .r_txt {
  font-size: 16px;
  font-family: pingFangM;
  color: #4e4d4d;
  cursor: pointer;
}
.news02 .row .row01 .row01_top_r .r_txt .r_txt_p {
  font-size: 14px;
  color: #9f9f9f;
  line-height: 16px;
  margin-top: 20px;
}
.news02 .row .row01 .row01_top_r .r_txt .h1 {
  font-size: 20px;
  color: #000;
  font-weight: 300;
  margin: 8px 0 10px;
}
.news02 .row .row01 .row01_top_r .r_txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  color:#8b8b8b;
}
.news02 .row .row01 .row01_top_r .r_more {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*margin-top: 75px;*/
}
.news02 .row .row01 .row01_top_r .r_more .r_more_txt {
  font-size: 16px;
  color: #727272;
  font-family: pingFangM;
  line-height: 16px;
  margin-top:50px;
}
.news02 .row .row01 .row01_top_r .r_more .r_more_img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.news02 .row .row01 .row01_top_r .r_more .r_more_img img {
  width: 100%;
  max-width: 100%;
}
.news02 .row .row01 .row01_top_r .r_more .r_more_img .img2 {
  display: none;
}
.news02 .row .row01 .row01_top_r:hover .r_more{
  border-bottom: 2px solid #0082d9;
}
.news02 .row .row01 .row01_top_r:hover .h1{
	color: #0082d9;
}
.news02 .row .row01 .row01_top_r:hover .h1 a {
  color: #0082d9;
}



.news02 .row .row01 .row01_top_r:hover .r_more_txt {
  color: #0082d9;
}
.news02 .row .row01 .row01_top_r:hover .r_img>img {
  transform: scale(1.3);
}
.news02 .news-box:hover .img1 {
  display: none;
}
.news02 .news-box:hover .img2 {
  display: flex !important;
}
.news02 .row .row01 .row01_item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.news02 .row .row01 .row01_item .row01_top_r {
  padding: 0 22px;
  margin-bottom: 55px;
}
.news02 .row .row01 .row01_item .row01_top_r:nth-child(3n){
	padding-right: 0;
}
.news02 .row .row01 .page {
  margin: 78px 0 110px;
}
.news02 .row .row01 .page ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news02 .row .row01 .page ul li {

}
.news02 .row .row01 .page ul li a{
	font-size: 14px;
	font-family: pingFangM;
	color: #fff;
 height: 48px;
  width: 48px;
  display:block;
  background-color: #a3a3a3;
  margin-left: 14px;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.news02 .row .row01 .page ul li a.on{
	background-color: #0082d9;
}
.news02 .row .row01 .page ul li:first-child {
  margin-left: 0;
  width: 68px;
}
.news02 .row .row01 .page ul li:last-child {
  width: 68px;
}
.news02 .row .row01 .page ul li:hover {
  background-color: #0082d9;
}
@media screen and (max-width: 1400px) {
	.news02 .row .row01 .row01_top_r .r_more .r_more_txt{
		margin-top:0px;
	}
	.news02 .row .row01 .row01_top .row01_top_l .l_txt{
		bottom:46px;
	}
}