.pagination-wrap{
    text-align: center;
    margin-top: 30px;
}

.paginationjs .paginationjs-pages ul li{
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    border: 1px solid #DFDFE0;
    line-height: 30px;
    margin:0 3px;
    background-color: #fff;
}

.paginationjs .paginationjs-pages ul li.active {
    border: 1px solid #F1771E;
    background-color: #F1771E;
}

.paginationjs .paginationjs-pages ul li.paginationjs-prev.disabled a,
.paginationjs .paginationjs-pages ul li.paginationjs-next.disabled a{
    color:#EFEFF0;
}

.paginationjs .paginationjs-pages ul li.active  a{
    color:#fff;
}

.paginationjs .paginationjs-pages ul li a{
    color:#3C3C3C;
    font-size: 12px;
}


.paginationjs .paginationjs-pages,
.paginationjs .paginationjs-go-input,
.paginationjs .paginationjs-go-button{
    display: inline-block;
}

.paginationjs .paginationjs-go-input {
    margin: 0 12px;
    font-size: 12px;
    color: #3C3C3C;
    
}

.paginationjs .paginationjs-go-input .J-paginationjs-go-pagenumber{
    appearance: none;
    -webkit-appearance: none;
    height: 32px;
    width: 32px;
    border: 1px solid #DFDFE0;
    outline: none;
    margin: 0 6px;
    text-align: center;
}
/* .paginationjs .paginationjs-go-button{
    margin-left: 6px;
} */
.paginationjs .paginationjs-go-button .J-paginationjs-go-button{
    appearance: none;
    -webkit-appearance: none;
    height: 32px;
    width: 66px;
    box-sizing: border-box;
    color:#3C3C3C;
    font-size: 12px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #DFDFE0;
    outline: none;
    cursor: pointer;
    color: #3C3C3C;
}







.index-wrap{
    padding-top: 75px;
}

.index-banner-wrap{
    width: 100%;
    height: 530px;
}

.index-banner-wrap .swiper-container{
    height: 100%;
}


.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}

.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.new{
    background: url(/hdsite/images/banner/1.jpg) no-repeat center center ;
    background-size: cover;
}

.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.one{
    background: url(/hdsite/images/banner/2.jpg) no-repeat center center ;
    background-size: cover;
}

.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.two{
    background: url(/hdsite/images/banner/3.jpg) no-repeat center center ;
    background-size: cover;
}


.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.three{
    background: url(/hdsite/images/banner/4.jpg) no-repeat center center ;
    background-size: cover;
}


.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.four{
    background: url(/hdsite/images/banner/5.jpg) no-repeat center center ;
    background-size: cover;
}

