@charset "utf-8";
/*公共样式*/
.home_main{margin: 65px auto;}
.home_title{text-align: center;z-index: 99999;position: relative;margin-bottom: 40px;}
.home_title span{display: block;height: 60px;line-height: 60px;font-size: 34px;color: #333;font-weight: bold;}
.home_title i{height: 18px;line-height: 18px;margin: 0 auto;text-transform: uppercase;font-size: 14px;color: #cccccc;position: relative;padding: 0 20px;}
.home_title i:before,.home_title i:after{content: "";width: 330px;height: 1px;background: #dcdcdc;position: absolute;top: 10px;}
.home_title i:before{left: -330px;}
.home_title i:after{right: -330px;}
.home_title em{display: block;font-size: 16px;margin-top: 5px;}

/*产品*/
.home_pro ul li{float: left;width: 23%;margin-bottom: 30px;margin-left: 2%;border: 1px solid #d4d4d4;text-align: center;box-sizing: border-box;}
.home_pro ul li:nth-child(4n-3){margin-left: 0;}
.home_pro ul li .img{height: 200px;overflow: hidden;}
.home_pro ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.home_pro ul li .txt{width: 100%;height: 60px;line-height: 60px;transition:all .3s ease;padding: 0 15px;box-sizing: border-box;}
.home_pro ul li .txt p{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;text-align: left;float: left;}
.home_pro ul li .txt i{display: block;float: right;font-size: 16px;color: #999;}
.home_pro ul li:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.home_pro ul li:hover .img img{transform: scale(1.05)}
.home_pro ul li:hover .txt{border-color: #17499c;background: #17499c;}
.home_pro ul li:hover .txt p{color: #fff;}
.home_pro ul li:hover .txt i{color: #fff;}

/*优势*/
.home_adva{background: url(../images/youshi.jpg) no-repeat top center;background-size: 100% 100%;padding: 70px 0;box-sizing: border-box;margin-top: 60px;}
.home_adva .home_title{color: #fff;}
.home_adva .home_title span{color: #fff;}
.home_adva ul{display: flex;justify-content: space-between;align-items: center;}
.home_adva ul li{text-align: center;width: 25%;height: 280px;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 0.6s ease;margin-top: 20px;border-left: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;padding: 0 30px;}
.home_adva ul li:first-child{border-left: none;}
.home_adva ul li .img img{max-width: 100%;}
.home_adva ul li .w1{color: #ffffff;font-size: 20px;font-weight: bold;padding-top: 20px;}
.home_adva ul li .w2{background: url(../images/next.png) no-repeat top center;width: 21px;height: 17px;margin: 0 auto;background-size: 21px 17px;margin-top: 30px;}
.home_adva ul li .w3{color: #e0e0e0;font-size: 15px;line-height: 28px;margin-top: 15px;display: none;}
.home_adva ul li:hover{transform: translateY(10px);}
.home_adva ul li:hover .w2{display: none;transition: all 0.6s ease;}
.home_adva ul li:hover .w3{display: block;transition: all 0.6s ease;}

/*关于*/
.home_about{width: 100%;background: #f1f1f1;position: relative;height: 650px;overflow: hidden;}
.home_about .aboutL{padding-top: 90px;}
.home_about .aboutL .txt{width: 530px;}
.home_about .aboutL .txt h5{font-size: 34px;color: #333;font-weight: bold;padding-bottom: 15px;background: url(../images/ys_line.png) no-repeat 0 bottom;}
.home_about .aboutL .txt h5 i{display: block;font-size: 24px;margin: 18px 0;}
.home_about .aboutL .txt p{color: #666;margin-top: 25px;}
.home_about .aboutL ul{width: 810px;margin-top: 55px;position: relative;z-index: 10;}
.home_about .aboutL ul li{width: 33.33%;float: left;height: 4.3rem;font-size: 1.5rem;line-height: 1.5rem;padding: 1.5rem 0 0;text-align: center;background: #fff;}
.home_about .aboutL ul li i{display: block;font-size: 0.6rem;color: rgba(51,51,51,0.5);text-transform: uppercase;margin-top: 2px;}
.home_about .aboutR{position: absolute;top: 0;right: 0;}
.home_about .aboutR .img{width: 960px;height: 100%;overflow: hidden;display: none;}
.home_about .aboutR .img:first-child{display: block;}
.home_about .aboutR .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.6s;}
.home_about .aboutL ul li:hover,.home_about .aboutL ul li.on{background: #17499c;color: #fff;font-weight: bold;}
.home_about .aboutL ul li:hover i,.home_about .aboutL ul li.on i{color: rgba(255,255,255,0.5);}
.home_about .aboutR .img:hover img{transform: scale(1.05);}

/*案例*/
.home_case dl{float: left;width: 368px;margin-right: 50px;}
.home_case dl dt{width: 100%;height: 270px;overflow: hidden;}
.home_case dl dt img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.home_case dd{background: #f6f6f6;padding: 0 20px;box-sizing: border-box;height: 64px;line-height: 64px;}
.home_case dd a{display: block;font-size: 16px;}
.home_case dd a em{float: right;font-size: 14px;color: #666;}
.home_case .button{cursor: pointer;text-align: center;margin-top: 30px;}
.home_case .button ul li{width: 10px;height: 10px;display: inline-block;border-radius: 15px;margin:0 6px;background: #cbcbcb;font-size: 0;}
.home_case .button ul li.on{background: #17499c;}
.home_case dl:hover dt img{transform: scale(1.05);}
.home_case dl:hover dd a{color: #17499c;}

/*新闻资讯*/
.home_news{padding: 60px 0;padding-bottom: 80px;position: relative;overflow: hidden;background: #f4f4f4;}
.home_news .newT{font-size: 18px;height: 50px;line-height: 50px;border-bottom: 1px solid #cdcdcd;margin-bottom: 25px;}
.home_news .newT span{float: left;background: url(../images/new_ico1.png) no-repeat  0 14px;padding-left: 32px;}
.home_news .newsR .newT span{background: url(../images/new_ico2.png) no-repeat  0 14px;}
.home_news .newT span a{display: block;color: #333;}
.home_news .newT .new_more{display: block;color: #666;font-size: 14px;}
.home_news ul li{height: 35px;line-height: 35px;padding-left: 12px;background: url(../images/ico04.png) no-repeat 0 16px;}
.home_news ul li span{float: right;color: #999;}
.home_news ul li a{display: block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}
.home_news .newsL{width: 45%;}
.home_news .newsL dl dt{width: 100%;height: 282px;overflow: hidden;}
.home_news .newsL dl dt img{width: 100%;height: 100%;object-fit: cover;}
.home_news .newsL dl dd{padding: 18px 0;border-bottom: 1px solid #d9d9d9;margin-bottom: 10px;}
.home_news .newsL dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;margin-bottom: 8px;font-weight: bold;color: #333;}
.home_news .newsL dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666;}
.home_news .newsR{width: 50%;}
.home_news .newsR .newsR_c{height: 310px;margin-bottom:35px;}
.home_news .newsR .newsR_c dl{margin-bottom: 20px;border-bottom: 1px solid #d9d9d9;padding-bottom: 40px;}
.home_news .newsR .newsR_c dl dt{font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.home_news .newsR .newsR_c dl dt a{color: #333;}
.home_news .newsR .newsR_c dl dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home_news .newsR .newsR_more{height: 130px;background: #17499c;}
.home_news .newsR .newsR_more img{width: 76.66%;height: 100%;display: block;float: left;}
.home_news .newsR .newsR_more a{display: block;width: 23.34%;float: left;font-size: 18px;text-align: center;background: url(../images/ico05.png) no-repeat center 70px;color: #fff;padding: 38px 0;}
.home_news .newT .new_more:hover,.home_news .newsL dl dd h3:hover,.home_news .newsR dl dt a:hover,.home_news ul li a:hover{color: #17499c;}