body {
  font-family: 'Open Sans', Arial,'Microsoft YaHei';}

textarea {
  resize: none; }

a {
  color: #fff; }

a:hover {
  text-decoration: none;
  color: #fff; }

.pr0 {
  padding-right: 0; }

.pl0 {
  padding-left: 0; }

.pl5 {
  padding-left: 5px; }

.pr5 {
  padding-right: 5px; }

.mb10 {
  margin-bottom: 10px; }

.color {
  color: red; }

header {
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: url(/template/Front/yatong/static/images/HOME_01.jpg) no-repeat;
  background-size: cover;
  position: relative;
  font-size:12px;}
  header .nav-layout {
    background: rgba(37, 41, 44, 0.5);
    height: 100px; }
    header .nav-layout .nav-info {
      margin-left: 70px;
      line-height: 100px; }
    header .nav-layout .nav-change {
      margin-left: 20px; }
      header .nav-layout .nav-change a {
        display: inline-block;
        width: 37px;
        height: 37px;
        background: url(/template/Front/yatong/static/images/nav-icon.png) no-repeat;
        margin-top: 32px; }
      header .nav-layout .nav-change a:nth-of-type(1) {
        background-position: -4px -6px; }
      header .nav-layout .nav-change a:nth-of-type(2) {
        background-position: -53px -6px; }
  header .index-info {
    position: absolute;
    bottom: 60px;
    right: 90px;
    color: #fff; }
    header .index-info h3 {
      font-size: 36px; }
    header .index-info p {
      font-size: 18px; }
    header .index-info button {
      margin-top: 30px; }
    header .index-info button:last-child {
      background: transparent; }
main {
  width: 100%;
  overflow: hidden;
}
main .product-show .fd {
  position: relative; }
  main .product-show .fd h3 {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -160px;
    font-size: 32px;
    color: #fff; }
  main .product-show .fd a {
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -70px; }

main .product-show .fd:nth-of-type(3) h3,
main .product-show .fd:nth-of-type(4) h3,
main .product-show .fd:nth-of-type(5) h3 {
  margin-left: -106px; }

footer {
  padding: 60px 0;
  background: #4d4d4d; }
  footer .mod {
    font-size: 16px;
    color: #6a6868; }
    footer .mod .link1 {
      display: inline-block;
      width: 33px;
      height: 31px;
      background: url(/template/Front/yatong/static/images/footer-icon.png) no-repeat -20px -29px; }
    footer .mod .link2 {
      display: inline-block;
      width: 33px;
      height: 31px;
      background: url(/template/Front/yatong/static/images/footer-icon.png) no-repeat -58px -29px; }
    footer .mod .link3 {
      display: inline-block;
      width: 33px;
      height: 31px;
      background: url(/template/Front/yatong/static/images/footer-icon.png) no-repeat -98px -29px; }
    footer .mod .link4 {
      display: inline-block;
      width: 33px;
      height: 31px;
      background: url(/template/Front/yatong/static/images/footer-icon.png) no-repeat -137px -29px; }
    footer .mod h2 {
      font-size: 24px;
      color: #fff; }
    footer .mod h3 {
      color: #fff;
      font-size: 18px;
      margin-bottom: 20px; }
    footer .mod h4 {
      font-size: 12px;
      color: #8c8b8b;
      margin-bottom: 20px; }
    footer .mod p a {
      color: #6a6868; }
    footer .form-control {
      background: #dbdbdb;
    }

@font-face {
  font-family: 'iconfont';  /* project id 202449 */
  src: url('http://at.alicdn.com/t/font_7c4nymmsxtl9dx6r.eot');
  src: url('http://at.alicdn.com/t/font_7c4nymmsxtl9dx6r.eot#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_7c4nymmsxtl9dx6r.woff') format('woff'),
  url('http://at.alicdn.com/t/font_7c4nymmsxtl9dx6r.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_7c4nymmsxtl9dx6r.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px; }
 

.navbar-yt .navbar-brand {
  color: #777; }

.navbar-yt .navbar-brand:hover,
.navbar-yt .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-yt .navbar-text {
  color: #777; }

.navbar-yt .navbar-nav > li > a {
  color: #fff;
  line-height: 68px;margin-right: 47px; }
.navbar-yt .navbar-nav > li:last-child > a {
  margin-right: 0; }
.navbar-yt .navbar-nav > li > a:hover,
.navbar-yt .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.navbar-yt .navbar-nav > .active > a,
.navbar-yt .navbar-nav > .active > a:hover,
.navbar-yt .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #e7e7e7; }

.navbar-yt .navbar-nav > .disabled > a,
.navbar-yt .navbar-nav > .disabled > a:hover,
.navbar-yt .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }

.navbar-yt .navbar-toggle {
  border-color: #ddd; }

.navbar-yt .navbar-toggle:hover,
.navbar-yt .navbar-toggle:focus {
  background-color: #ddd; }

.navbar-yt .navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-yt .navbar-collapse,
.navbar-yt .navbar-form {
  border-color: #e7e7e7; }

.navbar-yt .navbar-nav > .open > a,
.navbar-yt .navbar-nav > .open > a:hover,
.navbar-yt .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7; }

@media (max-width: 767px) {
  .navbar-yt .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-yt .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-yt .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .navbar-yt .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-yt .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-yt .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-yt .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-yt .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-yt .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }

.navbar-yt .navbar-link {
  color: #777; }

.navbar-yt .navbar-link:hover {
  color: #333; }

.navbar-yt .btn-link {
  color: #777; }

.navbar-yt .btn-link:hover,
.navbar-yt .btn-link:focus {
  color: #333; }

.navbar-yt .btn-link[disabled]:hover,
fieldset[disabled] .navbar-yt .btn-link:hover,
.navbar-yt .btn-link[disabled]:focus,
fieldset[disabled] .navbar-yt .btn-link:focus {
  color: #ccc; }

.navbar {
  margin-bottom: 0; }

.navbar-brand {
  float: left;
  font-size: 18px;
  height: 0;
  padding: 0 15px; }

.navbar-toggle {
  margin-top: 26px; }

.btn-yt {
  color: #fff;
  background: transparent; }

.btn-1 {
  border-color: #ae5da1; }
.btn-1:hover {
  background: #ae5da1;
}
.btn-2 {
  border-color: #fe9104; }
.btn-2:hover {
  background: #fe9104;
}
.btn-3 {
  border-color: #d9f732; }
.btn-3:hover {
  background: #d9f732;
}
.btn-4 {
  border-color: #eb6877; }
.btn-4:hover {
  background: #eb6877;
}
.btn-5 {
  border-color: #00b7ee; }
.btn-5:hover {
  background: #00b7ee;
}
.btn-yt:hover {
  color: #fff;
  border-color: #ccc; }
.btn-sm {
  padding: 9px 10px;
}

.form-control::-webkit-input-placeholder { /* WebKit browsers */ 
color: #747373; 
} 
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #747373; 
} 
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #747373; 
} 
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #747373; 
} 
/*
     FILE ARCHIVED ON 16:30:11 Aug 16, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:42:13 Oct 30, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 1183.604 (3)
  esindex: 0.025
  captures_list: 1202.916
  CDXLines.iter: 14.597 (3)
  PetaboxLoader3.datanode: 1162.564 (5)
  exclusion.robots: 0.258
  exclusion.robots.policy: 0.241
  RedisCDXSource: 1.606
  PetaboxLoader3.resolve: 195.264 (4)
  load_resource: 224.663
*/