.img{
    width:100%;
    height:auto;
    border:1px solid rgba(226, 226, 226, 0.5);
}

.container{
    width: 100%;
    min-height: 1000px;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2), 1px, transparent 1px),
    linear-gradient(to bottom, rgba(137, 197, 196, 0.05) 0%, #518E8C 4%, #044644 100%);
    background-size: 24px 24px, 100% 100%;
    background-repeat: repeat, no-repeat;
    margin-top: -100px;
    position: relative;
    z-index: 2;
}

.two-columns{
    display: flex;
    gap: 20px;
    color: #FFFFFF;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.left-column{
    flex: 1;
    padding: 80px;
}

.right-column{
    flex: 1;
    padding: 80px;
}

.title{
    font-size: 80px;
}

.sectitle{
    margin-top: -50px;
    font-size: 30px;
}

.title-contact{
    margin-top: 170px;
    font-size: 30px;
}

.content{
    font-size: 18px;
}

.form-wrapper{
    position: relative;
    width: 100%;
    max-width: 400px;
}

.form-input{
    display: block;   
    z-index: 2;  
    background-color: #FFFFFF;
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: none;
    outline: none;
    padding-left: 20px;
    padding-right: 45px;     
    box-sizing: border-box;
    color: #333333;
}

.form-input::placeholder{
    font-size: 18px;
    color: #E3E3E3;
}

.form-input:focus {
    outline: 2px solid #024846;
}


.form-icon{
    position: absolute;
    right: 15px;
    color: #024846;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    pointer-events: none;   /* 让点击穿透到输入框 */
}

.form-button{
    width: 200px;
    height: 50px;
    margin: 100px 100px;    
    border-radius: 8px;
    border: none;
    font-size: 18px;
    color: #747474;
    font-weight: 700;
}

