@media screen and  (min-width: 1440px) {
body{ background: #f4f4f4;}
.team-member-box{ width: 1400px;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 45px 10px,90% bottom; margin: 0 auto;}
dl{ margin-bottom: 0 !important;}
.team-member-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.team-member-box dd{ padding: 0 0px;margin-top: 55px;}

.team-member-box dd .team-member-list{ width: 100%;}
.team-member-box dd .team-member-list li{ width: calc((100% - 110px)/4); background: #fff; margin-right: 35px; float: left; margin-bottom: 55px;transition:0.5s; -webkit-transition:0.5s; cursor: pointer;}
.team-member-box dd .team-member-list li:not(:first-of-type):hover{box-shadow: 10px 10px 10px #ccc;}
.team-member-box dd .team-member-list li:nth-of-type(1){ display:block; width:100%;background:rgba(0,0,0,0)}
.team-member-box dd .team-member-list li:nth-of-type(1) .ceo-li{width: 310px; height: 475px; background: #fff; margin:0 auto;}
.team-member-box dd .team-member-list li:nth-of-type(1) .ceo-li:hover{box-shadow: 10px 10px 10px #ccc;}
.team-member-box dd .team-member-list li:nth-of-type(4n+1){ margin-right: 0;}
.team-member-box dd .team-member-list li .name{ width: 100%; font-size: 24px; color: #3A5DAE; padding-left: 20px; padding-top: 28px; border-bottom: 1px solid #3A5DAE; padding-bottom: 15px;}

.team-member-box dd .team-member-list li .position{ color: #666; font-size: 16px; padding-left: 25px; margin-top: 5px; position: relative; line-height: 30px; height: 60px;}
.team-member-box dd .team-member-list li .position .link-more-btn{ transition: all .4s ease 0s; width: 38px; height: 38px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: -500% center,center center; right: 15px; top: 10px; display: block; position: absolute; border: 1px solid #ccc; border-radius: 50%;background-size: 70% ,70%;}

.team-member-box dd .team-member-list li:hover .position .link-more-btn{background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: center center,500% center;background-size: 70% ,70%;}


}
@media screen and  (min-width: 1200px) and (max-width: 1440px) {

    .team-member-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 45px 10px,1014px bottom;}
    dl{ margin-bottom: 0 !important;}
    .team-member-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
    .team-member-box dd{ padding: 0 0px;margin-top: 55px;}
    
    .team-member-box dd .team-member-list{ width: 100%;}
    .team-member-box dd .team-member-list li{ width: 310px; height: 475px; background: #fff; margin-right: 35px; float: left; margin-bottom: 55px;}
    .team-member-box dd .team-member-list li:nth-of-type(1){ display:block; width:100%;background:rgba(0,0,0,0)}
    .team-member-box dd .team-member-list li:nth-of-type(1) .ceo-li{width: 310px; height: 475px; background: #fff; margin:0 auto;}
    .team-member-box dd .team-member-list li:nth-of-type(4n+1){ margin-right: 0;}
    .team-member-box dd .team-member-list li .name{ width: 100%; font-size: 24px; color: #3A5DAE; padding-left: 20px; padding-top: 28px; border-bottom: 1px solid #3A5DAE; padding-bottom: 15px;}
    
    .team-member-box dd .team-member-list li .position{ color: #666; font-size: 16px; padding-left: 25px; margin-top: 5px; position: relative; line-height: 30px;}
    .team-member-box dd .team-member-list li .position .link-more-btn{ transition: all .4s ease 0s; width: 38px; height: 38px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: -500% center,center center; right: 15px; top: 10px; display: block; position: absolute; border: 1px solid #ccc; border-radius: 50%;background-size: 70% ,70%;}

    .team-member-box dd .team-member-list li:hover .position .link-more-btn{background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: center center,500% center;background-size: 70% ,70%;}

}

@media screen and  (min-width: 750px) and (max-width: 1200px) {

    .team-member-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 45px 10px,1014px bottom;}
    dl{ margin-bottom: 0 !important;}
    .team-member-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
    .team-member-box dd{ padding: 0 350px;margin-top: 55px;}
    
    .team-member-box dd .team-member-list{ width: 100%;}
    .team-member-box dd .team-member-list li{ width: 310px; height: 475px; background: #fff; margin-right: 35px; float: left; margin-bottom: 55px;}
    .team-member-box dd .team-member-list li:nth-of-type(1){ display:block; width:100%;background:rgba(0,0,0,0)}
    .team-member-box dd .team-member-list li:nth-of-type(1) .ceo-li{width: 310px; height: 475px; background: #fff; margin:0 auto;}
    .team-member-box dd .team-member-list li:nth-of-type(2n+1){ margin-right: 0;}
    .team-member-box dd .team-member-list li .name{ width: 100%; font-size: 24px; color: #3A5DAE; padding-left: 20px; padding-top: 28px; border-bottom: 1px solid #3A5DAE; padding-bottom: 15px;}
    
    .team-member-box dd .team-member-list li .position{ color: #666; font-size: 16px; padding-left: 25px; margin-top: 5px; position: relative; line-height: 30px;}
    .team-member-box dd .team-member-list li .position .link-more-btn{ transition: all .4s ease 0s; width: 38px; height: 38px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: -500% center,center center; right: 15px; top: 10px; display: block; position: absolute; border: 1px solid #ccc; border-radius: 50%;background-size: 70% ,70%;}

    .team-member-box dd .team-member-list li:hover .position .link-more-btn{background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: center center,500% center;background-size: 70% ,70%;}




}

@media screen and (max-width: 750px) {


    .team-member-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 5.3vw 10px,56vw bottom; padding-bottom: 10vw;}
    .team-member-box dl{ margin: 0;}
    .team-member-box dt{padding-top: 16vw; margin-left: 14vw; color: #002A5C; font-size: 36px;}
    .team-member-box dd{ padding: 0 5.3vw; margin-top: 70px;}

    .team-member-box dd .team-member-list li{ width: 49%;  background: #fff; margin-right: 2%;  margin-bottom: 55px; float: left; padding-bottom: 60px;}
    .team-member-box dd .team-member-list li:nth-of-type(2n){ margin-right: 0;}
    .team-member-box dd .team-member-list li .name{ width: 100%; font-size: 5vw; color: #3A5DAE; padding-left: 20px; padding-top: 28px; border-bottom: 1px solid #3A5DAE; padding-bottom: 15px;}
    
    .team-member-box dd .team-member-list li .position{ color: #666; font-size: 3.5vw; padding-left: 25px; margin-top: 5px; position: relative; line-height: 30px;}
    .team-member-box dd .team-member-list li .position .link-more-btn{ transition: all .4s ease 0s; width: 8vw; height: 8vw; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; background-position: -500% center,center center; right: 5%; top: 160%; display: block; position: absolute; border: 1px solid #ccc; border-radius: 50%;background-size: 70% ,70%;}


    .team-desc-box .desc-box{ width: 80% !important;}

}


.team-desc-box{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position:fixed; top: 0; left: 0;z-index: 15; display: none;transition:0.5s; -webkit-transition:0.5s;}
.team-desc-box .desc-box{ width: 50%; min-height: 300px; background: #fff; border-radius: 10px; box-shadow: 3px 3px 5px #333; margin: 0 auto; margin-top: 20%; padding: 60px; position: relative;}

.team-desc-box .name{ font-size: 24px; font-weight: bold; margin-bottom: 25px;}
.team-desc-box .position{font-size: 16px; font-weight: bold; line-height: 35px;}
.team-desc-box .close{ width: 50px; height: 50px; text-align: center; line-height: 50px; font-weight: bold; border-radius:50%; position: absolute;right: 0; top: 0;}