后备支持，和加盟支持

contactus.html

@@ -184,6 +184,10 @@
                         <div class="oness twor">培训</div>
                         <div class="sected secteds">
                             <p class="two">培训支持</p>
+                            <p>免费千家商学院，数百套名师授课精品视频</p>
+                            <p>行业公开课，分享行内的最新资讯</p>
+                            <p>公司年会，提供学习分享观摩交流平台</p>
+                            <p>更切实际的滚动式培训，培养人才</p>
                         </div>
                     </div>
                 </li>
@@ -211,7 +215,7 @@
                         </div>
                     </div>
                 </li>
-                <li class="on last">
+                <li class="on last" >
                     <div class="shadow">
                         <div class="oness twor">系统</div>
                         <div class="sected secteds">
@@ -296,7 +300,7 @@
     <div id="qj_map">
         <div class="model_top">
             <div class="model_title">千家大地图</div>
-            <p class="model_eng">CONTACT US</p>
+            <p class="model_eng">MAP</p>
         </div>
         <div class="introduce_box wow animated fadeInUp">
             <div class="map">

css/contactus.css

@@ -350,14 +350,15 @@
 #test1 ul{
    float: left;
    height:400px;
-   width: 1200px
+   width: 1197px
 }
 #test1 ul li{
    float: left;
    height:400px;
    width:118px;
-   margin-right: 11px;
+   margin-right: 14px;
    position: relative;
+   overflow: hidden;
 }
 #test1 ul .last{
    margin-right: 0;
@@ -365,70 +366,62 @@
 #test1 ul li:nth-of-type(1){
     width: 536px;
     background: url(../images/a1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 
 }
 #test1 ul .firsted:nth-of-type(1){
     width: 536px;
     background: url(../images/a.jpg) no-repeat;
-    transition: background 0.4s,width 0.6s;
+
 }
 #test1 ul li:nth-of-type(2){
     background: url(../images/b1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 }
 #test1 ul .firsted:nth-of-type(2){
     background: url(../images/b.jpg) no-repeat;
-    transition: background 0.4s ease-in,width 0.6s;
 }
 #test1 ul li:nth-of-type(3){
     background: url(../images/c1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 }
 #test1 ul .firsted:nth-of-type(3){
     background: url(../images/c.jpg) no-repeat;
-    transition: background 0.4s ease-in,width 0.6s;
 }
 #test1 ul li:nth-of-type(4){
     background: url(../images/d1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 }
 #test1 ul .firsted:nth-of-type(4){
     background: url(../images/d.jpg) no-repeat;
-    transition: background 0.4s ease-in,width 0.6s;
 }
 #test1 ul li:nth-of-type(5){
     background: url(../images/e1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 }
 #test1 ul .firsted:nth-of-type(5){
     background: url(../images/e.jpg) no-repeat;
-    transition: background 0.4s ease-in,width 0.6s;
 }
 #test1 ul li:nth-of-type(6){
     background: url(../images/f1.jpg) no-repeat;
-    transition: background 0.4s ease-out 0.3s,width 0.6s;
 }
 #test1 ul .firsted:nth-of-type(6){
     background: url(../images/f.jpg) no-repeat;
-    transition: background 0.4s ease-in,width 0.6s;
 }
 
 #test1 .on  p{
     color: #fff;
     text-align: right;
 }
-#test1 .on  .two{
-    
+#test1 .on  .two{ 
     font-size: 23.37px;
     font-family:"Microsoft Yahei" ;
     font-weight: bold;
 }
 #test1 .on  .sected{
+    width: 378px;
+    height: 140px;
+    overflow: hidden;
     position: absolute;
     top: 220px;
-    right: 15px;
-    
+    left: 140px;
+    opacity: 1;
+    transition:all .7s;
 }
 #test1 .on .oness{
     width: 90px; 
@@ -450,13 +443,13 @@
                 linear-gradient(to left, #fff, #fff) right bottom no-repeat,
                 linear-gradient(to left, #fff, #fff) right bottom no-repeat;
     background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
-
+    transition:left .8s;
 }
 #test1 .on  .twor{
     left: 15px;
 }
 #test1 .on .secteds{
-    display: none;
+    opacity: 0;
 }
   /* 加盟流程 */
   #process{

css/index.css

@@ -250,10 +250,9 @@
     top: 0;
 }
 #support li:hover{
-    top: -5px;
+    top: -10px;
 }
 #support li img {
-    /* height: 83px; */
     display: block;
     margin: 0px auto;
 }
@@ -276,35 +275,15 @@
 }
 #support .support_person div {
     background: url('../images/icon1.png') no-repeat center;
-    transition:background 0.8s;
-}
-#support .support_person:hover div{
-    background: url('../images/icon1_1.png') no-repeat center;
-    transition:background 0.8s;
 }
 #support .support_house div {
     background: url('../images/icon2.png') no-repeat center;
-    transition:background 0.8s;
-}
-#support .support_house:hover div{
-    background: url('../images/icon2_1.png') no-repeat center;
-    transition:background 0.8s;
 }
 #support .support_network div {
     background: url('../images/icon3.png') no-repeat center;
-    transition:background 0.8s;
-}
-#support .support_network:hover div{
-    background: url('../images/icon3_1.png') no-repeat center;
-    transition:background 0.8s;
 }
 #support .support_warrant div {
     background: url('../images/icon4.png') no-repeat center; 
-    transition:background 0.8s;
-}
-#support .support_warrant:hover div{
-    background: url('../images/icon4_1.png') no-repeat center;
-    transition:background 0.8s;
 }
 /* 模块头部 */
 .model_top .model_title {

js/common.js

@@ -44,8 +44,8 @@ var common = function () {
         $(this).addClass('firsted').siblings().removeClass('firsted');
         $(this).find(".oness").css("left","430px");
         $(this).siblings().find(".oness").css("left","15px");
-        $(this).find(".sected").css("display","block");
-        $(this).siblings().find(".sected").css("display","none");
+        $(this).find(".sected").css({"opacity":"1","left":"140px","width":"378px"});
+        $(this).siblings().find(".sected").css({"opacity":"0","left":"-100px","width":"0px"});
     })
 }