@charset "UTF-8";
@media print {
  *, :before, :after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
  }

  
  a[href]:after {
    content: " (" attr(href) ")"
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr, img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important;height: auto;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }

  select {
    background: #fff !important
  }

  .navbar {
    display: none
  }

  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important
  }

  .label {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td, .table th {
    background-color: #fff !important
  }

  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important
  }
}



.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none
}

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65
}

.part1 {
width: 100%; }
.part1 {
position: relative; }
.part1 .carousel {
width: 100%;
height: 100%; }
.part1 .carousel .carousel-inner {
height: 100%; }
.part1 .carousel .carousel-inner .item {height: 100%;}
.part1 .carousel .carousel-inner .item .item-content {max-width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.part1 .carousel .carousel-inner .item .item-content .wen {width: 55%;height: 250px; float:left;text-align: left;color: #fff;
position: absolute;left: 0;top: 50%;margin-top: -120px;}
.part1 .carousel .carousel-inner .item .item-content .wen h3 {font-size: 34px;font-weight: bold;margin: 0; }
.part1 .carousel .carousel-inner .item .item-content .wen p {margin: 0;margin-top: 20px;font-size: 20px;line-height: 1.8em; }
.part1 .carousel .carousel-inner .item .item-content .wen p.desc {font-size: 12px;margin-top: 10px; }
.part1 .carousel .carousel-inner .item .item-content .tu{max-width: 42%;
  position: absolute;right: 0;top: 50%;margin-top: -190px;
}
.part1 .carousel .carousel-control {
z-index: 3; }
.part1 .carousel .carousel-control.left {
background: transparent; }
.part1 .carousel .carousel-control.right {
background: transparent; }
.part1 .carousel .pag {
position: absolute;
width: 120px;
margin-left: -60px;
height: 0px;
bottom: 40px;
left: 50%;
z-index: 15;
text-align: center; }
.part1 .carousel .carousel-indicators {
width: 100%;
max-width: 1100px;
height: auto;
margin: 0;
left: 0;
bottom: 0;
margin-bottom: 0;
position: relative; }
.part1 .carousel .carousel-indicators .carousel-list {
text-indent: 0;
display: table;
float: left;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
border: 0;
font-size: 18px;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-ms-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
color: #fff;background: #fff;}
.part1 .carousel .carousel-indicators .carousel-list p {
width: 100%;
display: table-cell;
vertical-align: middle; }
.part1 .carousel .carousel-indicators .carousel-list.carousel1 {}
.part1 .carousel .carousel-indicators .carousel-list.carousel2 {left: 25%;}
.part1 .carousel .carousel-indicators .carousel-list.carousel3 {left: 50%;}
.part1 .carousel .carousel-indicators .carousel-list.carousel4 {left: 75%;}
.part1 .carousel .carousel-indicators .carousel-list.active {width: 20px;border-radius: 5px;}
.part1 {height: 730px; }
.part1 .swp1 {/*background: url(../images/slide1.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#2934a3, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2934a3, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2934a3, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2934a3, #02c9ff); /* 标准的语法 */ }
.part1 .swp2 {/*background: url(../images/slide2.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#2934a3, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2934a3, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2934a3, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2934a3, #02c9ff); /* 标准的语法 */}
.part1 .swp3 {/*background: url(../images/slide3.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#2934a3, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2934a3, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2934a3, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2934a3, #02c9ff); /* 标准的语法 */}
.part1 .swp4 {/*background: url(../images/slide4.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#2934a3, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2934a3, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2934a3, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2934a3, #02c9ff); /* 标准的语法 */}
.part1 .swp5 {/*background: url(../images/slide5.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#2934a3, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2934a3, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2934a3, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2934a3, #02c9ff); /* 标准的语法 */}
.huodong{height: 100%;overflow: hidden;}
.huodong a{width: 1200px;height: 100%;display: block;}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}


.tryout {
  width: 160px;
  text-align: center;
  padding: 12px 0;
  background: #F6B031;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 50px;
  color: #000;transition: 0.3s;}

.tryout:hover {background: #f60; color: #fff;}
.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
  }

  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}




.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block
}

