添加天网和部门体系

css/index.css

@@ -25,8 +25,13 @@
 #top_nav .logo p {
     font: bold 18px/23px 'Microsoft';
     color: #24b298;
+    font-size: 31px;
+    line-height: 50px;
 }
 /* 导航栏 */
+#top_nav .nav{
+    margin-top: 11px;
+}
 #top_nav .nav a {
     display: block;
     float: left;
@@ -560,7 +565,164 @@
     top:465px;
     left:945px;
 }
+/* 天网系统 */
+#skynet{
+    height: 600px;
+    width: 1920px;
+    background: url(../images/skynet_img.png)no-repeat center;
+    margin: 40px auto;
+    text-align: center;
+
+
+    display: -webkit-box;
+    -webkit-box-orient: horizontal;
+    -webkit-box-pack: center;
+    -webkit-box-align: center;
+    
+    display: -moz-box;
+    -moz-box-orient: horizontal;
+    -moz-box-pack: center;
+    -moz-box-align: center;
+    
+    display: -o-box;
+    -o-box-orient: horizontal;
+    -o-box-pack: center;
+    -o-box-align: center;
+    
+    display: -ms-box;
+    -ms-box-orient: horizontal;
+    -ms-box-pack: center;
+    -ms-box-align: center;
+    
+    display: box;
+    box-orient: horizontal;
+    box-pack: center;
+    box-align: center;
+}
+#skynet .test{
+    width: 380px;
+    height: 380px;
+    background: #fafafa;
+    border-radius: 50%;
+}
+#skynet .test .donkey{
+    margin-top: 140px;
+    font-size: 45px;
+    color: #12ab8d;
+    font-family:"Microsoft Yahei" ;
+    font-weight: bold;
+}
+#skynet .test .sunspot{
+    font-size: 33px;
+    color: #424b50;
+    font-family:"Microsoft Yahei" ;
+    font-weight: Regular;
+}
+#hover{
+    width: 1920px;
+    height: 180px;
+    margin: 0 auto;
+}
+#hover ul{
+    width: 1080px;
+    height: 130px;
+    margin: 20px auto 0;
+}
+#hover ul li{
+    width:80px;
+    height: 95px;
+    float: left;
+    padding-top:20px; 
+    border: 1px solid #ccc; 
+    text-align: center;
+    line-height: 30px;
+    margin: 0 14px;
+    position:relative;
+    box-shadow: 0 0 5px #eeeeee;
+    top: 0;
+    transition:top 0.8s;
+}
+#hover ul li:hover{
+    width:80px;
+    height: 95px;
+    float: left;
+    padding-top:20px; 
+    border: 1px solid #ccc; 
+    text-align: center;
+    line-height: 30px;
+    margin: 0 14px;
+    position:relative;
+    top: -10px;
+}
+#hover ul li .arrow{
+    width:11px;
+    height:9px;
+    background:url(../images/arrow.png) no-repeat;
+    position: absolute;
+    left: 35px;
+    top: 93px;
+}
+#hover .doublemint{
+    display: block;
+    margin-left: 426px;
+    width: 1166px;
+}
+
+/* 部门体系 */
+#department .carousel-inner{
+    position: relative;
+    width:100%;
+    height:600px;
+    margin-top:86px;
+    overflow: hidden;
     
+}
+#department .carousel-inner .video_box{
+    position: absolute;
+    top:0px;
+    left:0px;
+    width:154.34%;
+}
+#department .carousel-inner li{
+    width:380px;
+    height:600px;
+    margin-right:25px;
+    float:left;
+    background: #254557;
+}
+#department .carousel-inner .video_box ul li .images{
+    width: 380px;
+    height: 380px;
+    overflow: hidden;
+}
+#department .carousel-inner .video_box ul li .images img{
+    display: block;
+    transition: all 0.8s ease-in-out
+}
+#department .carousel-inner .video_box ul li:hover .images img{
+    transform: scale(1.2);
+    transition: all 0.8s ease-in-out;
+}
+#department .carousel-inner li .text{
+    text-align: center;
+    padding: 20px;
+    color: #fff;   
+}
+#department .carousel-inner li .text div{
+    font-size: 14px;
+    margin-bottom:15px; 
+}
+#department .carousel-inner li .text p{
+    color:#eaeced;
+}
+.carousel-control-prev{
+    left: -200px!important;
+    opacity: 1!important;
+}
+.carousel-control-next{
+    right: -200px!important;
+    opacity: 1!important;
+}
 /* 招贤纳士 */
 #department{
     position: relative;
@@ -570,7 +732,7 @@
     position: absolute;
     top:50px;
     right:0px;
-    background: #24b298;
+    background: url(../images/recruit.png) no-repeat;
     color:#fff;
     width: 317px;
     height: 65px;
@@ -588,18 +750,6 @@
     left: 20px;
     bottom: -30px;
 }
-#department_tel::before{
-    border-top: 15px solid #24b298;
-    border-left: 40px solid #24b298;
-    border-right: 40px solid transparent;
-    border-bottom: 15px solid transparent;
-}
-#department_tel::after{
-    border-top: 15px solid #fff;
-    border-left: 10px solid #fff;
-    border-right: 10px solid transparent;
-    border-bottom: 15px solid transparent;
-}
 #department_tel{
     line-height: 65px;
     text-align: center;