﻿.wrap_main{
 position: relative;
}
.wrap_main .banner img {
 height: auto;
}
.main{
  margin-bottom: 0;
}

.sear_warpper{
 position: absolute;
 left: 50%;
 top: 100px;
 transform: translateX(-50%);
 width: 450px;
}
.sear_tit{
 font-size: 30px;
 color: #FFFFFF;
 text-align: center;
}
.sear_con{
 width: 100%;
 height: 48px;
 overflow: hidden;
 border-radius: 30px;
 margin-top: 40px;
 position: relative;
}
.sear_con input#search{
 display: block;
 width: 100%;
 height: 48px;
 line-height: 48px;
 border-radius: 30px;
 border: none;
 background: rgba(255, 254, 254, 0.3);
 border: 2px solid rgba(255, 255, 255, 0.7);
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 outline: none;
 box-sizing: border-box;
 padding:0 80px 0 35px;
 color: #fff;
}
.searbtn{
 position: absolute;
 right: 3px;
 top: 2px;
 background: url(/Content/Areas/News/images/YiYuanGaiKuang/searchBtn.png)no-repeat;
 width: 44px;
 height: 44px;
 background-size: cover;
 border: none;
 cursor: pointer;
}
input.seartxt::-webkit-input-placeholder{
 color:rgba(255, 255, 255, 0.8);
 font-size: 16px;
}

.min-center {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.Min{position: relative;}
.flex_between {
 display: flex;
 justify-content: space-between;
 align-items: start;
}


/* common_1_image */
.pd-60 {
 padding: 60px 0;
}
ul.common_1_ul1 li {
 width: 360px;
 padding-bottom: 20px;
 border-bottom: 1px solid #eee;
}

ul.common_1_ul1 li .img_box {
 display: block;
 width: 100%;
 height: 240px;
 margin-bottom: 20px;
 overflow: hidden;
}

ul.common_1_ul1 li .img_box img {
 width: 100%;
 height: 100%;
 transition: all 0.3s;
}
ul.common_1_ul1 li .img_box img:hover{
  transform: scale(1.1);
  transition: all 0.3s;

}
ul.common_1_ul1 {
 display: flex;
 justify-content: space-between;
 align-items: start;
}

.common_1 .common_1_image {
 width: 750px;
}

ul.common_1_ul1 li .title_type {
 font-size: 16px;
 font-weight: 400;
}

ul.common_1_ul1 li p {
 font-size: 14px;
 font-weight: 400;
 color: #999999;
 margin-top: 10px;
}

ul.common_1_ul1 li p a {
 display: none;
}

ul.common_1_ul1 li span.span_date {
 float: right;
 font-size: 14px;
}
li:hover span.span_date {
 color: #6510AC;
}



ul.common_1_ul2 li {
 width: 360px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 line-height: 43px;
}

ul.common_1_ul2 {
 display: flex;
 justify-content: space-between;
 align-items: start;
 flex-wrap: wrap;
 /* margin-top: 20px; */
}

ul.common_1_ul2 li a {
 font-size: 16px;
}
/* common_1_image */

/* common_1_list */
.common_1_list {
 width: 455px;
}
ul.common_1_ul3 li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 line-height: 43px;
}

ul.common_1_ul3 li a.title_type {
 font-size: 16px;
}
/* common_1_list */

/* common_2_list */
.common_2_con {
 width: 600px;
}

ul.article_list_2 li {
 padding: 30px 0;
 border-bottom: 1px solid #eee;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
}
ul.article_list_2 li a {
 font-size: 16px;
 display: block;
 width: 87%;
}
ul.article_list_2 li:hover a{
  color: #6510AC;
}
ul.article_list_2 li:hover span{
  color: #6510AC;
}
ul.article_list_2 li:hover{
  /* border-color: #6510AC; */
}
/* common_2_list */


/* common_3_list */
.common_3_con {
 width: 100%;
}
ul.article_list_3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
ul.article_list_3 li {
 padding: 30px 0;
 border-bottom: 1px solid #eee;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 600px;
}
ul.article_list_3 li a {
 font-size: 16px;
 display: block;
 width: 80%;
}
ul.article_list_3 li:hover a{
  color: #6510AC;
}
ul.article_list_3 li:hover span{
  color: #6510AC;
}
ul.article_list_3 li:hover{
  /* border-color: #6510AC; */
}

/* common_3_list */



h2.title_headerIndex.title_report p.posi_p{
 color: #EEEEEE;
}

ul.article_list_3 li{
 position: relative;
}
ul.article_list_3 li::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 1px;
 background: #6510ac;
}
ul.article_list_3 li:hover::after {
 width: 100%;
 transition: all 0.3s;
}
.cult_warpper{
  background: #F4F8F8;
}



.tab_wrapper {
  position: absolute;
  top: 182px;
  left: 50%;
  transform: translateX(-50%);
  width: 390px;
  border-radius: 32px;
  height: 64px;
  overflow: hidden;
}

.tab_ul {
  width: 392px;
  display: flex;
  justify-content: space-between;
}

.tab_ul li {
  width: 50%;
  border-right: 1px solid #d6d6d6;
  line-height: 64px;
  font-size: 20px;
  box-sizing: border-box;
  
  text-align: center;
  cursor: pointer;
}
.tab_ul li .tab_liA{
 display: block;
 width: 100%;
 height: 100%;
 color: #333333;
 background: #fff;
}
.tab_ul li:last-child{
  border-right: none;
}
.tab_ul li.active .tab_liA,
.tab_ul li .tab_liA:hover {
  color: #fff;
  background: #6510ac;
}

.puct_wrapper {
 background: #F4F8F8;
}
.puct_wrapper h2.title_headerIndex p.posi_p {
 color: #EEEEEE;
}
.common_2_con {
 width: 600px;
}

