body{min-width:1200px;margin:auto;font-size:0;}
      img{border:none;}
      #page{margin:50px auto;}
      #page h2{margin:50px auto 10px auto;font-size:20px;line-height:2;}
      #page p{margin:10px auto;font-size:18px;line-height:1.9;text-indent:2em;}
      #page > div > img{display:block;margin:20px auto;}
      .cent{width:1200px;margin:66px auto 30px auto;}

  /* header */
  #header{background:white;}
  #header-top{width:1200px;margin:auto;padding:38px 0;text-align:justify;}
  #header-top:after{content:"";display:inline-block;width:100%;}
  #header-top a{display:inline-block;vertical-align:middle;}
  
  /*#header-nav{background:#0080C7;}
  #header-menu{width:1200px;margin:auto;text-align:center;}
  .header-item{display:inline-block;width:120px;max-width:10%;margin:auto 1px;padding:14px 10px;text-align:center;font-size:18px;line-height:1.2;color:white;text-decoration:none;-webkit-transition:.4s;transition:.4s;}
  .header-item:hover, .header-item.active{background:#0093DC;}*/
  
  
  #header-nav{background:#0080C7;}
  #header-menu{width:1200px;margin:auto;text-align:center;}
  .header-item{display:inline-block;width:120px;margin:auto 1px;padding:14px 10px;text-align:center;font-size:18px;line-height:1.2;color:white;text-decoration:none;-webkit-transition:.4s;transition:.4s;}
  .header-item:hover, .header-item.active{background:#0093DC;}
  
  #naver-project{position:relative;display:inline-block;}
  #naver-project-list{position:absolute;top:100%;right:0;z-index: 10;display:none;}
  #naver-project:hover #naver-project-list{display:block;}
  #naver-project-list a{display:inline-block;width:140px;font-size:16px;line-height:2.2;background:rgba(120,120,120,.4);border:none;color:white;text-decoration:none;-webkit-transition:.4s;transition:.4s;}
  #naver-project-list a:hover{background:#0093DC;}
  #naver-project-list i{display:inline-block;vertical-align:middle;margin-left:-4px;width:38px;height:38px;background:url(../images/naver-project-bg.png) no-repeat;}
  #naver-project-list a:nth-of-type(1) i{background-position: -10px -2px;}
  #naver-project-list a:nth-of-type(2) i{background-position: -10px -47px;}
  #naver-project-list a:nth-of-type(3) i{background-position: -10px -100px;}
  #naver-project-list a:nth-of-type(4) i{background-position: -10px -148px;}
  #naver-project-list a:nth-of-type(5) i{background-position: -10px -195px;}
  #naver-project-list a:nth-of-type(6) i{background-position: -10px -248px;}
  #naver-project-list a:nth-of-type(7) i{background-position: -10px -293px;}
  #naver-project-list a:nth-of-type(8) i{background-position: -10px -481px;}
  #naver-project-list a:nth-of-type(9) i{background-position: -10px -440px;}
  #naver-project-list a:nth-of-type(10) i{background-position: -10px -341px;}
  #naver-project-list a:nth-of-type(11) i{background-position: -10px -395px;}
  .naver-project-item{position:absolute;top:0;right:100%;z-index:10;width:514px;min-height:85.8%;padding:30px 20px;background:rgba(255,255,255,.85);display:none;}
  .naver-project-item:hover{display:block;}
  #naver-project-list a:hover + .naver-project-item{display:block;}
  .naver-project-links-title{margin:auto;font-weight:400;font-size:16px;line-height:2.6;color:#0080C7;border-bottom:1px solid #3a8fca;}
  .naver-project-links {margin:20px auto;text-align:left;}
  #naver-project-list .naver-project-links a{width:33.3333%;background:none;color:#333;font-size:14px;}
  #naver-project-list .naver-project-links a:hover{color:#0080C7;}









    /* main-title */
    .main-title{font-size:26px;line-height:1;}
    .main-title .subhead{font-size:20px;color:#bbb;margin-left:10px;}

    /* column */
    .column .item{display:inline-block;width:31.3333%;margin:1%;padding-top:18px;vertical-align:top;background:#EBEBEB;border-radius:2px;overflow:hidden;}
    .column .item .title{padding-left:18px;font-size:24px;line-height:1.2;text-decoration:none;color:black;}
    .column .item .title .sub{margin-left:10px;font-size:18px;color:lightgrey;}
    .column .item .content{display:block;width:100%;height:230px;margin-top:18px;background:grey;}
    .column .item .content img{width:100%;height:100%;}
    
    /* photo */
    .photo{margin-bottom:66px;}
    .photo .head-item{display:inline-block;width:120px;margin-right: 20px;cursor:pointer;color: #333;font-size: 20px;line-height:2;border-bottom: 2px rgba(0,0,0,0) solid;text-align:center;}
    .photo .head-item.active{color: #0080c7;border-bottom: 2px #0080c7 solid;}
    .photo .body{position:relative;height:408px;margin-top:24px;}
    .photo .body-item{position:absolute;left:0;top:0;visibility:hidden;}
    .photo .body-item.active{visibility:visible;}
    .photo .body-item img{width:100%;}


    /* banner */
    .bn-cont img{width:100%;}
    .bn-slide{background:#EBEBEB;color:royalblue;text-decoration:none;text-align:center;}
    .bn-btns{position:absolute;top:50%;left:50%;z-index:5;margin-left:-600px;width:1200px;height:0;}

    /* expert */
    .expert{position:relative;margin-top:30px;overflow:hidden;font-size:0;background:#EBEBEB;border-radius:20px;}
    .expert .head{position:relative;z-index:10;display:inline-block;margin:70px auto 56px 40px;width:390px;height:384px;text-align:left;overflow-y:auto;}
    .expert .head::-webkit-scrollbar {width: 5px !important;height: 40px !important;overflow: auto!important;}
    .expert .head::-webkit-scrollbar-thumb {background-color: #aaa!important;min-height: 50px !important;min-width: 50px!important;border: 1px solid #aaa!important;border-radius:20px;}
    .expert .head::-webkit-scrollbar-track {background-color: rgba(0,0,0,.1)!important;border-radius:20px;}
    .expert .head-item{position:relative;width:112px;height:112px;line-height:112px;text-align:center;display:inline-block;border:3px solid #EBEBEB;border-radius:50%;margin-right: 10px;margin-bottom: 10px;text-decoration:none;background:#DBDBDB;color:royalblue;vertical-align:top;}
    .expert .head-item.active{border-color:#0076BE;background:#fff;}
    .expert .head-item-pic{width:100%;height:100%;}
    .expert .head-item-tit{position:absolute;top:-3px;right:-3px;padding:0 8px;background:#0076BE;color:#fff;font-size:12px;line-height:1.8;border-radius:50px;box-shadow: 0 2px 8px #B4DDF5;}
    .expert .body{position:absolute;bottom:0;right:40px;text-align:right;}
    .expert .body-item{position:absolute;bottom:0;right:0;width:800px;visibility:hidden;}
    .expert .body-item.active{visibility:visible;}
    .expert .body-item-pic{vertical-align:bottom;margin-right:16px;}
    .expert .body-item-cont{vertical-align:bottom;display:inline-block;width:320px;text-align:left;}
    .expert .body-tit{font-size: 44px;line-height:1;margin-bottom: 30px;}
    .expert .body-sub{font-size: 20px;margin-left:.2em;}
    .expert .body-pro-tit{display:inline-block;background: #007ec7;color: #fff;font-size: 20px;line-height: 1;padding: 6px;}
    .expert .body-pro-cont{height:120px;font-size: 20px;line-height:1.5;margin-top:10px;}
    .expert .body-btns{margin-bottom:90px;white-space:nowrap;margin-top:16px;}
    .expert .body-btns a{display:inline-block;width:154px;left:412px;color: #fff;font-size: 20px;line-height: 2.6;text-align: center;border-radius: 100px;-webkit-transition: .4s;transition: .4s;text-decoration:none;}
    .expert .body-btns a:hover{background:#0093DC;}
    .expert .body-btn-und{background: #0076BE;box-shadow: 0 6px 30px #B4DDF5;}
    .expert .body-btn-see{background: #13B5B1;box-shadow: 0 6px 30px #AED9D7;margin-left:12px;}



  /* sider */
  #sider{position: fixed;top:20%;right:0;z-index:1000;}
  .sider-item{position: relative;display: block;width:50px;height:55px;background: url(../images/side-sprite.png) no-repeat;margin-bottom: 5px;text-decoration:none;outline:none;}
  .sider-item-cont{position:absolute;top:0;right:100%;z-index:-1;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition: .4s;transition: .4s;visibility:hidden;}
  .sider-item:hover .sider-item-cont{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;}
  #sider-item-yy{background-position: 0 0;}
  #sider-item-yy:hover{background-position: -53px 0;}
  #sider-item-kf{background-position: 0 -58px;}
  #sider-item-kf:hover{background-position: -53px -58px;}
  #sider-item-qq{background-position: 0 -116px;}
  #sider-item-qq:hover{background-position: -53px -116px;}
  #sider-item-dz{background-position: 0 -174px;}
  #sider-item-dz:hover{background-position: -53px -174px;}
  #sider-item-wx{background-position: 0 -232px;}
  #sider-item-wx:hover{background-position: -53px -232px;}
  #sider-item-wx .sider-item-cont{margin-top:-30px;}
  #sider-item-db{background-position: 0 -290px;}
  #sider-item-db:hover{background-position: -53px -290px;}


  /* footer */
  #footer{background:#0076BE;}
  #footer-center{width:1200px;margin:auto;padding:40px 0;text-align:justify;}
  #footer-center:after{content:"";display:inline-block;width:100%;}
  #footer-left, #footer-right{display:inline-block;vertical-align:middle;}
  #footer-right{padding-bottom:2px;text-align:right;}
  #footer a{display:block;margin:8px auto;font-size:14px;line-height:1.2;color:white;text-decoration:none;}