.banner .wp{
    padding: 0 13.54%;
 }
.main1{
    padding: 14rem 13.54% 15rem; 
    background: url(../images/bg1-3.png) top right/cover no-repeat;
}
.model .titbox .tit{
    font-weight: 600;
    font-size: 3.6rem;
    color: #2E2E2E;
    line-height: 5.0rem;
    text-align: center;
    position: relative;
}
.model .titbox .txt{
    text-indent: 2em;
    text-align: left;
    font-weight: 400;
    font-size: 1.4rem;
    color: #666666;
    line-height: 2.8rem;
    margin: 5.3rem auto 6.6rem;
    max-width: 1200px;
}
.main1 .flexbox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.main1 .flexbox .box{
    position: relative;
}
.main1 .flexbox .box .txtbox{
    position: absolute;
    top: 0;
    left:0;
    padding: 3.7rem 5.2rem;
}
.main1 .flexbox .box .txtbox .tit{
    text-align: left;
    font-weight: 600;
    font-size: 2.4rem;
    color: #FFFFFF;
    line-height: 3.3rem;
}
.main1 .flexbox .box .txtbox .txt{
    text-align: left;
    font-weight: 400;
    font-size: 1.8rem;
    color: #FFFFFF;
    line-height: 2.8rem;
    margin: 1.5rem 0 4rem;
}
.main1 .flexbox .box .txtbox hr{
    display: block;
    width: 3.0rem;
height: .4rem;
background: #0072C7;
}
.main2 {
    position: relative; 
    padding: 13rem 13.54% 9.5rem; 
    background: url(../images/bg1-4.jpg) bottom center/cover no-repeat;
}  
.main2 .swiper {
    padding: 6.6rem 0 5rem;
    overflow: hidden;
    position: relative;
} 
.main2 .swiper .swiper-slide{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
} 
.main2 .swiper .pic{ 
    width: calc(100% /6 - 1.17rem);
    display: block;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem;
    background: radial-gradient( 0% 122% at 50% 0%, #FFFFFF 0%, #FFFFFF 0%, rgba(255,255,255,0) 100%), linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(232,245,255,0.76) 100%), rgba(255,255,255,0.65);
    box-shadow: 0px 2px 11px -3px rgba(11,79,181,0.16);
    border: 2px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
}
.main2 .swiper .pic:nth-child(6n){
    margin-right: 0;
} 
.main2 .swiper .pagination{  
    position: absolute;
    top: auto;
    bottom: 0;
    left: calc(50% - 3rem);
    width: 6rem;
    background: rgba(0, 57, 137, 0.19);
    overflow: hidden;
}
.main2 .swiper .pagination .swiper-pagination-progressbar{
   background: #fff;
}   
.main2  .btn{
    position: absolute;
    top: 13rem; 
    width: 4.8rem;
    height: 4.8rem;
    z-index: 1;
    cursor: pointer;
    background: center no-repeat;
    background-size: 100% auto;
}  
.main2  .btn.prev{
    right: 18.13%;
    background-image: url(../images/prev.png);
}
.main2  .btn.next{
    right: 13.54%;
    background-image: url(../images/next.png);
}
.main2  .btn.prev:hover{
    background-image: url(../images/prev_h.png);
}
.main2  .btn.next:hover{
    background-image: url(../images/next_h.png);
}
.main2  .btn.prev.swiper-button-disabled{
    background-image: url(../images/prev_n.png);
}
.main2  .btn.next.swiper-button-disabled{
    background-image: url(../images/next_n.png);
}
.main3 {
    position: relative; 
    padding: 13rem 0 0; 
    background: url(../images/bg1-6.png) center/cover no-repeat;
    overflow: hidden;
}  
.main3 .titbox .tit{
    display: inline-block;
}
.main3 .titbox .tit::before{
    content: '';
    width: 5rem;
    height: 7.4rem;
    position: absolute;
    left:-6rem;
    top: -1.2rem; 
    background: url(../images/tit1.png)  center no-repeat;
    background-size: contain;
}
.main3 .titbox .tit::after{ 
    content: '';
    width: 5rem;
    height: 7.4rem;
    position: absolute;
    right:-6rem;
    top: -1.2rem; 
    background: url(../images/tit2.png)  center no-repeat;
    background-size: contain;
}
.main3 .honor{
    position: relative;
    padding: 8rem 10.68% 20rem;
    background: url(../images/swiperbg.png)  center 80% no-repeat;
    background-size: 100% auto;
}
.main3 .honor .btn{
    position: absolute;
    top: -4.8rem; 
    width: 4.8rem;
    height: 4.8rem;
    z-index: 1;
    cursor: pointer;
    background: center no-repeat;
    background-size: 100% auto;
}  
.main3 .honor .btn.prev{
    right: 18.13%;
    background-image: url(../images/prev.png);
}
.main3 .honor .btn.next{
    right: 13.54%;
    background-image: url(../images/next.png);
}
.main3 .honor .btn.prev:hover{
    background-image: url(../images/prev_h.png);
}
.main3 .honor .btn.next:hover{
    background-image: url(../images/next_h.png);
}
.main3 .honor .btn.prev.swiper-button-disabled{
    background-image: url(../images/prev_n.png);
}
.main3 .honor .btn.next.swiper-button-disabled{
    background-image: url(../images/next_n.png);
}
.main3 .honor .pagination{  
    position: absolute;
    bottom: 10.8rem; 
    left: 0;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}
.main3 .honor .pagination .swiper-pagination-bullet{
    margin: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: rgba(76,131,171,0.25); 
    /* transition: width 0.3s ease 0s; */
}  
.main3 .honor .pagination .swiper-pagination-bullet-active{  
    width: 3rem;
height: 0.4rem;
background: #0072C7;
border-radius: 0.2rem;
}
.main3 .honor .swiper-slide{
    width: auto;
}
.main3 .honor .pic{
    height: 25.4rem;
    /* border: 0.5rem solid #463B3D; */
    display: block;
}
.main4{
    background: url(../images/bg1-9.png) center/cover no-repeat;
    padding: 12.5rem 13.54% 14rem; 
}  
.main4 .titbox .tit{
    text-align: left;
}  
 
.main4 .processlist{
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.main4 .processlist .yearbox{  
    width: 31.3rem;
    font-weight: 600;
    font-size: 12rem;
    line-height: 1.2em;
    color: #CEE0F2; 
    color: #0072C7;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    z-index: 1;
}
.main4 .processlist .yearbox::before{
    content: '';
    width:30.3rem;
    height:30.3rem;
    border-radius: 50%;
    border: 1px solid rgba(0,114,199,0.22);
    position: absolute;
    right: 0;
    top: calc(50% - 15.15rem);
    z-index: -1;
}   
.main4 .processlist .conbox{
    max-height: 61.5rem;
    width: calc(100% - 40rem);
    overflow-y: auto; 
} 
.main4 .processlist .conbox .con .li{
    padding: 3rem 0;
    border-bottom: 1px solid rgba(151,151,151,0.28);
}
.main4 .processlist .conbox .con .li p{
    font-weight: 500;
    font-size: 2.0rem;
    color: #000000;
    line-height: 2.8rem;
}
.main4 .processlist .conbox .con .li .date{
    font-weight: 400; 
color: rgba(0, 0, 0, 0.39);
line-height: 3.2rem;
margin-bottom: 0.8rem;
}
.model.callbox{
    background: url(../images/bg1-5.png) center/cover no-repeat; 
    padding: 0 13.54%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.model.callbox .box{
    width: 35%;  
    padding: 12.2rem 0 9.7rem; 
    font-size: 2.8rem;
    color: #000000;
    line-height: 4rem;
} 
.model.callbox .box p{ 
    font-size: 2rem;
    line-height: 2.8rem;
    margin-top: 2.7rem;
}
.model.callbox .box:first-child{
    color: #fff;
}
.main5 {
    padding: 12rem 13.54% 15rem;
    background: url(../images/bg1-8.png) center/cover no-repeat; 
} 
.main5 .addressbox{ 
    margin-top: 6.8rem;   
    display: flex;
    justify-content: space-between;
    align-items: center;  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.main5 .addressbox .box{
    display: flex;
    justify-content: space-evenly;
    align-items:  center; 
    flex-direction: column; 
    height: 47rem;
    width: 20%;
    transition: width 0.3s ease 0s;
    cursor: pointer;
}  
@media screen and (min-width:750px) {
    
.main5 .addressbox .box{
    background: rgba(10,45,111,0.6)!important;
}
}
.main5 .addressbox .box+.box{
    border-left: 1px solid rgba(255,255,255,0.31);
}
.main5 .addressbox .box .tit{
    font-weight: 600;
    font-size: 2.8rem;
    color: #FFFFFF;
    line-height: 4.0rem;
}
.main5 .addressbox .box .txt{
    display: none;
    font-weight: 400;
    min-height: 8rem;
    font-size: 2rem;
    color: #FFFFFF;
    line-height: 4rem;
}
.main5 .addressbox .box  hr{
    display: none;
    width: 3.0rem;
    height: .3rem;
    background: #FFFFFF;
    margin-bottom:5.3rem;
}
.main5 .addressbox .box.on  hr{
    display: block;
}
.main5 .addressbox .box.on{
    width: 40%;
    background: rgba(0,81,199,0.73);
    align-items: flex-start;
    justify-content: space-between;
    padding:15rem 5.6rem 8.4rem;
}
.main5 .addressbox .box.on .txt{
    display: block;
}


/* 移动端兼容 */
@media screen and (max-width:750px) {  
    
.banner .wp{
    padding: 0 5.33%;
 }
.main1{
    padding: 10rem 5.33% ; 
}
.model .titbox .tit{ 
    font-size: 4rem; 
}
.model .titbox .txt{ 
    font-size:2.8rem; 
    line-height: 4rem;
    text-align: left;
    margin: 5.3rem auto 6.6rem; 
}
.main1 .flexbox{
    display: block;
}
.main1 .flexbox .box{
    position: relative;
    margin-top: 4rem;
}
.main1 .flexbox .box .txtbox{ 
    padding:4rem;
}
.main1 .flexbox .box .txtbox .tit{ 
    font-size: 4rem; 
    line-height: 5rem;
}
.main1 .flexbox .box .txtbox .txt{ 
    font-size: 2.8rem; 
    line-height:4rem; 
}  
.main2 {
    position: relative; 
    padding:10rem 5.33% ;  
}  
.main2 .swiper {
    padding: 6.6rem 0 5rem;
    overflow: hidden;
    position: relative;
}  
.main2 .swiper .pic{ 
    width: calc(100% /3 - 1rem); 
}
.main2 .swiper .pic:nth-child(3n){
    margin-right: 0;
}  
.main2  .btn{
    top: 10rem; 
}  
.main2  .btn.prev{
    right: 15.13%; 
}
.main2  .btn.next{
    right: 5%; 
} 
.main3 .honor .btn.prev{
    right: 15.13%; 
}
.main3 .honor .btn.next{
    right: 5%; 
} 
.main4{
    padding: 10rem 5.33% ; 
}   
  
.main4 .processlist .yearbox{  
    width: 14.5rem;
    font-weight: 600;
    font-size: 6rem;   
}
.main4 .processlist .yearbox::before{
    content: '';
    width:14rem;
    height:14rem; 
    top: calc(50% - 7rem);
    z-index: -1;
}   
.main4 .processlist .conbox{
    width: calc(100% - 20rem);
}
.main4 .processlist .conbox{ 
    max-height: 67.5rem; 
    overflow-y: auto;
} 
.main4 .processlist .conbox .con .li p{ 
    font-size: 3rem; 
    line-height: 3.8rem;
} 
.model.callbox .box{ 
    font-size: 4rem;
    color: #000000;
    line-height: 5rem;
} 
.model.callbox .box p{ 
    font-size: 2rem;
    line-height: 4rem; 
} 
.main5 {
    padding: 10rem 5.33% ;
} 
.main5 .addressbox{ 
    margin-top: 6.8rem;   
    display: block;  
    background: none!important;
} 
.main5 .addressbox .box.on,
.main5 .addressbox .box{
    margin-top: 2rem;
    display: flex;
    justify-content: space-evenly;
    align-items:  center; 
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 27rem;
    width: 100%;
    transition: width 0.3s ease 0s;
    cursor: pointer;
    padding: 0;
}  
.main5 .addressbox .box+.box{
    border-left: none;
}
.main5 .addressbox .box .tit{
    font-size: 3rem;
}.main5 .addressbox .box hr {
    display: block;
    margin-bottom: 0;
}
.main5 .addressbox .box .txt{
    display: block;
    font-size: 2.6rem;
    max-width: 80%;
    margin: 0 auto;
}  
}