.carousel-inner > .active {
  left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner > .next {
  left: 100%
}

.carousel-inner > .prev {
  left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0
}

.carousel-inner > .active.left {
  left: -100%
}

.carousel-inner > .active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x
}

.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 30px;
  height: 60px;
  margin-top: -15px;
  font-size: 30px;
  overflow: hidden;
}
.carousel-control .glyphicon{background: url("../images/zuoyou.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/zuoyou.png*/ no-repeat center;background-size: 60px 60px;}
.carousel-control .glyphicon:before {content: ''; }
.carousel-control .glyphicon-chevron-left{background-position: 0 0;margin-left: -10px;}
.carousel-control .glyphicon-chevron-right{background-position: -30px 0;left: 50%;right: 50%;margin-right: -10px;}
/*.part1 .glyphicon-chevron-left {background: url(../images/left.png) no-repeat center;background-size: 32px 50px; }
.part1 .glyphicon-chevron-left:before {content: ''; }
.part1 .glyphicon-chevron-right {background: url(../images/right.png) no-repeat center;background-size: 32px 50px; }
.part1 .glyphicon-chevron-right:before {content: ''; }*/
/*.carousel-control:hover .glyphicon, .carousel-control:hover .glyphicon{opacity:1;}*/
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px
}
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}

