@CHARSET "UTF-8";





.nav_banner {

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

    text-align: center;

    height:430px;

    background: url(../images/bannerkf.png) no-repeat center 0 #f8f3f1;

}

#o2olife .wrap{ width:1200px; margin:auto;}

body#o2olife:before {

    content: "";

    display: block;

    width: 100%;

    height: 0;

} 

#o2olife  .first_f { background:#fafafa; padding-top:65px;}

#o2olife  .first_f  .title{ width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-1.png) no-repeat center 0 #fafafa;}

#o2olife  .first_f .con{ color:#000; font-size:17px; line-height:30px; padding:15px 0 0 0; text-align:center;}

#o2olife  .first_f .detail_img{width:1200px;background:url(../images/o2o-d-1.png) no-repeat center 0 #fafafa;height:433px; margin:auto;}



#o2olife  .second_f{ height:1036px; background:url(../images/o2o-second-img.png) no-repeat center 910px #2264be;}

#o2olife  .second_f .title{width:1200px; height:101px; margin:0 auto;  background:url(../images/o2olife-title-2.png) no-repeat center 0 #2264be; border-top:37px solid #2264be;}

#o2olife  .second_f .con{color:#b3cbf9; font-size:18px; line-height:30px; padding:20px 0 30px 0; text-align:center;}

#o2olife  .second_f .detail_img{width:1200px;background:url(../images/o2o-d-2.png) no-repeat center 0 ;height:796px; margin:0 auto;}



#o2olife .three_f { background:#fff;}

#o2olife .three_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-3.png) no-repeat center 0 #FFF;}

#o2olife .three_f .detail_img{ height:532px; margin:0 auto;background:url(../images/o2o-d-3.png) no-repeat center 0 #FFF;}



#o2olife .fourth_f{ background:#eff5f5;}

#o2olife .fourth_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-4.png) no-repeat center 0 #eff5f5;border-top:62px solid #eff5f5;}

#o2olife .fourth_f .con{color:#000; font-size:17px; line-height:30px; padding:12px 0 0 0; text-align:center;}

#o2olife .fourth_f .detail_img{width:1210px;height:415px; margin:0 auto;background:url(../images/o2o-d-4.png) no-repeat center 0 #eff5f5;}

#o2olife .fourth_f .detail_img ul li{ float:left; width:25%; text-align:center; color:#474949; font-size:14px; line-height:25px;}

#o2olife .fourth_f .detail_img ul{ padding-top:295px;}





#o2olife .fifth_f{ background:#fff;}

#o2olife .fifth_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-5.png) no-repeat center 0 #fff;border-top:64px solid #fff;}

#o2olife .fifth_f .detail_img{width:1200px;height:312px; margin:0 auto;background:url(../images/o2o-d-5.png) no-repeat center 0 #fff; border-bottom:58px solid #fff;border-top:30px solid #fff;}

#o2olife .fifth_f .detail_img ul li{ width:190px; float:left; text-align:center; color:#7f7f7f; font-size:15px; line-height:23px;}

#o2olife .fifth_f .detail_img ul{ padding-top: 206px;padding-left: 52px;}





#o2olife .sixth_f{ background:#eff5f5;}

#o2olife .sixth_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-6.png) no-repeat center 0 #eff5f5;border-top:71px solid #eff5f5;border-bottom:44px solid #eff5f5;}

#o2olife .sixth_f .detail_img{width:1200px;height:318px; margin:0 auto;background:url(../images/o2o-d-6.png) no-repeat center 0 #eff5f5; border-bottom:68px solid #eff5f5;}

#o2olife .sixth_f .detail_img ul li{ width:226px; padding-right:17px; float:left; text-align:center;}

#o2olife .sixth_f .detail_img ul li p{ color:#7f7f81; font-size:13px;line-height:25px;padding-top: 239px;}





#o2olife .seventh_f{ background:#2a70e9;}

#o2olife .seventh_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-7.png) no-repeat center 0 #2a70e9;border-top:57px solid #2a70e9;}

#o2olife .seventh_f .con{color:#fff; font-size:18px; line-height:30px; padding:12px 0 0 0; text-align:center;}

#o2olife .seventh_f .con span{ color:#feff01;}

#o2olife .seventh_f .detail_img{width:1200px;height:346px; margin:0 auto;background:url(../images/o2o-d-7.png) no-repeat center 0 #2a70e9; border-bottom:55px solid #2a70e9;border-top:45px solid #2a70e9;}

#o2olife .seventh_f .detail_img ul li{ width:25%; float:left; text-align:center; color:#fff;}

#o2olife .seventh_f .detail_img ul li .name{ font-size:19px; font-weight:600; line-height:20px; padding-bottom:10px;}

#o2olife .seventh_f .detail_img ul li .content{ font-size:14px; line-height:23px;}

#o2olife .seventh_f .detail_img ul{ padding-top:275px;font-family:微软雅黑;}



#o2olife .eighth_f{ background:#eff5f5; padding-bottom:47px;}

#o2olife .eighth_f .title{width:1200px; height:40px; margin:0 auto;  background:url(../images/o2olife-title-8.png) no-repeat center 0 #eff5f5;border-top:53px solid #eff5f5;border-bottom:40px solid #eff5f5;}



/* 图片滚动 */

.picScroll{ position:relative;  height:263px;overflow:hidden;  padding:0 0 0 84px;}

.picScroll ul{ overflow:hidden; zoom:1; }

.picScroll ul li{ float:left; margin: 0 6px;  width:510px; overflow:hidden; display:inline; }

.picScroll ul li img{ width:480px; height:263px; }

.picScroll .prev,

.picScroll .next{ position:absolute;  left:10px; top: 60px; display:block; width:49px; height:49px; overflow:hidden; background:url(../images/icons.png) 0px 0 no-repeat; cursor:pointer;  }

.picScroll .next{ left:auto; right:22px; background-position:-51px 0; }

.picScroll .prevStop{ background-position:0 0; }

.picScroll .nextStop{ background-position:-80px 0; }





.shuffling .con{width:480px; height:263px;position:relative;}

.shuffling .con .num{ position:absolute; color:#c2c2c2; font-size:35px; left:27px; top:212px; font-family:Arial;}

.shuffling .con  .name{ color:#000; font-size:16px; position:absolute;top:223px;left:86px;}





.shuffling .single{ background:url(../images/single.png) no-repeat;}

.shuffling .double{ background:url(../images/double.png) no-repeat;}

.shuffling .con p{ font-size:16px; color:#fff; line-height:31px; padding:37px 48px 0 48px;}