/* CSS Document */

/*acol1*/
.acol1{width:100%;height: auto;padding-top: 60px;}
.acol1 .con{width:100%;height: auto;}
.acol1 .con .left{width:560px;height: 340px;border-radius: 8px;overflow: hidden;}
.acol1 .con .left img{width:100%;height: 100%;}
.acol1 .con .right{width: 600px;height: auto;font-size: 16px;line-height: 30px;color: #000;}

/*acol2*/
.acol2{width:100%;height: auto;padding-top:50px;background: #7fcef4;}
.acol2 .wrapper .col-title{padding-bottom: 0px;}
.acol2 .wrapper .col-title .font42100{color:#fff;line-height: 40px;}
.acol2 .slogan{width:100%;height: auto;font-size: 66px;color:#fff;text-align: center;font-weight: bold;line-height: 130px;}
.acol2 .con{width:100%;height: auto;font-size: 16px;color: #fff;line-height: 35px;text-align: center;}


/*acol3*/
.acol3{padding-top:60px;}
/*device*/
.acol3 .device{width: 100%;height: 300px;position: relative;margin-top: 20px;}
.acol3 .device .swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;}
.acol3 .device .swiper-container .imgul{width:100%;height: 100%;}
.acol3 .device .arrow-left { background: url(../images/arrows.png) no-repeat left top;position: absolute;left: -25px;top: 50%;margin-top: -15px;width: 11px;height: 16px;}
.acol3 .device .arrow-right {background: url(../images/arrows.png) no-repeat left bottom;position: absolute;right: -25px;top: 50%;margin-top: -15px;width: 11px;height: 16px;}

.acol3 .device .imgul .ipli{width:400px;height: 300px;position: relative;overflow: hidden;display: block;}
.acol3 .device .imgul .ipli img{width:400px;height: 300px;transition: .4s all;position: absolute;z-index: 1;top: 0;left: 0;}
.acol3 .device .imgul .ipli:hover>img{transform:scale(1.1);}


/*acol4*/
.acol4{padding-top: 60px;}
.acol4 .con{width:100%;height: auto;}




/*main*/
.main{width:100%;height: auto;padding:60px 0;background: #fff;}