.com-tit{padding-top:120px;padding-bottom:60px;}
.com-tit h2 b{font-size:40px;line-height:40px;font-weight: bold;display: block;margin-right: 20px;}
.com-tit h2 span{font-size: 16px;line-height:20px;font-weight: normal;color: #bcbcbc;text-transform: uppercase;}
.com-tit .more-c{display: block;width:90px;line-height:38px;font-size:16px;background:#204f7d;color:#fff;text-transform: uppercase;text-align: center;}
.com-tit .col-fff{color:#fff;}
.com-tit .more-c:hover{background:#c29056;}

/* 产品中心 */
.pro-type {width: 100%;background: #f0f1f5;padding-bottom: 4px;overflow: hidden;}
.pro-type .pro-ul:first-child{border-bottom:1px dashed #e1e2e6;}
.pro-type .pro-ul div{border-left:1px dashed #e1e2e6;}
.pro-type .pro-ul li {width: 25%;height:150px;border-right:1px dashed #e1e2e6;box-sizing: border-box;padding:55px 75px;}
.pro-type li h3 {font-size:18px;line-height: 18px;margin-bottom: 3px;}
.pro-type li p {color:#999999;font-size: 12px;text-transform: uppercase;}
.pro-type li:hover h3,.pro-type li:hover p{color:#c29056;}
.pro-type li .m-icon{display:block;width:7px;height:8px;background:url(../images/m-icon.png)no-repeat center;background-size:cover;}
.pro-type li:hover .m-icon{background:url(../images/mon-icon.png)no-repeat center;background-size:cover;}
.pro-type li:before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-icon1.png)no-repeat center;}

.pro-type li:nth-child(2):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-icon2.png)no-repeat center;}

.pro-type li:nth-child(3):before {content: '';display: block;float: left;width: 57px;height: 40px;
    background: url(../images/pro-icon3.png)no-repeat center;}

.pro-type li:nth-child(4):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-icon4.png)no-repeat center;}

.pro-type .pro-ul:last-child li:nth-child(1):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-icon5.png)no-repeat center;}

.pro-type .pro-ul:last-child li:nth-child(2):before  {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-icon6.png)no-repeat center;}

.pro-type .pro-ul:last-child li:nth-child(3):before  {content: '';display: block;float: left;width: 54px;height: 40px;
    background: url(../images/pro-icon7.png)no-repeat center;}

.pro-type .pro-ul:last-child li:nth-child(4):before {content: '';display: block;float: left;width: 54px;height: 40px;
    background: url(../images/pro-icon8.png)no-repeat center;}


.pro-type li:hover:nth-child(1):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-iconon1.png)no-repeat center;}

.pro-type li:hover:nth-child(2):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-iconon2.png)no-repeat center;}

.pro-type li:hover:nth-child(3):before {content: '';display: block;float: left;width: 57px;height: 40px;
    background: url(../images/pro-iconon3.png)no-repeat center;}

.pro-type li:hover:nth-child(4):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-iconon4.png)no-repeat center;}

.pro-type .pro-ul:last-child li:hover:nth-child(1):before {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-iconon5.png)no-repeat center;}

.pro-type .pro-ul:last-child li:hover:nth-child(2):before  {content: '';display: block;float: left;width: 53px;height: 40px;
    background: url(../images/pro-iconon6.png)no-repeat center;}

.pro-type .pro-ul:last-child li:hover:nth-child(3):before  {content: '';display: block;float: left;width: 54px;height: 40px;
    background: url(../images/pro-iconon7.png)no-repeat center;}

.pro-type .pro-ul:last-child li:hover:nth-child(4):before {content: '';display: block;float: left;width: 54px;height: 40px;
    background: url(../images/pro-iconon8.png)no-repeat center;} 




/* 整装定制 */
#in-dingzhi .dingzhi-qh{margin-bottom:120px;position: relative;}
#in-dingzhi .dingzhi-qh .dz-hd .arrow{position: absolute;right: 0;top:-98px;}
#in-dingzhi .dingzhi-qh .dz-hd .arrow a{background:#204f7d;display: inline-block;width:70px;height:38px;text-align: center;    padding-top: 6px;
    box-sizing: border-box;cursor: pointer;}
