/* 首页  */
.banner { width: 100vw; height: 100vh; overflow: hidden; background: #fff; min-height: 3rem; }
.banner .swiper-slide { width: 100%; height: 100%; position: relative; overflow: hidden; }
.banner .swiper-slide .video { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner .swiper-slide img { display: block; width: auto; height: auto; position: absolute; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%, -50%); max-width: 100%; min-height: 100%; }
.banner .swiper-pagination-bullet-active { background: #071689; }
.banner .swiper-button-prev, 
.banner .swiper-button-next{opacity: 0;}

.company { padding-top: 4.1vw; }
.company .image {display: inline-block;width: 40%;vertical-align: middle;}
.company .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.company .item {display: inline-block;vertical-align: middle;width: 60%;padding-right: 6vw;padding-left: .8vw;padding-bottom: 0.5rem;}
.company .item .name { font-weight: bold; color: #3D3D3D; font-size: .32rem; line-height: 1.2; padding-bottom: 4vw; }
.company .item .name > img {display: inline-block;width: 1.4rem;margin-bottom: 0.2rem;}
.company .item .blurb { font-size: .18rem; color: #666666; line-height: 0.38rem; }

.module { height: 2.52rem; color: #fff; text-align: center; background: url(../../img/back_0.png) no-repeat center;}
.module .content { height: 100%; padding-bottom: 0.35rem; align-items: flex-start; }
.module .info { padding: 0 2vw; }
.module .info .name { font-size: .46rem; font-weight: bold; line-height: .7rem; padding-top: 2.6vw; padding-bottom: 1.6vw; }
.module .info .name > span { font-size: inherit; }
.module .info .intro { font-size: .18rem; line-height: .36rem; }

.product { padding-top: 4.1vw; }
.product .content { overflow: inherit; }
.product .slogan { color: #D2D2D2; line-height: .36rem; padding-top: .8vw; padding-bottom: .5vw; overflow: hidden; }
.product .slogan > a { color: #071689; font-size: .16rem; float: right; }
.product .slogan > a > .iconfont { font-size: .26rem; vertical-align: bottom; }
.product .slogan > span { font-size: 0.32rem; line-height: 1.5; display: block; padding: 0.04rem 1.1rem 0.04rem 0; }
.product .list { justify-content: space-between; flex-flow: wrap; }
.product .info { width: 32%; height: 1.72rem; background: #FFFFFF; box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1); margin-bottom: .44rem; margin: 1vw 0; }
.product .info > a { display: block; height: 100%; }
.product .info .image { width: 1.1rem; height: 1.1rem; overflow: hidden; border-radius: .06rem; border: .01rem solid #E5E5E5; float: left; margin-top: .32rem; margin-left: 17.5%; margin-right: 8%; }
.product .info .image > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.product .info p { display: block; font-size: .18rem; font-weight: bold; color: #333333; line-height: .36rem; padding-top: .48rem; padding-bottom: 1%; padding-right: 0.1rem; word-break: break-all; }
.product .info span { color: #999999; font-size: .12rem; line-height: 1.4; padding-right: 0.1rem; }
.product .info:hover { outline: 0.03rem solid #90C6E5; border-radius: 0.02rem; }
.product .info:hover .image > img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.product .info:hover p { color: #071689; }

.service { padding-top: 3.1vw; text-align: center; /*padding-bottom: 4.1vw;*/ }
.service h2 { display: block; text-align: center; margin: 0; }
.service h5 { }
.service .s-banner { position: relative; padding-top: 3.1vw; max-width: 16rem; margin: auto; }
.service .s-banner .swiper-container { height: 6.3rem; }
.service .s-banner .swiper-slide { width: 12rem; height: 4.72rem; background-color: #fff; border-radius: 0.2rem; box-shadow: 0 8px 30px rgb(0 0 0 / 20%); }
.service .s-banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.service .s-item { display: block; height: 100%; color: #fff; text-align: left; padding-left: 6.2vw; padding-top: 6.5vw; background-size: 100%; }
.service .s-item .icon_container { width: .7rem; height: .7rem; background-image: url(../../img/icon_container.png); background-repeat: no-repeat; background-size: 100%; display: block; padding-bottom: .62rem; box-sizing: initial; }
.service .s-item .name { font-size: .34rem; line-height: 1.4; padding-bottom: .15rem; }
.service .s-item .text { font-size: .24rem; line-height: 1.4; padding-bottom: .3rem; }
.service .s-item .icon_arrow { display: block; width: .34rem; height: .34rem; border: .02rem solid #fff; border-radius: 50%; text-align: center; line-height: .3rem; }

.case_head { background-image: url(../../img/back_3.png); background-size: auto 100%; background-position: center; height: 13.3vw; color: #fff; align-items: center; }
.case_head a { line-height: .7rem; border-radius: 1rem; border: .01rem solid #FFFFFF; float: right; font-size: .22rem; color: #fff; padding: 0 1.2vw; margin-right: .1rem; margin-top: .15rem; }
.case_head a > .iconfont { font-size: .36rem; vertical-align: bottom; padding-left: .05rem; }
.case_head .text_cn { vertical-align: bottom; font-size: .36rem; font-weight: 400; }
.case_head .text_en { font-size: .26rem; font-weight: 200; margin-top: .4vw; }

.case {background: url(../../img/back_1.png) no-repeat center bottom;}
.case .swiper-container { position: relative; min-height: 6rem; text-align: center; border-left: .01rem solid #D8D8D8; }
.case .icon_arrow_left { color: #D2D2D2; font-size: .7rem; position: absolute; left: -5.5%; top: 2.5rem; z-index: 10; }
.case .icon_arrow_right { color: #D2D2D2; font-size: .6rem; position: absolute; right: -5.5%; top: 2.5rem; z-index: 10; }
.case .content { height: 100%; min-height: 6rem; background-image: url(../../img/back_1.png); background-position: bottom; background-repeat: no-repeat; background-size: 100% auto; }
.case .item { height: 100%; min-height: 6rem; padding: 0 .15rem; margin-right: 0.01rem; border-right: .01rem solid #D8D8D8; }
.case .item > img { width: 1.2rem; height: 1.2rem; margin-top: 0.8rem; margin-bottom: 0.4rem; border: .01rem solid #D2D2D2; border-radius: 50%; }
.case .item .title { font-size: 16px; color: #333333; line-height: .36rem; padding-bottom: 0.5rem; }
.case .item .intro { font-size: 16px; color: #666666; line-height: .36rem; padding-bottom: 0.5rem; }
.case .item .btn { max-width: 2rem; padding: 0 0.1rem; line-height: 0.5rem; border-radius: 1rem; display: block; border: .01rem solid #D2D2D2; margin: auto; font-size: 18px; color: #999999; }
.case .item .btn > .iconfont { font-size: .36rem; vertical-align: bottom; margin-left: .05rem; }

.yearn { background-image: url(../../img/back_2.png); background-size: auto 100%; background-position: center; height: 4rem; color: #fff; align-items: center; }
.yearn .iconfont { float: right; color: #fff; width: .5rem; height: .5rem; border-radius: .04rem; border: .01rem solid #FFFFFF; text-align: center; line-height: .5rem; font-size: .22rem; position: relative; top: .8rem; }
.yearn h2 { font-size: .30rem; font-weight: bold; color: #FFFFFF; line-height: 1.4; padding-bottom: 3vw; display: block; margin-right: .6rem; white-space: break-spaces; }
.yearn h5 { font-size: .14rem; color: #FFFFFF; line-height: 1.6; display: block; margin-right: 0.6rem; white-space: break-spaces; }

@media screen and (max-width:1460px) {
	.company .item {padding-left: .3rem;}
	.company .item .name { padding-bottom: 3vw; }
	.company .item .blurb { line-height: 1.8; }
	.company .image { padding-right: .3rem; }
	.product { padding: .5rem .3rem 0 .3rem; }
	.service .s-banner .swiper-container { height: 4.8rem; }
	.service .s-banner .swiper-slide { width: 10.2rem; height: 4rem; }
	.yearn { padding: 0 .3rem; }
	.case_head { padding: 0 .3rem; }
}

@media screen and (max-width:1400px) {
	.case .icon_arrow_left { left: 1%; }
	.case .icon_arrow_right { right: 1%; }
}

@media screen and (max-width:1200px) {
	.service .s-banner .swiper-container { height: 4.4rem; }
	.service .s-banner .swiper-slide { width: 9.4rem; height: 3.7rem; }
	.service .s-item { padding-top: 5vw; }
	.service .s-item .icon_container { padding-bottom: 0.3rem; }
}

@media screen and (max-width:1024px) {
	.banner{ height: 70vw }
	.company .item { width: 100%; padding: 0 0.3rem 3vw 0.3rem; }
	.company .image { width: 100%; padding: 0 0.3rem; }
	.product .content h2 { display: block; text-align: center; margin-right: 0; }
	.product .content h5 { display: block; text-align: center; }
	.product .info { height: auto; padding-bottom: .25rem; }
	.product .info .image { margin: .25rem auto .15rem auto; display: block; float: inherit; width: 1.5rem; height: 1.5rem; }
	.product .info p { font-size: .22rem; padding: 0 .2rem .1rem .2rem; }
	.product .info span { padding: 0 .2rem; display: -webkit-box; word-break: break-all; }
	.service { padding-top: .5rem; }
	.service .s-banner .swiper-container { height: 3.4rem; }
	.service .s-banner .swiper-slide { width: 7rem; height: 2.75rem; }
	.service .s-item { padding-top: 5vw; }
	.service .s-item .icon_container { padding-bottom: 0.15rem; width: 0.5rem; height: 0.5rem; }
	.service .s-item .name { font-size: .28rem; padding-bottom: 0.1rem; }
	.service .s-item .text { font-size: .18rem; padding-bottom: 0.15rem; }
	.case_head { height: 2rem; }
	.case_head .text_cn { font-size: .32rem; }
	.case_head .text_en { font-size: .22rem; }
	.case_head a { padding: 0 0.3rem; line-height: .6rem; font-size: .18rem; margin-top: 0.1rem; }
	.case .icon_arrow_left { top: 2.1rem; }
	.case .icon_arrow_right { top: 2.1rem; }
	.case .swiper-container { min-height: 5.8rem; }
	.case .item { min-height: 5.8rem; }
	.case .item > img { margin-top: 0.5rem; }
	.case .item .title { padding-bottom: 0.4rem; }
	.case .item .intro { padding-bottom: 0.5rem; }
}

@media screen and (max-width:768px) {
	.service .s-banner .swiper-container { height: 2.6rem; }
	.service .s-banner .swiper-slide { width: 5.1rem; height: 2rem; }
	.service .s-item { padding-top: 3.5vw; padding-left: .4rem; }
	.service .s-item .icon_container { padding-bottom: .1rem; width: .3rem; height: .3rem; }
	.service .s-item .name { font-size: .22rem; padding-bottom: .08rem; }
	.service .s-item .text { font-size: .14rem; }
	.service .s-item .icon_arrow { width: 0.28rem; height: 0.28rem; line-height: .26rem; font-size: .12rem; }
	.module .info .name { font-size: .46rem; }
	.module .info .intro { line-height: 1.6; }
}