@charset "utf-8";
/*公共样式*/
.home-main{margin: 70px auto;}
.home-title{width: 100%;text-align: center;z-index: 99999;}
.home-title h2{font-size: 38px;font-weight: bold;}
.home-title i{display: inline-block;text-transform: uppercase;font-size: 22px;color: #666;margin-top: 24px;}
.home-title i:before,.home-title i:after{content: "";width: 300px;height: 1px;background: #666;display: inline-block;margin: 0 20px;vertical-align: middle;}

/*产品*/
.home-pro ul{margin-top: 40px;position: relative;height: 530px;}
.home-pro ul li{position: absolute;cursor: pointer;border: 2px solid #f2f2f2;padding: 6px;box-sizing: border-box;height: 260px;top: 0;}
.home-pro ul li:nth-child(1){width: 39%;left: 0;}
.home-pro ul li:nth-child(2){width: 34%;left: 40%;}
.home-pro ul li:nth-child(5){width: 25%;right: 0;height: 530px;}
.home-pro ul li:nth-child(3){width: 34%;top: 270px;left: 0%;}
.home-pro ul li:nth-child(4){width: 39%;top: 270px;left: 35%;}
.home-pro ul li a{display: block;position: relative;width: 100%;height: 100%;}
.home-pro ul li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home-pro ul li p{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 50px;background: rgba(0,0,0,.5);color: #fff;text-align: center;font-size: 16px;}
.home-pro ul li:hover p{background: rgba(253,172,49,.5);}

/*关于*/
.home-about{height: auto;overflow: hidden;padding: 80px 0;background-color: #f2f2f2;}
.home-about .box{height: 530px;overflow: hidden;position: relative;}
.home-about .box .img{width: 780px;height: 100%;}
.home-about .box .img img{display: block;width: 100%;height: 100%;}
.home-about .box .img img:hover{filter: alpha(opacity=70);opacity: 0.7;transition: all 0.5s ease;}
.home-about .box .txt{padding: 0 67px;position: absolute;left: 0;bottom: 0;z-index: 5;width: 482px;height: 434px;border: 1px solid #d8d7d7;background-color: #fff;}
.home-about .box .txt h2{display: inline-block;padding: 100px 0 10px;}
.home-about .box .txt h2 b{font-weight: normal;color: #333;display: block;font-size: 25px;}
.home-about .box .txt h2 span{display: block;color: #cbcbcb;font-size: 34px;text-transform: uppercase;margin-top: 14px;}
.home-about .box .txt p{color: #666;line-height: 2;margin-top: 10px;}
.home-about .box .more{display: block;position: absolute;left: 418px;bottom: 0;z-index: 10;width: 124px;height: 114px;line-height: 114px;color: #fff;text-align: center;background-color: #fdac31;}
.home-about .box .more:hover{filter: alpha(opacity=70);opacity: 0.7;transition: all 0.5s ease;}
.home-about ul{margin-top: 18px;height: 230px;}
.home-about ul li{float: left;height: 100%;width: 24.2%;margin-left: 1%;position: relative;border: 1px solid #cdcccc;}
.home-about ul li:first-child{margin-left: 0;}
.home-about ul li .text{width: 100%;height: 100%;text-align: center;background-color: #fff;}
.home-about ul li .text a{display: block;}
.home-about ul li .text img{display: block;margin: 0 auto;padding: 56px 0 22px;}
.home-about ul li .text div{color: #444;font-size: 18px;}
.home-about ul li .img{position: absolute;left: 0;bottom: 0;z-index: 5;width: 100%;height: 100%;filter: alpha(opacity=0);opacity: 0;}
.home-about ul li .img a{display: block;}
.home-about ul li .img img{display: block;width: 100%;height: 174px;object-fit: cover;}
.home-about ul li .img p{position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;height: 53px;line-height: 53px;overflow: hidden;color: #fff;text-align: center;background: #808080;}
.home-about ul li:hover .img{background: #fff;filter: alpha(opacity=100);opacity: 1;transition: all 0.5s ease;}

/*招商*/
.home-join .con{margin-top: 40px;height: 360px;position: relative;}
.home-join .con .pic{width: 50%;height: 100%;border: 2px solid #f0f2f2;border-right: none;box-sizing: border-box;}
.home-join .con .pic img{display: block;width: 100%;height: 100%;}
.home-join .con ul{float: left;width: 50%;height: 100%;border: 2px solid #f0f2f2;box-sizing: border-box;}
.home-join .con ul li{position: relative;text-align: center;float: left;width: 33.333%;height: 178px;background: #ffffff;border-right: 2px solid #f0f2f2;box-sizing: border-box;}
.home-join .con ul li:nth-child(1),.home-join .con ul li:nth-child(2),.home-join .con ul li:nth-child(3){border-bottom: 2px solid #f0f2f2;}
.home-join .con ul li:nth-of-type(3n){border-right: 0;}
.home-join .con ul li i{display: block;margin: 47px auto 0;height: 55px;width: 55px;}
.home-join .con ul li i img{display: block;width: 100%;height: 100%;}
.home-join .con ul li span{display: block;margin-top: 10px;font-size: 18px;font-weight: bold;line-height: 18px;}
.home-join .con ul li .desc{transform: scale(0);transition: 0.5s;display: block;height: 100%;width: 100%;position: absolute;left: 0;top: 0;}
.home-join .con ul li .desc img{display: block;position: relative;top: 0;left: 0;width: 100%;height: 100%;}
.home-join .con ul li .desc h4{position: absolute;top: 0;left: 0;width: 100%;}
.home-join .con ul li .desc h4 span{color: #fff;}
.home-join .con ul li.cur .desc{transform: scale(1);}
.home-join .con b{display: block;position: absolute;bottom: -100px;left: -170px;width: 400px;height: auto;}
.home-join .con b img{display: block;width: 100%;height: auto;}
.home-join .more{display: block;width: 250px;line-height: 58px;background: #fff;text-align: center;margin: 40px auto 0;position: relative;border: 2px solid #b3b3b3;box-sizing: border-box;border-radius: 40px;overflow: hidden;transition: all 0.3s;}
.home-join .more:after{content: "";display: block;position: absolute;left: 0;height: 100%;bottom: 0;width: 0%;background: #fdac31;transition: all 0.6s;z-index: 2;}
.home-join .more span{font-size: 16px;color: #808080;position: relative;z-index: 200;}
.home-join .more:hover{border-color: #fdac31;transform: translateY(-5px);}
.home-join .more:hover:after{width: 100%;z-index: 1;}
.home-join .more:hover span{color: #fff;}

/*新闻*/
.home-news{width: 100%;margin-top: 70px;padding: 70px 0;background-color: #f2f2f2;}
.home-news .home-title{margin-bottom: 50px;}
.home-news dl{width: 580px;float: left;overflow: hidden;}
.home-news dl dt{width: 100%;height: 320px;overflow: hidden;}
.home-news dl dt img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.home-news dl:hover dt img{transform: scale(1.1);}
.home-news dl dd span{display: block;text-align: right;float: left;margin-right: 25px;height: 170px;font-size: 16px;color: #323232;line-height: 100%;background: url(../images/gds-1s.png) no-repeat 45px 133px;margin-top: 20px;margin-left: 4px;border-right: 1px dashed #d0d0d0;box-sizing: border-box;padding-right: 34px;font-family: "Times New Roman";font-style: italic;}
.home-news dl dd span i{display: block;font-size: 40px;color: #323232;line-height: 100%;margin-top: 20px;margin-bottom: 10px;font-family: 'Times New Roman';font-style: italic;}
.home-news dl dd h4{font-size: 18px;color: #272727;margin-top: 38px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news dl dd p{color: #b8b8b8;line-height: 2;width: 67%;float: left;padding-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home-news dl:hover dd h4{color: #fdac31;}
.home-news .con{width: 580px;overflow: hidden;}
.home-news .con .nav{height: 35px;border-bottom: 1px dashed #d0d0d0;box-sizing: border-box;padding-left: 12px;}
.home-news .con .nav h3{float: left;font-size: 16px;line-height: 20px;margin-right: 50px;position: relative;}
.home-news .con .nav h3 a{color: #272727;}
.home-news .con .nav h3.cur a{font-weight: bold;}
.home-news .con .nav h3::after{content: "";position: absolute;height: 18px;width: 1px;display: block;top: 0;right: -22px;background: #272727;}
.home-news .con .nav i{display: block;float: left;font-size: 16px;line-height: 20px;}
.home-news .con .nav i a:hover{color: #fdac31;}
.home-news .con ul li{border-bottom: 1px dashed #d0d0d0;box-sizing: border-box;padding-top: 42px;padding-bottom: 32px;}
.home-news .con ul li span{display: block;text-align: right;float: left;margin-right: 40px;font-size: 16px;color: #323232;line-height: 100%;font-family: 'Times New Roman';font-style: italic;margin-left: 12px;}
.home-news .con ul li span i{display: block;font-size: 40px;color: #323232;line-height: 30px;margin-bottom: 10px;font-family: 'Times New Roman';font-style: italic;}
.home-news .con ul li h4{font-size: 16px;color: #272727;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news .con ul li p{color: #9a9a9a;padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home-news .con ul li:hover h4{color: #fdac31;}

/*电话*/
.home-pho{height: 85px;line-height: 85px;}
.home-pho ul li{float: left;text-align: center;position: relative;padding-left: 5%;box-sizing: border-box;}
.home-pho ul li:nth-child(1){width: 32%;}
.home-pho ul li:nth-child(2){width: 28%;}
.home-pho ul li:nth-child(3){width: 40%;}
.home-pho ul li::after{content: "";display: block;position: absolute;height: 18px;width: 1px;background: #b3b3b3;right: 0;top: 33px;}
.home-pho ul li i{display: block;background: url(../images/foot1.png) no-repeat center left;font-size: 15px;text-align: left;padding-left: 35px;}
.home-pho ul li:nth-child(2) i{background: url(../images/foot2.png) no-repeat center left;}
.home-pho ul li:nth-child(3) i{background: url(../images/foot3.png) no-repeat center left;}
.home-pho ul li:last-of-type::after{display: none;}