@font-face {
  font-family: 'ChunkFiveRegular';
  src: url('../fonts/Chunkfive-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/Chunkfive-webfont.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Chunkfive-webfont.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Chunkfive-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Chunkfive-webfont.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
body {
  font-family: Arial, "Microsoft YaHei", Helvetica, san-serif;
  font-size: 14px;
  color: #000;
  background: #fff;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-text-size-adjust: none;
  font-weight: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
textarea {
  margin: 0;
  padding: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
:focus {
  outline: 0;
}
a,
a:link,
a:visited {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
a:hover {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
img {
  border: none;
  vertical-align: middle;
}
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.hide {
  display: none !important;
}
body {
  background: #000;
}
.fluke {
  width: 1336px;
  margin: auto;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  z-index: 1000;
  background: none;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.header.bg-black {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
}
.header.bg-black .main .logo {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.header.bg-black .main .rightbar {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
.header .main {
  width: 1336px;
  margin: auto;
  position: relative;
}
.header .main .logo {
  position: absolute;
  top: 15px;
  left: 0;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.header .main .rightbar {
  position: absolute;
  top: 15px;
  left: 720px;
  -webkit-transition: all .6s;
}
.header .main .rightbar .btn-phone {
  font-size: 18px;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
  color: #ffc20e;
  font-weight: bold;
}
.header .main .rightbar .btn-phone span {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
.header .main .rightbar .btn-ask {
  font-size: 14px;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
  color: #ffc20e;
  font-weight: bold;
  border-left: 1px solid #4E556C;
  padding: 6px 35px 6px 15px;
  margin-left: 10px;
}
.header .main .rightbar .btn-ask img {
  position: relative;
  top: -2px;
}
.header .main .rightbar .btn-apply {
  font-size: 18px;
  color: #ffc20e;
  display: block;
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 10px 30px;
}
.banner {
  height: 758px;
  position: relative;
}
.banner .swiper-container {
  width: 100%;
  height: 758px;
  line-height: 758px;
  text-align: center;
}
.banner .swiper-container .slide1 {
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/banner1.jpg) no-repeat center center;
}
.banner .swiper-container .slide2 {
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/banner2.jpg) no-repeat center center;
}
.banner .swiper-container .slide3 {
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/banner3.jpg) no-repeat center center;
}
.banner .swiper-container img {
  opacity: 0;
  opacity: 1\9\0;
  /* ie8、9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.banner .swiper-container .scaleShow {
  -webkit-animation: scaleShow .6s ease;
  -moz-animation: scaleShow .6s ease;
  -ms-animation: scaleShow .6s ease;
  -o-animation: scaleShow .6s ease;
  animation: scaleShow .6s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 35px;
  width: 100%;
  z-index: 10;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.banner .swiper-active-switch {
  background: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10-specific styles go here */
  .banner .swiper-container img {
    opacity: 0;
  }
}
.intro {
  height: 666px;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/intro-bg.jpg) no-repeat center center;
  position: relative;
  text-align: center;
}
.intro .pic {
  width: 100%;
  height: 666px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/intro-pic.png) no-repeat center center;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.intro .p640 {
  width: 694px;
  height: 281px;
  position: absolute;
  left: 310px;
  top: 180px;
  background: url(../images/desktop/intro-640.png);
  opacity: .25;
  opacity: .25\0;
  /* ie 8/9 */
  opacity: .25\9\0;
  /* ie9 */
  *opacity: .25;
  /*ie7*/
  _opacity: .25;
  /*ie6*/
}
.intro .arrow {
  display: block;
  width: 371px;
  height: 52px;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/intro-arrow-d.png);
  position: absolute;
  left: 300px;
  bottom: -52px;
  z-index: 10;
}
.intro .title {
  padding-top: 75px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
  position: relative;
}
.intro .title h1 {
  font-size: 46px;
  font-weight: bold;
}
.intro .title h2 {
  font-size: 34px;
  font-weight: bold;
}
.intro .desc {
  padding: 35px 0 40px;
  font-size: 20px;
  line-height: 36px;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
  position: relative;
}
.intro .desc sup {
  line-height: 0;
}
.intro .product {
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
  position: relative;
}
.intro-anim .p640 {
  -webkit-animation: fadeIn25 0.4s ease;
  -moz-animation: fadeIn25 0.4s ease;
  -ms-animation: fadeIn25 0.4s ease;
  -o-animation: fadeIn25 0.4s ease;
  animation: fadeIn25 0.4s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.intro-anim .pic {
  -webkit-animation: fadeIn 0.3s 0.3s ease;
  -moz-animation: fadeIn 0.3s 0.3s ease;
  -ms-animation: fadeIn 0.3s 0.3s ease;
  -o-animation: fadeIn 0.3s 0.3s ease;
  animation: fadeIn 0.3s 0.3s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.intro-anim .title {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.intro-anim .desc {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.intro-anim .product {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480 {
  height: 708px;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/ti480-bg.jpg) no-repeat center center;
  position: relative;
}
.ti480 .arrow {
  display: block;
  width: 371px;
  height: 52px;
  background: url(../images/desktop/ti480-arrow-d.png);
  position: absolute;
  right: 215px;
  bottom: -52px;
  z-index: 10;
}
.ti480 .thumbnails {
  position: absolute;
  left: 180px;
  bottom: 65px;
  z-index: 100;
}
.ti480 .thumbnails li {
  float: left;
  border: 2px solid #B0B3B7;
  margin-right: 15px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .thumbnails li:hover {
  cursor: pointer;
}
.ti480 .product {
  float: right;
  position: relative;
  height: 768px;
}
.ti480 .product .p1 {
  position: absolute;
  right: 100px;
  top: 160px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .product .p2 {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .detail {
  float: left;
  padding: 115px 0 0 180px;
}
.ti480 .detail h1 {
  font-size: 36px;
  font-weight: bold;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .detail h2 {
  padding: 30px 0 15px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .detail h3 {
  font-size: 20px;
  color: #666666;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .detail ul {
  padding-top: 25px;
  font-size: 20px;
  line-height: 32px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
}
.ti480 .detail ul img {
  position: relative;
  top: -2px;
}
.ti480 .detail .btn {
  padding-top: 25px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.ti480 .detail .btn a {
  display: inline-block;
  font-size: 18px;
  color: #000;
  border-radius: 10px;
  background: #ffc20e;
  text-align: center;
  padding: 10px 60px;
}
.ti480 .detail .btn a img {
  position: relative;
  top: -2px;
}
.ti480 .detail .btn a:hover {
  background: #c59509;
}
.ti480-anim .product .p1 {
  -webkit-animation: fadeIn 0.6s 0.6s ease;
  -moz-animation: fadeIn 0.6s 0.6s ease;
  -ms-animation: fadeIn 0.6s 0.6s ease;
  -o-animation: fadeIn 0.6s 0.6s ease;
  animation: fadeIn 0.6s 0.6s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .product .p2 {
  -webkit-animation: fadeIn 0.8s ease;
  -moz-animation: fadeIn 0.8s ease;
  -ms-animation: fadeIn 0.8s ease;
  -o-animation: fadeIn 0.8s ease;
  animation: fadeIn 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .detail h1 {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .detail h2 {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .detail h3 {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .detail ul {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .detail .btn {
  -webkit-animation: fadeIn 0.6s 0.9s ease;
  -moz-animation: fadeIn 0.6s 0.9s ease;
  -ms-animation: fadeIn 0.6s 0.9s ease;
  -o-animation: fadeIn 0.6s 0.9s ease;
  animation: fadeIn 0.6s 0.9s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .thumbnails li.i1 {
  -webkit-animation: fadeIn .2s 1s ease;
  -moz-animation: fadeIn .2s 1s ease;
  -ms-animation: fadeIn .2s 1s ease;
  -o-animation: fadeIn .2s 1s ease;
  animation: fadeIn .2s 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .thumbnails li.i2 {
  -webkit-animation: fadeIn .2s 2.1s ease;
  -moz-animation: fadeIn .2s 2.1s ease;
  -ms-animation: fadeIn .2s 2.1s ease;
  -o-animation: fadeIn .2s 2.1s ease;
  animation: fadeIn .3s 2.1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ti480-anim .thumbnails li.i3 {
  -webkit-animation: fadeIn .2s 2.2s ease;
  -moz-animation: fadeIn .2s 2.2s ease;
  -ms-animation: fadeIn .2s 2.2s ease;
  -o-animation: fadeIn .2s 2.2s ease;
  animation: fadeIn .2s 2.2s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580 {
  height: 708px;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/tix580-bg.jpg) no-repeat center center;
  position: relative;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .arrow {
  display: block;
  width: 371px;
  height: 52px;
  background: url(../images/desktop/tix580-arrow-d.png);
  position: absolute;
  left: 50%;
  margin-left: -185.5px;
  bottom: -52px;
  z-index: 10;
}
.tix580 .product {
  float: left;
  padding: 175px 65px 0 165px;
}
.tix580 .product .logo {
  padding-bottom: 50px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .product .pic {
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .detail {
  float: left;
  padding-top: 170px;
  color: #fff;
}
.tix580 .detail h1 {
  font-size: 36px;
  font-weight: bold;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .detail h2 {
  padding: 30px 0 75px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .detail ul {
  font-size: 20px;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
  line-height: 36px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .detail ul sup {
  line-height: 0;
}
.tix580 .detail .btn {
  padding-top: 60px;
  opacity: 0;
  opacity: 1\0;
  /* ie 8/9 */
  opacity: 1\9\0;
  /* ie9 */
  *opacity: 1;
  /*ie7*/
  _opacity: 1;
  /*ie6*/
}
.tix580 .detail .btn a {
  display: inline-block;
  font-size: 18px;
  color: #000;
  border-radius: 10px;
  background: #ffc20e;
  text-align: center;
  padding: 10px 60px;
}
.tix580 .detail .btn a img {
  position: relative;
  top: -2px;
}
.tix580 .detail .btn a:hover {
  background: #c59509;
}
.tix580-anim {
  -webkit-animation: fadeIn 0.8s ease;
  -moz-animation: fadeIn 0.8s ease;
  -ms-animation: fadeIn 0.8s ease;
  -o-animation: fadeIn 0.8s ease;
  animation: fadeIn 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .product .logo {
  -webkit-animation: fadeIn 0.2s 0.2s ease;
  -moz-animation: fadeIn 0.2s 0.2s ease;
  -ms-animation: fadeIn 0.2s 0.2s ease;
  -o-animation: fadeIn 0.2s 0.2s ease;
  animation: fadeIn 0.2s 0.2s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .product .pic {
  -webkit-animation: fadeIn 0.6s 0.6s ease;
  -moz-animation: fadeIn 0.6s 0.6s ease;
  -ms-animation: fadeIn 0.6s 0.6s ease;
  -o-animation: fadeIn 0.6s 0.6s ease;
  animation: fadeIn 0.6s 0.6s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .detail h1 {
  -webkit-animation: fadeIn 0.6s 0.8s ease;
  -moz-animation: fadeIn 0.6s 0.8s ease;
  -ms-animation: fadeIn 0.6s 0.8s ease;
  -o-animation: fadeIn 0.6s 0.8s ease;
  animation: fadeIn 0.6s 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .detail h2 {
  -webkit-animation: fadeIn 0.6s 0.8s ease;
  -moz-animation: fadeIn 0.6s 0.8s ease;
  -ms-animation: fadeIn 0.6s 0.8s ease;
  -o-animation: fadeIn 0.6s 0.8s ease;
  animation: fadeIn 0.6s 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .detail ul {
  -webkit-animation: fadeIn 0.6s 0.8s ease;
  -moz-animation: fadeIn 0.6s 0.8s ease;
  -ms-animation: fadeIn 0.6s 0.8s ease;
  -o-animation: fadeIn 0.6s 0.8s ease;
  animation: fadeIn 0.6s 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tix580-anim .detail .btn {
  -webkit-animation: fadeIn 0.6s 0.8s ease;
  -moz-animation: fadeIn 0.6s 0.8s ease;
  -ms-animation: fadeIn 0.6s 0.8s ease;
  -o-animation: fadeIn 0.6s 0.8s ease;
  animation: fadeIn 0.6s 0.8s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.form {
  height: 820px;
  background: url(http://ticenter.fluke.com.cn/LP_m/images/desktop/form-bg.jpg);
}
.form form {
  width: 460px;
  margin: auto;
}
.form .hd {
  text-align: center;
  padding: 135px 0 30px;
}
.form .hd h1 {
  font-size: 48px;
  font-weight: bold;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
}
.form .hd h2 {
  font-size: 24px;
  font-weight: bold;
  font-family: 'ChunkFiveRegular', Arial, Helvetica, san-serif, "Microsoft YaHei";
}
.form .bd li {
  margin-bottom: 10px;
  position: relative;
}
.form .bd li span {
  position: absolute;
  left: 475px;
  top: 12px;
  color: #fff;
  font-size: 18px;
  display: block;
  width: 300px;
}
.form .bd input {
  width: 100%;
  font-size: 16px;
  color: #fff;
  border: none;
  background: #311900;
  border-radius: 10px;
  padding: 15px 0;
  text-indent: 25px;
}
.form .bd input::-webkit-input-placeholder {
  color: #fff;
}
.form .bd input::-moz-input-placeholder {
  color: #fff;
}
.form .bd input::-ms-input-placeholder {
  color: #fff;
}
.form .bd input::-o-input-placeholder {
  color: #fff;
}
.form .bd input::input-placeholder {
  color: #fff;
}
.form .ft {
  padding-top: 20px;
}
.form .ft .btn-submit {
  display: block;
  font-size: 18px;
  color: #000;
  border-radius: 10px;
  background: #ffc20e;
  text-align: center;
  padding: 15px 0;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}
.form .ft .btn-submit img {
  position: relative;
  top: -2px;
}
.form .ft .btn-submit:hover {
  background: #c59509;
}
.form .ft .tips {
  padding-top: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}
.form .ret {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  padding-top: 280px;
  color: #fff;
  height: 540px;
  background: rgba(0, 0, 0, 0.5);
}
.form .ret h1 {
  font-size: 60px;
  padding-bottom: 30px;
}
.footer {
  padding: 45px 0 95px;
  color: #999999;
  text-align: center;
}
.footer a {
  color: #fff;
}
@-webkit-keyframes scaleShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes scaleShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes scaleShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes scaleShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes scaleShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes fadeIn25 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .25;
  }
}
@-moz-keyframes fadeIn25 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .25;
  }
}
@keyframes fadeIn25 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .25;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#doyoo_panel {
  display: none !important;
}