@charset "gb2312";

body, html {

  margin: 0;

  overflow: hidden;

  -webkit-transition: opacity 400ms;

  -moz-transition: opacity 400ms;

  transition: opacity 400ms;

}



body, .onepage-wrapper, html {

  display: block;

  position: static;

  padding: 0;

  width: 100%;

  height: 100%;

}



.onepage-wrapper {

  width: 100%;

  height: 100%;

  display: block;

  position: relative;

  padding: 0;

  -webkit-transform-style: preserve-3d;

}



.onepage-wrapper .section {

  width: 100%;

  height: 100%; overflow:hidden;

}



.onepage-pagination {

  position: absolute;

  right: 40px;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

       -o-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 5;

  list-style: none;

  margin: 0;

  padding: 0;

}

.onepage-pagination li {

  padding: 0;

  text-align: center;

}

.onepage-pagination li a{

 /* padding: 10px;*/

  width: 17px;

  height: 17px;

  display: block;

  background:url(../images/libg.png);margin:10px 0;

}





.onepage-pagination li a.active{

  background: url(../images/current.png);

}





/*导航*/





.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {

  overflow: auto;

}



.disabled-onepage-scroll .onepage-wrapper .section {

  position: relative !important;

  top: auto !important;

  left: auto !important;

}

.disabled-onepage-scroll .onepage-wrapper {

  -webkit-transform: none !important;

  -moz-transform: none !important;

  transform: none !important;

  -ms-transform: none !important;

  min-height: 100%;

}





.disabled-onepage-scroll .onepage-pagination {

  display: none;

}



body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {

  position: inherit;

}











html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; } 

img{display: block;}

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0; font-family: "Microsoft YaHei","Microsoft YaHei";}

 select, input, textarea { font-size:12px; margin:0;font-family:"Microsoft YaHei"; }

textarea { resize:none; }