.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide.five{
    background: url(/hdsite/images/banner/8.jpg) no-repeat center center ;
    background-size: cover;
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link{
    width: 100%;
    height: 100%;
    position: relative;
}
.index-banner-wrap .swiper-container .swiper-slide  .banner-link .comm-width{
    height: 100%;
    position: absolute;
    top:0;
    margin-left:-650px;
    left:50%;
    width: 1300px;
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link .banner-btn{
    position:absolute;
    bottom:150px;
    left: 0px;
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link .banner-btn>div{
    width: 214px;
    height: 72px;
    float: left;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s; /* Safari */
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link .banner-btn>div:hover{
    transform: translateY(-16px);
    -ms-transform:translateY(-16px);     /* IE 9 */
    -moz-transform:translateY(-16px);     /* Firefox */
    -webkit-transform:translateY(-16px); /* Safari 和 Chrome */
    -o-transform:translateY(-16px);
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link .banner-btn .img1{
    background: url(/hdsite/images/banner/6.png) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 12px;
}

.index-banner-wrap .swiper-container .swiper-slide  .banner-link .banner-btn .img2{
    background: url(/hdsite/images/banner/7.png) no-repeat center center;
    background-size: 100% 100%;
}


.index-banner-wrap .swiper-container .swiper-slide .custorm-swiper-slide .banner-desc{
    position: absolute;
    top:168px;
    left: 16%;
}

.index-banner-wrap .custorm-swiper-slide .banner-desc .text{
    color: #000;
    line-height: 56px;
    font-size: 48px;
}

.index-banner-wrap .custorm-swiper-slide.three .banner-desc .text{
    color: #fff;
}

.index-banner-wrap .custorm-swiper-slide.four .banner-desc .text{
    color: #031936;
}

.index-banner-wrap .custorm-swiper-slide .banner-desc .desc{
    margin-top: 52px;
    color: #545E67;
    line-height: 30px;
    font-size: 22px;
}

.index-banner-wrap .custorm-swiper-slide.three .banner-desc .desc{
    margin-top: 18px;
    color: #878BA1;
}

.index-banner-wrap .custorm-swiper-slide.four .banner-desc .desc{
    margin-top: 18px;
    color: #031936;
    font-size: 22px;
    line-height: 30px;
}



.index-banner-wrap  .swiper-pagination .swiper-pagination-bullet{
    width: 36px;
    height: 3px;
    border-radius: inherit;
    background-color:#585858;
}

.index-banner-wrap  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,0.5);
}


.index-banner-wrap .swiper-button-prev:after,
.index-banner-wrap .swiper-button-next:after{
    content: "";
}

.index-banner-wrap .swiper-button-prev,
.index-banner-wrap .swiper-button-next{
    width: 80px;
    height: 80px;
}

.index-banner-wrap .swiper-button-prev{
    background: url(/hdsite/images/index_banner_arrow_2.png) no-repeat center center;
    background-size: 80px;
    left: 30px;
}

.index-banner-wrap .swiper-button-next{
    background: url(/hdsite/images/index_banner_arrow_1.png) no-repeat center center;
    background-size: 80px;
    right: 30px;
}











.footer-wrap .footer-ctr{
    padding: 68px 0;
    background-color: #EEF0F2;
}

.footer-wrap .footer-ctr .comm-width{
    overflow: hidden;
}

.footer-wrap .footer-ctr .left-wrap{
    float: left;
}  

.footer-wrap .footer-ctr .right-wrap{
    float: right;
} 

.footer-wrap .footer-ctr  .footer-item{
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
}

.footer-wrap .footer-ctr  .footer-item:last-child{
    margin-right: 0;
}

.footer-wrap .footer-ctr  .footer-item .title{
    font-size: 20px;
    color:#000;
    padding-bottom: 12px;
    font-weight: 400;
    line-height: 29px;
}

.footer-wrap .footer-ctr .footer-item li{
    padding-bottom: 10px;
}

.footer-wrap .footer-ctr  .footer-item li a{
    color:#666;
    font-size: 14px;
}
.footer-wrap .footer-ctr  .footer-item li span{
    color:#666;
    font-size: 14px;
}
.footer-wrap .footer-ctr .code-item {
    display: inline-block;
    margin-right: 28px;
}

.footer-wrap .footer-ctr .code-item:last-child{
    margin-right: 0;
}

.footer-wrap .footer-ctr .code-item .name{
    color:#666;
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
}

.footer-wrap .footer-bottom{
    background-color: #282828;
    height: 46px;
}

.footer-wrap .footer-bottom span{
    line-height: 46px;
    font-size: 14px;
    color:#fff;
}

.footer-wrap .footer-bottom span:first-child{
    margin-right: 36px;
}



.index-wrap .index-comm-wrap>.title{
    line-height: 52px;
    text-align: center;
    font-size: 36px;
    color:#000;
    padding-bottom: 32px;
    font-weight: normal;
}
.index-about-wrap{
    padding:66px 0 0;
    background-color: #fff;
}

.index-about-wrap .comm-width{
    overflow: hidden;
}

.index-about-wrap .left-wrap{
    float: left;
}

.index-about-wrap .left-wrap section{
    width: 690px;
    font-size: 14px;
    color:#333;
    line-height: 32px;
    text-indent: 2em;
    padding: 50px 0;
}

.index-about-wrap .left-wrap .summarys-wrap .summary-item{
    display: inline-block;
}

.index-about-wrap .summary-item{
    padding-right: 28px;
    border-right: 1px solid #E6E6E6;
    padding-left: 32px;
}

.index-about-wrap .summary-item:first-child{
    padding-right: 28px;
    border-right: 1px solid #E6E6E6;
    padding-left: 0;
}

.index-about-wrap .summary-item:last-child{
    padding-right: 0;
    border-right:0;
}

.index-about-wrap .summary-item .num{
    font-size: 52px;
    font-weight: lighter;
    color: #000000;
    padding-bottom: 16px;
}

.index-about-wrap .summary-item .desc img{
    display: inline-block;
    vertical-align: middle;
}

.index-about-wrap .summary-item .desc span{
    display: inline-block;
    vertical-align: middle;
    color: #F1771E;
    font-size: 20px;
    line-height: 29px;
    padding-left: 10px;
}
.index-about-wrap .link-more{
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #F1771E;
    color:#fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}

.index-about-wrap .right-wrap{
    float: right;
}

.index-comm-wrap .comm-width>.link-more{
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #F1771E;
    color:#fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
}


.index-about-bg{
    height: 218px;
    background: url(/hdsite/images/new-bg.jpg) no-repeat center center;
    background-size: cover;
}

.index-news-wrap{
    background-color: #F9FAFC;
    padding: 0 0 100px 0;
}

.index-news-wrap .comm-width{
    overflow: hidden;
}

.index-news-wrap .comm-width .left-wrap{
    float: left;
    width: 650px;
    height: 460px;
    
}

.index-news-wrap .comm-width .left-wrap .news-image{
    width: 650px;
    height: 460px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.index-news-wrap .comm-width .left-wrap .news-image a{
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.index-news-wrap .comm-width .left-wrap .news-image a .bottom-desc{
    background-color: rgba(0,0,0,0.6);
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.index-news-wrap .comm-width .left-wrap .news-image  .page-pager{
    float: right;
    font-size: 0;
    padding-right: 15px;
}

.index-news-wrap .comm-width .left-wrap .news-image  .page-pager span{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #BFBFBF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 5px;
}

.index-news-wrap .comm-width .left-wrap .news-image  .page-pager span.active{
    background: #F18421;
}

.index-news-wrap .comm-width .right-wrap{
    float: right;
}

.index-news-wrap .news-list{
    width: 590px;
    background-color: #fff;
    border:1px solid #ECECEC;
}

.index-news-wrap .news-list li{
    padding:18px 32px 16px 22px;
    border-bottom: 1px solid #ECECEC;
}

.index-news-wrap .news-list li.active {
    background-color: #FDF1E8;
}

.index-news-wrap .news-list li div{
    display: inline-block;
    vertical-align: top;
}

.index-news-wrap .news-list li div.date p:first-child span{
    color: #F1771E;
}

.index-news-wrap .news-list li div.date p:first-child span:first-child{
    font-size: 32px;
}

.index-news-wrap .news-list li div.date p:first-child span:last-child{
    font-size: 14px;
}

.index-news-wrap .news-list li div.date p:last-child{
    color:#666666;
    font-size: 14px;
}

.index-news-wrap .news-list li div.content{
    width:calc(100% - 90px);
    padding-left: 18px;
}

.index-news-wrap .news-list li div.content h4{
    color:#000;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    padding-bottom: 8px;
}
.index-news-wrap .news-list li div.content section{
    color:#666;
    font-size: 14px;
    overflow: hidden;
    height: 42px;
}


.index-news-wrap .swiper-button-prev:after,
.index-news-wrap .swiper-button-next:after{
    content: "";
}

.index-news-wrap .swiper-button-prev,
.index-news-wrap .swiper-button-next{
    width: 68px;
    height: 68px;
}

.index-news-wrap .swiper-button-prev{
    background: url(/hdsite/images/index_banner_arrow_2.png) no-repeat center center;
    background-size: 68px;
    left: 10px;
}

.index-news-wrap .swiper-button-next{
    background: url(/hdsite/images/index_banner_arrow_1.png) no-repeat center center;
    background-size: 68px;
    right: 10px;
}


.index-case-wrap{
    background: url(/hdsite/images/case_bg.png) no-repeat center center;
    background-size: cover;
    padding:60px 0 108px;
}

.index-case-wrap .tabs-wrap{
    border-bottom: 1px solid #9A9A9A;
    margin-bottom: 55px;
    font-size: 0;
}
.index-case-wrap .tabs-wrap .tab-item{
    color:#000;
    font-size: 22px;
    padding-bottom: 28px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 34px;
    cursor: pointer;
}
.index-case-wrap .tabs-wrap .tab-item.active{
    font-weight: bold;
    position: relative;
}
.index-case-wrap .tabs-wrap .tab-item.active:after{
    content: " ";
    position: absolute;
    bottom:-1px;
    left:0;
    right: 0;
    height: 4px;
    background-color:#F1771E ;
}

.index-case-wrap .tab-item-content{
    height: 300px;
    background-color: #fff;
    overflow: hidden;
    font-size: 0;
}

.index-case-wrap .tab-item-content .left-wrap{
    display: inline-block;
    height: 100%;
    width: 390px;
    vertical-align: top;
}

.index-case-wrap .tab-item-content .right-wrap{
    display: inline-block;
    height: 100%;
    width:calc(100% - 390px);
    /* box-shadow: 0px 5px 30px 0px rgba(116, 117, 118, 0.27); */
    box-sizing: border-box;
    padding-top: 56px;
    vertical-align: top;
}

.index-case-wrap .tab-item-content .check-item{
    height: 50%;
    width: 100%;
    box-sizing: border-box;
    padding:48px 0 0 38px;
    cursor: pointer;
}

.index-case-wrap .tab-item-content .check-item.active{
    background-color: #E3EEFE;
}

.index-case-wrap .tab-item-content .check-item img{
    display: inline-block;
    vertical-align: middle;
}

.index-case-wrap .tab-item-content .check-item span{
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    color:#000;
    padding-left: 22px;
}


.index-case-wrap .tab-item-content .right-wrap .case-content-item{
    display: none;
}

.index-case-wrap .tab-item-content .right-wrap .case-content-item.active{
    display: block;
}


.index-case-wrap .tab-item-content .right-wrap .content{
    padding: 0 34px 0 45px;
    width:500px;
    display: inline-block;
    vertical-align: top;
}

.index-case-wrap .tab-item-content .right-wrap .content section{
    color:#666;
    font-size: 14px;
    line-height: 32px;
    padding-bottom: 48px;
}

.index-case-wrap .tab-item-content .right-wrap img{
    display: inline-block;
    vertical-align: top;
}

.index-case-wrap .tab-item-content .right-wrap .link-more{
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color:#000;
    border:1px solid #000;
}   

.index-work-wrap{
    padding: 60px 0 110px;
    background: url(/hdsite/images/field-bg.png) no-repeat center center;
    background-size: cover;

}
.index-work-wrap .work-list{
    font-size: 0;
}
.index-work-wrap .work-item{
    display: inline-block;
    width: calc((100% - 156px)/4);
    margin-right: 52px;
    font-size: 14px;
    height: 520px;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

.index-work-wrap .work-item a{
    display: block;
    width: 100%;
    height: 100%;
}



.index-work-wrap .work-item:last-child{
    margin-right: 0;
}

.index-work-wrap .work-item .content{
    height: 313px;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 10px;
    position: relative;
}

.index-work-wrap .work-item .work-item-bg{
    background-color: #EBEDF1;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    z-index:1;
    overflow: hidden;
    display: none;
}

.index-work-wrap .work-item:hover .work-item-bg{
    display: block;
}

.index-work-wrap .work-item .work-item-bg .bg-box1{
    position: absolute;
    width: 100%;
    height: 100%;
    right:-160px;
    top:160px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #F0F1F4;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    z-index:1;
}

.index-work-wrap .work-item:hover .work-item-bg .bg-box1{
    animation:myfirstRight 0.3s;
    -moz-animation:myfirstRight 0.3s; /* Firefox */
    -webkit-animation:myfirstRight 0.3s; /* Safari and Chrome */
    -o-animation:myfirstRight 0.3s; /* Opera */
}

@keyframes myfirstRight
{
    from {right:-200px}
    to {right:-160px}
}

@-moz-keyframes myfirstRight /* Firefox */
{
    from {right:-200px}
    to {right:-160px}
}

@-webkit-keyframes myfirstRight /* Safari and Chrome */
{
    from {right:-200px}
    to {right:-160px}
}

@-o-keyframes myfirstRight /* Opera */
{
    from {right:-200px}
    to {right:-160px}
}

.index-work-wrap .work-item .work-item-bg .bg-box2{
    position: absolute;
    width: 100%;
    height: 100%;
    left:-200px;
    top:100px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    background-color: #F3F4F7;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    z-index:2;
}

.index-work-wrap .work-item:hover .work-item-bg .bg-box2{
    animation:myfirstLeft 0.3s;
    -moz-animation:myfirstLeft 0.3s; /* Firefox */
    -webkit-animation:myfirstLeft 0.3s; /* Safari and Chrome */
    -o-animation:myfirstLeft 0.3s; /* Opera */
}

@keyframes myfirstLeft
{
    from {left:-260px}
    to {left:-200px}
}

@-moz-keyframes myfirstLeft /* Firefox */
{
    from {left:-260px}
    to {left:-200px}
}

@-webkit-keyframes myfirstLeft /* Safari and Chrome */
{
    from {left:-260px}
    to {left:-200px}
}

@-o-keyframes myfirstLeft /* Opera */
{
    from {left:-260px}
    to {left:-200px}
}

.index-work-wrap .work-item  .content-ctr{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    z-index:2;
}

.index-work-wrap .work-item .content .work-item-title{
    text-align: center;
}

.index-work-wrap .work-item .content .work-item-title .no{
    font-size: 64px;
    color: #C6C6C6;
    line-height: 92px;
    font-weight: lighter;
    border-bottom: 2px solid #C6C6C6;
    padding-bottom: 10px;
}

.index-work-wrap .work-item:hover .work-item-title .no{
    color: #2C3C51;
    border-bottom: 2px solid #2C3C51;
}

.index-work-wrap .work-item .content .work-item-title p{
    color:#000;
    font-size: 22px;
    line-height: 32px;
    padding-top: 21px;
}

.index-work-wrap .work-item .content section {
    padding:0 15px 0 25px;
    color:#333;
    font-size: 14px;
    line-height: 24px;
    padding-top: 21px;
}

.index-work-wrap .work-item .img-box{
    height: 207px;
    overflow: hidden;

}

.index-work-wrap .work-item .img-box img{
    display: block;
    width: 100%;
    height: 100%;
}

.index-kehu-wrap {
    padding: 50px 0 100px 0;
    background: url(/hdsite/images/index/客户/bg.jpg) no-repeat center center;
    background-size: cover;
}

.index-kehu-wrap .kehu-list {
    background: #fff;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    padding: 30px 16px 14px;
    margin: 50px 0;
}

.index-kehu-wrap .kehu-list .kehu-item{
    float: left;
    width: 20%;
    margin-bottom: 16px;
    transition: all .5s;
    -webkit-transition: all .5s; /* Safari */
}
.index-kehu-wrap .kehu-list .kehu-item:hover{
    transform: translateY(-16px);
    -ms-transform:translateY(-16px);     /* IE 9 */
    -moz-transform:translateY(-16px);     /* Firefox */
    -webkit-transform:translateY(-16px); /* Safari 和 Chrome */
    -o-transform:translateY(-16px);
}

.index-kehu-wrap .kehu-list .kehu-item img{
    width: 216px;
    display: block;
    margin: 0 auto;
}

.slide-bannner{
    height: 300px;
    background: url(/hdsite/images/banner_cases_2x.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.slide-bannner.contact{
    background: url(/hdsite/images/banner_contact.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.zhaopin{
    background: url(/hdsite/images/banner_zhanpin.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.news{
    background: url(/hdsite/images/banner_news.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.product{
    background: url(/hdsite/images/banner_product.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.friends{
    background: url(/hdsite/images/friends_04.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.history{
    background: url(/hdsite/images/banner_history.jpg) no-repeat center center;
    background-size: cover;
}

.slide-bannner.moshi{
    background: url(/hdsite/images/moshi/banner.jpg) no-repeat center center;
    background-size: cover;
}







.slide-bannner .slide-mark-wrap{
    position: absolute;
    right: 18%;
    top: 100px;
    text-align: right;
}

.slide-bannner .slide-mark-wrap .title{
    font-size: 42px;
}


.slide-bannner .slide-mark-wrap .desc{
    font-size: 22px;
    color: #484D55;
}





.case-title{
    font-size: 36px;
    color:#000;
    text-align: center;
    padding:70px 0 52px;
}

.case-question-wrap{

}
.case-question-wrap .question-list{
    font-size: 0;
}
.case-question-wrap .question-item{
    display: inline-block;
    width: 416px;
    margin-right: 26px;
    height: 158px;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    box-sizing: border-box;
    padding:27px 26px 0 20px;
    margin-bottom: 26px;
}

.case-question-wrap .question-item:nth-child(3n) {
    margin-right: 0;
}

.case-question-wrap .question-item img{
    display: inline-block;
    vertical-align: top;
    width: 46px;
}

.case-question-wrap .question-item .content{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 300px;
    padding-left: 20px;
}

.case-question-wrap .question-item .content h5{
    color:#000;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
}

.case-question-wrap .question-item .content section{
    color:#666;
    font-size: 14px;
    line-height: 24px;
}

.case-product-wrap .product-list{
    background-color: #F9FAFC;
}

.case-product-wrap .product-list img{
    display: block;
    width: 1300px;
}

.case-good-wrap .good-item{
    padding:0 0 50px 0;
}

.case-good-wrap .good-item .good-title-ctr{
    display: inline-block;
    vertical-align: top;
}

.case-good-wrap .good-item .good-title-ctr .name{
    color:#000;
    font-size: 22px;
}

.case-good-wrap .good-item .good-title-ctr .line{
    height: 2px;
    width: 36px;
    height: 3px;
    background-color: #F1771E;
    margin:16px 0 29px

}

.case-good-wrap .good-item .good-title-ctr .desc{
    font-size: 16px;
    color:#666;
    line-height: 36px;
}

.case-good-wrap .good-item  .case-service{
    display: inline-block;
    vertical-align: top;
    margin-left: 105px;
    margin-top:36px;
    width: 990px;
}
.case-good-wrap .good-item.service {
    background: url(/hdsite/images/bg.png) no-repeat center center;
    background-size: cover;
}

.case-good-wrap .good-item.service .comm-width{
    overflow: hidden;
}

.case-good-wrap .good-item.service .comm-width .good-service{
    float: right;
    width: 1020px;
    padding-top: 60px;
}

.case-good-wrap .good-item.service .comm-width .good-service h4{
    text-align: center;
    font-size: 22px;
    color:#212121;
    padding-bottom: 40px;
    font-weight: normal;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-item{
    margin-right: 14px;
    display: inline-block;
    vertical-align: top;
    height: 224px;
    color:#fff;
    font-size: 16px;
    box-sizing: border-box;
}
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top,
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom{
    font-size: 0;
}
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item{
    margin-bottom: 14px;
    width: calc((100% - 14px)/2);
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item{
    width: calc((100% - 42px)/4);
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item:nth-child(1) {
    background: url(/hdsite/images/1.png) no-repeat center center ;
    background-size: cover;
}


.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item:nth-child(2) {
    background: url(/hdsite/images/01-bg.png) no-repeat center center ;
    background-size: cover;
    padding:37px 0 0 40px;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item:nth-child(2) .num{
    font-size: 36px;
    margin-bottom: 20px;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item:nth-child(2)>div p{
    line-height: 36px;
}
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-top .zhanshi-item:nth-child(2)>div p span{
    font-size: 20px;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item:nth-child(1) {
    background: url(/hdsite/images/2.png) no-repeat center center ;
    background-size: cover;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item:nth-child(2) {
    background: url(/hdsite/images/3.png) no-repeat center center ;
    background-size: cover;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item:nth-child(3) {
    background: url(/hdsite/images/02-bg.png) no-repeat center center ;
    background-size: cover;
    padding:29px 0 0 40px;
}
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item:nth-child(4) {
    background: url(/hdsite/images/03-bg.png) no-repeat center center ;
    background-size: cover;
    padding:29px 0 0 40px;
}
.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item .num{
    font-size: 36px;
    margin-bottom: 20px;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi .zhanshi-bottom .zhanshi-item>div p{
    line-height: 36px;
}

.case-good-wrap .good-item.service .comm-width .good-service .zhanshi>div .zhanshi-item:last-child{
    margin-right: 0;
}

.case-good-wrap .good-item.tech{
    height: 383px;
    padding-bottom: 0;
    margin:80px 0 70px;
    background: #F5F7F7 url(../images/case_shuidi.png) no-repeat 10% -90px;
    background-size: 325px 388px;
}
.case-good-wrap .good-item.tech .comm-width{
    height: 100%;
}

.case-good-wrap .good-item.tech .content{
    display: inline-block;
    height: 100%;
    padding-left: 100px;
    position: relative;
}


.case-good-wrap .good-item.tech .good-title-ctr{
    padding-top: 30px;
}



.case-good-wrap .good-item.tech .zhanshi-data{
    height: 100%;
    width: 336px;
    background: linear-gradient(54deg, #EEF3F3 0%, #F7FBFB 100%);
    position: relative;
    padding:110px 0 0 30px;
    box-sizing: border-box;
    
}

.case-good-wrap .good-item.tech .zhanshi-data p{
    color:#000;
    font-size:22px;
    font-weight: 400;
    margin-bottom: 12px;
}

.case-good-wrap .good-item.tech .zhanshi-data p:last-child{
    margin-bottom: 0;
}

.case-good-wrap .good-item.tech .zhanshi-data p span{
    font-size:30px;
    font-weight: bold;
}

.case-good-wrap .good-item.tech .zhanshi-dalou{
    width: 684px;
    height: 475px;
    background: url(/hdsite/images/cases_dalou.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left:436px;
}

.contact-wrap .contact-ctr{
    background: #F9FAFC url(../images/contact_bg.png) no-repeat center center;
    background-size: cover;
    padding:110px 0;
}

.contact-wrap .contact-ctr1 .comm-width{
    overflow: hidden;
}

.contact-wrap .contact-ctr1 .left-wrap{
    float: left;
}

.contact-wrap .contact-ctr1 .right-wrap{
    float: right;
}


.contact-wrap .contact-ctr1 .left-wrap img{
    display: block;
    width: 716px;
    margin-top: 0;
}

.contact-wrap .contact-ctr1 .map-title{
    font-size: 36px;
    color: #000;
}

.contact-wrap .contact-ctr1 .map-title p span{
    color: #F1771E;
}

.contact-wrap .contact-ctr1 img{
    display: block;
    margin:16px 0 36px;
}

.contact-wrap .contact-ctr1 .line{
    height: 1px;
    background-color: #D0D0D0;
}

.contact-wrap .contact-ctr1 .map-item{
    margin-top: 18px;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title{
    color: #000;
    font-size: 0;
    margin-bottom: 10px;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title span{
    display: inline-block;
    vertical-align: middle;
    font-size:22px;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title span:nth-child(1){
    margin-right: 6px;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title.title1 span:nth-child(1){
    border:3px solid #0089EA;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title.title2 span:nth-child(1){
    background:url(/hdsite/images/水@2x.png) no-repeat center center;
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
}

.contact-wrap .contact-ctr1 .map-item .map-item-title.title3 span:nth-child(1){
    border:1px solid #29CDFA;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.contact-wrap .contact-ctr1 .map-item ul{
    padding-left: 18px;
}

.contact-wrap .contact-ctr1 .map-item ul li{
    color: #666;
    font-size:14px;
    margin-bottom: 8px;
}

.contact-wrap .contact-ctr1 .map-item ul li:last-child{
    margin-bottom: 0;
}

.contact-wrap  .contact-ctr2{
    padding-top: 110px;
}

.contact-wrap  .contact-ctr2 .address-list{
    font-size: 0;
}

.contact-wrap  .contact-ctr2 .address-list li{
    display: inline-block;
    width: calc((100% - 40px)/3);
    height: 140px;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #3182E3;
    padding:30px 0 0 20px;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

.contact-wrap  .contact-ctr2 .address-list li:nth-child(3n) {
    margin-right: 0
}

.contact-wrap  .contact-ctr2 .address-list li .company-name{
    font-size:20px;
    color:#000;
}

.contact-wrap  .contact-ctr2 .address-list li p{
    color:#666;
    font-size: 14px;
    margin-top: 6px;
}




.news-ctr{
    padding:60px 0 110px;
    background: url(/hdsite/images/product_hard_3.png) no-repeat center bottom;
    background-size: cover;
}

.news-ctr .news-list{
    font-size: 0;
}


.news-ctr .news-list li{
    width: calc((100% - 99px)/4);
    height: 254px;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    margin-right: 33px;
    margin-bottom: 33px;
}

.news-ctr .news-list li:nth-child(4n) {
    margin-right: 0;
}

.news-ctr .news-list li a{
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
} 

.news-ctr .news-list li .img-box{
    overflow: hidden;
    height: 128px;
}

.news-ctr .news-list li .img-box img{
    display: block;
    width: 100%;
    height: 100%;

}

.news-ctr .news-list li .img-box img{
    display: block;
    height: 100%;
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s; /* Safari */
}

.news-ctr .news-list li:hover .img-box img{
    transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);
}

.news-ctr .news-list li .desc{
    padding: 16px 25px 0 25px;
    font-size: 14px;
}

.news-ctr .news-list li .desc h4{
    font-size: 18px;
    color: #000;
}

.news-ctr .news-list li .desc section{
    color:#333;
    line-height: 24px;
    margin-top: 18px;
}

.news-ctr .news-list li .desc-footer{
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
    font-size: 14px;
    color: #666666;

}

.news-ctr .news-list li .desc-footer span:nth-child(2) {
    float: right;
    color: #F1771E;
}






.swiper-tab-wrap .tabs-wrap{
    border-bottom: 1px solid #9A9A9A;
    margin-bottom: 55px;
    font-size: 0;
}
.swiper-tab-wrap .tabs-wrap .tab-item{
    color:#000;
    font-size: 22px;
    padding-bottom: 28px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 34px;
    cursor: pointer;
}

.swiper-tab-wrap .tabs-wrap .tab-item.active{
    font-weight: bold;
    position: relative;
}

.swiper-tab-wrap .tabs-wrap .tab-item.active:after{
    content: " ";
    position: absolute;
    bottom:-1px;
    left:0;
    right: 0;
    height: 4px;
    background-color:#F1771E ;
}

.lousun-tab-wrap .swiper-slide{
    overflow: hidden;
}

.lousun-tab-wrap .swiper-slide .left-ctr{
    float: left;
    width: 640px;
    box-sizing: border-box;
    padding-left: 24px;
}

.lousun-tab-wrap .swiper-slide .left-ctr h5{
    font-size: 22px;
    color:#000;
}

.lousun-tab-wrap .swiper-slide .left-ctr section {
    color: #333;
    font-size: 20px;
    line-height: 36px;
}

.lousun-tab-wrap .swiper-slide .left-ctr a.link{
    background-color: #F1771E;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 40px;
    width: 150px;
    text-align: center;
    line-height: 40px;
    color:#fff;
    font-size: 20px;
    display: block;
    margin-top: 70px;
}

.lousun-tab-wrap .swiper-slide .right-ctr{
    float: right;
}

.product-hard-wrap .lousun-wrap{
    padding:70px 0 100px 0;
    background: url(/hdsite/images/product_hard_3.png) no-repeat center bottom;
    background-size: cover;
}

.product-hard-wrap .lousun-wrap .lousun-title{
    color:#000;
    font-size: 36px;
    text-align: center;
}

.product-hard-wrap .lousun-list{
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 80px;
}

.product-hard-wrap .lousun-list .lousun-item {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.product-hard-wrap .lousun-list .lousun-item:last-child{
    margin-bottom: 0;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n+1){
    background: linear-gradient(352deg, #FFFFFF 0%, #F4F8FD 100%, #F4F9FD 100%);
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n){
    background: linear-gradient(29deg, #FFFFFF 0%, #F4F8FD 100%, #F4F9FD 100%);
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n+1) .product-desc{
    float: right;
    width: 952px;
    padding-right: 70px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n) .product-desc{
    float: left;
    width: 780px;
    padding-left: 62px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n+1) .img-box{
    position: absolute;
    left:0;
    top: -60px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n) .img-box{
    position: absolute;
    right:43px;
    top: 36px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-of-type(3) .img-box{
    position: absolute;
    left:46px;
    top: 54px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-of-type(3) .product-desc{
    float: right;
    width: 600px;
    padding-right: 70px;
}
.product-hard-wrap .lousun-list .lousun-item:nth-child(4) .product-desc{
    float: left;
    width: 740px;
    padding-left: 62px;
}
.product-hard-wrap .lousun-list .lousun-item:nth-child(5) .product-desc{
    float: right;
    width: 665px;
    padding-right: 70px;;
}
.product-hard-wrap .lousun-list .lousun-item:nth-of-type(5) .img-box{
    position: absolute;
    left:100px;
    top: 10px;
}
.product-hard-wrap .lousun-list .lousun-item:nth-child(6) .product-desc{
    float: left;
    width: 740px;
    padding-left: 62px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-of-type(6) .img-box{
    position: absolute;
    right: 100px;
    top: 20px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(7) .product-desc{
    float: right;
    width: 600px;
    padding-right: 70px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-of-type(7) .img-box{
    position: absolute;
    top: 20px;
    left: 100px
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(9) .product-desc{
    float: right;
    width: 750px;
    padding-right: 70px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-of-type(9) .img-box{
    position: absolute;
    top: 20px;
    /* left: 100px */
}


.product-hard-wrap .lousun-list .lousun-item .product-desc-good{
    font-size: 0;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-good .good-item{
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: top;
}

.product-hard-wrap .lousun-list .lousun-item .good-item{
    width: 200px;
    margin-right: 50px;
    margin-bottom: 40px;
}

.product-hard-wrap .lousun-list .lousun-item:nth-child(2n+1) .good-item:nth-child(4n) {
    margin-right: 0;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header{
    margin-top: 40px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E6E6E6;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header .name{
    color:#F1771E;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header>div{
    overflow: hidden;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header>div .left-ctr{
    float: left;
    font-size: 20px;
    color:#333;
}


.product-hard-wrap .lousun-list .lousun-item .product-desc-header>div .right-ctr{
    float: right;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header>div .right-ctr a{
    color:#0054C9;
    font-size: 14px;
    display: inline-block;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-header>div .right-ctr a:first-child{
    background: url(/hdsite/images/product_hard_4.png) no-repeat left center;
    padding-left: 30px;
    margin-right: 12px;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-good{
    padding: 50px 0 30px;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-good .good-item .name{
    font-weight: bold;
    padding-bottom: 10px;
}

.product-hard-wrap .lousun-list .lousun-item .product-desc-good .good-item section{
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.zhaopindongtai-ctr{
    padding:70px 0 100px;
    background-color: #F9FAFC;
}

.zhaopindongtai-item{
    background-color: #fff;
    margin: 20px 20px 40px;
}


.zhaopindongtai-item .zhaopindongtai-item-header{
    height: 88px;
    padding:0 8px;
    position: relative;
    margin: 0 24px;
}

.zhaopindongtai-item .zhaopindongtai-item-header span.name{
    line-height: 88px;
    font-size: 22px;
    color: #000;
    font-weight: bold;
}


.zhaopindongtai-item .zhaopindongtai-item-header span.address{
    line-height: 88px;
    font-size: 22px;
    color: #333;
    padding-left: 27px;
}

.zhaopindongtai-item .zhaopindongtai-item-header span.toggle-icon{
    position: absolute;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(/hdsite/images/zhaopindongtai_icon_1.png) no-repeat center center;
    background-size: 100% 100%;
    right: 8px;
    top:30px;
    cursor: pointer;
}

.zhaopindongtai-item.toggle .zhaopindongtai-item-header span.toggle-icon{
    background: url(/hdsite/images/zhaopindongtai_icon_2.png) no-repeat center center;
    background-size: 100% 100%;
}
.zhaopindongtai-item.toggle{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.27);
}

.zhaopindongtai-item.toggle .zhaopindongtai-item-header{
    border-bottom: 1px solid #E6E6E6;
}




.zhaopindongtai-item .zhaopindongtai-item-ctr{
    margin:0 70px;
    padding-bottom: 44px;
    display: none;
}

.zhaopindongtai-item-ctr-list{
    padding: 36px 0;
}

.zhaopindongtai-item-ctr-list h5{
    color:#333;
    font-size: 20px;

}

.zhaopindongtai-item-ctr-list ul li{
    color:#333;
    font-size: 20px;
    margin-top: 12px;
}

.zhaopindongtai-item .zhaopindongtai-item-ctr a{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    background: #F1771E url(../images/zhaopindongtai_icon.png) no-repeat 12px center;
    background-size: 32px;
    box-sizing: border-box;
    padding-left: 18px;
}



.friends-wrap .friends-group .friends-title{
    font-size: 36px;
    color:#000;
    text-align: center;
}

.friends-wrap .friends-group .friends-title p{
    font-size: 20px;
    padding:30px 0 0;
}

.friends-wrap .friends-group .friends-title p span{
    font-weight: bold;
    font-size: 24px;
    margin: 0 12px;
}

.friends-wrap .friends-group.quanyi{
    background-color: #F9FAFC;
    padding: 70px 0 100px;
}


.friends-wrap .friends-group.quanyi .quanyi-wrap{
    padding-top: 50px;
}

.friends-wrap .friends-group.quanyi .quanyi-wrap .quanyi-item{
    float: left;
    width: calc((100% - 52px)/3);
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    text-align: center;
    height: 292px;
    box-sizing: border-box;
}

.friends-wrap .friends-group.quanyi .quanyi-wrap .quanyi-item:nth-child(2) {
    margin:0 26px;
}

.friends-wrap .friends-group.quanyi .quanyi-wrap .quanyi-item img{
    width: 111px;
}

.friends-wrap .friends-group.quanyi .quanyi-wrap .quanyi-item .name{
    color:#000;
    font-size: 22px;
    padding: 0 0 12px;
}

.friends-wrap .friends-group.quanyi .quanyi-wrap .quanyi-item section{
    text-align: left;
    padding:0 58px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.friends-wrap .friends-group.zhaomu{
    background: url(/hdsite/images/friends_05.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 50px;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap{
    float: right;
    background: url(/hdsite/images/friends_09.png) no-repeat left center;
    background-size: 85px;
    padding-bottom: 40px;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item{
    margin-bottom: 39px;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item:first-child{
    margin-top: 50px;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item:nth-child(2n) {
    margin-left: 60px;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item:nth-child(2n+1) {
    margin-left: -16px;
}


.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item span{
    display: inline-block;
    vertical-align: middle;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item span.circle{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #F18421;
    color:#fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item span.circle:before{
    width: 50px;
    height: 50px;
    top:-5px;
    left:-5px;
    background: rgba(241, 132, 33, 0.3);
    content: '';
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color:#000;
}

.friends-wrap .friends-group.zhaomu .zhaomu-wrap .zhaomu-item span:nth-child(2) {
    font-size: 14px;
    color: #333;
    padding-left: 24px;
}

.friends-wrap .friends-group.liucheng{
    padding:70px 0 50px;
    background: #F9FAFC;
    position: relative;
    text-align: center;
}

.friends-wrap .friends-group.liucheng .line{
    position: absolute;
    width: 100%;
    top: 108px;
    border-top:1px dashed #D1D1D3;
}

.friends-wrap .friends-group.liucheng .liucheng-item{
    float: left;
    width: 33.333333%;
    text-align: center;
}

.friends-wrap .friends-group.liucheng .liucheng-item img{
    width: 82px;
}

.friends-wrap .friends-group.liucheng .liucheng-item .circle {
    margin:8px 0 16px;
}

.friends-wrap .friends-group.liucheng .liucheng-item .circle span{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #D8D8D8;
}

.friends-wrap .friends-group.liucheng .liucheng-item .name{
    color:#333333;
    font-size: 16px;
}

.friends-wrap .friends-group.liucheng a{
    color:#fff;
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #F18421;
    margin-top: 50px;
}

.friendsForm-wrap{
    padding:70px 0 210px;
    background-color: #F9FAFC;
    text-align: center;
}


.survey-wrap{
    background: #fff url(../images/survey_bg.png) no-repeat top center;
    background-size: 100%;
    margin-top: 1px;
}

.friendsForm-wrap.survey{
    background-color: transparent;
}

.survey-ctr {
    width: 680px;
    padding: 100px 0 0 100px;
}

.survey-ctr .title{
    color: #000;
    font-size: 36px;
    line-height: 52px;
}

.survey-ctr .desc{
    color: #0054D2;
    font-size: 14px;
    line-height: 22px;
}

.survey-ctr section{
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 90px 0 272px;
}

.survey-ctr section p{
    text-indent: 2em;
}
.survey-ctr section p:first-child{
    text-indent:inherit;
}

.friendsForm-wrap .friendsForm-ctr{
    display: inline-block;
}


.friendsForm-wrap .friendsForm-ctr h4{
    color:#000;
    font-size: 24px;
    padding-bottom: 80px;
}

.friendsForm-wrap .friendsForm-ctr .form-group{
    width: 100%;
    font-size: 0;
    margin-bottom: 46px;
}

.friendsForm-wrap .friendsForm-ctr .form-group label{
    display: inline-block;
    font-size: 16px;
    color:#000;
}

.friendsForm-wrap.survey  .friendsForm-ctr .form-group label{
    width: 170px;
    text-align: left;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
}

.friendsForm-wrap .friendsForm-ctr .form-group label span{
    color:#FB1515;
}

.friendsForm-wrap .friendsForm-ctr .form-group input{
    appearance:none;
    -webkit-appearance:none;
    outline: none;
    border:0;
}

.friendsForm-wrap .friendsForm-ctr .form-group .input-wrap{
    height: 36px;
    box-sizing: border-box;
    border:1px solid #DFE5EC;
    background-color: #fff;
    width: 360px;
    padding:0 8px;
    display: inline-block;
    vertical-align: middle;
}

.friendsForm-wrap .friendsForm-ctr .form-group .select-wrap{
    appearance:none;
    -webkit-appearance:none;
    outline: none;
    border:0;
    height: 36px;
    box-sizing: border-box;
    border:1px solid #DFE5EC;
    width: 360px;
    padding:0 8px;
    background: #ffffff url(../images/select_icon.png) no-repeat scroll 336px center;
    background-size: 12px;
    
}

.friendsForm-wrap .friendsForm-ctr .form-group.area .select-wrap{
    width: 170px;
    display: inline-block;
    vertical-align: middle;
}

.friendsForm-wrap .friendsForm-ctr .form-group.area .select-wrap:last-child{
    margin-left: 20px;
}

.friendsForm-wrap .friendsForm-ctr .form-group.code .input-wrap{
    width: 200px;
}
.friendsForm-wrap .friendsForm-ctr .form-group.code .code-btn{
    width: 148px;
    height: 36px;
    line-height: 34px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    color: #000;
    display: inline-block;
    background: linear-gradient(360deg, #EAF0F5 0%, #FFFFFF 100%);
    border-radius: 2px;
    border: 1px solid #DFE5EC;
    vertical-align: middle;
    margin-left: 12px;
    cursor: pointer;
}

.friendsForm-wrap .friendsForm-ctr .form-group.buttons{
    text-align: right;
}

.friendsForm-wrap .friendsForm-ctr .form-group .button{
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-right: 30px;
    cursor: pointer;
    float: right;

}

.friendsForm-wrap.survey .friendsForm-ctr .form-group .button{
    width: 100%;
}

.friendsForm-wrap .friendsForm-ctr .form-group .button.submit{
    color:#fff;
    background-color: #F18421;

}

.friendsForm-wrap .friendsForm-ctr .form-group .button.reset{
    color:#F18421;
    background-color: #fff;
    border:1px solid #F18421;
}



.history-wrap .history-ctr{
    background: #F9FAFC url(../images/history_bg.png) right top;
}

.history-ctr .title{
    text-align: center;
    color: #000;
    font-size: 36px;
    padding: 80px 0;
}

.history-ctr .history-list{
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.history-ctr .history-list .line{
    position: absolute;
    border-left: 1px dashed #999;
    left: 50%;
    bottom: 200px;
    top: -30px;
    margin: 10px 0;
}

.history-ctr .history-list .history-item{
    text-align: left;
}   

.history-ctr .history-list .history-item>div{
    display: inline-block;
    width: 500px;
}

.history-ctr .history-list .history-item:nth-child(2n){
    text-align: right;
}

.history-ctr .history-list .history-item img{
    float: left;
    display: block;
    width: 105px;
}

.history-ctr .history-list .history-item .history-item-ctr{
    float: right;
    text-align: right;
    position: relative;
}

.history-ctr .history-list .history-item .history-item-ctr .history-point{
    width: 24px;
    height: 24px;
    background-color: rgba(241, 119, 30, 0.25);
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top:10px;
    right: -62px;
}

.history-ctr .history-list .history-item .history-item-ctr .history-point span{
    width: 12px;
    height: 12px;
    background-color: #F1771E;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.history-ctr .history-list .history-item:nth-child(2n) .history-item-ctr .history-point{
    left: -62px;
}

.history-ctr .history-list .history-item .history-item-ctr .time{
    color:#000;
    font-size: 30px;
    font-weight:bolder
}


.history-ctr .history-list .history-item .history-item-ctr section{
    color:#333;
    font-size: 14px;
    width: 336px;
    
}

.history-ctr .history-list .history-list-ctr .history-item:nth-child(2n) img{
    float: right;
}

.history-ctr .history-list .history-list-ctr .history-item:nth-child(2n) .history-item-ctr{
    float: left;
    text-align: left;
    position: relative;
}


/* .history-ctr .history-list .history-list-ctr .history-item:nth-child(2n) .history-item-ctr{
    float: left;
    text-align: left;
    position: relative;
} */

.hubiao-ctr{
    font-size: 0;
    padding-top: 80px;
}


.hubiao-ctr .hubiao-item{
    width:640px;
    display: inline-block;
    background: linear-gradient(352deg, #FFFFFF 0%, #F4F8FD 100%, #F4F9FD 100%);
    height: 360px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.hubiao-ctr .hubiao-item:nth-child(1) {
    width:860px;
    height: 420px;
    margin-bottom: 50px;
    text-align: right;
}

.hubiao-ctr .hubiao-item:nth-child(1) .hubiao-item-ctr{
    display: inline-block;
    text-align: left;
    width: 440px;
    padding-right: 30px;
}


.hubiao-ctr .hubiao-item:nth-child(2) {
    width:420px;
    height: 420px;
    margin-bottom: 50px;
}

.hubiao-ctr .hubiao-item:nth-child(2n+1){
    margin-right: 20px;
}

.hubiao-ctr .hubiao-item .hubiao-item-header{
    margin:40px 10px 0 40px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E6E6E6;
}

.hubiao-ctr .hubiao-item .hubiao-item-header h4{
    color:#F1771E;
    font-size: 22px;
    width: 420px;
}

.hubiao-ctr .hubiao-item .hubiao-item-header .desc{
    color:#333;
    font-size: 20px;
}

.hubiao-ctr .hubiao-item ul{
    padding-top: 50px;
    margin-left: 56px; 
}

.hubiao-ctr .hubiao-item ul li{
    font-size: 14px;
    color:#333;
    list-style: disc;
    margin-bottom: 10px;
}
.hubiao-ctr .hubiao-item ul li:last-child{
    margin-bottom: 0;
}

.hubiao-ctr .hubiao-item img{
    position: absolute;
    right: 0;
    bottom:30px;
    width: 279px;
}


.hubiao-ctr .hubiao-item:nth-child(3) img{
    position: absolute;
    width: 192px;
    bottom: 60px;
    right: 60px;
}

.hubiao-ctr .hubiao-item:nth-child(4) img{
    position: absolute;
    width: 192px;
    bottom: 30px;
    right: 60px;
}

.hubiao-ctr .hubiao-item:nth-child(5) img{
    position: absolute;
    width: 182px;
    bottom: 35px;
    right: 60px;
}

.hubiao-ctr .hubiao-item:nth-child(6) img{
    position: absolute;
    width: 292px;
    bottom: -10px;
    right: 30px;
}

.hubiao-ctr .hubiao-item:nth-child(7) img{
    position: absolute;
    width: 232px;
    bottom: 20px;
    right: 40px;
}

.hubiao-ctr .hubiao-item:nth-child(8) img{
    position: absolute;
    width: 262px;
    bottom: 0;
    right: 40px;
}
.hubiao-ctr.znhb .hubiao-item {
    margin-top:50px;
}

.hubiao-ctr.znhb .hubiao-item:nth-child(1), .hubiao-ctr.znhb .hubiao-item:nth-child(2),
.hubiao-ctr.znhb .hubiao-item:nth-child(3), .hubiao-ctr.znhb .hubiao-item:nth-child(4) {
    margin-top:0;
}

.hubiao-ctr.yaoce .hubiao-item:nth-child(4) img{
    position: absolute;
    width: 186px;
    bottom: 30px;
    right: 40px;
}

.hubiao-ctr.yaoce .hubiao-item:nth-child(3) img{
    width: 167px;
    bottom: 30px;
    right: 40px;
}



.hubiao-ctr .hubiao-item:nth-child(2) img{
    position: absolute;
    width: 164px;
    bottom: 30px;
    right: 30px;
}



.hubiao-ctr.yaoce .hubiao-item:nth-child(2) img{
    position: absolute;
    width: 171px;
    bottom: 30px;
    right: 30px;
}

.hubiao-ctr .hubiao-item:nth-child(1) img{
    position: absolute;
    width: 248px;
    bottom: 100px;
    right:inherit;
    left: 50px;
}


.hubiao-ctr.yaoce .hubiao-item:nth-child(1) img{
    width: 250px;
    bottom: 30px;
}

.hubiao-ctr .hubiao-item a{
    background: url(/hdsite/images/product_hard_4.png) no-repeat left center;
    padding-left: 30px;
    font-size: 14px;
    position: absolute;
    bottom: 40px;
    right: 70px;
    color: #0054C9;
}
.hubiao-ctr.paishui .hubiao-item:nth-child(1) img{
    position: absolute;
    width: 259px;
    bottom: 90px;
    right:inherit;
    left: 40px;
}

.hubiao-ctr.paishui .hubiao-item:nth-child(2) img{
    width: 75px;
    bottom: 30px;
    right: 0px;
}

.hubiao-ctr.paishui .hubiao-item:nth-child(2) .hubiao-item-ctr{
    width: 340px;
}


.hubiao-ctr.paishui .hubiao-item:nth-child(3) img{
    width: 189px;
    bottom: 20px;
    right: 40px;
}

.hubiao-ctr.paishui .hubiao-item:nth-child(4) img{
    width: 249px;
    bottom: 30px;
    right: 30px;
}

.hubiao-ctr.paishui .hubiao-item:nth-child(4) .hubiao-item-ctr{
    width: 420px;
}
.about-us-wrap .about-us-main{
    padding: 90px 0;
}
.about-us-wrap .about-us-main .left-ctr{
    float: left;
}

.about-us-wrap .about-us-main .left-ctr img{
    display: block;
    width: 650px;
}

.about-us-wrap .about-us-main .right-ctr{
    float: right;
    width: 588px;
    
}

.about-us-wrap .about-us-main .right-ctr h2{
    font-size: 56px;
    color: #333333;
    font-weight: bold;
    margin: -16px 0 -10px;
}

.about-us-wrap .about-us-main .right-ctr p{
    color:#0054D1;
    font-size: 28px;
}

.about-us-wrap .about-us-main .right-ctr section{
    font-size: 14px;
    color: #333;
    line-height: 32px;
    margin: 10px 0 30px;
}

.about-us-wrap .about-us-main .right-ctr h4{
    font-size: 20px;
    color: #000;
}

.about-us-wrap .about-us-main .right-ctr ul li{
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    padding-left: 24px;
    background: url(/hdsite/images/about_us_point.png) no-repeat left center;
    background-size: 11px;
    
}


.about-us-wrap  .about-us-list{
    padding-bottom: 90px;
}
.about-us-wrap  .about-us-list ul li{
    width: 25%;
    float: left;
    border: 1px solid #ECECEC;
    border-right: 0;
    height: 150px;
    box-sizing: border-box;
}

.about-us-wrap  .about-us-list ul li:last-child{
    border-right: 1px solid #ECECEC;
}

.about-us-wrap  .about-us-list ul li:nth-child(1) {
    background: url(/hdsite/images/about_us_list_01.png) no-repeat 34px center;
    background-size: 82px;
}

.about-us-wrap  .about-us-list ul li:nth-child(2) {
    background: url(/hdsite/images/about_us_list_02.png) no-repeat 34px center;
    background-size: 82px;
}

.about-us-wrap  .about-us-list ul li:nth-child(3) {
    background: url(/hdsite/images/about_us_list_03.png) no-repeat 34px center;
    background-size: 82px;
}

.about-us-wrap  .about-us-list ul li:nth-child(4) {
    background: url(/hdsite/images/about_us_list_04.png) no-repeat 34px center;
    background-size: 82px;
}




.about-us-wrap  .about-us-list ul li h4{
    color:#000;
    font-size: 28px;
    padding:37px 0 0 128px;
}

.about-us-wrap  .about-us-list ul li p{
    color:#666;
    font-size: 20px;
    padding:0 0 0 128px;
}

.about-us-wrap .about-us-kggs{
    background: #F9FAFC url(../images/about_us_bg.png) no-repeat 80% 240px;
    background-size: 652px;
    padding: 66px 0 140px;
}

.about-us-wrap .about-us-kggs h2{
    color:#000;
    font-size: 36px;
    padding-bottom: 50px;
    text-align: center;
}

.about-swiper-tab-wrap .tabs-wrap{
    margin-bottom: 60px;
}

.about-swiper-tab-wrap .tabs-wrap .tab-item{
    width:420px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;
    margin-right: 20px;
    background-color: #E8EBEE;
    font-size: 20px;
    color:#333333;
    cursor: pointer;
}

.about-swiper-tab-wrap .tabs-wrap .tab-item.active{
    color:#fff;
    background-color: #0054D1;
}

.about-swiper-tab-wrap .tabs-wrap .tab-item:last-child{
    margin-right: 0
}


.about-swiper-tab-wrap .swiper-slide img{
    display: block;
    width: 900px;
}

.about-swiper-tab-wrap .swiper-slide{
    padding-bottom: 60px;
}

.about-swiper-tab-wrap .swiper-slide .kgks-desc{
    position: absolute;
    top: 164px;
    right: 10px;
    width: 710px;
    height: 330px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    box-sizing: border-box;
    padding:36px 40px 0 60px;
}

.about-swiper-tab-wrap .swiper-slide .kgks-desc .gs-name{
    color:#000;
    font-size: 28px;
}

.about-swiper-tab-wrap .swiper-slide .kgks-desc section{
    color: #333;
    font-size: 14px;
    line-height: 32px;
    padding-top: 16px;
    text-indent: 2em;
}




.kehu-wrap{
    padding: 50px 0 180px;
    background: url(/hdsite/images/kehu_bg.jpg) no-repeat center center;
    background-size: cover;
}

.kehu-wrap .title{
    text-align: center;
    color: #000;
    font-size: 36px;
    line-height: 52px;
    font-weight: normal;
    margin-bottom: 50px;
}

.kehu-wrap .kehu-slide{
    background-color: #fff;
    padding:30px;
    box-sizing: border-box;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
    margin:16px;
}


.kehu-wrap .kehu-slide ul li{
    color: #333;
    font-size: 16px;
    float: left;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 16px;
    
}

.kehu-wrap .kehu-slide ul li span{
    display: inline-block;
    vertical-align: middle;
}

.kehu-wrap .kehu-slide ul li span:first-child{
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 6px;
}



.search-content-wrap{
    padding:70px 0 100px;
    background: #F9FAFC url(/hdsite/images/product_hard_3.png) no-repeat center bottom;
    background-size: cover;
}

.search-content-wrap .search-ctr{
    margin-left: 67px;
    height: 48px;

}

.search-content-wrap .search-ctr input{
    appearance: none;
    -webkit-appearance: none;
    height: 100%;
    outline: none;
    border: 0;
    background-color:#fff;
    display: block;
    width: 564px;
    float: left;
    box-sizing: border-box;
    padding: 0 30px;
    color: #999;
}

.search-content-wrap .search-ctr .search-btn{
    display: block;
    height: 100%;
    line-height: 48px;
    text-align: center;
    background-color: #F1771E;
    color:#fff;
    font-size: 14px;
    width: 90px;
    cursor: pointer;
    float: left;
}

.search-content-wrap .seacrh-huizong-num{
    margin-left: 67px;
    margin-top: 40px;
}

.search-content-wrap .seacrh-huizong-num .huizong-item{
    float: left;
    margin-right: 32px;
    padding-bottom: 20px;
    margin-bottom: 4px;
    cursor: pointer;
}

.search-content-wrap .seacrh-huizong-num .huizong-item.active{
    border-bottom: 4px solid #F1771E;
}

.search-content-wrap .search-list{
    background-color: #fff;
    padding:30px 70px;
}

.search-content-wrap .search-list .search-item{
    padding:40px 0;
    border-bottom: 1px dashed #999;
}

.search-content-wrap .search-list .search-item:last-child{
    border-bottom: 0;
}

.search-content-wrap .search-list .search-item .title{
    font-size: 16px;
    line-height: 18px;
}

.search-content-wrap .search-list .search-item section{
    font-size: 14px;
    line-height: 22px;
    margin: 14px 0 8px;
}

.search-content-wrap .search-list .search-item  .dibu{
    font-size: 14px;
    color: #999;
    line-height: 22px;
    margin-top: 14px;
}<!--0.00012302398681641-->