.banger-box {
  width: 100%;
  background: rgba(255, 255, 255, 1);
}

/*查找资源*/
.banger-head {
  width: 100%;
  height: 520px;
  background: url("../../img123/banner1.png") center no-repeat;
  background-size: cover;
}

.banger-center {
  width: 1280px;
  margin: 0 auto;
}

.banger-text {
  height: 60px;
  font-size: 60px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 60px;
}

.banger-title {
  text-align: center;
  padding-top: 116px;
}

.banger-text i {
  color: #FCD436;
}

.banger-two {
  height: 25px;
  font-size: 24px;
  margin-top: 25px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 25px;
}

.banger-line_top {
  margin-top: 25px;
}

.banger-line {
  margin: 0 auto;
  width: 27px;
  border-top: 1px dashed rgba(245, 245, 245, 0.2);
}


.banger-find {
  width: 200px;
  height: 50px;
  background: rgba(44, 107, 234, 1);
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.banger-find-box {
  margin-top: 50px;
  display: block;
}

.banger-find span {
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: rgba(249, 251, 255, 1);
  line-height: 50px;
  margin-left: 6px;
}

.top_bar {
  background-color: #fff;
  padding: 17px 0 13px;
  height: 70px;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  margin: 54px 40px 0;
  box-shadow: 1px 1px 5px #EEEEEE, -1px -1px 5px #EEEEEE;
}

.top_bar_item {
  width: 240px;
  border-right: 1px solid #F5F5F5;
  text-align: center;
  cursor: pointer;
}


.top_bar_item:last-child {
  border-right: none
}

.top_bar_item .title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 2px;
}

.top_bar_item .desc {
  font-size: 14px;
  color: #999999;
  padding: 1px 6px;
}

.top_bar_item .title_hover {
  color: #2E75FF;
}

.top_bar_item .desc_hover {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #2E75FF;
  border-radius: 10px;
}









.quote-box {
  width: 1200px;
  height: 150px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 12px 0 rgba(69, 71, 70, 0.14);
  border-radius: 4px;
  position: relative;
  top: 102px;
  margin: 0 auto;
}

.quote-box_top {
  width: 1078px;
  height: 50px;
  display: flex;
}

.quote-box_center {
  display: flex;
  justify-content: center;
  padding-top: 37px;
}

.quote-input {
  width: 1000px;
  height: 50px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(44, 107, 234, 1);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left: 28px;
  display: flex;
  align-items: center;
}

.quote-right {
  width: 200px;
  height: 50px;
  background: rgba(44, 107, 234, 1);
  border-radius: 0 4px 4px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 50px;
}

.quote-input_one {
  display: flex;
  align-items: center;
}

.quote-input_one input {
  width: 300px;
  margin-left: 18px;
  font-size: 15px;
  font-weight: 400;
  color: #333333;
}

.quote-line {
  width: 1px;
  height: 23px;
  background: rgba(238, 238, 238, 1);
  margin-left: 73px;
}

.input_two {
  margin-left: 38px;
}

.phone-box {
  margin-top: 19px;
}

.phone-box {
  display: flex;
  align-items: center;
  margin-left: 63px;
}

.phone-box span {
  height: 17px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: 17px;
  margin-left: 8px;
}

.phone-box span i {
  color: #FF7D27;
}


/*资质服务，为企业成长而生*/
.banger-service {
  width: 100%;
  height: 800px;
  background: url("../../img123/banner2.png") center no-repeat;
  background-size: cover;
}

.banger-top {
  padding-top: 123px;
}

.banger-top_box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.banger-top_box span {
  height: 36px;
  font-size: 36px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 36px;
  margin: 0 14px;
}

.banger-fudge {
  height: 15px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  line-height: 15px;
  text-align: center;
  margin-top: 13px;
}

.service-box {
  display: flex;
  margin-top: 52px;
}

.service-list {
  width: 160px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 2px;
  text-align: center;
  border: 1px solid rgba(221, 221, 221, 1);
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}

.service-list > i {
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid #2C6BEA;
  position: absolute;
  left: 71px;
  right: 0;
  top: 38px;
  bottom: 0;
  z-index: 999;
  opacity: 0;
}

.service-two {
  width: 160px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 2px;
  text-align: center;
  border: 1px solid rgba(221, 221, 221, 1);
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  margin-left: 14px;
}

.service-list:not(:first-child) {
  margin-left: 14px;
}