body {font-size:12px; color:#333;font-family:"Microsoft YaHei";}

.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { zoom:1; }

body,html{overflow-y:hidden;}

/*.wrap{width: 1200px;margin:0 auto;position:relative;}*/

/*初始化代码结束*/



/*第一屏*/

.title_ti{

  margin:0 auto;

  width: 604px;

  height:109px;

  padding-top:30px;

}

.house{

  width: 1023px;

  height:382px;

  margin:0 auto;

  padding-top:40px;

  position:relative;

}

.house img{

  position:absolute;

}

.horizon_img{

  width: 1295px;

  height:141px;

  margin:0 auto;

  position:relative;

  z-index: 2;

}

.jzw{left:-80px;top:50px;transform:rotate3d(1,0,0,-180deg);transform-origin: 50% 100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-animation:fanzhuan 2s linear both;z-index: 3;animation:fanzhuan 2s linear both;z-index: 3;}





.img_position{ position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.ab_img{ position:relative; }

.ab_img>img{position:absolute;z-index: 1;}

.more_btn{left:1080px;top:398px;animation:fudong 2s linear infinite alternate;z-index: 3;}

.people{left:472px;top:20px;z-index: 3;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

.qiche{left:-800px;top:329px;z-index: 3;}

.yun_a{left:0px;top:148px;-webkit-animation:yun_one 5s linear infinite alternate;animation:yun_one 5s linear infinite alternate;}

.yun_b{left:290px;top:45px;-webkit-animation:yun_two 6s linear infinite alternate;animation:yun_two 6s linear infinite alternate;}

.yun_c{left:580px;top:130px;-webkit-animation:yun_three 7s linear infinite alternate;animation:yun_three 7s linear infinite alternate;}

.yun_d{left:1004px;top:206px;-webkit-animation:yun_four 5s linear infinite alternate;animation:yun_four 5s linear infinite alternate;}

.feiji{left:625px;top:104px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;z-index: 3;}

.title_ti,.yun_a,.yun_b,.yun_c,.yun_d,.more_btn{

  display:none;

}

@keyframes fanzhuan{

  0%{

    

    transform:rotate3d(1,0,0,-180deg);

  }

  50%{

    opacity:0;

  }

  100%{

    opacity:1;

    transform:rotate3d(1,0,0,0deg);

  }

}

@-webkit-keyframes fanzhuan{

  0%{

    

    -webkit-transform:rotate3d(1,0,0,-180deg);

  }

  50%{

    opacity:0;

  }

  100%{

    opacity:1;

    -webkit-transform:rotate3d(1,0,0,0deg);

  }

}



/*云动画*/

@keyframes yun_one{

  0%{

    left:0px;

  }

  50%{

    left:50px;

  }

  100%{

    left:-10px;

  }

}

@-webkit-keyframes yun_one{

  0%{

    left:0px;

  }

  50%{

    left:50px;

  }

  100%{

    left:-10px;

  }

}



@keyframes yun_two{

  0%{

    left:290px;

  }

  50%{

    left:340px;

  }

  100%{

    left:260px;

  }

}

@-webkit-keyframes yun_two{

  0%{

    left:290px;

  }

  50%{

    left:340px;

  }

  100%{

    left:260px;

  }

}



@keyframes yun_three{

  0%{

    left:580px;

  }

  50%{

    left:610px;

  }

  100%{

    left:530px;

  }

}

@-webkit-keyframes yun_three{

  0%{

    left:580px;

  }

  50%{

    left:610px;

  }

  100%{

    left:530px;

  }

}



@keyframes yun_four{

  0%{

    left:1004px;

  }

  50%{

    left:1034px;

  }

  100%{

    left:970px;

  }

}

@-webkit-keyframes yun_four{

  0%{

    left:1004px;

  }

  50%{

    left:1034px;

  }

  100%{

    left:970px;

  }

}

/*第二屏结束*/





/*第二屏开始*/

#page1{background-color: #fa8872;overflow:hidden;}

.ti{padding-top: 30px;width: 674px;height:82px;margin:0 auto;}

.page_img{width: 838px;margin:0 auto;position:relative;height:597px;}

.page_img img{position:absolute;}

.touxiang1{top:160px;left:225px;display:none;}

.touxiang2{top:125px;left:0px;display:none;}

.touxiang3{top:80px;left:435px;display:none;}

.touxiang4{top:170px;left:690px;display:none;}

.touxiang5{top:50px;left:200px;display:none;}

.touxiang6{top:315px;left:630px;display:none;}

.touxiang7{top: 344px;left: 120px;display:none;}

.dou{-webkit-animation: doudong 0.3s linear infinite alternate;animation: doudong 0.3s linear infinite alternate;}

 @keyframes doudong{

    0%{ transform-origin: 50% 50%;transform:translate(0px,0px) rotate(0deg); }

    25%{transform-origin: 40% 40%;transform:translate(1px,1px) rotate(-5deg); }

    50%{ transform-origin: 50% 50%;transform:translate(0px,0px) rotate(0deg);}

    75%{ transform-origin: 60% 60%;transform:translate(-1px,-1px) rotate(5deg); }

    100%{ transform-origin: 50% 50%;transform:translate(0px,0px) rotate(0deg); }

}

 @-webkit-keyframes doudong{

    0%{ -webkit-transform-origin: 50% 50%;-webkit-transform:translate(0px,0px) rotate(0deg); }

    25%{-webkit-transform-origin: 40% 40%;-webkit-transform:translate(1px,1px) rotate(-5deg); }

    50%{ -webkit-transform-origin: 50% 50%;-webkit-transform:translate(0px,0px) rotate(0deg);}

    75%{ -webkit-transform-origin: 60% 60%;-webkit-transform:translate(-1px,-1px) rotate(5deg); }

    100%{ -webkit-transform-origin: 50% 50%;-webkit-transform:translate(0px,0px) rotate(0deg); }

}

.diannao{top:-150px;left:222px;z-index:9;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}

.mf_btn{right:-160px;top:450px;-webkit-animation:fudong 2s linear infinite alternate;animation:fudong 2s linear infinite alternate;display:none;}

/*第二屏结束*/







/*第二屏开始*/

#page2{background-color: #87ded6;position:relative;overflow:hidden;}

.page3_text{padding-top:30px;width:722px;height:81px;margin:0 auto;}

.p2_img div{float: left;}

.p2_img{position:relative;width: 1180px;height:597px;}

.disigner{position:absolute;top:100px;left:-600px;width: 290px;overflow:hidden;z-index:23;}

.home{padding: 220px 0 0 310px;display:none;}

.shejitu{padding:60px 0 0 0px;display:none;}

.icon{margin:80px 0 0 313px;position:relative;top:0; display:none;-webkit-animation:fudong 2s linear infinite alternate;animation:fudong 2s linear infinite alternate;}



/*第二屏结束*/



/*第三屏开始*/

#page3{background-color: #4ab9ca;position:relative;}

.p3_img div{float: left;}

.p3_left{width: 304px;position:relative;margin-left: 184px;padding: 180px 0 0 106px;display:none;}

.p3_left span{position:absolute;width: 117px;height: 25px;background: url(../images/txt_1.png);display:none;}



.p3_right{padding-top: 108px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}





/*第四屏开始*/

#page4{background-color: #ffd534;position:relative;}

.page4_text{width: 656px;height:106px;margin:0 auto;padding-top:30px;}

.p4_img{background: url("../images/jiaju.png") no-repeat center 53px;height: 580px;position:relative;width: 1200px;}

.p4_img div{position:absolute;font-weight: bold;font-size:24px;color:#fff;height: 35px;line-height: 35px;background: url(../images/yuanbg.png) no-repeat;}

.p4_img .p4_1{top:86px;width: 455px;text-align: right;padding-right: 50px;background-position:right center;line-height: 40px;

    height: 40px;}

.p4_img .p4_2{padding-left: 50px;top: 148px;left:810px;background-position:left center;line-height: 40px;

    height: 40px;}

.p4_img .p4_3{top:286px;padding-left: 50px;left:859px;background-position:left center;line-height: 40px;

    height: 40px;}

.p4_img .p4_4{top:433px;padding-left: 50px;left:815px;background-position:left center;line-height: 40px;

    height: 40px;}

.p4_img .p4_5{top:489px;width: 448px;text-align: right;padding-right: 50px;background-position:right center;line-height: 40px;

    height: 40px;}

.p4_img div.current{background-image: url(../images/red_a.png);background-repeat: no-repeat;animation:jianbian 2s;color:#f34a78;background-size: 38px;}

.page4_btn{

  position:absolute;

  right:0px;

  bottom:90px;

  animation:fudong 2s linear infinite alternate;

}

@keyframes jianbian{

    0%{color:#fff;}

    100%{color:#f34a78;}

}



/*第四屏结束*/



/*第五屏开始*/

#page5{background-color: #3ec2e8;position:relative;}

.page5_text{width:852px;height:81px;margin:0 auto;padding-top:30px;}

.p5_img{position:relative;width: 1200px;height:514px;}

.p5_position{position:absolute;}

.car{top:271px;left:1600px;}

.worker{position:absolute;left:590px;top:95px;display:none;}

.worker img{

  position:absolute;

}

.worker .tou{top:19px;left:26px; -webkit-animation:tou 1s linear infinite;-webkit-transform-origin: 50% 100%;animation:tou 1s linear infinite;transform-origin: 50% 100%;}

@keyframes tou{

  0%{transform: rotate(0deg);}

  25%{transform: rotate(10deg);}

  50%{transform: rotate(0deg);}

  75%{transform: rotate(-10deg);}

  100%{transform: rotate(0deg);}

}

@-webkit-keyframes tou{

  0%{-webkit-transform: rotate(0deg);}

  25%{-webkit-transform: rotate(10deg);}

  50%{-webkit-transform: rotate(0deg);}

  75%{-webkit-transform: rotate(-10deg);}

  100%{-webkit-transform: rotate(0deg);}



}

.worker .shen{top:70px;left:0px;}

.P5_home{width: 774px;height:411px;margin:80px auto 0;}

.fufnng{top:40px;left:433px;display:none;}

.page5_btn{bottom:20px;right:0px;-webkit-animation:fudong 2s linear infinite alternate;animation:fudong 2s linear infinite alternate;}

.yun1{top:65px;left:170px;z-index: 9;-webkit-animation:runyun 5s linear infinite alternate;animation:runyun 5s linear infinite alternate;}

@keyframes runyun{

    0%{left:170px;}

    50%{left:145px;}

    100%{left:190px;}

}

@-webkit-keyframes runyun{

    0%{left:170px;}

    50%{left:145px;}

    100%{left:190px;}

}

.yun2{top:-30px;left:580px;-webkit-animation:runyun1 8s linear infinite alternate;animation:runyun1 8s linear infinite alternate;}

@keyframes runyun1{

    0%{left:580px;}

    50%{left:550px;}

    100%{left:610px;}

}

.yun3{top:20px;left:855px;-webkit-animation:runyun2 8s linear infinite alternate;animation:runyun2 8s linear infinite alternate;}

@-webkit-keyframes runyun2{

    0%{left:855px;}

    50%{left:810px;}

    100%{left:885px;}

}



/*第五屏结束*/





/*第六屏开始*/

#page7{background-color: #a4ebe5;position:relative;overflow:hidden;}

.p7_ti{overflow:hidden;}

.p7_ti img{margin:20px auto 20px;}

.lc{position:absolute;left: 50%;width: 686px;height: 185px;margin-left: -343px;}



.freeyuyue{background:url(../images/baoming_bg.png);width: 832px;height: 383px;margin:206px auto 0px;position:relative;}

.zhoux_people{position:absolute;left:-196px;top:50px;z-index: 2;}

.zhoux_people img{width: 300px;height:auto;}

.formdate .name,.tel{width: 288px;height: 42px;line-height: 42px;background: #d9d9d9;margin-bottom: 12px;font-size:18px;color:#000;padding-left:12px;vertical-align:middle;}

.formdate input{border:0 none;background: none;height: 42px;padding-left:6px;font-size:18px;outline-style:none;width: 225px;float: left;line-height: 42px;}

.formdate span{float: left;height: 42px;line-height: 42px;display:block;}

.ad{width: 300px;height: 42px;line-height: 42px;font-size:18px;color:#000;}

.ad select{border:0 none;background: none;height: 42px;font-size:18px;outline-style:none;color:#8a8a8a;line-height: 42px;}

#province0{text-align: center;}

#city0{text-align: center;}

.province{float: left;background: #d9d9d9;height: 100%;padding-left:12px;}

.city{float:right;background: #d9d9d9;height: 100%;padding-left:12px;}

.formdate{float: left;margin:100px 0 0 67px;width: 300px;}

.formdate .btn{width: 300px;height: 47px;background: #ee393a;text-align: center;line-height: 47px;font-size:24px;color:#fff;display:block;text-decoration:none;}

.baoming_info{float: left;margin:25px 0 0 94px ;width: 285px;height: 300px;overflow:hidden;}

.baoming_info_ti{background: #c0c0c0;font-size:18px;font-weight: 700;color:#d20005;text-align: center;width: 100%;height: 35px;line-height: 35px;margin-bottom:10px;}

.baoming_info_top{line-height: 60px;font-weight: bold;font-size:27px;color:#ff932a;text-align:center;}

.baoming_info_top span{font-size:25px;}

.baoming_info ul li{line-height: 24px;font-size:16px;color:#a6a6a6;text-align: center;}

.retruntop{width: 87px;height: 40px;position:absolute;bottom:100px;right:50px;background:url(../images/retruntop.png);}

.baoming_info_ti ul{position:relative;top:0;left:0;}





.page1 { background-color: #fa8872;}

.page2 { background-color: #87ded6;}

.page3 { background-color: #4ab9ca;}

.page4 { background-color: #ffd534;}

.page5 { background-color: #a1d86b;}

.page6 { background-color: #a1d86b;}

.page7 { background-color: #a4ebe5;}

.page8 { background-color: #a0e3ff;}









/*按钮上下浮动动画*/

@keyframes fudong{

  from{

    transform:translateY(15px);

  }

  to{

    transform:translateY(-15px);

  }

}

@-webkit-keyframes fudong{

  from{

    -webkit-transform:translateY(15px);

  }

  to{

    -webkit-transform:translateY(-15px);

  }

}