html,body{
  margin: 0;
}
*{
  box-sizing: border-box;;
}
.clear:after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.fl{
  float: left;
}
.nav{
  width: 100%;
  height: 80px;
  background-color: #303030;
  padding: 15px;
}
.nav-main{
  max-width: 1526px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
.nav-main .logo{
  width: 50px;
  height: 50px;
  margin-right: 14px;
}
.nav-main .title{
  color: #ffffff;
  margin-right: 202px;
}
.nav-main .title .ch{
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  margin: 3px 0;
}
.nav-main .title .en{
  font-size: 14px;
  line-height: 16px;
}
.nav-ul{
  font-size: 15px;
  color: #fff;
  line-height: 21px;
  padding-top: 10px;
}
.nav-li{
  margin-right: 74px;
  cursor: pointer;
}
.banner{
  background-color: #E5EBFB;
  width: 100%;
  height: 880px;
}
.banner-li{
  max-width: 1920px;
  height: 880px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.banner-li-img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner-li-text{
  position: absolute;
  width: 9.2em;
  height: 285px;
  top: 218px;
  left: 360px;
  color: #ffffff;
  font-size: 58px;
  line-height: 95px;
  font-weight: 700;
}
.main{
  width: 100%;
}
.main .title{
  color: #191919;
  font-size: 40px;
  line-height: 56px;
  margin: 64px auto 35px;
  width: 4.2em;
}
.main .title::after{
  content: '';
  display: block;
  width: 105px;
  height: 6px;
  border-radius: 6px;
  background-color: #337697;
  margin: 14px auto 0;
}
.main-ul{
  width: 1242px;
  margin: 0 auto;
}
.main-li{
  width: 306px;
  margin-right: 6px;
  margin-bottom: 22px;
}
.main-li-img{
  width: 100%;
  height: 384px;
}
.main-li:nth-child(4n){
  margin-right: 0;
}
.main-title{
  font-size: 20px;
  line-height: 28px;
  color: #191919;
  text-align: center;
}
.footer{
  background-color: #F7F7F7;
  width: 100%;
}
.footer-main{
  max-width: 1202px;
  width: 100%;
  margin: 0 auto 0;
  padding: 19px 0 22px;
}
.footer .title{
  color: #347797;
  padding: 18px 0;
}
.footer .title .ch{
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 3px;
}
.footer .title .en{
  font-size: 14px;
  line-height: 16px;
}
.footer-logo{
  width: 80px;
  height: 80px;
}
.footer-top::after{
  content: '';
  width: 100%;
  margin-top: 10px;
  height: 1px;
  background-color: #337697;
}
.footer-top{
  margin-bottom: 23px;
}
.footer-bottom>div{
  color: #191919;
  margin-top: 20px;
}
.footer-bottom-p{
  font-size: 14px;
  line-height: 20px;
}
.lianxiwomen{
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.footer-icp{
  margin: 105px auto 0;
  text-align: center;
}