.service-box_center {
  display: flex;
  justify-content: center;
}

.service-box_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 11px;
  padding: 0 41px;
}

.service_button_top {
  display: block;
  margin-top: 19px;
}

.service-box-img {
  width: 188px;
  height: 188px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 12px 0 rgba(69, 71, 70, 0.13);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-top: 14px;
  transition:  all 0.3s;
}
.service-box-img:hover{
  margin-top:9px;
}

.service_img {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}


.service_top {
  margin-top: 30px;
}

.service_name {
  height: 15px;
  font-size: 14px;
  margin-top: 16px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 15px;
  text-align: center;
}

.service_button {
  width: 104px;
  height: 30px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(237, 132, 88, 1);
  border-radius: 15px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(226, 113, 39, 1);
  line-height: 29px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.1s;
}
.service_button:hover{
   background-color:#FF7D27;
  color:#ffffff;
}

.on_list {
  display: flex !important;
}

.service_list {
  display: none;
  opacity: 0;
}

/*转让资质 高效快速6步轻松搞定*/
.transfer_box {
  width: 100%;
  height: 620px;
  background: url("../../img123/banner3.png") center no-repeat;
  background-size: cover;
}

.transfer_center {
  padding-top: 92px;
}

.banger_text {
  height: 36px;
  font-size: 36px;
  line-height: 36px;
  margin: 0 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
}

