/* 公共标题 */
.com-tit{padding:70px 0px;padding-top:100px;}
.com-tit h2{font-size:36px;line-height:36px;}
.com-tit .tit-more{font-size:18px;line-height:18px;}
.com-tit .tit-more i{display:inline-block;width:25px;height:25px;background:url(../images/icon-mores.png)no-repeat center;
background-size:cover;margin-left:10px;}
.com-tit .tit-more:hover{color:#b3292f;}
.com-tit .tit-more:hover i{background:url(../images/icon-onmores.png)no-repeat center;background-size:cover;}

/* 核心科技 */
#hx-kj{padding-bottom:80px;}
#hx-kj .kj-list .kj-hd{border-top:1px solid #dcdcdc;height:80px;box-sizing: border-box;padding:30px 0px;}
#hx-kj .kj-list .kj-hd li{font-size:20px;line-height:20px;color:#909090;text-align: center;width: 33.33%;cursor: pointer;}
#hx-kj .kj-list .kj-hd li i{display: inline-block;margin-right:30px;}
#hx-kj .kj-list .kj-hd li:before{content:'';display:block;width:0%;height:3px;background:#b3292f;margin-top: -32px;margin-bottom: 30px;transition:width 3s;}
#hx-kj .kj-list .kj-hd li.on{color:#b3292f;font-weight: bold;}
#hx-kj .kj-list .kj-hd li.on:before{width:100%;}

.kj-list .kj-bd .kj-info{width:600px;}
.kj-list .kj-bd .kj-info h3{font-size:40px;line-height:40px;font-weight: bold;color:#b3292f;margin-bottom:15px;margin-top:55px;}
.kj-list .kj-bd .kj-info span{font-size:16px;line-height:16px;color:#d2d2d2;text-transform: uppercase;}
.kj-list .kj-bd .kj-info p.desc{font-size:16px;line-height:32px;margin:40px 0px;}
.kj-list .kj-bd .kj-info .mores{width:170px;display: block;height:44px;border-radius:44px;border:1px solid #b3292f;font-size:16px;text-align: center;
line-height:44px;color:#b3292f; transition:width 0.6s;}
.kj-list .kj-bd .kj-info .mores:hover{width:200px;background:#b3292f;color:#fff;}
.kj-list .kj-bd .kj-img{width:740px;}
.kj-list .kj-bd .kj-img img{width:100%;}

.kj-list .kj-hd{margin-top:85px;}


/* 产品中心 */
#pro-zz{width:100%;overflow: hidden;background:#f3f4f8;padding-bottom:120px;}
#pro-zz .zz{font-size:12px;color:#b9b9b9;text-align: right;padding:8px 0px;line-height:12px;border-bottom:1px solid #b9b9b9;
margin-top:30px;}
#pro-zz #pro-list .bd li{width:100%;position: relative;height:790px;overflow: hidden;}
#pro-zz #pro-list .bd li img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
#pro-zz #pro-list .bd li:hover img{transform: scale(1.2);}
#pro-zz #pro-list .bd li .pro-div{width:100%;position: absolute;bottom:0;left:0;background-image: linear-gradient(0deg,#424242,transparent);
padding:50px 0px;text-align: center;color:#fff;}
#pro-zz #pro-list .bd li .pro-div h3{font-size:32px;line-height:32px;font-weight: bold;margin-bottom:15px;}
#pro-zz #pro-list .bd li .pro-div .desc{font-size:16px;line-height:16px;}
#pro-zz #pro-list .bd li .pro-div:hover h3,#pro-zz #pro-list li .pro-div:hover .desc{color:#fff;}
.col-fff{color:#fff;}
#pro-zz #pro-list .hd{margin-bottom: 40px;}
#pro-zz #pro-list .hd li{width:16.666%;height:165px;box-sizing: border-box;padding-top:45px;text-align: center;font-size:16px;
line-height:16px;border-right:1px solid #e9e9e9;border-left:1px solid #fff;}
#pro-zz #pro-list .hd li:first-child{border-left:none;}
#pro-zz #pro-list .hd li:last-child{border-right:none;}
#pro-zz #pro-list .hd li:before{content:'';display:block;margin:0 auto;margin-bottom:20px;}
#pro-zz #pro-list .hd li:nth-child(1):before{width:53px;height:40px;background:url(../images/pro-icon01.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(2):before{width:50px;height:40px;background:url(../images/pro-icon02.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(3):before{width:53px;height:40px;background:url(../images/pro-icon03.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(4):before{width:48px;height:40px;background:url(../images/pro-icon04.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(5):before{width:54px;height:40px;background:url(../images/pro-icon05.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(6):before{width:52px;height:40px;background:url(../images/pro-icon06.png)no-repeat center;
background-size:cover;}

#pro-zz #pro-list .hd li:hover,#pro-zz #pro-list .hd li.on{font-weight: bold;color:#b3292f;cursor: pointer;}
#pro-zz #pro-list .hd li:hover,#pro-zz #pro-list .hd li.on{background:#fff;box-shadow:0px 0px 4px 2px rgba(220,220,220,0.3);}
#pro-zz #pro-list .hd li:nth-child(1):hover:before,#pro-zz #pro-list .hd li:nth-child(1).on:before{width:53px;height:40px;background:url(../images/pro-hicon01.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(2):hover:before,#pro-zz #pro-list .hd li:nth-child(2).on:before{width:50px;height:40px;background:url(../images/pro-hicon02.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(3):hover:before,#pro-zz #pro-list .hd li:nth-child(3).on:before{width:53px;height:40px;background:url(../images/pro-hicon03.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(4):hover:before,#pro-zz #pro-list .hd li:nth-child(4).on:before{width:48px;height:40px;background:url(../images/pro-hicon04.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(5):hover:before,#pro-zz #pro-list .hd li:nth-child(5).on:before{width:54px;height:40px;background:url(../images/pro-hicon05.png)no-repeat center;
background-size:cover;}
#pro-zz #pro-list .hd li:nth-child(6):hover:before,#pro-zz #pro-list .hd li:nth-child(6).on:before{width:52px;height:40px;background:url(../images/pro-hicon06.png)no-repeat center;
background-size:cover;}



/* 案例展示 */
.case{width:100%;position: relative;}
.case .case-list .picList li{width:49.5%;overflow: hidden;height:710px;position: relative;}
.case .case-list .picList li img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
.case .case-list .picList li:hover img{transform: scale(1.2);}
.case .case-list .picList li .title{position: absolute;bottom:60px;left:0;text-align: center;width:100%;}
.case .case-list .picList li .title h3{font-size:32px;line-height:32px;color:#fff;margin-bottom:20px;}
.case .case-list .picList li .title span{color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:6px;}
.case .case-list .hd ul{margin:0px 200px;flex:1;padding-top:25px;}
.case .case-list .hd li{font-size:18px;line-height:36px;}
.case .case-list .hd .next,.case .case-list .hd .prev{display:block;margin-top:6px;width:37px;height:10px;cursor: pointer;}
.case .case-list .hd .next{background:url(../images/left-icon.png)no-repeat center;}
.case .case-list .hd .prev{background:url(../images/right-icon.png)no-repeat center;}
.case .case-list .hd .next:hover{background:url(../images/left-onicon.png)no-repeat center;}
.case .case-list .hd .prev:hover{background:url(../images/right-onicon.png)no-repeat center;}
.case .case-list .hd li.on a{color:#b3292f;}


/* 定制服务 */
.zhengzhuang{padding-bottom:110px;}
.zhengzhuang .fuwu-list li .fw-img{width:460px;height:660px;position: relative;overflow: hidden;}
.zhengzhuang .fuwu-list li .fw-img img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
.zhengzhuang .fuwu-list li .text-div{text-align: center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;box-sizing: border-box;padding:250px 30px;color:#fff;}
.zhengzhuang .fuwu-list li .text-div a{color:#fff;}
.zhengzhuang .fuwu-list li .text-div h3{font-size:24px;line-height:28px;width: 120px;margin:0 auto;
    height: 120px;border-radius: 50%;background: rgba(179, 41, 47, 0.85);box-sizing: border-box;padding:30px 35px;}
.zhengzhuang .fuwu-list li .text-div h4{font-size:24px;line-height:24px;font-weight: bold;color:#fff;}

.zhengzhuang .fuwu-list li .text-div .ss{position: absolute;bottom: 8%;left: 30px;right: 30px;transition: top 0.6s;}
.zhengzhuang .fuwu-list li .text-div .desc{font-size: 16px;line-height: 32px;text-align: left;margin:40px auto;display: none;}
.zhengzhuang .fuwu-list li:hover .fw-img img{transform: scale(1.2);}

/* 关于我们 */
#about-in{width: 100%;overflow: hidden;background: #f3f4f8;padding-bottom: 120px;}
#about-in .ab-infos h3{font-size:40px;font-weight: bold;line-height:40px;color:#b3292f;margin:0 auto;margin-bottom:30px;text-align: center;}
#about-in .ab-infos p.desc{width:90%;margin:0 auto;font-size:16px;line-height:32px;text-align: center;}
#about-in .ab-infos .ab-more{display: block;width:170px;height:44px;border:1px solid #b3292f;border-radius:44px;margin:50px auto;
font-size:16px;line-height:44px;color:#b3292f;text-align: center;}
#about-in .ab-infos .ab-more:hover{background:#b3292f;color:#fff;}
#about-in .ab-uls{width:100%;padding:42px 120px;background:#b3292f;box-sizing: border-box;color:#fff;}
#about-in .ab-uls li{text-align: center;}
#about-in .ab-uls li h3{font-size:60px;line-height:60px;margin-bottom:20px;}
#about-in .ab-uls li p{font-size:16px;line-height:16px;}

/* 新闻资讯 */
.p100{padding:100px 0px;}
.news{overflow: hidden;}
.news .news-tit{width:210px;margin-right:165px;padding-top:0px;position: relative;}
.news .news-tit .tit-info span{font-size:258px;line-height:258px;writing-mode: vertical-rl;position: absolute;top:0;left:0;
z-index:-1;color:#f5f5f5;text-transform: uppercase;animation: hoverIn 6s infinite;}
.news .news-list{flex:1;gap:45px;}
.news .news-list li{width:490px;}
.news .news-list li .news-img{width:100%;height:280px;overflow: hidden;}
.news .news-list li .news-img img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
.news .news-list li:hover .news-img img{transform: scale(1.2);}
.news .news-list li h3{font-size:20px;line-height:20px;margin:15px 0px;margin-top:30px;}
.news .news-list li .nesw-time{font-size:16px;line-height:16px;color:#999999;}

@keyframes outss {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes hoverIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}