@charset "utf-8";

/*头部*/
html, body{ width: 100%;}

.pc_hide{display: none;}
.wrap{background-color: #92c9f0;overflow: hidden;position: relative;}
.banner{width: 100%;position: relative;}
.banner .logo{width: 2.76rem;display: block;position: absolute;right: 0;top: .11rem;z-index: 1;}
.banner img{width: 100%;height: 100%;}
.banner .swiper-pagination-bullet{background: #ffffff;opacity: 1;width: .12rem;height: .12rem;margin: 0 .05rem;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #518ff4;}
.banner .swiper-container{height: 7.53rem;}
.banner .swiper-slide{height: 7.53rem;overflow: hidden;}
.banner .video{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.content{background-image: url(../images/bg_top.png);background-repeat: no-repeat;background-size: 100%;background-position: center top;}
.title{margin: 0 auto;width: 23.125%;}
.title img{width: 100%;}

.introduction{color: #272727;padding-top: .68rem;position: relative;padding-bottom: 2rem;}
.introduction p{margin: 0 auto;text-align: center;}
.introduction .tit{font-size: .34rem;line-height: .46rem;width: 57%;position: relative;padding-bottom: .4rem;padding-top: .5rem;}
.introduction .tit:after{content: '';display: block;width: 1rem;height: .03rem;background: #518ff4;position: absolute;left: 50%;margin-left: -.5rem;bottom: .18rem;}
.introduction .det{font-size: .26rem;line-height: .42rem;width: 50%;}
.introduction .imgbox{position: relative;display: flex;margin: .24rem auto 0;width: 11.1rem;border: .08rem solid #ffffff;justify-content: space-between;}
.introduction .imgbox div{overflow: hidden;height: 4.56rem;width: 100%;}
.introduction .imgbox .img1{width: 6.42rem;border-right: .08rem solid #ffffff;flex-shrink: 0;}
.introduction .imgbox img{width: 100%;transition: all .4s;}
.introduction .imgbox img:hover{transform: scale(1.15);}
/*.introduction .imgbox:after{content: '';display: block;width: 4.03rem;height: .65rem;background: url(../images/shadow_title.png) no-repeat;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -2.01rem;bottom: -.65rem;}*/
.introduction .ani{position: absolute;}
.introduction .b1{width: 1rem;left: 1.45rem;top: .67rem;}
.introduction .b2{width: .63rem;right: 2.68rem;top: .82rem;}
.introduction .b3{width: .97rem;right: .75rem;top: 3.86rem;}
.introduction .b4{width: 1.21rem;left: .75rem;top: 6.88rem;}
.introduction .p1{width: .3rem;right: 3.31rem;top: 4.18rem;animation: scaleShake .4s infinite linear;}
.introduction .p2{width: .3rem;left: 3.01rem;top: 5.7rem;animation: scaleShake .4s infinite linear;}
.introduction .p3{width: .3rem;right: 3.89rem;top: 6.11rem;animation: scaleShake .4s infinite linear;}
.introduction .p4{width: .3rem;left: 4rem;top: 7.09rem;animation: scaleShake .4s infinite linear;}
.introduction .p5{width: 3rem;right: -.75rem;top: .68rem;}
.introduction .p6{width: 1.9rem;left: -.2rem;top: 4.5rem;}

@-webkit-keyframes scaleShake{
	0{transform: scale(0);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}

.works{padding-top: 1.68rem;position: relative;}
.works .linewrap{margin-top: .58rem;position: relative;}
.works .line{width: 100%;}
.works .modules{padding-bottom: 3.14rem;position:relative;background: url(../images/bg_line.png) no-repeat;background-size: 100% auto;padding-top: .3rem;}
.works .module{position: relative;display: flex;} 
.works .module.chile{margin-top: 1.1rem;} 
.works .module.russia{margin-top: 1.3rem;} 
.works .module.philippines{margin-top: 1.3rem;} 
.works .module.kuwait{margin-top: 2.3rem;} 

.works .linewrap .posi{position: absolute;z-index: 2;}
.works .brazil .swicon{width: .67rem;left: 24.6%;top: -.36rem;}
.works .chile .swicon{width: .54rem;right: 30%;top: -.29rem;}
.works .russia .swicon{width: .53rem;left: 25%;top: -.44rem;}
.works .philippines .swicon{width: .48rem;left: 24.5%;top: -.4rem;}
.works .kuwait .swicon{width: 1.13rem;right: 28.5%;top: -.4rem;}
.works .brazil .flag{width: 1.21rem;right: 24.8%;top: .42rem;}
.works .chile .flag{width: 1.26rem;left: 18.5%;top: .68rem;}
.works .russia .flag{width: 1.34rem;right: 24%;top: .1rem;}
.works .philippines .flag{width: 1.17rem;left: 73.7%;top: 0;}
.works .kuwait .flag{width: 1.65rem;left: 10.8%;top: 0;}

.works .sign .p9{width: 2.66rem;left: 57.5%;top: 2.08rem;}
.works .sign .p10{width: 1.32rem;left: 20.36%;top: 3.73rem;}
.works .sign .p11{width: 2.28rem;left: 19.9%;top: 7.06rem;}
.works .sign .p12{width: 1.75rem;left: 66%;top: 8.6rem;}
.works .sign .p13{width: 2.55rem;left: 57.65%;top: 11.28rem;}
.works .sign .p14{width: 2.56rem;/*left: 26.4%;top: 13.5rem;*/left: 57.65%;top: 11.28rem;}
.works .sign .p15{width: 2.4rem;left: 20%;top: 13.65rem;}
.works .sign .p16{width: 2.53rem;left: 20.8%;top: 18.67rem;}
.works .sign .p17{width: 2.53rem;left: 69.55%;top: 21rem;}
.works .pattern .p3_1{width: 1.32rem;left: .62rem;top: 5.26rem;}
.works .pattern .p3_2{width: 1.32rem;right: .01rem;top: 10.05rem;}
.works .pattern .p4{width: 2.03rem;left: -.13rem;top: .14rem;}
.works .pattern .p5{width: 2.17rem;right: -.75rem;top: -3rem;}
.works .pattern .p6{width: 1.47rem;right: 0;top: 5.38rem;}
.works .pattern .p7{width: .92rem;left: .16rem;top: 11.18rem;}
.works .pattern .p8{width: 2.67rem;right: -.05rem;top: 18.8rem;}

.works .module:nth-child(odd){justify-content: flex-start;} 
.works .module:nth-child(even){justify-content: flex-end;} 
.works .module .swiper-container{width: 28%;margin: 0;}
.works .module:nth-child(odd) .swiper-container{margin-left: 26%;}
.works .module:nth-child(even) .swiper-container{margin-right: 31.25%;}
.works .module .swiper-slide{display: flex;justify-content: space-between;}
.works .module .swiper-slide .imgbox{cursor: pointer;position: relative;overflow: hidden;border: .04rem solid #ffffff;box-sizing: border-box;width: 100%;}
.works .module .swiper-slide .imgbox.video:after{content: '';display: block;width: .6rem;height: .6rem;background: url(../images/play.png) no-repeat;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.works .module .swiper-slide .left{width: 66.72%;}
.works .module .swiper-slide .right{width: 32%;display: flex;flex-direction: column;justify-content: space-between;}
.works .module .swiper-slide .imgbox img{width: 100%;transition: transform .4s;}
.works .module .swiper-slide .imgbox:hover img{transform: scale(1.15);}
.works .module .swiper-container .btn{z-index: 1;width: .34rem;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.works .module .swiper-container .btn.prev{left: 0;}
.works .module .swiper-container .btn.next{right: 0;}

.works .country{margin: 0 .52rem;display: flex;flex-direction: column;align-items: flex-start;}
.works .module:nth-child(even) .country{align-items: flex-end;}
.works .country .date{font-size: .22rem;line-height: .28rem;text-align: center;display: flex;align-items: center;}
.works .country .date .en{color: #ffffff;width: .6rem;height: .28rem;}
.works .country .date .day{width: .36rem;}
.works .country .date.green{border: 2px solid #4aaf09;}
.works .country .date.blue{border: 2px solid #023aa7;}
.works .country .date.red{border: 2px solid #f9113a;}
.works .country .date.green .en{background: #4aaf09;}
.works .country .date.blue .en{background: #023aa7;}
.works .country .date.red .en{background: #f9113a;}
.works .country .name{font-size: .48rem;font-weight: bold;}

.works .tuned{font-size: .48rem;text-align: center; }

.footer {position: relative;margin-top: -.5rem;}
.footer .footer_bg{width: 100%;}
.footer .copyright{width: 100%;font-size: .16rem;color: #ffffff;text-align: center;position: absolute;bottom: .35rem;}
.footer .link{position: absolute;right: .34rem;bottom: .35rem;display: flex;}
.footer .link a{color: #ffffff;font-size: .16rem;margin-left: .24rem;display: flex;align-items: center;}
.footer .link img{width: .18rem;margin-right: .08rem;}

.pop{display: none;z-index: 9;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;}
.pop .imgbox{border: 2px solid #4399d6;border-radius: .18rem;background: #ffffff;padding: .15rem;width: 46.5%;box-sizing: border-box;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;}
.pop .imgbox img{width: 100%;border-radius: .16rem;}
.pop .imgbox video{width: 100%;border-radius: .16rem;}
.pop .imgbox .close{width: .59rem;height: .59rem;background: url(../images/close.png) no-repeat;background-size: 100% 100%; position: absolute;right: -.34rem;top: -.34rem;cursor: pointer;}
.pop .shadow{background: rgba(0,0,0,0.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

@media (max-width: 960px){
	.pc_hide{display: block;}
	.m_hide{display: none;}
	.banner .logo{width: 1.09rem;top: .05rem;}
	.banner .swiper-container{height: 9.61rem;}
	.banner .swiper-slide{height: 9.61rem;overflow: hidden;}
	.banner .video{width: auto;top: auto;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
	.content{background-image: url(../images/bg_top_m.png);}
	.title{margin: 0 auto;width: 59.2%;}
	
	.introduction{padding-top: .62rem;padding-bottom: 2.18rem;}
	.introduction .tit{font-size: .4rem;line-height: .58rem;width: 62.6%;padding-bottom: .54rem;padding-top: .28rem;}
	.introduction .tit:after{bottom: .24rem;}
	.introduction .det{font-size: .3rem;line-height: .46rem;width: 90%;}
	.introduction .imgbox{margin: .28rem auto 0;width: 7.02rem;}
	.introduction .imgbox div{height: 2.82rem;}
	.introduction .imgbox .img1{width: 3.96rem;}
	.introduction .imgbox:after{width: 4.27rem;height: .67rem;margin-left: -2.13rem;bottom: -.67rem;}
	.introduction .pattern{display: none;}
	
	.works{padding-top: .58rem;}
	.works .linewrap{margin-top: .5rem;}
	.works .modules{padding-bottom: 1.86rem;background: url(../images/bg_line_m.png) no-repeat;background-size: 100% auto;padding-top: .5rem;}
	.works .module.chile{margin-top: 1.77rem;} 
	.works .module.russia{margin-top: 1.67rem;} 
	.works .module.philippines{margin-top: 1.78rem;} 
	.works .module.kuwait{margin-top: 3rem;} 
	.works .module .swicon{display: none;}
	.works .module .swiper-pagination{display: none;}
	.works .brazil .flag{width: .99rem;right: 11.46%;top: 1.12rem;}
	.works .chile .flag{width: 1.03rem;left: 3.2%;top: 1.23rem;}
	.works .russia .flag{width: .97rem;right: 7.2%;top: 1.22rem;}
	.works .philippines .flag{width: 1.09rem;left: 85%;top: 1.5rem;}
	.works .kuwait .flag{width: 1.19rem;left: -1.07%;top: -0.65rem;}
	.works .sign .p9{width: 1.64rem;left: 65.6%;top: 2.3rem;}
	.works .sign .p10{width: .66rem;left: 11.6%;top: 4.12rem;}
	.works .sign .p11{width: 1.44rem;left: 13.73%;top: 7.55rem;}
	.works .sign .p12{width: .95rem;left: 73.73%;top: 8.82rem;}
	.works .sign .p13{width: 1.48rem;left: 65.33%;top: 11.88rem;}
	.works .sign .p14{width: 1.42rem;left: 66%;top: 12.5rem;}
	.works .sign .p15{width: 1.32rem;left: 25%;top:  14rem;;}
	.works .sign .p16{width: 1.69rem;left: 6%;top:  18.5rem;;}
	.works .sign .p17{width: 1.42rem;left: 80.23%;top: 19.8rem;;}
	.works .pattern .p3_1{width: .88rem;left: .29rem;top: 13.58rem;}
	.works .pattern .p3_2{width: .88rem;right: -.05rem;top: 4.04rem;}
	.works .pattern .p3_3{width: 1.09rem;right: -.04rem;top: 14.66rem;}
	.works .pattern .p5{width: 1.23rem;right: -.38rem;top: -1.9rem;}
	.works .module:nth-child(odd){justify-content: flex-start;} 
	.works .module:nth-child(even){justify-content: flex-end;} 
	.works .module .swiper-container{width: 58.8%;}
	.works .module:nth-child(odd) .swiper-container{margin-left: 3.2%;}
	.works .module:nth-child(even) .swiper-container{margin-right: 3.2%;}
	.works .modules .module .swiper-pagination-bullet{background: #ffffff;opacity: 1;width: .12rem;height: .12rem;margin: 0 .05rem;}
	.works .modules .module .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #518ff4;}
	
	
	.works .country{margin: 0 .34rem;}
	.works .country .date{font-size: .26rem;line-height: .36rem;}
	.works .country .date .en{width: .8rem;height: .36rem;}
	.works .country .name{font-size: .52rem;}
	
	.footer {position: relative;margin-top: .2rem;}
	.footer .copyright{bottom: .2rem;}
	.footer .link{display: none;}
	
	.pop .imgbox{width: 88%;}
	.pop .imgbox .close{width: .5rem;height: .5rem;right: -.28rem;top: -.28rem;}

}
@media (max-width:1200px) {
	.models .numbox li{font-size: 0.6rem;}
}