.nav-list ul{ justify-content: center;}
.wrapper{ display: block; width: 100%;}
.wrapper .tit{ display: block;}
.wrapper .tit h2{ font-size: .36rem; font-weight: bold; line-height: .94rem; text-transform: uppercase; text-align: center; display: block; position: relative; color: #1d2088; margin-bottom: .23rem;}
.wrapper .tit h2::after{ content: ""; width: .52rem; height: .03rem; position: absolute; left: 50%; margin-left: -.26rem; bottom: 0; background: #1d2088}

.introduction { display: block; padding: .6rem 0; box-sizing: border-box; width: 100%; font-size: 0;}
.introduction .text{ width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 0 0 0 .2rem;}
.introduction .tit h2{ text-align: left; width: 100%;}
.introduction .tit h2::after{ left: 0; margin-left: 0;}
.introduction h3 { font-size: .16rem; font-family: "arial black"; color: #1d2088; text-transform: uppercase;}
.introduction p{ margin: 0; font-size: .14rem; line-height: 1.7; color: #757575;}
.introduction .img { width: 50%; display: inline-block; vertical-align: middle; position: relative; text-align: center;}
.introduction .img img { max-width: 100%;}



/* 组织架构 */
.Organization{ display: block; padding: .6rem 0 1.2rem; border-bottom: .44rem solid #1d2088; box-sizing: border-box; width: 100%; font-size: 0; }
.Organization .img { width: 100%; text-align: center; display: inline-block; vertical-align: middle; position: relative; margin-top: .2rem}
.Organization .img img { max-width: 100%;}

/* 荣誉证书 */
.Honor{ display: block; padding: .6rem 0; box-sizing: border-box; width: 100%; font-size: 0;}
.Honor .main .tit{ margin-bottom: .6rem;}
.Honor ul{ align-items: center; font-size: 0;  }
.Honor li{ height: 100%; box-sizing: border-box; padding: .1rem; vertical-align: middle; align-self: center; align-content: center; align-items: center; background: #1d2088;}
.Honor .img{ display: inline-block;  vertical-align: middle;}
.Honor img { max-width: 100%; align-items: center; align-content: center; display: inline-flex;}

/* 发展历程 */



/* 联系我们  */
.contact-n{ display: inline-block; vertical-align: top; padding: 1rem 0 0; box-sizing: border-box; width: 100%; font-size: 0;}
.contact-n .list{ display: flex; background: #1d2088; align-items: center; justify-content: space-between; padding: .4rem 0; z-index: 3; position: relative;}
.contact-n .list h2{ font-size: .36rem; font-weight: bold; padding: 0 .6rem; box-sizing: border-box; flex-shrink: 0; text-transform: uppercase; position: relative; color: #fff;}
.contact-n .list ul{ box-sizing: border-box; padding: 0 .6rem; flex-shrink: 1; max-width: 5.4rem;}
.contact-n .list ul li{ width: 100%; position: relative; padding-left: .6rem; margin: .12rem 0; display: block;}
.contact-n .list ul li h3{  color: #1d2088; display: block; position: absolute; left: 0; width: .6rem; text-align: center;}
.contact-n .list ul li h3 i{ width: .6rem; text-align: center; font-size: .18rem; display: inline-block; font-family: "iconfont"; color: #fff;}
.contact-n .list ul li span{ display: block; font-size: .16rem; line-height: 1.5; color: #fff; position: relative;}
.contact-n .list .qrcode{ font-size: .14rem; color: #fff; width: 3.2rem; line-height: 1.7; text-align: center; padding: 0 .6rem; box-sizing: border-box; flex-shrink: 0;}
.contact-n .list .qrcode .img{ width: 100%; display: block;}
.contact-n .list .qrcode .img img{ width: 100%; display: block;}
.contact-n .list .qrcode h3{ font-size: .14rem; color: #fff; line-height: 1.7; display: block; width: 100%; text-align: center;}

.map{ width: 100%; height: 5.86rem; display: block; position: relative;  margin-top: -1.04rem; z-index: 2;}



.box button{ position: absolute; top: 50%; left: 50%; width: 1.6rem; height: .48rem; box-sizing: border-box; font-size: .14rem; line-height: .44rem; transform: translate(-50%,-50%); background: rgba(255,255,255,0); opacity: 0; border: 2px solid #fff; color: #fff; text-align: center; transition: all 0.3s ease-in-out .1s; z-index: 3; cursor: pointer;}
.box:hover button{ opacity: 1;}
.box .swiper-slide a::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 2;  transition: all 0.3s ease-in-out .1s;}
.box .swiper-slide a:hover::after{ background: rgba(0,0,0,.7); }
.box button:hover{ background: rgba(255,255,255,.7); color: #000;}

/*下载*/
.download .main {width: 11.6rem; margin-bottom: .6rem;}
.download .main > .tit{ margin-bottom: .1rem; display: block;}
.download .main > .tit h2{margin-top: .2rem; font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.download .main > .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.download .main > .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.download .main > .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.download .main > .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}

.download .title {font-size: .32rem;line-height: .62rem;text-transform: uppercase;text-align: center;display: block;}
.download .row {padding: 0 .48rem; margin-top: .4rem; box-sizing: border-box;display: inline-block;width: 100%;min-height: 3.4rem;}
.download .row:first-of-type{margin-top: .7rem;}
.download .col {width: 50%;float: left;position: relative;}
.download .col .number{ font-size: .8rem;color: #0061ae;position: relative;font-weight: bold;z-index: 0;}
.download .col .number::before{content: '';position: absolute;left: .1rem;top: -.04rem;width: .86rem;height: .86rem;border: 7px solid #ededed;z-index: -1;}
.download .col .ch{font-size: .28rem;line-height: .38rem;padding-top: .4rem;width: 100%;z-index: 0;position: relative;}
.download .col .en{font-size: .12rem;color: #73757a;line-height: .19rem;width: 100%;z-index: 0;position: relative;}
.download .img {width: 46%; float: left;}
.download .col p {text-indent: 0; margin: .3rem 0 0 0; line-height: .29rem;font-size: .16rem;color: #73757a;}
.download .button {display: block; width: 1.2rem; height: .33rem; text-align: center; line-height: .33rem;font-size: .16rem;color: #333;margin-top: .37rem;border: 1px solid #333;}
.download .button:hover {background-color: #0061ae; color: #fff;}

@media screen and ( max-width:768px){
    .introduction{ padding: .3rem 0;}
    .introduction .main{ display: flex; flex-wrap: wrap;}
    .introduction .text{ order: 0; width: 100%; margin-bottom: .2rem; padding-left: 0;}
    .introduction .img{ order: 1; width: 100%;}
    .introduction .tit h2{ text-align: center;}
    .introduction .tit h2::after{ left: 50%; margin-left: -.26rem;}
    
    .Organization{ padding: .3rem 0 .6rem;}
    .Honor .img {position: relative;top: 50%;transform: translateY(-50%);}

    .contact-n{ padding: 0;}
    .contact-n .list{ flex-wrap: wrap; background: #fff;}
    .contact-n .list h2{ font-size: .36rem; font-weight: bold; line-height: .94rem; text-transform: uppercase; text-align: center; display: block; position: relative; color: #1d2088; margin-bottom: .23rem;}
    .contact-n .list h2::after{ content: ""; width: .52rem; height: .03rem; position: absolute; left: 50%; margin-left: -.26rem; bottom: 0; background: #1d2088}
    .contact-n .list h2{ text-align: center; color: #000;  width: 100%;}
    .contact-n .list ul{ padding: 0; width: 100%;}
    .contact-n .list ul li {box-sizing: border-box;}
    .contact-n .list ul li h3 i{ color: #0061ae;}
    .contact-n .list ul li span{ color: #666;}
    .contact-n .list .qrcode h3{ color: #000;}
}