/* CSS Document */

.atile2{width:100%;height: 760px;min-width: 1200px;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.atile2 .con{width:100%;height: auto;margin-top: 375px;text-align: center;color: #fff;}
.atile2 .con .font40{font-size:40px;font-weight: bold;line-height:80px;letter-spacing: 0.2em;}
.atile2 .con .font20{font-size:20px;line-height: 42px;}


/*col2*/
.col2 .con{width:100%;height: auto;margin-top: 30px;}
.col2 .con .left{width: 580px;height: 320px;position: relative;}
.col2 .con .left .bg1{width:503px;height: 220px;background: #014099;position: absolute;z-index: 1;right: 0;bottom: 20px;}
.col2 .con .left .img1{width:400px;height: 250px;position: absolute;left: 0;top: 0;z-index: 2;}
.col2 .con .left img{width:100%;height: 100%;}
.col2 .con .left .img2{width:260px;height: 200px;position: absolute;right: 20px;bottom: 0;z-index:3;}
.col2 .con .left .img3{width:129px;height: 28px;position: absolute;left: 100px;bottom: 30px;z-index:3;} 

.col2 .con .right{width:580px;height: auto;font-size: 16px;line-height: 28px;color: #000;}

/*col3*/
.col3{width:100%;height: 280px;background: none;padding: 60px 0;}
.col3 .title .font2230{color: #fff;}
.col3 .title .font1430{color: #fff;}
.col3 .col3-con{width:100%;height: auto;margin-top: 30px;}
.col3 .col3-con .left{width:580px;height: 200px;position: relative;}
.col3 .col3-con .left img{position:absolute;bottom: 60px;left: 0;}
.col3 .col3-con .right{width:580px;}
.col3 .col3-con .font16{width:100%;height: auto;font-size: 16px;color: #fff;line-height: 28px;}

.bg{width:100%;height: 100%;position: fixed;top: 0;left: 0;z-index: -1;background-image: url(../images/bg1.jpg);background-size: cover;background-position: center;}


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

.device .imgul .ipli{width:400px;height: auto;position: relative;display: block;}
.device .imgul .ipli .img{width:400px;height: 300px;position: relative;overflow: hidden;display: block;}
.device .imgul .ipli .img img{width:400px;height: 300px;transition: .4s all;position: absolute;z-index: 1;top: 0;left: 0;}
.device .imgul .ipli .ipmask{width: 100%;height: 300px;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0,0,0,0.7);opacity: 0;transition: .4s all;}
.device .imgul .ipli .ipmask .ipcon{margin:80px 70px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;width:260px;height: 90px;padding: 30px 0;transform:scale(0);transition: .4s all;}
.device .imgul .ipli .ipmask .ipcon .font26{width:100%;height: auto;font-size: 26px;color: #fff;text-align: center;line-height: 50px;font-weight: bold;}
.device .imgul .ipli .ipmask .ipcon .font18{width:100%;height: auto;font-size: 18px;color: #fff;text-align: center;line-height: 40px;}
.device .imgul .ipli:hover>.img img{transform:scale(1.1);}
.device .imgul .ipli:hover>.ipmask{opacity:1;transform:scale(1);}
.device .imgul .ipli:hover>.ipmask .ipcon{transform:scale(1);}
.device .imgul .ipli .txtcon{width:370px;height: 210px;margin: 20px 15px;font-size: 14px;line-height: 26px;color: #000;overflow: hidden;text-align: left;}


/*col4*/

/*device*/
.col4 .device{width: 100%;height: 300px;position: relative;margin-top: 30px;}
.col4 .device .swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;}
.col4 .device .swiper-container .imgul{width:100%;height: 100%;}
.col4 .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;}
.col4 .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;}

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