.about-part-tit{
    height:134px;
    padding:30px 0 10px;}
.about-part-tit p{
    text-align:center;
    font-size: 36px;
    padding-top: 50px;}
.part1-con > p{
    font-size: 16px;
    line-height: 32px;
    text-indent: 32px;
    margin-bottom: 20px;}
.part1-con .desc{
    height:677px;
    width:100%;
    position:relative;
    background:url(/index/special/about/part1-con-div-bg.png) top center no-repeat;}
.part1-con .desc .label{
    color:#FF161B;}
.part1-con .desc .mission{
    position:absolute;
    top: 40px;
    left: 54%;}
.part1-con .desc p{
    width:200px;
    font-size: 16px;
    line-height: 24px;}
.part1-con .desc .vision{
    position:absolute;
    top: 158px;
    left: 70%;}
.part1-con .desc .pos{
    position:absolute;
    top: 296px;
    left: 71%;}
.part1-con .desc .idea{
    position:absolute;
    top: 80px;
    left: 18%;}
.part1-con .desc .idea p{
    text-align:right;}
.part1-con .desc .aim{
    position:absolute;
    top: 216px;
    left: 9%;}
.part1-con .desc .aim p{
    text-align:right;}
.part1-con .desc .propose{
    position:absolute;
    top: 345px;
    left: 11%;}
.part1-con .desc .propose p{
    text-align:right;}
.part1-con .desc .service{
    position:absolute;
    top: 473px;
    left: 15%;}
.part1-con .desc .service p{
    text-align:right;}
.part1-con .desc .target{
    position:absolute;
    top: 382px;
    left: 69%;}
.part2{
    background:#000840;}
.part2 .part2-tit p{
    color:#fff;}
.part2-con-inner{
    padding:0 50px;
    background:url(/index/special/about/part2-bg.png) top center no-repeat;}
.part2-con-inner .part2-left-item,.part2-con-inner .part2-right-item{
    position:relative;
    width:420px;
    border-radius: 10px;
   border:1px solid #FF161B;
    margin-bottom:30px;}
.part2-con-inner .part2-right-item{
    margin-top:45px;}
.part2-con-inner .item-top{
    position:absolute;
    left: 10px;
    width:550px;
    height:60px;
    background:url(/index/special/about/btbgl.png) top right no-repeat;}
.part2-con-inner .part2-right-item .item-top{
    left:-138px;
    background:url(/index/special/about/btbgr.png) top left no-repeat;}
.part2-con-inner .item-top h4{
    height:48px;
    line-height:48px;
    padding:0 20px;
    color:#FF161B;
    font-size:20px;}
.part2-con-inner .part2-right-item h4{
    margin-left:138px;}
.part2-con-inner .item-top h4 span{
    margin-right:5px;}
.part2-con-inner .item-bottom{
    margin-top:60px;}
.part2-con-inner .item-bottom ul{
    padding:5px 20px 10px;}
.part2-con-inner .item-bottom ul li a{
    color:#fff;
    font-size:16px;}
.part3-con-inner{
    overflow: hidden;}
.part3-con-inner .yanfa-left{
    width:40%;}
.part3-con-inner .yanfa-right{
    width:55%;}
.part3-con-inner .yanfa h3{
    font-size: 16px;
    line-height:40px;
    text-align: center;
    color:#FF161B;
    margin-top:30px;}
.part3-con-inner .yanfa p{
    font-size: 16px;
    line-height:32px;
    padding: 10px 0 45px;
    text-indent: 32px;}
.part3-con-inner .yanfa-right p{
    padding:0 0 30px;}
.part3-con-inner .yanfa img{
    width:100%;
    height:100%;}
.part4{
    background:#4ba2a7;}
.part4 .about-part-tit{
    color:#fff;}
.part4-con-inner{
    overflow: hidden;}
.part4-con-inner ul li{
    width:12.5%;
    float: left;
    margin-bottom:50px;}
.part4-con-inner ul li a{
    display:block;
    text-align:center;}
.part4-con-inner ul li a p{
    color:#fff;
    font-size:16px;
    margin-top:10px;}
.part5-con-inner{
    width:100%;
    height:478px;
    margin-bottom:30px;}
.part6{
    height:844px;
    position:relative;}
.part6 .wrap{
    width:1200px;
    position:absolute;
    top:0px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);}
.mapDiv{
    top:174px;
    width:100%;
    height:670px;
    position:absolute;}
.mapDiv .mapDiv-con{
    height:100%;}
.mapDiv .mapDiv-con .beijing{
    left: 731px;
    top: 262px;}
.mapDiv .mapDiv-con .shenzhen{
    left: 706px;
    bottom: 134px;}
.mapDiv .mapDiv-con .guangzhou{
    left: 693px;
    top: 508px;}
.mapDiv .mapDiv-con .shanghai{
    left: 795px;
    top: 400px;}
.mapDiv .mapDiv-con .nanning{
    left: 638px;
    top: 525px;}
.mapDiv .mapDiv-con .zhengzhou{
    left: 697px;
    top: 345px;}
.mapDiv .mapDiv-con .hefei{
    left: 737px;
    top: 391px;}
    .mapDiv .mapDiv-con .nanjing{
        left: 759px;
        top: 388px;}
.mapDiv .mapDiv-con .jinan{
    left: 745px;
    top: 305px;}
.mapDiv .mapDiv-con .point-area{
    position:absolute;
    width:12px;
    height:12px;
    z-index:9999999;}
.mapDiv .mapDiv-con .big{
    width:16px;
    height:16px;}
.mapDiv .mapDiv-con .point-area .point{
    border-radius: 50%;
    position:absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width:12px;
    height:12px;}
.mapDiv .mapDiv-con .point-area.big .point{
    width:16px;
    height:16px;}
.mapDiv .mapDiv-con .point-area .point-1{
    width: 400%;
    height: 400%;}
.mapDiv .mapDiv-con .point-area.big .point-1{
    width: 500%;
    height: 500%;}
.mapDiv .mapDiv-con .point-area .point-1:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #FF161B;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 300ms infinite;
    -moz-animation: ripple 4.5s ease-out 300ms infinite;
    -o-animation: ripple 4.5s ease-out 300ms infinite;
    animation: ripple 4.5s ease-out 300ms infinite;}
.mapDiv .mapDiv-con .point-area .point-2{
    width: 300%;
    height: 300%;}
.mapDiv .mapDiv-con .point-area.big .point-2{
    width: 400%;
    height: 400%;}
.mapDiv .mapDiv-con .point-area .point-2:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #FF161B;
    opacity: 0;
    -webkit-animation: ripple 3.5s ease-out 1200ms infinite;
    -moz-animation: ripple 3.5s ease-out 1200ms infinite;
    -o-animation: ripple 3.5s ease-out 1200ms infinite;
    animation: ripple 3.5s ease-out 1200ms infinite;}
.mapDiv .mapDiv-con .point-area .point-3{
    width: 200%;
    height: 200%;}
.mapDiv .mapDiv-con .point-area.big .point-3{
    width: 300%;
    height: 300%;}
.mapDiv .mapDiv-con .point-area .point-3:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #FF161B;
    opacity: 0;
    -webkit-animation: ripple 3s ease-out 2250ms infinite;
    -moz-animation: ripple 3s ease-out 2250ms infinite;
    -o-animation: ripple 3s ease-out 2250ms infinite;
    animation: ripple 3s ease-out 2250ms infinite;}
@-webkit-keyframes ripple{
    0%{
        opacity:0;
        -webkit-transform:scale(.1,.1)
    }
    5%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes ripple{
    0%{
        opacity:0;
        -moz-transform:scale(.1,.1)
    }
    5%{
        opacity:1
    }
    100%{
        opacity:0;
        -moz-transform:scale(1)
    }
}
@-o-keyframes ripple{
    0%{
        opacity:0;
        -o-transform:scale(.1,.1)
    }
    5%{
        opacity:1
    }
    100%{
        opacity:0;
        -o-transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:0;
        -webkit-transform:scale(.1,.1);
        -moz-transform:scale(.1,.1);
        -ms-transform:scale(.1,.1);
        transform:scale(.1,.1)
    }
    5%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.mapDiv .mapDiv-con .point-area .point-dot{
    position:relative;
    background:#FF161B;}
.mapDiv .mapDiv-con .point-area .point-dot .area{
    position: absolute;
    top: -3px;
    display: block;
    max-width: 100px;
    min-width: 48px;
    font-size: 16px;
    color: #FF161B;
    text-align: left;}
.mapDiv .mapDiv-con .point-area .window-con{
    display:none;}
.mapDiv .mapDiv-con .point-area .window{
    position: absolute;
    z-index: 51; }
.mapDiv .mapDiv-con .point-area .leftW{
    bottom: 6px;
    right: 4px;
    padding-right: 85px;
    background:url(/index/special/about/map-line.png) right bottom no-repeat;}
.mapDiv .mapDiv-con .point-area .rightW{
    bottom: -24px;
    left: 4px;
    padding-left: 85px;
    background:url(/index/special/about/map-right-line.png) left bottom 29px no-repeat;}
.mapDiv .mapDiv-con .point-area .con{
    position: relative;
    display: block;
    width: 280px;
    cursor: default;
    color:#fff;
    border:1px solid #FF161B;}
.mapDiv .mapDiv-con .point-area .con .item{
    background: rgba(2555,0,0,.5);}
.mapDiv .mapDiv-con .point-area .con dl{
    padding:10px;}
.mapDiv .mapDiv-con .point-area .con dl dt{
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
    overflow: hidden;}
.mapDiv .mapDiv-con .point-area .con dl dt a{
    color:#fff;
    cursor: pointer;}
.mapDiv .mapDiv-con .point-area .con dl dt a:hover{
    text-decoration: underline;}
.mapDiv .mapDiv-con .point-area .con dl dd span{
    display:inline-block;
    vertical-align: middle;
    margin-top:5px;}
.mapDiv .mapDiv-con .point-area .con .map-border-box{
    position:absolute;
    width:0px;
    height:0px;
    border:1px solid #FF161B;
    animation:wanima 1s ease-in-out 0s 1;
    animation-fill-mode:forwards;}
.mapDiv .mapDiv-con .point-area .con .lt-border-box{
    top:-9px;
    left:-9px;
    border-right:0px solid transparent;
    border-bottom:0px solid transparent;}
.mapDiv .mapDiv-con .point-area .con .rt-border-box{
    top:-9px;
    right:-9px;
    border-left:0px solid transparent;
    border-bottom:0px solid transparent;}
.mapDiv .mapDiv-con .point-area .con .lb-border-box{
    bottom:-9px;
    left:-9px;
    border-right:0px solid transparent;
    border-top:0px solid transparent;}
.mapDiv .mapDiv-con .point-area .con .rb-border-box{
    bottom:-9px;
    right:-9px;
    border-left:0px solid transparent;
    border-top:0px solid transparent;}
@-webkit-keyframes wanima{
    0%{
        width:0%;
        height:0%;}
    5%{
        width:30%;
        height:60%;}
    100%{
        width:10%;
        height:60%;}}
@-moz-keyframes wanima{
    0%{
        width:0%;
        height:0%;}
    5%{
        width:30%;
        height:60%;}
    100%{
        width:10%;
        height:60%;}}
@-o-keyframes wanima{
    0%{
        width:0%;
        height:0%;}
    5%{
        width:30%;
        height:60%;}
    100%{
        width:10%;
        height:60%;}}
@keyframes wanima{
    0%{
        width:0%;
        height:0%;}
    5%{
        width:30%;
        height:60%;}
    100%{
        width:10%;
        height:60%;}}
.branch-title{
    position:absolute;
    top:0px;
    width: 100%;
    height: 120px;}
.branch-title > div{
    width:100%;
    height:100%;
    text-align: center;
    overflow: hidden;}
.branch-title > div > a{
    display: inline-block;
    width: 232px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #fff;
    margin-top: 32px;}
.branch-title > div > p{
    font-size: 24px;
    color: #fff;
    margin-top: 10px;}

.yxsh{
    margin-top:30px;}
.yxsh .tab-conts > div{
    display:none;}
.yxsh .tab-conts > div:nth-child(1){
    display:block;}
.yxsh .tab-conts > div {
    overflow: hidden; }
.yxsh .tab-conts > div ul {
    width: 1250px;
    -webkit-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;}
.yxsh .tab-conts > div ul li {
    width: 288px;
    height: 171px;
    position: relative;
    margin-right: 14px;
    margin-bottom: 14px; }
.yxsh .tab-conts > div ul li img {
    width: 100%;
    height: 100%; }
.yxsh .tab-conts > div ul li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); }
.yxsh .tab-conts > div:nth-child(1) ul {
    width: 1819px !important; }
.yxsh .tab-conts > div:nth-child(3) ul {
    width: 1852px !important; }
.yxsh .tab-conts > div:nth-child(4) ul {
    width: 2121px !important; }


