/* body{font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} */
.product-banner{
    width:100%;
    height:auto;
    height:420px;
}
.product-banner h2{
    font-size:48px;
    /* line-height:44px; */
    font-weight:bold;
    margin:0 auto;
    color:#fff;
    width:1120px;
    display:block;
    letter-spacing: 5px;
    padding-top:150px;
}
.product-banner.bn03{
    background:url(../images/prod-banner3.jpg) no-repeat center top;
}
.product-banner.bn02{
    background:url(../images/prod-banner2.jpg) no-repeat center top;
}
.product-banner.bn01{
    background:url(../images/prod-banner1.jpg) no-repeat center top;
}
.product-banner.bn04{
    background:url(../images/prod-banner4.jpg) no-repeat center top;
}
.product-banner.bn05{
    background:url(../images/prod-banner5.jpg) no-repeat center top;
}
.product-banner.bn-list{
    height:360px;
    background:url(../images/banner-list.jpg) no-repeat center top;
}


.product-banner img{
    width:100%;
    height:auto;
    display:block;
}
.product-page-wrapper{
    width:1360px;
    margin:100px auto;
}



.product-list-wrapper{
    margin:80px auto;
    width:1360px;
}

.product-content-nav{
    width:220px;
    float:left;
}
.product-content-nav .item{
    width:220px;
    height:44px;
    margin-bottom:10px;
    text-indent:20px;
    font-size:22px;
    line-height:44px;
    background:#e1eef7;
    color:#17171f;
}
.product-content-nav .item:nth-last-child(1){
    margin-bottom:0;
}
.product-content-nav .item a{
    color:#17171f;
    width:100%;
    height:auto;
    display:block;
}

.product-content-nav .item.cur a{
    background:#bc2b30;
    color:#fff!important;
}

.product-content{
    float:right;
    width:1080px;
}

.product-content .head-wrap{
    width:1080px;
}
.product-content .head-wrap .pic{
    width:400px;
    float:left;
}
.product-content .head-wrap .pic .pic-body{
    width:400px;
    height:400px;
    overflow:hidden;
}
.product-content .head-wrap .pic .pic-body .item{
    width:400px;
    height:400px;
    display:none;
}
.product-content .head-wrap .pic .pic-body .item.cur{
    display:block;
}
.product-content .head-wrap .pic .pic-tit{
    width:400px;
    height:100px;
    margin-top:10px;
}
.product-content .head-wrap .pic .pic-tit .item{
    width:95px;
    float:left;
    margin-left:10px;
}
.product-content .head-wrap .pic .pic-tit .item.cur{
    border:2px solid #bc2b30;
}
.product-content .head-wrap .pic .pic-tit .item:nth-child(1){
    margin-left:0;
}
.product-content .head-wrap .pic .pic-tit .item img{
    width:95px;
    height:95px;
    display:block;
}
.product-content .head-wrap .wraps{
    width:650px;
    float:right;
}
.product-content .head-wrap .wraps h2{
    font-size:32px;
    line-height:44px;
    padding-bottom:15px;
    font-weight:bold;
}
.product-content .head-wrap .desc{
    padding:20px 0;
    border-top:2px solid #17171f;
    border-bottom:2px solid #17171f;
}
.product-content .head-wrap .desc h3{
    font-weight:bold;
    font-size:22px;
}
.product-content .head-wrap .desc p{
    font-size:18px;
    line-height:1.8;
    padding:10px 0;
}
.product-content .head-wrap .code{
    margin-top:20px;
}
.product-content .head-wrap .code dl{
    width:41px;
    height:41px;
    float:left;
    margin-right:20px;
    position: relative;
}
.product-content .head-wrap .code dt{
    width:41px;
    height:41px;

}
.product-content .head-wrap .code  dt img{
    display:block;
    width:41px;
    height:41px;
}
.product-content .head-wrap .code dd{
    position: absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    display:none;
    z-index: 999;
}
.product-content .head-wrap .code dd.cur{
    display:block;
}



.product-content .desc-wrap{
    margin-top:50px;
    width:1080px;
}
.product-content .desc-wrap img{
    width:1080px;
    height:auto;
    display:block;
}


.product-banner.bn07{
    height:720px;
    background:url(../images/banner7.jpg) no-repeat center top;
}