/* ======闪现消息===== */
.flash-container {
    font-size: 18px;
    background-color: #f0f3d7;
    color: #899188a4;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}

.item-container{
    display: flex;
    padding-left: 50px;
    width: 100%;
    gap: 40px;
    color: #FFFFFF;
    font-size: 50px;
}
/*
.-contact
{
position:absolute;
background-color:rgba(255, 255, 255, 0.2980392277240753);
width:2176px;
height:2312px;
}
.joinus
{
background-color:#ffffff;
width:2048px;
height:2148px;
padding:0px;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:963px;
left:64px;
top:100px;
position:relative;
}
.group12
{
width:2128px;
height:2148px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
position:relative;
}
.d4041145c7cec9adc256469f333a44a3156970b33e9b99-qn20ne1
{
width:2075px;
height:1095px;
border:1px solid rgba(226, 226, 226, 0.5);
}
.d4041145c7cec9adc256469f333a44a3156970b33e9b99-qn20ne2
{
width:2075px;
height:1095px;
border:1px solid rgba(226, 226, 226, 0.5);
}
.subtract
{
background-color:;
top:976px;
left:0px;
position:absolute;
width:2128px;
height:1172px;
}
.rectangle87
{
background-color:;
border-radius:63px;
width:2127.99951171875px;
height:1172px;
top:976px;
left:-80px;
position:absolute;
}
.teamandinstitutioncopy
{
color:#ffffff;
text-align:left;
vertical-align:text-bottom;
font-size:48px;
font-family:Be Vietnam Pro;
font-weight:700;
align-self:flex-start;
left:173px;
top:1334px;
position:absolute;
line-height:50px;
border:1px solid rgba(226, 226, 226, 0.5);
width:678.07568359375px;
height:50px;
display:flex;
}
.contactus
{
color:#ffffff;
text-align:left;
vertical-align:text-bottom;
font-size:48px;
font-family:Be Vietnam Pro;
font-weight:700;
align-self:flex-start;
left:1229px;
top:1334px;
position:absolute;
line-height:50px;
border:1px solid rgba(226, 226, 226, 0.5);
width:678.07568359375px;
height:50px;
display:flex;
}
.joinus2
{
color:#ffffff;
text-align:left;
vertical-align:text-bottom;
font-size:128px;
font-family:Be Vietnam Pro;
font-weight:700;
align-self:flex-start;
left:172.91px;
top:1207px;
position:absolute;
line-height:50px;
border:1px solid rgba(226, 226, 226, 0.5);
width:480.6871337890625px;
height:59px;
display:flex;
}
.thisinterdisciplinaryprojectisledbyuniversityofnottinghamningbochina-unncinclosecollaborationwithaninternationalresearchteamaimingatbridgingexpertiseinengineering,architecture,sustainabilityandclimateaction,indoorthermalcomfortandwellbeing,andhuman-centeredinteractiondesign.theleadingteammemberslistedontheresearchportalincludedryokechinlai(pi),drrunqiliang(co-pi),tsdrchristinachin,dryousifabdallaabakr,dryujingli.atunnc,facultyandstudentsacrossthecampusareactivelyengagedintheproject.associatedunitsincludedepartmentofmechanical,materialsandmanufacturingengineering,departmentofarchitectureandbuiltenvironment,sustainableinteractionresearchcenter,andenvironmentalsustainabilitycommittee.clickhereformoreinfoabouttheleadingteammembersoftheproject.
{
color:#ffffff;
text-align: left;
vertical-align:text-bottom;
font-size:20px;
font-family:'Be Vietnam Pro';
font-weight:600;
align-self:flex-start;
left:172px;
top:1430px;
position:absolute;
letter-spacing:5px;
line-height:40px;
border:1px solid rgba(226, 226, 226, 0.5);
width:890px;
height:600px;
display:flex;
}
.frame20
{
align-self:flex-start;
left:1285px;
top:1765px;
position:absolute;
width:489px;
height:92px;
padding:0px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:53px;
}
.icon
{
background-color:#ffffff;
width:78px;
height:58px;
top:17px;
position:absolute;
}
.phonecall
{
background-color:#ffffff;
align-self:flex-start;
left:131px;
top:7px;
position:absolute;
width:78px;
height:78px;
padding:0px;
}
.icon2
{
width:67.88638305664062px;
height:68.0163803100586px;
left:6.86px;
top:3.25px;
width:67.88638305664062px;
height:68.0163803100586px;
position:absolute;
}
.icon3
{
background-color:#ffffff;
width:74px;
height:74px;
left:262px;
top:9px;
position:absolute;
}
.frame2
{
background-color:#ffffff;
align-self:flex-start;
left:389px;
top:0px;
position:absolute;
width:92px;
height:92px;
padding:0px;
}
.vector
{
background-color:#ffffff;
width:92px;
height:74.75718688964844px;
top:8.62px;
width:92px;
height:74.75718688964844px;
position:absolute;
}
.vector2
{
background-color:#ffffff;
width:8.837749481201172px;
height:8.837748527526855px;
left:19.13px;
top:23.94px;
width:8.837749481201172px;
height:8.837748527526855px;
position:absolute;
}
.vector3
{
background-color:#ffffff;
width:8.837748527526855px;
height:8.837748527526855px;
left:40.08px;
top:23.94px;
width:8.837748527526855px;
height:8.837748527526855px;
position:absolute;
}
.vector4
{
background-color:#ffffff;
width:8.837748527526855px;
height:8.837750434875488px;
left:50.27px;
top:44.94px;
width:8.837748527526855px;
height:8.837750434875488px;
position:absolute;
}
.vector5
{
background-color:#ffffff;
width:8.837754249572754px;
height:8.837750434875488px;
left:67.25px;
top:44.94px;
width:8.837754249572754px;
height:8.837750434875488px;
position:absolute;
}
.group17
{
align-self:flex-start;
left:1229px;
top:1446px;
width:572px;
height:232px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
.rectangle872
{
background-color:#ffffff;
border-radius:16px;
width:572px;
height:66px;
border:1px solid rgba(226, 226, 226, 0.5);
top:1446px;
left:1229px;
position:absolute;
}
.rectangle88
{
background-color:#ffffff;
border-radius:16px;
width:281px;
height:66px;
border:1px solid rgba(226, 226, 226, 0.5);
top:1573px;
left:1383px;
position:absolute;
}
.youremailaddress
{
color:#aeaeae;
text-align:left;
vertical-align:text-top;
font-size:16px;
font-family:Inter;
align-self:flex-start;
left:1252px;
top:1466px;
position:absolute;
width:195px;
height:27px;
line-height:139.9999976158142px;
border:1px solid rgba(226, 226, 226, 0.5);
display:flex;
}
.contactus2
{
color:#747373;
text-align:left;
vertical-align:text-top;
font-size:20px;
font-family:Inter;
font-weight:700;
align-self:flex-start;
left:1468px;
top:1594px;
position:absolute;
width:165px;
height:84px;
line-height:139.9999976158142px;
border:1px solid rgba(226, 226, 226, 0.5);
display:flex;
}
.vector6
{
background-color:#024846;
width:54px;
height:36px;
left:1720px;
top:1461px;
position:absolute;
}
*/