@charset "utf-8";
@import "public.less";
@width:1002px;
html{font-size: 12px;}
body{color:@detail; .font;}
#tagModal{
  position:relative;
  height: 480px;
  display:block;
  >.modal-dialog{
    position:absolute;
    left:40px;
    top:55px;
    width:350px;
    z-index: 0;
    >.modal-content{
      display: none;
      border-color:#346bb7;
      >.modal-header{
        padding:20px 15px 10px;
        margin:0;
        color:white;
        font-weight: bold;
        .bg(#346bb7);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        >small{padding-top:5px; clear:both; display: block; color:white; .font(0.55em);}
      }
      >.modal-body{
        .font(1.17em);
        >label{height:27px; width:78px; color:#346bb7; text-align: center; border:1px #346bb7 solid;}
        >p{margin:0;}
      }
      >.modal-footer{
        padding:10px 25px 20px;
        margin:0;
        list-style: none;
        text-align: left;
        >li{
          width:50%;
          float:left;
          .font(1.17em);
          >i{margin-right:10px; color:#346bb7;}
        }
      }
      &+.modal-content{
        display: block;
        border-color:#999;
        >.modal-header{
          padding:15px;
          color:#848484;
          .bg(#f2f2f2);
          border-top-left-radius: 6px;
          border-top-right-radius: 6px;
          >small{display: none;}
        }
        >.modal-body>.list-group-item{
          color:#848484;
          text-align: center;
          border-radius: 0;
          border-width:0;
          &+.list-group-item{border-width:1px 0 0;}
        }
      }
    }
    &+.modal-dialog{left:auto; right:40px;}
    &.active{
      top:30px;
      z-index:1;
      >.modal-content{
        display: block;
        &+.modal-content{display: none;}
      }
    }
  }
}
.xy-container{
  width: @width;
  &#header{
    position:relative;
    height: 55px;
    width: 880px;
    padding-top:55px;
    .bg('@{base-url}logo.jpg', left center);
    >ul{
      padding:0;
      margin:0 0 0 105px;
      list-style: none;
      >li{
        padding:0 20px;
        float:left;
        >a{.a(#424242, @hover, none); .font(1.17em);}
        &+li{padding-left:21px; .bg('@{base-url}line.jpg', left center);}
      }
    }
    >i{margin:0 20px 0 0; padding:5px; cursor:pointer; color:#717574; font-size:18px;}
    >a{
      padding:2px 0;
      >i{margin:3px 9px 0 0; float:left; .a(#717574, #717574, none); font-size:18px;}
    }
    #topsearch{
      width:210px;
      overflow: hidden;
      >input{height:24px; width: 160px; float:left; padding:2px 5px; border:1px #ccc solid; border-radius:2px;}
      >button{float:right;}
    }
  }
  &#protype{
    padding:20px 0 30px;
    overflow: hidden;
    >a.xy-col-1-6{
      .col-width(1/6);
      padding-top:62px;
      text-align:center;
      .a(#424242, @hover, none);
      .font(1.17em);
      &#pro1{.bg('@{base-url}icon1.jpg', center top);}
      &#pro2{.bg('@{base-url}icon2.jpg', center top);}
      &#pro3{.bg('@{base-url}icon3.jpg', center top);}
      &#pro4{.bg('@{base-url}icon4.jpg', center top);}
      &#pro5{.bg('@{base-url}icon5.jpg', center top);}
      &#pro6{.bg('@{base-url}icon6.jpg', center top);}
      &:hover, &:focus{
        &#pro1{.bg('@{base-url}icon1-active.jpg', center top);}
        &#pro2{.bg('@{base-url}icon2-active.jpg', center top);}
        &#pro3{.bg('@{base-url}icon3-active.jpg', center top);}
        &#pro4{.bg('@{base-url}icon4-active.jpg', center top);}
        &#pro5{.bg('@{base-url}icon5-active.jpg', center top);}
        &#pro6{.bg('@{base-url}icon6-active.jpg', center top);}
      }
    }
  }
  &#iframe{
    padding:7px 0 30px;
    border-top:3px #346bb7 solid;
    >#leftiframe{
      width:193px;
      float:left;
      >.panel-group{
        >.panel{
          >.panel-heading{
            padding:5px 15px 5px 25px;
            display: block;
            .a(#145bb8, @hover, none);
            .font(1.17em);
            >i{
              margin-top:5px;
              font-size:18px;
              &.icon-angle-right{display:none;}
            }
            &.collapsed{
              .a(@detail, @hover, none);
              >i{
                display:block;
                &.icon-angle-down{display:none;}
              }
            }
          }
          >.panel-collapse{
            position:relative;
            >.list-group{
              padding:5px;
              >.list-group-item{
                padding:5px 10px 5px 20px;
                .font(1.17em);
                border-color:#ededed white white;
                border-width:1px 0;
                &.active, &.active:focus, &.active:hover{.a(#145bb8, @hover, none); .bg(white); border-color:#ededed;}
                &:focus, &:hover{.a(#145bb8, @hover, none); .bg(white); border-color:#ededed white white;}
                >font{padding-left:15px;}
              }
            }
          }
        }
      }
    }
    >#rightiframe{
      width: 769px;
      padding:0 15px 0 25px;
      float:right;
      >#log{
        color:#7e7e7e;
        >i{margin-right:5px; font-size:18px;}
        >a{.a(#7e7e7e);}
      }
      >#title{overflow:hidden; color:#424242; .font(2.17em); border-bottom:3px #346bb7 solid;}
      >#about{
        padding:30px 0;
        >p{
          color:#424242;
          .font(1.17em);
          >i{color:#346bb7; font-size:12px; .font(1.64em);}
        }
        &.en{
          >p>i{.font(1.17em);}
          >#tagModal{
            height:600px;
            h3{padding:20px 5px 10px; .font(1.83em);}
            label{width:180px;}
            .modal-footer>li{width:100%; float:none;}
          }
        }
      }
      >#culture{
        height:510px;
        padding-left:385px;
        .bg('@{base-url}temp2.jpg');
        >p{margin:0 0 20px; .font(1.17em);}
      }
      >#client{padding:30px 0 50px;}
      >#duty{
        padding:30px 0 50px;
        >p{.font(1.17em);}
        >ul>li{color:white; text-align: justify; .font(1.17em);}
        >#duty1{height:161px; padding-top:40px; padding-left:330px; padding-right:10px; .bg('@{base-url}temp15.jpg'); .bg(#346bb7);}
        >#duty2{height:auto; padding:280px 20px 20px 40px; .bg('@{base-url}temp5.jpg', center top); .bg(#989898);}
        >#duty3{height:161px; padding-top:40px; padding-left:330px; padding-right:10px; .bg('@{base-url}temp16.jpg'); .bg(#68902d);}
        >#duty11{height:161px; padding-top:40px; padding-left:330px; padding-right:10px; .bg('@{base-url}temp17.jpg'); .bg(#346bb7);}
        >#duty33{height:161px; padding-top:40px; padding-left:330px; padding-right:10px; .bg('@{base-url}temp18.jpg'); .bg(#68902d);}
        &.en{
          >#duty1{height:181px; padding-top:20px;}
          >#duty2>li{line-height: 1.8;}
          >#duty3{height:181px; padding-top:20px;}
          >#duty11{height:181px; padding-top:20px;}
          >#duty33{height:181px; padding-top:20px;}
        }
      }
      >#honor{
        padding:30px 0;
        >img{margin-bottom:20px;}
      }
      >#develop{
        padding:30px 0;
        overflow: hidden;
        >p{.font(1.17em);}
        >dl{
          width:295px;
          padding:20px 40px;
          float:left;
          .bg(#f9f9f9);
          border-color:#346bb7 #cbcbcb #cbcbcb;
          border-style:solid;
          border-width:2px 1px 1px;
          >dt{.font(1.17em);}
          >dd{.font(1.17em);}
        }
        &.en>dl{
          width:335px;
          padding:20px;
        }
      }
      >#test{}
      >#make{
        padding:30px 0;
        margin-bottom: 30px;
		&.en>div{
		  font-size:14px;
		}
      }
      >#layout{
        >.scrollLeft{
          padding:20px 0 50px;
          >.column{
            height:100px;
            >ul{
              padding:0;
              margin:0;
              list-style:none;
              >li{height:100px; width:185px; padding:4px; float:left;}
            }
          }
        }
      }
      >#prolist{
        padding:30px 0;
        overflow: hidden;
        >.xy-col-1-3{
          width:245px;
          td{
            height: 185px;
            width: 245px;
            >div{
              width: 245px;
              >img{max-height: 185px; max-width: 245px;}
            }
          }
          >div{padding:5px 0 30px; .font(1.17em);}
          &+.xy-col-1-3{margin-left:17px;}
        }
        >.xy-col{
          width:769px;
          margin-bottom: 15px;
          td{
            padding-left:25px;
            >b{clear:both; display: block; .font(1.17em);}
            >div{.font;}
            &.img{
              height: 185px;
              width: 245px;
              padding:0;
              >div{
                width: 245px;
                .font(0, 0);
                >img{max-height: 185px; max-width: 245px;}
              }
            }
          }
        }
      }
      >#openwin{
        padding:30px 0 50px;
        >div{width:530px; margin: 0 auto;}
        >h3{width:680px; margin: 20px auto 10px; color:#346bb7;}
        >h3+div{width:680px; margin: 0 auto; .font(1.17em);}
      }
      >#job{
        padding:30px 0 50px;
        >img{margin-bottom:15px;}
        th{font-weight:100; .font(14px); text-align:center; border-color:#1a79cb;}
        td{.font(14px);}
      }
      >#jobdetail{
        padding:30px 0 50px;
        >img{margin-bottom:15px;}
        >.btn{margin-left:118px;}
      }
      >#resume{
        padding:30px 0 50px;
        >img{margin-bottom:15px;}
        input{width:250px; height:28px; padding: 0; border:1px #d2d2d2 solid;}
        textarea{height:80px; width:540px; border:1px #d2d2d2 solid;}
        font{margin-right:5px;}
        .form-group{margin-bottom:0;}
        td{.font(14px);}
        >.btn{margin-left:118px;}
      }
      >#contact{
        padding:0 40px 50px;
        >dl{
          width:345px;
          float:left;
          >dt{color:#346bb7; .font(1.33em);}
          >dd{.font(1.17em);}
          &+dl{width:315px; float:right;}
        }
      }
      >#privacy{padding:30px 0 50px;}
    }
  }
}
.xy-container-fluid{
  min-width: @width;
  &#footer{
    .bg(#f4f4f4);
    >.xy-container{
      position:relative;
      >#menu{
        .col-width(0.6);
        padding:20px 0 10px;
        float: left;
        >.xy-col-1-4{
          .col-width(1/4, 96%);
          margin-left: 4%;
          >dt{
            padding-left:12px;
            >a{.a(#505050); line-height: 2;}
          }
          >dd{
            >i{margin-right: 8px;}
            >a{.a(#6a6a6a); line-height: 2;}
          }
          &+.xy-col-1-4{margin-left:0;}
        }
      }
      >#about{
        .col-width(0.4);
        float: left;
        .bg('@{base-url}foot-bg.jpg');
        >p{padding:20px; color:#424242;}
      }
      &+.xy-container{
        padding:19px 0;
        border-top:1px #d7d7d7 solid;
        color:#6a6a6a;
        >a{margin-left:1em; .a(#6a6a6a);}
      }
    }
  }
}
@-moz-document url-prefix(){}
@media print {}