/* CSS Document */
/*banner*/
.banner{width: 100%;height: 760px;margin-top: 130px;}
.banner .swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;}
.banner .swiper-container .img{width:100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .pagination { position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center; }
.banner .swiper-pagination-switch {display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff;margin-right: 15px; opacity: 0.6; cursor: pointer;}
.banner .swiper-visible-switch {background: #fff;opacity: 1;}
.banner .swiper-active-switch {background: #fff;opacity: 1;}

/*col1*/
.col1{background:#fbfbfb;}
/*device*/
.device{width: 100%;height: 300px;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: 50%;margin-top: -15px;width: 11px;height: 16px;}
.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;}

.device .imgul .ipli{width:400px;height: 300px;position: relative;overflow: hidden;display: block;}
.device .imgul .ipli img{width:400px;height: 300px;transition: .4s all;position: absolute;z-index: 1;top: 0;left: 0;}
.device .imgul .ipli .ipmask{width: 100%;height: 100%;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{transform:scale(1.1);}
.device .imgul .ipli:hover>.ipmask{opacity:1;transform:scale(1);}
.device .imgul .ipli:hover>.ipmask .ipcon{transform:scale(1);}

/*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: 32px;color: #000;}

.col .more{width:100%;height: auto;margin-top: 40px;text-align: center;}
.col .more .btnmore{width:160px;height: 40px;background: #014099;font-size: 14px;color: #fff;line-height: 40px;display: inline-block;transition: .4s all;cursor: pointer;}
.col .more .btnmore img{width:9px;height: 13px;margin-left: 10px;margin-top: 13px;}
.col .more .btnmore:hover{background:#ca141d;}


/*col3*/
.col3{width:100%;height: 326px;background: none;padding: 60px 0;}
.col3 .col3-con{width:100%;height: auto;}
.col3 .col3-con .left{width:580px;height: 326px;background: #d4d4d4;}
.col3 .col3-con .right{width:580px;}
.col3 .col3-con .right .logo{margin-bottom: 25px;}
.col3 .col3-con .right .font20{width:100%;height: auto;font-size: 20px;color: #fff;font-weight: bold;line-height: 30px;letter-spacing: 0.22em;}
.col3 .col3-con .font16{width:100%;height: auto;font-size: 16px;color: #fff;font-family:'Arial';line-height: 22px;}
.col3 .col3-con  .btnmore{width:160px;height: 40px;background: #fff;font-size: 14px;color: #014099;line-height: 40px;display: inline-block;text-align: center;margin-top: 25px;cursor: pointer;transition: .4s all;}
.col3 .col3-con .btnmore i{display: inline-block;width:9px;height: 13px;margin-left: 10px;margin-top: 13px;background-image: url(../images/icn-05.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.col3 .col3-con  .btnmore:hover{background:#ca141d;color: #fff;}
.col3 .col3-con  .btnmore:hover>i{background-image: url(../images/icn-04.png);}

.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;}


.newslist{width:1200px;height: auto;margin-top: 30px;}
.newslist .newsli{width:386px;height: auto;margin-right: 21px;}
.newslist a:last-child>.newsli{margin-right:0px;}
.newslist .newsli .img{width:386px;height: 265px;overflow: hidden;}
.newslist .newsli .img img{width:100%;height: 100%;transition: .4s all;}
.newslist .newsli:hover>.img img{transform:scale(1.1);}
.newslist .newsli .font18{width: 356px;max-height: 48px;font-size: 16px;color: #000;line-height: 24px;overflow: hidden;font-weight: bold;text-overflow: ellipsis;margin: 15px 15px 5px 15px;}
.newslist .newsli .font16{width: 356px;max-height: 40px;font-size: 14px;color: #7d7d7d;line-height: 20px;overflow: hidden;text-overflow: ellipsis;margin: 0 15px;}


/*col5*/
.col5-con{width:100%;height: auto;margin-top: 30px;}
.col5-con .col5li{width:285px;height: auto;margin-right: 20px;cursor: pointer;}
.col5-con .col5li:last-child{margin-right: 0;}
.col5-con .col5li .col5img{width:285px;height: 240px;overflow: hidden;position: relative;cursor: pointer;}
.col5-con .col5li .col5img img{width:100%;height: 100%;transition: .4s all;}
.col5-con .col5li .ewm{width:285px;height: 240px;position: absolute;z-index: 2;top: 0;left: 0;background: rgba(0,0,0,0.7);display: flex;align-items: center;justify-content: center;opacity: 0;transition: .4s all;}
.col5-con .col5li .ewm img{width:165px;height: 165px;}
.col5-con .col5li:hover>.col5img img{transform:scale(1.1);}
.col5-con .col5li:hover>.col5img .ewm{opacity:1;}
.col5-con .col5li .font1630{width:100%;height: auto;font-size: 16px;line-height: 40px;color: #000;font-weight: bold;text-align: center;}