/*banner*/
.banner{
    height:4rem;
    background:url("/static/default/pc/images/gywm-hd.png") no-repeat;
    background-size:cover;
}
.b-text{
    width:12rem;
    margin:0 auto;
    position:relative;
}
.b-text h1{
    font-size: 0.5rem;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 0.01rem;
    position:absolute;
    top:1.3rem;
    left:50%;
    transform: translateX(-50%);
}
.brand{
    width:0.16rem;
    position:absolute;
    right:-0.2rem;
    top:-0.1rem;
    /* background:url("/static/default/pc/images/brand.png") no-repeat -0.1rem;
    background-size:0.16rem 0.16rem; */
}
.b-text p{
    width: 9rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: rgba(255,255,255);
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    position:absolute;
    top:2.15rem;
    left:50%;
    transform: translateX(-50%);
}

.content{
    width:12rem;
    margin:0 auto;
}
.dqwz{
    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
    float:left;
}
.breadcrumb{
    margin-top:0.5rem;
    height:0.3rem;
    border-bottom: 0.01rem solid #DCDFE6;
}
.page-breadcrumb li{
    float:left;

    font-size: 0.16rem;
    font-weight: 400;
}
.page-breadcrumb li a{
    color:#303133;
}
.page-breadcrumb li a:hover{
    color: #0067A6;
}

/*公司介绍*/
.introduce-wrapper{
    width:100%;
    height:10rem;
    position:relative;
}
.introduce{
    width:12rem;
    margin:0 auto;
    position:relative;
}
.khrh-introduce{
    width: 6.75rem;
    height: 4.12rem;
    background: #FFFFFF;
    box-shadow: 0px 0.03rem 0.33rem 0.01rem rgba(177,177,177,0.16);
    position:absolute;
    top:2.4rem;
    z-index: 1;
}
.khrh-introduce .yh{
    position:absolute;
    left:0.9rem;
    top:-0.5rem;
    width:1.1rem;
}
.khrh-introduce h4{
    font-size: 0.3rem;
    font-weight: bold;
    color: #303133;
    margin-top:0.73rem;
    text-align: center;
}
.khrh-introduce p{
    width:6rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
    margin:0.15rem auto 0;
    letter-spacing: 0.005rem;
    line-height: 0.3rem;
    text-indent:0.28rem;
}
.khrh-introduce div{
    width: 100%;
    height: 0.1rem;
    background: #0067A6;
    position:absolute;
    bottom:0;
}
.khrh-img{
    position:absolute;
    top:1.08rem;
    left:6rem;
}
.khrh-img img{
    width:6.21rem;
    height:6.42rem;
}
.summarize{
    font-size: 0.3rem;
    font-weight: bold;
    color: #303133;
    position:absolute;
    bottom:0.4rem;
    width:100%;
    text-align: center;
}
.introduce-bg{
    width:100%;
    height: 5rem;
    background: rgba(0,103,166,0.08);
    position:absolute;
    bottom:0;
}
/*企业文化*/
.qywh{
    width:12rem;
    margin:0 auto;
    height:10rem;
}
.qywh-content{
    margin-top:0.3rem;
}
.qywh-item{
    width:4rem;
    height:3.57rem;
    float:left;
}
.qywh-item h4{
    margin-top:1rem;
    text-align: center;

    font-size: 0.26rem;
    font-weight: bold;
    color: #0067A6;
}
.qywh-item p{
    font-size: 0.18rem;
    font-weight: 400;
    color: #303133;
    width:3.5rem;
    margin:0.3rem auto 0;
}
.qywh-item img{
    width:4rem;
    height:3.57rem;
}

/*公司资质*/
.gszz-wrapper{
    width:100%;
    background:#F5F7FA;
}
.gszz{
    width:12rem;
    margin:0 auto;
    height:8.5rem;
}
.qywh-content{
    margin-top:0.3rem;
}
.contentL{
    width:5.65rem;
    padding-top:1rem;
    float:left;
}
.contentL .zz-title{
    font-size: 0.3rem;
    font-weight: bold;
    color: #303133;
    margin-top:1rem;
    position:relative;
}
.contentL .zz-title span:nth-child(2){
    font-size: 0.62rem;
    font-weight: bold;
    color: rgba(0,171,215,0.08);
    position:absolute;
    top:-0.4rem;
    left:0.6rem;
    white-space:nowrap;
}
.contentL .text{
    width:4.48rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #909399;
    margin-top:0.25rem;
    letter-spacing: 0.01rem;
    line-height: 0.3rem;
}
.contentR{
    width:6rem;
    float:right;
    position:relative;
    right:-0.4rem;
}
.zs-nav{
    margin-top:6.05rem;
    float:left;
    position:relative;
    z-index:2;
    left:-0.2rem;
}
.zs-nav li{
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: #DCDFE6;
    margin-bottom:0.18rem;
    cursor: pointer;
}
.zs-nav .active{
    background:url("/static/default/pc/images/position.png");
    width:0.21rem;
    height:0.25rem;
    margin-left:-0.06rem;
    margin-top:-0.06rem;
}
.zs-content{
    width:5.78rem;
}
.zs-img{
    height:8.5rem;
    position:absolute;
    right:0;
    top:0;
    overflow: hidden;
}
.zs-img div{
    transition: all ease-in-out 0.3s;
}
.zs-img img{
    width:2.38rem;
    height:3.212rem;
    margin-left:0.4rem;
    transition:all .3s;
    margin-bottom:0.2rem;
    cursor: pointer;
}
.zs-img img:nth-child(2n){
    position:relative;
    top:-1.5rem;
}
.zs-img .active{
    transform:scale(1.2);
    z-index:1;
}

