﻿@charset "utf-8";

.lbt{
    /*margin-top: 110px;*/
}
.swipers {
  width: 100%;
  /* height: 650px; */
  overflow: hidden;
  position: relative;
}
.swipers img {
  width: 100%;
  /* height: 100%; */
  display: block;
}


.swipers .swiper-pagination-bullet{

width: 48px;

height: 12px;

display: inline-block;

border-radius: 35px;

background: #fff;

/* opacity: .5; */
}

.swipers .swiper-pagination-bullet-active{


    opacity: 1;
    background: #D69962;


}




.about {
  width: 100%;
  /* height: 560px; */
  background: url(../img/beijingtu.png) no-repeat 0 0;
  margin: 0px auto;
  background-size: cover;
  padding: 70px 0;
}
.about .abouts {
  width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
  height: 100%;
}
.about .abouts .aboutTotal {
  margin-right: -200px;
  width: 620px;
  height: 420px;
}
.about .abouts .aboutTotal .case h3 {
  font-size: 36px;
  font-weight: 400;
  color: #1D2738;
  line-height: 48px;
}
.about .abouts .aboutTotal .case p {
  font-size: 14px;
  font-weight: 400;
  color: #1D2738;
  line-height: 38px;
}
.about .abouts .aboutTotal .safa {
  margin-top: 20px;
}
.about .abouts .aboutTotal .safa p,.about .abouts .aboutTotal .safa span {
  font-size: 15px!important;
  font-weight: 400;
  color: #1D2738;
  line-height: 28px!important;
  text-align: justify!important;
}
.about .abouts .aboutTotal .more {
  width: 148px;
  height: 40px;
  border: 1px solid #27426F;
  border-radius: 20px;
  margin-top: 15px;
}
.about .abouts .aboutTotal .more a {
  font-size: 15px;
  font-weight: 400;
  color: #27426F;
  line-height: 48px;
}
.about .abouts .aboutTotal .more img {
  width: 19px;
  /* height: 14px; */
  margin-left: 5px;
}
.about .abouts .aboutTotal .more:hover{

color: #fff;

background: #27426F;
}
.about .abouts .aboutTotal .more:hover a {

color: #fff;
}
.about .abouts .aboutTotal .more:hover img {
display: none;
}
.about .abouts .runTotal {
  height: 420px;
  position: relative;
}
.about .abouts .runTotal .succter {
  width: 1140px;
  height: 420px;
  position: absolute;
  z-index: 0;
  left: -226px;
  top: 140px;
}
.about .abouts .runTotal .succter img {
  width: 100%;
  height: 100%;
}
.about .abouts .runTotal .succRight {
  width: 546px;
  height: 521px;
  right: 368px;
  position: relative;
  left: 0;
}
.about .abouts .runTotal .succRight .uu{
    position: absolute;
    top: 3%;
    left: 3%;
    color: #27426F;
    font-size: 21px;
    font-weight: 800;
    line-height: 40px;

}
.about .abouts .runTotal .succRight img {
  width: 100%;
  height: 100%;
}
.corporate {
  width: 1200px;
  margin: 120px auto;
  align-items: unset;
}
.corporate .news {
  height: 400px;
  width: 570px;
}
.corporate .news .newsTop {
  border-bottom: 1px solid #EEEEEE;
}
.corporate .news .newsTop .blue span {
  display: block;
  width: 8px;
  height: 24px;
  background: #27426F;
  margin-right: 6px;
}
.corporate .news .newsTop .blue .title {
  margin-left: 8px;

}
.corporate .news .newsTop .blue .title li {
  margin-right: 28px;
  font-size: 18px;
  font-weight: 400;
  color: #1E3847;
  line-height: 48px;
  cursor: pointer;
}
.corporate .news .newsTop .blue .title li.cur,.corporate .news .newsTop .blue .title li:hover{
  
font-weight: bold;
  
border-bottom: 3px solid #D69962;
} 
.corporate .news .newsTop .buleMore {
  width: 46px;
}
.corporate .news .newsTop .buleMore a {
  font-size: 14px;
  font-weight: 400;
  color: #1D2738;
  line-height: 48px;
}
.corporate .news .newsTop .buleMore img {
  width: 14px;
  height: 14px;
}
.corporate .news .dayNews {
  width: 570px;
  margin: 26px 0;
}
.corporate .news .dayNews img {
  width: 200px;
  /* height: 150px; */
}
.corporate .news .dayNews .newsDays {
  width: 322px;
  margin-left: 25px;
}
.corporate .news .dayNews .newsDays h3 {
  font-size: 18px;
  font-weight: 400;
  color: #1D2738;
  line-height: 48px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.corporate .news .dayNews .newsDays:hover h3{
    color: #D69962;
}
.corporate .news .dayNews .newsDays p {
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp: 2;
  overflow:hidden;
  font-size: 15px;
  font-weight: 400;
  color: #6F7682;
  line-height: 28px;
}
.corporate .news .dayNews .newsDays .more {
  width: 50%;
  height: 40px;
  border-radius: 20px;
  justify-content: flex-start;
}
.corporate .news .dayNews .newsDays .more span {
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  color: #1D2738;
}
.corporate .news .dayNews .newsDays .more img {
  width: 19px;
  /* height: 14px; */
  margin-left: 4px;
}
.corporate .news .dayNews .newsDays .more:hover span {

}
.corporate .news .dayNews .newsDays .more:hover img {
display: none;
}

.corporate .news .tab02{

}
.corporate .news .tab02 section.hide{
  display: none;
}

.corporate .news .hour {
  width: 550px;
}
.corporate .news .hour li a {
  font-size: 15px;
    font-weight: 400;
    color: #1D2738;
    line-height: 40px;
    width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.corporate .news .hour li p {
  font-size: 15px;
  font-weight: 400;
  color: #6F7682;
}
.corporate .news .hour li:hover a{
    color: #D69962;
}
.corporate .news .hour li:hover p{
    color: #D69962;
}
.corporate .cooperative {
  /* height: 400px; */
  width: 570px;
}
.corporate .cooperative .partner {
  border-bottom: 1px solid #EEEEEE;
}
.corporate .cooperative .partner span {
  display: block;
  width: 8px;
  height: 24px;
  background: #27426F;
  margin-right: 6px;
}
.corporate .cooperative .partner .appel {
  margin-left: 8px;
}
.corporate .cooperative .partner .appel li {
  font-size: 18px;
  font-weight: bold;
  color: #1D2738;
  line-height: 48px;
}
.corporate .cooperative .home {
  width: 560px;
  font-size: 14px;
  font-weight: 400;
  color: #1D2738;
  text-indent: 2em;
  overflow: hidden;
  margin: 26px 0 0;
  line-height: 22px;
}
.corporate .cooperative .home p{
    width: 100%;
    text-align: justify;
    font-size: 15px;
    font-weight: 400;
    color: #1D2738;
    line-height: 24px;
    margin-bottom: 10px;
}
.corporate .cooperative .yellow {
  width: 570px;
  margin: 0 auto;
}
.corporate .cooperative .yellow .yellowLeft {
  width: 130px;
  margin: 20px 0;
}
.corporate .cooperative .yellow .yellowLeft img {
  /* width: 54px; */
  /* height: 54px; */
}
.corporate .cooperative .yellow .yellowLeft h3 {
  font-size: 18px;
  font-weight: bold;
  color: #27426F;
  line-height: 40px;
}
.corporate .cooperative .yellow .yellowLeft p {
  font-size: 14px;
  font-weight: 400;
  color: #1D2738;
}
.project {
  width: 100%;
  background: #F5F5F5;
  padding: 70px 0 120px;
  position: relative;
}
.project .case {
  margin: 0 auto;
  text-align: center;
}
.project .case h3 {
  font-size: 36px;
  font-weight: 400;
  color: #1D2738;
  line-height: 48px;
}
.project .case p {
  font-size: 14px;
  font-weight: 400;
  color: #1D2738;
  line-height: 35px;
}
.project .projectTotal {
  width: 1600px;
  margin: 30px auto 20px;
  position: relative;
}
.project .projectTotal .caseLeft {
  width: 60px;
  height: 60px;
}
.project .projectTotal .caseLeft img {
  width: 100%;
  height: 100%;
}
.project .projectTotal .caseTotal {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.project .projectTotal .caseCenter{
  
width: 100%;
  
overflow: hidden;
}
.project .projectTotal .caseCenter:hover{
 background: #fff;
}
.project .projectTotal .caseTotal .caseCenter .caseImg {
  width:100%;
  /* height: 214px; */
  overflow: hidden;
}
.project .projectTotal .caseTotal .caseCenter:hover .caseImg img{
transform: scale(1.1, 1.1)
}
.project .projectTotal .caseTotal .caseCenter .caseImg img {
  width: 100%;
  /* height: 100%; */
  transition: all ease 0.5s;
}
.project .projectTotal .caseTotal .caseCenter p {
  width: 92%;
  font-size: 15px;
  font-weight: 400;
  color: #1D2738;
  overflow: hidden;
  padding: 12px 10px;
  text-align: center;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project .projectTotal .caseTotal .caseCenter:hover p {
  color: #D69962;
}
.project .projectTotal .caseRight {
  width: 60px;
  height: 60px;
}
.project .projectTotal .caseRight img {
  width: 100%;
  height: 100%;
}
.project .more {
  width: 148px;
  height: 40px;
  border: 1px solid #27426F;
  border-radius: 20px;
  margin: 0 auto;
}
.project .more:hover{

background: #27426F;
}
.project .more:hover a {

color: #fff;
}
.project .more:hover img {
  
display: none;
}
.project .more a {
  font-size: 15px;
  font-weight: 400;
  color: #27426F;
  line-height: 48px;
}
.project .more img {
  width: 19px;
  /* height: 14px; */
  margin-left: 5px;
}





/*部分适应*/
@media (max-width:1920px){
    .project .projectTotal .caseLeft{right: 100px;margin-top: -45px;}
    .project .projectTotal .caseRight{left:100px;margin-top: -45px;}
    

}
@media (max-width:1580px){

    .project .projectTotal{width: 1400px;}
    .project .projectTotal .caseTotal{width: 1050px;}

}
@media (max-width:1400px){
    .project .projectTotal{width: 1300px;}
    .project .projectTotal .caseTotal{width: 950px;}

}

@media (max-width:1280px){
    .project .projectTotal{width: 1100px}
    .project .projectTotal .caseTotal{width: 900px;}

}

