/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner a{display: block;width: 100%;}

.banner-img{width: 100%;}
.banner-imgpc,.banner-imgmb{width: 100%;object-fit: cover;}
.banner-imgpc{min-height: 360px;}
.banner-imgmb,.mb{min-height: 320px;display: none;}
.banner .swiper-pagination{bottom: 38px;left: 0;right: 0;}
.banner .swiper-pagination-bullet {width: 76px;height: 3px;border-radius: 0;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 10px !important;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 3px;z-index: 1;transition: 0s;}
.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 4s ease;}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide video {width: 100%;height: 100%;object-fit: cover;}
.banner-wd{position: absolute;top: 40%; width: 100%;text-align: center;color: #fff;}
.banner-wd h4{font-size: 24px;font-weight: 300;}
.banner-wd h2{font-size: 36px;font-weight: 600;margin: 30px 0;}
.banner-wd p{border: 1px #fff solid; display: inline-block; padding: 10px 24px;}

.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../image/vd-close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}

.index-pro{z-index:10;}
.Ipro-box{display:block;width:25%;text-align:center;background:#f5f5f5;border-left:1px solid #ffffff;position:relative;float:left;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.Ipro-box:first-child{border:0px;}

.Ipro-box .Ipro-block{position:relative;overflow:hidden;}
.Ipro-block img{width:100%;transition: 0.4s all ease-in-out;}
.Ipro-block .Ipro-con{width:100%;height:100%;position:absolute;left:0px;bottom: 0;}
.Ipro-con .box h3{line-height: 60px;}
.Ipro-con .box p{font-size: 14px;line-height: 30px;}
.Ipro-con .box,
.Icase-block .Icase-con{transition: 0.4s all ease-in-out;  background-color: rgba(0,0,0,0.8); width:100%;padding:0 .5rem .41rem;height:60px;font-size:18px;color:#ffffff;font-weight:lighter;position:absolute;left:0%;bottom: 0; }
.Ipro-box:hover{border:0px;box-shadow:10px 15px 30px -15px #eee;transform:translate3d(0,-20px,0);transition:all .3s cubic-bezier(.55,0,.1,1);background:#ffffff;z-index:10;}
.Ipro-box:hover .Ipro-con{}
.Ipro-box:hover + .Ipro-box{}
.Ipro-box:hover .box{height: 50%;}
.Ipro-box .Ipro-block:hover img{}

.index-about1 {padding: 50px 0;}
.index-about1 .index-about1-box{display: flex;}
.index-about1 .index-about1-box .index-about1-l{width: 40%;}
.index-about1 .index-about1-box .index-about1-r{width: 60%;}
.index-about1 .index-about1-box .index-about1-l h2{font-size: 24px;}
.index-about1 .index-about1-box .index-about1-l p{line-height: 40px;font-size: 18px;}
.index-about1 .index-about1-box .index-about1-r p{line-height: 30px;color: #595959;}

.index-fk img{width: 100%;height: 100%;}
.index-fk-box{display: flex;}
.index-fk-box .index-fk-l,.index-fk-box .index-fk-r{width: 50%;}
.index-fk-box .index-fk-r{display: flex;flex-wrap: wrap;}
/* .index-fk-box .index-fk-r .index-fk-item:not(:last-child){width: 50%;} */
.index-fk-box .index-fk-r .index-fk-item{width: 100%;}
.index-fk-item{position: relative;overflow: hidden;height: 340px;}
.index-fk-wd{padding: 30px; transition: 0.3s all ease-in-out; position: absolute; top: 0;left: -50%; opacity: 0; width: 100%;height: 100%; background-color:rgba(0,0,0,0.5); color: #fff; }
.index-fk-item:hover .index-fk-wd{left: 0; opacity: 1;}
.index-fk-wd p{font-size: 18px;}

.index-fk-item .fk-span{width: 100%;height: 100%;position: relative;display: flex; justify-content: center; align-items: center;}
.index-fk-item .fk-span span{display: block; position: absolute; background-color: rgba(255,255,255,0.3);transition: 0.6s all ease-in-out;}
.index-fk-item span.fk-top,.index-fk-item span.fk-bott{width: 0;height: 1px;left: 0;right: 0;margin: auto;}
.index-fk-item span.fk-top{top: 0;}
.index-fk-item span.fk-bott{bottom: 0px;}
.index-fk-item span.fk-left,.index-fk-item span.fk-right{width: 1px;height: 0;top: 0;bottom: 0;margin: auto;}
.index-fk-item span.fk-left{left: 0px;}
.index-fk-item span.fk-right{right: 0px;}
.index-fk-item:hover span.fk-top,.index-fk-item:hover span.fk-bott{width: 100%;}
.index-fk-item:hover span.fk-left,.index-fk-item:hover span.fk-right{height: 100%;}


.index-video{width: 1300px; margin: auto; margin-top: 50px;margin-bottom: 50px;}
.index-video video,.index-video .plyr{border-radius: 10px;}

.indvd{width: 100%;position: relative;height: 542px;background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important;}
.indvd-wd{position: absolute;width: 200px;text-align: center;left: 0;right: 0;margin: auto; top: 43%; transform: translateY(-50%);z-index: 2;color: #fff;}
.indvd-wddh{width: 100%;}
.indvd-wd h5, .indvd-wd h2{font-size: 40px;}
.indvd-wd h6, .indvd-wd h1{font-size: 24px;line-height: 32px;margin: 24px 0;}
.indvd-wd p{font-size: 14px;line-height: 30px;}
.indvd-click{width: 60px;height: 60px;margin: 40px auto 0;}
.indvd-click i{display: block;width: 100%;height: 100%;background: url('../image/vdCk.png') no-repeat center /100% auto;cursor: pointer;}
.indvd-click:hover i{animation: indvdI .8s ease-in-out both;}
@keyframes indvdI{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}

.news{width: 100%;padding: 120px 0;}
.news-list{width: 100%;margin-top: 68px;}
.news-list ul{margin-left: -2%;}
.news-list li{width: 31.3333%;margin-left: 2%;position: relative;float: left;}
.news-imgwd{display: block;width: 100%;}
.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all .8s ease-in-out;}
.news-wd{width: 100%;padding: 28px 0 0;}
.news-wd span{display: block;font-size: 14px;color: #888;font-family: 'GothamBook';}
.news-wd p{font-size: 20px;color: #333;line-height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 10px 0 30px;transition: all .4s ease;}
.news-imgwd:hover .news-img img{transform: scale(1.04);}
.news-imgwd:hover .news-wd p{color: #2f318b;}
.news-imgwd:hover .toLink {color: #2f318b;background-image: url('../image/indArrH.png');}
.news-imgwd:hover .toLink:after {width: 100%;right: auto;left: 0;}


/* 首页why */
.index-why{margin-top: 80px;position: relative;}
.index-why .pubTitle{position: absolute;z-index: 2;top: 80px;}
.index-why .pubTitle h1{color: #fff;}
.index-why .row{margin: 80px 0 80px 0;}
.index-why .item{text-align: center;height: 660px;display: flex;align-items: center; background-repeat: no-repeat;background-size: contain;background-position: center;}
.index-why-box{width: 50%; margin: auto; color: #fff;padding-top: 50px;}
.index-why-box h3{font-size: 24px;}
.index-why-box h4{font-size: 16px;margin: 30px 0;}
.index-why-box p{line-height: 30px; color: #ccc;}
.index-why  .index-why-switch{position: relative;}
.index-why .customNavigation{position: absolute; width: 100%; top: 45%;transition: 0.4s all;}
.index-why .customNavigation .btn:hover{opacity: 0.8;}
.index-why .customNavigation .btn{position: absolute; width: 70px;height: 70px;background-repeat: no-repeat;opacity: 0.4;}
.index-why .customNavigation .prev{left: 0; background-image: url(../image/carousel-control-left.svg);}
.index-why .customNavigation .next{right: 0;background-image: url(../image/carousel-control-right.svg);}
/* 
首页sq */
.index-sersq{margin-top: 50px; padding: 50px 0;}
.index-sersq .pubTitle h6, .pubTitle h1{color: #000;}
.sersq-list{width: 100%;}
.sersq-list ul{margin-left: -1.5%;}
.sersq-list li{width: 23.5%;margin-left: 1.5%;float: left;min-height: 362px;text-align: center;}
.sersq-icon{width: 100%;height: 52px;margin: 50px 0 30px;}
.sersq-icon img{max-height: 100%;}
.sersq-tit{width: 100%;}
.sersq-tit h6, .sersq-tit h1{font-size: 24px;color: #333;}
.sersq-tit i{width: 28px;height: 2px;background: #b0b0b0;display: block;margin: 20px auto;}
.sersq-list{width: 100%;padding: 24px;}
.sersq-list p{width: 100%;margin: 0 auto;line-height: 24px;color: #888;font-size: 14px;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .project {padding-top: 100px;}
    .case, .news{padding: 100px 0;}
    .project-lp, .case-list, .news-list{margin-top: 64px;}
    .product-wd{left: 4%;}
    .indvd{height: 446px;}
		.index-video{ width: 100%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .project {padding-top: 80px;}
    .case, .news{padding: 80px 0;}
    .project-lp, .case-list, .news-list{margin-top: 58px;}
    .product-wdtit h6, .product-wdtit h1, .indvd-wd h5, .indvd-wd h2{font-size: 36px;}
    .product-img img{width: 468px;}
    .product-L .product-img-left{width: 468px;}
    .product-R .product-img-right{width: 468px;}
    .product-img{width: 234px;}
    .product-img-left {margin-left: -234px;}
    .product-img-right {margin-right: -234px;}
    .product {height: 668px;}
    .indvd-wd h6, .indvd-wd h1 {font-size: 20px;line-height: 30px;margin: 20px 0;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .project {padding-top: 70px;}
    .case, .news{padding: 70px 0;}
    .project-lp, .case-list, .news-list{margin-top: 54px;}
    .product-wdtit h6, .product-wdtit h1, .indvd-wd h5, .indvd-wd h2 {font-size: 32px;}
    .indvd{height: 402px;}
		.index-about-box .index-about-box-img img{width: 100%;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .project {padding-top: 64px;}
    .case, .news{padding: 64px 0;}
    .project-lp, .case-list, .news-list{margin-top: 50px;}
    .project-qq{transform: scale(.8);}
    .project-lpimg{height: 600px;}
    .product-wddes p span{min-width: 82px;}
    .product {height: 550px;}
    .product-img img{width: 400px;}
    .product-L .product-img-left{width: 400px;}
    .product-R .product-img-right{width: 400px;}
    .product-img{width: 200px;}
    .product-img-left {margin-left: -200px;}
    .product-img-right {margin-right: -200px;}
    .case-wd h6, .case-wd h1{font-size: 22px;}
    .case-wdicitem {margin-right: 48px;}
    .case-wdic {margin: 24px 0 32px;}
    .indvd{height: 356px;}
    .indvd-wd h6, .indvd-wd h1 {font-size: 16px;line-height: 24px;margin: 16px 0;}
    .indvd-click {width: 54px;height: 54px;margin: 36px auto 0;}
    .news-wd p {font-size: 20px;line-height: 20px;margin: 10px 0 24px;}
    .product-wdtit h6, .product-wdtit h1, .indvd-wd h5, .indvd-wd h2 {font-size: 28px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .project {padding-top: 58px;}
    .case, .news{padding: 58px 0;}
    .project-lp, .case-list, .news-list{margin-top: 44px;}
    .product-wddes p {font-size: 14px;line-height: 30px;}
    .product-wdtit h6, .product-wdtit h1, .indvd-wd h5, .indvd-wd h2 {font-size: 24px;}
    .product-wddes p span {min-width: 68px;}
    .case-wdicitem {margin-right: 32px;}
    .news-wd p {font-size: 18px;line-height: 20px;margin: 10px 0 20px;}
    .news-wd {padding: 24px 0 0;}
    .indvd{height: 320px;}
		.index-video{width: 100%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .product-wddes {margin: 16px 0 24px;}
    .product {height: 480px;}
    .product-img img{width: 340px;}
    .product-L .product-img-left{width: 340px;}
    .product-R .product-img-right{width: 340px;}
    .product-img{width: 170px;}
    .product-img-left {margin-left: -170px;}
    .product-img-right {margin-right: -170px;}
    .case-wdicitem img{width: 40px;}
    .case-wdicitem p{margin-left: 8px;}
    .case-wdicitem p b, .case-wdicitem p span{font-size: 13px;}
    .indvd{height: 280px;}
    .banner-imgpc,.pc{display: none;}
    .banner-imgmb,.mb{display: block;}
    /* .bannerVideo, .banner .swiper-pagination span:first-child{display: none !important;} */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .swiper-pagination {bottom: 18px;}
    .product-wd{margin-top: 0;top: 0;width: 100%;background: #fff;left: 0;padding: 36px 0 28px;text-align: center;}
    .product {height: 728px;}
    .product-L .product-left{width: 100%;}
    .product-L .product-right{width: 0%;}
    .product-R .product-left{width: 0%;}
    .product-R .product-right{width: 100%;}
    .case-list li{width: 100%;}
    .case-list li:last-child{margin-top: 32px;}
    .indvd{}
		.index-fk-box{flex-wrap: wrap;}
		.index-fk-box .index-fk-l, .index-fk-box .index-fk-r{width: 100%;}
		
		.index-about{padding: 30px 0;}
		.index-about-box .index-about-box-img{width: 100%;}
		
		.index-about-box .index-about-box-text{width: 100%;padding-left: 0;padding-top: 10px;}
		.index-about-box .index-about-box-text .about-more{ margin: auto; margin-top: 20px; text-align: center;}
		.numCount .item .numU{font-size: 20px;}
			
		.index-sersq{background-size: cover;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
		.banner-wd h2{font-size: 20px;}
    .banner .swiper-pagination {bottom: 16px;}
    .banner .swiper-pagination-bullet {width: 40px;margin: 0 6px !important;}
		.index-pro .Ipro-box{width:50%;border-left:0px;}
    .product {height: 608px;}
    .project {padding-top: 36px;}
    .project-lp, .case-list, .news-list {margin-top: 28px;}
    .case, .news {padding: 36px 0 40px;}
    .case-wd h6, .case-wd h1 {font-size: 20px;}
    .case-wdicitem img {width: 32px;}
    .case-wdicitem p b, .case-wdicitem p span {font-size: 12px;}
    .case-wdicitem p {margin-left: 6px;}
    .case-wdicitem {margin-right: 8px;}
    .case-wdic {margin: 16px 0 20px;}
    .indvd-wd {width: 100%;left: 0;margin-left: 0;padding: 0 4%;}
    .indvd-wd h6, .indvd-wd h1 {font-size: 14px;line-height: 20px;margin: 10px 0;}
    .indvd-wd p {line-height: 20px;}
    .indvd-click {width: 44px;height: 44px;margin: 24px auto 0;}
    .indvd {}
    .news-list ul {margin-left: 0;}
    .news-list li {width: 100%;margin-left: 0;}
    .news-wd p {margin: 10px 0 14px;}
    .news-list li:nth-child(n+2){margin-top: 24px;}
    .news-wd {padding: 18px 0 0;}
    .circlePage{display: none;}
    .project-qq {transform: scale(1);width: 100%;height: auto;}
    .project-wdtit li{font-size: 24px;}
    .project-wddes {margin: 6px 0 24px;}
    .project-lpimg {height: auto;min-height: 280px;}
    .project-wd {margin-top: -90px;}
    .project-mbqq{display: block;}

    .popVideo-content{width: 92%;}
    .popVideo-close {right: 0;top: -32px;}
		
		
		.index-sersq{margin-top: 0;padding-top: 0;}
		.sersq-list ul{margin-left: 0;}
		.sersq-list li {width: 100%;margin-left: 0%;float: left;margin-top: 24px;min-height: auto;padding-bottom: 32px;}
		.sersq-icon {margin: 34px 0 24px;}
		.sersq {padding-bottom: 44px;}
		.serzb {padding: 36px 0 40px;}
		
		
		
		.index-why .item{height: 300px;background-size: cover;}
		.index-why-box{width: 80%;}
		.index-why-box h3{font-size: 18px;}
		.index-why-box h4{font-weight: 14px;margin: 12px 0;}
		.index-why-box p{font-size: 12px;}
		.index-why .pubTitle{top: 20px;}
		.index-fk-item{height: auto;}
		
}