@charset "utf-8";
@import "public.less";
/*如制作手机站，请将以下代码放到@media (min-width: 768px)内*/
@width:100%;
html{font-size: 12px;}
body{overflow-y:scroll; color: @detail; .font; min-width: @width;}
.xy-container{
  width:@width;
}
.xy-container-fluid{
  min-width:@width;
}
nav.navbar-default{
  min-height: 40px;
  margin-bottom: 0;
  .bg(white);
  border-width:0;
  >.navbar-header{
    >.navbar-toggle{
      margin:3px 15px 3px 0;
      border-color:transparent;
      >.icon-bar{.bg(#0850af);}
      &:focus, &:hover{.bg(transparent);}
    }
    >.navbar-brand{
      height:40px;
      padding:0;
      margin-left:15px;
      >img{height:100%;}
    }
  }
  >.navbar-collapse{
    position:absolute;
    right:0;
    top:40px;
    z-index: 10;
    padding:0;
    .bg(rgba(255, 255, 255, 0.8));
    border-style:solid;
    border-width:1px;
    -webkit-box-shadow:none;
    box-shadow:none;
    >.nav{
      min-width:110px;
      margin:0;
      padding:5px 0;
      >li{
        >a, >font{
          padding:3px 15px;
          display:block;
          color:#777777;
          >i{height:22px; color:#b0b0b0; font-size:16px; line-height: 22px;}
        }
        >ul{
          padding:0;
          margin:0;
          display:none;
          list-style: none;
          >li{
            >a, >font{
              padding:3px 15px;
              display:block;
              .a(black, black, none);
              >i{height:22px; color:black; font-size:16px; line-height: 22px;}
            }
            >ul{
              padding:0;
              margin:0;
              display:none;
              list-style: none;
              >li>a{padding:3px 15px 3px 20px; display:block; .a(white, white, none); .font(12px); .bg('@{base-url}dot.jpg', 10px center);}
            }
            &.open{
              .bg(rgba(119, 119, 119, 0.3));
              >font, >font>i{color:@hover;}
              >ul{display:block;}
            }
          }
        }
        &.open{
          .bg(rgba(8, 80, 175, 0.3));
          >font, >font>i{color:@hover;}
          >ul{display:block;}
        }
      }
    }
  }
}
article{overflow: hidden;}
footer{
  .bg(#6f7886);
  >article{
    color:white;
    >a{margin-left:10px; .a(white, @hover, none);}
  }
}
.clear{.font;}
.title{
  display:inline-block;
  color:#040404;
  .font(2.143em);
  font-weight: lighter;
  >hr{width:64px; margin:0 auto; border-top:2px #108ee9 solid;}
}
a.title{.a(#040404, #040404, none);}
.carousel{
  >.carousel-inner>.item img{width:100%;}
  >.carousel-control{
    >img{position:absolute; top:45%; left:30%; max-width:40%;}
    &.right>img{right:30%;}
  }
}
.about{
  width:90%;
  overflow: hidden;
  text-align: center;
  .bg('@{base-url}bg1.jpg', center center);
  background-size:cover;
  >div>p, td>p{.font(1.143em);}
}
.proclass{
  width:90%;
  >.xy-col-2-5, >.xy-col-3-5{
    .col-width(1);
    margin: 0.5em auto;
    .a(@detail, @hover, none);
    .font(1.857em, 4);
    text-align: center;
    .bg(#f3f3f3);
    border-radius: 5px;
    >img{margin:0 20px; float:left;}
  }
}
.index-contact{
  .bg(#323f53);
  >article{
    >.text-center>a.title{.a(white, white, none);}
    >.contact>li{
      color:white;
      >span{color:white;}
      >a{.a(white, white, none);}
      &.company{display:none;}
    }
  }
}
.contact{
  width:90%;
  padding:0;
  margin-bottom:0;
  overflow: hidden;
  list-style: none;
  >li{
    padding:2px 0;
    &.pull-left{margin-right:15px;}
    &.company{.font(1.571em); font-weight:bold;}
  }
}
.index-pro{
  .bg('@{base-url}bg2.jpg', center center);
  background-size:cover;
  >article>.text-center>.title{color:white;}
}
.index-app{
  .bg('@{base-url}bg3.jpg', center center);
  background-size:cover;
}
.app-box{
  width:96%;
  max-width:1306px;
  >.xy-col-1-4{
    .col-width(1/2, 92%);
    margin:2%;
    >table{
      margin:0 auto;
      td{
        position:relative;
        height:79px;
        overflow: hidden;
        border:1px #ccc solid;
        border-radius: 5px;
        >a{
          width:137px;
          display: block;
          .a(white, white, none);
          text-align: center;
          >img{max-width:137px; max-height:79px;}
          >font{position:absolute; bottom:0; left:0; width:100%; .font(12px, 18px); text-align: center; .bg(rgba(0, 0, 0, 0.15));}
        }
      }
    }
  }
}
#map{height:200px; width:98%; margin:0 auto; border:1px #cccccc solid;}
.type-title>article{
  width:90%;
  max-width:1170px;
  >.ftitle{.font(1.857em);}
}
.pro-box{
  width:90%;
  max-width:1170px;
  overflow-x: auto;
  >table{
    width: 1500px;
    .bg(#848484);
    th, td{padding:5px;}
    >thead>tr{
      >th{
        .font(16px, 20px);
        text-align:center;
        .bg(#f2f2f2);
        >sub{font-size:12px;}
      }
      >td{
        .font(12px, 20px);
        .bg('@{base-url}table-bg.jpg', left bottom, repeat-x);
        .bg(white);
        >label{width:65px; padding-left:10px; margin:0 auto; display: block; font-weight:normal; text-align:left;}
        >input{height:23px; width:73px; padding:0; .bg(transparent); border:1px #aeaeae solid; border-radius: 4px;}
        >button{padding:1px 10px; margin-top:5px;}
        >div{
          height:120px;
          padding-left:10px;
          padding-right:17px;
          overflow-x: hidden;
          overflow-y: auto;
          >label{
            margin:0;
            clear:both;
            display: block;
            font-weight: normal;
            text-align: left;
            cursor:pointer;
            white-space: nowrap;
            >input{margin-right:5px; float:left;}
          }
        }
      }
    }
    >tbody>tr>td{.font(12px, 20px); .bg(white);}
    &#BJT{width:1170px;}
  }
}
.pager{
  width: 90%;
  max-width: 400px;
  margin:0 auto;
  >li>font{line-height:36px;}
}
@media (min-width: 768px) {
  html{font-size: 13px;}
  nav.navbar-default{
    width:100%;
    max-width: 1184px;
    height: 70px;
    border-radius: 0;
    >.navbar-header>.navbar-brand{
      height:70px;
      >img{height:100%;}
    }
    >.navbar-collapse{
      position:relative;
      top:0;
      .bg(transparent);
      border-width:0;
      >#topsearch{
        position:absolute;
        right:85px;
        top:5px;
        width:auto;
        overflow: hidden;
        >input{height:20px; width: 120px; padding:2px 5px; float:left; line-height: 20px; border:1px #ccc solid; border-radius:3px;}
        >button{padding:3px 10px; margin-left:5px; float:left;}
      }
      >#lang{
        position:absolute;
        right:20px;
        top:5px;
        >a{
          height: 2em;
          width: 2em;
          display: inline-block;
          .a(black, black, none);
          .font(12px);
          text-align: center;
          border-radius: 50%;
          transition:0.5s;
          -ms-transition:0.5s;
          -moz-transition:0.5s;
          -webkit-transition:0.5s;
          -o-transition:0.5s;
          &.active{.a(white, white, none); .bg(#cccccc);}
          &:focus, &:hover{
            .a(white, white, none);
            .bg(#1652a9);
            transition:0.5s;
            -ms-transition:0.5s;
            -moz-transition:0.5s;
            -webkit-transition:0.5s;
            -o-transition:0.5s;
          }
        }
      }
      >.nav{
        position: absolute;
        bottom:5px;
        right:10px;
        padding:0;
        margin:0;
        >li{
          >a{padding:0 5px; overflow: hidden; .a(black, black, none); .font(1.143em, 22px); border-color:transparent; border-style: solid; border-width:2px 0;}
          >.dropdown-menu{
            left:0;
            right:auto;
            min-width:120px;
            display: block;
            .bg(rgba(255, 255, 255, 0.9));
            border-radius: 0;
            .opacity(0);
            visibility: hidden;
            transition:0.5s;
            -ms-transition:0.5s;
            -moz-transition:0.5s;
            -webkit-transition:0.5s;
            -o-transition:0.5s;
            >li{
              position:relative;
              >a{
                padding:3px 15px;
                .a(#777777, @hover, none);
                .font(14px);
                >i{height:24px; color:#b0b0b0; font-size:16px; line-height: 24px;}
                &:focus, &:hover{
                  .bg(#d9d9d9);
                  >i{color:@hover;}
                }
              }
              >ul{
                position:absolute;
                left:99%;
                top:-1px;
                z-index: 1000;
                min-width: 120px;
                padding: 5px 0;
                margin-left:-1px;
                float: left;
                display:block;
                font-size: 14px;
                text-align: left;
                list-style: none;
                .bg(rgba(255, 255, 255, 0.9));
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                border: 1px solid #ccc;
                border: 1px solid rgba(0, 0, 0, .15);
                border-radius: 0;
                -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                .opacity(0);
                visibility: hidden;
                transition:0.5s;
                -ms-transition:0.5s;
                -moz-transition:0.5s;
                -webkit-transition:0.5s;
                -o-transition:0.5s;
                >li>a{
                  padding:3px 15px;
                  display: block;
                  .a(#777777, @hover, none);
                  .font(12px);
                  text-decoration: none;
                  .bg(none);
                  &:focus, &:hover{.bg(#d9d9d9);}
                }
              }
              &:focus>ul, &:hover>ul{
                .opacity(100);
                visibility: visible;
                transition:0.5s;
                -ms-transition:0.5s;
                -moz-transition:0.5s;
                -webkit-transition:0.5s;
                -o-transition:0.5s;
              }
            }
          }
          &.open, &.showUL{
            >a{.bg(transparent);}
            >.dropdown-menu{
              .opacity(100);
              visibility: visible;
              transition:0.5s;
              -ms-transition:0.5s;
              -moz-transition:0.5s;
              -webkit-transition:0.5s;
              -o-transition:0.5s;
            }
          }
          &.showUL>.dropdown-menu>li>ulnowUL{
            .opacity(100);
            visibility: visible;
            transition:0.5s;
            -ms-transition:0.5s;
            -moz-transition:0.5s;
            -webkit-transition:0.5s;
            -o-transition:0.5s;
          }
          &.active>a{.bg(transparent); border-bottom-color:#108ee9;}
          &+li{margin-left:35px;}
        }
      }
    }
  }
  .carousel{
    >.carousel-indicators{
      bottom:3%;
      margin-bottom:0;
      >li{
        height:0.786em;
        width:0.786em;
        margin:0 5px;
        .bg(white);
        border-width:0;
        &.active{height:0.786em; width:0.786em; .bg(#0a51b0);}
      }
    }
  }
  .about{
    width:96%;
    max-width: 1100px;
    td>p{margin:0; padding:5px 0;}
  }
  .proclass{
    width:730px;
    margin:0 auto;
    overflow: hidden;
    >.xy-col-2-5, >.xy-col-3-5{
      margin: 0.5em 20px;
      .font(1.857em, 101px);
      text-align: left;
      .bg(#f3f3f3);
      border-radius: 5px;
      >img{margin:0 20px; float:left;}
      .animation(xyDownShadow 0.5s);
      &:focus, &:hover{
        .animation(xyUpShadow 0.5s);
        -webkit-transform:translate3d(0, -5%, 0);
        -ms-transform:translate3d(0, -5%, 0);
        transform:translate3d(0, -5%, 0);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      }
    }
    >.xy-col-2-5{.col-width(2/5, 650px);}
    >.xy-col-3-5{.col-width(3/5, 650px);}
  }
  .index-contact>article{
    >.text-center{
      width:90%;
      max-width:1024px;
      text-align: left;
      >a.title{.font(1.143em);}
    }
    >.contact{
      max-width:1024px;
      padding-left:0;
      background-position:right center;
      >li>span{.font(2.286em, 1.5);}
    }
  }
  .contact{
    max-width:560px;
    padding-left:190px;
    .bg('@{base-url}code.jpg', left center);
    background-size:contain;
    >li{
      >span{.font(1.857em, 1.3);}
      &.company{}
    }
  }
  .app-box>.xy-col-1-4{
    .col-width(1/4, 92%);
    margin:1%;
    >table td{
      height:94px;
      >a{
        width:163px;
        .a(white, @hover, none);
        >img{max-width:163px; max-height:94px;}
        >font{.font(12px, 18px);}
      }
    }
    &:focus img, &:hover img{.animation(pulse 1s);}
  }
  #map{height:381px; width:98%; max-width: 1200px;}
  .ctitle>.btn{
    margin-bottom:10px;
    .animation(xyDownShadow 0.5s);
    &:focus, &:hover{
      .animation(xyUpShadow 0.5s);
      -webkit-transform:translate3d(0, -5%, 0);
      -ms-transform:translate3d(0, -5%, 0);
      transform:translate3d(0, -5%, 0);
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    }
  }
}
@media (min-width: 868px) {
  nav.navbar-default{
    height: 80px;
    >.navbar-header>.navbar-brand{height:80px;}
    >.navbar-collapse>.nav{bottom:10px;}
  }
  .app-box>.xy-col-1-4>table td{
    height:107px;
    width:185px;
    >a{
      width:185px;
      >img{max-width:185px; max-height:107px;}
    }
  }
}
@media (min-width: 992px) {
  nav.navbar-default{
    height: 90px;
    >.navbar-header>.navbar-brand{height:90px;}
    >.navbar-collapse{
      >#topsearch, >#lang{top:10px;}
    }
  }
  .about td>p{padding:10px 0;}
  .app-box>.xy-col-1-4>table td{
    height:123px;
    width:213px;
    >a{
      width:213px;
      >img{max-width:213px; max-height:123px;}
    }
  }
}
@media (min-width: 1044px) {
  .about td>p{padding:15px 0;}
}
@media (min-width: 1064px) {}
@media (min-width: 1084px) {
  html{font-size: 14px;}
  nav.navbar-default{
    height: 100px;
    >.navbar-header>.navbar-brand{height:100px;}
    >.navbar-collapse>.nav{bottom:15px;}
  }
  .app-box>.xy-col-1-4>table td{
    height:135px;
    width:233px;
    >a{
      width:233px;
      >img{max-width:233px; max-height:135px;}
    }
  }
  .proclass{
    width:860px;
    >.xy-col-2-5, >.xy-col-3-5{
      .col-width(1/2, 780px);
    }
  }
}
@media (min-width: 1104px) {}
@media (min-width: 1124px) {}
@media (min-width: 1144px) {}
@media (min-width: 1164px) {
  .about{width:1100px;}
}
@media (min-width: 1184px) {
  nav.navbar-default{
    height: 110px;
    >.navbar-header>.navbar-brand{height:110px;}
    >.navbar-collapse{
      >#topsearch, >#lang{top:15px;}
    }
  }
  .app-box>.xy-col-1-4>table td{
    height:147px;
    width:255px;
    >a{
      width:255px;
      >img{max-width:255px; max-height:147px;}
      >font{.font(1.143em);}
    }
  }
}
@media (min-width: 1224px) {}
@media (min-width: 1269px) {
  .app-box>.xy-col-1-4>table td{
    height:158px;
    width:274px;
    >a{
      width:274px;
      >img{max-width:274px; max-height:158px;}
    }
  }
}
@media (min-width: 1310px) {}
@media (min-width: 1324px) {}
@media (min-width: 1344px) {}
@media (min-width: 1366px) {}
@media (min-width: 1378px) {
  .app-box>.xy-col-1-4>table td{
    height:172px;
    width:298px;
    >a{
      width:298px;
      >img{max-width:298px; max-height:172px;}
    }
  }
}
@media (min-width: 1439px) {}
@-moz-document url-prefix(){}
@media print {}