* {
    padding: 0;
    margin: 0;
}

.img_box {
    max-width: 100%;
    max-height: 500px;
    overflow: hidden
}

.img_box img {
    max-width: 100%;
    max-height: 500px;
}

.about {
    max-width: 100%;
    max-height: 500px;
    /* border: 1px solid red; */
    position: relative;

}

.about_contant {
    max-width: 67%;
    max-height: 75%;
    /* border: 1px solid gray; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 50px;
}

.about_contant .titel {
    font-size: 50px;
    line-height: 100px;
    /*设置line-height与父级元素的height相等*/
    text-align: center;
    /*设置文本水平居中*/
    overflow: hidden;
    /*防止内容超出容器或者产生自动换行*/
}

.line {
    width: 100%;
    /* align-content: center; */
    text-align: center;
    margin-top: -10px;

}

/* top nav */
.top-nav>a {
    color: #303841;
}

.top-nav>a:hover {
    font-weight: 700;
    color: #fa4c4c;
}

.active>a:hover {
    font-weight: 700;
    color: #fff;
}

/* footer nav */
.footer-nav>a {
    color: #fff;
}

.line-icon {
    margin: 10px 0 5px 0;
    text-align: center;
}

/* header上的top */
.top {
    width: 100%;
    height: 48px;
    background-color: #2D4059;
}

.top-con {
    /* width:80%; */
    height: 100%;
    /* margin-left: 11%; */
    /* background-color: wheat; */
}

.top-left,
.top-right {
    height: 100%;
    text-align: center;
    padding-top: 15px;
}

.top-left>div {
    float: left;
    height: 100%;
}

.tel {
    margin-left: 20px;
}

.top-right>img {
    margin-left: 15px;
}

/* .change-color{
    background-color: #3A4750;
    
} */
.thumbnailv:hover {
    background-color: #3A4750;
}

.thumbnailv:hover>.caption>h4,
.thumbnailv:hover>.caption>p,
.thumbnailv:hover>.caption>.vision-item {
    color: white;
}

/* .change-color>.caption>h4 , .change-color>.caption>p{
    color: white;
} */
.new_map_div:hover {
    /* 鼠标hover时，背景图是遮罩的图 */
    background: url(../images/01.png) no-repeat center center;
    background-color: #3A4750;
    z-index: 5000;
}


#overlay {
    height: 100%;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3A4750;
    width: 100%;
    /* 保证这个悬浮层位于其它内容之上 */
    z-index: 9999;
    padding-top: 20%;
}

.main {
    width: 960px;
    margin: auto;
    padding: 0;
    height: auto;
}

.t-main {
    font-size: 22px;
    color: #eb280d;
    border-bottom: #ddd 1px solid;
    padding-left: 10px;
    margin-bottom: 25px;
    height: 40px;
}