/* customize */
.cust-banner{
    width:100%;
    height:500px;
    background:url(../images/cust-banner.jpg) no-repeat center top;
    /* cursor: pointer; */
    transition: .4s font-size ease-in-out;
}

.cust-banner .banner-text{
    width:1100px;
    color:#fff;
    margin:0 auto;
    font-size:36px;
    padding-top:240px;
    line-height:1;
    letter-spacing: 1px;
    font-size:42px;
    letter-spacing: 2px;
    transition: .4s font-size ease-in-out;
}
.cust-banner:hover .banner-text{
    font-size:48px;
    letter-spacing: 3px;
}

.cust-wrapper{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}


.cust-about{
    padding:100px 0;
}
.cust-about .cust-about-tit{
    width:100%;
    color:#06c;
}
.cust-about .cust-about-tit h2{
    font-size:36px;
    line-height:44px;
    font-weight:bold;
}
.cust-about .cust-about-tit p{
    font-size:14px;
    line-height:33px;
    text-transform: uppercase;
}
.cust-about .cust-about-wrapper{
    width:100%;
    margin-top:50px;
}
.cust-about .cust-about-wrapper .pic-item{
    float:left;
    position:relative;
}
.cust-about .cust-about-wrapper .pic-item img{
    width:100%;
    height:100%;
    display:block;
}

.cust-about .cust-about-wrapper .pos1{
    width:515px;
    height:578px;
    float:left;
}
.cust-about .cust-about-wrapper .pos1 .pic-desc{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:144px;
    background:rgba(0,0,0,0.5);
    color:#fff;

    padding:20px 30px;
    box-sizing: border-box;
}
.cust-about .cust-about-wrapper .pic-item h3{
    font-size:24px;
    line-height:36px;
    color:rgba(255,255,255,0.8);
    /* font-weight:bold; */
    letter-spacing: 2px;
}
.cust-about .cust-about-wrapper .pic-item p{
    font-size:18px;
    color:rgba(255,255,255,0.8);
    letter-spacing: 1px;
    line-height:30px;
}

.cust-about .about-rightwrap{
    height:578px;
    width:676px;
    float:right;
}
.cust-about .cust-about-wrapper .pos2{
    width:335px;
    height:286px;
    margin-right:6px;
}
.cust-about .cust-about-wrapper .pos2 .pic-desc{
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    left:0;
    width:335px;
    height:285px;
    box-sizing: border-box;
    padding:166px 30px 0;
}

.cust-about .cust-about-wrapper .pos3{
    width:335px;
    height:286px;
}
.cust-about .cust-about-wrapper .pos3 .pic-desc{
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    left:0;
    width:335px;
    height:285px;
    box-sizing: border-box;
    padding:166px 30px 0;
}

.cust-about .cust-about-wrapper .pos4{
    width:387px;
    height:286px;
    margin:6px 6px 0 0;
}
.cust-about .cust-about-wrapper .pos4 .pic-desc{
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    left:0;
    width:387px;
    height:286px;
    box-sizing: border-box;
    padding:166px 30px 0;
}

.cust-about .cust-about-wrapper .pos5{
    width:283;
    height:286px;
    margin-top:6px;
}
.cust-about .cust-about-wrapper .pos5 .pic-desc{
    background:rgba(0,0,0,0.5);
    position:absolute;
    bottom:0;
    left:0;
    width:283px;
    height:286px;
    box-sizing: border-box;
    padding:166px 30px 0;
}



.cust-about .cust-about-wrapper .smalldesc{
    background:rgba(0,0,0,0.5);
    transition:.4s all;
}
.cust-about .cust-about-wrapper .smalldesc:hover{
    background:rgba(0,102,206,0.5);
}





.cust-tech{
    width:100%;
    height:500px;
    background:#f8f8f8 url(../images/cust-tech-bg.jpg) no-repeat center;
    padding:120px 0;
}