/*二维码*/
.erma{text-align: center;padding: 50px 0 80px; }
.erma ul{margin: 0px auto;}
.erma ul.da li{float: left;width: 28%;min-height: 450px; margin-right: 8%;border-radius: 5px;border: 1px solid #e6e7e8;}
.erma ul.da li:last-child{margin-right:0;}
.erma ul.da li:hover{
  transition: 0.3s;
  border: 1px solid #99ccff;
  -moz-box-shadow:2px 2px 8px #ccc;
  -webkit-box-shadow:2px 2px 8px #ccc;
  box-shadow:2px 2px 8px #ccc;}
.erma ul.da li:hover span{color: #06c;}
.erma ul.da li a{padding: 20px;display: block;}
.erma ul.da li i{ display: inline-block;max-width: 280px;}
.erma ul.da li span{font-size: 22px;font-weight: bold; line-height: 3em;color: #333;display: inline-block;}
.erma ul.da li p{font-size: 16px;line-height: 1.8em;}
.erma_b{background: #e7f2f9;padding: 50px 0;}
.erma_b ul.b li{float: left;width: 23.5%;margin: 16px 2% 16px 0;text-align: left;transition: 0.3s;}
.erma_b ul.b li:nth-child(4n){margin-right:0;}
.erma_b ul.b li:hover span, .erma_b ul.b li:hover p{color: #06c;}
.erma_b ul.b li i{float: left; width: 50px;height: 50px;display: inline-block;
  background:url("../images/em.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/em.png*/ no-repeat;background-size: 200px;}
.erma_b ul.b li i.b_1{background-position: 0 0px;}
.erma_b ul.b li i.b_2{background-position: 0 -50px;}
.erma_b ul.b li i.b_3{background-position: 0 -100px;}
.erma_b ul.b li i.b_4{background-position: 0 -150px;}
.erma_b ul.b li i.b_5{background-position: 0 -200px;}
.erma_b ul.b li i.b_6{background-position: 0 -250px;}
.erma_b ul.b li i.b_7{background-position: 0 -300px;}
.erma_b ul.b li i.b_8{background-position: 0 -350px;}
.erma_b ul.b li i.b_9{background-position: -50px 0px;}
.erma_b ul.b li i.b_10{background-position: -50px -50px;}
.erma_b ul.b li i.b_11{background-position: -50px -100px;}
.erma_b ul.b li i.b_12{background-position: -50px -150px;}
.erma_b ul.b li i.b_13{background-position: -50px -200px;}
.erma_b ul.b li i.b_14{background-position: -50px -250px;}
.erma_b ul.b li i.b_15{background-position: -50px -300px;}
.erma_b ul.b li i.b_16{background-position: -50px -350px;}
.erma_b ul.b li:hover i.b_1{background-position: -100px 0px;}
.erma_b ul.b li:hover i.b_2{background-position: -100px -50px;}
.erma_b ul.b li:hover i.b_3{background-position: -100px -100px;}
.erma_b ul.b li:hover i.b_4{background-position: -100px -150px;}
.erma_b ul.b li:hover i.b_5{background-position: -100px -200px;}
.erma_b ul.b li:hover i.b_6{background-position: -100px -250px;}
.erma_b ul.b li:hover i.b_7{background-position: -100px -300px;}
.erma_b ul.b li:hover i.b_8{background-position: -100px -350px;}
.erma_b ul.b li:hover i.b_9{background-position: -150px 0px;}
.erma_b ul.b li:hover i.b_10{background-position: -150px -50px;}
.erma_b ul.b li:hover i.b_11{background-position: -150px -100px;}
.erma_b ul.b li:hover i.b_12{background-position: -150px -150px;}
.erma_b ul.b li:hover i.b_13{background-position: -150px -200px;}
.erma_b ul.b li:hover i.b_14{background-position: -150px -250px;}
.erma_b ul.b li:hover i.b_15{background-position: -150px -300px;}
.erma_b ul.b li:hover i.b_16{background-position: -150px -350px;}

.erma_b ul.b li .wen{float: left;margin-left: 10px;}
.erma_b ul.b li span{display: inline-block;font-size: 16px;color: #333;font-weight: bold;padding-bottom: 5px;}
.erma_b ul.b li p{}

/*fangwei*/
.buy{overflow:hidden;padding: 50px 0; }
.buy .hd{position:relative;height: 70px;line-height: 70px;text-align: center;}
.buy .hd ul{display: inline-flex;}
.buy .hd ul li{float:left;height: 60px;margin: 0 12px; cursor:pointer;text-align: center;}
.buy .hd ul li a{display: inline-block;color: #333;font-size:20px;padding: 0 10px 10px;border-bottom: 1px solid #ccc;}
.buy .hd ul li a span{float: left; display: block;height: 50px;line-height: 50px;margin-left: 16px; font-weight: bold;}
.buy .hd ul li a i{float: left;width: 50px;height: 50px;display: inline-block;
  background:url("../images/fw.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/fw.png*/ no-repeat;background-size: 100px;}
.buy .hd ul li a i.fw_1{background-position: 0 0px;}
.buy .hd ul li a i.fw_2{background-position: 0 -50px;}
.buy .hd ul li a i.fw_3{background-position: 0 -100px;}
.buy .hd ul li.on a i.fw_1{background-position: -50px 0px;}
.buy .hd ul li.on a i.fw_2{background-position: -50px -50px;}
.buy .hd ul li.on a i.fw_3{background-position: -50px -100px;}
.buy .hd ul li.on a{border-bottom: 1px solid #06c;color:#06c;}
/*zhanshi*/
.buy .bd{width: 100%;text-align: center;}
.buy .bd ul.open{width: 100%;float: left;}
.buy .bd ul.open li{}
.buy .bd ul.open p{display: inline-block; max-width: 1100px;font-size: 16px;color: #333; line-height: 2em;padding: 20px 0;}
.buy .bd ul.open p i{display: inline-block;width: 50px;height: 1px;position: relative;}
.buy .bd ul.open p i:before{display: inline-block;width: 100px;height: 100px;font-size: 100px;font-family: "SimHei";font-weight: bold;color: #999;}
.buy .bd ul.open p i:first-child:before{content: "“";position: absolute;bottom: -100px;left: -50px;}
.buy .bd ul.open p i:last-child:before{content: "”";position: absolute;bottom: -115px;right: -50px;}
.fangwei .bd ul{padding:initial;}
.fangwei .bd ul li{padding: 50px 0;}
/*xinwen*/
.xinwen .hd ul li a{padding: 0 40px; border: 1px solid #ccc;border-radius: 6px;}
.xinwen .hd ul li a span{margin-left: initial;}
.xinwen .hd ul li.on a{background: #06c;color: #fff;}
.xinwen .bd ul{padding: 10px 0;}
.xinwen .bd ul li{float: left;width: 30%;margin-right: 5%;border: 1px solid #ccc;transition: 0.3s;}
.xinwen .bd ul li:nth-child(3){margin-right:0;}
.xinwen .bd ul li .tu{width: 360px;height: 260px;background: #333;overflow: hidden; position: relative;}
.xinwen .bd ul li .tu img{min-height: 100%;opacity: 0.9;}
.xinwen .bd ul li .tu i{background: #06c;color: #fff;font-size: 16px; padding: 12px;opacity: 0.8;
  position: absolute;bottom: 0px;left: 0;}
.xinwen .bd ul li .tu i b{display: block; font-size: 24px;}
.xinwen .bd ul li .wen{text-align: left;padding: 20px;}
.xinwen .bd ul li .wen span{font-size: 20px;font-weight: bold; color: #06c;line-height: 2em;
  width: 100%; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xinwen .bd ul li:hover{background: #06c;color: #fff;}
.xinwen .bd ul li:hover span, .xinwen .bd ul li:hover p{color: #fff;}

/*anli*/
.anli_bj{background: #1b3687;}
.anli{position: relative;color: #fff;overflow: hidden;}
.anli .biaoti h2{color: #fff;}
.anli .showopen ul li{float: left;width: 23.5%;margin: 0 2% 26px 0;overflow: hidden;opacity: 0.9;}
.anli .showopen ul li:nth-child(4n){margin-right:0;}
.anli .showopen ul li:hover{opacity: 1;}
.anli .showopen ul.hy{padding: 3px;}
.anli .showopen ul.hy li{height: 230px; background: #36c;font-size: 16px;position: relative;}
.anli .showopen ul.hy li:before{content:"";display:block;width: 100%;height: 100%;background: #000;opacity: 0.0;transition: 0.3s;
  position: absolute;top: 0;left: 0;}
.anli .showopen ul.hy li:hover:before{opacity:0.6;}
.anli .showopen ul.hy li img{opacity: 0.0;}
.anli .showopen ul.hy li:hover img{opacity: 1.0;}
.anli .showopen ul.hy li a{display:block;width: 100%;height: 100%;text-align: center;color: #fff;
  position: absolute;top: 0;left: 0;}
.anli .showopen ul.hy li i{display: inline-block;width: 80px;height: 80px;margin-top: 26%;transition: 0.5s;
  background:url("../images/al.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/al.png*/ no-repeat; background-size: 80px;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  transition: all 600ms ease-out;}
.anli .showopen ul.hy li:hover i{margin-bottom: 6px;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;}
.anli .showopen ul.hy li:nth-child(1) i{background-position: 0 -240px;}
.anli .showopen ul.hy li:nth-child(2) i{background-position: 0 -80px;}
.anli .showopen ul.hy li:nth-child(3) i{background-position: 0 -160px;}
.anli .showopen ul.hy li:nth-child(4) i{background-position: 0 -0px;}
.anli .showopen ul.hy li:nth-child(5) i{background-position: 0 -400px;}
.anli .showopen ul.hy li:nth-child(6) i{background-position: 0 -480px;}
.anli .showopen ul.hy li:nth-child(7) i{background-position: 0 -320px;}
.anli .showopen ul.hy li:nth-child(8) i{background-position: 0 -560px;}

.more{width: 100%;overflow: hidden;padding-top: 20px;}
a.mo{display: inline-block;padding: 6px 20px; line-height: 40px;font-size: 18px; color: #36c;}
a.mo:hover{text-decoration: underline; transition: 0.3s;}
.main, .tongdian, .baozhang{padding: 50px 0;}
.main .show{float:left;width:12%;height: 500px;position: relative;}
.main .show:before{content: "";display: inline-block;width: 4px;height: 490px;background: #36c;position: absolute;top: 5px;left: 7px;}
.main .show div{height:40px;color: #fff;margin: 140px 0; cursor: pointer;position: relative;}
.main .show div:before{content: "";display: inline-block;width: 12px;height: 12px;background: #36c;border: 3px solid #fff;border-radius: 50px;
position: absolute;top: 50%;left: 0px;margin-top: -9px;}
.main .show div span{float: right;display: block;width: 81%; line-height:40px;font-size:18px;text-align:center;}
.main .show div.on{color: #3cf;background:url("../images/on.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/on.png*/ no-repeat right;}
.main .show div.on:before{border: 3px solid #3cf;}
.main .show b{}
.main .showopen{float:right;width:84%;height:500px;overflow:hidden;position:relative;}
.main .showopen .open{ width:100%;text-align: center;}
.main .showopen .open .wen{height: 110px;}
.main .showopen .open .wen span{font-size: 36px;line-height: 1.6em;color: #03acef;}
.main .showopen .open .wen p{font-size: 24px;line-height: 2em;color: #666;}
.main .showopen .open .tu{margin-left: 13%;}
.main .showopen .open a.mo{margin-left: 11%;margin-top: 10px;}

/*yindao*/
.yindao{padding: 50px 0;background: url("../images/yd_bj.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/yd_bj.png*/ no-repeat center #fafafa;}
.yindao ul{text-align: center;}
.yindao ul li{width: 33%;margin: 30px auto;display: inline-flex;}
.yindao ul li i{float: left;display: inline-block;width: 120px;height: 120px;position: relative;
  background: #2d87d9;border-radius: 140px;}
.yindao ul li i:before{content: "";display: inline-block;width: 140px;height: 140px;border: 2px dashed #2d87d9;border-radius: 140px;
position: absolute;top: 50%;left: 50%;margin-top: -72px;margin-left: -72px;}
.yindao ul li i b{display: inline-block;width: 80px;height: 80px;background: url("../images/yd.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/yd.png*/ no-repeat;background-size: 80px;margin: 20px;}
.yindao ul li:hover i:before{
  animation: namemf 1s linear infinite;
  -webkit-animation:namemf 1s linear infinite;
  -ms-animation: namemf 1s linear infinite;}
.yindao ul li i.yd_1 b{background-position: 0 0px;}
.yindao ul li i.yd_2 b{background-position: 0 -80px;}
.yindao ul li i.yd_3 b{background-position: 0 -160px;}
.yindao ul li i.yd_4 b{background-position: 0 -240px;}
.yindao ul li i.yd_5 b{background-position: 0 -320px;}
.yindao ul li span{float: left;display: block;font-size: 24px;color: #1b3687; line-height: 140px;margin-left: 20px;}
.yindao ul p{padding: 40px 0;font-size: 18px;line-height: 2em;}



/*视频*/
.videoButton {
  width: 170px;
  height: 45px;
  padding: 10px 25px;
  font-size: 16px;
  border-radius: 10px;
  color: #fff;
  margin-top: 50px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  text-align: center;
  background: url("../images/play.png")/*tpa=http://www.hxrfid.com/templets/huaxin/images/play.png*/ no-repeat;
  background-position: 6px 6px; }

.videoButton:hover {
  border-radius: 10px;
  color: #f60;}

.video-mask {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  display: none; }

.close-mask {
  color: #fff;
  font-size: 40px;
  position: absolute;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 40px;
  right: 40px;
  top: 40px;
  cursor: pointer;
  z-index: 5555; }

.close-mask:hover {
  background: #ff595f;
  border-radius: 50px; }

.video-info {
  width: 960px;
  height: 520px;
  margin: 100px auto 0px auto;
  display: block; }

@media screen and (max-width: 1300px){
.part1 .carousel .carousel-inner .item .item-content .wen{left: 5%;}
.part1 .carousel .carousel-inner .item .item-content .tu{right: 5%;}

}