#in-dingzhi .dingzhi-qh .dz-hd .arrow a:hover{background:#c29056;}
#in-dingzhi .dingzhi-qh .dz-hd .arrow a.next{margin-right:20px;}
#in-dingzhi .dingzhi-qh .dz-hd ul{margin-bottom:50px;}
#in-dingzhi .dingzhi-qh .dz-hd li{width:175px;line-height:50px;font-size:20px;text-align: center;height:50px;}
#in-dingzhi .dingzhi-qh .dz-hd li:after{content:'';display: block;width:19px;height:0px;background:url(../images/dz-icon.png)no-repeat center;
background-size:cover;transform: height 0.6s;margin:0 auto;}
#in-dingzhi .dingzhi-qh .dz-hd li.on,#in-dingzhi .dingzhi-qh .dz-hd li:hover{background:#c29056;font-weight: bold;}
#in-dingzhi .dingzhi-qh .dz-hd li.on a,#in-dingzhi .dingzhi-qh .dz-hd li:hover a{color:#fff;}
#in-dingzhi .dingzhi-qh .dz-hd li.on:after,#in-dingzhi .dingzhi-qh .dz-hd li:hover:after{height:9px;}

#in-dingzhi .dingzhi-qh .dz-bd li:hover img{transform: scale(1.2);}
#in-dingzhi .dingzhi-qh .dz-bd li .dbzd-img{width:950px;height:534px;overflow: hidden;}
#in-dingzhi .dingzhi-qh .dz-bd li .dbzd-img img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
#in-dingzhi .dingzhi-qh .dz-bd li .dbzd-fr{width:430px;}
#in-dingzhi .dingzhi-qh .dz-bd li .dbzd-fr .zd-pimg{width:100%;height:242px;overflow: hidden;}
#in-dingzhi .dingzhi-qh .dz-bd li .dbzd-fr img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
#in-dingzhi .dingzhi-qh .dz-bd li .zd-div{box-sizing: border-box;padding-left:60px;margin-bottom:10px;}
#in-dingzhi .dingzhi-qh .dz-bd li .zd-div h3{font-size:30px;line-height:30px;color:#c29056;font-weight: bold;}
#in-dingzhi .dingzhi-qh .dz-bd li .zd-div h3:after{content:'';display: block;width:60px;height:2px;background:#c29056;margin-top:30px;margin-bottom:20px;}
#in-dingzhi .dingzhi-qh .dz-bd li .zd-div .zddiv-info p{font-size:20px;line-height:32px;}


/* 核心产品 */
#in-hexin{width:100%;background:url(../images/hx-back.jpg)no-repeat center;height:750px;background-size:cover;/*background-attachment:fixed;*/}
#in-hexin #hexin-qh{position: relative;}
#in-hexin #hexin-qh .prev,#in-hexin #hexin-qh .next{display: block;width:38px;height:100px;position:absolute;top:80px;}
#in-hexin #hexin-qh .prev{left:-100px;}
#in-hexin #hexin-qh .next{right:-100px;}
#in-hexin #hexin-qh .hx-bd li{position: relative;}
#in-hexin #hexin-qh .hx-bd li .hx-img{width:550px;position: absolute;right: 0;top: -170px;}
#in-hexin #hexin-qh .hx-bd li .hx-img img{width:100%;}
#in-hexin #hexin-qh .hx-bd li .hx-div{width:710px;color:#fff;}
#in-hexin #hexin-qh .hx-bd li .hx-div h3{font-size:36px;line-height:36px;font-weight: bold;}
#in-hexin #hexin-qh .hx-bd li .hx-div h4{font-size:24px;line-height:24px;margin:25px auto;margin-bottom:40px;}
#in-hexin #hexin-qh .hx-bd li .hx-div p.desc{font-size:16px;line-height:32px;}