.cust-tech .cust-tech-tit{
    width:100%;
    color:#06c;
}
.cust-tech .cust-tech-tit h2{
    font-size:36px;
    line-height:44px;
    font-weight:bold;
}
.cust-tech .cust-tech-tit p{
    font-size:14px;
    line-height:33px;
    text-transform: uppercase;
}
.cust-tech .cust-tech-wrap{
    margin-top:50px;
}
.cust-tech .cust-tech-wrap .item{
    width:380px;
    float:left;
    margin-left:30px;
}
.cust-tech .cust-tech-wrap .item:nth-child(1){
    margin-left:0;
}
.cust-tech .cust-tech-wrap .item .pic{
    width:380px;
}
.cust-tech .cust-tech-wrap .item .pic img{
    width:380px;
    height:auto;
    display:block;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border:1px solid #06c;
    box-sizing: border-box;
    border-radius:13px;
}
.cust-tech .cust-tech-wrap .item .desc{
    margin-top:20px;
    text-align:center;
}
.cust-tech .cust-tech-wrap .item .desc h3{
    font-size:24px;
    letter-spacing: 1px;
}
.cust-tech .cust-tech-wrap .item .desc p{
    font-size:18px;
    line-height:1.8;
    letter-spacing: 1px;
}


.cust-coop{
    background: url(../images/cust-coop-bg.jpg) no-repeat center top;
    padding-top:100px;
}
.cust-coop .cust-coop-tit{
    width:100%;
    color:#fff;
}
.cust-coop .cust-coop-tit h2{
    font-size:36px;
    line-height:44px;
    font-weight:bold;
}
.cust-coop .cust-coop-tit p{
    font-size:14px;
    line-height:33px;
    text-transform: uppercase;
}

.cust-coop-wrap{
    width:100%;
    margin-top:60px;
    height:500px;
}
.cust-coop-wrap .title{
    width:256px;
    height:48px;
    line-height:48px;
    text-align:center;
    background:#fff;
    border-radius:24px;
    color:#06c;
    font-size:24px;
    margin:0 auto 30px;
}

.cust-coop-wrap .odm-wrap{
    width:505px;
    float:left;
}

.cust-coop-wrap p{
    font-size:18px;
    line-height:30px;
    letter-spacing: 1px;
    color:#fff;
    margin-top:15px;
}


.cust-coop-wrap .uni-wrap{
    width:505px;
    margin-left:80px;
    padding-left:80px;
    border-left:1px dotted #fff;
    float:left;
}

.cust-coop-wrap .process{
    width:100%;
    height:56px;
    display:flex;
    justify-content: space-between;

}
.cust-coop-wrap .process .item{
    padding:8px;
    width:56px;
    height:56px;
    font-size:18px;
    box-sizing: border-box;
    text-align:center;
    background:#fff;
    line-height:20px;
    float:left;
    color:#06c;
    border-radius: 10px;
    position:relative;
}
.cust-coop-wrap .process .item::after{
    content:'';
    position:absolute;
    top:14px;
    right:-38px;
    width:25px;
    height:25px;
    background:url(../images/cust-arrow.png) no-repeat center;
}
.cust-coop-wrap .process .item:nth-last-child(1)::after{
    background:none;
}


.cust-slide-wrapper{
    width:100%;
    min-height: 600px;
    box-sizing: border-box;
}

.cust-slide-wrapper .slide-wrap{
    width:100%;
    min-height: 600px;
    display:flex;
    justify-content: space-between;
}
.cust-slide-wrapper .slide-wrap .item{
    height:600px;
    width:19%;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.cust-slide-wrapper .slide-wrap .item:nth-child(1){
    width:24%;
}
.cust-slide-wrapper .slide-wrap .item .pic-desc{
    position:absolute;
    top:50px;
    left:20px;
    height:60px;
    color:#fff;

    z-index:10;
}
.cust-slide-wrapper .slide-wrap .item .pic-desc h3{
    font-size:24px;
}
.cust-slide-wrapper .slide-wrap .item .pic-desc p{
    font-size:16px;
}

.cust-slide-wrapper .slide-wrap .item:nth-child(2n) .pic-desc{
    bottom:50px;
    top:auto;
}




.cust-case{
    width:100%;
}

.cust-case .cust-case-title{
    width:100%;
    height:48px;
    line-height:48px;
    padding:80px 0 50px;
    background:-webkit-linear-gradient(left, #2077fa, #023989);  
}
.cust-case .cust-case-title h2{
    width:1200px;
    margin:0 auto;
    line-height:48px;
    padding-left:40px;
    border-left:3px solid #fff;
    letter-spacing: 2px;
    color:#fff;
    font-size:48px;
    font-weight: bold;
    
}
.cust-case .cust-case-title span{
    font-style: italic;
    color:#fdd200;
}
.cust-case-container{
    width:1360px;
    height:620px;
    background:url(../images/cust-case-bg.jpg) no-repeat center;
    margin:70px auto;
}