@charset "utf-8";
/*公共样式*/
@font-face{font-family: YuMoW04;src: url(../fonts/yumow04.ttf);}
.title{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 2.5rem;}
.title .txt{display: flex;text-align: left;align-items: flex-end;}
.title .txt h4{position: relative;display: inline-block;font-size: 2.5rem;font-family: yumow04;margin-right: 1.25rem;line-height: 45px;}
.title .txt h4 span{height: 1rem;width: 5rem;transform: rotate(120deg);position: absolute;left: -5rem;left: auto;right: -2rem;top: 0rem;}
.title .txt h4 span i{display: block;width: 3rem;height: 1px;background: #797b7c;transition: .8s;position: absolute;}
.title .txt h4 span i:nth-child(1){right: 0;bottom: 0;transition-delay: .3s;}
.title .txt h4 span i:nth-child(2){left: 0;top: 0;transition-delay: .3s;}
.title .txt h3{font-size: 1.5rem;color: #343635;line-height: 45px;}
@keyframes scale_x{
	0%{transform: scaleX(0);}
	100%{transform: scaleX(1);}
}
.title a{height: 2.625rem;display: flex;align-items: center;text-transform: uppercase;font-size: .875rem;color: #333;position: relative;transition: .6s;}
.title a span{font-size: 20px;margin-left: 8px;font-family: "苹方","微软雅黑", sans-serif;}
.title a:before{content: "";display: block;width: 100%;height: 1px;background: #8f9192;position: absolute;top: 0;left: 0;transform-origin: left;}
.title a:after{content: "";display: block;width: 100%;height: 1px;background: #8f9192;position: absolute;bottom: 0;left: 0;transform-origin: right;}
.title a:hover{color: #3a3788;}
.title a:hover:before{animation: scale_x .6s ease-out;background: #3a3788;}
.title a:hover:after{animation: scale_x .6s ease-out;background: #3a3788;}
@media only screen and (max-width: 990px){
	.title{margin-bottom: 1rem;}
	.title .txt h4{font-size: 1.8rem;line-height: 30px;}
	.title .txt h4 span{width: 3.5rem;}
	.title .txt h3{font-size: 1.2rem;line-height: 40px;}
	.title a{display: none;}
}

/*产品中心*/
.home-product{width: 100%;height: 100%;padding: 80px 0;box-sizing: border-box;}
.home-product .box{position: relative;margin-top: 40px;}
.home-product .box:before{content: '';position: absolute;right: -48px;bottom: -48px;z-index: -1;width: 9.28%;height: 19%;border-radius: 0px 0px 40px 0px;background: #3a3788;}
.home-product .bgbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.home-product .bgbox ul li{width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.home-product .bgbox ul li.on{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.home-product .content ul li{position: relative;float: left;width: 25%;max-height: 580px;height: 70vh;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-transition: ease 1s;transition: ease 1s;-webkit-box-sizing: border-box;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,.3);}
.home-product .content ul li:last-child{border-right: none;}
.home-product .content ul li:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear,center top,center bottom,from(transparent), to(rgba(0,0,0,0.5)));}
.home-product .content ul li:hover:before,.home-product .content ul li.on:before{background: rgba(58,55,136,0.9);}
.home-product .content ul li a{position: relative;display: block;width: 100%;height: 100%;}
.home-product .serial{position: relative;z-index: 10;padding-top: 30%;padding-left: 18%;font-size: 24px;color: #FFF;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.home-product .content ul li.on .serial{font-size: 30px;}
.home-product .content ul li .text{position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;padding: 0px 30px;-webkit-box-sizing: border-box;box-sizing: border-box;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.home-product .content ul li.on .text{bottom: 90px;}
.home-product .content ul li .text .txt{position: relative;margin-bottom: 40px;margin-top: 20px;}
.home-product .text .t1{font-family: "syn"; color: #ffffff;font-size: 20px;}
.home-product .content ul li.on .text .t1{position: absolute;left: 0;top: 0;opacity: 0;}
.home-product .text .t2{position: absolute;left: 0;top: 0;color: #ffffff;opacity: 0;font-size: 20px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.home-product .content ul li.on .text .t2{position: relative;opacity: 1;}
.home-product .content ul li .text .arrowicon{text-align: left;opacity: 0;}
.home-product .content ul li.on .text .arrowicon{opacity: 1;}
.home-product .proB{margin-top: 80px;position: relative;display: none;}
.home-product .proB.active{display: block;width: auto;height: auto;}
.home-product .proB p{position: absolute;top: 70px;z-index: 9999;}
.home-product .proB p a{display: block;width: 77px;height: 77px;}
.home-product .proB p.next{left: -40px;}
.home-product .proB p.next a{background: url(../images/cp_lico01.png) no-repeat;}
.home-product .proB p.prev{right: -40px;}
.home-product .proB p.prev a{background: url(../images/cp_rico01.png) no-repeat;}
.home-product .proB p.next a:hover{background: url(../images/cp_lico02.png) no-repeat;}
.home-product .proB p.prev a:hover{background: url(../images/cp_rico02.png) no-repeat;}
.home-product .proB ul li{width: 285px;float: left;margin-right: 15px;}
.home-product .proB ul li em{width: 100%;height: auto;display: block;overflow: hidden;}
.home-product .proB ul li em img{display: block;width: 100%;height: 100%;transition: 1s;}
.home-product .proB ul li span{display: block;line-height: 40px;text-align: center;font-size: 15px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-product .proB ul li:hover em img{transform: scale(1.05);}
.home-product .proB ul li:hover span{color: #3a3788;}
.home-product .m-content{display: none;position: relative;width: 100%;overflow: hidden;padding-bottom: 40px;}
.home-product .m-content .mlibox{position: relative;padding-bottom: 50.7%;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-box-sizing: border-box;box-sizing: border-box;}
.home-product .m-content .mlibox:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);}
.home-product .m-content .mlibox .cont{position: absolute;z-index: 10;display: block;left: 0;top: 50%;-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;padding: 0 10%;box-sizing: border-box;}
.home-product .m-content ul{margin-top: 10px;}
.home-product .m-content ul li{float: left;width: 49%;margin-left: 2%;margin-bottom: 1.5%;}
.home-product .m-content ul li:nth-child(2n+1){margin-left: 0;}
.home-product .m-content ul li span{display: block;}
.home-product .m-content ul li span img{display: block;width: 100%;border: 1px #ddd solid;}
.home-product .m-content ul li p{font-size: 14px;color: #666;text-align: center;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media only screen and (max-width: 1700px){
	.home-product .proB ul li{width: 260px;}
}
@media only screen and (max-width: 1536px){
	.home-product .text .t1{font-size: 17px;}
	.home-product .text .t2{font-size: 17px;}
	.home-product .proB ul li{width: 240px;}
}
@media only screen and (max-width: 1024px){
	.home-product{padding-top: 80px;padding-bottom: 80px;}
	.home-product .box{margin-top: 20px;}
	.home-product .box:before{right: -3%;bottom: 20px;}
	.home-product .content,.home-product .bgbox,.home-product .probox{display: none;}
	.home-product .m-content{display: block;}
	.home-product .serial{position: absolute;right: 10%;top: 0;padding-top: 0;padding-left: 0;margin-bottom: 20px;}
	.home-product .arrowicon{position: absolute;right: 10%;bottom: 0;}
	.home-product .text{position: static;padding: 0;}
	.home-product .text .txt{margin-bottom: 0;}
	.home-product .text .t1{padding-right: 25px;}
	.home-product .text .t2{position: static;margin-top: 5px;padding-right: 25px;font-size: 20px;}
	.home-product .text .t2,.home-product .text .arrowicon{opacity: 1;}
	.home-product .swiper-pagination-bullet-active{background: #3a3788;}
}
@media only screen and (max-width: 768px){
	.home-product{padding-bottom: 70px;}
	.home-product .box:before{top: 80px;border-radius: 0px 0px 30px 0px;}
}
@media only screen and (max-width: 767px){
	.home-product{padding-top: 50px;padding-bottom: 0;}
	.home-product .box:before{width: 70px;height: 80px;}
}

/*解决方案*/
.home-solution{width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 70px 0;box-sizing: border-box;background-image: url(../images/solutionbg.png);padding-bottom: 0px;}
.home-solution .tit h2{font-size: 34px;font-weight: bold;}
.home-solution .tit p{font-size: 15px;text-transform: uppercase;margin-top: 10px;}
.home-solution ul{width: 30%;margin-top: 100px;float: left;}
.home-solution ul li{display: none;}
.home-solution ul li.cur{display: block;}
.home-solution ul li i{display: block;font-size: 28px;color: #3a3788;text-align: center;font-weight: bold;}
.home-solution ul li span{display: block;height: 28px;margin-top: 4px;background: url(../images/solutionicon.png) no-repeat 0 10px;background-size: 100%;}
.home-solution ul li em{display: block;font-size: 15px;margin-top: 15px;line-height: 30px;height: 200px;}
.home-solution ul li .more{margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 170px;height: 45px;border: 1px solid #868686;border-radius: 25px;background: transparent;overflow: hidden;transition: all .5s;}
.home-solution ul li .more:hover{background: #3a3788;border: 1px solid #3a3788;color: #fff;}
.home-solution ul li .but{display: block;background-image: url(../images/solutionbut.png);background-position: 60% 4rem;cursor: pointer;height: 200px;width: 80px;background-color: #3a3788;background-repeat: no-repeat;transition: all 2s;margin-top: 130px;}
.home-solution .con{width: 62%;margin-top: 50px;position: relative;height: 700px;}
.home-solution .con dl dt h3{position: absolute;top: 5%;right: 0;z-index: 100;width: 55px;height: 55px;line-height: 55px;text-align: center;color: #fff;background: #3a3788;font-size: 24px;font-weight: bold;}
.home-solution .con dl dt p{position: absolute;top: 0;left: 0;padding-right: 25px;padding-bottom: 80px;box-sizing: border-box;height: 100%;}
.home-solution .con dl dt p img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home-solution .con dl dt .pic{position: absolute;bottom: 15%;right: 0;height: 220px;}
.home-solution .con dl dt .pic .img{float: left;height: 100%;width: auto;}
.home-solution .con dl dt .pic .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home-solution .con dl dt .pic .i2_d{float: right;width: 65px;height: 100%;background: #ec8505;font-size: 50px;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;}
.home-solution .con dl dt .icon{position: absolute;bottom: 25px;left: 35%;color: #fff;}
.home-solution .con dl dt .icon span{float: left;}
.home-solution .con dl dt .icon i{display: block;height: 3px;width: 80px;background: #fff;float: left;margin: 0 10px;margin-top: 12px;}
@media only screen and (max-width: 990px){
	.home-solution{padding: 40px 0;padding-bottom: 20px;}
	.home-solution .tit h2{font-size: 22px;}
	.home-solution .tit p{font-size: 13px;margin-top: 4px;}
	.home-solution ul{width: 100%;margin-top: 20px;}
	.home-solution ul li i{font-size: 22px;}
	.home-solution ul li em{font-size: 14px;margin-top: 10px;height: auto;line-height: 25px;}
	.home-solution ul li .more{margin-top: 20px;height: 40px;}
	.home-solution ul li .but{display: none;}
	.home-solution .con{width: 100%;margin-top: 30px;height: 200px;}
	.home-solution .con dl dt h3{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
	.home-solution .con dl dt p{padding-right: 20px;padding-bottom: 0;}
	.home-solution .con dl dt .pic{height: 100px;}
	.home-solution .con dl dt .pic .i2_d{width: 40px;font-size: 40px;}
	.home-solution .con dl dt .icon{display: none;}
}

/*案例*/
.home-cases{width: 100%;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 70px 0;box-sizing: border-box;background-image: url(../images/casebg.png);}
.home-cases ul{margin-top: 30px;}
.home-cases ul li{position: relative;float: left;width: 31.3%;margin: 0.8% 1%;overflow: hidden;box-sizing: border-box;transition: 0.5s;}
.home-cases ul li .img{width: 100%;height: 100%;}
.home-cases ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.6s ease;}
.home-cases ul li .tit{padding: 16px 0;position: absolute;z-index: 99;bottom: 0;background: rgba(0, 0, 0, 0.4);width: 100%;color: #fff;text-align: center;font-size: 16px;}
.home-cases ul li:hover .img img{transform: scale(1.05);}
@media only screen and (max-width: 990px){
	.home-cases{padding: 40px 0;}
	.home-cases ul{margin-top: 20px;}
	.home-cases ul li{width: 100%;margin: 0;margin-bottom: 5px;}
	.home-cases ul li .tit{padding: 12px 0;font-size: 14px;}
}

/*新闻资讯*/
.home-news{position: relative;display: block;width: 100%;height: 100%;background: #f8f9fb;padding: 80px 0;box-sizing: border-box;}
.home-news .news-title{margin-bottom: 30px;margin-top: 30px;}
.home-news .news-title a{display: inline-block;color: #fff;width: 160px;height: 50px;line-height: 50px;transition: all .3s ease;font-size: 15px;border: 1px solid #e8e8e8;margin-right: 20px;text-align: center;background: #3a3788;}
.home-news .news-title a:hover{background: #ec8505;}
.home-news .news-list{overflow: hidden;display: none;}
.home-news .current{display: block;}
.home-news .news-list .news-fl{width: 45%;background-color: #fff;padding: 10px;padding-bottom: 30px;transition: all ease-out .3s;box-sizing: border-box;}
.home-news .news-list .news-fl .news-img{overflow: hidden;display: block;height: 380px;}
.home-news .news-list .news-fl .news-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home-news .news-list .news-fl .news-intro{margin-top: 20px;padding: 0 10px;}
.home-news .news-list .news-fl .news-intro h3{font-size: 18px;margin-bottom: 0;}
.home-news .news-list .news-fl .news-intro .info{background: 0;position: static;padding-top: 5px;}
.home-news .news-list .news-fl .news-intro .info span{color: #666;margin-left: 0;font-size: 14px;font-weight: normal;position: relative;}
.home-news .news-list .news-fl .news-intro .info span:after{position: absolute;content: "";width: 40px;height: 2px;background: #3a3788;left: 0;bottom: -8px;}
.home-news .news-list .news-fl .news-intro .content{white-space: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}
.home-news .news-list .news-fl:hover{box-shadow: 0 2px 17px rgba(0,0,0,.1);}
.home-news .news-list .news-fl:hover h3 a{color: #3a3788;}
.home-news .news-list ul{float: right;width: 53%;}
.home-news .news-list ul li{padding: 24px 20px;overflow: hidden;background: #fff;margin-bottom: 14px;position: relative;transition: all ease .3s;}
.home-news .news-list li:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 0;transform: scaleY(0);transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);transition: transform .75s cubic-bezier(.19,1,.22,1);transition: transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1);transition-delay: 0s;transform-origin: top;}
.home-news .news-intro{padding-left: 90px;overflow: hidden;position: relative;z-index: 7;}
.home-news .news-intro h3{margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.home-news .news-intro .info{position: absolute;left: 0;top: 0;width: 80px;height: 50px;line-height: 50px;overflow: hidden;background: #3a3788;text-align: center;}
.home-news .news-intro .info span{font-size: 25px;font-weight: 700;color: #fff;text-align: center;}
.home-news .news-intro .content{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;}
.home-news .news-list li:hover{box-shadow: 0 2px 17px rgba(0,0,0,.1);}
.home-news .news-list li:hover h3 a{color: #fff;}
.home-news .news-list li:hover:after{z-index: 0;transform-origin: bottom;transform: scaleY(1);background-color: #3a3788;box-shadow: 0 8px 19px #dedede;}
.home-news .news-list li:hover .news-intro{color: #fff;}
.home-news .news-list li:hover .news-intro .content{color: rgba(255,255,255,.4);}
.home-news .news-list li:hover .news-intro .info span{color: #fff;}
.home-news li:hover .news-intro .info{background: #fff;}
.home-news .news-list li:hover .news-intro .info span{color: #3a3788;}
@media only screen and (max-width: 990px){
	.home-news{padding: 40px 0;}
	.home-news .news-title{margin-bottom: 18px;margin-top: 15px;}
	.home-news .news-title a{width: 120px;height: 40px;line-height: 40px;font-size: 14px;margin-right: 4px;}
	.home-news .news-list .news-fl{width: 100%;padding-bottom: 20px;margin-bottom: 10px;}
	.home-news .news-list .news-fl .news-img{height: 150px;}
	.home-news .news-list .news-fl .news-intro{margin-top: 14px;}
	.home-news .news-list .news-fl .news-intro h3{font-size: 16px;}
	.home-news .news-list .news-fl .news-intro .info{padding-top: 0;line-height: 35px;}
	.home-news .news-list .news-fl .news-intro .info span:after{bottom: -12px;}
	.home-news .news-list .news-fl .news-intro .content{margin-top: 2px;}
	.home-news .news-list ul{width: 100%;}
	.home-news .news-list ul li{padding: 14px 20px;margin-bottom: 8px;}
	.home-news .news-list ul li:nth-child(4),.home-news .news-list ul li:nth-child(5){display: none;}
	.home-news .news-intro h3 {font-size: 15px;margin-bottom: 0;}
	.home-news .news-intro .info span{font-size: 22px;}
}

/*公司简介*/
.home-about{position: relative;display: block;width: 100%;height: calc(100vh - 340px);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-image: url(../images/abbg.jpg);}
.home-about .box{position: absolute;left: 0;top: 18%;transform: translate(50%,0);max-width: 32%;color: #fff;}
.home-about .box h2{font-size: 30px;font-weight: bold;}
.home-about .box i{display: block;height: 1px;width: 40%;background: #fff;margin: 25px 0;}
.home-about .box p{font-size: 15px;line-height: 34px;}
.home-about .box p a{color: #ec8505;margin-left: 8px;}
.home-about .box p a:hover{color: #fff;}
@media only screen and (max-width: 1680px){
	.home-about .box{max-width: 35%;}
	.home-about .box h2{font-size: 25px;}
	.home-about .box p{font-size: 14px;line-height: 28px;}
}
@media only screen and (max-width: 1440px){
	.home-about .box{max-width: 38%;}
}
@media only screen and (max-width: 990px){
	.home-about{height: calc(100vh - 20px);}
	.home-about .box{top: 10%;max-width: 100%;transform: translate(4%,0);}
	.home-about .box h2{font-size: 20px;}
	.home-about .box i{margin: 18px 0;}
}