/* 公共标题 */
.com-tit{padding:60px 0px;padding-bottom:80px;text-align: center;}
.com-tit h1{font-size:40px;line-height:40px;font-weight: bold;color:#c29056;}
.com-tit h2{font-size:50px;line-height:50px;color:#003f6f;}
.com-tit h2 span{display: inline-block;text-transform: uppercase;color:#e0e0e0;margin-left:10px;font-size:58px;line-height:58px;
font-weight: lighter; margin-top: 12px;}
.com-tit .more-tit{font-size:16px;line-height:46px;color:#999999;text-transform: uppercase;display: inline-block;
width:120px;border-radius:48px;border:1px solid #999999;box-sizing: border-box;text-align: center;transition: all 0.6s;}
.com-tit .more-tit:hover,.com-tit .more-tit.on{background:#003f6f;color:#fff;}

/* 建筑体系 */
.in-tixi{width:100%;background:#f5f5f5;}
.in-tixi .tixi-nav{height:87px;overflow: hidden;}
.in-tixi .tixi-nav li{width:25%;text-align: center;position:relative;}
.in-tixi .tixi-nav li b{font-size:20px;line-height:20px;}
.in-tixi .tixi-nav li span{font-size:72px;color:#e8e8e8;line-height:72px;display: block;margin-top:20px;}
.in-tixi .tixi-nav li:hover,.in-tixi .tixi-nav li.on{color:#c29056;cursor: pointer;}
.in-tixi .tixi-nav li:after{content:'';display:block;width:0%;height:4px;background:#c29056;position: absolute;bottom:0;left:0;transition:width 0.6s;}
.in-tixi .tixi-nav li:hover:after,.in-tixi .tixi-nav li.on:after{width:100%;}
.tixi-list{padding:55px 0px;width:100%;background:#fff;}
.tixi-list .back-gg{background:url(../images/tixi-back.png)no-repeat top left;height:570px;position:relative;}
.tixi-list .back-gg li{width:380px;}
.tixi-list .back-gg li.on{color:#c29056;}
.tixi-list .back-gg li.on h3 i{border:2px solid #c29056;}
.tixi-list .back-gg li h3{font-size:20px;line-height:20px;font-weight:bold;margin-bottom:20px;}
.tixi-list .back-gg li h3 i{display: inline-block;width:20px;height:20px;box-sizing:border-box;border-radius:50px;
border:2px solid #333333;font-size:16px;line-height:16px;text-align: center;margin-right:6px;}
.tixi-list .back-gg li p.desc{font-size:16px;line-height:32px;}
.tixi-list .back-gg li:nth-child(1){position: absolute;bottom: 175px;right: 0;text-align: right;}
.tixi-list .back-gg li:nth-child(2){position: absolute;top: 30px;right: 0;text-align: right;}
.tixi-list .back-gg li:nth-child(3){position: absolute;bottom: 175px;left: 0;text-align: left;}
.tixi-list .back-gg li:nth-child(4){width:1080px;text-align: center;margin:0 auto;position: absolute;bottom: -5px;left:0;right:0;}
.tixi-list .back-gg li:nth-child(5){position: absolute;top: 30px;left: 0;text-align: left;}


/* 产品展示 */
#product{width:100%;background:#f5f5f5;padding-bottom:70px;}
.index-product .pro-hd{width:335px;}
.index-product .pro-hd li{width:100%;height:130px;background:#003f6f;box-sizing: border-box;text-align: center;
font-size:24px;line-height:130px;color:#fff;margin-bottom:10px;}
.index-product .pro-hd li i{display: inline-block;width:42px;margin-right:15px;}
.index-product .pro-hd li i img{width:100%;}
.index-product .pro-hd li:hover,.index-product .pro-hd li.on{background:rgba(181,136,86,0.8);cursor: pointer;}
.index-product .pro-imgs{width:calc(100% - 355px) !important;}
.index-product .pro-bd li{width:100%;}
.index-product .pro-bd li img{width:100%;height:550px;object-fit: cover;}

/* 10大优势 */
.youshi{width:100%;background:#f5f5f5 url(../images/youshi-back.jpg)no-repeat bottom left;padding-bottom:146px;}
.youshi .youshi-list{display: grid;gap: 20px; grid-template-columns: auto auto auto auto;}
.youshi .youshi-list li{width:335px;height:210px;background:#fff;box-sizing: border-box;padding:40px 38px 0px;text-align: center;
position:relative;overflow: hidden;}
.youshi .youshi-list li h3{font-size:20px;line-height:20px;font-weight:bold;margin-bottom:20px;}
.youshi .youshi-list li p{font-size:16px;line-height: 24px;text-align: left;}
.youshi .youshi-list li i{font-size:70px;line-height:70px;color:#c29056;font-weight: lighter;position: absolute;
    left: 0; right: 0;bottom: -20px;}
.pro-mores{width:190px;display: block;margin:0 auto;margin-top:60px;height:44px;background:#c29056;font-size:16px;
color:#fff;text-align: center;line-height:44px;border-radius:44px;transition: width 0.6s;}
.pro-mores:hover{color:#fff;width:220px;}
.pro-mores i img{width: 6px;margin-left: 5px;margin-bottom: 1px;}

/* 案例展示 */
.case{width:100%;position: relative;background:#003f6f;}
.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{margin-bottom:58px;}
.case .case-list .hd ul{margin:0px 110px;flex:1;}
.case .case-list .hd li{font-size:22px;line-height:22px;}
.case .case-list .hd li a{color:#fff;}
.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:#c29056;}

/* 服务 */
.fuwu{padding-bottom:80px;}
.fuwu-list .fw-bd{width:740px;height:410px;}
.fuwu-list .fw-bd li{width:100%;height:410px;}
.fuwu-list .fw-bd li img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
.fuwu-list .fw-bd li:hover img{transform:scale(1.2);}
.fuwu-list .fw-hd{flex:1;box-sizing: border-box;padding:0px 60px;}
.fuwu-list .fw-hd ul{height:410px;}
.fuwu-list .fw-hd ul li{cursor: pointer;}
.fuwu-list .fw-hd ul li h3{font-size:26px;font-weight: bold;line-height:26px;margin-bottom:20px;}
.fuwu-list .fw-hd ul li h3 span{font-weight:normal;}
.fuwu-list .fw-hd ul li p{font-size:16px;line-height:24px;}
.fuwu-list .fw-hd ul li.on{color:#c29056;}
.fuwu-list .fw-hd ul li:before{content:'';display:block;float:left;width:30px;height:0%;background:#c29056;margin-left:-75px;
position: relative;transition: height 0.6s;}
.fuwu-list .fw-hd ul li.on:before{height:100%;}

/*关于我们 */
.about-div{margin-bottom:90px;overflow: hidden;}
.about-div .about-info .about-left{width:680px;}
.about-div .about-info .about-left h2{font-size:40px;line-height:40px;font-weight: bold;color:#c29056;margin-bottom:30px;}
.about-div .about-info .about-left p.desc{font-size:16px;line-height:32px;}
.about-div .about-info .div-video{width:640px;height:395px;}
.about-div .about-info .div-video img{width:100%;height:100%;object-fit:cover;}
.about-mores{display: block;width:190px;height:44px;border-radius:44px;background:#ec5411;margin-top:40px;
font-size:16px;line-height:44px;text-align: center;color:#fff;}
.about-mores:hover{color:#fff;}
.about-div .about-info{margin-bottom:40px;overflow: hidden;}
.about-div .about-show .show-list li{width:320px;margin-right:40px;}
.about-div .about-show .show-list li img{width:100%;}


/* 新闻资讯 */
.in-news{width:100%;padding-bottom:50px;background: #f7f7f7;}
.in-news .news-list li{overflow: hidden;width:100%;height:190px;margin-bottom:60px;}
.in-news .news-list li .news-div{border-bottom: 1px solid #bfbfbf;height:100%;box-sizing: border-box;width:930px;}
.in-news .news-list li .times{width: 70px;text-align: center;}
.in-news .news-list li .times .day{font-size: 62px;line-height: 62px;margin-bottom:10px;}
.in-news .news-list li .times .year{font-size: 16px;color:#999999;}
.in-news .news-list li .news-title:before{content:'';display:block;float:left;width:1px;height:70px;background: #959595;margin-left:40px;margin-top: 8px;margin-right: 40px;margin-bottom:50px;}
.in-news .news-list li .news-title{width: 855px;}
.in-news .news-list li .news-title h3{font-size: 24px;line-height: 24px;margin-bottom:25px;}
.in-news .news-list li .news-title .desc{font-size: 16px;line-height: 32px;color: #666666;}
.in-news .news-list li .news-img{width:420px;height: 100%;overflow: hidden;}
.in-news .news-list li .news-img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.in-news .news-list li:hover h3,.in-news .news-list li:hover .times .day{color:#c29056;}
.in-news .news-list li:hover .news-img  img{transform: scale(1.2);}