/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.fp-viewing-page2 .header,.fp-viewing-page3 .header,.fp-viewing-page4 .header,.fp-viewing-page5 .header,.fp-viewing-page6 .header,.fp-viewing-page7 .header,.fp-viewing-page8 .header,.fp-viewing-page9 .header,.fp-viewing-page10 .header{ /*height:0px; */padding-top:0;}
.fp-viewing-page1 .header{ height:80px; padding-top:28px;}

#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #ccc;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
  
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}



        .s1{ background: #e6e5e6 url(../images/s1bg.jpg) right top no-repeat;}
    
        .s1 .left li{ -webkit-transform: translateY(1100px); transform: translateY(1100px); }
        .s1 .left li:nth-child(1){ transition-delay: 0.8s }
        .s1 .left li:nth-child(2){ transition-delay: 0.9s }
        .s1 .left li .one-t{  width: 100%;}
        .s1 .left li .two-t{  width: 60%;}
        .s1.active .left li{ -webkit-transform: translateY(0%); transform: translateY(0%); width:100%; margin:0; }
        .s1.active .left li+li{ -webkit-transform: translateY(0%); transform: translateY(0%); }
        .s1 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s}
        .s1.active .right{ -webkit-transform: translateY(0); transform: translateY(0);left: 56%;}
        .s1.active .right em{background: #000;}
        .s1.active .right h4,
        .s1.active .right p{color: #000;}
        /*公共*/
        .section{ overflow: hidden; z-index: 0  }
        .section .left{ position: absolute; top:0; left: 0; z-index: 2; width:50%;}
        .section .left li{ float: left; margin-right: 20px; transition: 0.8s; }
        .section .left li p{ margin: 20px 0; font-size: 18px; color:#fff }
        .section .left li a{ width:98px; height:36px; background:url(img/buy.jpg); display:block;}
        .section .right{ position: absolute; left: 45%;padding-right: 10px; text-align: left; top: 25%;z-index: 3; transition: 0.8s; width:37%;  }
        .section .right h4{ line-height:80px; color:#fff; font-size:30px; font-weight:normal; position:relative; margin-bottom:14px;}
        .section .right em{position:absolute; bottom:0; left:0; width:70px; height:4px; background:#fff;}
        .section .right p{ font-size:14px; color:#fff; line-height:1.5em;margin-top:0px; margin-bottom:0px; width: 100%;}
        .section .right a{ color:#fff;  text-decoration:underline; cursor: pointer }
        .section .right a:hover{ text-decoration:none;}
        .section .bg{ position: absolute; bottom: 0; right: 0; z-index: 1 }

        .s2{ background: url("../upload/into_img2.jpg") center no-repeat; }
        .s2 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:18%;}
        .s2.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s2 .into_txt{  top:25%; color:#fff; font-size:14px; line-height:1.7em; }
        .s2 .into_txt h4 {  line-height:94px; color:#1aa345; font-size:48px; font-weight:normal; position:relative; margin-bottom:14px;}
        .s2 .into_txt h4 em {  position:absolute; bottom:0; left:0; width:70px; height:4px; background:#1aa345;}
        .s2 .into_txt h4 span { font-weight:bold; }
        .s2 li { font-size:24px; color:#1aa345; line-height:1.7em; }

        .s3{ background: url("../upload/into_img3.jpg") center no-repeat;}
        .s3 .right{ -webkit-transform: translateX(500px); transform: translateX(500px); transition-delay: 1.2s;left:15%; width: 28%}
        .s3.active .right{ -webkit-transform: translateX(0); transform: translateX(0); }
        .s3 .into_txt{ top:25%; padding:20px 5%; color:#fff; font-size:36px; line-height:1.8em; background:rgba(25, 163, 68, 0.71); border-radius:0 0 10px 0; }
        .s3 .into_txt p{ font-size: 30px;}
   


        .s4{ background: url("../upload/into_img4.jpg") center no-repeat;}
        .s4 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:55%;width: 40%}
        .s4.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s4 .into_txt{  top:45%; color:#19a344;  line-height:1.7em; }
        .s4 .into_txt p {  color:#19a344; font-size:48px; }




        .s5{ background: url("../upload/into_img5.jpg") center no-repeat;}
        .s5 .right{ -webkit-transform: translateX(500px); transform: translateX(500px); transition-delay: 1.2s;left:15%; width: 30%}
        .s5.active .right{ -webkit-transform: translateX(0); transform: translateX(0); }
        .s5 .into_txt{ top:25%; padding:20px 5%; color:#19a344; font-size:36px; line-height:1.8em; background:rgba(255,255,255,0.5); border-radius:0 0 10px 0; }
        .s5 .into_txt p{ font-size: 30px;color:#19a344;}



        .s6{ background: url("../upload/into_img6.jpg") right center no-repeat; }
        .s6 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:17%;width: 37%}
        .s6.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s6 .into_txt{  top:35%; color:#19a344; padding:20px 5%; background:rgba(255,255,255,0.8); border-radius:0 0 10px 0; }
        .s6 .into_txt p {  color:#19a344; font-size:30px; line-height:2.2em; }

        .s7{ background: url("../upload/pro_img1.jpg") center bottom no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s7 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s7.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s7 .rf_inner { width:931px; /*height:191px;*/ position:absolute; left:0; bottom:20%; background:url(../images/left_green.png) no-repeat;padding:12px 0 30px; background-size: cover;}
        .s7 .rf_inner .rf_r, .rf_txt1 .rf_inner .rf_l { float:right; }
        .s7 .rf_inner .rf_r { padding-left:40px; height:auto; border-left:1px solid #fff; color:#fff; }
        .s7 .rf_inner .rf_r h4 {  color:#fff; font-size:18px; margin-bottom:14px; line-height:20px;}
        .s7 .rf_inner .rf_r li {  line-height:24px; overflow:hidden;}
        .s7 .rf_inner .rf_r li span {  display:block; width:156px; float:left;}

        .s7 .rf_inner .rf_l {  padding-right:40px; line-height:34px; color:#fff; width:250px; margin-top:-8px; float: right;}


        .s8{ background: url("../upload/pro_rf1_img2.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s8 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s8.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s8 .rf_inner { width:1260px; left:50%; margin-left:-630px; position:absolute; top:20%; }
        .s8 .rf_inner h4{ line-height:78px; font-size:36px; text-align:right; color:#009819; font-weight:normal; }
        .s8 .rf_main { width:502px; border-radius:0 0 10px 0; background:#32ac58; text-align: right; padding:12px 0; }
        .s8 .rf_main li { padding-right:28px; color:#fff; line-height:30px; }

        .s8 .rf_inner { width:502px; left:50%; margin-left:-630px; position:absolute; top:20%; border-radius:0 0 10px 0; text-align:right; padding:12px 0 30px; }
        .s8 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:26px; text-align:right; color:#32ac58; font-weight:normal; }
        .s8 .rf_main { background:#32ac58;  }
        .s8 .rf_main p{ padding-right:26px; color:#fff; line-height:30px; padding-left:66px; font-size:16px; }
        
        
        .s81{ background: url("../upload/pro_img2.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s81 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s81.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s81 .rf_inner { width:1260px; left:50%; margin-left:-630px; position:absolute; top:20%; }
        .s81 .rf_inner h4{ line-height:78px; font-size:36px; text-align:right; color:#009819; font-weight:normal; }
        .s81 .rf_main { width:502px; border-radius:0 0 10px 0; background:#32ac58; text-align: right; padding:12px 0; }
        .s81 .rf_main li { padding-right:28px; color:#fff; line-height:30px; }

        .s81 .rf_inner { width:502px; left:50%; margin-left:-630px; position:absolute; top:20%; border-radius:0 0 10px 0; text-align:right; padding:12px 0 30px; }
        .s81 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:26px; text-align:right; color:#32ac58; font-weight:normal; }
        .s81 .rf_main { background:#32ac58;  }
        .s81 .rf_main p{ padding-right:26px; color:#fff; line-height:30px; padding-left:66px; font-size:16px; }
        
        
        .s82{ background: url("../upload/pro_rf2_img2.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s82 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s82.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s82 .rf_inner { width:1260px; left:50%; margin-left:-630px; position:absolute; top:20%; }
        .s82 .rf_inner h4{ line-height:78px; font-size:36px; text-align:right; color:#009819; font-weight:normal; }
        .s82 .rf_main { width:502px; border-radius:0 0 10px 0; background:#32ac58; text-align: right; padding:12px 0; }
        .s82 .rf_main li { padding-right:28px; color:#fff; line-height:30px; }

        .s82 .rf_inner { width:502px; left:50%; margin-left:-630px; position:absolute; top:20%; border-radius:0 0 10px 0; text-align:right; padding:12px 0 30px; }
        .s82 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:26px; text-align:right; color:#32ac58; font-weight:normal; }
        .s82 .rf_main { background:#32ac58;  }
        .s82 .rf_main p{ padding-right:26px; color:#fff; line-height:30px; padding-left:66px; font-size:16px; }
        
        
        .s83{ background: url("../upload/pro_rf3_img2.jpg") no-repeat;background-size:  auto 100%!important;background-position: left top!important; }
        .s83 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s83.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s83 .rf_inner { width:1260px; left:50%; margin-left:-630px; position:absolute; top:20%; }
        .s83 .rf_inner h4{ line-height:78px; font-size:36px; text-align:right; color:#009819; font-weight:normal; }
        .s83 .rf_main { width:502px; border-radius:0 0 10px 0; background:#32ac58; text-align: right; padding:12px 0; }
        .s83 .rf_main li { padding-right:28px; color:#fff; line-height:30px; }

        .s83 .rf_inner { width:502px; left:50%; margin-left:-630px; position:absolute; top:20%; border-radius:0 0 10px 0; text-align:right; padding:12px 0 30px; }
        .s83 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:26px; text-align:right; color:#32ac58; font-weight:normal; }
        .s83 .rf_main { background:#32ac58;  }
        .s83 .rf_main p{ padding-right:26px; color:#fff; line-height:30px; padding-left:66px; font-size:16px; }


        .s9{ background: url("../upload/pro_img3.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s9 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s9.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s9 .rf_inner { width:502px; left:50%; margin-left:-630px; position:absolute; top:20%; border-radius:0 0 10px 0; background:#32ac58; text-align:right; padding:12px 0 30px; }
        .s9 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:26px; text-align:right; color:#fff; font-weight:normal; }
        .s9 .rf_main {  }
        .s9 .rf_main p{ padding-right:26px; color:#fff; line-height:30px; padding-left:66px; font-size:16px; }


        .s10{ background: url("../upload/pro_rf1_img4.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s10_0{ background: url("../upload/.jpg") center no-repeat;background-size: cover;}
        .s10_1{ background: url("../upload/pro_img4.jpg") center no-repeat;background-size: cover;}
        .s10_2{ background: url("../upload/pro_rf2_img4.jpg") center no-repeat;background-size: cover;}
        .s10_3{ background: url("../upload/pro_rf3_img4.jpg") center no-repeat;background-size: cover;}
        .s10 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s10.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s10 .rf_inner { width:40%; /*height:211px;*/ left:0%; position:absolute; top:14%; background:url(../images/left_white.png) no-repeat; text-align:right; padding:12px 0 30px; border-radius:0 0 30px; background-size:cover; }
        .s10 .rf_inner h4{ line-height:78px; font-size:36px; padding-right:40px; text-align:right; color:#1aa345; font-weight:normal; }
        .s10 .rf_main {  }
        .s10 .rf_main p{ padding-right:40px; color:#1aa345; line-height:30px; padding-left:66px; font-size:16px; }


        .s11{ background: url("../upload/pro_img5.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s11 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s11.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s11 .rf_inner { width:40%; /*height:211px;*/ right:0%; position:absolute; bottom:14%; background:url(../images/right_green.png) no-repeat bottom left; text-align:left; padding:12px 0 30px; background-size: cover;}
        .s11 .rf_inner h4{ line-height:78px; font-size:36px; padding-left:30px; text-align:left; color:#fff; font-weight:normal; }
        .s11 .rf_main {  }
        .s11 .rf_main p{ padding-left:30px; color:#fff; line-height:30px; font-size:16px; }


        .s12{ background: url("../upload/pro_img6.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s12 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s12.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s12 {  margin-bottom:100px;}
        .s12 .rf_inner { width:40%; /*height:160px;*/ position:absolute; left:0; top:24%; background:url(../images/left_green.png) no-repeat; padding:12px 0 30px; border-radius: 0 0 10px 0; background-size: cover;}
        .s12 .rf_inner h4 {  color:#fff; font-size:36px; line-height:20px; padding-right:32px; font-weight:normal; line-height:78px; text-align:right;}
        .s12 .rf_inner p {  line-height:24px; overflow:hidden; text-align:right; padding-right:32px; color:#fff; font-size:16px;}

        .s13{ background:#fff; }
        .rf_bottom h4 { font-size:36px; font-weight:normal; color:#1aa345; text-align:center; margin-bottom:40px; }
        .rf_bottom_main {  position:relative;}
        .rf_bottom_main li {  position:absolute; cursor:pointer;}
        .rf_bottom_main li .rf_txtBox { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/png.png) repeat; }
        .rf_bottom_main li .rf_txtBox h5 {  height:2em; line-height:2em; border-top:2px solid #fff; border-bottom:2px solid #fff; font-size:28px; width:80%; color:#fff; font-weight:normal; margin:0 auto; margin-top:10%;}
        .rf_bottom_main li .rf_txtBox dl { padding-top:0.8em; font-size:18px; color:#fff; line-height:2.5em; }
        .rf_bottom_main li .rf_txtBox dd {  width:80%; margin:0 auto; overflow:hidden;}
        .rf_bottom_main li .rf_txtBox dd span.rf_span1 { width:25%; display:block; float:left; }
        .rf_bottom_main li .rf_txtBox dd span.rf_span2 { width:75%; display:block; float:left; }

        .rf_bottom_main li.on:hover .rf_txtBox {  display:block;}
        .rf_txtWrap {  margin-bottom:1px; position:relative; overflow:hidden;}
        .rf_bottom_main li p { height:64px; width:100%; background:url(../images/shadow.jpg) no-repeat center top; text-align:center; line-height:64px; font-size:18px; color:#323232;  }
        .rf_txtWrap img {  width:100%; height:auto;}




.rf_bottom_main li.cur2{background: url(../images/product_img5.jpg) no-repeat;}


.prev_a{ position: absolute;; left: 18%; top:38%;z-index: 9999999999999; cursor: pointer;filter:alpha(opacity:70); opacity:0.7; -moz-opacity:0.7; }
.next_a{ position: absolute;; right:18%; top:38%;z-index: 9999999999999;cursor: pointer;filter:alpha(opacity:70); opacity:0.7; -moz-opacity:0.7; }
.prev_a:hover{filter:alpha(opacity:100); opacity:1; -moz-opacity:1;}
.next_a:hover{filter:alpha(opacity:100); opacity:1; -moz-opacity:1;}









        .s14{ background: url("../upload/pro_rf1_img1.jpg") center bottom no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s14 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s14.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s14 .rf_inner { width:720px; /*height:191px;*/ position:absolute; left:0; bottom:20%; background:url(../images/left_green.png) no-repeat; padding:12px 0 30px; background-size: cover;}
        .s14 .rf_inner .rf_r, .rf_txt1 .rf_inner .rf_l { float:right; }
        .s14 .rf_inner .rf_r { padding-left:40px; height:auto; border-left:1px solid #fff; color:#fff; }
        .s14 .rf_inner .rf_r h4 {  color:#fff; font-size:18px; margin-bottom:14px; line-height:20px;}
        .s14 .rf_inner .rf_r li {  line-height:24px; overflow:hidden;}
        .s14 .rf_inner .rf_r li span {  display:block; width:156px; float:left;}

        .s14 .rf_inner .rf_l {  padding-right:40px; line-height:34px; color:#fff; width:250px; margin-top:-8px; float: right;}

        .s15{ background: url("../upload/pro_rf1_img6.jpg") right center no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s15 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s15.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s15 {  margin-bottom:100px;}
        .s15 .rf_inner { width:500px; /*height:160px;*/ position:absolute; left:0; top:24%; background:url(../images/left_green.png) no-repeat;padding:12px 0 30px; background-size: cover;border-radius: 0 0 10px 0; }
        .s15 .rf_inner h4 {  color:#fff; font-size:36px; line-height:20px; padding-right:32px; font-weight:normal; line-height:78px; text-align:right;}
        .s15 .rf_inner p {  line-height:24px; overflow:hidden; text-align:right; padding-right:32px; color:#fff; font-size:16px;}

        .s16{ background: url("../upload/pro_rf2_img1.jpg") center bottom no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s16 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s16.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s16 .rf_inner { width:931px; /*height:191px;*/position:absolute; left:0; bottom:20%; background:url(../images/left_green.png) no-repeat;padding:12px 0 30px; background-size: cover;}
        .s16 .rf_inner .rf_r, .rf_txt1 .rf_inner .rf_l { float:right; }
        .s16 .rf_inner .rf_r { padding-left:40px; height:auto; border-left:1px solid #fff; color:#fff; }
        .s16 .rf_inner .rf_r h4 {  color:#fff; font-size:18px; margin-bottom:14px; line-height:20px;}
        .s16 .rf_inner .rf_r li {  line-height:24px; overflow:hidden;}
        .s16 .rf_inner .rf_r li span {  display:block; width:156px; float:left;}

        .s16 .rf_inner .rf_l {  padding-right:40px; line-height:34px; color:#fff; width:250px; margin-top:-8px; float: right;}

        .s17{ background: url("../upload/pro_rf2_img6.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s17 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s17.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s17 {  margin-bottom:100px;}
        .s17 .rf_inner { width:555px; /*height:160px;*/ position:absolute; left:0; top:24%; background:url(../images/left_green.png) no-repeat; padding:12px 0 30px;border-radius: 0 0 10px 0; background-size: cover;}
        .s17 .rf_inner h4 {  color:#fff; font-size:36px; line-height:20px; padding-right:32px; font-weight:normal; line-height:78px; text-align:right;}
        .s17 .rf_inner p {  line-height:24px; overflow:hidden; text-align:right; padding-right:32px; color:#fff; font-size:16px;}

        .s18{ background: url("../upload/pro_rf3_img1.jpg") no-repeat;background-size: 100% auto!important;background-position: left top!important; }
        .s18 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s18.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s18 .rf_inner { width:931px; /*height:191px;*/ position:absolute; left:0; bottom:20%; background:url(../images/left_green.png) no-repeat;padding:12px 0 30px; background-size: cover;}
        .s18 .rf_inner .rf_r, .rf_txt1 .rf_inner .rf_l { float:right; }
        .s18 .rf_inner .rf_r { padding-left:40px; height:auto; border-left:1px solid #fff; color:#fff; }
        .s18 .rf_inner .rf_r h4 {  color:#fff; font-size:18px; margin-bottom:14px; line-height:20px;}
        .s18 .rf_inner .rf_r li {  line-height:24px; overflow:hidden;}
        .s18 .rf_inner .rf_r li span {  display:block; width:156px; float:left;}

        .s18 .rf_inner .rf_l {  padding-right:40px; line-height:34px; color:#fff; width:250px; margin-top:-8px; float: right;}
    
        .s19{ background: url("../upload/pro_rf3_img6.jpg") center no-repeat;background-size: 100% auto!important;background-position: left top!important;}
        .s19 .right{ -webkit-transform: translateY(-500px);  transform: translateY(-500px); transition-delay: 1.2s;left:25%;width: 40%}
        .s19.active .right{ -webkit-transform: translateY(0); transform: translateY(0);}
        .s19 {  margin-bottom:100px;}
        .s19 .rf_inner { width:40%; /*height:160px;*/ position:absolute; left:0; top:24%; background:url(../images/left_green.png) no-repeat; padding:12px 0 30px; background-size: cover; border-radius: 0 0 10px 0;}
        .s19 .rf_inner h4 {  color:#fff; font-size:36px; line-height:20px; padding-right:32px; font-weight:normal; line-height:78px; text-align:right;}
        .s19 .rf_inner p {  line-height:24px; overflow:hidden; text-align:right; padding-right:32px; color:#fff; font-size:16px;}




        @-webkit-keyframes move1 {
             0%{ -webkit-transform: translate(330px,-1000px); transform: translate(330px,-1000px) }
             20%{ -webkit-transform: translate(330px,0); transform: translate(330px,0) }
             40%{ -webkit-transform: translate(330px,-50px); transform: translate(330px,-50px) }
             60%{ -webkit-transform: translate(330px,0px); transform: translate(330px,0px) }
             100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
         }
        @-webkit-keyframes move2 {
            0%{ -webkit-transform: translate(0,-1000px); transform: translate(0,-1000px) }
            20%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
            40%{ -webkit-transform: translate(0,-50px); transform: translate(0,-50px) }
            60%{ -webkit-transform: translate(0,0px); transform: translate(0,0px) }
            100%{ -webkit-transform: translate(0,0) ; transform: translate(0,0)}
        }
        @-webkit-keyframes move3 {
            0%{ -webkit-transform: translate(-330px,-1000px); transform: translate(-330px,-1000px) }
            20%{ -webkit-transform: translate(-330px,0); transform: translate(-330px,0) }
            40%{ -webkit-transform: translate(-330px,-50px); transform: translate(-330px,-50px) }
            60%{ -webkit-transform: translate(-330px,0px); transform: translate(-330px,0px) }
            100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
        }
        @keyframes move1 {
            0%{ transform: translate(330px,-1000px) }
            20%{ transform: translate(330px,0) }
            40%{ transform: translate(330px,-50px) }
            60%{ transform: translate(330px,0px) }
            100%{ transform: translate(0,0) }
        }
        @keyframes move2 {
            0%{ transform: translate(0,-1000px) }
            20%{ transform: translate(0,0) }
            40%{ transform: translate(0,-50px) }
            60%{ transform: translate(0,0px) }
            100%{ transform: translate(0,0) }
        }
        @keyframes move3 {
            0%{ transform: translate(-330px,-1000px) }
            20%{ transform: translate(-330px,0) }
            40%{ transform: translate(-330px,-50px) }
            60%{ transform: translate(-330px,0px) }
            100%{ transform: translate(0,0) }
        }



@media only screen and (max-width: 1366px) {
       .section .right{left: 55%;}
       .s4 .right{ left:64%;}
       .s2 .right,.s3 .right,.s5 .right,.s6 .right{ left:10%;}
       .s3 .right,.s6 .right{  width: 35%}
       .s2 .into_txt p,.s3 .into_txt p,.s4 .into_txt p,.s5 .into_txt p,.s6 .into_txt p{ font-size:20px; }
       .s1 .right{ top: 15%; }
       .s4 .into_txt p{ font-size:18px;}
       .s14 .rf_inner,.s18 .rf_inner,.s7 .rf_inner,.s16 .rf_inner{  padding-top:20px;bottom:25%; /*height:120px;*/ width:684px; background-position:right bottom;}
       .s14 .rf_inner .rf_r h4,.s18 .rf_inner .rf_r h4,.s7 .rf_inner .rf_r h4,.s16 .rf_inner .rf_r h4{ font-size:16px;}
       .s14 .rf_inner .rf_r li,.s18 .rf_inner .rf_r li,.s7 .rf_inner .rf_r li,.s16 .rf_inner .rf_r li{ font-size:12px; line-height:16px;}
       .s14 .rf_inner .rf_l,.s18 .rf_inner .rf_l,.s7 .rf_inner .rf_l,.s16 .rf_inner .rf_l{ line-height:24px; font-size:12px; width:190px;}
       .s14 .rf_inner .rf_r li span,.s18 .rf_inner .rf_r li span,.s7 .rf_inner .rf_r li span,.s16 .rf_inner .rf_r li span{ width:120px;}
       
       .s82 .rf_inner,.s9 .rf_inner,.s81 .rf_inner,.s8 .rf_inner,.s83 .rf_inner{width:422px;}
       .s10 .rf_inner{ width:47%;}
       
       .s83 .rf_main li{ font-size:16px;}
       
       .s2 .into_txt h4{ font-size:30px;}
       .s2 li{ font-size:20px;}
       
       .s2 .right, .s3 .right, .s5 .right, .s6 .right{ left:55%; margin-left:-512px;}
       .s9 .rf_main p{ font-size:16px;}
       /*.s10 .rf_inner{ height:172px;}
       .s11 .rf_inner{ height:136px;}*/
       .s11 .rf_inner{ bottom:10%;}
       
       .s11 .rf_inner h4{ font-size:16px; line-height:38px;}
       .rf_bottom h4{ padding-top:30px;}
       
       .s4 .into_txt p { font-size:20px; }
       
       .s1.active .left li,.s1.active .left li {-webkit-transform: translateY(2%);
    transform: translateY(2%); top:4%;}
    
    .s6 .right{ width:40%; top:50%; left:50%;}
    
    .s14 .rf_inner .rf_l,.s7 .rf_inner .rf_l,.s16 .rf_inner .rf_l,.s18 .rf_inner .rf_l{ margin-top:-3px;}
    
    .s10 .rf_inner h4,.s9 .rf_inner h4,.s8 .rf_inner h4,.s11 .rf_inner h4,.s8 .rf_inner h4,.s15 .rf_inner h4,.rf_bottom h4,.s81 .rf_inner h4,.s83 .rf_inner h4,.s82 .rf_inner h4,.s19 .rf_inner h4,.s12 .rf_inner h4,.s17 .rf_inner h4{ font-size:30px; line-height:68px;}
    .section .right h4{}
    .s82 .rf_inner, .s9 .rf_inner, .s81 .rf_inner, .s8 .rf_inner, .s83 .rf_inner{ width:502px;}
    .s8 .rf_inner h4{ padding-right:0;}
    
    .s1.active .left li+li{ -webkit-transform: translateY(4%); transform: translateY(4%); }
    
    .s8 .rf_main li,.s82 .rf_main li,.s83 .rf_main li,.s81 .rf_main li{ font-size:16px;}


}
@media only screen and (max-width: 1366px) {
.prev_a{ top:33%;}
.next_a{ top:33%;}


}


@media only screen and (max-width: 1000px) {
    .s3 .right,.s6 .right{  width: 45%}
}


@media only screen and (max-width: 767px) {
    .s9 .rf_main p,.s15 .rf_inner p{ font-size:12px;}
    .rf_bottom_main li .rf_txtBox{ background:rgba(48,172,87,0.4);}
    .s14 .rf_inner .rf_l, .s18 .rf_inner .rf_l, .s7 .rf_inner .rf_l, .s16 .rf_inner .rf_l{ width:100%; padding: 0; margin: 0; padding-top: 10px;}
    .s10 .rf_inner h4, .s9 .rf_inner h4, .s8 .rf_inner h4, .s11 .rf_inner h4, .s8 .rf_inner h4, .s15 .rf_inner h4, .rf_bottom h4, .s81 .rf_inner h4, .s83 .rf_inner h4, .s82 .rf_inner h4, .s19 .rf_inner h4, .s12 .rf_inner h4, .s17 .rf_inner h4{ text-align: left; margin-bottom: 10px;}
    .s8 .rf_main,.s9 .rf_main p, .s15 .rf_inner p,.rf_main li, .s10 .rf_main p, .s11 .rf_main p{ text-align: left;}
    .s1.active .left li+li{-webkit-transform: translateY(15%);
    transform: translateY(15%);}
    .s9 .rf_main p{ line-height:1.4em!important; }
    
    .s19 .rf_inner p{ text-align: left; font-size:12px;}
    .rf_bottom_main li .rf_txtBox dd,.rf_bottom_main li .rf_txtBox h5{ width:70%;}
    
    .rf_bottom_main li p{ line-height: 44px; height:44px;}
}




html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}




@media only screen and (min-width:1025px){
/*.con .section {height:calc(100% - 80px) !important;}*/
.full_body .header{position: relative;}
}

.make_xz{width: 985px;margin: auto;max-width: 94%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.make_xz_t{text-align:center;margin-bottom: 40px;}
.make_xz_t h3{margin-bottom: 20px;}
.make_xz_b ul{overflow: hidden;margin: 0 -8px;}
.make_xz_b dl{margin: 0 8px;}
.make_xz_b li{float: left;width: 33.33%;text-align: center;}
.make_xz_b dt{overflow: hidden;margin-bottom: 20px;border: 4px solid #7de7ae;border-top-width: 6px;border-bottom-width: 6px;}
@media only screen and (max-width:1024px) {
.make_xz{position: static;transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);}
.make_xz_t h3{margin-bottom: 10px;}
.make_xz_t{margin-bottom: 20px;}
.make_xz_b dt{border-width: 2px;}
}
@media only screen and (max-width:767px) {
.make_xz_b ul{margin: 0;}
.make_xz_b dl{margin: 0;}
.make_xz_b li{float: none;width:100%;margin-bottom: 20px;}
.make_xz_b dt{margin-bottom: 10px;}
}
.fp-viewing-page1 .header{padding-top: 0;}