.wrap{
    width:80%;
    margin:0 auto;
}

.phoneheader,.mobile-container,.phonebanner{
    display:none;
}

.header{
    height:1rem;
    line-height:1rem;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}
.header.active{
    background:#fff;
    box-shadow:0 0 3px #ccc;
   
}
.header .fl a{
    height:1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .fl a img{
    width:3rem;
}
.header .fl a img:last-of-type{
    display:none;
}
.header.active .fl a img:last-of-type{
    display:block;
}
.header.active .fl a img:first-of-type{
    display:none;
}
.header.active .fr li a{
    color:#333;
}
.header .fr li{
    display:inline-block;
    vertical-align: top;
    margin:0 .15rem;
    position: relative;
}
.header .fr li .sub {
    width: 1.6rem;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    left: 50%;
    margin-left: -0.7rem;
    top: 0.8rem;
    display: none;
    padding: 10px 0;
    z-index: 999;
}
.header .fr li .sub li {
    line-height: .4rem;
    width: 1.4rem;
    display: block;
    margin: 0 auto;
}
.header .fr>ul>li:hover>a,
.header .fr li a.active{
        color: #005483 ;
}
.header .fr li .sub li a{
	display: block;
	font-size: 14px;
	color: #000000;
	text-align: center;
	width: 100%;
	margin:0 auto;
}
.header .fr li .sub li:hover a{
	background:rgba(0, 84, 131, 1);
	border-radius: 6px;
	color:#fff;
}
.header .fr li a{
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.header .fr li:hover .sub{
    display: block;
}
.section .banner .bg{
    height:100vh;
}

.section1{
    background:url(../images/bg2.png) no-repeat bottom center/cover;
}
.section2{
      background:url(../images/bg1.png) no-repeat bottom center/cover;
}
.commonitem{
    text-align:center;
}
.commonitem .en{
    font-size: .48rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #E6E6E6;
}
.commonitem .line{
    width: 52px;
    height: 4px;
    background: #005483;
    display:block;
    margin:.1rem auto;
}
.commonitem .ch{
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #393939;
}
.indexbox1 .text{
    margin:.3rem 0;
}
.indexbox1 .text p{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: .4rem;
    text-align:center;
}
.indexbox1 .text p:first-of-type{
    color:rgba(0, 84, 131, 1);
    font-size:.2rem;
    
}
.indexbox1 .wrap>a{
    width: 1.6rem;
    
    height: .5rem;
    line-height: .5rem;
    background: #005483;
    border-radius: .25rem;
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display:block;
    margin:0 auto;
    text-align: center;
}

.indexbox2 .commonitem .line,
.section4 .commonitem .line{
    background:#fff;
    opacity: .6;
    
}
.indexbox2  .swiper-button-next{
    background:url(../images/next.png) no-repeat center center;
    position:absolute;
    right:4%;
        top: auto;
        bottom: 10%;
}
.indexbox2  .swiper-button-prev{
    background:url(../images/next.png) no-repeat center center;
    position:absolute;
    left:auto;
    right:13%;
        top: auto;
        transform: rotate(180deg);
        bottom: 10%;
}
.indexbox2 .swiper-pagination{
    color: #666666;
    
        width: auto;
        position: absolute;
        left: auto;
        right: 8%;
        top: auto;
        bottom: 12%;
font-size:.14rem !important;
}

.indexbox2 .swiper-pagination-total{
    color: #666666 !important;
   
}
.indexbox2 .commonitem .ch,
.section4 .commonitem .ch{
    color:#fff;
}
.indexbox2 .content{
    margin-top:.4rem;
}
.indexbox2 .content .fl{
    width:53%;
    
}
.indexbox2 .content .fl .box,
.indexbox2 .content .fr .box{
    background: #FFFFFF;
    height: 3.8rem;
}
.indexbox2 .content div.fr{
    width:47%;
   
  
}
.indexbox2 .content .fl h2,.indexbox2 .content .fr h2{
    font-size: .3rem;
    text-align:center;
    margin-bottom:.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.indexbox2 .content .fr li{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: .42rem;
}
.indexbox2 .content .fr .box{
      padding-top:15px;
}
.indexbox2 .content .fr ul{
    padding:.3rem .2rem;
  
    border-left:1px solid #EEEEEE;
}
.indexbox2 .content .fr li span.fl{
    width:80%;
    height:.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexbox2 .content .fr li span.fr{
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}

.indexbox2 .content .fl .box{
    padding:.5rem .3rem 0;
    position:relative;
}
.indexbox2 .content .fl .box .title,
.section3 li a>div .title,
.news .fr .cg li  div .title{
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: .24rem;
    height:.24rem;
    overflow: hidden;
    margin-top:.1rem;
}
.indexbox2 .content .fl .box .font,
.section3 li a>div .font,.news .fr .cg li  div .font{
    
    font-size:.14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: .24rem;
    height:.48rem;
    overflow: hidden;
    margin:.2rem 0 0;
}

.indexbox2 .content .fl .box span,
.section3 li a>div span,
.news .fr .cg li  div span{
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0051A3;
}
.indexbox2 .content .fl .box i,
.section3 li a>div span i,.news .fr .cg li  div span i{
    font-size:.65rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0051A3;
    font-style:normal;
}

.section3{
    background:#f8f8f8;
}
.section3 li{
    display:inline-block;
    vertical-align: top;
    background: #FFFFFF;
    padding:.3rem .2rem;
    width:48.5%;
    margin:0 2.5% .3rem 0;
}
    
.section3 li:nth-of-type(2n){
    margin-right:0;
}
.section3 li a{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.section3 li a>img{
    width:40%;
}
.section3 li a>div{
    width:55%
}
iframe{
     width:100%;
   height:70vh;
   float:left;
   z-index:0;
}
.banner .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    opacity: 0.5;
    border-radius: 50%;
    margin:0 5px !important;
}
.banner .swiper-pagination-bullet-active{
    width: 40px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 3px;
    opacity: 1;
}

.banner video{
    width:100%;
    height:100vh;
    object-fit: fill;
}
.section3 .commonitem{
    text-align:left;
    position: relative;
    margin:1rem 0 .2rem;
    
}
.section4 .commonitem{
    text-align:left;
}
.section3 .commonitem .line,
.section4 .commonitem .line{
        margin: 0.2rem 0;
}
.section3 .commonitem  a{
    position:absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
}
.section3 .commonitem  a img,
.section4 .btn img{
    width:.6rem;
}
.section4{
    position: relative;
    background:url(../images/bg3.png) no-repeat bottom center/cover;
}
.section4  .navs{
    margin-top:1.5rem;
}
.section4  .navs a{
    display:inline-block;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height:.6rem;
}
.section4  .navs li.active a{
  border-bottom:1px solid  #FFFFFF;
}
.section5  .tab{
    display: none;
}
.section5  .tab:first-of-type{
    display: block;
}
.section4  .box{
    background: #005483;
    border-radius: .4rem 0 0 0;
    position:absolute;
    right:0;
    max-width: 100%;
    bottom:0;
    width:9rem;
    padding:.7rem 2rem .6rem .7rem;
    box-sizing: border-box;
}
.section4  .box p{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .35rem;
}
.section4  .box a{
    width: 1.6rem;
    height: .5rem;
    background: #FFFFFF;
    border-radius: .1rem;
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #173F8F;
    line-height:  .5rem;
    margin:.5rem 0 0;
    display:block;
    text-align: center;
}
.section4  .box .tab{
    display:none;
}
.section4  .box .tab:first-of-type{
    display: block;
}

.section4  .btn{
    position:absolute;
    left:10%;
    bottom:5%;
}

.section5 .titles{
    display: flex;
    justify-content: space-between;
    margin-top:.2rem;
    align-items: flex-start;
}
.section5 .titles>span{
    width:48%;
    font-size: .24rem;
    text-align:center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #61B326;
   padding-bottom:.1rem;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom:3px solid #61B326;
    
}
.section5 .titles>span.active{
    color: #005483;
    background:url(../images/bg.png) no-repeat left bottom/100%;
     padding-bottom:.3rem;
    border:none;
}
.section5 .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:.3rem 0;
}
.section5 .top img{
    width:46%
}
.section5 .top p{
    width:48%;
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #646464;
    line-height: .32rem;
}
.section5 li{
    width:32%;
    float: left;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.19);
    border-radius: 10px;
    margin:0 2% 0 0;
    padding:.4rem .2rem .2rem; background:url(../images/border1.png) no-repeat top .2rem left .2rem;
}
.section5 li:nth-of-type(3n){
    margin-right:0;
}

.section5 li .title{
    font-size: .2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #222222;
   
   margin-bottom:.1rem;
    line-height: .3rem;
    padding:0 .2rem;
    
    overflow: hidden;
    text-overflow: ellipsis;
    
    display: -webkit-box;
      overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
}
.section5 li .font{
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: .24rem;
   padding:0 .2rem;
   
   display: -webkit-box;
     overflow: hidden;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
  
}
.section5 li span.more{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #005483;
    background:url(../images/a1.png) no-repeat right top .1rem;
    padding-right:40px;
   
    margin:0.1rem .2rem 0;
    padding-top:.05rem;
     border-top:3px solid #005483;
    display: block;
}
.section5 li:nth-of-type(2){
    background:url(../images/border2.png) no-repeat top .2rem left .2rem;
}
.section5 li:nth-of-type(2) span.more{
     background:url(../images/a2.png) no-repeat right center;
     color: #6AB733;
      border-top:3px solid #F0F0F0;
}

.section5 li:nth-of-type(3){
    background:url(../images/border3.png) no-repeat top .2rem left .2rem;
}
.section5 li:nth-of-type(3) span.more{
     background:url(../images/a3.png) no-repeat right center;
     color: #9554BF;
     border-top:3px solid #F0F0F0;
}



.link .fl,.link .fr{
    width:50%;
    background:#f8f8f8;
    height: 211px;
    padding-left:10%;
    box-sizing: border-box;
}
.link .fl{
    display: flex;
    align-items: center;
    border: 4px solid #375CB4;
}
.link .fr{
    background:rgba(0, 84, 131, 1);
    padding:.5rem 0 0 .8rem;
}
.link .fl .en{
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}
.link .fl .ch{
    font-size: .24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.link .fl .title{
    margin-right:.3rem;
}
.link .fl a{
    width:48%
}
.link .fl  img{
    width:100%;
   
}
.link .fr span{
    font-size: 14px;
   color: #FFFFFF;
    opacity: 0.6;
}
.link .fr p{
    font-size:.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.link .fr  a{
    display: block;
    width: 98px;
    height: 20px;
    border: 1px solid #9CAFD9;
    border-radius: 10px;
    line-height:20px;
    text-align: center;
    margin:10px 0;
}

.footer{
    background:#222222;
    padding:1rem 0;
}
.footer dl{
    display: inline-block;
    margin-right:.4rem;
    vertical-align: top;
}
.footer dt,
.footer  .fr .info span{
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom:.3rem;
    display: block;
}
.footer dd a,
.footer  .fr .info p{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #AAAAAA;
    line-height: .36rem;
}
.footer  .fr{
    display: flex;
    
}
.footer  .fr .code {
    margin-left: 1.3rem;
}
.footer  .fr .code img{
    width:1rem;
    height:1rem;
    display: block;
    margin:0 auto;
}
.footer  .fr .code span{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.copy{
    line-height: .8rem;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #5F5F5F;
    text-align: center;
    background:#000;
}

.submenus{
    border-bottom:1px solid #BFBFBF;
    height:50px;
    line-height:50px;
}
.submenus a{
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #999999; 
}

.detail{
    padding:.8rem 0 2rem;
}

.detail .title{
    text-align: center;
    padding-bottom:.2rem;
    border-bottom:1px solid rgba(220, 220, 220, 0.5)
}
.detail .title p{
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}
.detail .title p.time{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top:.2rem;
}
.detail  .con{
    padding-top:.5rem;
}
.detail  .con p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}
.detail  .con  img{
    max-width: 100%;
    display: block;
    margin:0.2rem auto;
}
.detail  .chapter{
    display: flex;
    justify-content: space-between;
    border-top:1px solid #666666;
    padding:0 .2rem;
    margin-top:1rem;
    padding-top:.2rem;
}
.detail  .chapter a{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.news{
    padding:.4rem 0 .6rem;
}
.news .fl{
    width:20%
}
.news .fl h2{
    font-size: .3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #393939;
    border-bottom:1px solid #005483;
    padding-bottom:.2rem;
    margin-bottom:.3rem;
}
.news .fl  ul{
    border: 1px solid #D2D2D2;
    border-bottom:none;
}
.news .fl li{
    line-height:.8rem;
    border-bottom: 1px solid #D2D2D2;
}
.news .fl li a{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color:#666666;
    padding-left:.5rem;
}
.news .fl li.active{
    background: #0051A3;
}
.news .fl li.active a{
    color:#fff;
}
.news .fr{
    width:75%
}

.news .menus{
    border-bottom:1px solid #BFBFBF;
    padding-bottom:.2rem;
}
.news .menus span{
    border-left:4px solid #0051A3;
    padding-left:15px;
    font-size:14px;
    color:#999;
}
.news .menus a{
    font-size:14px;
    color:#999;
}
.news .list li{
    padding:30px 0;
    border-bottom:1px solid #F5F4F4;
    
}
.news .list li a{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.news .list li a img{
    width:31%;
    height:2rem;
}
.news .list li a div{
    width:66%
}

.news .list li a div .title{
    font-size: .18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #024287;
    line-height: .24rem;
}
.news .list li a div  .font{
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: .3rem;
    height:.9rem;
    margin:.3rem 0 .4rem;
    overflow: hidden;
}
.news .list li a div span{
    font-size: .14rem;
    margin-top:.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
}

.page{
    text-align:right;
    margin-top:.5rem;
}
.page a{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    display:inline-block;
    height:30px;
    line-height:30px;
    color: #CCCCCC;
   margin:0 5px;
   padding:0 10px;
}
.page a:hover,.page a.active{
     background:#40aced;
     color:#fff;
}



.indexbox6{
    background:rgba(247, 250, 253, 1);
    padding:60px 0;
}
.indexbox6 h2{
    font-size:.24rem;
    font-weight:bold;
     text-align:center;
}
.indexbox6 h3{
    font-size:.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #767A95;
     text-align:center;
}
.indexbox6 form{
    width:800px;
    margin:40px auto 0;
    flex-wrap:wrap;
    display:flex;
    max-width:100%;
    justify-content:space-between;
}
.indexbox6 form input{
    width:48%;
    height:50px;
    line-height:50px;
    padding-left:10px;
    box-sizing:border-box;
    margin-bottom:20px;
    box-shadow:0 0 4px #eee;
}
.indexbox6 form textarea{
    height:110px;
    width:100%;
    resize:none;
    padding:10px 0 0 10px;
    box-sizing:border-box;
    border:none;
    box-shadow:0 0 4px #eee;
}

.indexbox6 button {
    background: #0358A6;
    border: none;
    margin: 30px auto 0;
    
    width: 160px;
        height: 35px;
     
        border-radius: 18px;
        font-size: .14rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFE;
        line-height: 35px;
        display: block;
       
        text-align: center;
        
}

.contact{
    padding:.8rem 0 1rem;
}
.contact .info{
    margin:1rem 0 .5rem;
}
.contact .info ul{
    display: flex;
    justify-content: space-between;
}
.contact .info li{
    width:30%;
    border: 1px solid #E9E9E9;
    height:2.8rem;
    padding:.6rem .2rem 0;
    box-sizing: border-box;
    text-align: center;
}
.contact .info li i{
    height:.7rem;
    display: block;
}
.contact .info li i img{
    display: block;
    margin:0 auto;
}
.contact .info li span{
    font-size: .26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.contact .info li p{
    font-size: .16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-top:.2rem;
}
.contact  .map img,.contact  .map{
    width:100%;
    height:5.7rem;
}

.news .fr .join li{
    padding:.6rem 0;
    border-bottom:1px solid #DBDCDD;
}
.news .fr .join li .title{
    font-size:.2rem;
    color:#005483 ;
    margin-bottom:.3rem;
    
}
.news .fr .join li .font{
    font-size:.14rem;
    color:#666 ;
    
}
.news .fr .join li .con{
    margin-top:.3rem;
    font-size:.14rem;
    color:#666 ;
}

.hz{
    padding:.5rem 0 1rem;
}
.hz li{
    height:1.5rem;
    border:1px solid #eee;
    width:15%;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    margin:0 1% .2rem 0;
    box-sizing: border-box;
}

.link .img{
    margin-top:.2rem;
    display: flex;
    padding-right:.2rem;
    width:75%;
    justify-content: space-between;
}
.hz li img{
    max-width:90%;
    max-height:90%;
}
.hz li:nth-of-type(6n){
    margin-right:0;
}

.detail>h2{
    font-size:.2rem;
    color:#005483;
    
}
.news .fr .cg{
    padding-top:.4rem;
}
.news .fr .cg li{
    background: #F8F8F8;
    padding:.3rem .2rem;
    margin-bottom:.2rem;
}
.news .fr .cg li a{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.news .fr .cg li a>img{
    width:26%
}
.news .fr .cg li a>div{
    width:70%
}