@charset "utf-8";
/*公共样式*/
.home_main{margin: 60px auto;}

/*产品*/
.home_pro .title{width: 100%;line-height: 35px;}
.home_pro .title p{font-size: 30px;font-weight: bold;color: #101b87;}
.home_pro .title p em{color: #333;font-weight: bold;}
.home_pro .title span{display: block;margin-top: 10px;}
.home_pro .title i{display: block;background: #929292;height: 1px;width: 380px;margin-top: 10px;}
.home_pro ul{margin: 50px auto 0;}
.home_pro ul li{float: left;width: 21%;margin-right: 5.2%;position: relative;transition: all ease .3s;}
.home_pro ul li:last-child{margin-right: 0;}
.home_pro ul li .list{background: #101b87;padding: 20px;box-sizing: border-box;border-radius: 10px;position: relative;transition: all ease .3s;}
.home_pro ul li .list .txt{width: 250px;height: auto;background: #000;text-align: center;position: absolute;top: 20px;left: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);color: #fff;padding-bottom: 30px;}
.home_pro ul li .list .txt img{display: block;width: 100%;height: 230px;}
.home_pro ul li .list .txt h3{margin-top: 15px;font-size: 14px;}
.home_pro ul li .list a{display: inline-block;width: 100%;color: #fff;padding-top: 310px;position: relative;}
.home_pro ul li .list a::after{content: "+";position: absolute;width: 30px;height: 30px;border-radius: 50%;background: #0068db;text-align: center;color: #fff;font-size: 26px;right: 0;bottom: -5px;transition: all ease .3s;}
.home_pro .more{text-align: center;padding-top: 60px;}
.home_pro .more a{display: inline-block;width: 260px;height: 50px;line-height: 50px;border: 1px solid #dfdfdf;color:#9f9f9f;transition: all 0.3s ease-out 0s;background: transparent;position: relative;transform: translateZ(0);}
.home_pro .more a:after{content: "";position: absolute;left: 0;top: 0;display: block;width:0;height: 100%;background-color: #101b87;transition: all 0.4s ease 0s;z-index: -1;}
.home_pro ul li:hover{transform: translateY(-20px);}
.home_pro ul li:hover .list{background: #0c3d7f;}
.home_pro ul li:hover .list a::after{background: #101b87;bottom: 23px;transform: rotate(360deg);}
.home_pro ul li:hover .txt h3{color: #dadada;}
.home_pro .more a:hover{color: #fff;border-color: #101b87;}
.home_pro .more a:hover:after{width: 100%;}

/*关于*/
.home_about .txt{width: 580px;}
.home_about .txt h2{font-size: 28px;font-weight: bold;}
.home_about .txt span{display: block;font-size: 23px;margin-top: 10px;}
.home_about .txt p{width: 100%;margin-top: 30px;}
.home_about .txt .more{margin-top: 30px;overflow: hidden;}
.home_about .txt .more i{display: block;float: left;width: 15px;height: 3px;background: #333;margin-right: 10px;margin-top: 12px;}
.home_about .txt .more a{display: block;font-size: 15px;float: left;}
.home_about .txt .pic{margin-top: 40px;}
.home_about .txt .pic h1{font-size: 24px;font-weight: bold;color: #101b87;}
.home_about .txt .pic h3{font-size: 20px;margin-top: 8px;font-weight: bold;}
.home_about .txt .pic img{display: block;margin-top: 14px;}
.home_about .txt .pic p{color: #D3D3D3;font-size: 15px;font-weight: bold;margin-top: 20px;text-transform: uppercase;}
.home_about .img{width: 510px;height: 640px;overflow: hidden;}
.home_about .img img{display: block;width: 100%;height: 100%;}
.home_about .txt .more a:hover{color: #101b87;}

/*案例*/
.home_case{width: 100%;height: 650px;background: url(../images/back.png)no-repeat center;padding: 60px 0;box-sizing: border-box;}
.home_case .title .txt h1{font-size: 38px;color: #101b87;line-height: 45px;margin-left: 200px;font-weight: bold;}
.home_case .title .txt h1 span{color: #fff;}
.home_case .title .txt em{float: right;height: 30px;font-size: 27px;color: #fff;margin-left: 500px;}
.home_case .title .txt p{width: 400px;height: 32px;font-size: 8px;color: #ccc;}
.home_case .title .more{margin-top: 18px;}
.home_case .title .more a{float: left;width: 170px;display: block;height: 50px;text-align: center;line-height: 50px;background: #E6E6E6;margin-left: 20px;font-size: 15px;}
.home_case .title .more a:last-child,.home_case .title .more a:hover{background: #101b87;color: #fff;}
.home_case .title .more a:last-child:hover{background: #E6E6E6;color: #333;}
.home_case ul{width: 100%;margin-top: 8%;}
.home_case ul li{float: left;width: 31.33%;margin-right: 3%;position: relative;}
.home_case ul li:last-child{margin-right: 0;}
.home_case ul li a{display: block;overflow: hidden;position: relative;}
.home_case ul li .img{width: 100%;height: 270px;overflow: hidden;}
.home_case ul li .img::before{content: '';position: absolute;width: 100%;height: 270px;top: 0;left: 0;transform: scale(0,0);transition: all ease .3s;background:rgba(0,128,219,.7) url(../images/search.png) no-repeat center;}
.home_case ul li .img img{display: block;width: 100%;height: 100%;}
.home_case ul li p{padding: 12px 10px;background: #101b87;text-align: center;font-size: 16px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_case ul li:hover .img::before{transform: scale(1,1);}

/*新闻*/
.home_news .title{overflow: hidden;line-height: 35px;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px dashed #e5e5e5;}
.home_news .title h3{float: left;font-size: 24px;color: #333;}
.home_news .title a{float: right;color: #a1a1a1;text-transform: uppercase;}
.home_news .title a:hover{color: #101b87;}
.home_news .newsL{width: 650px;}
.home_news .newsL dl dt .img{width: 100%;height: 330px;overflow: hidden;}
.home_news .newsL dl dt .img img{display: block;width: 100%;height: 100%;}
.home_news .newsL dl dt .tit{margin: 15px 0;}
.home_news .newsL dl dt .tit span{display: block;width: 80px;height: 32px;line-height: 32px;border-radius: 5px;background: #101b87;text-align: center;font-size: 16px;float: left;margin-right: 10px;color: #fff;}
.home_news .newsL dl dt .tit a{font-size: 18px;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.home_news .newsL dl dt p{color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home_news .newsL dl dd{width: 100%;height: 45px;line-height: 45px;color: #666;border-bottom: 1px dashed #e5e5e5;padding-left: 20px;position: relative;overflow: hidden;box-sizing: border-box;}
.home_news .newsL dl dd::before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #101b87;position: absolute;left: 0;top: 20px;}
.home_news .newsL dl dd span{float: right;}
.home_news .newsR{width: 460px;}
.home_news .newsR dl dt .tit{margin: 14px 0;font-size: 18px;line-height: 30px;}
.home_news .newsR dl dt .tit a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home_news .newsR dl dt p{color: #666;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home_news .newsR dl dt .img{width: 100%;height: 180px;overflow: hidden;}
.home_news .newsR dl dt .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home_news .newsR dl dd{width: 100%;height: 49px;line-height: 45px;color: #666;border-bottom: 1px dashed #e5e5e5;padding-left: 20px;position: relative;overflow: hidden;box-sizing: border-box;}
.home_news .newsR dl dd span{float: right;}
.home_news .newsR dl dd::before{content: "";display: block;width: 20px;height: 20px;border-radius: 4px;background: #101b87;position: absolute;left: 0;top: 13px;z-index: 9;}
.home_news .newsR dl dd em{position: absolute;left: 7px;top: 1px;z-index: 99;color: #fff;  font-size: 12px;}
.home_news .newsR dl dd a{padding-left: 10px;}
.home_news .newsL dl dt .tit a:hover,.home_news .newsR dl dt .tit a:hover,.home_news .newsL dl dd a:hover,.home_news .newsR dl dd a:hover{color: #101b87;}