
body {
    /* font-family: auto; */
    font-family: arial;
}
.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}
a:focus, a:hover{
    text-decoration: none!important;
}
a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    color: #21252b;
}

a:hover{
    text-decoration: none;
    color: #003366;
}


button, input {
    outline: none !important;
}

::-moz-placeholder {
    color: #ccc;
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc !important;
}

.clearfix:before, .clearfix:after, .wrapper:after, .wrapper:before {
    content: "";
    display: table;
}

.clearfix:after, .wrapper:after {
    clear: both;
    overflow: hidden;
}

.clearfix, .wrapper {
    zoom: 1;
}
.btn-primary{
    background: #165a95;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px !important;
    color: #21252b;
}
a{
    text-decoration: none;
}
li {
    list-style: none;
}

.uli14 li, .nowrapli li {
    list-style: inside;
}

ul.nowrapli.uli16 li a {
    padding-left: 8px;
}
img {
   max-width: 100%;
}

#skip {
 display: none;
}
#main{
 
}
.contai{
    width: 1100px;
    margin: 0px auto;
}
.newyear-banner{
    position: relative;
}
.newyear-banner>img{
    display: block;
}

.new-year{
  
    margin-top: 0px;
    margin-bottom: 50px;
}
ul.new-year-list{


}
ul.new-year-list li{
    
padding: 15px 0px;
    
margin: 0px  0px 0px;
    
background-color: #fff;
}
ul.new-year-list li:last-child{
    border: none;
}
ul.new-year-list li a:hover{
    background-color: transparent;
}
ul.new-year-list li a .ImgCrop{
    width: 280px;
    height: 180px;
}
ul.new-year-list li a .ImgCrop img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.new-year-list li a  p.title{
    
font-size: 22px;
    
line-height: 1.2;
    
margin-bottom: 2px;
}
ul.new-year-list li a  p.date{
    font-size: 16px;
    color: #999;
    margin-bottom: 6px;
}
ul.new-year-list li a  p.detail{
    
margin: 0px;
    
font-size: 18px;
    
display: -webkit-box;
    
-webkit-box-orient: initial;
    
-webkit-line-clamp: 3;
    
overflow: hidden;
    
text-overflow: ellipsis;
}
.banner-text{
    
position: absolute;
    
top: 50%;
    
transform: translateY(-50%);
    
color: #fff;
    
text-transform: uppercase;
    
font-size: 40px;
    
font-weight: bold;
    
background-color: rgba(0 ,46, 91 , 70%);
    
padding: 14px 18px;
    
margin-left: 48px;
}
.siderBar{

width: 400px;

float: left;

padding-left: 15px;

padding-right: 15px;
}
.menu ul{
    
background-color: #ebf4ff;
    
padding: 20px 0px 20px 47px;
}
.menu ul li{
    
}
.menu ul li {
    
font-size: 18px;
    
font-weight: bold;
    
padding: 17px 15px;
    
display: block;
cursor: pointer;
}
.menu ul li.cur{
    border-left: 5px #44669f solid;
}
.menu ul li.cur {
    color: #44669f;
}
.content{

width: calc(100% - 400px);

float: right;

padding-left: 15px;

padding-right: 15px;

margin-top: 0px;
}
 .text{
    
padding-bottom: 30px;
    
border-bottom: 1px #ebf4ff solid;
    
padding-top: 30px;
}
 .text h4{
    color: #44669f;
    font-size: 32px;
    font-weight: bold;
}
.text  .Expats-Stories-list{
    margin-top: 20px;
    margin-bottom: 15px;
}
.text  .Expats-Stories-list li{

}
.text  .Expats-Stories-list li a{
    
background-color: #ebf4ff;
}
.text  .Expats-Stories-list li a img{
    
height: 160px;
}
.text  .Expats-Stories-list li a p{
    
height: auto;
    
font-size: 16px;
    
margin: 10px 15px;
}
.text  .Expats-Stories-list li a p span{
    font-size: 16px;
}
.Expats-Stories-list li a p span::after{
    height: 16px;
}
.icon-list{

}
.icon-list li{
    
}
.icon-list li a{
    
display: block;
    
background-color: #ebf4ff;
    
padding: 45px  30px;
    
margin: 15px 0px;
    
font-size: 18px;
}
.icon-list li a img{
    
height: 47px;
    
width: auto;
    
margin-right: 10px;
    
display: inline-block;
}
.text-more{
    background-color: #ebf4ff;
    font-size: 16px;
    padding: 7px 18px;
    border-radius: 30px;
    display: block;
    width: 116px;
    margin-left: auto;
}