* { margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration:none;}
.l{float:left;}
.r{float:right}
.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(0,0,0,0.5);}
.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: 780px; float: left;margin-left: 120px;}
.zj_top_nn_ll li{ height: 90px; width: 110px; float: left; }
.zj_top_nn_ll li:hover{ background: #009944 }
.zj_top_nn_ll li a{ line-height: 24px; width: 100px; display: block; text-align: center; font-size: 15px; color: #fff; }
.zj_top_nn_ll li a:hover{  font-size: 15px; color: #fff;}
.zj_top_nn_ll li b{ line-height: 16px; width: 100px; display: block; text-align: center; font-size: 10px; color: #fff; font-weight: 100;margin-top: 22px; text-transform: uppercase}
.zj_top_nn_ll li b:hover{font-size: 10px; color: #fff;}

.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: 40px;
      height: 40px;
      cursor: pointer;
      box-sizing: border-box;
      background-color: #d9232d;
      z-index: 9;
      float: left;
      margin-top:20px;
     
      background: url(../images/to.png) no-repeat center;
    }


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

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

/* 第二屏样式 */
.section2 {position: relative;background-image: url(../images/img/04.jpg);}
.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;}
.contentt .left {float: left; width: 35%;}
.contentt .left img{max-width: 100%;}
.section_m{-webkit-animation:section_m 10s infinite linear;animation:section_m 10s infinite linear ;}


.contentt .right {
    float: right;
    width: 60%;
    height: 375px;
    box-sizing: border-box;
     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: #009944;}
.contentt .right .rr div {
      float: left;
      width: 234px;
      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,.rr .r2,.rr .r3 {opacity: 0;transform: translateY(500px);}
/* 第二屏样式end */


/* 第三屏样式 */
@keyframes sanbg
    {
      from {transform: scale(1);}
      to { transform: scale(1.5);}
    }
.section3 {display: flex;background-image: url('../images/img/05.jpg');}
.section_n{ width: 90%; height: 100%; margin: 0 auto;position: relative;}
.section_n_a{ position:absolute;top:21%;width:20%;opacity:0;transition:all 0.5s linear;}
.section_n_b {position:absolute; line-height:30px;margin-right:0; margin-top:20%;width:100%}
.section_n_b img{max-width:100%;}
.section_n_c {position:absolute;line-height:30px;margin-left:35%; margin-top: 10%;width:65%;}
.section_n_c img{max-width:100%;}
/* 第三屏样式end */


/* 第四屏样式 */
.section4 {background-image: url(../images/img/06.jpg);}
.section_n_4a{ position:absolute;top:23%;margin-left:0px;opacity:0;transition:all 0.5s linear;}
.section_n_4b{ position:absolute;top:43%;margin-left:0px;opacity:0;transition:all 0.5s linear;}
/* 第四屏样式end*/


/* 第五屏样式 */
.section5 {background-image: url(../images/img/07.jpg);}		
.section_n_5a{position:absolute;top:20%;margin-left:0px;opacity:0;transition:all 0.5s linear;width:45%}
.section_n_5b{position:absolute;top:20%;margin-left:50%;opacity:0;transition:all 0.5s linear 0.2s;width:50%}
.section_n_5a img,.section_n_5b img{ max-width:100%}
.section6 {position: relative;background-image: url(../images/img/08.jpg);}
  

/* 第六屏新闻动态样式 */
.sy_news_l{width:30%;margin-top:15%}
.news_list{width:320px;}
.news_list li{width:120px; float:left;  text-align: center; margin-top:50px; margin-left: 15px}
.news_list li a{height:35px; line-height: 35px; display: block; color: #333; background: #fff;font-size:14px;}
.news_list li a:hover{display: block; color: #fff; background: #009944}
.sy_news_r{width:55%;margin-top:15%;}
.sy_news_r li{ height: 140px; width: 760px; background:rgba(0,0,0,0.5); margin-bottom: 15px;}
.section8_nn_r_l{ height: 140px; width: 200px; float: left;}
.section8_nn_r_r{ height: 140px; width:520px; float: right; margin-right: 15px;}
.section8_nn_r_r_t a{line-height: 30px; font-size: 18px; color: #fff;height: 30px; display: block;}
.section8_nn_r_r_sh a{line-height: 20px; font-size: 12px; color: #fff;}
.section8_nn_r_r_sz a{ line-height: 20px; font-size: 14px; color: #fff;}
.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;}  


/* 第七屏联系我们样式 */ 
.section7 {position: relative; background-image: url(../images/img/09.jpg);}
.sy_lianxi_l{width:50%;margin-top:15%}
.sy_lianxi_r{width:40%;margin-top:15%}
.section_nn{ width:90%; 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;}
    

/* 导航页样式 */
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 {
      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 {
      top: 100px;
      width: 100%;
      transform: translateX(300px);
      transition: all 0.6s linear;
    }
    .navbarpage .you2 p {
      color: #fff;
    }

    /* 导航页样式 */