.investment {
    background: #fff;
    overflow: hidden;
}
.wap_top .index{display:none;}
/* 国际业务页面 */

/* international section1 */

.investment .section1 {
    margin-top: 129px;
}

.investment .section1 .banner {
    width: 100%;
    height: 0;
    padding-bottom: 31.25%;
}

.investment .section1 .banner .mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}

.investment .section1 .container-my .description p {
    color: #fff;
    margin-bottom: 2%;
}

/* international section2 */

.investment .section2 {
    padding: 1.5% 0;
    border-bottom: 1px solid lightgray;
    box-shadow: 0px 1px 1px lightgray;
}

.investment .section2 .dreadcrumbNavigation p {
    color: rgb(119, 119, 119);
}

/* investment section3 */

.investment .section3 {
    background: #f4f4f4;
    padding: 6% 0;
}

.investment .section3 .bg-mask {
    display: none;
}

.investment .section3 .container-my .advantage .img {
    width: 50%;
    height: 0;
    padding-bottom: 28.125%;
}

.investment .section3 .container-my .desc {
    width: 50%;
    padding:3% 0;
  /*  height: 0;
    padding-bottom: 28.125%;*/
    background: #eeeeee;
}

.investment .section3 .container-my .desc .desc-container {
    width: 80%;
    margin:0 auto;
    min-height: 283px;
    text-align:left;
    color: #666666;
}

.investment .section3 .container-my .desc .line {
    height: 2px;
    width: 12%;
    background: rgb(212, 182, 118);
    margin-left: 44%;
    margin-bottom: 2%;
}

.investment .section3 .container-my .desc .desc-title {
    line-height: 1.2;
    text-align: center;
}

.investment .section3 .container-my .desc .desc-subTitle {
    margin-bottom: 2%;
    text-align: center;
}

.investment .section3 .container-my .desc .desc-content {
    line-height: 2em;
    text-align: left;
   
}

