﻿/* 针对index_now.css的container做的补丁
  start*/

@media (min-width:992px) {
  .header .container, .box1 .container, .box2 .container, .box3 .container, .box4 .container {
    width: 970px;
  }
}

@media (min-width:1200px) {
  .header .container, .box1 .container, .box2 .container, .box3 .container, .box4 .container {
    width: 1200px;
  }
}

/* 共同底部 补丁 start */
.index-footer{width: 100%;padding: 20px 0;background: rgb(4, 125, 255);}
.index-footer .fd-con p{font-size: 14px;color: #fff;text-align: center}
.index-footer .fd-con p a{font-size: 14px;color: #fff;text-align: center}
.index-footer .fd-con p a:hover{color: #f66582;text-decoration: none;}
/* 共同底部 补丁 end */

/*广告位*/
.guanggao1{
	background: url(/sp_img/spwulihexin/gg1.png) no-repeat;
	background-size: 100%;
	height: 200px;
}
@media only screen and (max-width: 767px) {
	.guanggao1{
		background: url(/sp_img/spwulihexin/ggm.png) no-repeat;
		background-size: 100%;
		height: 100px;
	}
}
.guanggao2{
	background: url(/sp_img/spwulihexin/gg2.png) no-repeat;
	background-size: 100%;
	height: 200px;
}
@media only screen and (max-width: 767px) {
	.guanggao2{
		background: url(/sp_img/spwulihexin/ggm.png) no-repeat;
		background-size: 100%;
		height: 100px;
	}
}

/* 通用样式 start */
.fl{ float: left;}
.fr{float: right;}
a, a:visited, a:hover{
  text-decoration: none;
}
ul{
  padding: 0px;
}

.my-hide{
  display: none;
}
.h1-hide{
  display: none;
}

.title-box{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 15px;
}
.title1 {
  width: 100%;
  font-size: 22px;
  line-height: 1.6;
  color: #ffffff;
  text-align: center;
  margin: 0px;
}
.title2{
  font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-bottom: 12px;
  padding: 0 15px;
}
.hline{
  font-size: 0px;;
}


@media (min-width:768px) {
  .title1 {
    font-size: 30px;
  }


}

@media (min-width:992px) {
  .title-box{
    text-align: center;
    margin-top: 68px;
  }
  .title1 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 12px;
  }
  .title2{
    font-size: 20px;
    line-height: 1;
    margin-bottom: 17px;
  }
  
}
@media(max-width: 360px){
  .title1 {
    font-size: 21px;
  }
  .title2{
    font-size: 15px;
    line-height: 1.3;
  }
}
@media(max-width: 320px){
  .title1 {
    font-size: 18px;
  }
  .title2{
    font-size: 15px;
    line-height: 1.3;
  }
}
.btn-box{
  display: block;
  text-align: center;
  margin: 0 15px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.btn-more{
  display: inline-block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #1161ed;
  background-color: #f7ef5d;
}

.mob{
  display:block; 
}
.pc{
  display: none;
}

@media (min-width:768px) {
  .mob{
    display:none; 
  }
  .pc{
    display: block;
  }


}

@media (min-width:992px) {

  .btn-box{
    padding-top: 32px;
    padding-bottom: 32px;
    margin:0px;
    
  }
  .btn-more{
    width: 357px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
    background-color: #faf101;
  }

  .mob{
    display:none; 
  }
  .pc{
    display: block;
  }
  

}

/* 通用样式 end */


/* 期刊 */

.box2{
  background: url('/sp_img/spwulihexin/box2_bg.png') 0 0 no-repeat #0b54d4;
  background-size: cover;
}

.box2 .title-box .title1,.box3 .title1{
  color: #333333;
}
.box2 .title-box .title2,.box3 .title2{
  color: rgba(51, 51, 51, 0.7);
}
.box2-tabs{
  margin-bottom: 10px;
}

.box2-tabs .tab-item2{
  height: 50px;
  line-height: 50px;
  background-color: #0140ad;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  border-left: 1px solid #2e6da4;
}

.box2-tabs .tab-item2.my-active {
  background-color: #faf101;
  color: #0140ad;
  border-left: transparent;
}

.swiper-wrapper li{
	list-style: none;
}

.box2-panel{
  position: relative;
}

.box2-panel .swiper-container2{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.box2-panel .swiper-container2 .swiper-slide{
  text-align: center;
}

.box2p-item{

  position: relative;
  height: 438px;

  /* background-color: #ddd; */

}
.box2p-item-t{
  position: absolute;
  width: 64%;
  left: 18%;
  height: 150px;
  background-color: #bed5fc;
  top: 20%;
  z-index: 2;
 
}
.box2p-item-t .box2p-itemt-icon{
  position: absolute;
  width: 60%;
  top: -57%;
  left: 20%;
  background-color: #f0f6ff;
  box-shadow: 0px 8px 0px 0px #aecafb;
}

.box2p-itemt-cont{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0%;
  text-align: center;
}
.box2p-itemt-item1{
  font-size: 22px;
  line-height: 1.5;
  color: #0140ad;
}
.box2p-itemt-item2{
  font-size: 15px;
  line-height: 1.4;
  color: #3476e8;
}
.box2p-itemt-cont1{
  width: 100%;
  left: 0px;
}
.box2p-itemt-cont2{
  width: 100%;
  left: 0px;
}


.box2p-item-b{
  position: absolute;
  bottom: 0px;
  left: 5%;
  width: 90%;
}

.box2p-item-b img{
  width: 100%;
}

.box2p-itemb-cont{
  position: absolute;
  top: 30%;
  width: 100%;
  left: 0%;
  text-align: center;
}
.box2p-itemb-item1{
  width: 60%;
  margin: 0 auto;

  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  border-bottom: 1px solid #3c7be7;
  display: block;
}
.box2p-itemb-item2{
  font-size: 28px;
  line-height: 1.5;
  color: #faf101;
  display: block;
}
.box2p-itemb-cont .box2p-itemb-btn{
  display: inline-block;
  width:60%;
  height: 44px;
  line-height: 44px;
  margin-top: 6px;
  background-color: #faf101;
  color: #0140ad;
  font-size: 18px;;
  cursor: pointer;
}
.box2p-itemb-cont .box2p-itemb-btn:hover{
  color: #0140ad;
}

  /* box2-dots */
  .box2-panel .swiper-pagination{
    bottom: 5%;

  }
  .box2-panel .swiper-pagination-bullet {

    width: 10px;
    height: 10px;
    

    transition: opacity .2s ease;
    border-radius: 30px;
    background-color: #D6D6D6;
    opacity: 1;
  
  }
  .box2-panel .swiper-pagination-bullet-active {
    background-color: #faf101;
  }
  .box2-panel .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 5px 7px;
  }

@media(width: 414px){

  .box2p-itemt-cont{
    top: 55%;
  }
  .box2p-itemb-cont{
    top: 36%;
  }
  .header-mob .hm-title1{
    left: 6.7%;
    bottom: 43%;
    font-size: 18px;
  }
  .header-mob .hm1 .hm-title1, .header-mob .hm2 .hm-title1{
    left: 11.8%;
    bottom: 41.7%;
    font-size: 22px;
  }
  .header-mob .hm1 .hm-title2{
    left: 5.5%;
  }
}

@media(min-width: 768px){
  .box2p-item-t .box2p-itemt-icon{
    width: 64%;
    top: -57%;
    left: 18%;
  }
  .box2p-itemt-cont{
    top: 49%;
  }
  .box2p-itemb-cont{
    top: 29%;
  }
  .box2p-itemb-item1{
    font-size: 22px;
  }

}
@media(min-width: 992px){
  .box2{
    padding-bottom:40px;
  }
  .box2-tabs{
    width: 690px;
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .box2-tabs .tab-item2{
    float: left;
    width: 230px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #0140ad;
  }
.box2p-item{
  height: 418px;
}
.box2p-item-t{
  width: 68%;
  left: 16%;
  height: 150px;
  top: 22%;
}
.box2p-item-t .box2p-itemt-icon{
  width: 70%;
  top: -54%;
  left: 15%;
}
.box2p-itemb-cont{
  top: 22%;
}

.box2-panel .swiper-pagination{
  bottom: -5%;
}





}
@media(min-width:1200px){
  .box2p-item{
    height: 528px;
 
  }

  .box2p-item-t{
    width: 273px;
    height: 213px;
    background-color: #bed5fc;
    left: 13%;
    top: 18%;
  }
  .box2p-item-t .box2p-itemt-icon {
    width: 170px;
    top: -28%;
    left: 19%;
    box-shadow: 0px 14px 0px 0px #aecafb;
  }
  .box2p-itemt-cont{
    top: 60%;
  }
  .box2p-itemt-item1{
    font-size: 28px;
    line-height: 40px;
  }
  .box2p-itemt-item2{
    font-size: 18px;
    line-height: 30px;
  }
  .box2p-item-b{
    left: 0;
    width: 100%;
  }
  .box2p-itemb-cont{
    top: 24%;
  }
  .box2p-itemb-item1{
    font-size: 20px;
  }
  .box2p-itemb-item2{
    font-size: 30px;
  }
  .box2p-itemb-cont .box2p-itemb-btn{
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    width: 230px;
    margin-top:4px;
  }

/* box2-arrow */
  .swiper-button-prev.swiper-button-white, 
  .swiper-container-rtl .swiper-button-next.swiper-button-white{
    width: 62px;
	  height: 123px;
    background-color: rgba(0, 0, 0, 0.1);
    top:50%;
    left: -62px;
  }
  .swiper-button-prev.swiper-button-white:hover, 
  .swiper-container-rtl .swiper-button-next.swiper-button-white:hover{
    background-color: rgba(0, 0, 0, 0.3);
  }

  .swiper-button-next.swiper-button-white, 
  .swiper-container-rtl .swiper-button-prev.swiper-button-white{
    width: 62px;
	  height: 123px;
    background-color: rgba(0, 0, 0, 0.1);
    top: 50%;
    right:-62px;
  }
  .swiper-button-next.swiper-button-white:hover, 
  .swiper-container-rtl .swiper-button-prev.swiper-button-white:hover{
    background-color: rgba(0, 0, 0, 0.3);
  }


}

@media(min-width:1201px){
  .box2p-itemb-cont{
    top: 32%;
  }
}

@media(max-width:320px){
  .header-mob .hm-title1{
    font-size: 15px;
  }
  .header-mob .hm1 .hm-title1, .header-mob .hm2 .hm-title1{
    left: 10.4%;
    bottom: 41.5%;
    font-size: 20px;
  }
}



/* box3 */

.box3{
  background-color: #023894;
  background: url(/sp_img/spwulihexin/box2_bg.png) 0 0 no-repeat #0b54d4;
  background-size: cover;
  padding-bottom: 50px;
}

.list3-1{
  display: none;
}
.list3-2 .col-md-6{
  padding:0px;
}
.item3-2{
  position: relative;
  height: 240px;
  background-color: #3e95ff;

  padding: 0px;
  margin-top: 0px;

}
.item3-2 .item3-2l{
  position: relative;
  float: left;
  width: 45%;
  margin-left: 0px;
  margin-top: 22px;
  background-color: #ddd;
  text-align: center;
}
.item3-2 .item3-2l .img-avatar-sq{
  width: 100%;

}
.item3-2 .item3-2l .img-avatar{
  max-width: 100%;
  position: absolute;
  width: 124px;
  z-index: 2;
  border-radius: 50%;
  background-color: #f8f8f8;
  box-shadow: 0px 8px 0px 0px #aecafb;

  left: 50%;
  margin-left: -62px;
  top: 50%;
  margin-top: -62px;

}

.item3-2 .item3-2l .item3-2l-txt{
  position: absolute;
  bottom: -40px;
  width: 64%;
  left: 17%;
  font-size: 18px;
  color: #0140ad;
  text-align: center;
}
.item3-2 .item3-2r{
  position: absolute;
  margin-left: 48%;
  width: 50%;
  padding: 6px 0;
  margin-top: 5%;
}
.item3-2r .item3-2r-cont{
  font-size: 15px;
  line-height: 1.4;
  color: #ffffff;
  /* font-weight: 550; */
}
.item3-2r .item3-2r-btn{
  display: inline-block;
  width: 80%;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #0140ad;

  background-color: #faf101;
  margin-top: 8px;

}
@media(max-width:767px){
.box3 .col-sm-6,.box3 .col-xs-12{padding: 0;}
}
@media(min-width:768px){
  .box3 .container3{
    height: auto;
  }
  .list3-2 .col-md-6{
    padding-left: 15px;
    padding-right: 15px;
  }

  .item3-2{
    display: block;
    position: relative;
    height: 244px;
    background-color: #3e95ff;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
  }
  .item3-2 .item3-2l{
    position: relative;
    float: left;
    width: 44%;
    margin-left: 0px;
    margin-top: 26px;
    background-color: #ddd;
    text-align: center;
  }
  .item3-2 .item3-2l .item3-2l-txt{
    color: #0140ad;
  }

  .item3-2 .item3-2r{
    position: absolute;
    margin-left: 44%;
    width: 56%;
    padding: 8px 0px 8px 8px;
    margin-top: 4%;
  }
  .item3-2r .item3-2r-cont{

    color: #ffffff;
  }
	
  .item3-2 .item3-2l .item3-2l-txt{
    bottom: -40px;
  }
  .item3-2r .item3-2r-btn{

    width: 80%;

  }
  
}

@media(min-width: 992px){
  .box3 .title1{
    margin-top: 60px;
  }
  .box3 .title2{
    margin-bottom: 80px;
  }    
  .list3-1{
    display: block;
    padding:0 60px;
    margin-bottom: 30px;
  }
  .list3-1 .list3-1l{
    float: left;
    width: 24%;
    text-align: center;
  }
  .list3-1l .item3-1l{
    height: 93px;
  }
  .item3-l1-0{
    margin-top: 54px;
    margin-bottom: 35px;
  }

  .item3-l1-2{
    margin-top: 26px;
  }
  .item3-1l .item3-1l-title{
    font-size: 23px;
    color: #faf101;
  }
  .list3-1 .list3-1l-vline{
    float: left;
    margin-left: -1%;
  }
  
  .list3-1 .list3-1r{
    float: left;
    width: 73%;
    margin-left: 2%;

  }
  .list3-1r .item3-1r{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;

    height: 85px;
    /* margin-top: 50px;
    padding-right: auto; */
    font-size: 16px;
    line-height:1.5;
    color: #c6d8f7;
    background-color: #0248c1;
  }
  .list3-1r .item3-1r1{
    margin-top: 50px;
    margin-bottom: 46px;
  }
  .list3-1r .item3-1r2{
    margin-top: 40px;
    margin-bottom: 48px;
  }
  .list3-1r .item3-1r3{
    margin-top: -14px;
    margin-bottom: 46px;
  }
  .list3-2 .col-md-6{
    padding-left: 15px;
    padding-right: 15px;
  }

  .item3-2{
    margin-bottom: 60px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .item3-2{
    position: relative;
    height: 165px;
    margin-top: 0px;
    margin-bottom: 60px;
    padding-right: 15px;
    padding-left: 15px;
  
  }
  .item3-2 .item3-2l{
    position: relative;
    width: 40%;
    margin-left: 0px;
    margin-top: -8px;
    text-align: center;
  }

  .item3-2 .item3-2l .img-avatar-sq{
    width: 100%;
  
  }
  .item3-2 .item3-2l .img-avatar{
    top: 50%;
    margin-top: -76px;
    left: 50%;
    margin-left: -55px;
    border-radius: 50%;
    width: 110px;
    box-shadow: 0px 8px 0px 0px #aecafb;
  
  }
  
  .item3-2 .item3-2l .item3-2l-txt{
    position: absolute;
    bottom: 16px;
    width: 100%;
    left: 0%;
    font-size: 20px;
    color: #0140ad;
    text-align: center;
  }
  .item3-2 .item3-2r{
    position: absolute;
    margin-left: 40%;
    width: 55%;
    padding: 20px 0;
    margin-top: 0px;
  
  }

  .item3-2r .item3-2r-cont{
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
  }
  .item3-2r .item3-2r-btn{
    display: inline-block;
    width: 166px;
    height: 44px;
    line-height: 44PX;
    text-align: center;
    font-size: 18px;
    color: #0140ad;
    margin-top: 12px;
    background-color: #faf101;
  
  }
}


@media(min-width: 1200px){
  .list3-1 .list3-1l{
    width: 22%;
  }
  .list3-1 .list3-1r{
    width: 75%;

  }
  .list3-1r .item3-1r{
    height: 85px;
    margin-top: 50px;
    padding:20px;
    padding-right: auto;
    /* padding-left: 44px; */
    font-size: 16px;
    line-height: 24px;
    color: #c6d8f7;
    background-color: #0248c1;
  }
  .list3-1r .item3-1r1{
    margin-top: 50px;
    margin-bottom: 46px;
  }
  .list3-1r .item3-1r2{
    margin-top: 40px;
    margin-bottom: 48px;
  }
  .list3-1r .item3-1r3{
    margin-top: -14px;
    margin-bottom: 46px;
  }
  
  .item3-2{
    height: 180px;
  }

  .item3-2{
    position: relative;
    height: 180px;
    margin-top: 0px;
    margin-bottom: 60px;
    padding-right: 15px;
    padding-left: 15px;
  
  }
  .item3-2 .item3-2l{
    width: 40%;
    margin-left: 10px;
    margin-top: -20px;
  }

  .item3-2 .item3-2l .img-avatar-sq{
    width: 100%;
  
  }
  .item3-2 .item3-2l .img-avatar{
    top: 50%;
    margin-top: -88px;
    margin-left: -62px;
    width: 124px;
    height: 125px;
    box-shadow: 0px 14px 0px 0px #aecafb;
  
  }
  
  .item3-2 .item3-2l .item3-2l-txt{
    bottom: 25%;
    width: 100%;
    left: 0%;
    font-size: 24px;
    padding: 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .item3-2 .item3-2r{
    margin-left: 43%;
    width: 54%;

  }

  .item3-2r .item3-2r-cont{
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
    display: block;
  }
  .item3-2r .item3-2r-btn{
    width: 166px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    margin-top: 20px;
    text-decoration: none;
  
  }

}

@media(max-width: 360px){
	.box3 .col-sm-6,.box3 .col-xs-12{padding: 0;}
  .item3-2 .item3-2r{

    margin-left: 47%;
    width: 54%;

  }

  .item3-2r .item3-2r-btn{
    width: 93%;
  }
}

@media(max-width: 320px){
	.box3 .col-sm-6,.box3 .col-xs-12{padding: 0;}
  .item3-2 .item3-2l .item3-2l-txt{
    font-size: 15px;
  }
  .item3-2 .item3-2r {
    margin-left: 48%;
    width: 53%;
}
.item3-2r .item3-2r-cont{
  font-size: 14px;
}
}
@media(width: 414px){
	.box3 .col-sm-6,.box3 .col-xs-12{padding: 0;}
  .item3-2 .item3-2l .item3-2l-txt{
    bottom: -32px;

  }
}
@media only screen and (max-width: 767px) {
	.item3-2 .item3-2l .item3-2l-txt{
    bottom: 15px;
  }
}


/* box4 */
.box4{
 
  background-color: #047dff;
}

.box4-6Ar{
  padding:0px;
}
.box4-6A{
  padding-bottom:80px;
}
.item4A{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
 
}
.item4A .tl{
  float: left;
  width: 28%;
}
.item4A1 .tl, 
.item4A3 .tl,
.item4A5 .tl,
.item4A7 .tl{
  margin-right: 10px;
}
.item4A2 .tl, 
.item4A4 .tl,
.item4A6 .tl{
  margin-left: 10px;
}

.item4A .tl img{
  width: 100%;
  border-radius: 50%;
}
.item4A .tl .title{
  position: absolute;
  top: 38%;
  width: 25%;
  margin: 0 auto;
  font-size: 21px;
  text-align: center;
  color: #103c8d;
  font-weight: 600;
}
.item4A .cr{
  width: 72%;
  float: left;
}
.item4A .cr-txt{
  color: #fff;
  font-size: 16px;
  line-height: 1.5;

}
.item4A2, .item4A4, .item4A6{
  flex-direction: row-reverse;
}


@media(min-width:768px){


  .item4A{
    display: block;
    margin-bottom: 0px;
    padding: 0px 1px 1px 0px;
   
  }
  .item4A .tl{
    float: none;
    width: 100%;
    margin-right: 0px;
  }
.item4A1 .tl, 
.item4A3 .tl,
.item4A5 .tl,
.item4A7 .tl{
  margin-right: 0px;
}
.item4A2 .tl, 
.item4A4 .tl,
.item4A6 .tl{
  margin-left: 0px;
}
  .item4A .tl img{
    width: 100%;
    height: 185px;
    border-radius: inherit;
  }
  .item4A .tl .title{
    top: 14%;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #103c8d;
  }
  .item4A .cr{
    position: absolute;
    top: 30%;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    float: none;
  }
  .item4A .cr-txt{
    float: none;
    width:100%;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    color: #0c3a8f;
    margin-bottom: 0px;
  }
  /* test */
  .item4A0{
    background: url(/sp_img/spwulihexin/6a_bg.png) 0 0 no-repeat;
    background-size: cover;
    height: 371px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .item4A0 .img-6A{
    
    position: absolute;
    max-width: 70%;
    top: 26%;
    left: 15%;
  }
  .item4A0 .cr0{
    position: absolute;
    top: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
    float: none;
    margin-bottom: 0px;
  }
  .item4A .cr0 .cr-txt1{
    float: none;
    font-family: -HYLiangPinXianJ;
    margin-top: -10px;
    font-size: 68px;
    font-weight: 700;
    color: #0d398a;
    line-height: 1.3;
    margin-bottom: 0px;
  }
  .item4A .cr0 .cr-txt2{
    float: none;
    font-family: -HYLiangPinXianJ;
    font-size: 16px;
    line-height: 1.2;
    color: #0d398a;
    margin-bottom: 0px;
  }

  .item4A1 .cr,
  .item4A2 .cr,
  .item4A3 .cr{
    top: 43%;
  }

  .item4A5 .tl img{
    height: 186px;
  }
  .item4A6 .tl img{
    height: 187px;
  }

  .list4 .nav-prev2 {
    position: absolute;
    top: 50%;
    left: -62px;
    width: 62px;
    height: 123px;
    background-color: rgba(0, 0, 0, 0.42);
    border: none;
  }
  .list4 .nav-prev2 img{
    width: 60%;
  }
  .list4 .nav-prev2:hover{
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  .list4 .nav-next2 {
    position: absolute;
    top: 50%;
    right: -62px;
    width: 62px;
    height: 123px;
    background-color: rgba(0, 0, 0, 0.42);
    border: none;
  }
  .list4 .nav-next2 img{
    width: 60%;
  }
  .list4 .nav-next2:hover{
    background-color: rgba(0, 0, 0, 0.7);
  }

}

@media(min-width:992px){
  .box4{
    background: url('/sp_img/spwulihexin/box4_bg1.png') 0 0 no-repeat #023894;
  }
  .box4 .title-box4t{
    margin-bottom: 61px;
  }
  .item4A .tl img{
    height: 221px;
  }
  .item4A .tl .title{
    top: 13%;
    width: 100%;
    font-size: 26px;
    font-weight: 600;
  }
  .item4A .cr{
    top: 30%;
    padding: 0 20px;
    text-align: left;
  }
  .item4A .cr-txt{
    font-size: 18px;
  }

  .item4A0{
    height: 442px;
  }
  .item4A0 .img-6A{
    top: 20%;
    left: 10%;
  }
  .item4A .cr0{
    top: 50%;
    right: 10%;
    width: 80%;
    text-align: center;
  }


 
  .item4A .cr0 .cr-txt1{
    font-size: 97px;
    line-height: 1.3;
    margin-top: -21px;

    
  }
  .item4A .cr0 .cr-txt2{
    line-height: 30px;
    font-size: 23px;
    line-height: 1.2;
  }
  .item4A1 .cr,
  .item4A2 .cr,
  .item4A3 .cr{
    top: 43%;
  }

  .item4A4 .tl img{
    height: 220px;
  }
  .item4A6 .tl img{
    height: 222px;
  }
}
@media(min-width:1200px){

  .item4A0{
    height: 442px;
  }
  .item4A0 .img-6A{
    max-width: 100%;
    top: 20%;
    left: 16%;
  }

  .item4A .cr0{
    right: 10%;
  }
  .item4A .cr0 .cr-txt1{
    font-size: 103px;
    line-height: 1.3;
    margin-top: -21px;

    
  }
  .item4A .cr0 .cr-txt2{
    line-height: 30px;
    font-size: 24px;
    line-height: 1.3;
    margin-top:-2px;
  }

  .item4A .tl .title{
    top: 14%;
    font-size: 28px;
  }

  .item4A .cr{
    top: 34%;
    padding: 0 20px;
  }
  .item4A .cr-txt{
    font-size: 18px;
    line-height: 1.5;
  }

  .item4A1 .cr,
  .item4A2 .cr,
  .item4A3 .cr{
    top: 45%;
  }
  .item4A4 .cr{
    top: 36%;
  }
  .item4A5 .cr{
    top: 35%;
  }
  .item4A6 .cr{
    top: 34%;
  }
}
@media(max-width: 360px){
  .item4A .tl img{
    height: 89px;
  }
  .item4A .tl .title{
    top: 31%;
    font-size: 17px;
  }
  .item4A .cr .cr-txt{
    font-size: 14px;
  }
}
@media(max-width: 320px){
  .item4A .tl img{
    height: 78px;
  }
  .item4A .tl .title{
    font-size: 14px;
  }
 
}

/*head*/
.banner{
	  position: relative;
    height: 758px;
    background: url(/sp_img/spwulihexin/banner11.png) no-repeat center 0;
}

.wenzi{
    margin: 0 auto;
    position: relative;
    padding: 120px 0;
    /*text-align: center;*/
    left: -4%;
}
.banner .txt03{
	font-size: 47px;
	color: #fff;
	font-family: "微软雅黑";
}
.banner .txt02{
	font-size: 120px;
	color: #fff;
	font-weight: bold;
	font-family: "微软雅黑";
}
.banner .txt01{
	font-size: 30px;
	color: #fff;
	font-family: "微软雅黑";
}
@media only screen and (max-width: 767px) {
	.banner{
    background: url(/sp_img/spwulihexin/banner11m.png) no-repeat center 0;
    background-size: 100% 100%;
    height: 21rem;
    margin-bottom: 2rem;
	}
	.banner .txt01{font-size: 2rem;}
	.banner .txt02{font-size: 5rem;}
	.banner .txt03{font-size: 2rem;}
	.wenzi{padding: 0px;text-align: left;}
}


/*简介*/
.lead-wrap {
    width: 1200px;
    padding: 28px 0;
    margin: 0 auto 30px;
    border: 4px solid #4ca2fe;
    border-radius: 66px;
    box-shadow: 0px 2px 7px 0px rgb(76, 162, 254);
    background-color: #fff;
}
.lead-wrap h3 {
    width: 100px;
    margin: 0 50px 0 60px;
    font-size: 50px;
    font-family: "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;
}
.lead-wrap p {
    width: 915px;
    line-height: 36px;
    font-size: 20px;
    margin: 0;
}
@media screen and (max-width: 1080px){
.lead-wrap {
    width: 96%;
    border-radius: 15px;
    border-width: 2px;
    padding: .25rem 0 .5rem;
    margin-bottom: 1.5rem;
}
.lead-wrap h3 {
    float: none!important;
    width: 100%;
    text-align: center;
    margin: 0 0 .25rem;
    font-size: 2.5rem;
}
.lead-wrap p {
    width: 100%;
    line-height: 1.5rem;
    font-size: 1.5rem;
    float: none!important;
    padding: 0px 1rem;
    box-sizing: border-box;
}
}

li.swiper-slide.box2p-item2.swiper-slide-active {
    height: 250px;
}