@charset "utf-8";

/*container*/
.container{width:100%; height:auto; position:relative; top:100px; }

/*sect1*/
.sect1{width:100%; height:900px;  margin:0 auto;}

.sect1 .icon_wrap{width:1400px; height:486px;position:absolute; top:196px; left:0; right:0; margin:0 auto; z-index:99;}
.sect1 .icon_wrap ul{width:1284px; margin:0 auto;}
.sect1 .icon_wrap ul li{width:270px; height:486px; margin-right:68px; float:left; position:relative;}
.sect1 .icon_wrap ul li:last-child{margin-right:0;}
.sect1 .icon_wrap ul li a{display:block;width:270px; height:406px; background:#09273f; margin-top:80px;}
.sect1 .icon_wrap ul li a .img1{ display:block; position:absolute; top:-20px; left:35px;}
.sect1 .icon_wrap ul li a .img2{display:block; padding-top:170px; margin:0 auto;}
.sect1 .icon_wrap ul li a .line{width:45px; display:block; height:2px; background:#fff;  margin:30px auto 20px;}
.sect1 .icon_wrap ul li a .text{width:270px; color:#fff; margin:0 auto; text-align:center; font-size:20px;}
.sect1 .icon_wrap ul li:hover a{ background:#164a72; }
.sect1 .icon_wrap ul li:hover a .line{background:#ffff00; }
.sect1 .icon_wrap ul li:hover a .img1{animation:Flip 0.5s linear;}
.sect1 .icon_wrap ul li:hover a .text{font-weight:600;}

.sect1 .bxslider{ height:900px;  }
          .bxslider .slide1{background: url(../images/slide1.jpg) no-repeat 50% 0;  width:100%; height:900px; } 
          .bxslider .slide2{background: url(../images/slide2.jpg) no-repeat 50% 0;  width:100%; height:900px;}




@keyframes Flip {
from {  transform: rotateY(0);}
to{ transform: rotateY(360deg);}
}