@charset "utf-8";

/*公共样式*/

.home_main{margin: 70px auto;}

.home_title{margin-bottom: 45px;text-align: center;position: relative;padding-top: 20px;box-sizing: border-box;}

.home_title i{position: absolute;width: 100%;text-align: center;left: calc(50% - 50%);top: 0;font-size: 74px;color: rgba(2,161,214,.1);text-transform: uppercase;z-index: 2;font-family: "思源宋体 Heavy";}

.home_title span{position: relative;z-index: 15;font-size: 40px;}

.home_title p{font-size: 16px;padding-top: 12px;}



/*产品*/

.home_pro .proL{width: 21.73%;padding: 0 15px 15px 15px;box-sizing: border-box;background: #1da6f6;}

.home_pro .proL h2{font-size: 30px;font-weight: bold;padding-top: 38px;padding-bottom: 20px;text-align: center;color: #fff;}

.home_pro .proL h2 i{display: block;text-transform: uppercase;font-size: 14px;margin-top: 8px;}

.home_pro .proL ul{background: #fff;padding: 12px;padding-bottom: 20px;border-radius: 5px;box-sizing: border-box;}

.home_pro .proL ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;padding-left: 12px;box-sizing: border-box;border-radius: 2px;}

.home_pro .proL ul li a{display: block;}

.home_pro .proL ul li:hover{background: #e6e6e6 url(../images/projt.png) no-repeat 205px center;}

.home_pro .proL ul li:hover a{color: #1da6f6;}

.home_pro .proR{width: 76.08%;}

.home_pro .proR h3{font-size: 24px;margin-top: 5px;margin-bottom: 20px;}

.home_pro .proR h3 em{font-size: 15px;color: #999;margin-left: 8px;text-transform: uppercase;}

.home_pro .proR h3 a{float: right;font-size: 14px;color: #666;}

.home_pro .proR h3 a:hover{color: #00a1d6;}

.home_pro .proR .con{border: 1px solid #d8d8d8;padding: 10px;box-sizing: border-box;position: relative;}

.home_pro .proR .con span{display: block;width: 32px;height: 82px;position: absolute;top: 130px;z-index: 2;cursor: pointer;}

.home_pro .proR .con span.prev{background: url(../images/jtl01.png) no-repeat center;left: 15px;}

.home_pro .proR .con span.next{background: url(../images/jtr01.png) no-repeat center;right: 15px;}

.home_pro .proR .con ul li{float: left;width: 100%;}

.home_pro .proR .con ul li .img{width: 50%;height: 350px;overflow: hidden;}

.home_pro .proR .con ul li .img img{display: block;width: 100%;height: 100%;transition: all .3s ease-in-out 0s;}

.home_pro .proR .con ul li .txt{width: 46%;margin-top: 35px;padding-left: 4%;padding-right: 6%;box-sizing: border-box;}

.home_pro .proR .con ul li .txt a{display: block;font-size: 22px;font-weight: bold;}

.home_pro .proR .con ul li .txt i{display: block;width: 65px;height: 2px;background: #00a1d6;margin: 18px 0;margin-bottom: 25px;}

.home_pro .proR .con ul li .txt p{font-size: 15px;line-height: 28px;}

.home_pro .proR .con ul li:hover .img img{transform: scale(1.05);}

.home_pro .proR .con ul li .txt a:hover{color: #00a1d6;}

.home_pro .proR dl{margin-top: 20px;}

.home_pro .proR dl dt{float: left;width: 32%;margin-right: 2%;}

.home_pro .proR dl dt:nth-child(3n){margin-right: 0;}

.home_pro .proR dl dt .img{width: 100%;border: 1px solid #d8d8d8;overflow: hidden;}

.home_pro .proR dl dt .img img{display: block;width: 100%;height: 220px;transition: all 0.5s;}

.home_pro .proR dl dt p{height: 45px;line-height: 45px;text-align: center;font-size: 15px;background: #7b7b7b;transition: all .3s ease-in-out 0s;}

.home_pro .proR dl dt a{color: #fff;}

.home_pro .proR dl dt:hover .img img{transform: scale(1.05);}

.home_pro .proR dl dt:hover p{background: #1da6f6;}



/*隔断*/

.home_pic{width: 100%;height: 230px;background: url(../images/picbg.jpg) no-repeat center;padding-top: 80px;box-sizing: border-box;}

.home_pic ul li{float: left;width: 25%;color: #fff;padding-left: 70px;box-sizing: border-box;}

.home_pic ul li img{display: block;float: left;width: 65px;}

.home_pic ul li .txt{margin-left: 25px;margin-top: 5px;}

.home_pic ul li .txt p{font-size: 48px;font-weight: bold;position: relative;}

.home_pic ul li .txt p span{font-size: 22px;position: absolute;top: -18px;}

.home_pic ul li .txt em{display: block;font-size: 17px;margin-top: 18px;}



/*关于*/

.home_about{width: 100%;height: 870px;background: url(../images/aboutbg.png) no-repeat center;padding: 75px 0;box-sizing: border-box;}

.home_about .aboutT img{display: block;float: left;width: 48%;height: auto;}

.home_about .aboutT .txt{width: 49%;padding-top: 30px;box-sizing: border-box;}

.home_about .aboutT .txt span{display: block;font-size: 24px;font-weight: bold;color: #00a1d6;}

.home_about .aboutT .txt h3{font-size: 30px;font-weight: bold;margin: 15px 0;margin-bottom: 25px;}

.home_about .aboutT .txt a{display: block;width: 140px;height: 45px;line-height: 45px;color: #fff;background: #00a1d6;text-align: center;float: right;margin-top: 20px;}

.home_about .aboutT .txt a:hover{background: #fbc235;}

.home_about .aboutC{position: relative;margin-top: 50px;}

.home_about .aboutC .con{width: 23.8%;float: left;margin-right: 20px;border: 1px solid #D2D2D2;}

.home_about .aboutC .con a{display: block;width: 100%;height: 240px;overflow: hidden;}

.home_about .aboutC .con a img{display: block;width: 100%;height: 100%;transition: all 0.5s;}

.home_about .aboutC i{display: block;cursor: pointer;width: 45px;height: 45px;line-height: 42px;position: absolute;top: calc(50% - 22px);border-radius: 50px;background: #fff;color: #333;text-align: center;font-size: 34px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}

.home_about .aboutC i.prev{left: -60px;}

.home_about .aboutC i.next{right: -60px;}

.home_about .aboutC .con a:hover img{transform: scale(1.05);}

.home_about .aboutC i:hover{background: #00a1d6;color: #fff;}



/*优势*/

.home_adva ul li{float: left;width: 13%;padding: 35px 0;margin-left: 2%;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;transition: .3s all;box-sizing: border-box;}

.home_adva ul li:first-child{margin-left: 0;}

.home_adva ul li img{display: block;width: 100%;height: 110px;object-fit: cover;}

.home_adva ul li em{display: block;line-height: 50px;font-size: 46px;color: #02a1d6;margin: 30px 0;transition: .3s all;}

.home_adva ul li strong{display: block;line-height: 45px;margin-bottom: 20px;font-size: 24px;transition: .3s all;}

.home_adva ul li p{color: #666;margin-bottom: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s all;}

.home_adva ul li i{display: block;width: 35px;height: 35px;background: url(../images/advaicon.png) no-repeat center;background-size: 100% 100%; transition: .3s all;}

.home_adva ul li.hover{width: 55%;padding: 0;border: none;}

.home_adva ul li.hover img{height: 100%;}

.home_adva ul li.hover em,.home_adva ul li.hover i{display: none;}

.home_adva ul li.hover .txt{background: #02a1d6;padding: 30px;box-sizing: border-box;color: #fff;}

.home_adva ul li.hover .txt strong{line-height: 30px;margin-bottom: 15px;}

.home_adva ul li.hover .txt p{margin-bottom: 0;color: #fff;}

@media screen and (max-width: 1500px){

	.home_adva ul li img{height: 100px;}

	.home_adva ul li em{line-height: 40px;font-size: 40px;}

	.home_adva ul li strong{line-height: 30px;}

	.home_adva ul li p{margin-bottom: 60px;}

}



/*案例*/

.home_case{background: url(../images/casebg.jpg) no-repeat center;width: 100%;height: 760px;padding: 80px 0;box-sizing: border-box;}

.home_case .home_title{color: #fff;}

.home_case .home_title i{color: rgba(255,255,255,.2);}

.home_case dl{float: left;width: 50%;height: 230px;background: #fff;}

.home_case dl dt{width: 50%;height: 100%;overflow: hidden;}

.home_case dl dt img{display: block;width: 100%;height: 100%;transition: all .36s ease;}

.home_case dl dd{position: relative;width: 50%;height: 100%;padding: 45px 30px;box-sizing: border-box;transition: all .3s ease-in-out 0s;}

.home_case dl dd i{width: 0;height: 0;border-style: solid;border-width: 13px 14px 13px 0;border-color: transparent #fff transparent transparent;position: absolute;top: 42px;left: -14px;transition: all .3s ease-in-out 0s;}

.home_case dl:nth-child(3) dd i,.home_case dl:nth-child(4) dd i{border-width: 13px 0 13px 14px;border-color: transparent transparent transparent #fff;left: inherit;right: -14px;}

.home_case dl dd h3{font-size: 18px;transition: all .3s ease-in-out 0s;}

.home_case dl dd h3 span{display: block;width: 40px;height: 2px;background: #02a1d6;margin-top: 15px;transition: all .3s ease-in-out 0s;}

.home_case dl dd p{color: #666;padding-top: 20px;transition: all .3s ease-in-out 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.home_case dl:hover dt img{transform: scale(1.05);}

.home_case dl:hover dd{background: #02a1d6;}

.home_case dl:hover dd i{border-color: transparent #02a1d6 transparent transparent;}

.home_case dl:nth-child(3):hover dd i,.home_case dl:nth-child(4):hover dd i{border-color: transparent transparent transparent #02a1d6;}

.home_case dl:hover dd h3,.home_case dl:hover dd p{color: #fff;}

.home_case dl:hover dd h3 span{background: #fff;}



/*新闻*/

.home_news dl{margin-bottom: 45px;text-align: center;}

.home_news dl a{display: inline-block;font-size: 16px;border: 1px solid #B8B8B8;padding: 10px 50px;transition:all .3s ease;border-radius: 8px;margin: 0 8px;}

.home_news dl a.active,.home_news dl a:hover{background: #02a1d6;color: #fff;border-color: #02a1d6;}

.home_news .newsL{overflow: hidden;display: none;}

.home_news .newsL.current{display: block;}

.home_news .newsL .left{width: 43.47%;transition: all ease-out .3s;}

.home_news .newsL .left .img{overflow: hidden;height: 320px;}

.home_news .newsL .left .img img{display: block;width: 100%;height: 100%;}

.home_news .newsL .left .txt{margin-top: 20px;}

.home_news .newsL .left .txt h3{font-size: 18px;}

.home_news .newsL .left .txt span{display: block;margin: 8px 0;margin-top: 10px;color: #999;}

.home_news .newsL .left .txt i{display: block;width: 70px;height: 2px;background: #b8b8b8;}

.home_news .newsL .left .txt p{color: #888;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}

.home_news .newsL .left:hover .txt h3 a{color: #02a1d6;}

.home_news .newsL .left:hover i{background: #02a1d6;}

.home_news .newsL ul{width: 54.72%;float: right;}

.home_news .newsL ul li{width: 100%;position: relative;margin-bottom: 10px;padding: 8px 20px;box-sizing: border-box;height: 90px;transition: all ease .3s;}

.home_news .newsL ul li:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transform: scaleY(0);transition: transform .75s cubic-bezier(.19,1,.22,1);transition-delay: 0s;transform-origin: top;}

.home_news .newsL ul li span{display: block;width: 16%;float: left;border-right: 2px solid #b8b8b8;padding: 15px 0;padding-right: 1%;box-sizing: border-box;margin-top: 8px;font-size: 34px;color: #999;}

.home_news .newsL ul li .txt{width: 81%;}

.home_news .newsL ul li .txt a{font-size: 16px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.home_news .newsL ul li .txt p{font-size: 13px;line-height: 24px;color: #777;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.home_news .newsL ul li:hover{box-shadow: 0 2px 17px rgba(0,0,0,.1)}

.home_news .newsL ul li:hover:after{transform-origin: bottom;transform: scaleY(1);background-color: #02a1d6;box-shadow: 0 8px 19px #dedede;z-index: -2;}

.home_news .newsL ul li:hover  span{border-right: 2px solid #fff;color: #fff;}

.home_news .newsL li:hover .txt a,.home_news .newsL li:hover .txt p{color: #fff;}

@media screen and (max-width: 1500px){

	.home_news .newsL ul li span{font-size: 30px;}

}



/*快捷导航*/

.home_footer{width: 100%;}

.home_footer .quick{margin-bottom: 50px;}

.home_footer .quick .left{width: 34.78%;position: relative;}

.home_footer .quick .left h3{font-size: 28px;color: #02a1d6;position: absolute;left: 18%;top: 10%;}

.home_footer .quick .left h3 i{font-size: 20px;color: #888;text-transform: uppercase;}

.home_footer .quick .left img{display: block;width: 100%;height: auto;}

.home_footer .quick ul{float: right;width: 60.59%;margin-top: 30px;border-bottom: 1px dashed #d9d9d9;padding: 0 0 25px;}

.home_footer .quick ul li{display: inline-block;width: 24%;font-size: 16px;line-height: 38px;color: #666;}

.home_footer .quick ul li:first-child{width: 100%;font-size: 20px;line-height: 40px;font-weight: bold;background: url(../images/quickico.png) no-repeat right 8px center;margin-bottom: 8px;}

.home_footer .quick ul li a:hover{color: #02a1d6;}

.home_footer .pho{width: 100%;padding: 45px 0;background: #f7f8fa;box-sizing: border-box;}

.home_footer .pho ul{padding: 0 2%;box-sizing: border-box;}

.home_footer .pho ul li{float: left;width: 33.33%;font-size: 22px;padding-left: 60px;box-sizing: border-box;min-height: 50px;line-height: 60px;font-weight: bold;}

.home_footer .pho ul li:nth-child(1){background: url(../images/ft-ico2.png) no-repeat left center;width: 30.33%;line-height: 28px;}

.home_footer .pho ul li:nth-child(2){background: url(../images/ft-ico1.png) no-repeat left center;width: 36.33%;}

.home_footer .pho ul li:nth-child(3){background: url(../images/ft-ico3.png) no-repeat left center;font-size: 18px;}

@media screen and (max-width: 1500px){

	.home_footer .quick .left h3{left: 14%;top: 10%;}

	.home_footer .pho ul li:nth-child(3){font-size: 16px;}

}