@charset "utf-8";
/* Css Document */
@font-face {
  font-family:"AVGARDM";
  src:url("../Fonts/AVGARDM.woff2") format("woff2"),
      url("../Fonts/AVGARDM.woff") format("woff"),
      url("../Fonts/AVGARDM.ttf") format("truetype"),
      url("../Fonts/AVGARDM.eot") format("embedded-opentype"),
      url("../Fonts/AVGARDM.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:"064-CAI978";
  src:url("../Fonts/064-CAI978.woff2") format("woff2"),
      url("../Fonts/064-CAI978.woff") format("woff"),
      url("../Fonts/064-CAI978.ttf") format("truetype"),
      url("../Fonts/064-CAI978.eot") format("embedded-opentype"),
      url("../Fonts/064-CAI978.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Avant Garde Book BT";
  src:url("../Fonts/Avant Garde Book BT.woff2") format("woff2"),
      url("../Fonts/Avant Garde Book BT.woff") format("woff"),
      url("../Fonts/Avant Garde Book BT.ttf") format("truetype"),
      url("../Fonts/Avant Garde Book BT.eot") format("embedded-opentype"),
      url("../Fonts/Avant Garde Book BT.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; color:#333; line-height:30px;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ background-color:#fff; width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ margin:0; padding:0;}
html,body{ height:100%;}
img{ border:none; vertical-align:bottom;}
ul,li{ list-style-type:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#e60012;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0; height:0; padding:0; margin:0; clear:both;}
::-webkit-scrollbar{ width:5px;}
::-webkit-scrollbar-track{ background:#f0f0f0;}
::-webkit-scrollbar-thumb{ background:#c0c0c0; -webkit-border-radius:3px; border-radius:3px;}
::-webkit-scrollbar-thumb:window-inactive{ background:#c0c0c0;}
::-webkit-scrollbar-thumb:vertical:hover{ background:#c0c0c0;}
@media screen and (max-width:1024px){::-webkit-scrollbar{ width:0;}}

/* Css Top */
.division{ width:100%; height:70px;}
.db-bg{ position:fixed; top:0; left:0; z-index:100; width:100%; height:70px; background-color:#fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05);}
.db-sj{ display:none;}
.db-sj a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-sj a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#fff;}
.db-sj a span::before,.db-sj span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-sj a span::before{ bottom:6px;}
.db-sj a span::after{ top:6px;}
.db-lg{ float:left; width:130px; height:50px; background:url(../Images/logo.png) no-repeat; margin:10px 0 0 5%;}
.db-lg a{ display:block; width:100%; height:100%;}
.db-yb{ float:right; margin-right:5px;}
.db-yb a{ font-size:12px; color:#888; line-height:70px; margin-right:20px;}
.db-yb a:hover{ color:#e60012;}
.db-tl{ float:right; text-align:right; line-height:24px; margin:10px 50px 0 0;}
.db-tl strong{ display:block; font-family:Arial; font-size:24px; color:#e60012;}
.db-lb{ text-align:center;}
.db-lb ul li{ display:inline-table; position:relative;}
.db-lb ul li a{ display:block; line-height:70px; font-size:18px; font-weight:500; color:#333; padding:0 15px;}
.db-lb ul li:hover a{ color:#fff; background-color:#e60012;}
#index .db-lb ul li:nth-of-type(1) a, #about .db-lb ul li:nth-of-type(2) a, #robot .db-lb ul li:nth-of-type(3) a, #manipulator .db-lb ul li:nth-of-type(4) a, #assembly .db-lb ul li:nth-of-type(5) a, #accessories .db-lb ul li:nth-of-type(6) a, #download .db-lb ul li:nth-of-type(7) a, #news .db-lb ul li:nth-of-type(8) a, #contact .db-lb ul li:nth-of-type(9) a{ color:#fff; background-color:#e60012;}
.db-lb ul li ul{ display:none; position:absolute; left:0; top:55px; width:135px; background-color:#e60012; padding:5px 0 20px; overflow:hidden;}
.db-lb ul li:nth-of-type(3) ul{ width:150px;}
.db-lb ul li:nth-of-type(6) ul{ width:255px;}
.db-lb ul li:hover ul{ display:block;}
.db-lb ul li ul li{ float:inherit; width:100%;}
.db-lb ul li ul li a, .db-lb ul li:hover ul li a{ display:block; line-height:30px; font-size:16px; color:#fff; text-align:left;}
.db-lb ul li ul li a:hover, .db-lb ul li:hover ul li a:hover{ color:#fff000;}
@media screen and (max-width:1440px){ 
.db-yb a{ margin-right:10px;}
.db-tl{ line-height:22px; margin:13px 30px 0 0;}
.db-tl strong{ font-size:18px;}
.db-lb ul li a{ font-size:16px; padding:0 10px;}
}
@media screen and (max-width:1280px){ 
.db-yb{ display:none;}
.db-lb ul li a{ font-size:16px; padding:0 8px;}
.db-lb ul li ul{ width:110px;}
.db-lb ul li:nth-of-type(3) ul{ width:125px;}
.db-lb ul li:nth-of-type(6) ul{ width:220px;}
.db-lb ul li ul li a, .db-lb ul li:hover ul li a{ font-size:14px;}
}
@media screen and (max-width:1024px){ 
.division{ height:50px;}
.db-bg{ height:50px; background-color:#e60012;}
.db-sj{ display:block;}
.db-yb{ display:block;}
.db-lg{ float:inherit; width:79px; height:30px; background-image:url(../Images/mobile.png); background-size:79px 30px; margin:10px auto;}
.db-yb{ position:absolute; right:3.5%; top:0;}
.db-yb a{ color:#fff; line-height:50px; margin-right:28px;}
.db-yb a:hover{ font-weight:bold; color:#fff;}
.db-yb a:nth-of-type(2){ display:none;}
.db-tl{ display:none;}
.db-lb{ display:none;}
}

/* Css Search */
.db-sy{ float:right; width:70px; height:70px;}
#toggle-search{ display:block; width:100%; height:100%; background-color:#e60012; background-image:url(../Images/sy.png); background-repeat:no-repeat; background-position:center; background-size:18px 18px; cursor:pointer;}
#search-form{ position:absolute; top:70px; right:0; width:300px; max-height:0; background-color:rgba(255,255,255,.8); overflow:hidden; -webkit-transition:max-height, 0.5s; transition:max-height, 0.5s;}
#search-form.open{ max-height:50px;}
#search-form input{ font-family:"SimHei","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; height:50px; border:none;}
#search-form input[type="search"]{ width:100%; padding:0 15px; background:transparent;}
#search-form input[type="submit"]{ position:absolute; bottom:0; right:0; width:70px; color:#fff; background:#e60012; cursor:pointer;}
@media screen and (max-width:1024px){ 
.db-sy{ float:inherit; position:absolute; right:3.5%; top:16px; width:18px; height:18px;}
#toggle-search{ background-color:inherit;}
#search-form{ top:49px; width:280px;}
#search-form.open{ max-height:45px;}
#search-form input{ height:45px;}
}

/* Css Bottom */
.bt-bg{ width:100%; background-color:#202020; padding:50px 0;}
.bt-tp{ padding:0 5%;}
.bt-dh{ float:left;}
.bt-dh a{ color:#808080; margin-right:25px;}
.bt-dh a:hover{ color:#e60012;}
.bt-tb{ float:right;}
.bt-tb a{ display:block; float:left; width:30px; height:30px; margin-left:15px; background-color:#e60012; background-repeat:no-repeat; background-position:center; background-size:18px 18px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.bt-tb a:hover{ background-color:#f98f1d;}
.bt-bq{ border-top:1px solid rgba(255,255,255,.08); margin-top:24px; padding:26px 5% 0; color:#7e7e7e;}
.bt-bq dl{ float:right; text-transform:uppercase;}
@media screen and (max-width:1280px){ .bt-dh a{ margin-right:20px;}}
@media screen and (max-width:1024px){ 
.bt-bg{ padding:35px 0;}
.bt-tp{ padding:0 3.5%;}
.bt-dh a{ margin-right:10px;}
.bt-bq{ padding:26px 3.5% 0;}
}
@media screen and (max-width:800px){ 
.bt-bg{ padding:30px 0 25px;}
.bt-dh{ display:none;}
.bt-tb{ float:inherit; display:table; margin:auto;}
.bt-tb a{ width:28px; height:28px; margin:0 5px; background-size:16px 16px;}
.bt-bq{ border-top:none; margin-top:0; padding:12px 3.5% 0; text-align:center;}
.bt-bq dl{ float:inherit;}
}