.report_wrapper{
 background: #F4F8F8;
 padding: 60px 0 50px;
}
.report_ul{
 margin-top: 20px;
}
.report_ul li{
 float: left;
 width: 400px;
 height: 338px;
 margin-right: 40px;
 background: #fff;
 position: relative;
 box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
}
.report_ul li:nth-child(3n){
 margin-right: 0;
}
.report_ul li .img_box{
 display: block;
 width: 100%;
 height: 260px;
 overflow: hidden;
}
.report_ul li .img_box img{
 width: 100%;
 transition: all 0.3s;
}
.report_ul li .title_type{
 display: block;
 height: 78px;
 line-height: 78px;
 position: absolute;
 text-align: center;
 width: 100%;
 font-size: 18px;
 color: #333333;
}
h2.title_headerIndex.title_report p.posi_p{
 color: #EEEEEE;
}
.report_ul li:hover .img_box img{
 transform: scale(1.05);
}
.report_ul li:hover .title_type{
 color: #6510AC;
}
ul.article_list_2 li::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 1px;
 background: #6510ac;
}

ul.article_list_2 li:hover::after {
 width: 100%;
 transition: 0.3s;
}

.puct_ul li {
 padding: 30px 0;
 border-bottom: 1px solid #eee;
 width: 48%;
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.puct_ul li:nth-child(odd){
 float: left;
}
.puct_ul li:nth-child(even){
 float: right;
}
.puct_ul li a {
 font-size: 16px;
 width: 80%;
 display: block;
}
.puct_ul li:hover a{
  color: #6510AC;
}
.puct_ul li:hover span{
  color: #6510AC;
}
.puct_ul li:hover{
}
.puct_ul li .span_date{
 float: right;
 
}
.puct_ul li::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 1px;
 background: #6510ac;
}

.puct_ul li:hover::after {
 width: 100%;
 transition: 0.3s;
}


@media only screen and (max-width:768px) {
 .tab_wrapper{
 position: initial;
 transform: initial;
 margin: 20px auto;
 }
 .tab_ul li .tab_liA{
 background: #eee;
 }
  .cult_warpper{
 background: none;
  }
 .min-center {
 width: 100%;
 }
 
 .Min .min-center>div>div {
 width: 100%;
 }
 
 .flex_between {
 flex-direction: column;
 }
 
 .report_ul li {
 width: 100%;
 margin-right: 0;
 padding: 0.4rem 0.3rem 0.3rem;
 margin-bottom: 0.3rem;
 margin-top: 0;
 }
 
 
 .report_ul li:nth-child(2n) {
 margin-right: 0;
 }
 
  .report_ul li {
 width: 100%;
 height: auto;
 margin-bottom: 10px;
 box-sizing: border-box;
 background: #F4F8F8;
 }
 
 .report_ul li:nth-child(3n) {
 margin-right: 40px;
 }
 
 .report_ul li:nth-child(2n) {
 margin-right: 0;
 }
 
 .report_wrapper {
 background: #fff;
 padding: 0.15rem 0;
 margin-bottom: 0.2rem;
 }
 
 
 .pd-60 {
 padding: 15px 0;
 }
 
 ul.common_1_ul1 li {
 width: 100%;
 }
 
 ul.common_1_ul1 {
 flex-wrap: wrap;
 }
 
 ul.common_1_ul1 li .img_box {
 height: auto;
 }
 
 ul.common_1_ul1 li .title_type {
 font-size: 0.24rem;
 }
 
 ul.common_1_ul1 li span.span_date {
 font-size: 0.2rem;
 }
 
 ul.common_1_ul1 li p {
 font-size: 0.20rem;
 }
 
 ul.common_1_ul2 li {
 width: 100%;
 }
 
 ul.common_1_ul2 li a {
 font-size: 0.24rem;
 }
 
 span.span_date {
 font-size: 0.2rem;
 }
 
 ul.common_1_ul3 li a.title_type {
 font-size: 0.24rem;
 }
 
 .report_ul li .img_box {
 height: auto;
 }
 
 .report_ul li .title_type {
 position: inherit;
 font-size: 0.2rem;

 }
 
 ul.article_list_2 li a {
 font-size: 0.24rem;
 width: 77%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
  
 .flex_between>div {
 margin-bottom: 0.4rem;
 }
 h2.title_headerIndex p.posi_p {
 font-size: 0.48rem;
 bottom: 0.15rem;
 }
 .sear_warpper{
 display: none;
 }
 ul.article_list_3 li{
 width: 100%;
  padding: 0.3rem 0;
 }
 .puct_wrapper{
 background: #fff;
 }
 .puct_ul li{
 width: 100%;
 padding: 0.3rem 0;
 }
 span.span_date {
 font-size: 0.2rem;
 }
 .puct_ul li a{
 font-size: 0.24rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 74%;
 display: inline-block;
 }
}
@media only screen and (max-width:560px){
 a.title_type {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 74%;
 }
 ul.common_1_ul1 li {
 width: 100%;
 }
 
 ul.common_1_ul1 {
 flex-direction: column;
 }
 
 h2.title_headerIndex p.posi_p {
 /* display: none; */
 }
 
 .report_ul li {

 width: 100%;
 }
 .report_ul li .title_type{
 display: block;
 width: 100%;
 font-size: 0.3rem;
 }
 .report_ul li .rep_p{
 font-size: 14px;
 }
 .tab_wrapper{
 width: 90%;
 height: 0.9rem;
 }
 .tab_ul {
 width: 100%;
 }
 .tab_ul li{
 line-height: 0.9rem;
 border-radius: 0.45rem;
 font-size: 0.4rem;
 }
} 