
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{text-align: center;margin-bottom: 45px;}
.home_title span{display: block;font-size: 36px;}
.home_title em{display: block;color: #5f5d5e;margin-top: 20px;font-size: 18px;text-transform: uppercase;}

/*产品展示*/
.home_pro{width: 100%;background:#e8eaf2; padding: 70px 0;padding-bottom: 80px;}
.home_pro .proC{overflow: hidden;}
.home_pro .proL{width: 21%;}
.home_pro .proL .tit{background: linear-gradient(-45deg,#21357c,#104cb3);border-radius: 5px 5px 0px 0px;color: #fff;padding: 30px;box-sizing: border-box;}
.home_pro .proL .tit h3{font-family: 'Oswald',sans-serif;text-transform: uppercase;font-size: 30px;font-weight: bold;}
.home_pro .proL .tit p{font-size: 24px;margin-top: 8px;}
.home_pro .proL dl{background-color: #f9f9f9;}
.home_pro .proL dl dt a{display: block;height: 55px;line-height: 55px;padding: 0 30px;position: relative;z-index: 1;transition: 0.5s;border-bottom: 1px solid #e5e5e5;}
.home_pro .proL dl dt a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background-color: rgba(11,51,120,.1);transform-origin: 100%;transition: transform .38s cubic-bezier(.4,0,.2,1);transform: scaleX(0);}
.home_pro .proL dl dt a:hover:before,.home_pro .proL dl dt.active a:before{transform: scaleX(1);transform-origin: 0;}
.home_pro .proL dl dt a:hover,.home_pro .proL dl dt.active a{color: #21357c;}
.home_pro .proL .call{padding: 30px;background-color: #21357c;color: #fff;}
.home_pro .proL .call span{display: block;font-size: 16px;margin-bottom: 8px;}
.home_pro .proL .call strong{display: block;font-size: 30px;font-family: 'Oswald',sans-serif;letter-spacing: 1px;}
.home_pro .proC #proC1{width: 76%;}
.home_pro .proC ul li{width: 32.33%;margin: 10px 0.5%;float: left;overflow: hidden;box-shadow: 0px 0px 10px #ccc;height: 280px;}
.home_pro .proC ul li img{display: block;width: 100%;height: 240px;}
.home_pro .proC ul li p{position: relative;width: 100%;background: #21357c;transition-duration: .5s;z-index: 2;text-align: center;padding-top: 10px;box-sizing: border-box;overflow: hidden;}
.home_pro .proC ul li p .tit{display: block;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px; color: #fff;}
.home_pro .proC ul li p em{display: inline-block;color: #21357c;padding: 0 20px;border-radius: 35px;border: 1px solid #21357c;line-height: 35px;margin-top: 10px;margin-bottom: 25px;}
.home_pro .proC ul li p span{display: block;height: 50px;line-height: 50px;background: #21357c;text-align: center;width: 100%;transition-duration: .5s;}
.home_pro .proC ul li p span a{display: block;color: #fff;}
.home_pro .proC ul li:hover p{margin-top: -46px;}

/*关于*/
.home_about dl dt{float: right;background: url(../images/story_bj.jpg) no-repeat 0 0;width: 46%;}
.home_about dl dt .video{position: relative;overflow: hidden;margin-top: 110px;}
.home_about dl dt .video video{border-radius: 4px;display: block;width: 100%;height: 100%;} 
.home_about dl dt .video .play-btn{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/play3.png) no-repeat center rgba(0, 0, 0, .2);cursor: pointer;}
.home_about dl dt .video .play-btn.close{display: none;}
.home_about dl dd{float: left;margin-top: 100px;width: 50%;}
.home_about dl dd h3{font-size: 36px;color: #000;position: relative;line-height: 60px;font-weight: bold;}
.home_about dl dd h3::before{content: '';position: absolute;bottom: 1px;left: 0;height: 1px;width: 228px;background: #dbdbdb;}
.home_about dl dd h3::after{content: '';position: absolute;bottom: 0px;left: 0;height: 3px;width: 117px;background: #21357c;}
.home_about dl dd h3 i{color: #21357c;font-weight: bold;}
.home_about dl dd h3 span{padding-left: 15px;font-size: 16px;}
.home_about dl dd p{margin: 20px 20px 10px 0;}
.home_about dl dd em{display: block;float: right;margin-right: 20px;margin-top: 20px;}
.home_about dl dd em i{display: block;width: 60px;height: 1px;background: #7f7f7f;float: left;margin: 12px 15px;}
.home_about dl dd em a{color: #7f7f7f;}
.home_about dl dd em a:hover{color: #21357c;}
.home_about .aboutC{width: 100%;height: 180px;background: #e8eaf2;margin-top: 70px;}
.home_about .aboutC .left{width: 350px;height: 180px;overflow: hidden;position: relative;}
.home_about .aboutC .left img{display: block;width: 100%;height: 100%;}
.home_about .aboutC .left a{display: block;width: 85px;height: 170px;position: absolute;top: 5px;right: 5px;background: #fff;text-align: center;padding-top: 45px;box-sizing: border-box;}
.home_about .aboutC .left p{font-size: 18px;line-height: 24px;letter-spacing: 2px;}
.home_about .aboutC .left i{display: block;height: 22px;line-height: 22px;width: 22px;border-radius: 22px;border: 1px solid #333;margin: 8px auto;}
.home_about .aboutC .left a:hover p{color: #21357c;}
.home_about .aboutC .left a:hover i{border: 1px solid #21357c;color: #21357c;}
.home_about .aboutC .right{width: 70%;height: 100%;padding-top: 30px;box-sizing: border-box;}
.home_about .aboutC .right h2{font-size: 24px;letter-spacing: 1px;margin-bottom: 15px;}
.home_about .aboutC .right h2 span{color: #21357c;}
.home_about .aboutC .right ul li{width: 50%;float: left;background: url(../images/storyl.png) no-repeat left center;padding-left: 15px;box-sizing: border-box;line-height: 28px;}
@media screen and (max-width: 1500px){
  	.home_about .aboutC .right{width: 68%;}
}
@media screen and (max-width: 1200px){
  	.home_about .aboutC .right{width: 62%;padding-top: 10px;}
	.home_about .aboutC .right h2{font-size: 20px;}
	.home_about .aboutC .right ul li{padding-right: 2%;line-height: 22px;margin: 2px 0;}
}

/*案例*/
.home_case{width: 100%;}
.home_case .caseC{margin-bottom: 25px;}
.home_case .caseC ul li{display: inline-block;margin-bottom: 20px;position: relative;margin-left: 1%;height: 250px;}
.home_case .caseC ul li:nth-child(3n-2){margin-left: 0;}
.home_case .caseC ul li a,.home_case .caseC ul li img{display: block;width: 100%;height: 100%;transition: .6s;overflow: hidden;}
.home_case .caseC ul li:nth-child(1){width: 25%;}
.home_case .caseC ul li:nth-child(2){width: 47%;height: 430px;}
.home_case .caseC ul li:nth-child(3){width: 25%;}
.home_case .caseC ul:last-child{width: 85%;margin: 0 auto;}
.home_case .caseC ul:last-child li{display: flex;justify-content: center;align-items: center;float: left;}
.home_case .caseC ul:last-child li:nth-child(1){width: 30%;}
.home_case .caseC ul:last-child li:nth-child(2){width: 37%;height: 310px;}
.home_case .caseC ul:last-child li:nth-child(3){width: 30%;}
.home_case .caseC ul li p{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.3);width: 100%;font-size: 16px;color: #fff;height: 50px;line-height: 50px;padding-left: 25px;box-sizing: border-box;}
.home_case .caseC ul li:hover img{transform: scale(1.05);}
.home_case .caseB{text-align: center;width: fit-content;margin: 0 auto;}
.home_case .caseB a{display: block;line-height: 50px;color: #fff;padding: 0 40px;border-radius: 50px;font-size: 18px;float: left;margin: 0 10px;}
.home_case .caseB a:first-child{background: #21357c;}
.home_case .caseB a:last-child{background: #000;padding: 0 60px;}
.home_case .caseB a:last-child:hover{background: #21357c;}
@media screen and (max-width: 1500px){
  	.home_case .caseC ul li{height: 220px;}
	.home_case .caseC ul li:nth-child(2){height: 380px;}
	.home_case .caseC ul:last-child li:nth-child(2){height: 260px;}
}
@media screen and (max-width: 1200px){
  	.home_case .caseC ul li{height: 180px;}
	.home_case .caseC ul li:nth-child(2){height: 300px;}
	.home_case .caseC ul:last-child li:nth-child(2){height: 220px;}
}

/*优势*/
.home_adva{background: url(../images/pz_bj.jpg) no-repeat center 0;height: 550px;overflow: hidden;padding-top: 85px;box-sizing: border-box;}
.home_adva .home_title,.home_adva .home_title em{color: #fff;}
.home_adva ul{height: 550px;position: relative;overflow: hidden;}
.home_adva ul li{width: 134px;height: 134px;border-radius: 100%;padding-top: 75px;box-sizing: border-box;font-size: 18px;color: #4a4a4a; text-align: center;position: absolute;border: 3px solid rgba(255,255,255,0);}
.home_adva ul li:nth-child(1){background: #fff url(../images/pz_ico01.png) no-repeat center 20px;top: 180px;left: 220px;}
.home_adva ul li:nth-child(2){background: #fff url(../images/pz_ico02.png) no-repeat center 20px;top: 60px;left: 400px;}
.home_adva ul li:nth-child(3){background: #fff url(../images/pz_ico03.png) no-repeat center 20px;top: 0px;left: 633px;}
.home_adva ul li:nth-child(4){background: #fff url(../images/pz_ico09.png) no-repeat center 20px;top: 60px;right: 400px;}
.home_adva ul li:nth-child(5){background: #fff url(../images/pz_ico04.png) no-repeat center 20px;top: 180px;right: 220px;}
.home_adva ul li:hover{color: #fff;border: 3px solid rgba(255,255,255,0.5);}
.home_adva ul li:nth-child(1):hover{background: #21357c url(../images/pz_ico05.png) no-repeat center 20px;}
.home_adva ul li:nth-child(2):hover{background: #21357c url(../images/pz_ico06.png) no-repeat center 20px;}
.home_adva ul li:nth-child(3):hover{background: #21357c url(../images/pz_ico07.png) no-repeat center 20px;}
.home_adva ul li:nth-child(4):hover{background: #21357c url(../images/pz_ico10.png) no-repeat center 20px;}
.home_adva ul li:nth-child(5):hover{background: #21357c url(../images/pz_ico08.png) no-repeat center 20px;}
.home_p{width: 362px;height: 180px;margin: -180px auto 0;overflow: hidden;}
.home_p .con{width: 100%;height: 362px;background: #fff url(../images/pin_ico.png) no-repeat center 22px;border-radius: 100%;position: relative;z-index: 2;padding-top: 70px;box-sizing: border-box;text-align: center;}
.home_p p{line-height: 50px;text-transform: uppercase;font-size: 30px;}
.home_p p:first-child{font-size: 28px;line-height: 25px;margin-bottom: 8px;color: #21357c;}
.home_p span{display: block;background: url(../images/title_line.png) no-repeat center 0;padding-top: 14px;margin-top: 20px;}
.home_brand{background: url(../images/pin_bj.jpg) no-repeat center 0;height: 652px;overflow: hidden;margin-top: -180px;z-index: 4;position: relative;}
.home_brand .w1400{position: relative;}
.home_brand dl{position: absolute;width: 280px;}
.home_brand dl dt{height: 50px;font-size: 20px;color: #000;font-weight: bold;line-height: 50px;}
.home_brand dl dt span{display: block;float: left;width: 50px;height: 50px;line-height: 50px;background: #21357c;font-size: 30px;text-align: center;color: #fff;margin-right: 15px;}
.home_brand dl dd{padding-top: 24px;}
.home_brand dl:nth-child(1){top: 0;left: 0;height: 362px;padding-top: 115px;box-sizing: border-box;}
.home_brand dl:nth-child(1)::before{content: '';position: absolute;bottom: 0;left: -300px;background: #d9d9d9;width: 700px;height: 1px;}
.home_brand dl:nth-child(2){top: 0;left: 380px;height: 362px;padding-top: 115px;box-sizing: border-box;}
.home_brand dl:nth-child(2)::before{content: '';position: absolute;top: 0;left: 0;background: #d9d9d9;width: 1px;height: 100%;}
.home_brand dl:nth-child(3){top: 362px;left: 380px;}
.home_brand dl:nth-child(4){top: 362px;left: 750px;}
.home_brand dl:nth-child(2) dd{padding-left: 20px;}
.home_brand p{position: absolute;}
.home_brand p.p01{top: 362px;left: 0;}
.home_brand p.p02{top: 107px;right: 0;}
.home_brand p.p03{top: 362px;right: 0;}
@media screen and (max-width: 1500px){
  	.home_adva ul li:nth-child(1){left: 100px;}
	.home_adva ul li:nth-child(2){left: 300px;}
	.home_adva ul li:nth-child(3){right: 300px;}
	.home_adva ul li:nth-child(4){right: 100px;}
	.home_brand dl{width: 240px;}
	.home_brand dl:nth-child(2){left: 280px;}
	.home_brand dl:nth-child(3){left: 350px;}
	.home_brand dl:nth-child(4){left: 650px;}
}
@media screen and (max-width: 1200px){
  	.home_adva ul li:nth-child(1){left: 0px;}
	.home_adva ul li:nth-child(2){left: 200px;}
	.home_adva ul li:nth-child(3){right: 200px;}
	.home_adva ul li:nth-child(4){right: 0px;}
	.home_brand{height: 600px;}
	.home_brand dl{width: 200px;}
	.home_brand dl:nth-child(1){padding-top: 80px;}
	.home_brand dl:nth-child(1)::before{left: -30000px;width: 70000px;}
	.home_brand dl:nth-child(2){left: 250px;padding-top: 80px;}
	.home_brand dl:nth-child(3){left: 250px;}
	.home_brand dl:nth-child(4){left: 500px;}
	.home_brand p.p01 img{width: 220px;}
	.home_brand p.p02 img{width: 500px;height: 100%;}
	.home_brand p.p03 img{width: 220px;}
}

/*隔断*/
.home_pic{width: 100%;height: 210px;overflow: hidden;}
.home_pic img{display: block;width: 65%;height: 100%;float: left;}
.home_pic .txt{width: 35%;height: 100%;color: #fff;background: #21357c;padding: 40px;box-sizing: border-box;}
.home_pic .txt h3{font-size: 20px;}
.home_pic .txt p{text-transform: uppercase;font-size: 24px;margin-top: 10px;}
.home_pic .txt a{display: block;width: 138px;height: 38px;border: 1px solid #fff;text-align: center;line-height: 38px;border-radius: 20px;color: #fff;margin-top: 25px;}
.home_pic .txt a:hover{background: #fff;color: #21357c;}

/*新闻资讯*/

.home_news{background: linear-gradient(180deg,#e8eaf2,#ffffff); padding-top: 70px;padding-bottom: 80px;}

.home_news .tit{height: 60px;font-size: 24px;line-height: 65px;position: relative;color: #000;margin-bottom: 15px;}

.home_news .tit a{float: right;font-size: 14px;color: #8a8a8a;padding-right: 10px;}

.home_news .tit::before{content: '';position: absolute;top: 1px;left: 0;background: #d9d9d9;width: 100%;height: 1px;}

.home_news .tit::after{content: '';position: absolute;top: 0;left: 0;background: #21357c;width: 95px;height: 3px;z-index: 3;}

.home_news .tit a:hover{color: #21357c;}

.home_news .newsL,.home_news .newsR{width: 48%;overflow: hidden;}

.home_news .newsL dl{background: #fff;border-bottom: 1px solid #f2f2f2;}

.home_news .newsL dl dt{width: 100%;height: 330px;}

.home_news .newsL dl dt img{display: block;width: 100%;height: 100%;}

.home_news .newsL dl dd{padding: 20px;padding-bottom: 24px;}

.home_news .newsL dl dd h3{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.home_news .newsL dl dd p{padding-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.home_news .newsL ul{padding: 20px;background: #fff;}

.home_news .newsL ul li{padding-left: 15px;background: url(../images/wt_ico.gif) no-repeat 0 13px;line-height: 30px;color: #a1a0a0;}

.home_news .newsL ul li a{color: #737373;}

.home_news .newsR .hy dl{background: #fff;overflow: hidden;margin-bottom: 25px;height: 138px;}

.home_news .newsR .hy dl dt{width: 35%;height: 100%;float: left;overflow: hidden;}

.home_news .newsR .hy dl dt img{display: block;width: 100%;height: 100%;}

.home_news .newsR .hy dl dd{width: 65%;height: 100%;float: left;position: relative;padding-right: 40px;padding-left: 20px;box-sizing: border-box;}

.home_news .newsR .hy dl dd i{display: block;position: absolute;bottom: 0;right: 0;width: 46px;height: 42px;}

.home_news .newsR .hy dl dd h3{padding-top: 25px;}

.home_news .newsR .hy dl dd p{padding-top: 5px;color: #737373;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.home_news .newsR .wt{overflow: hidden;background: #fff;}

.home_news .newsR .wt h4{border-left: 3px solid #21357c;height: 60px;background:#e9e9e9;overflow: hidden;line-height: 60px;font-size: 24px;padding-left: 20px;color: #000;}

.home_news .newsR .wt h4 a{display: block;float: right;font-size: 14px;color: #8a8a8a;padding-right: 20px;}

.home_news .newsR .wt ul{padding: 16px 30px 16px 30px;}

.home_news .newsR .wt ul li{line-height: 35px;color: #a1a0a0;padding-left: 15px;background: url(../images/wt_ico.gif) no-repeat 0 16px;}

.home_news .newsR .wt ul li a{color: #737373;}

.home_news .newsL ul li a:hover,.home_news .newsL dl dd:hover a,.home_news .newsR .hy dl dd h3:hover a,.home_news .newsR .wt h4 a:hover,.home_news .newsR .wt li a:hover{color: #21357c;}