@charset "utf-8";
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{text-align: center;margin-bottom: 40px;}
.home_title span{font-size: 30px;font-weight: bold;}
.home_title em{display: block;margin-top: 12px;}
@keyframes shake{
	from,to{transform: translate3d(0,0,0);}
	20%,60%{transform: translate3d(-10px,0,0);}
	40%,80%{transform: translate3d(10px,0,0);}
}

/*产品*/
.home_pro{width: 100%;}
.home_pro .proC dl{margin-bottom: 20px;text-align: center;}
.home_pro .proC dl a{display: inline-block;padding: 10px 40px;border-radius: 5px;margin: 0 3px;
background-color: #333;color: #fff;transition: all .3s ease;}
.home_pro .proC ul{height: 0;width: 0;overflow: hidden;opacity: .7;filter: Alpha(opacity=70);transform: scale(0.9);transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
.home_pro .proC ul.active{height: auto;width: auto;opacity: 1;filter: Alpha(opacity=100);visibility: visible;transform: scale(1);}
.home_pro .proC ul li{float: left;width: 23%;margin-top: 30px;margin-left: 2%; background-color: #fff;border: 1px solid #d4d4d4;text-align: center;box-sizing: border-box;}
.home_pro .proC ul li:nth-child(4n-3){margin-left: 0;}
.home_pro .proC ul li a{display: block;}
.home_pro .proC ul li .img{height: 205px;overflow: hidden;}
.home_pro .proC ul li .img img{width: 100%;transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.home_pro .proC ul li .txt{width: 100%;height: 60px;line-height: 60px;transition:all .3s ease;padding: 0 15px;box-sizing: border-box;border-top: 1px solid #d4d4d4;}
.home_pro .proC ul li .txt p{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;text-align: left;float: left;width: 85%;}
.home_pro .proC ul li .txt i{display: block;float: right;font-size: 16px;color: #999;}
.home_pro .proC dl a.on,.home_pro .proC dl a:hover{background-color: #3181D0;}
.home_pro .proC ul li:hover{box-shadow: 0 5px 10px 0 rgba(40,98,153,.2);}
.home_pro .proC ul li:hover .img img{transform: scale(1.1)}
.home_pro .proC ul li:hover .txt{border-color: #3181D0;background: #3181D0;}
.home_pro .proC ul li:hover .txt p{color: #fff;}
.home_pro .proC ul li:hover .txt i{color: #fff;}

/*实力*/
.home_adva{width: 100%;}
.home_adva .advaC{width: 100%;clear: both;overflow: hidden;max-height: 750px;}
.home_adva .advaC ul li{width: 19.79%;float: left;position: relative;cursor: pointer;}
.home_adva .advaC ul li img{display: block;width: 100%;height: 100%;}
.home_adva .advaC ul li .img i{display: block;width: 100%;height: 100%;background: rgba(40,98,153, 0.6);position: absolute;left: 0;top: 0;}
.home_adva .advaC ul li .img .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.home_adva .advaC ul li .con{width: 100%;opacity: 0;transition: .35s;position: absolute;left: 0px;top: 0px;}
.home_adva .advaC ul li .con dl{width: 100%;max-height: 750px;background: #f5f5f5;}
.home_adva .advaC ul li .con dl dd{width: 100%;overflow: hidden;padding: 3vw 3.645vw 3.4vw;box-sizing: border-box;}
.home_adva .advaC ul li .con dl dd h3{font-size: 25px;font-weight: bold;margin-bottom: 1.2vw;}
.home_adva .advaC ul li .con dl dd h3 i{display: block;font-size: 20px;color: #181818;margin-top: 16px;}
.home_adva .advaC ul li .con dl dd p{font-size: 15px;line-height: 30px;color: #666;}
.home_adva .advaC ul li.cur{width: 40.625%;transition: .35s;}
.home_adva .advaC ul li.cur .img{position: absolute;left: 0px;top: 0px;}
.home_adva .advaC ul li.cur .img img{width: 0;height: 0;}
.home_adva .advaC ul li.cur .con{opacity: 1;position: inherit;}

/*流程*/
.home_app{width: 100%;}
.home_app ul{margin-bottom: 60px;}
.home_app ul li{width: 191px;height: 265px;position: relative;float: left;margin-left: 10px;overflow: hidden;}
.home_app ul li:first-child{margin-left: 0;}
.home_app ul li img{display: block;width: 100%;height: 100%;}
.home_app ul li b{display: block;width: 100%;text-align: center;height: 55px;line-height: 55px;position: absolute;top: -55px;left: 0;font-size: 20px;color: #fff;background: rgba(50,129,208,0.9);transition:all .5s;}
.home_app .appB{background: url(../images/app_bg2.gif) no-repeat center 130px;overflow: hidden;}
.home_app .appB dl{width: 150px;float: left;}
.home_app .appB dl dt{width: 90px;height: 122px;margin: 0 auto;position: relative;}
.home_app .appB dl dt div{position: absolute;height: 100%;top: 0;left: 0;-webkit-transition:all .5s linear;background: url(../images/app_bg.png);}
.home_app .appB dl dt div:first-child{background-position: 0 0;}
.home_app .appB dl dt div:last-child{background-position: 0 -122px;opacity: 0;visibility: hidden;transform: rotateY(180deg);}
.home_app .appB dl dt i{display: block;width: 90px;height: 90px;background: url(../images/app_icon.png);}
.home_app .appB dl dt.d1 div:first-child i{background-position: 0 0;}
.home_app .appB dl dt.d1 div:last-child i{background-position: -90px 0;}
.home_app .appB dl dt.d2 div:first-child i{background-position: 0 -90px;}
.home_app .appB dl dt.d2 div:last-child i{background-position: -90px -90px;}
.home_app .appB dl dt.d3 div:first-child i{background-position: 0 -180px;}
.home_app .appB dl dt.d3 div:last-child i{background-position: -90px -180px;}
.home_app .appB dl dt.d4 div:first-child i{background-position: 0 -270px;}
.home_app .appB dl dt.d4 div:last-child i{background-position: -90px -270px;}
.home_app .appB dl dt.d5 div:first-child i{background-position: 0 -360px;}
.home_app .appB dl dt.d5 div:last-child i{background-position: -90px -360px;}
.home_app .appB dl dt.d6 div:first-child i{background-position: 0 -450px;}
.home_app .appB dl dt.d6 div:last-child i{background-position: -90px -450px;}
.home_app .appB dl dt.d7 div:first-child i{background-position: 0 -540px;}
.home_app .appB dl dt.d7 div:last-child i{background-position: -90px -540px;}
.home_app .appB dl dt.d8 div:first-child i{background-position: 0 -630px;}
.home_app .appB dl dt.d8 div:last-child i{background-position: -90px -630px;}
.home_app .appB dl dd{text-align: center;padding-top: 50px;font-size: 16px;}
.home_app .more{display: block;margin:0 auto;width: 185px;height: 42px;line-height: 42px;border-radius: 42px;color: #fff;font-size: 16px;text-align: center;background: #3181D0;margin-top: 50px;}
.home_app ul li:hover b{top: calc(50% - 24px);}
.home_app .appB dl:hover dt div:last-child{opacity: 1;visibility: visible;transform: rotateY(360deg);}
.home_app .appB dl:hover dt div:first-child{opacity: 0;visibility: hidden;transform: rotateY(180deg);}
.home_app .appB dl:hover dd{color: #3181D0;}
.home_app .more:hover{animation: shake .8s linear;}

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

/*关于*/
.home_about{background: url(../images/about_bg.jpg) no-repeat center bottom;padding-bottom: 100px;box-sizing: border-box;}
.home_about .aboutL{width: 600px;}
.home_about .aboutL h1{font-size: 28px;font-weight: bold;height: 120px;padding-top: 40px;box-sizing: border-box;background: url(../images/about_tbg.png) no-repeat;}
.home_about .aboutL h1 i{font-size: 10px;display: block;margin-top: 8px;text-transform: uppercase;}
.home_about .aboutL p{padding-top: 20px;height: 200px;}
.home_about .aboutL ul{width: 750px;margin-left: -30px;margin-top: 20px;}
.home_about .aboutL ul li{float: left;width: 25%;padding-right: 25px;box-sizing: border-box;font-size: 16px;background: url(../images/about_bor.png) no-repeat right;text-align: center;}
.home_about .aboutL ul li:last-child{background: none;}
.home_about .aboutL ul li b{font-size: 42px;line-height: 40px;font-family: "Impact";padding-right: 5px;}
.home_about .aboutL ul li span{display:block;margin-top: 4px;}
.home_about .aboutR{width: 520px;height: 400px;}
.home_about .aboutR img{display: block;width: 100%;height: 100%;object-fit: cover;}

/*隔断*/
.home_pic{height: 200px;background: url(../images/bg9.jpg) top center;color: #fff;padding-left: 90px;box-sizing: border-box;}
.home_pic .picL{width: 30%;padding-top: 80px;}
.home_pic .picL h3{font-size: 16px;display: inline-block;margin-top: 4px;}
.home_pic .picL a{display: inline-block;margin-left: 5px;border: #fff 1px solid;font-size: 16px;width: 115px;height: 30px;line-height: 30px;border-radius: 30px;text-align: center;color: #fff;}
.home_pic .picL h2{font-size: 28px;margin-top: 14px;font-weight: bold;}
.home_pic .picR{width: 70%;text-align: right;font-style: italic;padding-top: 70px;}
.home_pic .picR span{font-size: 28px;font-weight: bold;}
.home_pic .picR ul{margin-top: 15px;float: right;}
.home_pic .picR ul li{padding-left: 22px;background: url(../images/picbg.png) no-repeat left center;float: left;margin-left: 25px;font-size: 18px;}

/*新闻*/
.home_news{width: 100%;}
.home_news .newsL{width: 800px;}
.home_news .newsL .news_type{font-size: 18px;padding-bottom: 20px;border-bottom: 1px solid #e7e7e7;margin-bottom: 30px;}
.home_news .newsL .news_type a{float: left;padding: 0 20px;font-size: 18px;font-weight: bold;}
.home_news .newsL .news_type a:first-child{border-right: 1px solid #e5e5e5;padding-left: 0;}
.home_news .newsL .news_type a.cur{color: #333;font-weight: bold;}
.home_news .newsL .news_type a:last-child{float: right;font-size: 14px;color: #666;font-weight: normal;}
.home_news .newsL .news_con{display: none;}
.home_news .newsL .news_con.cur{display: block;}
.home_news .newsL .news_con dl{height: 200px;margin-bottom: 25px;}
.home_news .newsL .news_con dl dt{width: 305px;height: 100%;float: left;}
.home_news .newsL .news_con dl dt img{display: block;width: 100%;height: 100%;}
.home_news .newsL .news_con dl dd{width: 470px;float: right;}
.home_news .newsL .news_con dl dd h3{padding-top: 5px;height: 30px;line-height: 30px;}
.home_news .newsL .news_con dl dd h3 a{font-size: 16px;float: left;width: 80%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-weight: bold;}
.home_news .newsL .news_con dl dd h3 span{float: right;color: #666;font-size: 14px;}
.home_news .newsL .news_con dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 5px;}
.home_news .newsL .news_con dl dd em{display: block;margin-top: 35px;width: 99px;height: 33px;line-height: 33px;text-align: center;background: #3181D0;border-radius: 5px;}
.home_news .newsL .news_con dl dd em a{display: block;color: #fff;}
.home_news .newsL .news_con ul li{width: 46%;float: left;height: 45px;line-height: 45px;border-bottom: 1px dashed #d0d0d0;padding-left: 15px;background: url(../images/newsicon.png) no-repeat left center;}
.home_news .newsL .news_con ul li:nth-child(2n-1){float: right;}
.home_news .newsL .news_con ul li a{display: block;float: left;width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home_news .newsL .news_con ul li span{float: right;color: #666;}
.home_news .newsR{width: 340px;}
.home_news .newsR .r_top{font-size: 18px;padding-bottom: 20px;border-bottom: 1px solid #e7e7e7;margin-bottom: 30px;font-weight: bold;}
.home_news .newsR .r_top a:last-child{float: right;font-size: 14px;color: #666;font-weight: normal;}
.home_news .newsR .newsR_c{height: 410px;overflow: hidden;}
.home_news .newsR .newsR_c ul li{padding: 15px 0;height: 150px;border-bottom: 1px dashed #e7e7e7;box-sizing: border-box;}
.home_news .newsR .newsR_c ul li a{display: block;font-weight: bold;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;background: url(../images/news_q.png) no-repeat left center;}
.home_news .newsR .newsR_c ul li p{margin-top: 10px;background: url(../images/news_a.png) no-repeat left top 4px;;padding-left: 30px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home_news .newsL .news_type a:last-child:hover{color: #3181D0;}
.home_news .newsL .news_con dl dd h3:hover a{color: #3181D0;}
.home_news .newsL .news_con dl dd em:hover{animation: shake .8s linear;}
.home_news .newsL .news_con ul li:hover a{color: #3181D0;}
.home_news .newsR .r_top a:last-child:hover{color: #3181D0;}
.home_news .newsR .newsR_c ul li a:hover{color: #3181D0;}