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/aboutbg.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: 100%;
      height: 300px;
      margin-top: 30px;
    }


    .contentt {
      margin: 0 auto;
      width: 100%;
      height: 520px;
      
    }

    .contentt .left {
      float: right;
      width: 40%;
      height: 849px; text-align: right; 
      background: url('../images/img/ab_r.png') no-repeat center right;
		
    }

.sy_lm36{ padding-top: 200px; padding-right:100px; text-align: right}
.baishutiao{ background: #fff; height: 50px;width:1px; float: right; margin-right: 70px; margin-top:40px}


.section_m{-webkit-animation:section_m 10s infinite linear;animation:section_m 10s infinite linear ;}

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

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

      color: #fff;
      
    }


.contentt .right .rr {width:100%}

.contentt .right .rr div {
      float: left;
      width: 33.3%;
      height: 220px;
      text-align: center;
      
    }
    
.rr .r1 {transform: translateY(500px);width:222px;}
.rr .r2 {transform: translateY(500px);width:222px;}
.rr .r3 {transform: translateY(500px);width:222px;}

    /* 第二屏样式 */
    /* 第三屏样式 */
    @keyframes sanbg {
      from {
        transform: scale(1);
      }

      to {
        transform: scale(1.5);
      }
    }

    .section3 {
      display: flex;padding-top:6%;
      background-image: url('../images/img/sy_fangan.jpg');
    }

.section3 .sycase{ width:70%; height:100%; margin: 0 auto;text-align: center}


    /* 第三屏样式 */
    /* 第四屏样式 */

.section4 { background-image: url(../images/img/cpbg.jpg);padding-top:3%}
.section4 .sy_cp_l{width:35%; }
.section4 .section_n{ width: 100%; height: 100%; margin: 0 auto;position: relative;}
.section4 .sy_lm36{ padding-top: 200px; padding-left:100px; text-align: left}
.section4 .baishutiao{ background: #fff; height: 50px;width:1px; float: left; margin-left: 70px; margin-top:40px}
.sy_cp_l{  
      width: 35%;
      height: 849px; text-align: left; margin-top:8%;
      background: url('../images/img/cp_l.png') no-repeat center left;
}

.section4 .sy_cp_r{width:65%; padding-top: 8%; padding-right: 5%}
.section4 .section_n{ width: 100%; height: 100%; margin: 0 auto;position: relative;}
.sy_cp_l{bb}
.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 {
      position: relative;
       background-image: url(../images/img/newsbg.jpg);

    }
    .section5_n{ width:100%; 
      height: 100%; 
      margin: 0 auto;
    	
    }
    
    .section5_nn{ height: 400px; width: 100%; margin-top: 40px;position:relative}
    .section5_nn_l{  width: 40%; height: 849px; margin-top:8%;transition:all 0.5s linear; background: url("../images/img/ab_l.png") no-repeat center right; float:right}
      
  
    
    .section5_nn_r{ width: 60%; height: 400px;top:0;transition:all 0.5s linear;float:left; padding-left: 5%; padding-top: 10%}
    .section5_nn_r li{ height: 170px; width: 100%; background:rgba(255,255,255,.6); margin-bottom: 15px;}
    .section5_nn_r_l{ height: 170px; width:25%; float: left;}
    .section5_nn_r_r{ height: 170px; width:70%; float: right; margin-right: 15px;}
    .section5_nn_r_r_t a{line-height: 50px; font-size: 18px; color: #d51825;height: 50px; display: block;font-weight: bold}
    .section5_nn_r_r_sh a{line-height: 20px; font-size: 12px; color: #333;}
    .section5_nn_r_r_sz a{ line-height: 20px; font-size: 14px; color: #333;}
    .section5_nn_r li:hover{ background:rgba(255,255,255,.2);}    
    .section5_nn_r li:hover .section8_nn_r_r_t a{ color: #d51825;}   
.section5_nn_r li:hover .section5_nn_r_r_t a{color:#f00}
    .section5_nn_r li:hover .section5_nn_r_r_sz a{ color: #111;}     
    .section5_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;}
    .section5_xiang a{ line-height: 50px; font-size: 16px; color: #FFFFFF;}
    .section5_xiang a:hover{color: #d9232d;}
    
    
     .section6 {
      position: relative;
       background-image: url(../images/img/contact.jpg);

    }   
.section6_n_n_l{width: 40%;
      height: 780px; transition:all 0.5s linear; background: url("../images/img/sy_l.png") no-repeat center left; float:left; background-size:100% auto}
    .section6_n{  width: 100%;position:absolute;top:100%; opacity:0;transition: all 0.5s linear;}
    .section6_n_z{top:0;opacity:1;}
    .section6_n_n{ height: 475px; width:100%;margin-top: 3%;}
    .section6_n_n_tt{ padding:30px; width: 60%;float: right;}
    .section6_n_n_tt_l{ width:100%;}
.con36{font-size:36px; font-weight: bold; padding-top: 12%; color: #b61515; text-align: center}
.con18{font-size:18px; line-height: 40px; margin-bottom:8%; text-align: center}
.section6_n_n_tt_lt{ height: 280px; width:100%;}
.section6_n_n_tt_l li{width:33%; text-align: center; float:left;}
   
    /* 导航页样式 */
    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;
    }

    /* 导航页样式 */