/*首页动画图片*/

.banner{ width:100%; height:712px; position:relative; background:#eee; overflow:hidden;}
.banner ul{ position:absolute; left:50%; margin-left:-960px; top:0;}
.banner ul li{ width:1920px; height:712px; float:left; overflow:hidden;}
.banner ul li img{ display:block; width:1920px; height:712px;}

.bannerindeo{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:99;}
.bannerindeo a{ display:inline-block; width:12px; height:12px; background:url(../images/cycle_w.png) no-repeat; opacity: 0.5;  margin-right:12px; line-height:712px; overflow:hidden;}
.bannerindeo a.cur{ background:url(../images/cycle_w.png) no-repeat;opacity:1;}

.banner .bannerarrow { position: absolute; left:0; top: 50%; width:100%; z-index: 199; }
.banner .bannerarrow a.prev { background:url(../images/cycle_l.png) no-repeat;width:70px;height:70px;display:block;float:left;}
.banner .bannerarrow a.prev:hover{opacity: 0.9;}
.banner .bannerarrow a.next {  background:url(../images/cycle_r.png) no-repeat;width:70px;height:70px;display:block;float:right;}
.banner .bannerarrow a.next:hover{opacity: 0.9;}

.bannerphoto{height:248px;width:100%;margin:0 auto;margin-top:3px;}

.bannerphoto .items{float:left;height:248px;width:33%;position:relative;overflow:hidden;cursor:pointer;text-align:center;}
.bannerphoto .items .center{margin-top:82px;margin-left:calc(50% - 125px);}
.bannerphoto .items .photo{width:84px;height:84px;transition: transform 0.5s ease-in-out;float:left;}
.bannerphoto .items .photo img{width:84px;height:84px;}
.bannerphoto .items .text{width:150px;color:#fff;font-size:12px;letter-spacing:1px;transition: transform 0.5s ease-in-out;float:left;text-align:left;margin-top:20px;margin-left:20px;}
.bannerphoto .items .text b{font-size:24px;letter-spacing:4px;}

.bannerphoto .item1{background:url(../index/b_1.jpg);}
.bannerphoto .item2{background:url(../index/b_2.jpg);width:calc(34% - 6px);margin:0 3px;}
.bannerphoto .item3{background:url(../index/b_3.jpg);}

.bannerphotoen .items .text b{font-size:18px;letter-spacing:1px;}


/*.bannerphoto .item1:hover{background:#2f67da;opacity:0.6;}*/
.bannerphoto .items::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(47, 103, 218, 0.6); opacity: 0; transition: opacity 0.6s ease; z-index: 1; }
.bannerphoto .items:hover::before {
  opacity: 1.0;
}

.bannerphoto .items:hover .photo,.bannerphoto .items:hover .text {
  position:relative;
  z-index:2;
}

.bannerphoto .items:hover .photo{
  transform: translateX(50px) translateY(-30px);   
}

.bannerphoto .items:hover .text{
  transform: translateX(-80px) translateY(50px); 
  text-align:center;
    
}
/*.bannerphoto .item1:hover .photo{width:84px;height:84px;text-align:center;float:none;margin-top:0px;}*/


/*.bannerphoto .texthover{height:63px;color:#fff;margin-left:20px;font-size:12px;letter-spacing:1px;padding-top:21px;}*/



/*首页关于我们*/
.about{width:100%;padding:120px 0;background:#f8f8f8;}
.aboutcon{width:1200px;margin:0 auto;}

.about .office{float:left;width:440px;height:340px;overflow:hidden;border-radius:5px;}
.about .office img{width:100%;height:100%;border-radius:5px;object-fit:cover;}

.about .list{float:left;font-size:16px;width:702px; line-height:30px;border-radius:5px;margin-left:58px;}
.about .list .tit{font-size:24px;font-weight:500;color:#000;}
.about .list .content{margin-top:24px;color:#555555;text-align:justify;}
.about .list .content p{margin-top:10px;}
.about .list .more{text-align:right;}
.about .list .more a{color:#c7171f;}
.about .list .more i{margin-left:8px;}


/*首页客户案例*/
.case{width:100%;padding:120px 0;}
.casecon{width:1200px;margin:0 auto;}

.case .tit { font-size: 28px; color: #000000; font-weight: 500;text-align:center;}
.case .note { font-size: 14px; color: #555555; text-align: center; margin-top:12px;}

.case .list{margin-top:60px;}
.case .items {width: 282px; height: 270px; overflow: hidden; float: left; margin-right:24px;position:relative;}
.case .items:last-child{margin-right:0px;}
.case .items img { width: 282px; height: 270px; }
.case .items p { position:absolute;bottom:0px;background:#e35a3f;opacity:0.9;height:48px;width:282px;line-height:48px;text-align:center;font-size:24px;color:#fff;letter-spacing:4px;}
.case .en p{font-size:16px;letter-spacing:2px;} /*英文版字号放小*/


/*首页我们的能力*/
.brands { width: 100%; padding:120px 0;background:#f8f8f8; }
.brandscon{}
.brands .tit { font-size: 28px; color: #000000; font-weight: 500;text-align:center;}
.brands .note { font-size: 14px; color: #555555; text-align: center; margin-top:12px;}

.brands .list { width: 1200px; margin: 0 auto; margin-top: 60px; }
.brands .list .items { float: left;width: 180px; overflow: hidden;height:254px; margin:0 10px;}
.brands .list .items img { width: 172px; height: 246px; object-fit: cover; border:4px solid #e0c89a;}


/*首页我们的服务*/
.service{width:100%;padding:120px 0;}
.servicecon{width:1200px;margin:0 auto;}

.service .tit { font-size: 28px; color: #000000; font-weight: 500;text-align:center;}
.service .note { font-size: 14px; color: #555555; text-align: center; margin-top:12px;}

.service .list{margin-top:60px;}
.service .items {width: 278px; height: 266px; float: left; margin-right:24px;border:2px solid #ffffff;text-align:center;display:block;transition: box-shadow 0.3s ease, transform 0.3s ease;}
.service .items:last-child{margin-right:0px;}
.service .items img { width: 62px; height: 62px;margin-top:50px; }
.service .items p{width:200px;margin:0 auto;}
.service .items p.t{font-weight:500;color:#4da6ff;font-size:35px;margin-top:24px;}
.service .items p.d{font-size:18px;color:#555555;margin-top:30px;}

.service .items:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 添加阴影效果 */
  transform: translateY(-5px); /* 向上移动5px */
}

.service .en .items{height:320px;} 
.service .en .items p{width:240px;}
/*英文版高度调高*/