/* bady */
body{position:relative;margin:0 auto;height:100%;}


html{width:100%;height:100%;}

/* P3-1关于我们 */
@-webkit-keyframes op{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}
@-webkit-keyframes qn{0%{-webkit-transform:rotateZ(0deg)}50%{-webkit-transform:rotateZ(70deg)}100%{-webkit-transform:rotateZ(0deg)}}
@-webkit-keyframes qw{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-360deg)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}
@-webkit-keyframes py{0%{-webkit-transform: translate(0,-5px)}50%{-webkit-transform: translate(0,5px)}100%{-webkit-transform: translate(0,-5px)}}
@-webkit-keyframes down{0%{-webkit-transform:translate(0,0px);opacity:0.8;}70%{-webkit-transform:translate(0,50px);opacity:0;}99%{-webkit-transform:translate(0,50px);opacity:0;}100%{-webkit-transform:translate(0,0px);opacity:0.8;}}
@-webkit-keyframes go{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-10px)}100%{-webkit-transform:translate(0,0)}}
body{position:relative;margin:0 auto;height:100%;}

.about .header{position: absolute;}



.sidebar-breadcrumb.trans .open .de p{
    visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}
.sidebar-breadcrumb.trans .open li{
visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.sidebar-breadcrumb.trans .open li:nth-child(1){animation-delay: 0.3s;}
.sidebar-breadcrumb.trans .open li:nth-child(2){animation-delay: 0.4s;}
.sidebar-breadcrumb.trans .open li:nth-child(3){animation-delay: 0.5s;}
.sidebar-breadcrumb.trans .open li:nth-child(4){animation-delay: 0.6s;}
.sidebar-breadcrumb.trans .open li:nth-child(5){animation-delay: 0.7s;}
.sidebar-breadcrumb.trans .open li:nth-child(6){animation-delay: 0.8s;}

.sidebar-breadcrumb.trans .open li:nth-child(7){animation-delay: 0.9s;}
.sidebar-breadcrumb.trans .open li:nth-child(8){animation-delay: 1s;}
.sidebar-breadcrumb.trans .open li:nth-child(9){animation-delay: 1.1s;}


.sidebar-breadcrumb.trans .open .ph{visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.9s;}
.wrap{margin:0px auto;position:relative;overflow:hidden;width:100%;height:100%;background: #fff;}
.wrap{
    position: relative;
    z-index: 4;
    transform: translate3d(0px, 0px, 0px);
    transition-duration:0.5s;
}
.wrap.trans{
    transform: translate3d(-70%, 0px, 0px);
    transition-duration:0.5s;
}


.sidebar-breadcrumb.trans{
    transform: translate3d(0px, 0px, 0px);
    transition-duration:0.5s;
}



.about .page_02 .header .top a img.big,.page_05 .header .top a img.big{display: none;}
.about .page_02 .header .top a img.small,.page_05 .header .top a img.small{display: block;}
.about .page_02 .header .top .clis,.page_05 .header .top .clis{background: url(../images/index/p_1s.png) center no-repeat;background-size: auto 1.58rem;}
.about .page_02 .header .top .clis.i_block,.page_05 .header .top .clis.i_block{background: url(../images/index/p_2s.png) center no-repeat;background-size: 1.66rem auto;}


.about .swiper-container,.swiper-slide,.swiper-wrapper{width:100%;height:100%;}
.about .swiper-slide-active .go{position:absolute;bottom:1.7%;width:10%;left:45%;-webkit-animation:go 1s linear 0s infinite;}
.about .swiper-slide-active .go img{margin:0 auto; display: block;width: 1.8rem;opacity: 0;
    -webkit-animation:opacitys 1s ease-in-out 1s forwards;
   -moz-animation:opacitys 1s ease-in-out 1s forwards;
   -ms-animation:opacitys 1s ease-in-out 1s forwards;
    animation:opacitys 1s ease-in-out 1s forwards;
}
.about .page_01{position: relative; width:100%;height:100%;background: url(../images/about/01_3.jpg) center no-repeat;background-size: cover;}
.about .page_01 .bac{position: absolute;left: 0px;top: 0px; width: 100%;height: 100%;background: url(../images/about/01_2.png) center no-repeat;background-size: 100% auto;}
.about .swiper-slide-active .page_01 .bac{-webkit-animation:opacitys 1s ease-in-out forwards;
   -moz-animation:opacitys 1s ease-in-out forwards;
   -ms-animation:opacitys 1s ease-in-out forwards;
    animation:opacitys 1s ease-in-out forwards;}

@keyframes opacitys {
  0% {
    opacity: 0;}
  100% {
    opacity: 1;}
}
@-webkit-keyframes opacitys {
   0% {
    opacity: 0;}
  100% {
    opacity: 1;}
}
@-moz-keyframes opacitys {
   0% {
    opacity: 0;}
  100% {
    opacity: 1;}
}
.about .page_01 .pos{position: absolute;left: 0px;top: 50%; width: 100%;}
.about .swiper-slide-active .page_01 .pos{-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;}
.about .page_01 .pos img{display: block;margin:0 auto; width: 91.7%;max-width: 750px; transform:translateY(-50%);}

.bounceIn {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.about .page_02{position: relative; width:100%;height:100%;background: url(../images/about/02_1.jpg) center no-repeat;background-size: cover;}

.about .title{width: 92%;margin:0 auto;padding-top: 5rem; color: #444;text-align: center;}
.about .title b{display: block; margin-bottom: 0.8rem; font-size: 1.75rem;font-weight: normal;}
.about .swiper-slide-active .title b{
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

}
.about .title i{margin-bottom: 1rem; display: block;font-size: 1rem;line-height: 1.166rem; font-family: "Arial";}
.about .swiper-slide-active .title i{
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.about .page_02 .text{opacity: 0;}
.about .swiper-slide-active .page_02 .text{-webkit-animation:opacitys 1.2s ease-in-out 0.5s forwards;
   -moz-animation:opacitys 1.2s ease-in-out 0.5s forwards;
   -ms-animation:opacitys 1.2s ease-in-out 0.5s forwards;
    animation:opacitys 1.2s ease-in-out 0.5s forwards;}

.about .page_02 .text p{margin-bottom: 1rem; font-size: 1.166rem;line-height: 2.5rem; color: #666;text-align: justify;}
.about .page_02 .text p i{color: #333;font-weight: bold;}
.about .page_02 ul{margin:0 auto; width: 92%;}
.about .page_02 ul li{margin-top:1rem; width: 43%;background:#fff;text-align: center;
visibility: visible;}
.about .swiper-slide-active .page_02 ul li{
visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;}
.about .swiper-slide-active .page_02 ul li:nth-child(1){animation-delay: 1.5s;}
.about .swiper-slide-active .page_02 ul li:nth-child(2){animation-delay: 1.6s;}
.about .swiper-slide-active .page_02 ul li:nth-child(3){animation-delay: 1.7s;}
.about .swiper-slide-active .page_02 ul li:nth-child(4){animation-delay: 1.8s;}
.about .swiper-slide-active .page_02 ul li:nth-child(5){animation-delay: 1.9s;}
.about .swiper-slide-active .page_02 ul li:nth-child(6){animation-delay: 2s;}
.about .page_02 ul li img{display: inline-block;vertical-align: middle;max-width:75%;-ms-interpolation-mode: bicubic;}
.about .page_02 ul li span{display: inline-block; width:1px; vertical-align: middle;}




.about .page_03{position: relative; width:100%;height:100%;background: url(../images/about/01_3.jpg) center no-repeat;background-size: cover;}
.about .page_03 .bot{position: absolute;left: 0px;bottom: 0px; width: 100%;height: 100%; background: url(../images/about/03_1s.png) center bottom no-repeat;background-size: 88% auto;}
.about .page_03 .title{color: #fff;}
.about .page_03 .next{position: relative;z-index: 3;}
.about .page_03 .next .pic img{display: block;margin:0 auto; max-width: 100%;}
.about .swiper-slide-active .page_03 .next .pic img:nth-child(1){-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;}
.about .swiper-slide-active .page_03 .next .pic img:nth-child(2){
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;}
.about .swiper-slide-active .page_03 .next .pic img:nth-child(3){
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}


.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}





.about .page_04{position: relative; width:100%;height:100%;}
.about .title{padding-top: 5.5rem;}
.about .page_04 .swiper-containers-v {position: relative;width: 100%;z-index: 1;overflow: hidden;}
.about .page_04 .swiper-containers-v .swiper-wrapper {padding-bottom: 4rem; position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.about .page_04 .swiper-containers-v .swiper-slide {position: relative;width: 100%;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
	-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}

.about .page_04 .swiper-containers-v .swiper-paginations-v {position:absolute;bottom:0.375rem;left:0; z-index: 2;width: 100%;text-align: center;transition: 300ms;transform: translate3d(0, 0, 0);}
.about .page_04 .swiper-containers-v .swiper-pagination-bullet {display: inline-block;opacity: 1; margin: 0 0.5rem;width: 0.8rem;height: 0.8rem; background:#dcdcdc;}
.about .page_04 .swiper-containers-v .swiper-pagination-bullet-active {background:#003599;}
.about .page_04 .swiper-containers-v .swiper-slide a{ display: block; width: 92%;}
.about .page_04 .swiper-containers-v .swiper-slide a .icon{margin:2rem auto;width: 6.7rem;height: 6.7rem;text-align: center;}
.about .swiper-slide-active .page_04 .swiper-containers-v .swiper-slide a .icon{
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}
.about .page_04 .swiper-containers-v .swiper-slide a .icon img{display: inline-block;vertical-align: middle;max-width:95%;max-height: 6.5rem; -ms-interpolation-mode: bicubic;}
.about .page_04 .swiper-containers-v .swiper-slide a .icon span{display: inline-block; width:1px;height: 6.7rem; vertical-align: middle;}
.about .page_04 .swiper-containers-v .swiper-slide a b{display: block;text-align: center;color: #003399;font-size: 1.666rem;font-weight: normal;}
.about .swiper-slide-active .page_04 .swiper-containers-v .swiper-slide a b{
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;}
.about .page_04 .swiper-containers-v .swiper-slide a p{width: 80%;margin:2.5rem auto 0; color: #666666;font-size: 1.333rem;line-height: 2.5rem;max-height: 10rem;overflow: hidden;}
.about .swiper-slide-active .page_04 .swiper-containers-v .swiper-slide a p{
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}




.about .page_05{position: relative; width:100%;height:100%;background: url(../images/about/01_3s.jpg) center no-repeat;background-size: cover;}
.about .page_05 .bac{display: none; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: url(../images/about/05_1s.png) left bottom no-repeat; }
.about .page_05 .title{color: #fff;}
.about .page_05 .swiper-containers {position: relative;width: 100%;z-index: 1;overflow: hidden;}
.about .page_05 .swiper-containers .swiper-wrapper {padding-bottom: 4rem; position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.about .page_05 .swiper-containers .swiper-slide {position: relative;width: 100%;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
	-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}

.about .page_05 .swiper-containers .swiper-paginations {position: absolute;bottom: 0.375rem;left: 0; z-index: 2;width: 100%;text-align: center;transition: 300ms;transform: translate3d(0, 0, 0);}
.about .page_05 .swiper-containers .swiper-pagination-bullet {display: inline-block;opacity: 1; margin: 0 0.5rem;width: 0.8rem;height: 0.8rem; background:#dcdcdc;}
.about .page_05 .swiper-containers .swiper-pagination-bullet-active {background:#003599;}
.about .gallery-top{height: 17.5rem;}
.about .page_05 .ts{display: block;margin:1.5rem auto 0;width: 16rem;height: 16rem; color: #fff;text-align: center;background:url(../images/about/05_2.png) center no-repeat;background-size: 16rem auto;}
.about .page_05 .ts b{padding: 2rem 0 1rem; display: block;font-size: 1.5rem;font-weight: normal;}
.about .page_05 .ts span{display: block;margin:0 auto 0.5rem;width: 1px;height: 1.5rem;background:#3371b8;}
.about .page_05 .ts i{display: block;margin:0 auto 0.5rem;width: 0.75rem;height: 0.75rem;background:url(../images/about/05_3.png) center no-repeat;background-size: 0.75rem auto;}
.about .page_05 .ts p{margin:0 auto;width: 13rem; font-size: 1.166rem;line-height: 2rem;}
.about .page_05 .lie{margin:1.5rem auto;width: 1px;height: 1.5rem;background:#8093bd;}
.about .page_05 .gallery-thumbs{height: 3.75rem;}
.about .page_05 .gallery-thumbs .swiper-slide {width: 33%;}
.about .page_05 .bs{position: relative;}
.about .page_05 .bs b{margin-bottom: 1rem; display: block;color: #444;line-height: 1.5rem; text-align: center;font-weight: normal; font-family: "Arial";}
.about .page_05 .bs i{display: block;margin:1.5rem auto 0;width: 0.75rem;height: 0.75rem;background:url(../images/about/05_3s.png) center no-repeat;background-size: auto 0.75rem;}
.about .page_05 .swiper-slide-active .bs b{color: #003399;font-size: 1.25rem;}
.about .page_05 .swiper-slide-active .bs i{background:url(../images/about/05_3.png) center no-repeat;background-size: auto 0.75rem;}
.about .page_05 .lie_x{margin-top:-0.4rem; width: 100%;height: 1px;background: #314b8f;}
.about .page_05 .swiper-container,.about .page_05 .lie{opacity: 0;}
.about .swiper-slide-active .page_05 .swiper-container,.about .page_05 .lie{-webkit-animation:opacitys 1s ease-in-out forwards;
   -moz-animation:opacitys 1s ease-in-out 1s forwards;
   -ms-animation:opacitys 1s ease-in-out 1s forwards;
    animation:opacitys 1s ease-in-out 1s forwards;}


.about .page_04 .left{position: absolute;left: 0px;top: 19%;width: 100%;}
.about .page_04 .left img{display: block;max-width: 100%;float: left;}
.about .page_04 .right{position: absolute;left: 0px;bottom:0%;width: 100%;}
.about .page_04 .right img{display: block;max-width: 100%;float: right;}


.about .page_01,.about .page_02,.about .page_03,.about .page_04,.about .page_05{overflow: hidden;}

.about .footer{position: absolute;left: 0px;bottom: 0px;width: 100%; background: none;}
.about .footer .w1200{color: #444;opacity: 0.6;text-align: center;}

@media screen and (min-height:479px){
  .about .title {padding-top: 5rem;}
  .about .page_03 .next .pic img{max-width: 98%;}
  .about .page_03 .bot{background: url(../images/about/03_1s.png) center bottom no-repeat;background-size: 88% auto;}
  .about .page_05 .ts{margin-top: 0.5rem;}
  .about .gallery-top{height: 17rem;}
  .about .page_05 .lie{margin:1rem auto;}
  

}
@media screen and (max-height:559px){
    .about .page_04 .swiper-containers-v .swiper-slide a .icon{margin: 1rem auto 2rem;width: 6.7rem;height:4.7rem;}
    .about .page_04 .swiper-containers-v .swiper-slide a .icon img{max-height: 4.7rem;}
    .about .page_04 .swiper-containers-v .swiper-slide a .icon span{height: 4.7rem;}
    .about .page_04 .swiper-containers-v .swiper-slide a p{margin-top:1.5rem;}
    .about .footer .w1200{padding:1rem 0;font-size: 1.1rem;line-height: 1.5rem;}
}
@media screen and (min-height:560px){
   .about .title{padding-top: 6rem;}
   .about .swiper-slide-active .page_02 .text{margin: 1rem auto 0.5rem;}
   .about .page_02 ul li {margin-top: 1.5rem;}
   .about .page_05 .swiper-container{margin-top: 2rem;}
   .about .page_04 .swiper-containers-v .swiper-wrapper{padding-bottom: 4.5rem;}
   
}

@media screen and (min-height:600px){
   .about .title{padding-top: 6.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 1.5rem auto 1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}

}
@media screen and (min-height:640px){
   .about .title{padding-top: 6.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 2.5rem auto 1rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_04 .swiper-containers-v .swiper-wrapper{padding-bottom: 5.5rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}


}
@media screen and (min-height:768px){
   .about .title{padding-top: 8.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 3rem auto 2rem;}
   .about .page_02 ul li {margin-top: 2rem;}
   .about .swiper-slide-active .page_03 .next .pic{margin-top: 3rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}

}
@media screen and (min-height:800px){
   .about .title{padding-top: 8.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 3rem auto 1rem;}
   .about .page_02 ul li {margin-top: 2rem;}
   .about .swiper-slide-active .page_03 .next .pic{margin-top: 3rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}

}
@media screen and (min-height:888px){
   .about .title{padding-top: 8.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 3rem auto 1rem;}
   .about .page_02 ul li {margin-top: 2rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}

}
@media screen and (min-height:1136px){
   .about .title{padding-top: 6.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 3rem auto 1rem;}
   .about .page_02 ul li {margin-top: 2rem;}
   .about .swiper-slide-active .page_03 .next .pic{margin-top: 3rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}

}
@media screen and (min-height:1280px){
   .about .title{padding-top: 6.5rem;}
   .about .swiper-slide-active .page_02 .text{margin: 3rem auto 1rem;}
   .about .page_02 ul li {margin-top: 2rem;}
   .about .swiper-slide-active .page_03 .next .pic{margin-top: 3rem;}
   .about .swiper-slide-active .page_03 .next .pic img{margin-bottom:1rem;}
   .about .page_05 .swiper-container{margin-top: 3rem;}
}



.subnav{height:4.5rem;  border-top: #ccc 1px solid;}
.subnav .w1200 {display:none;}
.subnav a{margin:1.625rem 0 0; display: block;float: left;height: 1.25rem;line-height: 1.25rem;color: #666666;font-size: 1.08rem;}
.subnav a.one{width: 1.5rem; background: url(../images/icon/icon_4.png) center no-repeat;background-size: auto 1.25rem;}
.subnav span{margin:1.625rem 0 0;display: block;float: left;width: 2.5rem;height: 1.25rem; background: url(../images/icon/icon_5.png) center no-repeat;background-size: auto 1.166rem;}

/*=========== 投资银行 ===========*/
.invest .section{min-height: 100vh;background: url(../images/page/invest_bac.jpg) center no-repeat;background-size: cover;}
.invest .section .con{/* position: absolute;left: 0;top: 48%;transform: translateY(-50%); */padding-top: 9.6rem; width:100%;}
.invest .section .title{margin:0px auto 2.333rem; text-align: center;color:#333; }
.invest .section .title b{margin-bottom: 3px; display: block;font-size: 1.75rem;font-weight: 900;}
.invest .section .title p{font-family: "Arial";font-size: 1rem;color: #666;}

.invest .section .next{margin:0 auto 3.08rem;text-align: center;}
.invest .section .next p{font-size: 1rem;color: #666;line-height: 1.708rem;}
.invest .section .next p i{color: #013599;}

.invest .swiper-container {padding-bottom: 7.12rem; width: 100%;/* height: 48.24vh; */}
.invest .swiper-slide{position: relative; margin: 0 2.8%;width:80%;opacity: 0.68;box-shadow: 0 0 0.6rem rgba(0,0,0,0.08);overflow: hidden;}
.invest .swiper-slide-active{opacity: 1;}
.invest .swiper-slide .pic{width:100%;height: 100%;border-radius:0.41rem 0.41rem 0 0;overflow: hidden;}
.invest .swiper-slide .pic i{display: block; width: 100%;height: 100%;transition: all 8s; transform: scale(1);}
.invest .swiper-slide .pos{background: #fff;border-radius: 0 0 0.41rem 0.41rem;}
.invest .swiper-slide .bor{padding: 1.95rem 1.8rem 3.4rem;border: none;}
.invest .swiper-slide .t{margin-bottom: 1.3rem; height: 2rem;overflow: hidden;}
.invest .swiper-slide .t span{display: block;float: left; font-size:1.5rem;color: #144199;font-weight: 900;}
.invest .swiper-slide .t em{display: block;float: left;line-height: 3rem; font-size: 0.75rem;color: #2cb9ac;font-family: Arial;}
.invest .swiper-slide .text{height: 10.2rem; line-height: 1.7rem; font-size: 1rem;color: #666;text-align: justify;}



.invest .swiper-button-prev{
    display: none;
    left:calc(50vw - 600px - 6vw - 30px);
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: url(../images/page/invest_1.png) center no-repeat;
}
.invest .swiper-button-next{
    display: none;
    right:calc(50vw - 600px - 6vw - 30px);
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: url(../images/page/invest_2.png) center no-repeat;
}







/*=========== 企业业务 ===========*/
.business .section{/* min-height: 100vh; */padding-bottom: 8rem;
background: url(../images/page/business_bac.jpg) center no-repeat;
background-size: cover;}
.business .section .con{padding-top: 9.6rem; width:100%;}
.business .section .title{margin:0px auto 2.333rem; text-align: center;color:#fff; }
.business .section .title b{margin-bottom: 3px; display: block;font-size: 1.75rem;font-weight: 900;}
.business .section .title p{font-family: "Arial";font-size: 1rem;color: #fff;opacity: 0.61;}


.business .swiper-container{width:100%;}
.business .gallery-thumbs{margin-left: 10%; width:90%;box-sizing:border-box;}
.business .gallery-thumbs .swiper-slide{width:auto; line-height: 1.8rem; font-size: 1.25rem;color: #d5d4d4;opacity: 1;}
.business .gallery-thumbs .swiper-slide p{ text-align: center;}
.business .gallery-thumbs .swiper-slide-thumb-active{font-weight: 900;font-size: 1.5rem;color: #fff;}


.business .gallery-top{margin:0; width:100%;}
.business .gallery-top .swiper-slide{transition: all 0.5s; margin: 4rem 2.6% 0; width:80.2%; border-radius: 0.4rem;overflow: hidden;}
.business .gallery-top .swiper-slide-active{transition: all 0.5s;margin: 2.5rem 2.6% 0; }

.business .gallery-top .swiper-slide:nth-child(1){margin-left: 4.6%;}
.business .gallery-top .pic{position: relative; width: 100%;}
.business .gallery-top .pic i{display: block; width: 100%;height: 100%;}
.business .gallery-top .pic em{display: block; position: absolute;left:3.33rem;bottom:-1px;width:1.5rem;height:1rem;background: url(../images/icon/icon_18.png) center bottom no-repeat;background-size: 100% auto;}

.business .gallery-top .next{background: #144199;}
.business .gallery-top .next .bor{padding: 2.625rem 0 1.625rem 2.08rem;border: none;}
.business .gallery-top .next dt{float: left;margin-right: 1rem; width: 4.2rem;height: 4.2rem;background: url(../images/icon/icon_25.png) center no-repeat;background-size: 4.2rem auto;}
.business .gallery-top .next dd{float: left; width: calc(100% - 5.2rem);}
.business .gallery-top .next dd b{display: block; margin-bottom: 4px; font-size: 1.66rem;color: #fff;font-weight: 900;}
.business .gallery-top .next dd p{height: 3.5rem; font-size: 1.166rem;color: #fff;}
.business .gallery-top .next em{transition: all 0.5s;opacity: 0; display: block; margin-right: 1rem;font-size: 1rem;color: #fff;text-align: right;}

.business .gallery-top .next dd.titleBox b{
    margin: 0;
    line-height: 4.2rem;
}
.business .gallery-top .next dd.titleBox p{
    display: none;
}



.business .gallery-top .swiper-slide-active .next em{transition: all 0.5s;opacity: 1; }


.business .gallery-top .slide2 .pic em{background:url(../images/icon/icon_19.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide2 .next{background: #25b7aa;}
.business .gallery-top .slide2 .next dt{background: url(../images/icon/icon_26.png) center no-repeat;background-size: 4.2rem auto;}

.business .gallery-top .slide3 .pic em{background:url(../images/icon/icon_20.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide3 .next{background: #385696;}
.business .gallery-top .slide3 .next dt{background: url(../images/icon/icon_27.png) center no-repeat;background-size: 4.2rem auto;}

.business .gallery-top .slide4 .pic em{background:url(../images/icon/icon_21.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide4 .next{background: #4b97ad;}
.business .gallery-top .slide4 .next dt{background: url(../images/icon/icon_28.png) center no-repeat;background-size: 4.2rem auto;}

.business .gallery-top .slide5 .pic em{background:url(../images/icon/icon_22.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide5 .next{background: #d0ab5b;}
.business .gallery-top .slide5 .next dt{background: url(../images/icon/icon_29.png) center no-repeat;background-size: 4.2rem auto;}

.business .gallery-top .slide6 .pic em{background:url(../images/icon/icon_23.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide6 .next{background: #96a2bd;}
.business .gallery-top .slide6 .next dt{background: url(../images/icon/icon_30.png) center no-repeat;background-size: 4.2rem auto;}

.business .gallery-top .slide7 .pic em{background:url(../images/icon/icon_24.png) center bottom no-repeat;background-size: 100% auto;}
.business .gallery-top .slide7 .next{background: #d37c5f;}
.business .gallery-top .slide7 .next dt{background: url(../images/icon/icon_31.png) center no-repeat;background-size: 4.2rem auto;}





/*=========== 个人业务 ===========*/
.personal .gallery-thumbs{}

.personal .gallery-thumbs .swiper-slide{width:33.33%;}

.personal .gallery-top .slide1 .next dt{background: url(../images/icon/icon_35.png) center no-repeat;background-size: 4.2rem auto;}

.personal .gallery-top .slide2 .pic em{background:url(../images/icon/icon_19.png) center bottom no-repeat;background-size: 100% auto;}
.personal .gallery-top .slide2 .next{background: #25b7aa;}
.personal .gallery-top .slide2 .next dt{background: url(../images/icon/icon_36.png) center no-repeat;background-size: 4.2rem auto;}

.personal .gallery-top .slide4 .pic em{background:url(../images/icon/icon_20.png) center bottom no-repeat;background-size: 100% auto;}
.personal .gallery-top .slide4 .next{background: #385696;}
.personal .gallery-top .slide4 .next dt{background: url(../images/icon/icon_38.png) center no-repeat;background-size: 4.2rem auto;}

.personal .gallery-top .slide3 .pic em{background:url(../images/icon/icon_21.png) center bottom no-repeat;background-size: 100% auto;}
.personal .gallery-top .slide3 .next{background: #4b97ad;}
.personal .gallery-top .slide3 .next dt{background: url(../images/icon/icon_37.png) center no-repeat;background-size: 4.2rem auto;}

.personal .gallery-top .slide5 .pic em{background:url(../images/icon/icon_22.png) center bottom no-repeat;background-size: 100% auto;}
.personal .gallery-top .slide5 .next{background: #d0ab5b;}
.personal .gallery-top .slide5 .next dt{background: url(../images/icon/icon_39.png) center no-repeat;background-size: 4.2rem auto;}



/*=========== 众邦科技 ===========*/
.technology .section{padding-bottom: 1px; min-height: 100vh; background: url(../images/page/technology_bac.jpg) center no-repeat;background-size: cover;}
.technology .section .con{padding-top: 6.6rem; width:100%;}
.technology .section .title{margin:0px auto 2.333rem; text-align: center;color:#fff; }
.technology .section .title b{margin-bottom: 3px; display: block;font-size: 1.75rem;font-weight: 900;}
.technology .section .title p{font-family: "Arial";font-size: 1rem;color: #fff;opacity: 0.61;}


.technology .pic_list img{display: block; margin: 0 auto 1.75rem;max-width: 82.13%;}
.technology .list{padding-bottom: 2.125rem; margin: 0 auto;width: 96%;}
.technology .list li{float: left;margin:0 2% 1.875rem 0; width: 49%;}
.technology .list li:nth-child(2n){margin-right: 0}
.technology .list li a{display: block;}
.technology .list li img{margin: 0 auto;display: block; max-width: 100%}




/*20220722*/
.about .page_05 .ts b{
    padding: 1.6rem 0 0.8rem;
}
.about .page_05 .ts span{
    height: 1.2rem;
}
.about .page_05 .ts i{
    display: none;
}
.about .page_05 .ts p{
    line-height: 1.8rem;
}
.businessBox .gallery-thumbs{
    margin:0 10%;
    width: 80%;
}