@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;
  &#inner{overflow:visible;}
}
.xy-container{
  width:@width;
}
.xy-container-fluid{
  min-width:@width;
  &.bg{.bg(#f1f1f1);}
}
header{border-top:2px @hover solid;}
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(@hover);}
      &:focus, &:hover{.bg(transparent);}
    }
    >.navbar-brand{
      height:40px;
      padding:0;
      margin-left:15px;
      >picture>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}cn/dot.jpg', 10px center);}
            }
            &.open{
              .bg(rgba(119, 119, 119, 0.3));
              >font, >font>i{color:@hover;}
              >ul{display:block;}
            }
          }
        }
        &.open{
          .bg(rgba(188, 188, 188, 0.3));
          >font, >font>i{color:@hover;}
          >ul{display:block;}
        }
      }
    }
  }
}
article{overflow: hidden;}
footer{
  >article{overflow:visible;}
  .bg(#9b9d9f);
  >article>div{
    color:white;
    >a{.a(white, @hover, none);}
  }
}
#banner>article{
  position:relative;
  img.banner{
    position:absolute;
    .opacity(0);
    &#hgzs2, &#shzr2, &#gsdt2, &#fldy2, &#rdzp2, &#lxfs2, &#jtjg2{.animation(fadeInRight 1s); .animation-delay(0.6s); .animation-fill-mode();}
    &#djgz3, &#hgzs3, &#shzr3, &#gsdt3, &#fldy3, &#rdzp3, &#jtjg3, &#fzlc3, &#fzlc4{.animation(fadeInRight 1s); .animation-delay(0.9s); .animation-fill-mode();}
    &#djgz4{.animation(fadeInRight 1s); .animation-delay(1.2s); .animation-fill-mode();}
    &#xwzy2, &#qczx2, &#zxjy2, &#jtgk2{.animation(fadeInLeft 1s); .animation-delay(0.6s); .animation-fill-mode();}
    &#jtgk3{.animation(fadeInLeft 1s); .animation-delay(0.9s); .animation-fill-mode();}
    &#honor2{.animation(fadeOpacity 1s); .animation-delay(0.6s); .animation-fill-mode();}
    &#honor3{.animation(fadeOpacity 1s); .animation-delay(0.9s); .animation-fill-mode();}
    &#honor4{.animation(fadeOpacity 1s); .animation-delay(1.2s); .animation-fill-mode();}
    &#djgz2, &#fzlc2, &#gmhz2, &#nhmy2, &#ckht2, &#qccy2{.animation(fadeInRight 0.3s); .animation-fill-mode();}
    &#gmhz3, &#qccy3{.animation(fadeInRight 0.3s); .animation-delay(0.1s); .animation-fill-mode();}
    &#gmhz4{.animation(fadeInRight 0.3s); .animation-delay(0.2s); .animation-fill-mode();}
    &#gmhz5{.animation(fadeInRight 0.3s); .animation-delay(0.3s); .animation-fill-mode();}
    &#gmhz6{.animation(fadeInRight 0.3s); .animation-delay(0.4s); .animation-fill-mode();}
    &#gmhz7{.animation(fadeInRight 0.3s); .animation-delay(0.5s); .animation-fill-mode();}
    &#gmhz8{.animation(fadeInRight 0.3s); .animation-delay(0.6s); .animation-fill-mode();}
    &#hsx2{.animation(xyZoomOut 0.5s); .animation-fill-mode();}
  }
  div.banner{
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    width:96%;
    max-width: 1184px;
    margin-left: -48%;
    >div{
      position:absolute;
      .opacity(0);
      &#jtgk1{
        left:0;
        top:20%;
        color:#c62721;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInLeft 0.3s);
        .animation-fill-mode();
      }
      &#jtgk2{
        left:0;
        top:37%;
        color:black;
        font-weight: bold;
        .animation(fadeInLeft 0.3s);
        .animation-delay(0.2s);
        .animation-fill-mode();
        >font{color:#804848; .font(1.167em);}
      }
      &#lxfs1{
        bottom:20%;
        right:8%;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
      &#zxjy1, &#xwzy1, &#qczx1{
        top:40%;
        left:5%;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInLeft 0.3s);
        .animation-fill-mode();
      }
      &#fzlc1{
        left:62%;
        top:53%;
        color:black;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.3s);
        .animation-fill-mode();
      }
      &#fzlc2{
        left:62%;
        top:20%;
        color:#373737;
        font-weight: lighter;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.2s);
        .animation-fill-mode();
      }
      &#honor1{
        left:5%;
        top:17%;
        color:#c62721;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#honor2{
        left:3%;
        top:34%;
        width:94%;
        color:black;
        font-weight: lighter;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.2s);
        .animation-fill-mode();
      }
      &#honor3{
        left:0;
        top:15%;
        height:163px;
        width:100%;
        .bg(rgba(255, 255, 255, 0.3));
        border-radius: 5px;
        .animation(fadeOpacity 0.3s);
        .animation-fill-mode();
      }
      &#jtjg1{
        left:3%;
        top:17%;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
      &#jtjg2{
        left:3%;
        top:34%;
        width:94%;
        color:white;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#rdzp1{
        right:0;
        top:17%;
        width:180px;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
      &#rdzp2{
        right:0;
        top:34%;
        width:180px;
        color:white;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#djgz1{
        left:58%;
        top:32%;
        width:130px;
        color:#c62721;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#djgz2{
        left:58%;
        top:49%;
        width:130px;
        color:#525252;
        font-weight: lighter;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.2s);
        .animation-fill-mode();
      }
      &#hgzs1, &#gsdt1{
        right:0;
        top:30%;
        width:140px;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
      &#hgzs2, &#gsdt2{
        right:0;
        top:47%;
        width:140px;
        color:white;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#shzr1{
        right:0;
        top:45%;
        width:139px;
        color:white;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
      &#shzr2{
        right:0;
        top:62%;
        width:139px;
        color:white;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#nhmy1{
        left:50%;
        top:40%;
        width:280px;
        margin-left:-140px;
        color:white;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#ckht1{
        left:50%;
        top:69%;
        width:400px;
        margin-left:-200px;
        color:white;
        font-size:12px;
        text-align: center;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        letter-spacing: -0.5px;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.1s);
        .animation-fill-mode();
      }
      &#ckht2{
        left:50%;
        top:58%;
        width:400px;
        margin-left:-200px;
        color:white;
        .font(1.429em);
        text-align: center;
        font-weight: lighter;
        text-shadow: 1px 1px 1px black;
        .animation(fadeInRight 0.3s);
        .animation-delay(0.2s);
        .animation-fill-mode();
      }
      &#ghgz1{
        top:30%;
        right:8%;
        color:#6e532d;
        .font(1.429em);
        font-weight: bold;
        letter-spacing: 2px;
        .animation(fadeInRight 0.3s);
        .animation-fill-mode();
      }
    }
  }
}
.clear{.font;}
.title{
  display:inline-block;
  color:#040404;
  .font(20px);
  font-weight: lighter;
  >hr{width:64px; margin:0 auto; border-top:2px @hover solid;}
}
a.title{.a(#040404, #040404, none);}
.carousel{
  >.carousel-control{
    >img{position:absolute; top:45%; left:30%; max-width:40%; .opacity(50);}
    &.right>img{right:30%;}
  }
  >.carousel-inner>.item{
    >div, >div>picture{
      position:absolute;
      left:0;
      top:0;
      height:100%;
      width:100%;
      display:block;
      >img{.opacity(0);}
    }
    &.active{
      &#item1>div>picture>img{.animation(xyZoomIn 2s); .animation-fill-mode();}
      &#item2>div>picture{
        &#item2-1>img{.animation(fadeOpacity 0.3s); .animation-fill-mode();}
        &#item2-2>img{.animation(fadeInLeft 1s); .animation-delay(1s); .animation-fill-mode();}
        &#item2-3>img{.animation(fadeOpacity 1s); .animation-delay(0.3s); .animation-fill-mode();}
      }
      &#item3>div>picture{
        >img{.animation(xyZoomInLeft 3s); .opacity(100);}
        &+picture>img{.animation(fadeInRight 3s);}
      }
    }
  }
  &.carousel-fade .carousel-inner{
    .item {transition-property: opacity;}
    .item, .active.left, .active.right{opacity: 0;}
    .active, .next.left, .prev.right {opacity: 1;}
    .next, .prev, .active.left, .active.right {left: 0; transform: translate3d(0, 0, 0);}
  }
}
.triptych .hover>.land-wap{
  position:relative;
  >picture+picture{position:absolute; left:0; top:0; width: 100%; height:100%; .opacity(0);}
  >font{
    position:absolute;
    .font(12px, 1.3);
    .opacity(0);
    &#c1{top:10%; right:24.5%; text-align:right;}
    &#c2{top:57%; right:0;}
    &#c3{top:28%; right:41.3%;}
    &#c4{top:83%; right:0;}
    &#c5{top:48%; left:0;}
  }
  &.xySationShow{
    >picture{
      &#road{.opacity(100); .animation(fadeOpacity 1s);}
      &#y1985{.animation(fadeOpacity 1.5s); .animation-delay(0.5s); .animation-fill-mode();}
      &#y1992{.animation(fadeOpacity 1.5s); .animation-delay(3s); .animation-fill-mode();}
      &#y1998{.animation(fadeOpacity 1.5s); .animation-delay(5.5s); .animation-fill-mode();}
      &#y1999{.animation(fadeOpacity 1.5s); .animation-delay(8s); .animation-fill-mode();}
      &#y2010{.animation(fadeOpacity 1.5s); .animation-delay(10.5s); .animation-fill-mode();}
    }
    >font{
      &#c1{.animation(xyFadeOpacity 3s); .animation-delay(0.5s); .animation-fill-mode();}
      &#c2{.animation(xyFadeOpacity 3s); .animation-delay(3s); .animation-fill-mode();}
      &#c3{.animation(xyFadeOpacity 3s); .animation-delay(5.5s); .animation-fill-mode();}
      &#c4{.animation(xyFadeOpacity 3s); .animation-delay(8s); .animation-fill-mode();}
      &#c5{.animation(fadeOpacity 1.5s); .animation-delay(10.5s); .animation-fill-mode();}
    }
  }
}
#wap-about{
  padding:14% 0 5%;
  .a(@detail, @detail, none);
  .bg('@{base-url}cn/1-w.jpg');
  background-size: cover;
  >p{
    width:92%;
    margin:0 auto;
    .font(12px);
  }
}
#about-icons{
  width:98%;
  max-width: 1120px;
  margin-bottom:3%;
  margin-top:3%;
  overflow: hidden;
  >.xy-col-1-4{
    .col-width(1/2, 96%);
    margin:3% 1%;
    border-radius: 10px;
    >table td{
      padding-right:10px;
      cursor:pointer;
      .font(14px, 20px);
      img{.bg(rgba(216, 52, 46, 0.8)); border-radius: 50%;}
      font{.font(20px, 20px);}
      p{margin-bottom:0; color:#808080; .font(12px, 20px);}
      &+td{padding:0;}
    }
    .animation(xyDown 0.5s);
    &:focus, &:hover{
      .animation(xyUp 0.5s);
      .animation-fill-mode();
      td>img{.bg(rgba(216, 52, 46, 1));}
    }
  }
}
#inner #about-icons>.xy-col-1-4{
  .opacity(0);
  &#icon1{.animation(fadeInRight 0.3s); .animation-fill-mode();}
  &#icon2{.animation(fadeInRight 0.3s); .animation-delay(0.2s); .animation-fill-mode();}
  &#icon3{.animation(fadeInRight 0.3s); .animation-delay(0.4s); .animation-fill-mode();}
  &#icon4{.animation(fadeInRight 0.3s); .animation-delay(0.6s); .animation-fill-mode();}
  &:focus, &:hover{
    >table{.animation(xyUp 0.5s); .animation-fill-mode();}
  }
}
#list1{
  width:96%;
  max-width: 1106px;
  margin:10px auto;
  >.list-group-item{
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    td{
      >div{
        padding-left:5px;
        display: grid !important;
        color:#787878;
        >a{display:block; .a(#414141, @hover, none); .font(1.286em, 1.3); font-weight:bold; white-space:normal;}
        >div{display: none;}
        &.date{
          width:55px;
          .bg(#e1e1e1);
          >b{display:block; color:#e62b1e; .font(2.5em, 36px);}
        }
      }
    }
    &+.list-group-item{border-top-width:1px;}
    &:focus, &:hover{.bg(#e1e1e1);}
  }
}
#list2{
  width:96%;
  max-width: 1106px;
  margin:10px auto;
  >.list-group-item{
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    td{
      >a{.a(#414141, @hover, none); .font(1.286em, 1.5); font-weight:bold;}
      >small{color:#e62b1e;}
      >div{color:#787878;}
    }
    &+.list-group-item{border-top-width:1px;}
    &:focus, &:hover{
      .bg(#e1e1e1);
      td>a>img{.animation(pulse 1s);}
    }
  }
}
#ajaxpage{width:96%; max-width: 1106px; padding:5px 0; margin-top: 5%; .a(@detail, @hover, none); .font(1.286em); .bg(#f3f3f3);}
#detail{
  width:96%;
  max-width: 1106px;
  margin:10px auto;
  >h3{
    margin-bottom: 0;
    color:#474747;
    .font(1.429em, 1.5);
    border-bottom:1px #e7e7e7 solid;
    >small{padding-bottom:10px; display: block; color:#acacac; line-height: 2;}
  }
  >div{
    padding:10px;
    &#newsdetail video{max-width:100%; height:auto;}
    &, & *{color:#464646; .font(1em, 1.7);}
  }
}
#csstransforms{
  height: 24em;
  width: 24em;
  margin:5% auto;
  overflow: hidden;
  font-size: 1em;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  pointer-events: auto;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  >div{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    height:8em;
    width:10em;
    padding-top:2em;
    margin-left: -5em;
    margin-top: -5em;
    .bg(white);
    border-radius: 50%;
    >font{display:block; .font(1em, 1.5); text-align: center;}
    >img{max-width: 30%;}
  }
  >ul>li{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 8em;
    width: 8em;
    margin-left: -8em;
    margin-top: -8em;
    overflow: hidden;
    font-size: 1.5em;
    border:1px white solid;
    .opacity(100);
    transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    >font{
      position:absolute;
      color:white;
      .font(0.857em, 1);
      font-weight: bold;
      -webkit-backface-visibility: hidden;
      transition: opacity 0.3s, color 0.3s;
      -ms-transition: opacity 0.3s, color 0.3s;
      -moz-transition: opacity 0.3s, color 0.3s;
      -webkit-transition: opacity 0.3s, color 0.3s;
      -o-transition: opacity 0.3s, color 0.3s;
    }
    >img{
      position:absolute;
      max-width: 30%;
      -webkit-backface-visibility: hidden;
      transition: opacity 0.3s, color 0.3s;
      -ms-transition: opacity 0.3s, color 0.3s;
      -moz-transition: opacity 0.3s, color 0.3s;
      -webkit-transition: opacity 0.3s, color 0.3s;
      -o-transition: opacity 0.3s, color 0.3s;
    }
    &:first-child {
      .bg(#dd4d79);
      transform: rotate(-10deg) skew(50deg);
      -ms-transform: rotate(-10deg) skew(50deg);
      -moz-transform: rotate(-10deg) skew(50deg);
      -webkit-transform: rotate(-10deg) skew(50deg);
      -o-transform: rotate(-10deg) skew(50deg);
      >font{
        bottom:30px;
        left:75px;
        transform: skew(-50deg) rotate(10deg);
        -ms-transform: skew(-50deg) rotate(10deg);
        -moz-transform: skew(-50deg) rotate(10deg);
        -webkit-transform: skew(-50deg) rotate(10deg);
        -o-transform: skew(-50deg) rotate(10deg);
      }
      >img{
        bottom:5px;
        left:80px;
        transform: skew(-50deg) rotate(10deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(10deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(10deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(10deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(10deg) scale(0.6);
      }
    }
    &:nth-child(2) {
      .bg(#bd3b47);
      transform: rotate(30deg) skew(50deg);
      -ms-transform: rotate(30deg) skew(50deg);
      -moz-transform: rotate(30deg) skew(50deg);
      -webkit-transform: rotate(30deg) skew(50deg);
      -o-transform: rotate(30deg) skew(50deg);
      >font{
        bottom:26px;
        left:65px;
        transform: skew(-50deg) rotate(-30deg);
        -ms-transform: skew(-50deg) rotate(-30deg);
        -moz-transform: skew(-50deg) rotate(-30deg);
        -webkit-transform: skew(-50deg) rotate(-30deg);
        -o-transform: skew(-50deg) rotate(-30deg);
      }
      >img{
        bottom:-2px;
        left:88px;
        transform: skew(-50deg) rotate(-30deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-30deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-30deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-30deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-30deg) scale(0.6);
      }
    }
    &:nth-child(3) {
      .bg(#dd4444);
      transform: rotate(70deg) skew(50deg);
      -ms-transform: rotate(70deg) skew(50deg);
      -moz-transform: rotate(70deg) skew(50deg);
      -webkit-transform: rotate(70deg) skew(50deg);
      -o-transform: rotate(70deg) skew(50deg);
      >font{
        bottom:25px;
        left:70px;
        transform: skew(-50deg) rotate(-70deg);
        -ms-transform: skew(-50deg) rotate(-70deg);
        -moz-transform: skew(-50deg) rotate(-70deg);
        -webkit-transform: skew(-50deg) rotate(-70deg);
        -o-transform: skew(-50deg) rotate(-70deg);
      }
      >img{
        bottom:8px;
        left:83px;
        transform: skew(-50deg) rotate(-70deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-70deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-70deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-70deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-70deg) scale(0.6);
      }
    }
    &:nth-child(4) {
      .bg(#fd9c35);
      transform: rotate(110deg) skew(50deg);
      -ms-transform: rotate(110deg) skew(50deg);
      -moz-transform: rotate(110deg) skew(50deg);
      -webkit-transform: rotate(110deg) skew(50deg);
      -o-transform: rotate(110deg) skew(50deg);
      >font{
        bottom:25px;
        left:68px;
        transform: skew(-50deg) rotate(-110deg);
        -ms-transform: skew(-50deg) rotate(-110deg);
        -moz-transform: skew(-50deg) rotate(-110deg);
        -webkit-transform: skew(-50deg) rotate(-110deg);
        -o-transform: skew(-50deg) rotate(-110deg);
      }
      >img{
        bottom:10px;
        left:82px;
        transform: skew(-50deg) rotate(-110deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-110deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-110deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-110deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-110deg) scale(0.6);
      }
    }
    &:nth-child(5) {
      .bg(#fec42c);
      transform: rotate(150deg) skew(50deg);
      -ms-transform: rotate(150deg) skew(50deg);
      -moz-transform: rotate(150deg) skew(50deg);
      -webkit-transform: rotate(150deg) skew(50deg);
      -o-transform: rotate(150deg) skew(50deg);
      >font{
        bottom:23px;
        left:70px;
        transform: skew(-50deg) rotate(-150deg);
        -ms-transform: skew(-50deg) rotate(-150deg);
        -moz-transform: skew(-50deg) rotate(-150deg);
        -webkit-transform: skew(-50deg) rotate(-150deg);
        -o-transform: skew(-50deg) rotate(-150deg);
      }
      >img{
        bottom:5px;
        left:85px;
        transform: skew(-50deg) rotate(-150deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-150deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-150deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-150deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-150deg) scale(0.6);
      }
    }
    &:nth-child(6) {
      .bg(#d6dd86);
      transform: rotate(190deg) skew(50deg);
      -ms-transform: rotate(190deg) skew(50deg);
      -moz-transform: rotate(190deg) skew(50deg);
      -webkit-transform: rotate(190deg) skew(50deg);
      -o-transform: rotate(190deg) skew(50deg);
      >font{
        bottom:20px;
        left:65px;
        transform: skew(-50deg) rotate(-190deg);
        -ms-transform: skew(-50deg) rotate(-190deg);
        -moz-transform: skew(-50deg) rotate(-190deg);
        -webkit-transform: skew(-50deg) rotate(-190deg);
        -o-transform: skew(-50deg) rotate(-190deg);
      }
      >img{
        bottom:0px;
        left:83px;
        transform: skew(-50deg) rotate(-190deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-190deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-190deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-190deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-190deg) scale(0.6);
      }
    }
    &:nth-child(7) {
      .bg(#bed93e);
      transform: rotate(230deg) skew(50deg);
      -ms-transform: rotate(230deg) skew(50deg);
      -moz-transform: rotate(230deg) skew(50deg);
      -webkit-transform: rotate(230deg) skew(50deg);
      -o-transform: rotate(230deg) skew(50deg);
      >font{
        bottom:22px;
        left:70px;
        transform: skew(-50deg) rotate(-230deg);
        -ms-transform: skew(-50deg) rotate(-230deg);
        -moz-transform: skew(-50deg) rotate(-230deg);
        -webkit-transform: skew(-50deg) rotate(-230deg);
        -o-transform: skew(-50deg) rotate(-230deg);
      }
      >img{
        bottom:4px;
        left:88px;
        transform: skew(-50deg) rotate(-230deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-230deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-230deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-230deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-230deg) scale(0.6);
      }
    }
    &:nth-child(8) {
      .bg(#5793f3);
      transform: rotate(270deg) skew(50deg);
      -ms-transform: rotate(270deg) skew(50deg);
      -moz-transform: rotate(270deg) skew(50deg);
      -webkit-transform: rotate(270deg) skew(50deg);
      -o-transform: rotate(270deg) skew(50deg);
      >font{
        bottom:22px;
        left:55px;
        text-align: left;
        transform: skew(-50deg) rotate(-270deg);
        -ms-transform: skew(-50deg) rotate(-270deg);
        -moz-transform: skew(-50deg) rotate(-270deg);
        -webkit-transform: skew(-50deg) rotate(-270deg);
        -o-transform: skew(-50deg) rotate(-270deg);
      }
      >img{
        bottom:2px;
        left:83px;
        transform: skew(-50deg) rotate(-270deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-270deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-270deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-270deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-270deg) scale(0.6);
      }
    }
    &:nth-child(9) {
      .bg(#5578c2);
      transform: rotate(310deg) skew(50deg);
      -ms-transform: rotate(310deg) skew(50deg);
      -moz-transform: rotate(310deg) skew(50deg);
      -webkit-transform: rotate(310deg) skew(50deg);
      -o-transform: rotate(310deg) skew(50deg);
      >font{
        bottom:27px;
        left:71px;
        transform: skew(-50deg) rotate(-310deg);
        -ms-transform: skew(-50deg) rotate(-310deg);
        -moz-transform: skew(-50deg) rotate(-310deg);
        -webkit-transform: skew(-50deg) rotate(-310deg);
        -o-transform: skew(-50deg) rotate(-310deg);
      }
      >img{
        bottom:13px;
        left:87px;
        transform: skew(-50deg) rotate(-310deg) scale(0.6);
        -ms-transform: skew(-50deg) rotate(-310deg) scale(0.6);
        -moz-transform: skew(-50deg) rotate(-310deg) scale(0.6);
        -webkit-transform: skew(-50deg) rotate(-310deg) scale(0.6);
        -o-transform: skew(-50deg) rotate(-310deg) scale(0.6);
      }
    }
    &:focus, &:hover{
      .opacity(60);
      transition:0.5s;
      -ms-transition:0.5s;
      -moz-transition:0.5s;
      -webkit-transition:0.5s;
      -o-transition:0.5s;
    }
  }
}
#job{
  >#info{
    width:90%;
    max-width: 1060px;
    padding:5px;
    color:#2b2b2b;
    .font(1.143em, 1.8);
    border-bottom:1px #e4e4e4 solid;
    >div{height:0; width:35px;}
  }
  >table{
    width:96%;
    max-width:1160px;
    margin:1% auto 0;
    th{
      padding:5px;
      border-bottom:3px #c62721 solid;
      &+th{text-align:center;}
    }
    td{
      padding:5px;
      border-color:transparent;
      border-style:solid;
      border-width:1px 0;
      transition:0.5s;
      -ms-transition:0.5s;
      -moz-transition:0.5s;
      -webkit-transition:0.5s;
      -o-transition:0.5s;
      >a{.a(@detail, @hover, none);}
    }
    tr.odd>td{.bg(#f2f2f2);}
    tr:focus, tr:hover{
      >td{
        border-color:@hover;
        transition:0.5s;
        -ms-transition:0.5s;
        -moz-transition:0.5s;
        -webkit-transition:0.5s;
        -o-transition:0.5s;
      }
    }
    &.jobnull{margin:0 auto;}
  }
  >#jobdetail{
    width:96%;
    max-width: 960px;
    margin: 1% auto 3%;
    input{width:80%; max-width:250px; height:22px; line-height: 22px; padding: 0; border:1px #d2d2d2 solid;}
    textarea{height:66px; width:80%; max-width:540px; line-height: 22px; border:1px #d2d2d2 solid;}
  }
  >#resume{
    width:96%;
    max-width: 960px;
    margin: 1% auto 3%;
    .tdwidth{width:75px;}
    label{margin: 0 10px 0 0; font-weight:100;}
    input.trim{width:80%; max-width:250px; height:22px; line-height: 22px; padding: 0; border:1px #d2d2d2 solid;}
    input.file{width:80%;}
    textarea{height:66px; width:80%; max-width:540px; line-height: 22px; border:1px #d2d2d2 solid;}
  }
}
.boxy-wrapper .question{width:90%; max-width:350px; min-width: 250px;}
#map{
  height:300px;
  width:96%;
  max-width: 1200px;
  margin-bottom:5%;
  margin-top:2%;
}
#contact{
  width:96%;
  max-width: 1200px;
  >dl{
    .col-width(0.96);
    margin: 0 auto;
    float:none;
    .opacity(0);
    >dt{color:#c62721; .font(1.571em);}
    >dd{
      .font(1.143em, 24px);
      >i{
        height:24px;
        width:17px;
        margin-right:5px;
        float:left;
        &#icon1{.bg('@{base-url}cn/icon17.jpg', center center);}
        &#icon2{.bg('@{base-url}cn/icon18.jpg', center center);}
        &#icon3{.bg('@{base-url}cn/icon19.jpg', center center);}
        &#icon4{.bg('@{base-url}cn/icon20.jpg', center center);}
        &#icon5{.bg('@{base-url}cn/icon21.jpg', center center);}
        &#icon6{.bg('@{base-url}cn/icon22.jpg', center center);}
      }
    }
    &.xy-col-59{margin-top:2%;}
    &.xySationShow{
      &.xy-col-59{.animation(fadeInUp 0.3s); .animation-fill-mode();}
      &.xy-col-41{.animation(fadeInUp 0.3s); .animation-delay(0.2s); .animation-fill-mode();}
      
    }
  }
}
#feedbackwap{
  width:90%;
  margin:5% auto;
  >dl{
    >dt{padding-bottom:10px;}
    >dd{
      max-width:300px;
      padding:7px 0;
      margin:0 auto;
      clear:both;
      color:#3f3f3f;
      font{color:#c30;}
      >label{min-width:60px; margin-bottom:0; float:left; .font(1em, 28px); font-weight: 100;}
      >input{width:180px; height:20px; line-height: 20px; padding:3px 5px; border:1px #dbdbdb solid; border-radius:10px;}
      >textarea{width:240px; height:120px; line-height: 20px; padding:3px 5px; border:1px #dbdbdb solid; border-radius:10px;}
      >button{padding:6px 45px; margin-right: 15px;}
    }
  }
}
#about-yw{
  padding-bottom: 5%;
  .bg('@{base-url}cn/yw-bg-wap.jpg', center top);
  background-size:cover;
  .yw-icons{
    &.yw-icons-2{
      width:66.66%;
      margin:0 auto;
      >.xy-col-1-2{
        .col-width(1/2, 91%);
        margin:1.5% 2.25%;
      }
    }
    &.yw-icons-3{
      width:99.99%;
      margin:0 auto;
      >.xy-col-1-3{
        .col-width(1/3, 90.99%);
        margin:1.5%;
      }
    }
    &.yw-icons-5{
      width:98%;
      max-width: 1075px;
      margin:0 auto;
      >.xy-col-1-5{
        .col-width(1/5, 90%);
        margin:1%;
      }
    }
    >a{
      >img{
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        transition:0.5s;
        -ms-transition:0.5s;
        -moz-transition:0.5s;
        -webkit-transition:0.5s;
        -o-transition:0.5s;
        &#yw1{background-image: url('@{base-url}cn/icon-yw1.jpg');}
        &#yw2{background-image: url('@{base-url}cn/icon-yw2.jpg');}
        &#yw3{background-image: url('@{base-url}cn/icon-yw3.jpg');}
        &#yw4{background-image: url('@{base-url}cn/icon-yw4.jpg');}
        &#yw5{background-image: url('@{base-url}cn/icon-yw5.jpg');}
      }
      &.open{
        >img{
          background-position:center bottom;
          transition:0.5s;
          -ms-transition:0.5s;
          -moz-transition:0.5s;
          -webkit-transition:0.5s;
          -o-transition:0.5s;
        }
      }
    }
  }
  .aboutFont{
    width:96%;
    max-width:1075px;
    margin:5% auto 0;
    .font(1em, 1.8);
    text-align: justify;
  }
}
#about-car{
  padding-bottom: 5%;
  .bg('@{base-url}cn/car-bg-wap.jpg', center top);
  background-size:cover;
  div{
    &.aboutFont{
      width:96%;
      max-width:1200px;
      margin:2% auto 0;
      .font(1em, 1.667);
      text-align: justify;
      >font{color:#d8342e; .font(1.667em, 1);}
    }
    &.car-logo{
      margin-top:5%;
    }
  }
}
#about-info>article>div{
  width:96%;
  max-width:1200px;
  margin:0 auto 5%;
  &.aboutFont{
    margin-bottom:2%;
    margin-top:5%;
    text-align: justify;
  }
  >#about-icons{
    float:none;
    >.xy-col-1-4{
      >table td img{.bg(transparent); border-radius: 0;}
      &:focus, &:hover{
        td>img{.bg(transparent);}
      }
    }
  }
}
#about-my>article{
  margin:5% auto;
  >div{
    max-width:1350px;
    margin:0 auto 6%;
    >div{
      >.aboutFont{
        width:96%;
        .font(1em, 1.667);
        text-align: justify;
        text-shadow: 1px 1px 0 white;
        >font{color:#d8342e; .font(1.667em, 1);}
      }
    }
  }
}
#jtjg{
  padding:5% 0;
  .bg('@{base-url}cn/jtjg-bg.jpg', center top);
  background-size:cover;
  div{
    position:relative;
    width:96%;
    max-width:1276px;
    margin:0 auto;
    img#zgs{position:absolute; right:0; top:0;}
    img.xySationShow{.animation(fadeInDown 0.3s);}
  }
}
#fzlc{
  position:relative;
  width:96%;
  max-width:1200px;
  margin-top:2%;
  >img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    .opacity(0);
    &#fzlc1{position:static; .opacity(100);}
  }
  &.xySationShow>img{
    .animation(fadeOpacity 0.5s);
    .animation-fill-mode();
    &#fzlc3{.animation-delay(0.2s);}
    &#fzlc4{.animation-delay(0.2s);}
    &#fzlc5{.animation-delay(0.4s);}
    &#fzlc6{.animation-delay(0.4s);}
    &#fzlc7{.animation-delay(0.6s);}
    &#fzlc8{.animation-delay(0.6s);}
    &#fzlc9{.animation-delay(0.8s);}
    &#fzlc10{.animation-delay(0.8s);}
    &#fzlc11{.animation-delay(1s);}
    &#fzlc12{.animation-delay(1s);}
  }
}
#carousel-honor>.carousel-inner>.item{
  padding:3% 0 12%;
  >.carousel-caption{bottom:3%; left:50%; top:auto; height: auto; width:70%; padding:0; margin-left:-35%; color:black; text-shadow:1px 1px 0 white;}
}
#webmap{
  padding-left:20px;
  margin-bottom:5%;
  margin-top:5%;
  >li.xy-col-1-6{
    .col-width(1/2);
    >a{.a(@detail, @hover, none); .font(1.143em); font-weight:bold;}
    li>a{.a(@detail, @hover, none); font-weight:100;}
  }
}
#hrimg>article>div{width:96%; margin:5% auto 2%;}
.box-border-bottom{
  .bg('@{base-url}cn/box-border-bottom.jpg', left bottom, repeat-x);
  >article>div{margin-bottom: 40px; margin-top:10px;}
}
.box-border-top{
  .bg('@{base-url}cn/box-border-top.jpg', left top, repeat-x);
  >article>div{
    margin-bottom: 10px;
    margin-top:40px;
    >.title{width:100%;}
  }
}
.gmhz-box{
  >article>div{
    width:98%;
    max-width: 1030px;
    margin-bottom: 40px;
    margin-top:10px;
    >.title{width:100%;}
    >p{font-weight: lighter; line-height: 1.5;}
    >.xy-col-1-2{
      .col-width(1/2, 96%);
      margin:0 1%;
      &:focus, &:hover{.animation(pulse 1s);}
    }
  }
  &#ypmy>article>div{
    max-width:1060px;
    >p{max-width:830px; margin-left:auto; margin-right:auto; text-align: justify;}
  }
  &#nhmy>article>div{
    max-width:1060px;
    >p{max-width:760px; margin-left:auto; margin-right:auto; text-align: justify;}
  }
  &#hsmy>article>div{
    position:relative;
    max-width:1060px;
    >p{margin-top:15px;}
  }
  &#ysmy>article>div{
    max-width:1160px;
    >p{max-width:910px; margin-left:auto; margin-right:auto; text-align: justify;}
    >#ysbox>.xy-col-1-5{
      .col-width(1/2, 92%);
      padding:0.5%;
      margin:1.5%;
      -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .4);
      box-shadow: 0 0 4px 2px rgba(0, 0, 0, .4);
      &:focus, &:hover{.animation(pulse 1s);}
    }
  }
  &#gtcp>article>div{
    max-width:1160px;
    >p{max-width:910px; margin-left:auto; margin-right:auto; text-align: center;}
    >#gtbox>.xy-col-1-5{
      .col-width(1/2, 92%);
      margin:2%;
      &:focus, &:hover{.animation(pulse 1s);}
    }
  }
}
.linkbox{
  padding:2% 0 3%;
  >.title{width:100%;}
  >#link, >#link1{
    max-width:1070px;
    >.xy-col-1-5{
      .col-width(1/3, 94%);
      margin:1%;
      >img{.opacity(100);}
      &:focus, &:hover{
        >img{.opacity(70);}
      }
    }
  }
  >#link1>.xy-col-1-5{
    >img{.opacity(70);}
    &:focus, &:hover{
      >img{.opacity(100);}
    }
  }
  &.box1{
    width:92%;
    max-width:1056px;
    padding-left:2%;
    padding-right:2%;
    padding-top:0;
    margin-top:20px;
    margin-bottom:3%;
    border:1px #e4e4e4 solid;
    border-radius: 10px;
    >.title{width:180px; margin-top:-20px; margin-bottom:2%; display:block; color:#c62721; .font(1.571em, 40px); font-weight: bold; .bg(white);}
    >#link2>.xy-col-1-6{
      .col-width(1/3, 94%);
      margin:1%;
      .a(@detail, @hover, none);
    }
  }
}
#nmbox{
  position:relative;
  #nm{position:absolute; left:2%; top:57%;}
  >p{max-width:510px; color:#727272; font-weight: lighter;}
}
#gtinfo{
  position:relative;
  .bg('@{base-url}cn/gt-bg-wap.jpg');
  background-size:cover;
  >article>div{
    width:96%;
    padding: 10% 0;
    max-width: 970px;
    >p{text-shadow: 1px 1px 1px white; .opacity(0);}
    &.xySationShow>p{.animation(fadeInLeft 0.3s); .animation-fill-mode();}
  }
}
#htjt>article>div{
  padding:2% 0 3%;
  >.title{width:100%;}
  >#htcontact{
    width:96%;
    max-width:1150px;
    >.xy-col-1-2{
      margin:1% 0;
      .bg(white);
      border:1px #d5d5d5 solid;
      td{
        padding:15px 0 15px 30px;
        >b{color:#c62721;}
        >font{color:#9b9d9f;}
      }
      &:focus, &:hover{.bg(#e2e2e2);}
    }
  }
}
#ckht-icons{
  width:96%;
  >.xy-col-1-5{
    .col-width(1/2, 92%);
    margin:2%;
    .font(1.286em, 20px);
    >b{
      display: block;
      color:#c62721;
      .font(1.778em, 40px);
      >small{margin-left:5px; .font(0.625em, 40px);}
    }
    .animation(xyDown 0.5s);
    &:focus, &:hover{
      .animation(xyUp 0.5s);
      .animation-fill-mode();
    }
  }
}
#ptbox{
  margin-bottom:10px;
  >#ptzzbox{
    position:relative;
    max-width: 767px;
    margin:18px auto;
    display: inline-block;
    .pticon{
      position:absolute;
      &#pt1{bottom:7.5%; left:1.3%;}
      &#pt2{left:15.1%; top:6%;}
      &#pt3{bottom:7.5%; left:29.6%;}
      &#pt4{left:43.7%; top:5.5%;}
      &#pt5{bottom:7.2%; left:58.3%;}
      &#pt6{left:72.2%; top:6%;}
      &#pt7{bottom:7.5%; left:86.5%;}
      &:focus, &:hover{.animation(rubberBand 0.5s); .animation-fill-mode();}
    }
    >.ptfont{
      position:absolute;
      width:90px;
      .font(12px, 18px);
      text-align: center;
      &#ptfont1{left:0; top:22px;}
      &#ptfont2{right:0; top:75px;}
      &#ptfont3{left:0; top:115px;}
      &#ptfont4{right:0; top:193px;}
      &#ptfont5{left:0; top:250px;}
      &#ptfont6{right:0; top:300px;}
      &#ptfont7{left:0; top:330px;}
    }
  }
}
#fwgn>article{
  position:relative;
  .bg(#dee4e7);
  #bg{position:absolute; bottom:0; left:50%; margin-left:-50%;}
  >div{
    position:relative;
    padding-bottom:20%;
    >.title{width:100%; padding-top:2%;}
    >.xy-col-1-6{
      .col-width(1/3);
      .opacity(0);
      &.xySationShow{.animation(fadeInDown 0.5s); .animation-fill-mode();}
    }
    >.fw-po{display:none;}
    >.fw-icon{
      margin-bottom: 2%;
      .a(@detail, @hover, none);
      .font(1.143em);
      font-weight: lighter;
      >img{
        width:50px;
        padding:5px;
        display:block;
        .bg(#bebebe);
        border-radius: 50%;
        transition:0.5s;
        -ms-transition:0.5s;
        -moz-transition:0.5s;
        -webkit-transition:0.5s;
        -o-transition:0.5s;
      }
      &:focus, &:hover, &.active{
        >img{
          .bg(#c62721);
          transition:0.5s;
          -ms-transition:0.5s;
          -moz-transition:0.5s;
          -webkit-transition:0.5s;
          -o-transition:0.5s;
        }
      }
    }
  }
}
.cyfw-box-wap{
  width:98%;
  max-width: 1174px;
  td{
    position: relative;
    width:50%;
    overflow: hidden;
    .font(0);
    font{position:absolute; bottom:5px; right:15px; z-index: 1; color:white; .font(16px);}
  }
}
.cyfw-box{
  width:98%;
  max-width: 1174px;
  td{
    position: relative;
    width:50%;
    overflow: hidden;
    .font(0);
    >font{position:absolute; bottom:5px; right:15px; z-index: 1; color:white; .font(16px);}
    >a{
      position:absolute;
      left:0;
      top:0;
      z-index: 1;
      height:100%;
      width:100%;
      display: block;
      .a(white, white, none);
      .opacity(0);
      .animation(fadeOut 0.5s);
      .bg(rgba(0, 0, 0, 0.5));
      >p{
        height:84px;
        padding:10px 20px 0;
        overflow: hidden;
        display:none;
        color:white;
        .font(14px);
        &.big{height:auto; padding-top:50px;}
      }
    }
    &:focus, &:hover{
      img{.animation(pulse 1s);}
      >a{
        .animation(fadeOpacity 0.5s);
        .animation-fill-mode();
        >p{display:block;}
      }
    }
  }
}
#jxwl{margin-bottom:0;}
#jxwlbox>.list-group-item{
  margin:10px auto;
  border-radius: 4px;
  >.xy-col-1-3{
    .col-width(1);
    >img{width:35%; float:left;}
    >dl{
      width:60%;
      margin: 0;
      float:right;
      >dt{color:#c62721; .font(1.143em);}
      >dd{color:#3c3c3c;}
    }
  }
  >.xy-col-2-3{
    padding-top:10px;
    display: block !important;
    img{
      max-width: 100%;
      height: auto;
      display: block;
      margin-right: auto;
      margin-left: auto;
      border-radius:10px;
    }
  }
  >.clear{.font(0, 0);}
}
#choose{
  border:1px #dcdcdc solid;
  th{width:80px; text-align: center; .bg(#f7f7f7);}
  td{
    padding:5px;
    >.btn{
      margin-left:5px;
      &:focus, &:hover{.a(@detail, @hover, none);}
      &.active{.a(white, white, none); .bg(#c62721);}
      &.ajaxareaid{width:50px; padding-right:0; text-align: left;}
    }
  }
  tr+tr{
    th, td{border-top:1px #dcdcdc solid;}
  }
}
#qcinfo-wap{
  >h4{width:96%; margin:20px auto 10px; color:#c62721;}
  >p{width:96%; margin:0 auto 20px; color:#303030;}
}
#gxhfw{margin-bottom:10px;}
#gxhbox{
  position:relative;
  >div{
    position:absolute;
    width:213px;
    margin-top:-21.5px;
    color:#222222;
    line-height: 23px;
    font-weight: lighter;
    background-size:contain;
    .opacity(0);
    >font{height:23px; width:23px; margin-right:10px; float:left; color:white; .font(1.333em, 23px); font-weight: bold; text-align: center; border-radius: 50%;}
    &#gxh1{
      left:52%;
      top:12%;
      >font{.bg(#cc0300);}
    }
    &#gxh2{
      left:56%;
      top:31%;
      line-height: 16px;
      >font{margin-top:4px; .bg(#dc3c56);}
    }
    &#gxh3{
      left:58%;
      top:57%;
      >font{.bg(#e64845);}
    }
    &#gxh4{
      left:56%;
      bottom:20%;
      >font{.bg(#f35e40);}
    }
    &#gxh5{
      left:51%;
      bottom:0%;
      >font{.bg(#ff7743);}
    }
    &.xySationShow{
      .animation(fadeInRight 0.3s);
      .animation-fill-mode();
      &#gxh2{.animation-delay(0.1s);}
      &#gxh3{.animation-delay(0.2s);}
      &#gxh4{.animation-delay(0.3s);}
      &#gxh5{.animation-delay(0.4s);}
    }
  }
}
@media (min-width: 768px) {
  #webmap>li.xy-col-1-6{.col-width(1/6);}
  html{font-size: 13px;}
  page{
    display:block;
    >header{position:absolute; z-index: 1; border-top-width:5px; .bg(white);}
  }
  header{border-top-width:5px;}
  footer{
    >article>div{
      width:90%;
      max-width: 1128px;
      margin:0 auto;
      &.top{
        padding:0 15px;
        >div{
          >ul{
            padding:0;
            margin:0;
            list-style: none;
            >li{
              width:auto;
              float:left;
              >a{.a(white, @hover, none); font-weight: bold;}
              >ul{
                padding:0;
                margin:0;
                list-style: none;
                >li{
                  text-align: left;
                  line-height: 20px;
                  >a{.a(white, @hover, none); .font(12px, 1.5);}
                }
              }
              &+li{margin-left:20px;}
            }
          }
          >form{
            height:32px;
            width:170px;
            padding:0 15px;
            .bg(white);
            border-radius: 16px;
            >input{height:22px; width:125px; padding:5px; float:left; color:@detail; line-height: 22px; border-width:0;}
            >button{
              height:32px;
              width:32px;
              padding:0;
              float:right;
              color:#7c7c7c;
              text-align: center;
              line-height: 32px;
              .bg(white);
              border-width:0;
              >i{font-size:18px; line-height: 32px;}
            }
          }
          >div{
            position: relative;
            >picture>img{
              margin-left:15px;
              cursor: pointer;
              .bg(#8f8f8f);
              border-radius: 16px;
              transition:0.5s;
              -ms-transition:0.5s;
              -moz-transition:0.5s;
              -webkit-transition:0.5s;
              -o-transition:0.5s;
              &:focus, &:hover{
                .bg(@hover);
                transition:0.5s;
                -ms-transition:0.5s;
                -moz-transition:0.5s;
                -webkit-transition:0.5s;
                -o-transition:0.5s;
              }
            }
            .popover-content{padding:5px;}
          }
        }
      }
      &.bottom{
        padding:0 15px;
        overflow: hidden;
        border-top:1px #bdbdbd solid;
        >div{
          color:white;
          >a{.a(white, @hover, none);}
          >ul{
            padding:0;
            margin:0;
            list-style: none;
            >li{
              width:auto;
              padding-right:10px;
              float:left;
              >a{.a(white, @hover, none);}
              &+li{padding-left:12px; .bg('@{base-url}cn/line.jpg', left center);}
            }
          }
        }
      }
    }
  }
  nav.navbar-default{
    width:100%;
    max-width: 1184px;
    height: 70px;
    border-radius: 0;
    >.navbar-header{
      position:relative;
      z-index: 11;
      >.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:156px;
        padding:0 6px;
        overflow: hidden;
        border:1px #e9e9e9 solid;
        border-radius: 10px;
        >input{height:22px; width: 115px; padding:2px 5px; float:left; line-height: 22px; border-width:0;}
        >button{height:26px; width:26px; padding:0; float:right; line-height: 26px; text-align: center; border-color:#e9e9e9; border-width:0 0 0 1px; .bg(transparent);}
      }
      >#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(#b8b8b8);}
          &:focus, &:hover{
            .a(white, white, none);
            .bg(@hover);
            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:20px;
        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:100px;
            display: block;
            .bg(rgba(255, 255, 255, 0.9));
            border-radius: 0;
            visibility: hidden;
            .opacity(0);
            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 20px;
                .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:100%;
                top:-1px;
                z-index: 1000;
                min-width: 120px;
                padding: 5px 0;
                margin-left:-1px;
                float: left;
                display: none;
                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);
                >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{display:block;}
            }
          }
          &.open{
            >a{.bg(transparent);}
            >.dropdown-menu{
              visibility: visible;
              .opacity(100);
              transition:0.5s;
              -ms-transition:0.5s;
              -moz-transition:0.5s;
              -webkit-transition:0.5s;
              -o-transition:0.5s;
            }
          }
          &.active>a{
            .a(@hover, @hover, none);
            .bg(transparent);
            border-bottom-color:@hover;
            >i{color:@hover;}
          }
          &+li{margin-left:5px;}
        }
      }
    }
  }
  #inner>#banner>article img{
    position:absolute;
    left:50%;
    top:0;
    width:1920px;
    max-width: none;
    margin-left:-960px;
    &.banner{z-index:1;}
  }
  #banner>article{
    &.h483{height:483px;}
    &.h485{height:485px;}
    &.h570{height:570px;}
    &.h625{height:625px;}
    div.banner{
      width:1920px;
      max-width:none;
      margin-left:-960px;
      >div{
        &#jtgk1{left:26%; .font(36px);}
        &#jtgk2{
          left:26%;
          top:33%;
          .font(20px);
          >font{.font(29px);}
        }
        &#lxfs1{right:32%; .font(38px);}
        &#zxjy1{left:24%; .font(40px);}
        &#xwzy1{left:24%; .font(40px);}
        &#qczx1{left:24%; .font(38px);}
        &#fzlc1{left:56%; top:40%; .font(36px);}
        &#fzlc2{left:56%; top:29%; .font(16px);}
        &#honor1{left:42%; top:26%; .font(36px);}
        &#honor2{left:42%; top:40%; .font(18px);}
        &#honor3{left:40.5%; top:25.5%; height:200px; width:690px;}
        &#jtjg1{left:56%; top:37%; .font(36px);}
        &#jtjg2{left:56%; top:50%; width:350px; .font(16px);}
        &#rdzp1{left:51%; top:36%; .font(38px);}
        &#rdzp2{left:51%; top:50%; width:440px; .font(18px);}
        &#djgz1{left:60.5%; top:33%; width:auto; .font(38px);}
        &#djgz2{left:60.5%; top:47%; width:440px; .font(18px);}
        &#hgzs1{left:60.5%; top:33%; width:auto; .font(38px);}
        &#hgzs2{left:60.5%; top:47%; width:auto; .font(18px);}
        &#gsdt1{left:64%; top:44%; width:auto; .font(38px);}
        &#gsdt2{left:64%; top:58%; width:auto; .font(18px);}
        &#shzr1{left:60%; top:40%; width:auto; .font(38px);}
        &#shzr2{left:60%; top:54%; width:auto; .font(18px);}
        &#nhmy1{top:48%; width:1920px; margin-left:-960px; .font(23px); text-align: center;}
        &#ckht1{left:24%; top:61%; width:auto; margin-left:auto; letter-spacing: 0; .font(21px);}
        &#ckht2{left:24%; top:66%; width:auto; margin-left:auto; letter-spacing: 14.5px; .font(32px);}
        &#ghgz1{left:63%; top:43%; width:auto; .font(40px);}
      }
    }
  }
  .title{.font(2.143em);}
  .carousel{
    >.carousel-control>img{top:55%;}
    >.carousel-inner>.item{
      height:895px;
      >picture{
        position:absolute;
        left:0%;
        top:0%;
        height:100%;
        width:100%;
        >img{position:absolute; left:50%; top:50%; height:895px; width:1920px; margin:-447px 0 0 -960px;}
      }
      >div, >div>picture{
        >img{position:absolute; left:50%; top:50%; height:895px; width:1920px; .opacity(0); margin:-447px 0 0 -960px;}
      }
    }
  }
  .triptych{
    width:96%;
    max-width:1400px;
    padding:0 0 516px;
    .copy{
      >.title{
        .a(@hover, @hover, none);
        .font(20px);
        font-weight: lighter;
        >hr{width:auto; border-top:3px #e4e4e4 solid;}
      }
      >p{
        width:80%;
        padding-top:1%;
        margin: 0;
        .font(12px);
        >a{
          .a(@detail, @detail, none);
          &.more{.a(@detail, @hover, none);}
        }
        &+p.indent{display:none;}
        &.indent{padding-top:5%;}
      }
      >.land-pc{
        position:relative;
        margin:0 -5% 0 -18%;
        >picture+picture{position:absolute; left:0; top:0; width: 100%; height:100%; .opacity(0);}
        >#cover{position:absolute; right:0; top:0; width: 90%; height:100%;}
        >font{
          position:absolute;
          .font(12px, 1.3);
          .opacity(0);
          &#c1{top:1%; right:24.5%; text-align:right;}
          &#c2{top:51.5%; left:76.5%;}
          &#c3{top:22%; right:41.3%;}
          &#c4{top:81.5%; left:58%;}
          &#c5{top:45%; right:70%;}
        }
      }
      >picture{
        margin:0 -5%;
      }
    }
    &.air .section.air .copy{
      >.title{.animation(fadeInDown 1s);}
      >p{.animation(fadeInRightBig 1s);}
    }
    &.sea .section.sea .copy{
      >.title{.animation(fadeInDown 1s);}
      >picture{.animation(fadeInRightBig 1s);}
    }
    &.land .section.land .copy{
      >.title{.animation(fadeInDown 1s);}
      >.land-pc{
        >picture{
          &#road{.opacity(100); .animation(fadeOpacity 1.5s);}
          &#y1985{.animation(fadeOpacity 1.5s); .animation-delay(1s); .animation-fill-mode();}
          &#y1992{.animation(fadeOpacity 1.5s); .animation-delay(1.5s); .animation-fill-mode();}
          &#y1998{.animation(fadeOpacity 1.5s); .animation-delay(2s); .animation-fill-mode();}
          &#y1999{.animation(fadeOpacity 1.5s); .animation-delay(2.5s); .animation-fill-mode();}
          &#y2010{.animation(fadeOpacity 1.5s); .animation-delay(3s); .animation-fill-mode();}
        }
        >#cover{.bg(white); .opacity(0); .animation(fzlc_cover 1.5s);}
        >font{
          &#c1{.animation(fadeOpacity 1.5s); .animation-delay(1s); .animation-fill-mode();}
          &#c2{.animation(fadeOpacity 1.5s); .animation-delay(1.5s); .animation-fill-mode();}
          &#c3{.animation(fadeOpacity 1.5s); .animation-delay(2s); .animation-fill-mode();}
          &#c4{.animation(fadeOpacity 1.5s); .animation-delay(2.5s); .animation-fill-mode();}
          &#c5{.animation(fadeOpacity 1.5s); .animation-delay(3s); .animation-fill-mode();}
        }
      }
    }
  }
  #about-icons{
    width:96%;
    padding:20px 0 0;
    >.xy-col-1-4{
      .col-width(1/4, 92%);
      padding:0.5% 0;
      margin:0 1%;
      table td{padding:0;}
    }
  }
  #yw-box{
    width:96%;
    max-width: 1403px;
    margin:0 auto;
    td{
      position:relative;
      overflow:hidden;
      >picture{display:block;}
      >a{
        position:absolute;
        bottom:8%;
        right:4%;
        z-index: 2;
        .a(white, white, none);
        .font(1.857em);
        font-weight: lighter;
        >hr{width:75px; margin:0 auto; border-top:3px white solid;}
        &.first{bottom:auto; left:4%; right:auto; top:2%;}
      }
      >div{
        position:absolute;
        left:0;
        top:0;
        z-index: 1;
        height:100%;
        width:100%;
        display: block;
        .opacity(0);
        .animation(fadeOut 0.5s);
        .bg(rgba(0, 0, 0, 0.5));
        >a{height:100%; display:block;}
      }
      &:focus, &:hover{
        >picture>img{.animation(pulse 1s);}
        >div{.opacity(100); .animation(fadeOpacity 0.5s);}
      }
    }
  }
  #marquee{
    position:relative;
    width:96%;
    max-height:360px;
    max-width:1403px;
    margin:1% auto 0;
    >#meqlLeft{max-height:360px; overflow: hidden;}
    >picture>img{position:absolute; left:50%; top:0; z-index: 10; margin-left:-701.5px;}
    >#meqlLeft+picture>img{bottom:0; top:auto;}
  }
  .backToTop{position:fixed; bottom:1%; right:1%; z-index: 10; height:50px; width:50px; cursor: pointer; .bg('@{base-url}cn/backtop.png');}
  #arrow-dots{
    position:fixed;
    top:50%;
    right:1%;
    padding:0;
    margin:-41px 0 0;
    list-style: none;
    >li{
      height:8px;
      width:8px;
      margin:10px 0;
      cursor:pointer;
      .bg(#cccccc);
      border-radius: 4px;
      transition:0.5s;
      -ms-transition:0.5s;
      -moz-transition:0.5s;
      -webkit-transition:0.5s;
      -o-transition:0.5s;
      &.active{.bg(@hover);}
      &:focus, &:hover{
        .bg(@hover);
        transition:0.5s;
        -ms-transition:0.5s;
        -moz-transition:0.5s;
        -webkit-transition:0.5s;
        -o-transition:0.5s;
      }
    }
  }
  #list1{
    margin:20px auto;
    >.list-group-item{
      padding: 25px 15px;
      td{
        >div{
          padding-left:15px;
          >.ellipsis{width:100%; display: block; line-height: 2; white-space:normal;}
          &.date{
            width:73px;
            padding-bottom:10px;
            padding-top:5px;
            >b{line-height: 47px;}
          }
        }
      }
    }
  }
  #list2{
    margin:20px auto;
    >.list-group-item{
      padding: 25px 20px;
      td{
        >small{.font;}
        &.xy-hide-xs{
          height: 90px;
          width:142px;
          padding-right:20px;
          >a{
            width:142px;
            display: block;
            text-align: center;
            .font(0, 0);
            >img{max-height: 90px; max-width: 142px;}
          }
        }
      }
    }
  }
  #detail{
    >h3{
      .font(1.714em);
      font-weight: bold;
    }
    >div{
      &#newsdetail{
        padding:20px;
        &, &#newsdetail *{.font(1.071em);}
        video{margin:0 auto; height:600px;}
      }
      &#share{
        border-top:1px #e7e7e7 solid;
        >label{margin:0;}
      }
    }
  }
  #csstransforms{
    height: 45em;
    width: 45em;
    >div{
      height:14em;
      width:17em;
      padding-top:3em;
      margin-left: -8.5em;
      margin-top: -8.5em;
      >font{.font(1.571em, 1.5);}
      >img{max-width: 35%;}
    }
    >ul>li{
      height: 15em;
      width: 15em;
      margin-left: -15em;
      margin-top: -15em;
      >font{.font(1.429em, 1.3); letter-spacing: 0.3em;}
      &:first-child {
        >font{
          bottom:55px;
          left:155px;
        }
        >img{
          bottom:22px;
          left:186px;
          transform: skew(-50deg) rotate(10deg) scale(1);
          -ms-transform: skew(-50deg) rotate(10deg) scale(1);
          -moz-transform: skew(-50deg) rotate(10deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(10deg) scale(1);
          -o-transform: skew(-50deg) rotate(10deg) scale(1);
        }
      }
      &:nth-child(2) {
        >font{
          bottom:55px;
          left:155px;
        }
        >img{
          bottom:20px;
          left:204px;
          transform: skew(-50deg) rotate(-30deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-30deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-30deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-30deg) scale(1);
          -o-transform: skew(-50deg) rotate(-30deg) scale(1);
        }
      }
      &:nth-child(3) {
        >font{
          bottom:50px;
          left:140px;
        }
        >img{
          bottom:23px;
          left:189px;
          transform: skew(-50deg) rotate(-70deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-70deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-70deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-70deg) scale(1);
          -o-transform: skew(-50deg) rotate(-70deg) scale(1);
        }
      }
      &:nth-child(4) {
        >font{
          bottom:47px;
          left:140px;
        }
        >img{
          bottom:30px;
          left:190px;
          transform: skew(-50deg) rotate(-110deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-110deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-110deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-110deg) scale(1);
          -o-transform: skew(-50deg) rotate(-110deg) scale(1);
        }
      }
      &:nth-child(5) {
        >font{
          bottom:45px;
          left:130px;
        }
        >img{
          bottom:22px;
          left:175px;
          transform: skew(-50deg) rotate(-150deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-150deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-150deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-150deg) scale(1);
          -o-transform: skew(-50deg) rotate(-150deg) scale(1);
        }
      }
      &:nth-child(6) {
        >font{
          bottom:30px;
          left:120px;
        }
        >img{
          bottom:22px;
          left:190px;
          transform: skew(-50deg) rotate(-190deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-190deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-190deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-190deg) scale(1);
          -o-transform: skew(-50deg) rotate(-190deg) scale(1);
        }
      }
      &:nth-child(7) {
        >font{
          bottom:40px;
          left:140px;
        }
        >img{
          bottom:20px;
          left:195px;
          transform: skew(-50deg) rotate(-230deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-230deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-230deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-230deg) scale(1);
          -o-transform: skew(-50deg) rotate(-230deg) scale(1);
        }
      }
      &:nth-child(8) {
        >font{
          bottom:43px;
          left:115px;
          text-align: center;
        }
        >img{
          bottom:28px;
          left:202px;
          transform: skew(-50deg) rotate(-270deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-270deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-270deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-270deg) scale(1);
          -o-transform: skew(-50deg) rotate(-270deg) scale(1);
        }
      }
      &:nth-child(9) {
        >font{
          bottom:55px;
          left:155px;
        }
        >img{
          bottom:35px;
          left:195px;
          transform: skew(-50deg) rotate(-310deg) scale(1);
          -ms-transform: skew(-50deg) rotate(-310deg) scale(1);
          -moz-transform: skew(-50deg) rotate(-310deg) scale(1);
          -webkit-transform: skew(-50deg) rotate(-310deg) scale(1);
          -o-transform: skew(-50deg) rotate(-310deg) scale(1);
        }
      }
    }
  }
  #job{
    >#info{
      padding:10px 0 10px 100px;
      >div{height:2em; display: inline-block;}
    }
    >table{
      margin-bottom:0.5%;
      th{
        padding:5px 5px 5px 100px;
        .font(1.143em);
        &+th{padding-left:5px;}
        &:last-child{padding-right:50px;}
      }
      td{
        padding:5px 5px 5px 100px;
        .font(1.143em);
        &+td{padding-left:5px;}
        &:last-child{padding-right:50px;}
      }
    }
    >#resume .tdwidth{width:100px;}
  }
  #map{height:500px;}
  #contact{
    >dl{
      &.xy-col-59{.col-width(0.55); float:left;}
      &.xy-col-41{.col-width(0.45); margin-top:2%; float:left;}
    }
  }
  #feedbackpc{
    width:96%;
    max-width:1080px;
    padding:3% 0 1%;
    margin:5% auto;
    .bg('@{base-url}cn/feedback.jpg', center top);
    background-size: contain;
    >div{width:80%; max-width:760px; margin:0 auto 10px; font-weight:bold;}
    >table{
      width:80%;
      max-width:760px;
      margin:0 auto;
      td{
        padding:7px 0;
        color:#3f3f3f;
        .font;
        font{color:#c30;}
        >input{width:77%; height:24px; line-height: 24px; padding:5px 5px; border:1px #dbdbdb solid; border-radius:10px;}
        >textarea{width:90%; height:120px; line-height: 24px; padding:5px 5px; border:1px #dbdbdb solid; border-radius:10px;}
        >button{padding:6px 45px; margin-right: 15px;}
      }
    }
  }
  #about-yw{
    padding-top: 5%;
    .bg('@{base-url}cn/yw-bg.jpg', center top);
    .aboutFont{margin:2% auto 0; .font(1.143em); text-align: center;}
  }
  #about-car{
    .bg('@{base-url}cn/car-bg.jpg', center top);
    div{
      &.aboutFont{
        margin-top:5%;
        .font(1.143em, 2.25);
        text-align: center;
        >font{.font(2.25em, 1);}
      }
      &.car-logo{
        width:60%;
        margin-top:0;
        .opacity(0);
        &.xySationShow{.animation(fadeInUp 0.5s); .animation-fill-mode();}
      }
    }
  }
  #about-info>article>div{
    &.aboutFont{.font(1.143em); text-align: center;}
    >.xy-col-1-2{
      .col-width(1/2);
      &.xy-hide-xs img{
        &:focus, &:hover{.animation(pulse 1s);}
      }
    }
    >#about-icons{
      float:left;
      >.xy-col-1-4{.col-width(1/2, 92%); padding:1.5% 0; margin:3% 2%;}
    }
  }
  #about-my>article>div{
    width:96%;
    margin-bottom: 0;
    >div{
      &.xy-col-1-2{.col-width(1/2);}
      >.aboutFont{
        width:92%;
        max-width: 540px;
        .font(1.143em, 2.25);
        .bg(none);
        .opacity(0);
        >font{.font(2.25em, 1);}
        &.xySationShow{
          &.toleft{.animation(fadeInLeft 0.5s); .animation-delay(0.3s); .animation-fill-mode();}
          &.toright{.animation(fadeInRight 0.5s); .animation-fill-mode();}
        }
      }
    }
  }
  #honorList{
    width:96%;
    max-width:1000px;
    margin-bottom: 3%;
    margin-top: 3%;
    >table{
      padding:0 5%;
      margin-bottom: 2%;
      table-layout:fixed;
      .bg('@{base-url}cn/honor-bg.png', center bottom);
      background-size:contain;
      td{
        position:relative;
        padding-bottom:6.5%;
        img{max-width:88%;}
        div{position:absolute; bottom:0; left:5%; width:90%; margin:0 auto;}
      }
    }
  }
  .box-border-bottom>article>div{margin-bottom: 90px; margin-top:30px;}
  .gmhz-box{
    >article>div>p{padding:1.5% 0; .font(1.286em, 1.5);}
    &#ypmy{
      .bg('@{base-url}cn/ypmy-bg1.png', center 80%);
      background-size:contain;
      >article>div{
        >p{text-align: center;}
        >#ypbox{
          position:relative;
          >div{
            position:absolute;
            top:24px;
            height:40px;
            width:157px;
            padding:97px 0 20px;
            margin-left:-78.5px;
            color:white;
            .font(1.429em, 40px);
            font-weight: bold;
            text-shadow: 1px 1px 1px black;
            text-align: center;
            .opacity(0);
            &#yp1{left:10%; .bg('@{base-url}cn/ypmy1.png');}
            &#yp2{left:30%; .bg('@{base-url}cn/ypmy2.png');}
            &#yp3{left:50%; .bg('@{base-url}cn/ypmy3.png');}
            &#yp4{left:70%; .bg('@{base-url}cn/ypmy4.png');}
            &#yp5{left:90%; .bg('@{base-url}cn/ypmy5.png');}
            &.xySationShow{
              .animation(xyBounceInDown 0.5s);
              .animation-fill-mode();
              &#yp2{.animation-delay(0.1s);}
              &#yp3{.animation-delay(0.2s);}
              &#yp4{.animation-delay(0.3s);}
              &#yp5{.animation-delay(0.4s);}
            }
          }
        }
      }
    }
    &#nhmy>article>div{
      >p{text-align: center;}
      >#nhbox{
        position:relative;
        padding:20px;
        >div{
          position:absolute;
          padding-top:20px;
          color:white;
          .font(1.286em, 20px);
          font-weight: bold;
          text-align: center;
          text-shadow: 1px 1px 1px black;
          background-size:contain;
          @product:0.7;
          &#nh1{left:0; bottom:25px; height: 132px * @product; width: 119px * @product; .bg('@{base-url}cn/nhmy1.png');}
          &#nh2{left:6%; top:15px; height: 106px * @product; width: 98px * @product; .bg('@{base-url}cn/nhmy2.png');}
          &#nh3{left:18%; top:65px; height: 154px * @product; width: 137px * @product; .bg('@{base-url}cn/nhmy3.png');}
          &#nh4{left:32%; bottom:25px; height: 116px * @product; width: 107px * @product; .bg('@{base-url}cn/nhmy4.png');}
          &#nh5{left:37%; top:0; height: 116px * @product; width: 107px * @product; .bg('@{base-url}cn/nhmy5.png');}
          &#nh6{left:48%; top:105px; height: 96px * @product; width: 92px * @product; .bg('@{base-url}cn/nhmy6.png');}
          &#nh7{left:60%; top:43px; height: 154px * @product; width: 137px * @product; .bg('@{base-url}cn/nhmy7.png');}
          &#nh8{left:75%; top:35px; height: 94px * @product; width: 91px * @product; .bg('@{base-url}cn/nhmy8.png');}
          &#nh9{left:78%; bottom:0; height: 154px * @product; width: 137px * @product; .bg('@{base-url}cn/nhmy9.png');}
          &#nh10{left:91%; top:90px; height: 96px * @product; width: 92px * @product; .bg('@{base-url}cn/nhmy10.png');}
          &.xySationShow{
            .animation(xyFlash 0.3s);
            .animation-fill-mode();
            &#nh2{.animation-delay(0.1s);}
            &#nh3{.animation-delay(0.2s);}
            &#nh4{.animation-delay(0.3s);}
            &#nh5{.animation-delay(0.4s);}
            &#nh6{.animation-delay(0.5s);}
            &#nh7{.animation-delay(0.6s);}
            &#nh8{.animation-delay(0.7s);}
            &#nh9{.animation-delay(0.8s);}
            &#nh10{.animation-delay(0.9s);}
          }
        }
      }
    }
    &#hsmy>article>div>p{position:absolute; right:5%; top:25%; width:30%; padding:1.5% 2%; .font(1em, 1.5); .bg(#eeeeee); border-radius: 10px;}
    &#ysmy>article>div{
      >p{text-align: center;}
      >#ysbox>.xy-col-1-5{
        .col-width(1/5, 90%);
        padding:0.3%;
        margin:0.7%;
        -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .4);
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .4);
      }
    }
    &#gtcp>article>div{
      >p{text-align: center;}
      >#gtbox>.xy-col-1-5{
        .col-width(1/5, 90%);
        margin:1%;
      }
    }
  }
  .linkbox{
    >#link, >#link1{
      >.xy-col-1-5{.col-width(1/5, 95%); margin:0.5%;}
    }
    &.box1{
      >.title{width:220px;}
      >#link2>.xy-col-1-6{.col-width(1/6, 88%);}
    }
  }
  #gtinfo{
    .bg('@{base-url}cn/gt-bg.jpg');
    background-size:cover;
    >article>div{
      padding:7% 0;
      >p{width:50%; text-shadow:none;}
    }
  }
  #htjt>article>div>#htcontact>.xy-col-1-2{.col-width(1/2, 92%); margin:1% 1.9%;}
  #gxhbox{
    img{max-width:65%;}
    >div{
      padding-left:53px;
      line-height: 43px;
      >font{height:43px; width:43px; .font(2em, 43px);}
      &#gxh1{left:58.9%; top:12%; .bg('@{base-url}cn/gxh-1.png', left center);}
      &#gxh2{
        left:63%;
        top:31%;
        line-height: 43px;
        .bg('@{base-url}cn/gxh-2.png', left center);
        >font{margin-top:0;}
      }
      &#gxh3{left:64.4%; top:50%; .bg('@{base-url}cn/gxh-3.png', left center);}
      &#gxh4{left:62.6%; bottom:auto; top:69%; .bg('@{base-url}cn/gxh-4.png', left center);}
      &#gxh5{left:57.7%; bottom:auto; top:88%; .bg('@{base-url}cn/gxh-5.png', left center);}
    }
  }
  #bzhbox{
    position:relative;
    #line{position:absolute; left:0; top:0;}
    >div{
      position:absolute;
      .opacity(0);
      >font{
        height:52px;
        width:52px;
        padding:10px;
        float: left;
        color:white;
        .font(1.625em, 52px);
        font-weight: bold;
        text-align: center;
        border-radius: 50%;
      }
      >p{max-width:290px; margin-bottom:0; line-height: 20px; font-weight: lighter;}
      &#bzh1{
        right:70.5%;
        top:26%;
        >font{margin-left:10px; float:right; .bg(#c62721);}
        >p{padding:6px 0;}
      }
      &#bzh2{
        right:65%;
        top:65%;
        >font{margin-left:10px; float:right; .bg(#dc3c56);}
        >p{padding:16px 0;}
      }
      &#bzh3{
        left:50%;
        top:88%;
        width:280px;
        margin-left:-140px;
        >font{margin:0 auto 10px; float:none; display:block; line-height:26px; .bg(#e64845);}
      }
      &#bzh4{
        left:65%;
        top:65%;
        >font{margin-right:10px; .bg(#f35e40);}
        >p{padding:16px 0;}
      }
      &#bzh5{
        left:70%;
        top:26%;
        >font{margin-right:10px; .bg(#ff7743);}
        >p{padding:16px 0;}
      }
      &#bzhtitle{left:50%; top:41%; width:130px; margin:-22px 0 0 -65px; color:#c62721; .font(2.286em, 44px); font-weight: bold; text-align: center; .opacity(100);}
      &.bzhbtn{
        padding:3px 10px;
        .opacity(100);
        color:#222222;
        font-weight: lighter;
        .bg(#ececec);
        border-radius: 5px;
        &#bzhbtn1{left:39%; top:22%;}
        &#bzhbtn2{left:48%; top:9%;}
        &#bzhbtn3{left:55%; top:22%;}
        &#bzhbtn4{left:40%; top:52%;}
        &#bzhbtn5{left:54%; top:52%;}
      }
      &.xySationShow{
        &#bzh1{.animation(fadeInLeft 0.3s); .animation-fill-mode();}
        &#bzh2{.animation(fadeInLeft 0.3s); .animation-delay(0.1s); .animation-fill-mode();}
        &#bzh3{.animation(fadeInUp 0.3s); .animation-delay(0.2s); .animation-fill-mode();}
        &#bzh4{.animation(fadeInRight 0.3s); .animation-delay(0.3s); .animation-fill-mode();}
        &#bzh5{.animation(fadeInRight 0.3s); .animation-delay(0.4s); .animation-fill-mode();}
      }
    }
  }
  #ckht-icons{
    margin-bottom:60px;
    >.xy-col-1-5{.col-width(1/5, 90%); margin:1%; .font(1em, 20px);}
  }
  #ptbox{
    margin-bottom: 40px;
    #ptzzbox{
      margin:25px auto 50px;
      >.ptfont{
        position:absolute;
        width:200px;
        .font(1.143em, 25px);
        text-align: center;
        &#ptfont1{bottom:-25px; left:0; top:auto; text-align: left;}
        &#ptfont2{left:7.5%; right:auto; top:-25px;}
        &#ptfont3{bottom:-50px; left:21.5%; top:auto;}
        &#ptfont4{left:35.5%; right:auto; top:-25px;}
        &#ptfont5{bottom:-25px; left:50.5%; top:auto;}
        &#ptfont6{left:64.5%; right:auto; top:-25px;}
        &#ptfont7{bottom:-50px; left: auto; right:0; top:auto; text-align: right;}
      }
    }
  }
  #fwgn>article>div{
    padding-bottom: 10%;
    >.xy-col-1-6{.col-width(1/6);}
  }
  .cyfw-box{
    td{
      width:25%;
      >font{.font(18px);}
      >a>p{height:112px;}
    }
  }
  #jxwlbox>.list-group-item{
    >.xy-col-1-3{
      .col-width(0.32);
      >img{width:auto; float:none;}
      >dl{
        width:80%;
        margin:10px auto 0;
        float:none;
        text-align: center;
      }
    }
    >.xy-col-2-3{.col-width(0.66);}
  }
  #qcinfo-pc{
    td{
      >div{
        max-width:580px;
        .opacity(0);
        >h4{width:96%; max-width:460px; margin:0 auto 10px; color:#c62721;}
        >p{width:96%; max-width:460px; margin:0 auto; color:#303030; line-height: 1.8;}
      }
      &#qc1{height:470px; .bg('@{base-url}cn/qc1-pc.jpg', center center); background-size:cover;}
      &#qc2{height:470px; .bg('@{base-url}cn/qc2-pc.jpg', center center); background-size:cover;}
    }
    &.xySationShow td>div{.animation(fadeInRight 0.3s); .animation-fill-mode();}
  }
  #ckbzhfw{margin-bottom: 130px;}
  #gxhfw{margin-bottom:40px; margin-top:30px;}
}
@media (min-width: 868px) {
  footer>article>div.top>div>ul>li+li{margin-left:40px;}
  nav.navbar-default{
    height: 80px;
    >.navbar-header>.navbar-brand{height:80px;}
    >.navbar-collapse>.nav{
      bottom:10px;
      >li+li{margin-left:15px;}
    }
  }
  #about-icons>.xy-col-1-4 table td{
    .font(18px, 30px);
    &+td{padding-left:5px;}
    font{.font(30px, 30px);}
    p{.font(14px, 20px);}
  }
  .triptych .copy{
    >.title{.font(24px);}
    >p{
      .font(14px);
      &.indent{padding-top:3%;}
    }
  }
  #feedbackpc{
    padding:5% 0 4%;
    >div{margin-bottom:15px;}
    >table td{padding:10px 0;}
  }
  .gmhz-box{
    &#nhmy>article>div>#nhbox>div{
      @product:0.8;
      &#nh1{height: 132px * @product; width: 119px * @product;}
      &#nh2{height: 106px * @product; width: 98px * @product;}
      &#nh3{height: 154px * @product; width: 137px * @product;}
      &#nh4{height: 116px * @product; width: 107px * @product;}
      &#nh5{height: 116px * @product; width: 107px * @product;}
      &#nh6{height: 96px * @product; width: 92px * @product;}
      &#nh7{height: 154px * @product; width: 137px * @product;}
      &#nh8{height: 94px * @product; width: 91px * @product;}
      &#nh9{height: 154px * @product; width: 137px * @product;}
      &#nh10{height: 96px * @product; width: 92px * @product;}
    }
  }
  #qcinfo-pc td>div{
    >h4{.font(1.714em);}
    >p{.font(1.143em, 1.8);}
  }
}
@media (min-width: 992px) {
  footer>article>div.top>div{
    >ul{
      >li+li{margin-left:50px;}
    }
    >form{
      width:200px;
      >input{width:155px;}
    }
  }
  nav.navbar-default{
    height: 90px;
    >.navbar-header>.navbar-brand{height:90px;}
    >.navbar-collapse{
      >#topsearch, >#lang{top:10px;}
    }
  }
  #about-icons>.xy-col-1-4 table td{
    .font(18px, 40px);
    &+td{padding-left:10px;}
    font{.font(40px, 40px);}
  }
  .triptych .copy{
    >p{
      width:90%;
      &+p.indent{display:block;}
      &.indent{padding-top:2%;}
    }
    >.land-pc>font{
      &#c1{top:2%;}
      &#c2{left:76%;}
      &#c3{top:23.5%; right:41.6%;}
      &#c5{top:46%;}
    }
  }
  #contact{
    >dl{
      &.xy-col-59{
        .col-width(0.64);
        >dd{
          width:45%;
          float:left;
          &.odd{width:55%;}
        }
      }
      &.xy-col-41{.col-width(0.36);}
    }
  }
  #about-my>article>div>div>.aboutFont{margin-top:10%;}
  #newhr{
    >article>div{
      position:relative;
      width: 1000px;
      margin:5% auto 2%;
      >div{
        position:absolute;
        height:64px;
        width:150px;
        padding-right:31px;
        color:white;
        .font(18px, 64px);
        text-align: right;
        border-radius: 32px;
        &#hr1{
          left:295px;
          top:44px;
          height:273px;
          width:396px;
          padding-right:0;
          padding-top:110px;
          color:#4d4d4d;
          line-height: 2;
          text-align: center;
          >b{display:block; color:#c62721; .font(30px, 1.5); text-align: center;}
          .bg('@{base-url}cn/newhr-bg.png');
          border-radius: 0;
        }
        &#hr2{left:0; top:0; cursor:pointer; .bg('@{base-url}cn/newhr-1.png'); .bg(rgba(238, 169, 130, 0.8));}
        &#hr3{left:0; top:92px; cursor:pointer; .bg('@{base-url}cn/newhr-2.png'); .bg(rgba(229, 103, 88, 0.8));}
        &#hr4{left:0; top:190px; cursor:pointer; .bg('@{base-url}cn/newhr-3.png'); .bg(rgba(131, 137, 185, 0.8));}
        &#hr5{left:0; top:282px; cursor:pointer; .bg('@{base-url}cn/newhr-4.png'); .bg(rgba(148, 171, 195, 0.8));}
        &#hr6{left:0; top:378px; cursor:pointer; .bg('@{base-url}cn/newhr-5.png'); .bg(rgba(145, 145, 145, 0.8));}
        &#hr7{right:0; top:44px; width:170px; padding-right:11px; cursor:pointer; .bg('@{base-url}cn/newhr-6.png'); .bg(rgba(174, 143, 138, 0.8));}
        &#hr8{right:0; top:142px; cursor:pointer; .bg('@{base-url}cn/newhr-7.png'); .bg(rgba(147, 129, 153, 0.8));}
        &#hr9{right:0; top:234px; cursor:pointer; .bg('@{base-url}cn/newhr-8.png'); .bg(rgba(250, 210, 112, 0.8));}
        &#hr10{right:0; top:330px; cursor:pointer; .bg('@{base-url}cn/newhr-9.png'); .bg(rgba(131, 180, 185, 0.8));}
        &:focus, &:hover{
          &#hr2{.bg(rgba(238, 169, 130, 1));}
          &#hr3{.bg(rgba(229, 103, 88, 1));}
          &#hr4{.bg(rgba(131, 137, 185, 1));}
          &#hr5{.bg(rgba(148, 171, 195, 1));}
          &#hr6{.bg(rgba(145, 145, 145, 1));}
          &#hr7{.bg(rgba(174, 143, 138, 1));}
          &#hr8{.bg(rgba(147, 129, 153, 1));}
          &#hr9{.bg(rgba(250, 210, 112, 1));}
          &#hr10{.bg(rgba(131, 180, 185, 1));}
        }
      }
    }
    &.xySationShow{
      #hr2, #hr3, #hr4, #hr5, #hr6{.animation(slideInRight 0.3s); .animation-fill-mode();}
      #hr7, #hr8, #hr9, #hr10{.animation(slideInLeft 0.3s); .animation-fill-mode();}
      
    }
  }
  .gmhz-box{
    &#nhmy>article>div>#nhbox>div{
      @product:0.9;
      &#nh1{height: 132px * @product; width: 119px * @product;}
      &#nh2{height: 106px * @product; width: 98px * @product;}
      &#nh3{height: 154px * @product; width: 137px * @product;}
      &#nh4{height: 116px * @product; width: 107px * @product;}
      &#nh5{height: 116px * @product; width: 107px * @product;}
      &#nh6{height: 96px * @product; width: 92px * @product;}
      &#nh7{height: 154px * @product; width: 137px * @product;}
      &#nh8{height: 94px * @product; width: 91px * @product;}
      &#nh9{height: 154px * @product; width: 137px * @product;}
      &#nh10{height: 96px * @product; width: 92px * @product;}
    }
    &#hsmy>article>div>p{.font(1.143em, 1.5);}
  }
  #nmbox>p{position:absolute; left:0; top:90%; width:50%; .font(1.286em);}
  #gtinfo>article>div>p{width:54%; .font(1.286em);}
  #htjt>article>div>#htcontact>.xy-col-1-2{.font(1.286em);}
  #gxhbox>div{
    width:250px;
    padding-left:65px;
    margin-top:-26.5px;
    .font(1.143em, 53px);
    >font{height:53px; width:53px; margin-right:14px; line-height: 53px;}
    &#gxh2{line-height: 53px;}
  }
  #bzhbox{
    >div{
      >font{
        height:62px;
        width:62px;
        padding:10px;
        .font(1.857em, 62px);
      }
      >p{.font(1.143em, 25px);}
      &#bzh1>p{padding:3px 0;}
      &#bzh3>font{padding:15px 10px 5px;}
      &.bzhbtn{.font(1.286em);}
    }
  }
  #ckht-icons>.xy-col-1-5{.font(1.286em, 20px);}
  #fwgn>article{
    padding-top:6%;
    #bg{position:relative; bottom:auto; left:auto; margin-left:auto;}
    >div{
      position:absolute;
      left:50%;
      top:0;
      height:100%;
      width:100%;
      margin-left:-50%;
      padding-bottom:0;
      >.xy-col-1-6{display:none;}
      >.fw-po{position:absolute; display:block;}
      >.fw-icon{
        &#fw1{bottom:3%; left:18%;}
        &#fw2{bottom:24%; left:28.5%;}
        &#fw3{bottom:34%; left:40%;}
        &#fw4{bottom:34%; right:40%;}
        &#fw5{bottom:24%; right:28.5%;}
        &#fw6{bottom:3%; right:18%;}
      }
      .popover{
        max-width:300px;
        >.popover-content{
          padding:5px 10px 10px;
          >dl{
            margin-bottom:0;
            >dt{color:#c62721; .font(14px, 20px);}
            >dd{.font(12px, 18px); font-weight: lighter;}
          }
        }
      }
    }
  }
}
@media (min-width: 1044px) {
  #contact{
    >dl{
      &.xy-col-59{.col-width(0.59);}
      &.xy-col-41{.col-width(0.41);}
    }
  }
}
@media (min-width: 1064px) {}
@media (min-width: 1084px) {
  html{font-size: 14px;}
  footer>article>div.top>div{
    >ul{
      >li+li{margin-left:60px;}
    }
    >form{
      width:230px;
      >input{width:185px;}
    }
  }
  nav.navbar-default{
    height: 100px;
    >.navbar-header>.navbar-brand{height:100px;}
    >.navbar-collapse>.nav{bottom:15px;}
  }
  .gmhz-box{
    &#nhmy>article>div>#nhbox>div{
      @product:1;
      &#nh1{height: 132px * @product; width: 119px * @product;}
      &#nh2{height: 106px * @product; width: 98px * @product;}
      &#nh3{height: 154px * @product; width: 137px * @product;}
      &#nh4{height: 116px * @product; width: 107px * @product;}
      &#nh5{height: 116px * @product; width: 107px * @product;}
      &#nh6{height: 96px * @product; width: 92px * @product;}
      &#nh7{height: 154px * @product; width: 137px * @product;}
      &#nh8{height: 94px * @product; width: 91px * @product;}
      &#nh9{height: 154px * @product; width: 137px * @product;}
      &#nh10{height: 96px * @product; width: 92px * @product;}
    }
    &#hsmy>article>div>p{.font(1.286em, 1.5);}
  }
  #gxhbox>div{
    width:280px;
    padding-left:78px;
    margin-top:-26.5px;
    .font(1.143em, 63px);
    >font{height:63px; width:63px; margin-right:19px; line-height: 63px;}
    &#gxh2{line-height: 63px;}
  }
  .cyfw-box td>a>p{height:140px;}
}
@media (min-width: 1104px) {}
@media (min-width: 1124px) {}
@media (min-width: 1144px) {
  #feedbackpc{
    >div{margin-bottom:20px;}
    >table td{padding:15px 0;}
  }
}
@media (min-width: 1164px) {}
@media (min-width: 1184px) {
  footer>article>div.top>div{
    >ul{
      >li+li{margin-left:70px;}
    }
    >form{
      width:270px;
      >input{width:225px;}
    }
  }
  nav.navbar-default{
    height: 110px;
    >.navbar-header>.navbar-brand{height:110px;}
    >.navbar-collapse{
      >#topsearch, >#lang{top:15px;}
    }
  }
  .triptych .copy{
    >.title{.font(28px);}
    >p{.font(16px);}
    >.land-pc>font{font-weight: bold;}
  }
  #about-my>article>div>div>.aboutFont{margin-top:15%;}
  #fwgn>article{padding-top:2%;}
}
@media (min-width: 1224px) {
  #fwgn>article{padding-top:0;}
}
@media (min-width: 1269px) {}
@media (min-width: 1310px) {}
@media (min-width: 1324px) {
  .triptych .copy{
    >.title{.font(36px);}
    >.land-pc>font{.font(14px, 1.3);}
  }
}
@media (min-width: 1344px) {}
@media (min-width: 1364px) {
  @media (max-height: 653px) {
    #about-icons{padding:0.5% 0; margin-bottom:0; margin-top:0;}
  }
}
@media (min-width: 1366px) {
  @media (max-height: 631px) {
    #about-icons{padding:0.5% 0; margin-bottom:0; margin-top:0;}
  }
}
@media (min-width: 1378px) {
  .triptych .copy{
    >p.indent{padding-top:5%;}
    >.land-pc>font{line-height: 1.5;}
  }
}
@media (min-width: 1439px) {
  #fwgn>article>div>{
    .fw-icon>img{width:70px;}
    .popover>.popover-content>dl{
      >dt{.font(16px, 24px);}
      >dd{.font(14px, 20px);}
    }
  }
}
@media (min-width: 1600px) {}
@media (min-width: 1800px) {}
@-moz-document url-prefix(){}
@media print {}