@charset "utf-8";
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{margin-bottom: 45px;text-align: center;}
.home_title span{font-size: 40px;}
.home_title p{font-size: 16px;padding-top: 12px;text-transform: uppercase;}

/*产品*/
.home_pro .tit{margin-bottom: 25px;height: 40px;line-height: 40px;}
.home_pro .tit span{display: block;font-size: 18px;color: #fff;width: 220px;float: left;padding-left: 15px;background-image: -webkit-linear-gradient(5deg,rgb(3,103,178) 30%,rgba(3,103,178,0) 100%);}
.home_pro .tit2 span{background-image: -webkit-linear-gradient(5deg,rgb(0,132,75) 30%,rgba(0,132,75,0) 100%);}
.home_pro .tit a{float: right;margin-top: 8px;}
.home_pro .tit a:hover{color: #0367b2;}
.home_pro ul li{float: left;width: 23.5%;margin-left: 2%;}
.home_pro ul li:nth-child(4n-3){margin-left: 0;}
.home_pro ul li .con{width: 100%;height: 220px;border-radius: 10px;overflow: hidden;position: relative;}
.home_pro ul li .con img{display: block;width: 100%;height: 100%;transition: .6s;}
.home_pro ul li .con .txt{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;text-align: center;color: #fff;padding: 45px 20px;box-sizing: border-box;display: none;}
.home_pro ul li .con .txt h2{font-size: 16px;font-weight: bold;}
.home_pro ul li .con .txt i{display: block;width: 30px;height: 2px;background: #fff;margin: 10px auto;}
.home_pro ul li .con .txt p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_pro ul li .con .txt .more{display: block;width: 120px;height: 34px;line-height: 34px;background: #fff;margin: 20px auto;border-radius: 4px;}
.home_pro ul li em{display: block;text-align: center;font-size: 15px;line-height: 50px;margin-bottom: 10px;}
.home_pro ul li:hover .con img{transform: scale(1.05);}
.home_pro ul li:hover .con .txt{display: block;}
.home_pro ul li .con .txt .more:hover{background: #0367b2;color: #fff;}
.home_pro ul li:hover em{color: #0367b2;}

/*案例*/
.home_case{width: 100%;background: #f5f5f5;padding: 65px 0;}
.home_case .caseC{position: relative;}
.home_case .caseC .hd .prev,.home_case .caseC .hd .next{width: 45px;height: 45px;border-radius: 50%;background: #fff;box-shadow: 0 2px 8px 0 rgba(37,60,126,.16);display: flex;align-items: center;justify-content: center;color: #333;font-size: 24px;position: absolute;top: 35%;font-family: "SimSun";}
.home_case .caseC .hd .prev{left: -60px;}
.home_case .caseC .hd .next{right: -60px;}
.home_case .caseC .bd ul li{float: left;width: 23.3%;margin-right: 10px;margin-left: 10px;border-radius: 10px;overflow: hidden;}
.home_case .caseC .bd ul li .img{width: 100%;height: 212px;}
.home_case .caseC .bd ul li .img img{display: block;width: 100%;height: 100%;}
.home_case .caseC .bd ul li .txt{background: #fff;padding: 20px 25px;padding-bottom: 30px;box-sizing: border-box;}
.home_case .caseC .bd ul li .txt h3{font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.home_case .caseC .bd ul li .txt p{color: #888;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_case .caseC .bd ul li .txt i{display: block;width: 45px;height: 1px;background: #0367b2;margin: 15px auto;}
.home_case .caseC .bd ul li .txt span{display: block;width: 100px;height: 30px;line-height: 30px;margin: 0 auto;margin-top: 18px;color: #a6a6a6;border: 1px solid #a6a6a6;text-align: center;border-radius: 4px;}
.home_case .caseC .more{display: block;border: 1px solid #999;margin: 0 auto;margin-top: 40px;width: 180px;height: 45px;line-height: 45px;text-align: center;border-radius: 5px;color: #666;}
.home_case .caseC .hd .prev:hover,.home_case .caseC .hd .next:hover{background: #0367b2;color: #fff;}
.home_case .caseC .bd ul li:hover .txt h3{color: #0367b2;}
.home_case .caseC .bd ul li .txt span:hover{color: #0367b2;border: 1px solid #0367b2;}
.home_case .caseC .more:hover{border: 1px solid #0066b3;background: #0066b3;color: #fff;}

/*关于*/
.home_about .txt{width: 480px;}
.home_about .txt h2{font-size: 26px;margin-bottom: 20px;}
.home_about .txt h3{font-size: 30px;font-weight: bold;margin-bottom: 25px;}
.home_about .txt h3 span{color: #0367b2;}
.home_about .txt p{margin-top: 10px;font-size: 15px;line-height: 28px;text-indent: 25px;}
.home_about .txt a{display: block;margin-top: 30px;width: 110px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #333;}
.home_about .txt a:hover{border: 1px solid #0367b2;color: #fff;background: #0367b2;}
.home_about .img{margin-left: 50px;width: 500px;height: auto;}
.home_about .img img{display: block;width: 100%;height: 100%;}
.home_about .time{width: 150px;margin-left: 20px;}
.home_about .time ul li{margin: 24px 0;text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 25px;}
.home_about .time ul li:first-child{margin-top: 15px;}
.home_about .time ul li:last-child{border: none;}
.home_about .time ul li h3{font-size: 34px;display: inline-block;color: #0367b2;line-height: 55px;font-family: 'helvetica neue';}
.home_about .time ul li p,.home_about .time ul li em{font-size: 15px;}

/*新闻*/
.home_news{background: #f4f4f4;padding: 65px 0;}
.home_news .newsC .left{width: 500px;background: #fff;}
.home_news .newsC .left ul li img{display: block;width: 100%;height: 300px;}
.home_news .newsC .left ul li .txt{padding: 24px;}
.home_news .newsC .left ul li .txt span{display: block;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_news .newsC .left ul li .txt h3{color: #919191;margin-top: 15px;font-size: 14px;}
.home_news .newsC .left ul li .txt h3 a{float: right;color: #575556;font-family: "SimSun";background: #eaeaea;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 100%;}
.home_news .newsC .left ul li .txt span:hover{color: #0066b3;}
.home_news .newsC .left ul li .txt h3 a:hover{color: #fff;background: #0066b3;}
.home_news .newsC .right{width: 680px;}
.home_news .newsC .right ul li{margin-bottom: 20px;height: 145px;overflow: hidden;}
.home_news .newsC .right ul li img{display: block;float: left;width: 220px;height: 100%;}
.home_news .newsC .right ul li .txt{width: 460px;height: 100%;background: #fff;padding: 28px 20px;box-sizing: border-box;}
.home_news .newsC .right ul li .txt span{display: block;width: 100%;height: 25px;}
.home_news .newsC .right ul li .txt span a{font-size: 16px;color: #333;float: left;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_news .newsC .right ul li .txt span i{color: #919191;float: right;}
.home_news .newsC .left ul li .txt p,.home_news .newsC .right ul li .txt p{color: #919191;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home_news .newsC .right ul li.on .txt{background: #0066b3;}
.home_news .newsC .right ul li.on .txt span a,.home_news .newsC .right ul li.on .txt span i,.home_news .newsC .right ul li.on .txt p{color: #fff;}
.home_news .hd{text-align: center;margin-top: 15px;}
.home_news .hd span{display: inline-block;width: 40px;height: 28px;line-height: 28px;text-align: center;color: #a8a8a8;font-size: 20px;font-family: "SimSun";background: #dddbdb;margin: 0 4px;font-weight: bold;cursor: pointer;}
.home_news .hd span:hover{background: #0066b3;color: #fff;}











