/* 
* @Author: wu
* @Date:   2016-03-16 09:07:11
* @Last Modified by:   Marte
* @Last Modified time: 2016-09-12 11:02:12
*/

/*向下箭头---------*/
.move{position: absolute;left: 50%;margin-left: -37px; bottom: 60px; width: 74px;height: 74px; z-index: 100;text-align: center;}
.move a{padding-top: 10px;display: inline-block; color:#fff; font-size: 12px;}
.page4 .move{bottom: 100px;}



#fp-nav ul li a span{width: 11px;height: 11px;border: 1px solid #fff; border-radius: 0;background:transparent;}
#fp-nav ul li a.active span {background-color: #fff;border-radius: 0;margin-top: -3px;}
#fp-nav ul li:hover a span{margin-top: -2px;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{border-radius: 0;margin-top: -3px;}
#fp-nav ul li a{height: 0;position: static;}
#fp-nav ul li:last-of-type{display: none;}
#fp-nav ul li .fp-tooltip.right{font-size: 12px;}

.section{position: relative;width: 100%; overflow: hidden;}

/*首页样式*/
/*第一屏样式开始-----------------------*/
.page1{width: 100%; height: 100%; position: relative; overflow-x: hidden;}
.page1 .focus{position: absolute;z-index: 1;width: 100%;height: 100%;}
.page1 .focus ul.page1-pic{width: 100%;height: 100%;position: absolute;z-index: 1;}
.page1 .focus img{height: 100%;width: auto;}
.page1 .page1-pic li{width: 100%;height: 100%;-webkit-background-size: cover; background-repeat: no-repeat; background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute;left: 0;top: 0;}
.page1 .page1-pic li:first-of-type{z-index: 1;}
.page1 .page1-content{position: absolute;z-index: 3; width: 30%;min-width: 300px; max-width: 360px;left: 15%;top: 50%; -webkit-transform: translateY(-40%);
   -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
     -o-transform: translateY(-40%);
        transform: translateY(-40%);}

.page1 .page1-content .up{padding: 10px;background-color: #fff;}
.page1 .page1-content .up-content{padding: 20px 7%;border: 1px solid #e5e5e5;min-height: 260px;position: relative; }
.page1 .up-content li{display: none;}
.page1 .up-content li:first-of-type{display: block;}
.page1 .up-content h2{padding-top: 20px; padding-bottom: 15px; font-size: 30px;color:#121212; font-weight: normal;}
.page1 .up-content p{font-size: 12px;color:#999; line-height: 18px;}
.page1 .up-content a{position: absolute;left: 7%;bottom: 20px;}
.page1 .page1-content .down{padding: 15px 10px; background-color: #cecccc;position: relative;}
.page1 .down-dot{padding:0 26px;padding-top: 11px; }
.page1 .down-dot li{width: 33.333%;height: 1px;background-color: #a6a6a6; float: left;}
.page1 .down-dot li.down-dot-on{height: 3px;background-color: #121212;margin-top: -1px;}
.page1 .down .page1-prev,.page1 .down .page1-next{width: 26px;height: 26px;position: absolute;top: 14px;left: 10px;background:#121212 url("../image/page1_up_img3.png") no-repeat left top;}
.page1 .down .page1-next{right: 10px;left: auto; background-position: right top;}
.page1 .down .down-page{text-align: center;padding-top: 5px;}

/*.page1 nav{position: absolute;z-index: 10; right:-360px;top: 0; width: 300px; height: 100%; background: rgba(255,255,255,.95) url("../images/nav_bg.png") no-repeat center bottom;}
.page1 .nav-close{width: 60px;height: 60px;background:url("../image/nav_close.jpg") no-repeat center; position: absolute;left: -60px; top: 0;}*/
/*.page1 .nav-bar{width: 300px;margin-top: 50px; text-align: center; }
.page1 .nav-bar a.hd{font-size: 18px;padding: 20px 0; }
.page1 .nav-bar a{display: block; color:#999;}
.page1 .nav-bar a:hover{color:#333;}
.page1 .nav-bar .bd a{font-size: 14px;padding: 10px 0;}
.page1 .layout-bg{width: 100%;height: 100%;background:#000; opacity:0.6;position: absolute;left: 0;top: 0;z-index: 9;display: none;}
.page1 .nav-bar a.nav-current{color:#333;}
.page1 .nav-bar .bd{display: none;}*/
/*
.page1 .index-nav.nav-dong .hd{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .55s linear;
           -moz-transition: all .55s linear;
            -ms-transition: all .55s linear;
             -o-transition: all .55s linear;
                transition: all .55s linear;}
.page1 .index-nav .hd{
-webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
     -o-transform: translateX(300px);
        transform: translateX(300px);}        
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(2) .hd{transition-delay:300ms;}
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(3) .hd{transition-delay:350ms;}
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(4) .hd{transition-delay:400ms;}
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(5) .hd{transition-delay:450ms;}
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(6) .hd{transition-delay:500ms;}
.page1 .index-nav.nav-dong div.nav-bar-main:nth-of-type(7) .hd{transition-delay:550ms;}
*/
 header{padding: 25px 60px;position: absolute;top: 0;z-index: 2;width: 100%;box-sizing: border-box;background-color:rgba(255,255,255,.3);}
.header-r .mall{padding-right: 30px;background: url("../image/header_mall.png") no-repeat right center; margin-right: 50px; color:#333;}
.nav .caidan{padding-right: 40px;background: url("../image/header_caidan.png") no-repeat right center; color:#333;cursor: pointer;}
/*头部导航栏*/
.inside-wrap{max-width: 1190px; margin: 0 auto; width: 80%; position: relative;}
.inside-header{background-color:#222222; height: 90px; padding: 0 4%;box-sizing: border-box; width: 100%; position: relative;z-index: 12;display: none;}
.inside-header h2{line-height: 90px;}
.inside-header-r {padding-top: 20px;text-align: right;width: 62%;}
.inside-header-r .up a{color:#bfbfbf; font-size: 12px;padding-left: 15px;}
.inside-header-r .up a.mall{background: url("../image/inside_mall.png") no-repeat left center;}
.inside-header-r .inside-nav {padding-top: 10px;}
.inside-header-r .inside-nav a{color:#fff; font-size: 14px;margin-left: 3%; padding-bottom:20px;}
.inside-header-r .inside-nav a.inside-nav-on{border-bottom: 2px solid #fff;}
.inside-header-r .inside-nav a:hover{opacity:0.8;}
.nav-bar{position: fixed;z-index: 99; right:4%; bottom: 50px; width: 40px;height: 122px;}
.nav-bar li{width: 40px;height: 40px;margin-bottom: 1px;}
.nav-bar li.top{background:#969696 url("../image/top.png") no-repeat center;cursor:pointer;}
.nav-bar li a{width: 100%;height: 100%;display: block; text-align: center;color:#000;}
.nav-bar li.kefu a{background: #969696 url("../image/kefu.png") no-repeat center;}
.nav-bar li.liuyan a{background: #969696 url("../image/liuyan.png") no-repeat center;}
.nav-bar span{display: none; line-height: 18px;}
.nav-bar li a:hover{background-color: #fff;}
.nav-bar li a:hover span{display: block;}
.nav-drop-down{height: 60px; line-height: 60px; width: 100%;  position: absolute; top: 90px;left: 0; z-index: 13;text-align: center; display: none;}
.nav-drop-down .drop-down{background-color:rgba(0,0,0,.8); filter:alpha(opacity=80); display: none;}
.nav-drop-down a{color:#fff; margin-right: 4%;}
.nav-drop-down a:hover{opacity:0.8;}
.nav-close{width: 20px;height: 20px;background:url("../image/nav_close.jpg") no-repeat center; position: absolute;right: 10px; top:50%; margin-top: -10px;}

.fixed-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}



@media (min-width: 1366px) and (max-width:1919px) {
}
@media (max-width:1365px ) {
  
}



/*第一屏样式结束-----------------------*/

/*第二屏开始---------------------------*/

.page2{width:100%;height: 100%;position:relative; overflow: hidden;}
.page2 .prev,.page2 .next{background:url("../image/page2_attr.jpg") no-repeat; width:60px; height:60px; position:absolute; left:60px; top:50%;margin-top: -30px; background-position:left top;z-index: 3; }
.page2 .next{ left:auto; right:60px; background-position:right top; }
.page2 .prev:hover{ background-position:left bottom; }
.page2 .next:hover{ background-position:right bottom; }
.page2 .page2-content{ width:100%;height: 100%; overflow:hidden;    }
.page2 ul{ width: 100%;height: 100%; float: left;}
.page2 li{ width:33.333%;background-color: #f2f2f2; float:left; height: 100%; }
.page2 li img{ display:block; border:1px solid #e6e6e6;  }
.page2 li a{display: block;height: 100%;}
.page2 li .pic-bg{-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1);
   -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
     -o-transition: all .6s linear;
        transition: all .6s linear;}
.page2 li .pic:hover .pic-bg{-webkit-transform: scale(2);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.page2 .pic-bg{width: 100%;height: 100%;-webkit-background-size: cover; background-size: cover; background-position: center;}
.page2 .pic{width: 100%;height: 50%;position: relative; overflow: hidden;}
.page2 .pic i{width: 50px;height: 19px;background: url("../image/page2_sanjian1.png") no-repeat center;position: absolute;bottom: 0;left: 50%;margin-left: -25px;}
.page2 li:nth-of-type(2) .pic i{background-image: url("../image/page2_sanjiao2.png"); top: 0;}
.page2 .state{height: 50%;text-align: center;position: relative; background-color: #eee;}
.page2 .state .text{position: absolute; height: 90px;top: 0;left: 50%;bottom: 0; margin-left: -60px; margin-top: auto;margin-bottom: auto;}
.page2 .state h2{color:#121212; font-size: 30px;font-weight: normal;}
.page2 .state hr{width: 40px;height: 2px;background-color: #3d3d3d;margin: 15px auto;border: 0;}
.page2 .state p{color:#010101; font-size: 14px;}
.page2 .tempWrap{width: 100%;height: 100%;}

.page2 li.lihover .state{background-color: #fff;}
.page2 li.lihover .pic i{background-image: url(../image/page2_sanjian1_hover.png);}
.page2 li.lihover:nth-of-type(2) .pic i{background-image: url(../image/page2_sanjiao2_hover.png);}
.page2 li.lihover .pic-bg{-webkit-transform: scale(2);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}


/*第二屏结束------------------------------*/

/*第三屏开始------------------------------*/
.page3{width: 100%;height: 100%;background-repeat: no-repeat; -webkit-background-size: cover;
background-size: cover;}
.page3 .wrap{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height:60%;margin:auto;}
.page3 .wrap .toggle-pic{width: 70%; position: absolute;right: 0;z-index: 1;height: 100%; overflow: hidden;}
.page3 .toggle-pic li{position: absolute;top: 0;left: 0;height: 100%; width: 100%;} 
.page3 .toggle-pic li img{height: 100%;}
.page3 .toggle-pic li:first-of-type{z-index: 1;}
.page3 .toggle-content{position: absolute;top: 20px; width: 35%;z-index: 2;}
.page3 .toggle-content li{background-color:rgba(0,0,0,.5); padding: 10px;margin-top: 10px; -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;}
.page3 .toggle-content .neirong{border: 1px solid #4d3f3e; padding: 3% 40px 3% 3%;}
.page3 .neirong h2{color:#999; font-size: 24px;font-weight: normal;padding-bottom: 15px;}
.page3 .neirong p{color:#666; font-size: 12px;line-height: 18px;min-height: 75px;}
.page3 .neirong .img2{display: none;}
.page3 .toggle-content li.neirong-current{ background-color: #fff;position: relative; }
.page3 li.neirong-current .neirong{border-color: #dbd5d8; }
.page3 li.neirong-current h2{color:#121212;-webkit-animation: ziopaciti 1s linear; animation: ziopaciti 1s linear;}
.page3 li.neirong-current p{-webkit-animation: ziopaciti 1s linear; animation: ziopaciti 1s linear;}
.page3 li.neirong-current .img1{display: none;}
.page3 li.neirong-current .img2{display: block;}
.page3 li.neirong-current .link{width: 70px;height: 40px; position: absolute;right: -40px; top: 50%;margin-top: -20px;z-index: 2;background: url("../image/page3_link.jpg"); }
@-webkit-keyframes ziopaciti {
  0% { -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }

}
@-moz-keyframes ziopaciti {
  0% { -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }
}
@-ms-keyframes ziopaciti {
  0% { -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }
}
@-o-keyframes ziopaciti {
  0% { -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }
}
@keyframes ziopaciti {
  0% { -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px); }
}

@media (min-width: 1441px) {
.page3 .toggle-content .neirong{padding: 30px 50px 30px 30px;}  

}
@media (max-width:1100px) {
.page3 .neirong p{min-height: 60px;}
.page3 .toggle-content{top: 0;}
.page3 .toggle-pic li img{height: auto;}
.page3 .wrap{height: 50%;}
.page3 .toggle-content{width: 40%;}
.page3 .neirong h2{font-size: 18px;padding-bottom: 10px;}
}




/*第三屏结束------------------------------*/

/*第四屏开始------------------------------*/
.page4{width: 100%;height: 100%;position: relative;}
.page4 .wrap{padding: 10px;box-sizing: border-box; position: absolute;top: 80px;z-index:999; left: 0;right: 0;background-color: #fff;}
.page4 .page4-nav{padding: 20px 3%;border: 1px solid #dbd5d8; background:url("../image/page3_logo.png") no-repeat 98% center;line-height: 37px;}
.page4 .page4-nav h2{font-size: 24px;color:#121212; font-weight: normal;padding-right: 30px;border-right: 1px solid #dbd5d8;display: inline-block;}
.page4 .toggle-nav{display: inline-block;width: 80%;}
.page4 .toggle-nav li{float: left;margin-left:3.2%; line-height: 35px;cursor: pointer;}
.page4 .toggle-nav li.toggle-nav-on { border-bottom: 2px solid #121212; }

.page4 .page4-toggle{position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: none;}
.page4  .page4-show{display: block; animation:fadeIn 1.0s}
.page4 .page4-focus{width: 100%;height: 100%;position: absolute;z-index: 1;}
.page4 .page4-focus li{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat; background-position:center; -webkit-background-size: cover;
background-size: cover;}
.page4 .page4-focus li:first-of-type{z-index: 1;}

.page4 .page4-down{padding:0 75px;position: absolute;bottom: 40px;left: 0;right: 0;margin:auto;z-index: 3;height: 60px; width:82%; max-width: 920px;}
.page4 .page4-down .page4-prev,.page4 .page4-down .page4-next{width: 60px;height: 60px;background:url("../image/page2_attr.jpg") no-repeat left top; position: absolute;left: 0;top: 0;}
.page4 .page4-down .page4-next{left: auto;right: 0;background-position: right top;}
.page4 .page4-down .page4-prev:hover{background-position: left bottom;}
.page4 .page4-down .page4-next:hover{background-position: right bottom;}
.page4 .page4-text{height: 55px;}
.page4 .page4-text li{font-size: 24px;color:#fff;text-align: center;display: none;}
.page4 .page4-text li.page4-text-on{display: block;}
.page4 .page4-dot {display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.page4 .page4-dot li{height: 4px; flex:1; background:url("../image/page4_dot1.png"); margin:0 2%;float: left;}
.page4 .page4-dot li.page4-dot-on{background:url("../image/page4_dot2.png");}

@media (min-width:1366px ) and (max-width:1919px) {
.page4 .page4-text li{font-size: 18px;} 
}
@media (max-width: 1365px) {
.page4 .page4-text li{font-size: 16px;}  
.page4 .page4-nav h2{font-size: 18px;}
}

/*第四屏结束------------------------------*/


/*第五屏开始------------------------------*/
.page5{width: 100%;height: 100%;background:url("../image/page5_bg.jpg") no-repeat center; -webkit-background-size: cover;
background-size: cover;}
.page5 .wrap{ position: absolute; height: 500px; top: 0;bottom: 0;left: 0;right: 0;margin:auto;}
.page5 .page5-head{padding: 30px 30px 20px; background:rgba(0,0,0,.7);margin-bottom: 30px;}
.page5 .page5-head h2{font-size: 24px;color:#fff; font-weight: normal; padding-right: 30px;border-right: 1px solid #dbd5d8;}
.page5 .page5-head .page5-nav{width: 84%;background: url("../image/page3_logo.png") no-repeat right center;}
.page5 .page5-nav li{float: left;margin-left: 5%;padding-bottom: 8px;font-size: 14px;color:#fff; cursor: pointer;}
.page5 .page5-nav li.page5-nav-on{border-bottom: 3px solid #fff;}

.page5 .page5-toggle{display: none;position: absolute;left: 0;bottom: 0;height: 380px;width: 100%;}
.page5 .page5-toggle.page5-show{display: block; animation:fadeInDown 1.0s;}
.page5 .page5-body{width: 100%;height: 380px;overflow: hidden;position: relative;}
.page5 .page5-body ul{height: 100%;position: absolute;left: 0;}
.page5 .page5-body li{float: left; overflow: hidden; margin-right:5px;height: 100%;background-color: #fff;position: relative;}
.page5 .page5-body .pic{padding-bottom: 25px;}
.page5 .page5-body li p{font-size: 16px;color:#333; line-height: 25px;padding-left: 10%;}
.page5 .page5-body .page5-new{position: absolute;bottom: 30px;left: 10%;}
.page5 .page5-body .page5-bd{border: 1px solid #dbd5d8;position: absolute;top: 10px;left: 10px; height: 360px;width: 92%;}

.page5 .page5-prev,.page5 .page5-next{width: 60px;height: 60px;background:url("../image/page2_attr.jpg") no-repeat left top; position: absolute;left: -70px;top: 50%;margin-top: -30px;}
.page5 .page5-next{left: auto;right: -70px;background-position: right top;}
.page5 .page5-prev:hover{background-position: left bottom;}
.page5 .page5-next:hover{background-position: right bottom;}

@media (min-width:1440px){
.page5 .wrap{width: 1278px;}
.page5 .page5-body li{width: 312px;}
.page5 .page5-body .page5-bd{width: 292px;}
}
@media (min-width:1360px) and (max-width:1439px){
.page5 .wrap{width: 1224px;}
.page5 .page5-body li{width: 299px;}
.page5 .page5-body .page5-bd{width: 279px;}
}
@media (width:1024px){
.page5 .wrap{width: 920px;}
.page5 .page5-body li{width: 300px;}
.page5 .page5-body .page5-bd{width: 280px;}
}
@media (max-width:1480px){

.page5 .page5-prev{left: 0;}   
.page5 .page5-next{right: 0px;}
.page5 .page5-head h2{font-size: 18px;}
}

/*第五屏结束------------------------------*/


/*第六屏开始------------------------------*/
.section6{overflow-y: inherit;}
.page6{height:100%;width: 100%;background:url("../image/page6_bg.jpg") no-repeat center;-webkit-background-size: cover; background-size: cover; position: relative;}
.page6 .wrap{height: 360px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}
.page6 .page6-l{width: 78%;height: 100%; background-color: #fff;padding: 10px;box-sizing: border-box;}
.page6 .page6-r{width: 20%; height: 100%;background-color: rgba(0,0,0,.7);  }
.page6 .page6-l .content{height: 310px; border: 1px solid #dbd5d8; padding-left: 30px;padding-top: 30px; background: url("../image/contact.png") no-repeat  right top; /*background-size:cover;*/ background-size:70%;}
.page6 .page6-l h2,.page6 .page6-r h2{font-size: 24px;font-weight: normal;color:#121212; padding-bottom: 25px;}
.page6 .page6-l p{width: 37%;padding-left: 35px;background: url("../image/page6_kefu.png") no-repeat left center;margin-bottom: 15px;}
.page6 .page6-l p.dizhi{background-position: left 2px;}
.page6 .page6-r .up{padding-top: 30px;padding-left: 20%;padding-right: 20%;padding-bottom: 30px;}
.page6 .page6-r h2{color:#fff;}
.page6 .page6-r .qrcode p{font-size: 14px;color:#fff; text-align: center;padding-top: 10px;}
.page6 .page6-r a.qrcode:hover p{opacity:0.6;}
.page6 .page6-r .down{border-top: 1px solid #3d3a39;padding: 18px 5%;}
.page6 .page6-r .down a{padding-left:6%;padding-right:6%;width: 23px; height: 20px; background-repeat: no-repeat; background-position: center center;display: inline-block;}
.page6 .page6-r .down a:hover{opacity:0.6;}
@media (max-width: 1440px) {
.page6 .page6-l h2, .page6 .page6-r h2{font-size: 18px;}
.page6 .page6-r .down a{padding-right: 3%;}
}

/*第六屏结束------------------------------*/

/*第七屏开始---------------------------------*/
.last-foot{width: 100%; padding-top: 40px;background-color: #222222; padding-bottom: 20px;}
.last-foot .page7-mg{width:960px;min-width: 700px;margin:0 auto;text-align: center; }
.last-foot .page7-mg .head{padding-bottom: 30px;border-bottom: 1px solid #2c2c2c; text-align: center;margin-bottom: 50px;}
.last-foot .footer{margin: 0 auto; width:560px; margin-bottom:30px;}
.last-foot .footer li{float: left; margin-right: 100px; display:inline;}
.last-foot .footer li:last-of-type{margin-right: 0;}
.last-foot .footer h2{font-size: 14px;color:#999; padding-bottom: 15px;}
.last-foot .footer a{display: block;color:#666; padding-bottom: 10px;font-size: 12px;}
.last-foot .state{text-align: center; color:#666; line-height: 20px; padding-bottom: 30px; font-size: 12px;}
.last-foot .state i{display: inline-block;width: 20px;}
.last-foot .share{display: inline-block;}
.last-foot .share a{margin: 0 20px;}
.last-foot .share .bdshare-button-style2-32 a{width: 46px;height: 46px;line-height: 46px;}
/*第七屏结束----------------------------------*/
.index-slide{width: 10px; position: fixed; right: 10px; top: 50%; z-index: 100; -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.index-slide li{width: 10px; height: 10px; margin-bottom: 5px; border: 1px solid #fff;position: relative;}
.index-slide li.active{background-color: #fff;}
.index-slide li span{position: absolute;left: -100px;top: -5px; width: 90px; color:#fff; text-align: right; display: none;}




.cl { animation:cl 1.0s;}


@keyframes cl {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}

@keyframes cr {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-500px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
}
}


.pageloader-pic{ position: absolute;top: 50%; left: 50%;margin-top: -15px; -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);}
.pageloader-pic span{ margin-left: 10px;margin-right: 10px; }
.pageloader-pic .weiyi1{
    -webkit-animation: weiyi1 1.2s infinite;
    animation: weiyi1 1.2s infinite;
    -moz-animation: weiyi1 1.2s infinite;}
.pageloader-pic .weiyi2{
    -webkit-animation: weiyi1 1.2s infinite;
    animation: weiyi1 1.2s infinite;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;}
.pageloader-pic .weiyi3{
    -webkit-animation: weiyi1 1.2s infinite;
    animation: weiyi1 1.2s infinite;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;}
.pageloader-pic .weiyi4{
    -webkit-animation: weiyi1 1.2s infinite;
    animation: weiyi1 1.2s infinite; 
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;}


@-webkit-keyframes weiyi1 {
    0% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0);}
    50%{
    -webkit-transform: translateY(-30px);
        -moz-transform:translateY(-30px);
         -ms-transform:translateY(-30px);
          -o-transform:translateY(-30px);
            transform: translateY(-30px);}
    100% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0); }
}
@-moz-keyframes weiyi1 {
    0% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0);}
    50%{
    -webkit-transform: translateY(-30px);
        -moz-transform:translateY(-30px);
         -ms-transform:translateY(-30px);
          -o-transform:translateY(-30px);
            transform: translateY(-30px);}
    100% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0); }
}
@-ms-keyframes weiyi1 {
    0% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0);}
    50%{
    -webkit-transform: translateY(-30px);
        -moz-transform:translateY(-30px);
         -ms-transform:translateY(-30px);
          -o-transform:translateY(-30px);
            transform: translateY(-30px);}
    100% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0); }
}
@-o-keyframes weiyi1 {
    0% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0);}
    50%{
    -webkit-transform: translateY(-30px);
        -moz-transform:translateY(-30px);
         -ms-transform:translateY(-30px);
          -o-transform:translateY(-30px);
            transform: translateY(-30px);}
    100% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0); }
}
@keyframes weiyi1 {
    0% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0);}
    50%{
    -webkit-transform: translateY(-30px);
        -moz-transform:translateY(-30px);
         -ms-transform:translateY(-30px);
          -o-transform:translateY(-30px);
            transform: translateY(-30px);}
    100% {  
    -webkit-transform: translateY(0);
        -moz-transform:translateY(0);
         -ms-transform:translateY(0);
          -o-transform:translateY(0);
            transform: translateY(0); }
}

/*动画执行时间*/
.page6 .page6-l,.page6 .page6-r,.page2 .state .text{-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; opacity: 0; -webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;}
.page6 .page6-l.fadeInUp,.page6 .page6-r.fadeInUp,.page2 .state .text.fadeInUp{opacity: 1;}
.page2 li .pic-bg{-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; opacity:0;}
.page2 li .pic-bg.fadeIn{opacity: 1;}
.page3 .toggle-pic,.page3 .toggle-content,.page4 .page4-down,.page5 .wrap{opacity:0;-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;}
.page3 .toggle-pic.bounceInRight,.page3 .toggle-content.bounceInLeft,.page4 .page4-down.fadeInUp,.page5 .wrap.fadeInDown{opacity:1; }
.page4 .wrap{display: none;-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;}
.page4 .wrap.fadeInDown{display: block;}


/*在线留言*/
.liuyan-form{width: 310px; position: absolute;background-color: #fff; bottom: 0;right: 40px;padding: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none;}
.liuyan-form h1{font-size: 18px; font-weight: 100; color: #4d4d4d; line-height: 50px; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px;}
.liuyan-form p{font-size: 14px; color: #4d4d4d; line-height: 25px; margin: 10px 0;}
.liuyan-form .red{color: #e0003c!important;}
.liuyan-form p span{margin-left: 5px;display: inline;}
.liuyan-form input{border: 1px solid #d7d7d7; background: white; margin: 0 10px; width: 170px; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px; color: #999999; font-family:"微软雅黑" ;}
.liuyan-form textarea{border: 1px solid #d7d7d7; background: white; margin: 0 10px; width: 210px; height: 125px; line-height: 25px; padding: 0 10px; font-family: "微软雅黑"; color:#999;}
.liuyan-form .submit{text-align: center; padding-top: 20px;}
.liuyan-form .submit input{background: url(../image/submit.png) no-repeat; width: 95px; height: 30px; border: none;}


/*在线客服*/
.online-content {width: 250px;min-height: 114px;padding: 20px;margin-left: 35px;position:absolute;background:#fff;bottom:0;right:40px;display:none;}
.online-content p {font-size: 14px;color: #4d4d4d;line-height: 25px;}