.transfer_lc {
  margin-top: 99px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transfer-img {
  width: 118px;
  height: 118px;
  background: #47474C;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer-img_center {
  width: 100px;
  height: 100px;
  background: rgba(0, 96, 255, 1);
  border: 8px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer-img_center span {
  display: block;
  width: 19px;
  height: 19px;
  background: rgba(255, 125, 39, 1);
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 19px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
}

.transfer-img_text span:nth-child(1) {
  height: 19px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 19px;
  display: block;
  text-align: center;
}

.transfer-img_text span:nth-child(2) {
  height: 11px;
  font-size: 10px;
  margin-top: 9px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 11px;
  opacity: 0.21;
  text-transform: uppercase;
}

.transfer-img_text {
  margin-top: 15px;
  text-align: center;
}

.transfer_img {
  width: 37px;
  height: 70px;
}

.transfer-phone_top{
  margin-top: 73px;
}

.transfer-phone {
  width:435px;
  height:50px;
  background:rgba(255,255,255,1);
  border:2px solid rgba(251,172,5,1);
  box-shadow:0 0 12px 0 rgba(69,71,70,0.13);
  border-radius: 25px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transfer_text{
  height:17px;
  font-size:16px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:17px;
  margin-left: 32px;
}

.transfer_text i{
  font-size:20px;
  margin-left: 4px;
  font-weight:bold;
  color:rgba(255,125,39,1);
}

.transfer_text_r{
  width:163px;
  height:50px;
  background:rgba(251,172,5,1);
  border-radius:25px 25px 25px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transfer_text_r span{
  margin-right: 7px;
  height:19px;
  font-size:18px;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:19px;
}

/*资质转让  有实力才有效率*/

.prove-box{
  width: 100%;
  height: 770px;
  background: url("../../img123/banner4.png") center no-repeat;
  background-size: cover;
}

.banger_top{
  padding-top: 30px;
}

.banger_title{
  height:37px;
  font-size:36px;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:37px;
  margin: 0 14px;
}

.banger_center{
  padding: 0 40px;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.banger-list{
  width:220px;
  height:240px;
  background:rgba(255,255,255,1);
  box-shadow:0 0 12px 0 rgba(69,71,70,0.14);
  border-radius:4px;
  position: relative;
  display: flex;
  justify-content: center;
  transition:  all 0.3s;
}
.banger-list:hover{
  margin-top:-5px;
}


.banger_it{
  width: 26px;
  height: 6px;
  position: absolute;
  left: 11px;
  right: 0;
  top: 11px;
  bottom: 0;
  z-index: 999;
  display: flex;
}

.banger_it span {
  width:6px;
  height:6px;
  background:rgba(85,85,85,0.09);
  border-radius:3px;
  display: block;
}
.banger_it span:not(:first-child){
  margin-left: 4px;
}

.banger-list_img{
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.icon_x_hover{
  display: none;
}
.banger-list:hover{
  background-color: #1D70FF;
}
.banger-list:hover .icon_x_hover{
   display: block;
}
.banger-list:hover .icon_x{
  display: none;
}
.banger-list:hover .banger_it>span{
   background-color:#ffffff;
}
.banger-list:hover .banger-list_title{
   color:#ffffff;
 }
.banger-list:hover .banger-list_text{
  color:#ffffff;
}

.banger-list_box{
  margin-top: 40px;
}

.banger-list_title{
  height:19px;
  font-size:18px;
  margin-top: 22px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:19px;
  text-align: center;
}

.banger-list_text{
  width:100px;
  height:33px;
  font-size:14px;
  margin-top: 15px;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:20px;
  text-align: center;
}

.banger_top-center{
  margin: 0 auto;
  width:1200px;
}

.banger_top-box{
  position: relative;
  margin-top: 61px;
  width:100%;
  height:480px;
  background:rgba(255,255,255,1);
  background: url('../../img123/banner7.png') no-repeat;
  box-shadow:0 0 12px 0 rgba(69,71,70,0.14);
}

.banger_border{
  width: 400px;
  height: 241px;
  transition: all 0.3s;
}
.banger_border:hover{
  box-shadow:0 0 12px 0 rgba(69,71,70,0.14);
}



.banger_border:not(:last-child){
  border-right: 1px dashed #e6e6e6;
}

.banger_border_img{
  width: 55px;
  height: 55px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 auto;
}

.banger_border_text{
  width: 200px;
  text-align: center;
  margin: 0 auto;
}

.banger_border_top{
  margin-top: 60px;
}

.banger_border_text span:nth-child(1){
  height:21px;
  font-size:20px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:21px;
  display: block;
  margin-top: 17px;
}

.banger_border_text span:nth-child(2){
  height:16px;
  font-size:15px;
  margin-top: 11px;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:16px;
  display: block;
}

.banger_one{
  display: flex;
}

.border_two{
  border-top: 1px dashed #e6e6e6;
}

.banger_one_img{
  width: 167px;
  height: 310px;
  position: absolute;
  left: -167px;
  right: 0;
  top: 112px;
  bottom: 0;
  z-index: 999;
}


/*已累计为数万家企业提供了服务*/
.certificate-box{
  width: 100%;
  height: 1000px;
  background:rgba(255,255,255,1);
}

.certificate-center{
  margin-top: 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.certificate_img{
  width:220px;
  height:300px;
  background:rgba(235,235,235,1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificate_img_box{
  width:190px;
  height:271px;
  overflow: hidden;
}
.certificate_img_box>img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition:  all 0.3s;
}
.certificate_img:hover img{
  transform:scale(1.1);
}
.certificate_record{
  height:17px;
  font-size:16px;
  margin-top: 13px;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:17px;
  text-align: center;
}

.certificate_text{
  margin-top: 34px;
  transition:  all 0.3s;
}
.certificate_text:hover{
  margin-top:29px;
}

/*四川省建筑行业数据*/

.building{
  width: 100%;
  height: 840px;
  background: url("../../img123/banner5.png") center no-repeat;
  background-size: cover;
}


.banger_bt{
  height:37px;
  font-size:36px;
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:37px;
  margin: 0 14px;
}

.transfer_map{
  width:1200px;
  height:480px;
  background:rgba(255,255,255,1);
  box-shadow:0 0 12px 0 rgba(69,71,70,0.14);
  border-radius:4px;
  margin: 0 auto;
  display: flex;
}

.transfer_map-box {
  margin-top: 55px;
}

.transfer_map_left {
  width: 485px;
}

.transfer_map_text{
  margin: 44px 0 0 46px;
}

.transfer_map_text span:nth-child(1){
  height:21px;
  font-size:20px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:21px;
  display: block;
}

.transfer_map_text span:nth-child(2){
  height:15px;
  font-size:14px;
  margin-top: 12px;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:15px;
  display: block;
}

.transfer_map_img {
  width: 347px;
  height: 274px;
  margin: 56px 0 0 65px;
}

.transfer_map_right {
  width: 715px;
}

.transfer_img_r{
  width: 651px;
  height: 292px;
  margin-top: 42px;
}

.text_rg{
  margin: 44px 0 0 0;
}

.transfer-phone_map{
  margin-top: 51px;
}


/*服务保障*/
.guarantee{
  width: 100%;
  height: 620px;
  background: url("../../img123/banner6.png") center no-repeat;
  background-size: cover;
}

.bt_a{
  width:112px;
}

.bt_b{
  width:126px;
}

.bt_c{
  width:127px;
}

.bt_d{
  width:135px;
}

.transfer-phone_two{
  margin-top: 49px;
}

/* 收购公司 */

.cmy_info_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px;
  margin-top: 16px;
}
.cmy_info_item {
  width: 287px;
  height: 357px;
  border: 1px solid #EEEEEE;
  position: relative;
  border-radius: 6px;
  margin-bottom: 16px;
  transition: all 0.3s;
  margin-right: 17px;
}
.cmy_info_item:nth-child(4n+4) {
  margin-right: 0;
}
.cmy_info_item:hover {
  margin-top: -10px;
}
.cmy_info_item:hover .info .bt span {
  background-color: #3573EC;
  color: #fff;
}
.cmy_info_item .mask {
  width: 100%;
  height: 149px;
  background-color: #597CBC;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 6px 0 0 ;
}
.cmy_info_item .type_level {
  padding: 0 5px;
  height: 23px;
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  top: 126px;
  right: 0;
  border-radius: 6px 0 0 0 ;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
}
.cmy_info_item .info {
  padding: 19px 25px;
}
.cmy_info_item .info .type {
  font-size: 12px;
  position: relative;
}
.cmy_info_item .info .type img {
  font-size: 12px;
  position: absolute;
  left: -10px;
  top: -5px;
}
.cmy_info_item .info .select img {
  font-size: 12px;
  position: absolute;
  left: -12px;
  top: -7px;
}
.cmy_info_item .info .resources img {
  font-size: 12px;
  position: absolute;
  left: -12px;
  top: -2px;
}
.cmy_info_item .info .type span{
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.cmy_info_item .info .new span {
  padding: 0 8px;
  border-radius: 4px;
}
.cmy_info_item .info .new .today {
  color: #008D52;
  background-color: #D3F2E5;
}
.cmy_info_item .info .new .before {
  color: #CA5504;
  background-color: #FEEEE4;
}
.cmy_info_item .info .hot {
  margin-left: 8px;
}
.cmy_info_item .info .hot span {
  padding: 0 6px 0 22px;
  background-color: #FF38BB;
  border-radius: 10px;
  color: #ffffff;
}
.cmy_info_item .info .select {
  margin-left: 8px;
}
.cmy_info_item .info .select span {
  padding: 0 6px 0 22px;
  background-color: #FFBA14;
  border-radius: 10px;
  color: #ffffff;
}
.cmy_info_item .info .second {
  height: 22px;
}
.cmy_info_item .info .second span {
  display: inline-block;
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-color: #FF8C48;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
}
.cmy_info_item .info .second i {
  color: #FF8C48;
}
.cmy_info_item .info .resources {
  margin-left: 8px;
}
.cmy_info_item .info .resources span {
  padding: 0 6px 0 22px;
  background-color: #02AEFE;
  border-radius: 10px;
  color: #ffffff;
}

.cmy_info_item .info .name {
  color: #333333;
  font-size: 18px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmy_info_item .info .price {
  margin-top: 12px;
  color: #FF7726;
  font-size: 14px;
  font-weight: bold;
}
.cmy_info_item .info .bt {
  margin-top: 30px;
}
.cmy_info_item .info .bt span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  border: 1px solid #3573EC;
  padding: 0 16px;
  color: #3573EC;
  font-size: 14px;
}



.loading i {
  width: 13px;
  height: 13px;
  display: block;
  border-radius: 50%;
  margin: 12px auto;
}
.loading i:first-child {
  animation: loading 2s linear .5s infinite
}
.loading i:nth-child(2) {
  animation: loading 2s linear 1s infinite
}
.loading i:nth-child(3) {
  animation: loading 2s linear 1.5s infinite
}

@keyframes loading {
  0% {
    background-color: rgb(209,210,208)
  }
  50% {
    background-color: rgb(150,151,150)
  }
  100% {
    background-color: rgb(88,88,87)
  }
}

.cmy_bottom {
  margin-top: 50px;
  padding: 0 40px 50px;
}
.cmy_bottom .big_title {
  color: #333333;
  font-size: 30px;
  text-align: center;
}
.cmy_bottom .find_sell {
  display: flex;
  justify-content: space-between;
  margin-top: 33px;
}
.cmy_bottom .find_sell .find {
  display: flex;
  position: relative;
  align-items: center;
  width: 598px;
  height: 160px;
  padding-left: 64px;
  background: url('../../img123/find_bg.png') no-repeat;
}
.cmy_bottom .find_sell .sell {
  display: flex;
  position: relative;
  align-items: center;
  width: 598px;
  height: 160px;
  padding-left: 64px;
  background: url('../../img123/sell_bg.png') no-repeat;
}
.cmy_bottom .find_sell .content {
  margin-left: 18px;
}
.cmy_bottom .find_sell .name {
  color: #FFFFFF;
  font-size: 32px;
  display: block;
  margin-bottom: 4px;
}
.cmy_bottom .find_sell .desc {
  color: #FFFFFF;
  font-size: 16px;
}
.cmy_bottom .find_sell .bt {
  position: absolute;
  right: 50px;
  top: 65px;
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 16px;
  font-size: 14px;
  cursor: pointer;
}
.cmy_bottom .find_sell .find .bt {
  color: #00BE5D;
  background-color: #FFFFFF;
}
.cmy_bottom .find_sell .find .bt::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../../img123/jiantou1.png) no-repeat;
}
.cmy_bottom .find_sell .sell .bt {
  color: #fff;
  border: 1px solid #FFFFFF;
}
.cmy_bottom .find_sell .sell .bt::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../../img123/jiantou.png) no-repeat;
}



/*海量资源*/
.resources{
  width: 100%;
  background:rgba(255,255,255,1);
}

.resources-box{
  justify-content: space-between;
  margin-top: 60px;
  padding: 0 40px;
  position: absolute;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0s 0.2s;
}

.resources-box_img{
  float: left;
  width:288px;
  height:340px;
  background: url("../../img123/img_di.png") no-repeat;
  box-shadow:0 0 12px 0 rgba(69,71,70,0.14);
  border-radius:4px;
  padding: 0 24px;
  transition: all 0.3s;
}
.resources-box_img:hover{
  margin-top:-5px;
}
.resources-box_img:hover .details-button{
  background-color: rgba(48, 117, 255, 1);
  color:#ffffff;
}
.resources-box_img:hover .details-button i{
  color:#ffffff;
}
.resources_top{
  margin-top: 33px;
  text-align: center;
}

.resources_top span:nth-child(1){
  height:21px;
  font-size:20px;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:21px;
  display: block;
  margin-bottom: 14px;
}

.resources_top span:nth-child(2){
  width: 85px;
  margin: 0 auto;
  height:14px;
  font-size:13px;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:14px;
  display: flex;
  align-items: center;
}

.resources_top span:nth-child(2) img{
  margin-right: 7px;
}


.dataintable {
  margin-top:19px;
  border-collapse:collapse;
  border:1px solid #aaa;
  width:100%;
}
.dataintable th {
  vertical-align:baseline;
  background-color:#3F3F3F;
  border:1px solid #3F3F3F;
  text-align:left;
  color:#fff;
}
.dataintable td {
  vertical-align:text-top;
  border:1px solid #FFFFFF;
  line-height: 40px;
}

.dataintable td:first-child{
  text-align: center;
  font-size:14px;
  font-weight:400;
  color:rgba(153,153,153,1);
  width:35%;
}
.dataintable td:nth-child(2){
  width:65%;
}
.dataintable td:nth-child(2) i{
  padding-left: 18px;
  font-size:14px;
  font-weight:400;
  color:rgba(51,51,51,1);
}

.dataintable tr{
  width:240px;
  height:40px;
  background:rgba(245,245,245,1);
}

.details-button{
  width:120px;
  height:32px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(48, 117, 255, 1);
  border-radius:2px;
  font-size:14px;
  font-weight:400;
  color:rgba(48,117,255,1);
  line-height:25px;
  text-align: center;
  margin: 0 auto;
}

.details-button i{
  color: #2C6BEA;
  font-size: 20px;
}

.details_top{
  margin-top: 18px;
}

.resources_center{
  width: 250px;
  margin: 0 auto;
}

.resources_button{
  margin-top: 111px;
  display: flex;
  align-items: center;
}

.resources_nu{
  width:140px;
  height:40px;
  background:rgba(44,107,234,1);
  box-shadow:0 0 12px 0 rgba(69,71,70,0.13);
  border-radius:20px;
  text-align: center;
  font-size:14px;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:34px;
}




.resources_nu i{
  color: #ffffff;
  font-size: 20px;
  margin-left: 4px;
}

.change{
  width: 74px;
  height:40px;
  font-size:14px;
  font-weight:400;
  color:rgba(46,109,234,1);
  line-height:40px;
  text-align: center;
  margin-left: 36px;
  cursor: pointer;
}

.change img{
  margin-right: 10px;
}

.resources-box.show-res {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition: 0.2s;
}

.news-sub{
  position: relative;
  width: 100%;
  height: 340px;
  display: flex;
}

.resources-box_img:not(:first-child){
  margin-left: 15px;
}

.resources-box:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}



/* 风采 */
.show { padding-top: 125px; padding-bottom: 48px; text-align: center; background-color: #f5f5f5; background-image: url(../../img123s/style.png); background-repeat: no-repeat; background-position: center 220px; }
.show_hd { display: inline-block; margin: 8px 0 13px; border: 1px solid #e2e2e2; background-color: #fafafa; -webkit-box-shadow: 0px 1px 10px 0px rgba(37, 31, 50, 0.2); box-shadow: 0px 1px 10px 0px rgba(37, 31, 50, 0.2); }
.show_hd li { border-left: 1px solid #e2e2e2; float: left; padding: 0 49px; height: 42px; line-height: 40px; font-size: 14px; color: #747474; font-weight: bold; cursor: pointer; }
.show_hd li:first-child { border-left: none; }
.show_hd li.on { color: #3573ec; position: relative; }
.show_hd li.on:before { content: ''; display: inline-block; width: 100%; height: 2px; background-color: #3573ec; position: absolute; top: -1px; left: 0; }
.show_hd li.on:after { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; border-bottom: none; position: absolute; bottom: -8px; left: 0; right: 0; margin: auto; }
.show_bd { width: 1202px; margin: 10px auto; }
.showlists1 .showlists_item .showlists_mask { height: 64px; }
.showlists1 .showlists_item .showlists_mask p { font-weight: normal; line-height: 26px; }
.showlists1 .showlists_item .showlists_mask p:first-child { padding-top: 14px; font-weight: bold; font-size: 16px; line-height: 20px; }
.showlists_item { width: 264px; height: 200px; float: left; margin: 0 3px 5px; position: relative; border: 6px solid #fff; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); }
.showlists_item:hover img { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.showlists_item img { position: absolute; left: -6px; top: -6px; max-width: none; -webkit-transition: all .8s; transition: all .8s; }
.showlists_item1 { width: 386px; height: 405px; }
.showlists_item1 .showlists_mask { width: 374px; }
.showlists_pic { width: 100%; height: 100%; }
.showlists_pic ul, .showlists_pic li { height: 100%; }
.showlists_mask { width: 252px; height: 40px; position: absolute; background-color: rgba(0, 0, 0, 0.5); left: 0; bottom: 0; text-align: left; }
.showlists_mask p { font-size: 14px; color: #fff; font-weight: bold; padding-left: 10px; line-height: 40px; }
.showlists_mask span { position: absolute; width: 100px; height: 10px; text-align: center; bottom: 0; top: 0; right: 0; margin: auto; font-size: 0; }
.showlists_mask span i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); cursor: pointer; margin: 0 5px; }
.showlists_mask span i.on { border-color: #fff; }




.common_title { text-align: center; }
.common_title.white .common_title_t1 i { opacity: 0.3; }
.common_title.white .common_title_t1:before { background-color: #e8e8e8; }
.common_title.white .common_title_t1 span { color: #f4f4f4; }
.common_title.white .common_title_t2 { color: rgba(255, 255, 255, 0.3); }
.common_title.white .accounting_line { opacity: 0.3; }
.common_title.black .common_title_t1 i { border-color: #9f9f9f; }
.common_title.black .common_title_t1 i:before { background-color: #9f9f9f; }
.common_title_t1 i { display: inline-block; width: 10px; height: 10px; border: 1px solid #cacddb; border-radius: 50%; vertical-align: middle; position: relative; }
.common_title_t1 i:first-child:before { left: 8px; }
.common_title_t1 i:before { content: ''; width: 28px; height: 1px; background-color: #cacddb; display: inline-block; position: absolute; top: 4px; }
.common_title_t1 span { font-size: 30px; color: #2f2f2f; vertical-align: middle; margin: 0 30px; }
.common_title_t1 span + i:before { left: -28px; }
.common_title_t2 { font-size: 14px; color: #bababa; }
