﻿

/* PC 适配 */
.stage { width: 100%; height: auto; overflow: hidden; }
#methodology .leftbox { width: 50%; height: 100%; float: left; overflow: hidden; background: #d4d4d4; }
#methodology .leftbox img { width: 56.6%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#methodology .rightbox { width: 50%; height: 100%; float: right; overflow: hidden; }


#methodology .nav { width: 30px; height: 372px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
#methodology .nav li { width: 14px; height: auto; padding: 16px 0; border-bottom: 2px solid #fff; }
#methodology .nav li p { font-size: 14px; color: #fff; width: 28px; border-left: 2px solid rgba(0,0,0,0); line-height: 18px; text-align: center; margin-left: -9px; transition: all .3s linear; cursor: pointer; }
#methodology .nav li.active p { border-left: 2px solid #a3257e; }
#methodology .nav li:last-child { border-bottom: 0; }
/*myswiper start*/
.parent-swiper { z-index: 9999; }

.swiper-pagination.f_pcaa {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    padding-top: 12px;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    background-color: #4c4c4c;
    display: none;
    text-align: right;
    box-sizing: border-box;
}

.swiper-pagination.f_pcaa *{
    font-size: 12px!important;
}
.swiper-pagination.f_pcaa.top {
    top: 68px;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet {
    position: relative;
    margin: 0 25px;
    width: auto;
    height: auto;
    font-size: 16px;
    color: #fff;
    background: none;
    opacity: 1;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet-active strong {
    display: inline-block;
    border-bottom: 1px solid #c21e7e;
    padding-bottom: 8px;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet:hover {
    color: #c21e7e;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet::after {
    position: absolute;
    right: -25px;
    top: 4px;
    display: inline-block;
    width: 1px;
    height: 14px;
    content: '';
    background-color: #fff;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet:last-of-type {
    margin-right: 0;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet:last-of-type::after {
    display: none;
}
.swiper-pagination.f_pcaa .swiper-pagination-bullet-active {
    background: none;
}

/* .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 30px; height: 425px; bottom: 10px; left: inherit; right: 10px; top: 50%; transform: translateY(-50%) }
.swiper-pagination-bullet { transition: all .3s linear; width: 14px; height: auto; opacity: 1; padding: 0 5px; border-radius: inherit; background: none; color: #fff; }
.swiper-pagination-bullet strong { font-size: 14px; display: block; border-bottom: 2px solid #fff; line-height: 18px; transition: all .3s linear; padding: 16px 0; }
.swiper-pagination-bullet strong:hover { animation: hoverColor2 .5s ease-out forwards; }
.swiper-pagination-bullet:last-of-type strong { border-bottom: none; }
.swiper-pagination-bullet-active { border-left: 1px solid #bc157f; transition: all .3s linear; } */
/*myswiper end

/*RCG.html start*/
#RCG .listlogo { background: #161616 url("../images/about/rcg_pc02.png") no-repeat center; }
#RCG .listlogo.f_pc .wrap { width: 100%; height: 1010px; text-align: center; }
#RCG .listlogo.f_pc .wrap .logos { margin: 0 auto; }

#RCG .listlogo.f_mb { background: #161616 url("../images/about/rcg_mb02.png") no-repeat center; }
#RCG .listlogo.f_mb .wrap { width: 63.6%; text-align: center; padding: 95px 0; }
#RCG .listlogo.f_mb .wrap .logos { width: 100%; }
/*RCG.html end*/

/*honor.html start*/
#honor .listlogo { background: #d4d4d4; }
#honor .listlogo.f_pc .wrap { text-align: center; }
#honor .listlogo.f_pc .wrap .logos { width: 100%; }
#honor .listlogo.f_mb .wrap { width: 66%; text-align: center; padding-left: 15px; }
#honor .listlogo.f_mb .wrap .logos { width: 100%; }
/*honor.html end*/

/*team.html start*/
#team { background: #161616; }
#team .wrap { }
#team .line { width: 100%; overflow: hidden; position: absolute; height: 100%; }
#team .line div { border-left: 1px solid #454545; overflow: hidden; width: 1px; position: absolute; height: 100%; }
#team .line div:nth-child(1) { left: 1.9%; }
#team .line div:nth-child(2) { left: 33.75%; }
#team .line div:nth-child(3) { right: 33.75%; }
#team .line div:nth-child(4) { right: 1.9%; }
#team .image-box { overflow: hidden; padding: 73px 0 32px 0; background-image: url("../images/about/team_bg.png"); background-repeat: no-repeat; background-position: center 36%; background-size: auto; }
#team ul li { width: 30%; float: left; margin-right: 5%; margin-bottom: 54px; overflow: hidden; height: auto; }
#team ul li img { width: 100%; position: relative; display: inline-block; max-width: 100%; height: auto; }
#team ul li:nth-child(3n) { margin-right: 0; }
#team ul li:nth-child(4), #team ul li:nth-child(6) { margin-top: 290px; }
#team ul li:nth-child(7) { margin-top: -15%; margin-left: 35%; }
#team ul li:nth-child(8) { margin-left: 35%; }
#team .image-box_pc { display: block; }
#team .image-box_mb { display: none; }
#team .info-box { position: absolute; left: 0; right: 0; height: auto; max-width: 217px; margin: 0 auto; background-color: #313131; z-index: 1; bottom: 20px; text-align: center; padding: 25px 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
#team .wow.active .info-box, #team ul li:hover .info-box { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }


#team .info-box .name a { font-size: 20px; color: #fff; font-weight: bold; line-height: 28px; }
#team .info-box .designation { display: block; margin-top: 4px; font-size: 14px; color: #fff; font-weight: 300; }

.gifPage.f_pc { top: 40px;bottom: auto; }

.parent-swiper * { font-size: 0; }
.parent-swiper { white-space: nowrap; }
.left-box-0424,.right-box-0424 { position: relative;display: inline-block; width: 50%;vertical-align: top; }
.left-box-0424 img,.right-box-0424 img { width: 100%; }
.right-box-0424 img.pic-title { position: absolute;z-index: 2;;left: 10px;top: 20px;width: 60%; }
.left-box-0424 .title { position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.left-box-0424 .title img { display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 56%; }
.left-box-0424 { background-color: #d4d4d4; }

/* 低分屏 适配 */
@media only screen and (max-width:1600px ) {
}

/* iPad 适配 */
@media only screen and (max-width:1200px ) {
    /*RCG.html start*/
    #RCG .listlogo.f_pc .wrap { height: 540px; }
    #RCG .listlogo.f_pc .wrap .logos { width: 700px; }

    /*honor.html start*/
    #honor .listlogo.f_pc .wrap { width: 97%; }

    /*team.html start*/
    #team .wrap { width: 98%; }

    .swiper-pagination.f_pcaa.top {
        top: 34px;
    }

}

/* iPad 低分屏 适配 */
@media only screen and (max-width:1000px ) {
    #honor .listlogo.f_mb .wrap { width: 70% !important; margin-left: 0 !important; }
}


/* Mobile 适配 */
@media screen and (max-width:720px) {
    .stage { margin-top: 43px; }
    /*honor.html start*/
    #honor .listlogo.f_mb .wrap { width: 100%; text-align: center; padding-left: 0; }
    #honor .listlogo.f_mb .wrap ::-webkit-scrollbar { display: none; }

    /*methodology.html*/
    #methodology .leftbox { width: 100%; }
    #methodology .rightbox { width: 100%; }
    /* .gifWrap img { width: 100%; height: initial; } */
    #methodology .leftbox img { width: 75%; left: 10%; transform: translate(0,-50%); }

    .swiper-pagination {
        position: absolute;
        background: none;
        
    }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%;left: 50%;right: auto;top: 44%;transform: translateX(-50%); }
    .swiper-pagination-bullet { transition: all .3s linear; width: 8px; height: 8px; opacity: 1; padding: 0; background: #fff; border-radius: 50%; }
    .swiper-pagination-bullet strong { font-size: 0; display: block; border-bottom: none; line-height: 0; transition: all .3s linear; padding: 0; }
    .swiper-pagination-bullet:last-of-type strong { border-bottom: none; }
    .swiper-pagination-bullet-active { border-left: none; transition: all .3s linear; background: #bc157f; }

。

    /*team.html start*/
    #team .line div:nth-child(1) { left: 20%; }
    #team .line div:nth-child(2) { left: 40%; }
    #team .line div:nth-child(3) { right: 20%; }
    #team .line div:nth-child(4) { right: 40%; }
    #team ul li { width: 100%; text-align: center; }
    #team ul li img { width: 85%; height: auto; }
    #team ul li:nth-child(4), #team ul li:nth-child(6), #team ul li:nth-child(8) { margin-top: 0; }
    #team ul li:nth-child(7) { margin-top: 0; margin-left: 0; }
    #team ul li:nth-child(8) { margin-top: 0; margin-left: 0; }
    #team .image-box_pc { display: none; }
    #team .image-box_mb { display: block; }


    .left-box-0424, .right-box-0424 {
        width: 100%;
        display: block;
    }

}