.hx-more{display: block;margin-top:80px;width:190px;height:46px;background:#c29056;text-align: center;line-height:46px;
font-size:16px;color:#fff;transition:width 0.6s;border-radius:46px;}
.hx-more:after{content:'';display:inline-block;width:13px;height:12px;background:url(../images/hx-more.png)no-repeat center;
background-size:cover;margin-left:10px;}
.hx-more:hover{width:200px;color: #fff;}


/* 服务中心 */
#in-fuwu{margin-bottom: 60px;}
#in-fuwu .fuwu-list li{width:680px;margin-bottom:10px;}
#in-fuwu .fuwu-list li .img{position: relative;}
#in-fuwu .fuwu-list li .img .img-s{width:100%;height:310px;overflow:hidden;}
#in-fuwu .fuwu-list li .img .img-s img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
#in-fuwu .fuwu-list li:hover .img .img-s img{transform: scale(1.2);}
#in-fuwu .fuwu-list li .tits{width:100%;text-align: center;position: absolute;top:85px;left:0;right:0;margin:0 auto;z-index:99;box-sizing:border-box;padding:0px 30px;}
#in-fuwu .fuwu-list li .tits i{display: block;width:90px;margin:0 auto;margin-bottom:15px;}
#in-fuwu .fuwu-list li .tits i img{width:100%;}
#in-fuwu .fuwu-list li .tits h3{font-weight: bold;font-size: 28px;color:#fff;}
#in-fuwu .fuwu-list li .desc{font-size:18px;line-height:18px;text-align: center;margin:30px auto;}


/* 公司简介 */
.col-c2{color:#c29056;}
.in-about{width:100%;background: linear-gradient(to bottom, #f3f4f8 0%, #f3f4f8 85%, #ffffff 85%, #ffffff 100%);}
.in-about .about-info .ab-img{width:650px;height:370px;overflow: hidden;margin-left:70px;}
.in-about .about-info .ab-img img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
.in-about .about-info .ab-img:hover img{transform: scale(1.2);}
.in-about .about-info .abinfo-tit{flex:1;}
.in-about .about-info .abinfo-tit h3{font-size:36px;line-height:46px;font-weight:bold;margin-bottom:25px;}
.in-about .about-info .abinfo-tit .abinfo-text p{font-size:16px;line-height:30px;margin-bottom:6px;}
.in-about .about-uls{margin-top:75px;}
.in-about .about-uls li{width:290px;height:245px;position: relative;}
.b-img{display: none;}
.fz{animation:fanzhaun 2s forwards;}
@keyframes fanzhaun {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
}

/* 新闻资讯 */
#in-news{padding-bottom:60px;}
#in-news .news-left{width:670px;height:510px;background:#f5f5f5;box-sizing: border-box;padding:50px;}
#in-news .news-left h3{font-size:30px;line-height:34px;font-weight: bold;width: 80%;}
#in-news .news-left:hover h3{color:#c29056;}
#in-news .news-left .news-tit .icon-more{display: block;width:25px;height:12px;background:url(../images/hui-icon.png)no-repeat center;}
#in-news .news-left:hover .news-tit .icon-more{background:url(../images/blue-icon.png)no-repeat center;}
#in-news .news-left .news-img{width:100%;height:284px;overflow: hidden;}
#in-news .news-left .news-img img{width:100%;height:100%;transition:all 0.6s;}
#in-news .news-left:hover .news-img img{transform:scale(1.2);}
#in-news .news-left .news-time{color:#999999;font-size:16px;line-height:16px;margin-top:15px;margin-bottom:30px;}
#in-news .news-right{width:670px;}
#in-news .news-right li{border-top:1px solid #e6e6e6;padding:35px 0px;font-size:16px;}
#in-news .news-right li .div-tit{margin-bottom:20px;}
#in-news .news-right li .div-tit h3:before{content:'';display:inline-block;width:10px;height:10px;background:#d2d2d2;border-radius:50%;
margin-right:35px;}
#in-news .news-right li .div-tit h3{font-size:22px;line-height:22px;width: 80%;}
#in-news .news-right li .div-tit span{color:#999999;}
#in-news .news-right li .news-info{padding-left:40px;}
#in-news .news-right li .news-info .desc{font-size:16px;line-height:28px;width:80%;}
#in-news .news-right li .news-info .icon-more{display: block;width:25px;height:12px;background:url(../images/hui-icon.png)no-repeat center;}
#in-news .news-right li:hover a{color:#c29056;}
#in-news .news-right li:hover .news-info .icon-more{background:url(../images/blue-icon.png)no-repeat center;}
#in-news .news-right li:last-child{border-bottom:1px solid #e6e6e6;}
