@font-face {
    font-family: 'iconfont';  /* project id 490033 */
    src: url('//at.alicdn.com/t/font_490033_q8x0qs86c68q6w29.eot');
    src: url('//at.alicdn.com/t/font_490033_q8x0qs86c68q6w29.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_490033_q8x0qs86c68q6w29.woff') format('woff'),
    url('//at.alicdn.com/t/font_490033_q8x0qs86c68q6w29.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_490033_q8x0qs86c68q6w29.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
  html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars}
  *{font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
  a{text-decoration: none;color: #FFF;}
  .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
  .clearfix{*+height:1%;}
  ul,ol{list-style: none}
  .center{margin: 0 auto;}
  .none{display: none;}
  body{margin: 90px 0 0;}
  .header{background: #272727;position: fixed;width: 100%;z-index: 9;top: 0;}
  .header .content{width:1234px; height:90px; }
  .header .content img{margin: 20px 0 0;height: 50px;}
  .header .content nav{float: right;}
  .header .content nav a{display: inline-block;width: 150px;height: 90px;line-height: 90px; text-align: center;font-size: 18px;}
  .header .content nav a.active{background: #2aa1ff;}
  .header .content nav .phone{margin:0 0 0 20px;color: #FFF;font-size: 24px;}
  .header .content nav .phone i{font-size: 24px;margin: 0 12px 0 0;display: inline-block}
  .white_bg{background: #f6f6fb;}
  .index_top{min-width: 1120px;}
  .index_top .wrapper{width: 1120px;height: 743px;}
  .index_top .phone{float: left;margin: 87px 0 0 0;  }
  .index_top .content{float: right;text-align: center;width: 480px;margin: 0 14px 0 0;}
  .index_top .content h1{font-size: 42px;margin: 172px 0 0;font-weight: normal;}
  .index_top .content p{font-size: 22px;line-height: 36px;margin: 16px 0 0;}
  .index_top .text{font-size:20px;color: #2aa1ff;margin: 42px 0 30px 0;}
  .index_top .mode li{float: left;width: 144px;height: 144px;border: 1px solid #ccc;border-radius: 5px;margin: 0 19px 0 0;}
  .index_top .mode li a{display: block;height: 116px;padding: 28px 0 0;color: #666;}
  .index_top .mode li .iconfont{display: block;color: #bfbfbf;font-size: 52px;margin: 0 0 24px;}
  .index_top .mode li.android .iconfont{color: #b2d11b;}
  .index_top .mode li img{margin: 5px 0 0;}
  .index_top .mode li.last{margin: 0;}
  .index_top .mode li:hover{box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
  body.active{background: url(../images/fixed.jpg) no-repeat fixed center 90px #272727;}

  @keyframes bounce {
     to {
      transform: translate3d(0,0,0);
    }
  
    from{
      transform: translate3d(0, -80px, 0);
    }
  }
  .active .index_top .phone{animation: bounce 1s both;transform-origin: center bottom;}
  .index_bar{height: 155px;background: url(../images/bar_bg.png)  0 center;text-align: center;color: #FFF;padding: 45px 0 0;}
  .index_bar h1{font-weight: normal;font-size: 36px;margin:0 0 25px;  }
  .index_bar p{font-size:26px; }
  .index_facility{width: 1180px;height: 565px;}
  .index_facility li{float: left;width: 295px;text-align: center;color: #FFF;margin: 157px 0 0;}
  .index_facility li .iconfont{display: block;width: 91px;height: 91px;font-size:53px;line-height: 91px;border-radius: 50%;margin: 0 auto 22px;background: #fee041; color: #FFF;}
  .index_facility li.item2 .iconfont{background: #01e18f;}
  .index_facility li.item3 .iconfont{background: #6867ef;}
  .index_facility li.item4 .iconfont{background: #ff8939;}
  .index_facility li b{font-size: 26px;font-weight: normal;}
  .index_facility li p{font-size: 18px;line-height: 26px;padding: 10px 0 0; }
  .index_process{background: #FFF;}
  .index_process h2{text-align: center;font-weight: normal;font-size: 46px;color: #333;padding: 75px 0 43px;}
  .index_process ol{width: 1422px;padding: 0 0 45px 0;}
  .index_process ol li{float: left;margin: 0 36px 35px 0; width: 264px;padding: 0 0 0 186px;height: 180px;background: url(../images/number.png) no-repeat 38px 0 #f6f6fb; }
  .index_process ol li.num2{background-position: 38px -180px; }
  .index_process ol li.num3{background-position: 38px -360px;margin-right: 0; }
  .index_process ol li.num4{background-position: 38px -540px; margin-left: 236px;}
  .index_process ol li.num5{background-position: 38px -720px; }
  .index_process ol li h5{font-size: 24px;color: #333;padding: 44px 0 6px;}
  .index_process ol li p{font-size: 18px;color: #666;line-height: 26px;}
  .footer{background: url(../images/footer_bg.png) no-repeat center 0 #1f1d1d;height: 196px;padding: 54px 0 0;min-width: 810px;}
  .footer .wrapper{width: 810px;color: #FFF;}
  .footer .logo{float: left;margin: 14px 0 0;}
  .footer .contact{float: left;width: 425px;height: 103px;margin:0 0 0 66px;border: 1px solid #9d9d9d;border-top: none;border-bottom: none; text-align: center}
  .footer .contact p{font-size: 38px;padding: 8px 0 20px;}
  .footer .contact span{font-size: 18px;}
  .footer .qrCode{float: right;height:88px; margin: 9px 0 0;}
  .footer .copyright{text-align: center;color: #9b9d9e;font-size: 14px;margin:50px 0 0;text-indent: 80px; }
  /*门禁*/
  .gate_top{height: 660px;background: url(../images/gate_top.png) no-repeat center 0;color: #FFF;}
  .gate_top .wrapper{width: 1160px;margin: 0 auto;padding:110px 0 0; }
  .gate_top h4{font-size: 60px;font-weight: normal;padding: 0 0 18px;}
  .gate_top p{font-size: 20px;line-height: 30px;}
  .gate_top ol {width: 576px;padding: 55px 0 0;}
  .gate_top ol li{float: left;width: 256px;height: 96px;border: 1px solid #FFF;margin: 0 30px 30px 0;text-align: center;padding: 12px 0 0;font-size:16px; }
  .gate_top ol li span{display: block;font-size: 36px;padding: 0 0 6px;}
  .gate_funtion{width: 1120px;padding:90px 0 ;text-align: center;height: auto; }
  .gate_funtion h2{font-size: 46px;color: #333;padding: 0 0 18px;}
  .gate_funtion p{font-size: 26px;color: #666;}
  .gate_funtion ol li{width: 230px;margin: 50px 66px 0 0;}
  .gate_funtion ol li b{color:#333;}
  .gate_funtion ol li p{font-size: 18px;}
  .gate_funtion ol li.item2{margin-right: 68px;} 
  .gate_funtion ol li.item4{margin-right: 0;}
  .management{background: url(../images/management_bg.png) center 0 no-repeat #667df1;height: 717px;color: #FFF;text-align: center}
  .management .wrapper{width: 1210px;}
  .management h2{font-size: 46px;padding: 88px 0 20px;}
  .management .text{font-size: 26px;padding: 0 0 50px;}
  .management li{float: left;width: 278px;height: 308px;padding: 50px 0 0;border: 1px solid #FFF;margin: 0 30px 0 0;}
  .management li.last{margin:  0;}
  .management li h5{font-size: 26px;}
  .management li .iconfont{font-size: 80px;display: block;margin: 46px auto;}
  .management li p{font-size: 18px;line-height: 26px;}
  .gate_worth {text-align: center;}
  .gate_worth ol li{margin-top: 46px;}
  .gate_worth.gate_worth ol li .iconfont{background-color: #FFF;color: #2aa1ff;border: 2px solid #2aa1ff;}
  .community{text-align: center;height: 900px;background: #fafafa;}
  .community h2{font-size: 46px;color: #333;padding: 90px 0 18px;}
  .community .text{font-size: 26px;color: #666;}
  .community ol{position: relative;width: 590px;height: 518px;margin:42px auto 0;background: url(../images/community_bg.png) no-repeat; }
  .community ol li{position: absolute;}
  .community ol li .iconfont{font-size: 47px;color: #FFF;display: block;margin:0 auto;padding: 15px 0 0; }
  .community ol li div{color: #FFF;font-size: 26px;background: #59b6ff;width: 110px;height: 110px;border-radius: 50%;margin: 0 auto;border: 10px solid #def0ff;}
  .community ol li p{font-size: 18px;color: #666;line-height: 26px;padding: 8px 0 0;}
  .community ol li.item1{width: 220px;left: 50%;top:0;margin: 0 0 0 -110px;}
  .community ol li.item2{bottom: 0;left: 0;}
  .community ol li.item3{bottom: 0;right: 0;}
  /*关于*/
  .about_top{background: url(../images/about_bg.jpg) no-repeat center 0;height:404px;min-width: 1000px;text-align: center;line-height: 404px ;font-size: 38px;color: #FFF;}
  .about_content{padding: 114px 0;width: 1150px;margin: 0 auto;}
  .about_content .left{width: 452px;float: left;}
  .about_content h2{font-size:44px;color: #000; padding: 0 0 30px;font-weight: normal}
  .about_content .left p{font-size: 20px;color: #333;line-height: 52px;}
  .about_content .left p span{width: 124px;color: #000;display: inline-block}
  .about_content .right{border-left: 1px solid #e7e7e7;width: 630px;float: left;padding: 0 0 0 50px;}
  .about_content .right .text{font-size: 20px;line-height:40px;text-indent: 40px; }
  .about_content .right h2{padding-bottom: 50px;}
  .map{height: 600px;}

  .back_to_top{position: fixed;width: 94px;height: 62px;background: rgba(0, 0, 0, 0.6);bottom: 50px;right: 50px;color: #FFF;text-align: center;padding:32px 0 0;  cursor: pointer;display: none;}
  .back_to_top .iconfont{font-size: 37px;}

  @media screen and (min-width:1920px){
    .about_top,.footer{background-size: 100% auto;}
    body.active{background-size: 101% auto;}
  }
  @media screen and (max-width:1300px){
    .index_process ol{width: 1200px;}
    .index_process ol li{width: 190px;}
    .index_process ol li h5{font-size: 22px;}
    .index_process ol li p{font-size: 15px;}
  }