html,
    body {
      margin: 0;
      padding: 0;
    }

    li {
      list-style: none;
    }

    a {
      text-decoration:none;
    }

    .section {
      overflow: hidden;
    }
.banner4{ float:left; height:400px; width:540px;  position:relative; margin-top: 10px; margin-left: 17px; }

.kiki{position:relative;background-repeat:no-repeat;background-size:100%; float:right; height: 280px; width: 350px;float: left;}

    /* 首页头部 */
.zj_top{ height: 125px; width: 100%; position: absolute; z-index: 98;}
.zj_top_n{ height: 90px; width: 100%; background:rgba(225,225,225,0.8);}
.zj_top_nn{ height: 90px; width: 1280px; margin: 0 auto;}
.zj_top_nn_l{ height: 90px; width: 223px; float: left; background: url(../images/img/logo.png) no-repeat center;}
.zj_top_nn_ll{ height: 90px; width: 700px; float: left;margin-left: 120px;}
.zj_top_nn_ll li{ height: 90px; width: 100px; float: left; }
.zj_top_nn_ll li a{ line-height: 24px; width: 100px; display: block; text-align: center; font-size: 14px; color: #000000; margin-top: 22px;}
.zj_top_nn_ll li a:hover{  font-size: 15px; color: #d9232d;}
.zj_top_nn_ll li b{ line-height: 16px; width: 100px; display: block; text-align: center; font-size: 12px; color: #000000; font-weight: 100;}
.zj_top_nn_ll li b:hover{font-size: 13px; color: #d9232d;}


.navshang a{ height: 135px; width: 80px;background: url(../images/img/shop_ico.png) no-repeat center; float: right;position: relative; line-height: 135px; display: block;}
    /* 首页头部 */


/*--search modal--*/
.modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; }
.modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-225px; width: 100%; background:; height:450px; }
.modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; }
.modal-content > div {  }
.modal-content input { border: none; float: left;}
.modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content .search-logo img{ width:100%;}
.modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:210px; }
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { background: #fff; color: #fe0000; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content .search-bar .keywords { padding-left: 10px; width: 705px; height: 70px; line-height: 70px; font-size: 16px; background:#eee}
.modal-content .search-bar input[type="submit"] {  width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#e60012 url(../images/images/se.png) no-repeat center center}
.modal-content .search-close { width:26px; height:27px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.modal-content .search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
.search_cage{ width:1100px; position:absolute; left:50%; margin-left:-500px; height:50px; bottom:0;}
.search_cage li{ float:left; text-align:center; line-height:50px; margin-left: 70px;}
.search_cage li a{ color:#fff; font-size:18px; text-align:center; line-height:50px;}
.search_cage li a:hover{ color:#fff; font-weight:bold;}

.in_search{ height: 70px; width: 90px; float: right; }
.in_search a{font-size: 18px; color:#000000; line-height: 70px; text-align: center; }


    /* 导航按钮样式 */
    .navbar {
      position: relative;
      width: 26px;
      height: 26px;
      cursor: pointer;
      box-sizing: border-box;
      background-color: #d9232d;
      z-index: 9;
      float: left;
       margin-top: 35px;
       margin-left: 50px;
       background: url(../images/img/to.jpg) no-repeat center;
    }


    /* 导航按钮样式 */
    /* 右侧原点样式 */
    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
      background-color: #fff !important;
    }

    /* 右侧原点样式 */
		.section{
			background-position:50% 50%;
			background-size:100%;
		}
    /* 第一屏样式 */

    /* 第一屏样式 */
    /* 第二屏样式 */
    .section2 {
      position: relative;
      background-image: url(../images/img/04.jpg);
    }

    /*.top {
      padding: 100px 0 50px;
      width: 100%;
      box-sizing: border-box;
    }

    .top div {
      opacity: 0;
      transform: translateY(-1000px);
      text-align: center;
    }*/

    .erxiaoguo1 {
      opacity: 1 !important;
      transform: translate(0) !important;
      transition: all 1s 1.2s ease;
    }

    .erxiaoguo2 {
      opacity: 1 !important;
      transform: translate(0) !important;
      transition: all 1s 1.6s ease;
    }

    .erxiaoguo3 {
      opacity: 1 !important;
      transform: translate(0) !important;
      transition: all 1s 2s ease;
    }
        .erxiaoguo4 {
      opacity: 1 !important;
      transform: translate(0) !important;
      transition: all 1s 2.4s ease;
    }

    .erleft {
      opacity: 1 !important;
      animation: bounceInLeft 2s ease;
    }
    
    .erright {
      opacity: 1 !important;
      animation: bounceInRight 2s ease;
    }

    .top div:first-child {
      height: 60px;
      font-weight: bold;
      color: #fff;
    }

    .top div:nth-child(2) {
      height: 30px;
    }

    .top div:last-child {
      font-size: 26px;
      color: #fff;
    }

    .top .linea {
      display: inline-block;
      width: 50px;
      height: 4px;
      background-color: rgb(255, 234, 0);
    }

    .content {
      margin: 0 auto;
      width: 1260px;
      height: 300px;
      margin-top: 30px;
    }


    .contentt {
      margin: 0 auto;
      width: 1280px;
      height: 520px;
      background: url('../images/an_c.png') no-repeat center center;
    }

    .contentt .left {
      float: left;
      width: 55%;
      height: 520px;
      
      background: url('../images/an_a.png') no-repeat center center;
    }
.section_m{-webkit-animation:section_m 10s infinite linear;animation:section_m 10s infinite linear ;}
@-webkit-keyframes section_m{
	0%{background-size:100%;}
	50%{background-size:100%;}
	100%{background-size:100%;}
}
@keyframes section_m{
	0%{background-size:100%;}
	50%{background-size:100%;}
	100%{background-size:100%;}
}

.contentt .right {
    float: right;
    width: 45%;
    height: 375px;
    box-sizing: border-box;
    margin-top: 80px;
     padding-right: 45px;
     padding-left: 15px;
    }

    .contentt .right p {
     
      line-height: 30px;
      font-size: 15px;
      color: #373737;
       margin-bottom: 30px;
      
    }
    .contentt .right h1 {
     font-size: 30px;
      line-height: 32px;

      color: #373737;
      
    }




    .contentt .right .rr div {
      float: left;
      width: 110px;
      height: 110px;
      text-align: center;
      cursor: pointer;
      
    }
    
        .contentt .right .rr div p{
 line-height: 2px; font-size: 17px; color: #000000; text-align: center; width: 100%;text-decoration:none;
      
    }
    
          .contentt .right .rr div p:hover{
 line-height: 2px; font-size: 17px; color: #eeca00; text-align: center; width: 100%;text-decoration:none; 
      
    }  
    
    

    .rr .r1 {
      opacity: 0;
      transform: translateY(500px);
      background: url('../images/v2.png') no-repeat center;
      height: 110px; width:110px; border: 1px solid #d9232d;
    }
.rr .r1 a{ line-height: 60px; font-size: 16px; color:#000000; display: block; text-align: center; height: 60px; margin-top: 50px;}
.rr .r1 a:hover{ font-size: 16px;color:#d9232d; font-weight: bold; }

    .rr .r2 {
      opacity: 0;
      transform: translateY(500px);
      background: url('../images/v4.png') no-repeat center;
      height: 110px; width:110px; border: 1px solid #d9232d;
       margin-left: 70px;
    }
.rr .r2 a{ line-height: 60px; font-size: 16px; color:#000000; display: block; text-align: center; height: 60px; margin-top: 50px;}
.rr .r2 a:hover{ font-size: 16px;color:#d9232d; font-weight: bold; }
   
    
    

    .rr .r3 {
      opacity: 0;
      transform: translateY(500px);
            background: url('../images/v6.png') no-repeat center;
      height: 110px; width:110px; border: 1px solid #d9232d;
       margin-left: 70px;
    }
.rr .r3 a{ line-height: 60px; font-size: 16px; color:#000000; display: block; text-align: center; height: 60px; margin-top: 50px;}
.rr .r3 a:hover{ font-size: 16px;color:#d9232d; font-weight: bold; }
    /* 第二屏样式 */
    /* 第三屏样式 */
    @keyframes sanbg {
      from {
        transform: scale(1);
      }

      to {
        transform: scale(1.5);
      }
    }

    .section3 {
      display: flex;
      background-image: url('../images/img/05.jpg');
    }

    .section3 .sanbg {
      position: relative;
      float: left;
      padding: 0 2%;
      height: 100%;
      opacity: 0;
      box-sizing: border-box;
      transition: all 0.5s ease;
      z-index: 3;
    }

    .section3 .sanbg div:first-child {
      padding-top: 150px;
    }

    .section3 .sanxia {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: url('../images/img/chanpin.jpg') no-repeat;
      animation: sanbg 10s linear infinite alternate;
    }

    .section3 .sanzhong {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
    }

    .section3 .sanshang {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }

    .section3 li {
      float: left;
      width: 25%;
      height: 100%;
      overflow: hidden;
    }

    .section3 li .sanbg div {
      margin: 220px 0 80px 0;
    }

    .sanbg div {
      /* margin: 150px auto 0; */
      padding: 150px auto 0;
      text-align: center;
    }

    .section3 .imgZ {
      position: relative;
      z-index: 3;
    }


@media screen and (max-width: 1400px){
.section_n_a{ position:absolute;top:18%!important;left:300px;opacity:0;transition:all 0.5s linear;}
.section_n_b{position:absolute;top:39%!important;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_n_c{position:absolute;top:49%!important;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_n_d{position:absolute;top:52%!important;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_n_b a{ line-height:30px; font-size:20px!important; display: block;   color: #FFFFFF; margin-top: 30px;}
.section_n_c a{display: block;  font-size: 28px!important; color: #FFFFFF; font-weight: bold;}
.section_n_d a{ line-height: 36px!important;  display: block;  font-size: 20px!important; color: #FFFFFF; margin-top: 30px; }

.section_n_4a{ position:absolute;top:18%!important;left:300px;opacity:0;transition:all 0.5s linear;}
.section_n_4b{position:absolute;top:42%!important;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_n_4c{position:absolute;top:47%!important;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_n_4d{position:absolute;top:59%!important;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_n_4e{position:absolute;top:64%!important;left:300px;opacity:0;transition:all 0.5s linear 0.8s;}
.section_n_4c a{ line-height: 34px!important;  display: block;  font-size: 22px!important; color: #019745;font-weight: 400!important;  }
.section_n_4b a{ font-size:22px!important; display: block;   color: #019745; }
.section_n_4e a{ line-height: 34px!important;  display: block;  font-size: 20px!important; color: #019745;font-weight: 400!important;  }
.section_n_4d a{ font-size:22px!important; display: block;  color: #019745; }

		.section_n_5b{position:absolute;top:49%!important;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
		.section_n_5c{position:absolute;top:52%!important;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
    .section_n_5c a{ line-height: 34px!important;  display: block;  font-size: 20px!important; color: #FFFFFF;margin-top: 15px; }
    .section_n_5c a:hover{color: #FFFFFF;}
	.section_n_5b a{ font-size:22px!important; display: block; color: #019745;color: #FFFFFF; }


.section_nn_a{ position:absolute;top:20%!important;left:300px;opacity:0;transition:all 0.5s linear;}
.section_nn_b{position:absolute;top:40%!important;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_nn_c{position:absolute;top:48%!important;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_nn_d{position:absolute;top:52%!important;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_nn_b a{ line-height:30px; font-size:22px; display: block;  color: #FFFFFF; margin-top: 15px!important;}
.section_nn_c a{ display: block;  font-size: 28px!important; color: #FFFFFF;font-weight: bold;}
.section_nn_d a{ line-height: 34px!important;  display: block;  font-size: 20px!important; color: #FFFFFF; margin-top: 30px; }
.section_nn_d a:hover{color: #FFFFFF;}
    




}



.section_n{ width: 1280px; height: 100%; margin: 0 auto;position: relative;}
.section_n_a{ position:absolute;top:26%;left:300px;opacity:0;transition:all 0.5s linear;}
.section_n_b{position:absolute;top:42%;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_n_c{position:absolute;top:49%;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_n_d{position:absolute;top:54%;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_n_b a{ line-height:30px; font-size:24px; display: block;  font-size: 24px; color: #FFFFFF; margin-top: 30px;}
.section_n_b a:hover{ color: #FFFFFF;}
.section_n_c a{display: block;  font-size: 34px; color: #FFFFFF; font-weight: bold;}
.section_n_c a:hover{ color: #FFFFFF;}
.section_n_d a{ line-height: 40px;  display: block;  font-size: 24px; color: #FFFFFF; margin-top: 30px; }
.section_n_d a:hover{color: #FFFFFF;}
    /* 第三屏样式 */
    /* 第四屏样式 */
    .section4 {
      background-image: url(../images/img/06.jpg);
    }
.section_n_4a{ position:absolute;top:22%;left:300px;opacity:0;transition:all 0.5s linear;}
.section_n_4b{position:absolute;top:42%;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_n_4c{position:absolute;top:46%;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_n_4d{position:absolute;top:58%;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_n_4e{position:absolute;top:62%;left:300px;opacity:0;transition:all 0.5s linear 0.8s;}
.section_n_4c a{ line-height: 40px;  display: block;  font-size: 24px; color: #019745;font-weight: bold; }
.section_n_4c a:hover{color: #019745;}
.section_n_4b a{ font-size:24px; display: block;   color: #019745; }
.section_n_4b a:hover{color: #019745;}
.section_n_4e a{ line-height: 40px;  display: block;  font-size: 24px; color: #019745; font-weight: bold;}
.section_n_4e a:hover{color: #019745;}
.section_n_4d a{ font-size:24px; display: block;  color: #019745; }
.section_n_4d a:hover{color: #019745;}

   

    /* 第四屏样式 */
    /* 第五屏样式 */
    .section5 {
      background-image: url(../images/img/07.jpg);
		}		
    .section_n_5a{position:absolute;top:26%;left:300px;opacity:0;transition:all 0.5s linear;}
		.section_n_5b{position:absolute;top:46%;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
		.section_n_5c{position:absolute;top:50%;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
    .section_n_5c a{ line-height: 40px;  display: block;  font-size: 24px; color: #FFFFFF;margin-top: 15px; }
    .section_n_5c a:hover{color: #FFFFFF;}
	.section_n_5b a{ font-size:24px; display: block; color: #019745;color: #FFFFFF; }


      .section6 {
      position: relative;
       background-image: url(../images/img/08.jpg);

    }
    
.section_nn{ width: 1280px; height: 100%; margin: 0 auto;position: relative;}
.section_nn_a{ position:absolute;top:26%;left:300px;opacity:0;transition:all 0.5s linear;}
.section_nn_b{position:absolute;top:40%;left:300px;opacity:0;transition:all 0.5s linear 0.2s;}
.section_nn_c{position:absolute;top:48%;left:300px;opacity:0;transition:all 0.5s linear 0.4s;}
.section_nn_d{position:absolute;top:52%;left:300px;opacity:0;transition:all 0.5s linear 0.6s;}
.section_nn_b a{ line-height:30px; font-size:24px; display: block;  font-size: 24px; color: #FFFFFF; margin-top: 30px;}
.section_nn_c a{font-size:24px; display: block;  font-size: 34px; color: #FFFFFF;font-weight: bold;}
.section_nn_d a{ line-height: 40px;  display: block;  font-size: 24px; color: #FFFFFF; margin-top: 30px; }
.section_nn_d a:hover{color: #FFFFFF;}
    
    
    
    
    
    .section7 {
      position: relative;
       background-image: url(../images/img/09.jpg);

    }
    .section8 {
      position: relative;
       background-image: url(../images/img/10.jpg);

    }
    .section8_n{ width: 1260px; 
      height: 100%; 
      margin: 0 auto;
    	
    }
    .section8_n_t{ height: 50px; width: 1260px;background: url(../images/img/yt.png) no-repeat left; margin-top: 13%;}
    .section8_n_z a{ line-height: 40px; font-size: 18px; color: #FFFFFF; height: 40px;}
    .section8_nn{ height: 400px; width: 1260px; margin-top: 40px;position:relative}
    .section8_nn_l{ height: 400px; width: 440px;left:-100%;position:absolute;top:0;transition:all 0.5s linear;}
    .section8_nn_l_t{ height:280px; width: 440px;}
    .section8_nn_l_z{ height: 120px; width: 440px; background: #FFFFFF;}
    .section8_nn_l_z_a{height: 50px; width: 400px; margin: 0 auto;}
    .section8_nn_l_z_a a{ line-height: 50px; font-size: 18px; color: #060606;}
    .section8_nn_l_z_ab{ width: 400px; margin: 0 auto;}
    .section8_nn_l_z_ab a{ line-height: 24px; font-size: 14px; color: #464646;}
    .section8_nn_l_z:hover{ height: 120px; width: 440px; background: #d9232d;}
    .section8_nn_l_z:hover .section8_nn_l_z_a a{ color: #FFFFFF;}
    .section8_nn_l_z:hover .section8_nn_l_z_ab a{ color: #FFFFFF;}
    
    .section8_nn_r{ width: 800px; height: 400px;position: absolute;top:0;right:-100%;transition:all 0.5s linear;}
    .section8_nn_r li{ height: 123px; width: 795px; background: #FFFFFF; margin-bottom: 15px;}
    .section8_nn_r_l{ height: 123px; width: 200px; float: left;}
    .section8_nn_r_r{ height: 123px; width:560px; float: right; margin-right: 15px;}
    .section8_nn_r_r_t a{line-height: 30px; font-size: 18px; color: #060606;height: 30px; display: block;}
    .section8_nn_r_r_sh a{line-height: 20px; font-size: 12px; color: #797979;}
    .section8_nn_r_r_sz a{ line-height: 20px; font-size: 14px; color: #464646;}
    .section8_nn_r li:hover{ background: #d9232d;}    
    .section8_nn_r li:hover .section8_nn_r_r_t a{ color: #FFFFFF;}   
    .section8_nn_r li:hover .section8_nn_r_r_sh a{ color: #ffde00;} 
    .section8_nn_r li:hover .section8_nn_r_r_sz a{ color: #FFFFFF;}     
    .section8_xiang{ height: 50px; width: 780px;background: url(../images/img/wq.png) no-repeat center right ;position:absolute; bottom: 8%; z-index: 5; right: -100%;transition:all 3s linear 0.3s;}
    .section8_xiang a{ line-height: 50px; font-size: 16px; color: #FFFFFF;}
     .section8_xiang a:hover{color: #d9232d;}
    
    
     .section9 {
      position: relative;
       background-image: url(../images/img/11.jpg);

    }   
    .section9_n{  width: 1260px;position:absolute;top:100%;left:50%;margin-left:-630px; opacity:0;transition: all 0.5s linear;}
    .section9_n_z{top:0;opacity:1;}
    .section9_n_n{ height: 475px; width:1260px; background: rgba(255,255,255,0.6)  url(../images/img/ew.png) no-repeat bottom left;margin-top: 13%;border-radius:20px;}
    .section9_n_n_tt{ padding:30px;}
    .section9_n_n_tt_l{ width: 520px; float: left; margin-left: 15px;}
    .section9_n_n_tt_lt{ height: 180px; width: 520px;}
    .section9_n_n_tt_lta{ height: 35px; background: url(../images/img/t1.png) no-repeat center left;;}
    .section9_n_n_tt_lta p{ line-height: 35px; font-size: 18px; color: #3c3c3c; display: block; margin-left: 40px;}
    .section9_n_n_tt_ltb{ height: 35px; background: url(../images/img/t2.png) no-repeat center left;;}
    .section9_n_n_tt_ltb p{ line-height: 35px; font-size: 18px; color: #3c3c3c; display: block; margin-left: 40px;}
    .section9_n_n_tt_ltc{ height: 35px; background: url(../images/img/t3.png) no-repeat center left;;}
    .section9_n_n_tt_ltc p{ line-height: 35px; font-size: 18px; color: #3c3c3c; display: block; margin-left: 40px;}
    .section9_n_n_tt_ltz{ height: 180px; width: 330px; float: right;background:url(../images/img/or.png) no-repeat center;}
    .section9_n_n_tt_r{ height: 415px; width: 630px; border: 1px solid #d9232d; float: right;}
    
    .fot{ height: 35px; width: 100%; background: #d9232d; position: absolute; z-index: 99; bottom:0;}
    .fot a{ line-height: 35px; width: 100%; font-size: 15px; color: #FFFFFF; display: block; text-align: center;}
    .fot a:hover{color: #FFFFFF;}
    

	.section9_n_n_tt_ltc a:visited,.section9_n_n_tt_ltc a:link{color:#000000;}
.section9_n_n_tt_ltc a:hover{color:#000000;}


    /* 第五屏样式 */

    /* 导航页样式 */
    body {
      position: relative;
    }

    .navbarpage {
      position: absolute;
      left: 0;
      top: -1000px;
      padding: 10%;
      width: 100%;
      box-sizing: border-box;
      transition: all 1s ease;
      background-color: rgba(9, 93, 176, 0.8);
    }

    .navbarpage ul {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -250px 0 0 -550px;
      width: 1200px;
      height: 500px;
    }

    .navbarpage ul li {
      display: inline-block;
      margin: 20px;
      width: 300px;
      height: 220px;
      box-sizing: border-box;
      background-color: #fff;
    }

    .navbarpage li p {
      text-align: center;
    }

    .navbarpage li a {
      text-decoration: none;
      color: #000;
      display: block;
      width: 100%;
      height: 100%;
    }

    .active_navbar {
      top: 0 !important;
      transition: all 1.5s ease;
    }
    .navbarpage .navbarLi {
      position: relative;
      overflow: hidden;
      transition: background-color 0.6s linear;
    }
    .navbarLi a div {
      position: absolute;
    }
    .navbarpage .zuo1 {
      margin-top: 20px;
      width: 100%;
      text-align: center;
      transition: all 0.6s linear;
    }
    .navbarpage .zuo2 {
      /* display: none; */
      /* opacity: 0; */
      margin-top: 20px;
      width: 100%;
      text-align: center;
      transform: translateX(-300px);
      transition: all 0.6s linear;
    }
    .navbarpage .you1 { 
      top: 100px;
      width: 100%;
      transition: all 0.6s linear;
    }
    .navbarpage .you2 {
      /* display: none; */
      /* opacity: 0; */
      top: 100px;
      width: 100%;
      transform: translateX(300px);
      transition: all 0.6s linear;
    }
    .navbarpage .you2 p {
      color: #fff;
    }

    /* 导航页样式 */