*{
    margin: 0;
    padding: 0;
    font-family: '微软雅黑 Light', sans-serif;
}

ul{
    list-style: none;    
}

.con{
    width: 1440px;
    margin:0 auto;

}

.header{
    height: 116px;
    background-color: white;
    
}

.logo{
    width: 189px;
    height: 110px;
    /* background:url(../img/ANG-logo.png) no-repeat center; */
    float: left;
    

}

.logo a{
    width: 189px;
    height: 110px;
    background:url(../img/gwemlogo.jpg) no-repeat center;
    background-size: cover;
    float: left;
    
}

.navi{
    float: left;
    margin-right: 50px;
    
}

.navi ul{
    height: 30px;
    margin-top: 44px;
    line-height: 30px;
    font-size: 24px;
}

.navi li{
    float: left;
    margin-left: 100px;
}

.navi li a{
    text-decoration: none;
    color: #E35E73;
    /* font-family: 微软雅黑; */
}


.language{
    background-color: #E35E73;
    height: 30px;
    margin-top: 44px;
    line-height: 30px;
    font-size: 26px;
    float: right;

    margin-right: 10px;
}


.active{
    color:black;
}

.banner{
    height:800px;
    background:url(../img/GWEABanner.jpg) no-repeat center;
    background-size: contain;
}

.about{
    /* background-color: #0e30b7; */
    background-color: rgb(248, 249, 250);
    height: 700px;
}

.aboutheader{
    padding-top: 70px;
    text-align: center;
    padding-bottom: 40px;
    font-size: 48px;
    letter-spacing:3px;
}

.aboutcontent{
    width: 1250px;
    height: 440px;
    margin: 0 auto;
    display: flex;
}

.aboutcontentleft{
    flex: 1;
    display: flex;
    flex-direction: column;
}


.aboutcontentleft1{
    background: url("../img/gwemaboutleft1.jpg") no-repeat;
  
    background-size: contain;

    width: 356px;
    height: 220px;   
   
}

.aboutcontentleft2{
    background: url("../img/gwemaboutleft2.jpg") no-repeat;
    margin-top: 15px;    
    width: 356px;
    height: 220px;   
    margin-right: 45px;  
    background-size: contain;

}

.acnum{
    flex: 0.5;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.acnumber{
    width: 90px;
    height: 90px;
    font-size: 40px;
    background: rgba(128,128,128, 0.1);
    /* border: black 1px solid; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

}

.aboutcontentright{
    margin-left: 30px;
    flex: 3;
    /* padding-right: 120px; */
    display: flex;
    flex-direction: column;
    
    justify-content: space-evenly;
    align-items:center;
    font-size: 14px;
    
}

.aboutcontentright div{
    height: 90px;
}


.fiveadvantages{
    height:414px;
    background: url(../img/five-advantage-banner.png) rgba(226, 203, 162, 0.7)  no-repeat center center;
    background-blend-mode: multiply;
    /* display: flex; */
}

.fiveadvantagescontent{
    margin-top: 20px;
    display:inline-flex;
    align-content: center;

}

.fiveadvantagescontent div{
    margin-left:100px;
    
    width: 180px;
    /* display:inline-flex;
    flex-direction: column;
    align-content: center; */
}


.fiveadvantagescontenheader{
    color: #870000;            
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 80px;
    font-size: 30px;
    font-weight: 600;
    
}


.fiveadvantagescontenheader2{
    color: black;            
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 80px;
    font-size: 30px;
    font-weight: 600;
}

.fiveadvantagescontent div h6{            
    display: inline;
    margin-top: 50px;
    text-align: center;
    
}

.mainteam{
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 1440px;
    height: 550px;
    overflow: hidden;
    
    
}

.mainteamswiper{
    display: flex;
    /* width: 8440px; */
    /* animation: swiperteam 25s infinite; */
}



/* @keyframes swiperteam {
    0%{
        transform: translateX(0px);
        
    }

    25%{
        transform: translateX(0px);
        
        
    }

    50%{
        transform: translateX(-1420px);
        
        
    }

    75%{
        transform: translateX(-2840px);
        
    }

    100%{
        transform: translateX(-4260px);
        
    }
} */

.tmember{ 
    width: 660px;
    height: 400px;
    display: flex;
    margin: 25px;

}

.tportrait{
    width: 260px;
    height: 400px;
    display: flex;
    flex-direction: column-reverse;
    color: white;
    align-items: center;
    justify-items: center;
    text-align: center;
    line-height: 130%;
   
    
}

.tname{
    width: 400px;
    height: 400px;
    display: flex;
    background: rgb(224, 224, 224);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    
}


.tname div{
    width: 250px;   
    padding: 50px;
}

.tname div h5{
    /* text-align: center; */
    font-size: 16px;
}

#amyzhou{
    background: url(../img/team/amy.png) no-repeat center;
    background-size: contain;
}


#helen{
    background: url(../img/team/Helen.png) no-repeat center;
    background-size: contain;
}





.history{
    height: 700px;
    background: url(../img/history-banner.png) rgb(248, 249, 250) no-repeat;
    background-blend-mode: multiply;
}

.historycontent{

    padding: 0 38px;
    
    display: flex;
    /* flex-direction: column; */
    justify-content:space-evenly
}


.historycontent div{
    /* background-color: rgb(228, 188, 188); */
    
    width: 440px;
    height: 400px;
    /* border: 1px dashed #000; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    
    text-align: left;
    /* line-height: 100%x; */
}

.hctext h2{
    padding-left: 155px;
    font-size: 28px;
    margin-bottom: 12px;
    
}

.hctext{
    font-size: 16px;
    font-weight: 600;
}


.fourglobal{


    
    display: flex;
    /* flex-direction: column; */
    justify-content: space-around;
    height: 350px;

}

.fourglobal div{
    background-color: rgba(185, 144, 86, 0.6);
    width: 200px;
    padding: 30px;
    border: 1px dashed #000;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    text-align:left;
    align-items: center;
}


.fourglobal div h2{
    font-size: 36px;
    font-weight: 550;
    letter-spacing: 2px;
    color: white;
    margin-bottom: 20px;
    /* background-color: #12aa12; */
}

.fourglobal div img{
    margin-top: 4px;
    margin-bottom: 10px;
    
    height: 40px;
    width: 40px;
    align-items: center;
    
}

.fourglobal div div span{
    /* display: inline; */
    width: 190px;
    text-align: center;
}

.brandbanner{
    height:500px;
    background:url(../img/brand-banner.png) no-repeat center;
    margin-bottom: 50px;
}


.gwembanner2{
    height:800px;
    background:url(../img/gwembanner2.jpg) no-repeat center;
    background-size: contain;
}

.brand{
    height: 1200px ;
}

.historycontent2{
    /* background-color: rgb(228, 188, 188); */
    
    width: 940px;
    height: 400px;
    padding-left: 200px;
    /* border: 1px dashed #000; */

}


.footer{
    background-color: black;
    height: 160px;
    display: flex;
    justify-items:center;
    align-items: center;
    
}

.footer div{
    color: white;
    text-align: center;
    margin: 0 auto;
   
}


.address{

    flex: 63;
    font-size: 16px;
}

.email{

    flex: 28;
    font-size: 18px;
}

a:link,a:visited,a:active{
    color: white;
    text-decoration: none;
}


.wechat{
    flex: 53;
    font-size: 18px;
}