/*公司业绩*/
.gsyj-wrapper{
    width:100%;
    /*background:#F8F8F8;*/
}
.gsyj{
    width:12rem;
    margin:0 auto 0;
    padding-bottom:1rem;
}
.gsyjC{
    width:12rem;
    margin-top:0.45rem;
}
.gsyj{
    overflow: hidden;
    position:relative;
}
.left-mask{
    position:absolute;
    left:0;
    z-index:1;
}
.right-mask{
    position:absolute;
    right:0;
    z-index:1;
    transform: rotate(180deg);
}
.gsyjC .gsyj-line{
    display: inline-block;
    margin-top:0.3rem;

    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    border-radius: 0;
}
.gsyjC .gsyj-item{
    height:0.86rem;
    padding:0.1rem;
    border: 0.01rem solid #DCDFE6;
    float:left;
    margin-right:0.2rem;
    border-radius:0.05rem;
}
.gsyj-line .width50{
    width:50%;
    float:left;
}
.gsyjC .gsyj-item .gsyjImg{
    width:0.67rem;
    height:0.67rem;
    float:left;
    margin-right:0.08rem;
}
.gsyjC .gsyj-item div{
    float:left;
}
.gsyjC .gsyj-item h6{
    font-size: 0.18rem;
    font-weight: 400;
    color: #303133;
    margin-top:0.06rem;
}
.gsyjC .gsyj-item p{
    font-size: 0.14rem;
    font-weight: 400;
    color: #303133;
    margin-top:0.08rem;
}
.gsyjLine2 .gsyj-item,.gsyjLine4 .gsyj-item{
    box-shadow: 0 0.03rem 0.1rem 0.01rem rgba(0,0,0,0.1);
}
.gsyjLine1{
    width: 33.67rem;
    /*width: 33.47rem;*/
    /*width:16.97rem;*/
    animation: scrollToRight 32s linear infinite;
}
.gsyjLine2{
    /*width: 40.1rem;*/
    width: 39.35rem;
    animation: scrollToRight 36s linear infinite;
}
.gsyjLine3{
    /*width: 36.12rem;*/
    width: 35.6rem;
    animation: scrollToRight 36s linear infinite;
}
.gsyjLine4{
    /*width: 35.6rem;*/
    width: 34.3rem;
    animation: scrollToRight 38s linear infinite;
}
.gsyjC .gsyjImg1{
    background:url("/static/default/pc/images/gsyj/1.png") no-repeat;
}
.gsyjC .gsyjImg2{
    background:url("/static/default/pc/images/gsyj/2.png") no-repeat;
}
.gsyjC .gsyjImg3{
    background:url("/static/default/pc/images/gsyj/3.png") no-repeat;
}
.gsyjC .gsyjImg4{
    background:url("/static/default/pc/images/gsyj/4.png") no-repeat;
}
.gsyjC .gsyjImg5{
    background:url("/static/default/pc/images/gsyj/5.png") no-repeat;
}
.gsyjC .gsyjImg6{
    background:url("/static/default/pc/images/gsyj/6.png") no-repeat;
}
.gsyjC .gsyjImg7{
    background:url("/static/default/pc/images/gsyj/7.png") no-repeat;
}
.gsyjC .gsyjImg8{
    background:url("/static/default/pc/images/gsyj/8.png") no-repeat;
}
.gsyjC .gsyjImg9{
    background:url("/static/default/pc/images/gsyj/9.png") no-repeat;
}
.gsyjC .gsyjImg10{
    background:url("/static/default/pc/images/gsyj/10.png") no-repeat;
}
.gsyjC .gsyjImg11{
    background:url("/static/default/pc/images/gsyj/11.png") no-repeat;
}
.gsyjC .gsyjImg12{
    background:url("/static/default/pc/images/gsyj/12.png") no-repeat;
}
.gsyjC .gsyjImg13{
    background:url("/static/default/pc/images/gsyj/13.png") no-repeat;
}
.gsyjC .gsyjImg14{
    background:url("/static/default/pc/images/gsyj/14.png") no-repeat;
}
.gsyjC .gsyjImg15{
    background:url("/static/default/pc/images/gsyj/15.png") no-repeat;
}
.gsyjC .gsyjImg16{
    background:url("/static/default/pc/images/gsyj/16.png") no-repeat;
}
.gsyjC .gsyjImg17{
    background:url("/static/default/pc/images/gsyj/17.png") no-repeat;
}
.gsyjC .gsyjImg18{
    background:url("/static/default/pc/images/gsyj/18.png") no-repeat;
}
.gsyjC .gsyjImg19{
    background:url("/static/default/pc/images/gsyj/19.png") no-repeat;
}
.gsyjC .gsyjImg20{
    background:url("/static/default/pc/images/gsyj/20.png") no-repeat;
}
.gsyjC .gsyjImg21{
    background:url("/static/default/pc/images/gsyj/21.png") no-repeat;
}
@keyframes scrollToRight {

    0% {
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        transform: translate3d(0%, 0, 0);
    }
}
@media screen and (min-width: 2000px) {
    .gsyjLine1{
        width: 34.17rem;
    }
    .gsyjLine2{
        width: 39.85rem;
    }
    .gsyjLine3{
        width: 36.1rem;
    }
    .gsyjLine4{
        width: 34.8rem;
    }
}
@media screen and (min-width: 2200px) {
    .gsyjLine1{
        width: 34.67rem;
    }
    .gsyjLine2{
        width: 40.35rem;
    }
    .gsyjLine3{
        width: 36.6rem;
    }
    .gsyjLine4{
        width: 35.3rem;
    }
}



