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;
    background-color: #fff;

}
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%;
}

.bg{background: url(../img/banner-bg.png) no-repeat;background-size: 100% auto;background-position-y: top;overflow: hidden;}

.fivebanner{
    padding: 150px 0px  0px;
    position: relative;
}
.fivebanner::after{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #d0eeff, #d9efff);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.fivebanner img.lh-logo{
    width: 80%;
    margin-left: 10%;
   
}
.contai{
    width: 1200px;
    margin: 0px auto;
}
.conversation{
    background: linear-gradient(-45deg, #d0eeff, #d9efff);
    /* background: #cadfef; */
    padding: 20px  60px;
    position: relative;
}
.conversation::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/conversation-bg.png) no-repeat;
    position: absolute;
    background-size: 100% auto;
    z-index: 0;
    top: 83px;
}
.conversation-left{

display: flex;

align-items: center;

padding: 50px 0px;
}
.picture-left{

width: 188px;

height: 188px;
position: relative;
float: left;
}

.picture-left::after{content: '';width: 20px;height: 20px;background-color: #fff;position: absolute;transform: rotateZ(45deg);right: -72px;top: calc(50% - 10px);}
.picture-left img{width: 100%;height: 100%;}
.content-left{

width: calc(100% - 250px);

float: left;

margin-left: 62px;

background-color: #fff;

padding: 20px;

border-radius: 21px;

position: relative;
}
.content-left p{
    
font-size: 34px;
    
font-weight: bold;
}
.content-left-img{
    
width: auto;
    
position: absolute;
    
right: -15px;
    
bottom: -30px;
    
height: 120px;
}
.content-left p.p-img{

color: #3776d8;
}
.content-left p:nth-last-child(1){
    
}
.conversation-right{

display: flex;

align-items: center;

padding: 50px 0px;

position: relative;
}
.picture-right{

width: 188px;
position: relative;
height: 225px;
}
.picture-right::after{
    content: '';
    width: 20px;
    height: 20px;
    background-color: #7fbfef;
    position: absolute;
    transform: rotateZ(45deg);
    left: -72px;
    top: calc(50% - 10px);
    }
.picture-right img{
    
}
.content-right{

width: calc(100% - 250px);

margin-right: 62px;

background-color: #7fbfef;

border-radius: 20px;

padding: 20px 0px;

overflow: hidden;

position: relative;
}

.content-right p{
    
padding: 0px  15px;
    
font-size: 36px;
    
font-weight: bold;
    
margin-bottom: 0px;
    
padding-left: 20px;
    
padding-right: 20px;
}
.content-right p.blue-p{

background-color: #b8dcf6;

margin-bottom: 0px;
}
.content-right1 p a{
    align-items: center;
    justify-content: space-between;
    display: flex;
    color: #2a3177;
}
.content-right p a img{
}
.content-right1 p:nth-child(1){color: #fff;padding: 0px 20px 15px;}
.content-right1 p:nth-child(2) a{

text-align: right;
}
.content-right1 p:nth-child(2) a img{
    
width: 50%;
    
float: left;
}
.content-right1 p:nth-child(3) a {

/* color: #fff882; */
}
.content-right1 p:nth-child(3) a  img{
    
width: 30%;
    
float: right;
}
.content-right1 p:nth-child(4){
    color: #fff;
    text-align: right;
}
.content-right1 p:nth-child(4) a img{

width: 50%;

margin-bottom: -10px;

float: left;
}
.content-right1 p:nth-child(5){
    color: #fff;
    padding-top: 30px;
}
.content-right1 p:nth-child(5) a{
    
display: block;
    
text-align: right;
}
.content-right1 p:nth-child(5) a img{

width: 25%;
}
.corlor-fff{
    color: #fff;
}
.content-right-list{

margin-top: 15px;
}
.content-right-list li {
    
width: 50%;
    
float: left;
    
padding: 10px;
}
.content-right-list li a{

}
.content-right-list li a span{

display: block;

text-align: center;

margin: 10px 0px 0px;

color: #fff882;

font-size: 28px;

font-weight: 600;

height: 84px;

overflow: hidden;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

white-space: normal;
}
.content-right-list li a img{

height: 190px;

width: auto;

display: block;

margin: 0px auto;
}
.color-blue{
    color: #3776d8;
}
.content-right-list2 {

background-color: #b8dcf6;

padding: 30px 0px;
}
.content-right-list2 li {

width: 33.33%;

float: left;
}
.content-right-list2 li a{

}
.content-right-list2 li a span{

display: block;

text-align: center;

font-size: 28px;

color: #2a3177;

font-weight: 600;

margin-top: 10px;
}
.content-right-list2 li a img{

height: 90px;

width: auto;

display: block;

margin: 0px auto;
}
.content-right .Learn-section{

color: #fff;

padding: 20px;
}
.content-right .Learn-section a {

color: #2a3177;

background-color: #f99a00;

padding: 0px 5px;
}
.content-right .Learn-section img{

width: 43px;
}
.language-img{
    
background-color: #b8dcf6;
    
display: block;
    
border-radius: 0px 0px 40px   40px;
}
.text-img{

}
.text-img  span{
    
float: left;
    
width: 70%;
    
color: #fff;
}
.text-img  img{
    
width: 30%;
    
margin-right: -45px;
    
margin-bottom: 0px;
    
position: absolute;
    
bottom: 0px;
    
right: 21px;
}
.padding-right-50{
    padding-right: 50px!important;
}
.content-left-img3{
    height: 80px;
    bottom: -50px;
}
.color-fff{
    color: #fff;
}
.bottom{
    background: linear-gradient(-45deg, #d0eeff, #d9efff);
}