.investment .section4 {
    background-image: url(../../images/home/join/join_04.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5% 0;
}

.investment .section4 .container-my .title p {
    color: #666;
    padding: 1% 2%;
    display: inline-block;
    border-bottom: 2px solid #d4b676;
}

.investment .section4 .container-my dt {
    line-height: 3;
}

.investment .section4 .container-my dd {
    line-height: 2;
}

.investment .section4 .container-my .part-a {
    margin-top: 2%;
}

.investment .section4 .container-my .part-a .advantage-detail {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.investment .section4 .container-my .part-a .advantage-detail dt {
    color: #666;
}

.investment .section4 .container-my .part-a .advantage-detail dd {
    color: #666;
}

.investment .section4 .container-my .part-b {
    margin-top: 8%;
    color: #fff;
    text-shadow: 2px 2px 4px #333;
}

.investment .section4 .container-my .part-b .advantage-detail {
    width: 20%;
}

.investment .section4 .container-my .part-b .advantage-detail.center {
    margin: 0 6.6666666%;
}

.investment .section4 .container-my .part-b .advantage-detail dt {
    color: #fff;
}

.investment .section5 {
    background: #f4f4f4;
    padding: 6% 0;
}

.investment .section5 .container-my .bg-mask {
    display: none;
}

.investment .section5 .container-my .img-a {
    width: 34.844%;
    height: 0;
    padding-bottom: 46.406%;
    z-index: 9;
}

.investment .section5 .container-my .img-b {
    width: 30.391%;
    height: 0;
    padding-bottom: 40.547%;
    right: 13%;
    margin-top: 2.9295%;
}

.investment .section5 .container-my .description {
    width: 50%;
   /* height: 0;
    padding-bottom: 46.406%;*/
}

.investment .section5 .container-my .content dl .line {
    display: inline-block;
    width: 30%;
    height: 2px;
    background: rgb(212, 182, 118);
}

.investment .section5 .container-my .content dt {
    color: rgb(212, 182, 118);
}

.investment .section5 .container-my .content dd {
    margin-top: 1em;
}

.investment .section5 .container-my .content dd p {
    line-height: 2
}

.investment .section6 {
    background-image: url(../../images/home/join/join_07.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5% 0;
}

.investment .section6 .container-my {
    width:92%;
    margin: 0 auto;
}

.investment .section6 .bg-mask {
    display: none;
}

.investment .section6 .container-my .img {
    width: 58.008%;
    height: 0;
    padding-bottom: 43.555%;
}

.investment .section6 .container-my .detail {
    width: 35%;
    height: 0;
    padding-bottom: 43.555%;
    color: #fff;
}

.investment .section6 .container-my .detail .line {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: rgb(212, 182, 118);
    margin-bottom: 10%;
}

.investment .section6 .container-my .detail dd {
    line-height: 2.5;
}
.investment .section6 .container-my .detail dd p{float: left;width: 50%;}
.investment .section6 .container-my .detail dd p.brand-tit{width:100%;float:none;}
.investment img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.investment .section3 img:hover {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
}

.investment img.icon:hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

@media screen and (max-width:950px) {
    .investment .section6 .container-my {
        width: 100%;
        margin: 0 auto;
    }
    .investment .section6 .container-my .img {
        display:none;
        /*width: 100%;
        height: 0;
        padding-bottom: 80%;*/
    }
    .investment .section6 .bg-mask {
        display: block;
        background: rgba(0,0,0,0.3);
    }
    .investment .section6 .container-my .detail {
        box-sizing:border-box;
        width: 100%;
        height: auto;
        float: none;
        padding: 10px;
        display: block;
        z-index: 9;
    }
    .investment .section6 .container-my .detail .content {
        width: 95%;
        left: auto;
        top:auto;
        transform:none;
        position: static;
        margin:0 auto
    }
    .investment .section6 .container-my .detail .line {
        display: none;
    }
    .investment .section6 .container-my .detail .content dl {
        /*float: left;*/
        margin: 0% 2%;
        /* margin-top: 5%; */
    }
    .investment .section3 .container-my .desc .desc-title {
        line-height: 1.5;
    }
    .investment .section3 .container-my .desc .desc-subTitle {
        display: none;
    }
    .investment .section3 .container-my .desc .desc-content {
        line-height: 1.8em;
    }
    .investment .section3 .container-my .desc .line {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .investment .section1 .wrap-mid{display:none;}
    .investment .section2{display:none;}
    .investment .section1 .container-my .description p:nth-child(2) {
        display: none;
    }
    .investment .section4 .container-my .part-b .advantage-detail {
        width: 40%;
    }
    .investment .section4 .container-my .part-b .advantage-detail.center {
        margin: 0 0;
    }
    .investment .section4 .container-my .part-b .advantage-detail:last-child {
        float: left;
    }
    .investment .section4 .container-my .part-b .advantage-detail:nth-child(odd) {
        margin: 0 6.6666666%;
    }
    /*.investment .section5 .container-my .bg-mask {
        display: block;
        background: rgba(0,0,0,0.3);
    }*/
    .investment .section5{padding:3% 0;}
    .investment .section5 .container-my{
        padding-bottom: 48%
    }
    .investment .section5 .container-my .img-b {
        display: none;
    }
    .investment .section5 .container-my .img-a {
        width: 100%;
        position:absolute!important;
        float:none;
        bottom:0;
        /*z-index: 0;
        padding-bottom: 100%;*/
    }
    .investment .section5 .container-my .description {
        /*color: #fff;*/
        width: 90%;
        margin:0 auto;
        /*height: 0;
        padding-bottom: 100%;
        z-index: 999;
        left: 5%;*/
    }
    .investment .section3{padding:3% 0;}
    .investment .section3 .container-my .advantage .img {
        width: 100%;
        padding-bottom: 56.25%;
    }
    .investment .section3 .container-my .desc {
        width: 100%;
        display:block;
        float:none;
       /* padding-bottom: 56.25%;
        background: none;
        position: absolute;
        z-index: 99;*/
    }

    .investment .section3 .container-my .desc .desc-container {
        min-height:auto
    }
    .investment .section3 .container-my .desc .desc-content{
        margin-top: 2%
    }
   /* .investment .section3 .bg-mask {
        display: block;
        background: rgba(0,0,0,0.5);
    }*/
    .investment .section3 .container-my .advantage:first-child {
        margin-bottom: 2%;
    }
}

@media screen and (max-width:425px) {
    .investment .section4 .container-my .part-b .advantage-detail {
        width: 80%;
        margin: 8% auto !important;
        display: block;
        float: initial !important;
        text-align: center;
    }
    .investment .section5 .container-my .content dl .line {
        display: none;
    }
    .investment .section5 .container-my .content dd {
        margin-top: 0;
    }
    .investment .section5 .container-my .content dd p {
        line-height: 1.5
    }
}

@media screen and (max-width:375px) {
    .investment .section3 .container-my .advantage .description .content p:nth-child(4) {
        margin-top: 0;
    }
    .investment .section3 .container-my .service .description .content p:nth-child(4) {
        margin-top: 0;
    }
    .investment .section3 .container-my .desc .desc-content {
        line-height: 1.5em;
    }
    .investment .section6 .container-my .detail{padding:0}
}




/*font-size*/
.fnt_12 { font-size:12px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}

.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_56 { font-size:56px;}
.fnt_58 { font-size:58px;}
.fnt_60 { font-size:60px;}

@media only screen and (max-width: 1440px) {
  
  .fnt_22 { font-size:18px;}
  .fnt_24 { font-size:20px;}
  .fnt_26 { font-size:24px;}
  .fnt_28 { font-size:24px;}
  .fnt_30 { font-size:30px;}
  .fnt_32 { font-size:30px;}
  .fnt_34 { font-size:30px;}
  .fnt_36 { font-size:32px;}
  .fnt_38 { font-size:32px;}
  .fnt_40 { font-size:34px;}

  .fnt_42 { font-size:34px;}
  .fnt_44 { font-size:34px;}
  .fnt_46 { font-size:36px;}
  .fnt_48 { font-size:36px;}
  .fnt_50 { font-size:38px;}
  .fnt_52 { font-size:38px;}
  .fnt_54 { font-size:38px;}
  .fnt_56 { font-size:40px;}
  .fnt_58 { font-size:40px;}
  .fnt_60 { font-size:42px;}
}
@media only screen and (max-width: 1200px) {
  .fnt_24 { font-size:18px;}
  .fnt_20 { font-size:16px;}
}

@media only screen and (max-width: 1024px) {
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:16px;}
  .fnt_24 { font-size:18px;}
  .fnt_26 { font-size:20px;}
  .fnt_28 { font-size:20px;}
  .fnt_30 { font-size:24px;}
  .fnt_32 { font-size:24px;}
  .fnt_34 { font-size:24px;}
  .fnt_36 { font-size:26px;}
  .fnt_38 { font-size:26px;}
  .fnt_40 { font-size:30px;}

  .fnt_42 { font-size:30px;}
  .fnt_44 { font-size:30px;}
  .fnt_46 { font-size:32px;}
  .fnt_48 { font-size:32px;}
  .fnt_50 { font-size:34px;}
  .fnt_52 { font-size:34px;}
  .fnt_54 { font-size:34px;}
  .fnt_56 { font-size:36px;}
  .fnt_58 { font-size:36px;}
  .fnt_60 { font-size:38px;}
}

@media only screen and (max-width: 767px) {
  .fnt_14 { font-size:12px;}
  .fnt_16 { font-size:14px;}
  .fnt_18 { font-size:14px;}
  .fnt_20 { font-size:14px;}
  .fnt_22 { font-size:16px;}
  .fnt_24 { font-size:16px;}
  .fnt_26 { font-size:18px;}
  .fnt_28 { font-size:18px;}
  .fnt_30 { font-size:18px;}
  .fnt_32 { font-size:22px;}
  .fnt_34 { font-size:22px;}
  .fnt_36 { font-size:24px;}
  .fnt_38 { font-size:24px;}
  .fnt_40 { font-size:24px;}

  .fnt_42 { font-size:24px;}
  .fnt_44 { font-size:24px;}
  .fnt_46 { font-size:24px;}
  .fnt_48 { font-size:26px;}
  .fnt_50 { font-size:26px;}
  .fnt_52 { font-size:26px;}
  .fnt_54 { font-size:28px;}
  .fnt_56 { font-size:28px;}
  .fnt_58 { font-size:28px;}
  .fnt_60 { font-size:30px;}
}
@media only screen and (max-width: 767px){
  .fnt_34{font-size: 18px;}
}