.footer-content {
    -moz-box-shadow: 3px 3px 2px rgb(236, 235, 235);
    -webkit-box-shadow: 3px 3px 2px rgb(236, 235, 235);
    box-shadow: 3px 3px 2px rgb(236, 235, 235);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

.business-items {
    max-width: 50%;
    padding: 10px;
    float: left;
}

.business-item {
    width: 100%;

}

.item-img>img {
    float: left;
    margin: 5px 10px 0 0;

}

.item-img {
    height: 100%;
    float: left;
    /* width: 5%; */
    min-width: 20px;
}

.item-p {
    float: left;
    width: 95%;
    /* min-width: 560px; */
    margin-bottom: 20px;
    color: #303841;
    font-size: 14px;
}

.show-more {
    width: 130px;
    height: 40px;
    text-align: center;
    background-color: #F57170;
    display: table-cell;
    vertical-align: middle;
    color: white;
    /* border-radius: ; */
}

.show-more:hover {
    background-color: #fa4c4c;
    color: white;
}

.show-more>a {
    color: white;
}

.show-more>a:hover {
    color: white;
}

.info>div {
    font-size: 14px;
}

.vision-item:hover {
    color: #fff;
}

.vision-item {
    width: 100%;
    padding: 5px 30px;
    text-align: center;
}

.about-services-div>div {
    color: #303030;
    font-size: 14px;
}

.concernes-item>.text>p {
    color: #929292;
}

.col-sm-8 {
    margin-bottom: 20px;
}

.col-sm-8>a {
    font-weight: bold;
    color: #7C7575;
}

.col-sm-8>a:hover {
    color: #7C7575;
}

.business-items>.title>p,
.business-items>.info {
    color: #303841;
}

.business-items>.title>p {
    font-weight: bold;
    font-size: 26px;

}

.business-items>.info {
    font-size: 16px;
    padding-right: 10px;
    line-height: 30px;
}

.business-items>.title>img {
    margin-bottom: 15px;
}

.business-bulk {
    font-family: 'STyuanti', sans-serif;
    font-size: 60px;
    margin: 0;
    color: #14142e;
    margin-bottom: 10px;
}

.bulk-item {
    width: 33%;
    /* background-color: #90d0f5; */
    /* height: 500px; */
    float: left;
    padding: 10px 40px;
}

.bulk-item>.bulk-title {
    text-align: center;
    margin-bottom: 30px;
}

.bulk-item>.bulk-info {}

ul,
li {
    list-style: none;
}

.li-img {
    float: left;
}

.li-text {
    /* float: left; */
    /* width: 90%; */
    min-width: 280px;
    margin-left: 20px;
    line-height: 25px;
}

.bulk-info>ul>li {
    padding: 5px 0;
}

.bulk-title>h3 {
    margin: 20px 0;
}

.shares-item {
    height: 400px;
    /* background-color: rgb(203, 248, 248); */
    margin-bottom: 20px;
    display: flex;
    text-align: center;
    /* flex-direction:row; */
}

.shares-item>.item {
    width: calc((100% -360)/3);
    margin-right: 120px;
    /* background-color: bisque; */
    height: 270px;
    border: 1px solid #DBE2EF;
}

.shares-item>.item:last-of-type {
    margin-right: 0;
}

.shares-item>.item>img {
    margin-top: -30px;
}

.shares-info {
    padding: 0 60px;
    margin-top: 20px;
}

.shares-info>h3 {
    padding-top: 0;
}

.shares-info>.info {
    margin-top: 20px;
    line-height: 25px;
}

.photo01 {
    width: 650px;
    height: 400px;
    float: left;
}

.fixed-increase {
    width: 650px;
    height: 400px;
    background-color: #3A4750;
    float: left;
    padding: 80px 10px 0 40px;
}

.fixed-increase>.title>p {
    color: white;
    font-size: 42px;
    /* font-family: PingFang SC; */
    font-family: 'PingFang SC';
}

.fixed-increase>.title>img {
    width: 70px;
    margin-top: 20px;
}

.fixed-increase>.info {
    margin-top: 30px;
}

.fixed-increase>.info>ul>li>.li-text {
    margin-left: 30px;
}

.fixed-increase>.info>ul>li>.li-text {
    color: white;
}

.fixed-increase>.info>ul>li {
    padding: 10px 0;
}

.offline {
    width: 50%;
    height: 360px;
    float: left;
    margin-bottom: 150px;
    padding-left: 15px;
    padding-right: 20px;
}

.offline-img01 {
    max-width: 580px;
    max-height: 360px;
    float: right;
}

.offline>.info>ul>li {
    padding-bottom: 30px;
    border-left: 1px solid #F57170;
}

.offline>.info>ul>li:last-child {
    border: none;
}

.offline>.info>ul>li>.li-img {
    margin-left: -14px;
}

.offline>.info>ul>li>.li-text {
    margin-left: 30px;
}

#contact-btn>button {
    border: none;
    background-color: #bababa;
}

.advantage-info {
    text-align: center;
}

.advantage-info>p {
    display: inline-block;
    text-align: left;
}
.index-footer-ul{
    min-width: 240px;
    float: left;
}


.shares-container{
    min-width: 1300px;
    margin: 50px auto;
    height: 400px;
  }

  .wrap-flex{
    display:flex;
    text-align: center;
  }
  .wrap-flex-item{
    flex:1;
  }

  .wrap-flex-item:nth-of-type(1){
    padding-right:60px;
  }

  .wrap-flex-item:nth-of-type(2){
    padding-left:30px;
    padding-right:30px;
  }      

  .wrap-flex-item:nth-of-type(3){
    padding-left:60px;
  }   

  .content{
    height: 270px;
    border: 1px solid #DBE2EF;
  }         
  .content>img {
    margin-top: -30px;
}

.bulk-item-img{
    width: 76px;
    height: 76px;
    /* background-image: url(../images/bulk-item-img.png); */
    display: flex;
    justify-content: center;
    align-items: center;
}
.bulk-item-img>img{
    /* width:22px;height:32px; */
}


.bg-white{
    background-color: #fff;
}





/*大屏*/
@media screen and (max-width: 1199px) and (min-width: 992px) {

    /*业务介绍*/
    .pd-t-40-1 {
        max-width: 1100px;
    }


}

.websit-header {
    margin-right: 0 !important;
}

/*中屏幕*/
@media screen and (max-width: 992px) and (min-width: 768px) {}

/*中小屏*/
@media screen and (max-width: 768px) {

    /*关于投中*/

}