@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea {
  background: none repeat scroll 0 0 #fff;
  color: #5f5f5f;
  font: 14px/1 "Arial", "微软雅黑";
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body, html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
ul, ol, li, dl, dt, dd {
  list-style: none;
  text-decoration: none;
  height: auto;
  padding: 0;
  margin: 0;
}
address, cite, dfn, em, var {
  font-style: normal;
} /* 将斜体扶正 */
code, kbd, pre, samp, tt {
  font-family: "Courier New", Courier, monospace;
} /* 统一等宽字体 */
small {
  font-size: 14px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted;
  cursor: help;
}
q:before, q:after {
  content: '';
}
p {
  margin: 0;
  padding: 0;
}
/* 重置表单元素 */
legend {
  color: #5f5f5f;
} /* for ie6 */
fieldset, img {
  border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
  font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
/* 重置 hr */
hr {
  border: none;
  height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ :hover {
  text-decoration: none !important;
}
html {
  overflow-y: scroll;
}
:link {
  text-decoration: none;
  color: #5f5f5f;
}
:visited {
  text-decoration: none;
  color: #5f5f5f;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
[data-mfp-src], .btn-img-popup {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
/*======================公用样式=======================*/
.wrap {
  width: 100%;
}
.logo {
  float: left;
}
.navbar-area {}
.navbar-light .navbar-brand img {
  float: left;
  margin-left: -15px
}
.sticky-nav { /*position:fixed;*/ top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
  box-shadow: 0 0 15px rgba(0, 0, 0, .3);
  margin: auto;
  z-index: 999;
  background: #fff;
  -webkit-animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
  animation: .9s ease-in-out 5s normal none 1 running fadeInDown;
  -webkit-transition: .9s;
  transition: .9s;
  width: 100% !important
}
.sticky-nav .nav-top {
  width: 100%;
  border-radius: 0
}
.sticky-nav .main-nav {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
.main-nav {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  z-index: 999;
  height: auto;
}
.main-nav .navbar {
  padding: 0;
}
.main-nav nav .navbar-nav .nav-item {
  padding: 0;
}
.main-nav nav .navbar-nav .nav-item .active, .main-nav nav .navbar-nav .nav-item:hover a {
  color: #fff;
  background: #1ab1e4;
}
.main-nav nav .navbar-nav .nav-item a {
  text-transform: capitalize;
  color: #404040;
  padding: 59px 22px 46px 22px;
  margin: 0;
  font-weight: bold;
}
.main-nav nav .navbar-nav .nav-item a i {
  font-size: 10px
}
.main-nav nav .navbar-nav .nav-item a :focus, .main-nav nav .navbar-nav .nav-item a:hover {
  color: #fff
}
.main-nav nav .navbar-nav .nav-item a.active {
  color: #fff !important;
  background: #1ab1e4;
}
.main-nav nav .navbar-nav .nav-item a.active i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.main-nav nav .navbar-nav .nav-item a:hover i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: .7s;
  transition: .7s
}
.main-nav nav .navbar-nav .nav-item a .active::before {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  border: 0;
  border-radius: 0;
  background-color: #1ab1e4 !important;
  padding-left: 0;
  padding-right: 0;
  width: 223px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 0
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: 0
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  position: relative;
  -webkit-transition: .7s;
  transition: .7s;
  font-size: 14px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.main {
  font-weight: bold;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.main a {
  font-size: 15px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.sub {
  text-indent: 20px;
  font-weight: normal;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.sub a {
  font-size: 12px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
  width: 100%
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #666;
  background: #ccc;
}
.mobile-nav .mean-container .mean-nav ul li a .active {
  color: #2ca6e0
}
.mean-container a.meanmenu-reveal {
  color: #373e58
}
.mean-container a.meanmenu-reveal span {
  background-color: #1ab1e4
}
.other-side .search-area {
  float: left;
  position: relative;
  top: 14px;
  margin-right: 10px
}
.other-side .search-area .search-item {
  display: inline-block;
  position: relative;
  color: #fff;
  cursor: pointer;
  top: 9px
}
.other-side .search-area .search-item i {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: -2px;
  color: #2ca6e0;
  font-weight: 600
}
.other-side .search-area .search-item .search-overlay {
  display: none
}
.other-side .search-area .search-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #fff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  margin-top: 20px
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form {
  position: relative
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eee;
  color: #373737;
  outline: 0;
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 4px;
  padding-left: 10px
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: #ff6464
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: 0 0;
  border: 0;
  width: 50px;
  outline: 0;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 0;
  cursor: pointer
}
.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button:focus {
  color: #ff6464
}
.other-side .search-area .search-item .search-btn {
  -webkit-transition: all .5s;
  transition: all .5s;
  font-size: 16px;
  color: #2ca6e0
}
.other-side .search-area .search-item .search-btn:hover {
  color: #2ca6e0
}
.other-side .search-area .search-item .search-btn:hover i {
  color: #2ca6e0
}
.other-side .search-area .search-item .close-btn {
  cursor: pointer;
  display: none;
  -webkit-transition: .5s;
  transition: .5s;
  color: #2ca6e0
}
.other-side .search-area .search-item .close-btn:hover {
  color: #2ca6e0
}
.other-side .search-area .search-item .close-btn.active {
  display: block;
  margin-left: 5px;
  top: 1px
}
.other-side .lang {
  float: right;
  margin-top: 8px;
  margin-left: 10px
}
.other-side .lang a {
  color: #666;
}
.other-side .modal-menu {
  float: right;
  margin-left: 20px;
  margin-top: 3px
}
.other-side .modal-menu a {
  color: #64acff;
  font-size: 20px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  text-align: center
}
.other-side .modal-menu a:hover {
  color: #ff6464
}
.banner {
  position: relative;
}
.ban-pc {
  display: block;
}
.ban-pc .swiper-slide img {
  width: 100%;
}
#menu_content_bg {
  width: 100%;
  overflow: hidden;
  position: absolute;
  background: #fff;
  z-index: 9999;
  transition: all 3s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
}
#menu_content_bg #menu_content_wrap ul {
  height: auto;
  width: 100%;
  position: absolute;
  color: #424242;
  display: block;
}
#menu_content_bg #menu_content_wrap ul li {
  display: none;
  width: 100%;
  height: 230px;
}
#menu_content_bg #menu_content_wrap ul li .menu_content {
  float: left;
  width: 160px;
  cursor: pointer;
  margin-top: 30px;
}
#menu_content_bg #menu_content_wrap ul li .menu_content p {
  font-size: 13px;
  text-align: center;
  margin-top: 20px;
}
#menu_content_bg #menu_content_wrap ul li .menu_content_line {
  width: 0px;
  height: 100px;
  float: left;
  margin: 30px 20px;
  border-left: 1px solid #D0D0D0;
}
#big_banner_wrap {
  width: 1350px;
  margin: 0 auto;
  position: relative;
  color: #424242;
}
#big_banner_wrap #open_btn {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 700;
  font-size: 46px;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}
#big_banner_wrap #menu_close {
  top: 0px;
  left: 258px;
  position: absolute;
  z-index: 100;
  display: none;
  font-size: 17px;
}
#big_banner_wrap a:hover#menu_close i {
  color: #F63;
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  font-size: 17px;
}
#big_banner_wrap #banner_menu_wrap {
  width: 258px;
  float: left;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 600;
  left: -258px;
}
#big_banner_wrap #banner_menu_wrap.catMeunIs-open {
  /*-webkit-transition: all 1.35s ease-in-out;*/
  /*transition: all 1.35s ease-in-out; */
  display: block;
  animation: catMeunIs-open_action 2s forwards;
  -moz-animation: catMeunIs-open_action 2s forwards; /* Firefox */
  -webkit-animation: catMeunIs-open_action 2s forwards; /* Safari 和 Chrome */
  -o-animation: catMeunIs-open_action 2s forwards;
}
#big_banner_wrap #banner_menu_wrap.catMeunIs-close {
  /*-webkit-transition: all 1.35s ease-in-out;*/
  /*transition: all 1.35s ease-in-out; */
  animation: catMeunIs-close_action 2s forwards;
  -moz-animation: catMeunIs-close_action 2s forwards; /* Firefox */
  -webkit-animation: catMeunIs-close_action 2s forwards; /* Safari 和 Chrome */
  -o-animation: catMeunIs-close_action 2s forwards;
}
@-webkit-keyframes catMeunIs-open_action {
  0% {
    left: -258px;
  }
  25% {}
  50% {}
  100% {
    left: 0px;
  }
}
@keyframes catMeunIs-open_action {
  0% {
    left: -258px;
  }
  25% {}
  50% {}
  100% {
    left: 0px;
  }
}
@-webkit-keyframes catMeunIs-close_action {
  0% {
    left: 0px;
  }
  25% {}
  50% {}
  100% {
    left: -258px;
  }
}
@keyframes catMeunIs-close_action {
  0% {
    left: 0px;
  }
  25% {}
  50% {}
  100% {
    left: -258px;
  }
}
#big_banner_wrap #banner_menu_wrap .active {
  margin-top: 20px;
}
#big_banner_wrap #banner_menu_wrap li {
  width: 100%;
  height: 44px;
  position: relative;
  transition: all 3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  line-height: 44px;
  cursor: pointer;
}
#big_banner_wrap #banner_menu_wrap li a {
  font-size: 15px;
  color: #ffffff;
  margin-left: 30px;
  float: left;
  text-decoration: none;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_i {
  float: right;
  font-size: 20px;
  margin-right: 20px;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content {
  width: 600px;
  height: 420px;
  display: none;
  z-index: 610;
  position: absolute;
  left: 258px;
  background: #fff;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /* 允许子元素换行 */
  width: 100%;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li {
  width: 230px;
  height: 100px;
  padding: 18px;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a {
  color: #424242;
  margin-left: 5px;
  font-size: 12px;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a:nth-child(2){
	width:100px;
	line-height: 20px;
	margin-top: 10px;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li img {
  width: 80px;
  height: 80px;
}
#big_banner_wrap #banner_menu_wrap li #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span {
  width: 59px;
  height: 25px;
  float: right;
  margin-top: 5px;
  border: 1px solid #ff6700;
  color: #FF6700;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  transition: all 3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span:hover {
  background: #ff6700;
  color: #ffffff;
}
.banner_menu_content_ul .more {
  width: 154px !important;
  height: 42px !important;
  padding: 0 !important;
  line-height: 42px !important;
  text-indent: 16px;
  font-size: 12px;
  background: url(../images/catmore.jpg) no-repeat;
  margin-top: 20px;
}
.banner_menu_content_ul .more a {
  color: #494949;
}
.ban-mobile {
  display: none;
}
.ban-mobile img {
  width: 100%;
  height: auto;
}
.ban-pc .swiper-pagination-bullet-active {
  background: #1ab1e4 !important;
}
.ban-pc .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  border-radius: 6;
  background: #fff;
  opacity: 1 !important;
  margin: 0 5px
}
.ban-pc .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 15px !important;
}
.a-main {}
.a-main img {
  width: 100%;
}
.ban-pro-pc {
  display: block;
}
.ban-pro-mobile {
  display: none;
}
.ban-pro-mobile img {
  width: 100%;
  height: auto;
}
.ban-pro-pc .swiper-pagination-bullet-active {
  background: #2ca6e0 !important;
}
.ban-pro-pc .swiper-pagination-bullet {
  width: 50px !important;
  height: 3px !important;
  border-radius: 0;
  background: #fff;
  opacity: 1 !important;
  margin: 0 5px
}
.ban-pro-pc .swiper-pagination {
  bottom: 47px !important;
  left: 45%;
}
.down-ico {
  position: absolute;
  top: 90%;
  right: 25%;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 0.3s ease 0.6s;
  z-index: 9999;
}
.down-ico {
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  overflow: hidden;
}
.down-ico i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_16.png) no-repeat center;
  position: relative;
}
.ban_bottom {
  width: 100%;
  height: 600px;
  background: url("../images/ban_bottom.jpg") no-repeat center;
}
.ban_bottom img {
  display: none;
}
@media (max-width: 991px) {
  .ban_bottom {
    background: none;
    height: 100%;
  }
  .ban_bottom img {
    display: block;
    width: 100%;
  }
  #menu_content_bg {
    display: none;
  }
}
/*首页*/
.index-cat {
  padding: 40px 0 55px 0;
}
.index-cat .container .col-lg-3 {
  padding-bottom: 30px;
}
.index-cat .main {
  background: #eee;
  width: 100%;
  overflow: hidden;
}
.index-cat .main .info {
  width: 50%;
  float: left;
}
.index-cat .main .info .t1 {
  padding: 37px 24px 8px 24px;
  line-height: 20px;
  text-align: center;
}
.index-cat .main .info .t1 a {
  color: #030b1b;
  text-transform: uppercase;
  font-weight: bold;
}
.index-cat .main .info .line {
  width: 66px;
  height: 2px;
  background: #020915;
  margin: 0 auto;
}
.index-cat .main .info .more {
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #fff;
  margin: 14px auto 0;
}
.index-cat .main .info .more i {
  color: #444;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  margin-left: 4px;
}
.index-cat .main .pic {
  width: 50%;
  float: left;
}
.index-cat .main .pic img {
  width: 100%;
}
.index-hot-pro {
  width: 100%;
  overflow: hidden;
  background: #eee;
  padding-top: 90px;
}
.index-hot-pro .main {
  margin-bottom: 68px;
  overflow: hidden;
}
.index-hot-pro .main .hot-pro-pic {
  width: 100%;
}
.index-hot-pro .main .hot-pro-pic img {
  width: 100%;
}
.index-hot-pro .main .list-main {}
.index-hot-pro .main .list-main .con {
  transition: all .3s;
}
.index-hot-pro .main .list-main .con img {
  width: 100%;
  display: block;
}
.index-hot-pro .main .list-main .con p {
  line-height: 40px;
  text-align: center;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
}
.index-hot-pro .main .list-main .con p a {
  color: #909090;
  font-size: 15px;
}
.index-hot-pro .main .list-main .con:hover {
  margin-top: -3px;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0)
}
@media (max-width: 991px) {
  .index-cat .main {
    margin-bottom: 10px;
  }
  .index-cat .container .col-lg-3 {
    width: 50%;
    padding-bottom: 10px;
  }
  .index-cat .main .info .t1 {
    padding: 7px 24px 5px 24px;
  }
  .index-cat .main .info .more {
    margin: 4px auto 0;
  }
  .index-hot-pro .main .list-main .col-lg-4 {
    width: 50%;
  }
  .index-hot-pro {
    padding-top: 20px;
  }
  .index-hot-pro .main .hot-pro-pic {
    padding-bottom: 20px;
  }
  .index-hot-pro .main {
    margin-bottom: 24px
  }
}
/*首页关于我们*/
.index-about {
  padding: 90px 0;
}
.index-about .tit {
  text-align: center;
  margin-bottom: 45px;
  overflow: hidden;
}
.index-about .tit span {
  display: block;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #000;
  margin-bottom: 14px;
}
.index-about .tit em {
  line-height: 20px;
  color: #454545;
  display: block;
}
.index-about .main {}
.index-about .main img {
  width: 100%;
}
.index-about .main .txt {
  line-height: 25px;
  font-size: 16px;
  color: #767676;
  text-align: justify;
}
.index-about .main .more {
  width: 113px;
  line-height: 28px;
  margin-top: 20px;
  border: 1px solid #000;
  text-align: center;
}
.index-about .main .more a {
  color: #000;
}
@media (max-width: 991px) {
  .index-about {
    padding: 30px 0;
  }
  .index-about .tit span {
    font-size: 28px;
  }
  .index-about .tit em {
    font-size: 12px;
  }
  .index-about .main img {
    margin-bottom: 20px;
  }
  .index-about .main .txt {
    font-size: 14px;
    line-height: 23px;
  }
}
@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}
/*底部*/
.foot {
  width: 100%;
  overflow: hidden;
  background: #141414;
}
.foot-con {
  padding: 80px 0;
  overflow: hidden;
}
.foot-con .tit {
  margin-bottom: 19px;
  color: #fff;
  font-size: 22px;
}
.foot-con .txt {
  line-height: 30px;
  color: #787878;
  font-size: 16px;
}
.foot-con-logo {}
.foot-con-logo img {
  width: 100%
}
.foot-con dl {
  display: block;
}
.foot-con dl dt {
  margin-bottom: 20px;
  font-weight: normal !important;
  color: #fff;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
}
.foot-con dl dd {
  display: block;
  line-height: 30px;
  color: #787878;
  font-size: 16px;
}
.foot-con dl dd a {
  color: #787878;
}
.foot-con i {
  margin-right: 10px;
  color: #787878;
}
.weixin {
  margin-top: 15px;
	display: none;
}
.weixin img {
  width: 100%;
}
.foot-copy {
  color: #787878;
  line-height: 82px;
  border-top: 1px solid #2e2e2e;
  text-align: center;
}
@media (max-width: 991px) {
  .foot-con {
    display: none;
  }
}
/*内页*/
.inner-ban {
  width: 100%;
  height: 449px;
}
.inner-ban img {
  display: none;
}
.about_ban {
  background: url("../images/about_ban.jpg") no-repeat center;
}
.pro_ban {
  background: url("../images/pro_ban.jpg") no-repeat center;
}
.contact_ban {
  background: url("../images/contact_ban.jpg") no-repeat center;
}
.news_ban {
  background: url("../images/news_ban.jpg") no-repeat center;
}
.download_ban {
  background: url("../images/download_ban.jpg") no-repeat center;
}
@media (max-width: 991px) {
  .inner-ban {
    height: 100%;
    padding-top: 80px;
  }
  .inner-ban img {
    display: block;
    width: 100%;
  }
  .about_ban, .news_ban, .pro_ban, .contact_ban, .download_ban {
    background-image: none;
  }
}
.inner {
  width: 100%;
  overflow: hidden;
  padding: 70px 0 90px 0;
}
.show_pro {}
.map {
  width: 100%;
}
.filters {
  width: 100%;
  text-align: center;
  box-shadow: 0px 7px 7px -7px #5E5E5E;
}
.filters .filter-tabs {
  position: relative;
  float: left;
}
.filters li {
  position: relative;
  display: inline-block;
  line-height: 30px;
  padding: 10px 40px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  top: 0;
}
.filters li a {
  font-weight: bold;
}
.filters a:hover, .filters a:focus {
  /*color: #fff !important;*/
  text-decoration: underline;
}
.filters li:last-child {
  margin-right: 0;
}
.filters .filter.active, .filters .filter:hover {
  background: #2099d1;
  color: #fff !important;
}
.filters .filter:hover a {
  color: #fff;
}
.filters .filter.active a {
  color: #fff;
}
.inner-menu {
  width: 100%;
  height: 128px;
  background: #1ab1e4;
  display: block;
}
.inner-menu .tit {
  float: left;
  padding-top: 35px;
  color: #fff;
}
.inner-menu .tit p {
  margin-bottom: 13px;
  font-size: 35px;
}
.page-nav {
  float: right;
  padding-top: 40px;
}
.page-nav ul {
  display: table;
  width: 100%;
}
.page-nav a {
  display: inline-block;
  text-align: left;
  color: #fff;
}
.page-nav li {
  text-align: right;
  float: left;
  margin-left: 50px;
}
.page-nav li:hover a, .page-nav .active a {
  color: #ffffff;
}
.page-nav .id {
  position: relative;
}
.page-nav .id::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 30px;
  height: 1px;
  border-bottom: 1px solid #fff;
}
.page-nav span {
  font-size: 18px;
  margin-top: 5px;
  display: block;
}
@media (max-width: 1200px) {
  .page-nav {
    width: 80%;
  }
  .page-nav span {
    font-size: 15px;
  }
}
.m-ins-navbox {
  display: none;
}
.papg-menu {
  width: 100%;
  overflow: hidden;
  background: #6d82a7;
  display: block;
}
.papg-menu li {
  width: 228px;
  line-height: 67px;
  text-align: center;
  font-size: 16px;
  float: left;
  overflow: hidden;
}
.papg-menu li a {
  color: #fff;
}
.results-count {
  float: left;
  line-height: 28px;
  padding: 10px 0px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.inner-menu .dropdown {
  float: right;
  width: 270px;
  margin-top: 35px;
}
.inner-menu .show {
  width: 270px;
}
.inner-menu .dropdown-toggle::after {
  float: right;
  margin-top: 10px;
}
.inner-menu .btn {
  border: 1px solid #ccc;
  width: 270px;
  font-size: 14px;
  text-align: left;
  background: #fff;
}
.inner-menu .btn .caret {
  float: right;
  margin-top: 8px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  font-size: 14px;
}
.inner-menu .open > .dropdown-menu {
  width: 270px;
}
@media (max-width: 991px) {
  .inner-menu {
    width: 100%;
    height: 57px;
  }
  .inner-menu .tit {
    float: left;
    padding-top: 10px;
    font-size: 12px;
  }
  .inner-menu .tit p {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .page-nav {
    display: none;
  }
  .inner-menu .dropdown {
    width: 200px;
    margin-top: 10px;
  }
  .inner-menu .show {
    width: 200px;
  }
  .inner-menu .btn {
    width: 200px;
    font-size: 12px;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
  }
  .inner-menu .open > .dropdown-menu {
    width: 200px;
  }
  .inner-menu .col-lg-6 {
    width: 50%;
  }
}
/*products*/
.pro-top {
  margin-bottom: 20px;
  overflow: hidden;
}
.pro-top img {
  width: 100%;
}
.pro-main {
  margin-bottom: 20px;
  overflow: hidden;
  background: #fff;
}
.pro-main .pic {
  width: 100%;
}
.pro-main .pic img {}
.pro-main .con {
  padding: 50px 50px 40px 50px;
}
.pro-main .tit_1 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  margin-bottom: 22px;
}
.pro-main .tit_2 {
  font-size: 18px;
  line-height: 32px;
  color: #333;
  margin-bottom: 20px;
}
.pro-main .txt {
  line-height: 32px;
  color: #999;
}
.pro-main .txt i {
  font-size: 12px;
  margin-right: 10px;
}
/*关于我们*/
.inner-about {
  width: 100%;
  overflow: hidden;
  line-height: 30px;
  font-size: 16px;
}
.inner-about h1.page_tit {
  text-align: center;
  line-height: 60px;
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}
@media(max-width:990px) {
  .inner-about h1.page_tit {
    font-size: 22px;
  }
}
/*研发环境*/
.inner-yf {
  width: 100%;
  overflow: hidden;
  padding: 90px 0 55px 0;
}
.inner-yf-swiper {
  margin-top: 55px;
  position: relative;
}
.inner-yf-txt {
  padding: 22px 150px 50px 150px;
  width: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #909090;
}
.inner-yf ul {
  white-space: nowrap;
}
.inner-yf li {
  text-align: center;
  margin-bottom: 30px;
  width: 33.33%;
  padding: 0 30px;
}
.inner-yf li:hover .txt {
  display: block;
  background: #cb252b;
}
.inner-yf .img {
  overflow: hidden;
}
.inner-yf .img img {
  width: 100%;
}
.inner-yf .txt {
  text-align: center;
  width: 100%;
  line-height: 68px;
  font-size: 24px;
  color: #fff;
  background: #9cadb7;
}
@media (max-width: 1200px) {
  .inner-yf .swiper-pagination {
    font-size: 0;
    bottom: 0;
  }
  .inner-yf li {
    width: 33.33%;
  }
}
@media (max-width: 991px) {
  .inner-yf {
    padding: 30px 0 20px 0;
  }
  .inner-yf-swiper {
    margin-top: 20px;
  }
  .inner-yf-txt {
    padding: 22px 10px 30px 10px;
    font-size: 14px;
  }
  .inner-yf li {
    width: 100%;
    padding: 0;
  }
  .inner-yf .txt {
    font-size: 18px;
  }
}
.inner-yf .pnext .next, .inner-yf .pnext .prev {
  cursor: pointer;
}
.inner-yf .pnext .prev {
  width: 42px;
  height: 42px;
  background: url(../images/yfl_on.jpg) no-repeat;
  position: absolute;
  left: 10px;
  top: 35%;
  z-index: 9999;
}
.inner-yf .pnext .next {
  width: 42px;
  height: 42px;
  background: url(../images/yfr_on.jpg) no-repeat;
  position: absolute;
  right: 10px;
  top: 35%;
  z-index: 9999;
}
/*生产设备*/
.inner-s {
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
  background: #f1f1f1;
}
.inner-s-swiper {
  margin-top: 55px;
}
.inner-s ul {}
.inner-s li {
  width: 50vw;
  padding: 39px;
  background: #fff;
  margin: 0 44px;
}
.inner-s .img {
  overflow: hidden;
}
.inner-s .img img {
  width: 100%;
}
.inner-s .txt {
  padding-top: 50px;
  overflow: hidden;
}
.inner-s .txt span {
  display: block;
  font-size: 24px;
  color: #404246;
  margin-bottom: 32px;
}
.inner-s .txt p {
  line-height: 28px;
}
@media (max-width: 1200px) {
  .inner-s .swiper-pagination {
    font-size: 0;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .inner-s {
    padding: 30px 0 20px 0;
  }
  .inner-s-swiper {
    margin-top: 20px;
  }
  .inner-s li {
    margin: 0 5px;
    width: 86vw;
    padding: 20px;
  }
  .inner-s .txt {
    padding-top: 20px;
  }
  .inner-s .prev {
    top: 20% !important;
  }
  .inner-s .next {
    top: 20% !important;
  }
}
.inner-s .prev {
  width: 42px;
  height: 42px;
  background: url(../images/yfl_on.jpg) no-repeat;
  position: absolute;
  top: 50%;
  left: calc((25% - 44px - 24px));
  z-index: 9999;
}
.inner-s .next {
  width: 42px;
  height: 42px;
  background: url(../images/yfr_on.jpg) no-repeat;
  position: absolute;
  top: 50%;
  right: calc((25% - 44px - 24px));
  z-index: 9999;
}
/*专利证书*/
.inner-zs {
  width: 100%;
  overflow: hidden;
  padding: 107px 48px;
  background: url("../images/inner-zs-bg.jpg") no-repeat center;
}
.inner-zs-top {}
.inner-zs-top .txt {
  color: #fff;
}
.inner-zs-top .txt .t-1 {
  margin-bottom: 11px;
  font-size: 40px;
}
.inner-zs-top .txt .t-2 {
  margin-bottom: 11px;
}
.inner-zs-top .txt .t-3 {
  margin-bottom: 16px;
  line-height: 40px;
  font-size: 28px;
  font-weight: bold;
}
.inner-zs-top .txt .t-4 {
  font-size: 16px;
}
.inner-zs-top .pic {
  float: right;
  margin-top: 127px;
}
.inner-zs-swiper {
  margin-top: 74px;
}
.inner-zs ul {}
.inner-zs li {
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
.inner-zs .img {
  overflow: hidden;
}
.inner-zs .img img {
  width: 88%;
  margin-bottom: 5px;
}
@media (min-width: 1201px) {
  .inner-zs li {
    width: 20%;
  }
}
@media (max-width: 1200px) {
  .inner-zs .swiper-pagination {
    font-size: 0;
    bottom: 0;
  }
  .inner-honor li {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .inner-zs {
    padding: 30px 15px;
  }
  .inner-zs-swiper {
    margin-top: 20px;
  }
  .inner-zs-top .pic img {
    width: 100%;
  }
  .inner-zs-top .txt .t-1 {
    margin-bottom: 11px;
    font-size: 30px;
  }
  .inner-zs-top .txt .t-2 {
    margin-bottom: 11px;
  }
  .inner-zs-top .txt .t-3 {
    margin-bottom: 16px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
  }
  .inner-zs-top .txt .t-4 {
    font-size: 14px;
    line-height: 25px;
  }
  .inner-zs-top .pic {
    float: right;
    margin-top: 127px;
  }
}
@media (max-width: 768px) {
  .inner-zs li {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .inner-zs li {
    width: 50%;
  }
}
.inner-zs .hd {
  margin-top: 54px;
  height: 33px;
  width: 277px;
  margin: 0 auto;
}
.inner-zs .pnext {
  width: 277px;
  height: 33px;
  z-index: 555;
  display: inline-block;
  margin: 0 auto;
}
.inner-zs .pnext .pbtn {
  width: 50%;
  height: 33px;
  background: #fff;
}
.inner-zs .pnext .next, .inner-zs .pnext .prev {
  cursor: pointer;
}
.inner-zs .pnext .prev {
  width: 33px;
  height: 33px;
  float: left;
  background: url(../images/icl_on.png) no-repeat;
}
.inner-zs .pnext .next {
  width: 33px;
  height: 33px;
  float: right;
  background: url(../images/icr_on.png) no-repeat;
}
@media (max-width: 639px) {
  .inner-zs .pnext {
    margin: 0 auto;
  }
  .inner-zs .hd {
    margin-bottom: 20px;
  }
}
/*合作伙伴*/
.inner-hz {
  width: 100%;
  overflow: hidden;
  padding: 152px 0 139px 0;
  background: url("../images/inner-hz-bg.jpg") no-repeat center;
}
.inner-hz .img {
  overflow: hidden;
}
.inner-hz .img img {
  width: 100%;
}
.inner-hz .txt {
  margin-top: 130px;
  padding: 0 33px;
}
.inner-hz .t-1 {
  margin-bottom: 11px;
  font-size: 40px;
  color: #1b1b1c;
}
.inner-hz .t-2 {
  color: #8c8d8e;
}
.inner-hz .t-3 {
  margin-top: 40px;
  line-height: 29px;
  font-size: 16px;
  color: #6c6c6c;
}
@media (max-width: 991px) {
  .inner-hz {
    padding: 0 0 30px 0;
  }
  .inner-hz .img {
    margin-top: 50px;
  }
  .inner-hz .t-1 {
    font-size: 30px;
  }
  .inner-hz .txt {
    margin-top: 50px;
    padding: 0 10px;
  }
}
/*行业领域*/
.inner-field {
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
}
.inner-field .tit {
  width: 100%;
  font-size: 40px;
  margin-bottom: 35px;
  color: #1b1b1c;
}
.inner-field .txt {
  font-size: 16px;
  line-height: 26px;
}
.inner-field .img {
  overflow: hidden;
}
.inner-field .img img {
  float: right;
}
@media (max-width: 991px) {
  .inner-field {
    padding: 30px 0;
  }
  .inner-field .tit {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .inner-field .txt {
    font-size: 14px;
  }
  .inner-field .img img {
    float: none;
    width: 100%;
  }
}
.other-pro {
  width: 100%;
  overflow: hidden;
  padding: 90px 0;
  background: #efefef;
}
.other-pro .other-pro-con {
  margin-top: 55px;
}
.other-pro .other-pro-con .con {
  margin-bottom: 20px;
}
.other-pro .other-pro-con .con .img {
  overflow: hidden;
}
.other-pro .other-pro-con .con .txt {
  padding: 20px 25px;
  background: #fff;
  width: 100%;
  text-align: center;
}
.other-pro .other-pro-con .con .txt span {
  display: block;
  margin-bottom: 12px;
  font-size: 22px;
}
.other-pro .other-pro-con .con .txt span a {
  color: #111;
}
.other-pro .other-pro-con .con .txt em {
  display: block;
  line-height: 24px;
  height: 73px;
}
.other-pro .other-pro-con .con:hover .txt {
  display: block;
  background: #6d82a7;
}
.other-pro .other-pro-con .con:hover .txt span a, .other-pro .other-pro-con .con:hover .txt em {
  color: #fff;
}
@media (max-width: 991px) {
  .other-pro {
    padding: 40px 0;
    background: #efefef;
  }
  .other-pro .other-pro-con {
    margin-top: 35px;
  }
  .other-pro .other-pro-con .con .txt span {
    font-size: 14px;
    line-height: 20px;
  }
  .other-pro .other-pro-con .con .txt em {
    display: none;
  }
  .other-pro .other-pro-con .col-sm-6 {
    width: 50%;
  }
  .other-pro .other-pro-con .con .img img {
    width: 100%;
  }
}
.inner-pro {}
.inner-pro li {
  transition: all .3s;
}
.inner-pro li img {
  width: 100%;
  display: block;
}
.inner-pro li p {
  margin-top: 8px;
  line-height: 25px;
  text-align: center;
  z-index: 2;
  height: 50px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inner-pro li p a {
  color: #909090;
  font-size: 15px;
}
@media (max-width: 991px) {}
.list-pro {
  width: 100%;
  overflow: hidden;
  padding: 90px 0;
}
.list-pro .img {
  width: 100%;
}
.list-pro .img img {
  display: block;
  border: 1px solid #dbdbdb;
}
.list-pro .con {
  margin-top: 10px;
}
.list-pro .con .tit {
  font-size: 24px;
  color: #000;
  margin-bottom: 33px;
}
.list-pro .con .txt {
  font-size: 16px;
  line-height: 28px;
  color: #8b8b8b;
}
.list-pro .con .list-nav {
  margin-top: 35px;
}
.list-pro .con .list-nav li {
  width: 20%;
  line-height: 45px;
  float: left;
  text-align: center;
  margin-right: 10px;
  background: #f4510e;
  border-radius: 8px;
}
.list-pro .con .list-nav li a {
  font-size: 14px;
  color: #fff;
  display: block;
}
.other-pro {
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
  background: #efefef;
}
.other-pro-tit, .other-news-tit {
  font-size: 36px;
  color: #1b1b1c;
  margin-bottom: 32px;
}
.other-pro li {
  margin-bottom: 23px;
}
.other-pro li .img {
  overflow: hidden;
}
.other-pro li img {
  width: 100%;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
}
.other-pro li .txt {
  padding: 20px;
  background: #7f7f7f;
}
.other-pro li .txt span {
  display: block;
  text-align: center;
  color: #fff;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: bold;
}
.other-pro li .txt span a {
  color: #fff;
}
.other-pro li .txt em {
  display: block;
  line-height: 20px;
  color: #fff;
}
.other-news {
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
}
.other-news li {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  margin: 5px 0px;
  padding-left: 5px;
  border-bottom: 1px dashed #e3e2e2;
}
.other-news li a {
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.other-news li span {
  float: right;
  margin-left: 5px;
  color: #999;
}
.show-pro {
  width: 100%;
  overflow: hidden;
  padding: 90px 0;
  line-height: 25px;
}
@media (max-width: 991px) {
  .list-pro, .other-news {
    padding: 30px 0;
  }
  .list-pro .img img {
    width: 100%;
  }
  .list-pro .con .tit {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .list-pro .con .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .list-pro .con .list-nav li {
    line-height: 35px;
  }
  .other-pro {
    padding: 30px 0;
  }
  .other-pro li img {
    width: 100%;
  }
  .other-pro li .txt span {
    font-size: 16px;
  }
  .other-pro-tit, .other-news-tit {
    font-size: 28px;
    margin-bottom: 22px;
  }
  .other-news li span {
    display: none;
  }
  .show-pro {
    padding: 30px 0;
  }
}
/*======================















Contact Page Style















========================*/
.contact-lx {
  width: 100%;
  padding-bottom: 50px;
  overflow: hidden;
  background: #eee;
}
.contact-lx iframe {
  margin-top: 30px;
}
.contact-lx i {
  margin-right: 15px;
  color: #1ab1e4;
}
.contact-info-item {
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 50px 20px;
  margin-top: 30px;
  line-height: 20px;
  min-height: 250px;
}
.contact-info-item .con-info-icon {
  border: 1px solid #1ab1e4;
  border-radius: 100px;
  color: #1ab1e4;
  font-size: 35px;
  margin: 0 auto 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  line-height: 60px;
  height: 60px;
  width: 60px;
}
.contact-info-item .con-info-txt h4 {
  font-size: 18px;
  margin-top: -2px;
}
.contact-info-item:hover .con-info-icon {
  background-color: #1ab1e4;
  color: #FFFFFF;
}
.contact-form-content span {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: -3px;
}
.input-item {
  margin-top: 30px;
}
.input-item input, .input-item textarea {
  border: 1px solid #e1e1e1;
  display: block;
  padding: 12px 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
.input-item input:focus, .input-item textarea:focus {
  border-color: #eeb644;
}
.input-item .nice-select {
  border-color: #e1e1e1;
  height: 50px;
  padding-left: 15px;
  line-height: 50px;
}
.input-item .nice-select .list {
  max-height: 200px;
  overflow: auto;
}
.input-item .btn-brand {
  font-size: 14px;
  border-radius: 2px;
  margin-top: 10px;
  letter-spacing: 1.6px;
}
.contact-form-content {
  width: 100%;
  margin-top: 80px;
}
.contact-map {
  height: 500px;
}
.contact-map img {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .contact-map {
    height: 300px;
  }
}
.btn-brand {
  background-color: #1ab1e4;
  border-color: #1ab1e4;
  border-radius: 25px;
  color: #fff;
}
.btn-brand:hover {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
/*NEWS*/
.inner-news {}
.news-box {
  margin-bottom: 30px;
  box-shadow: 0 0 10px #eee;
  width: 100%;
  overflow: hidden;
}
.news-box .t-1 {
  height: 27px;
  line-height: 27px;
}
.news-box .t-1 .time {
  float: left;
  margin-right: 13px;
}
.news-box .tit {
  height: 40px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
.news-box .tit a {
  color: #111;
  text-decoration: underline;
}
.news-box .txt {
  line-height: 28px;
}
.news-img {
  width: 100%;
  height: auto;
  margin-left: -15px;
}
.news-list {}
.news-list .con {
  background: #e9e9e9;
  overflow: hidden;
  display: block;
  margin-bottom: 40px;
  padding: 12px 36px;
}
.news-list .con:hover {
  background: #1ab1e4;
  color: #fff;
}
.news-list .con:hover .time {
  border-right: 1px solid #fff;
}
.news-list .con:hover .time span, .index-news .con .new-list li:hover .time em {
  color: #fff;
}
.news-list .con:hover .txt span a {
  color: #fff;
}
.news-list .con .time {
  padding: 7px 34px 7px 0;
  border-right: 1px solid #cfcfcf;
  text-align: center;
  float: left;
  display: block;
}
.news-list .con .time span {
  font-size: 55px;
  font-weight: bold;
  color: #343434;
  margin-bottom: 9px;
  display: block;
}
.news-list .con .txt {
  width: 80%;
  float: right;
}
.news-list .con .txt span {
  font-size: 18px;
  display: block;
  margin-top: 5px;
  margin-bottom: 8px;
}
.news-list .con .txt span a {
  color: #111;
  text-decoration: underline;
}
.news-list .con .txt em {
  line-height: 22px;
  display: block;
}
.news-info {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 50px 30px;
}
.news-info .rightwrap {}
.news-info em {
  display: block;
  font-weight: normal;
  margin-bottom: 14px;
  color: #505050;
  font-size: 18px;
  line-height: 30px;
}
.news-info .entry-meta {
  padding: 8px 20px;
  background: #fff;
  overflow: hidden;
  color: #505050;
  line-height: 36px;
  font-size: 14px;
}
.news-info .contwrap {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 40px;
  color: #555;
  line-height: 30px;
}
.news-info .contwrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.news-info .rightwrap h6 {
  display: block;
  font-weight: bold;
  padding: 12px 14px;
  line-height: 23px;
  margin-bottom: 20px;
  background: #2099d1;
  font-size: 16px;
  color: #fff;
}
.news-info .rightwrap ul {
  width: 100%;
}
.news-info .rightwrap li {
  width: 100%;
  padding-bottom: 14px;
  padding-top: 7px;
  border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li:last-child {
  border-bottom: none;
}
.news-info .rightwrap li a {
  color: #333;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
}
.news-info .rightwrap li a:hover {
  color: #2099d1;
}
.news-info .rightwrap li .post-date {
  display: block;
  line-height: 21px;
  font-size: 13px;
  color: #555;
  margin-top: 1px;
}
.news-info .paging {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
  width: 100%;
}
.news-info .paging .fl {
  font-size: 12px;
  line-height: 22px;
}
.news-info i {
  margin-right: 10px;
}
.news-info .paging a {
  color: #666;
}
.news-info .paging a:hover {
  color: #2099d1;
}
.news-info .paging .return {
  border: 1px solid #ddd;
  display: block;
  height: 34px;
  line-height: 34px;
  margin-top: 10px;
  text-align: center;
  width: 100px;
  font-size: 14px;
}
.news-info .paging .return:hover {
  border: 1px solid #2099d1;
  background-color: #2099d1;
  color: #fff;
}
/*JOB*/
.joblist {
  clear: both;
}
.job-txt {
  font-size: 16px;
  color: #2a3b96;
  line-height: 35px;
}
.job-txt a {
  color: #2a3b96;
}
.job-tit {
  width: 100%;
  background: #2a3b96;
  height: 50px;
  display: block;
}
.job-tit li {
  float: left;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.job-tit .tit-1 {
  width: 270px;
}
.job-tit .tit-2 {
  width: 200px;
}
.job-tit .tit-3 {
  width: 220px;
}
.job-tit .tit-4 {
  width: 180px;
}
.jonav li {
  width: 25%;
}
.jot {
  background: #fff;
}
.jot:hover {
  background: #e9ebf4;
}
.joa {
  background: #e9ebf4;
}
.jotxs:hover .jot {
  background: #e9ebf4;
}
.jot span {
  display: block;
  width: 14%;
  float: left;
  line-height: 47px;
  height: 47px;
  overflow: hidden;
  font-size: 16px;
}
.jot span:first-child {
  padding-left: 4%;
  width: 26%;
}
.jod > span {
  color: #989898;
  cursor: pointer;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.jotxs {
  position: relative;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.jos {
  display: none;
  padding-right: 1px;
}
.jos .bodr {
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
  padding: 30px 5% 30px 5%;
  border-top: 0;
  line-height: 30px;
}
.jos .bodr span {
  display: block;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 20px;
}
.jotxs .line {
  background: #000;
  display: block;
  position: absolute;
}
.jotxs .line_1 {
  width: 21px;
  height: 1px;
  top: 23px;
  left: 15px;
}
.jotxs .line_2 {
  width: 1px;
  height: 21px;
  top: 13px;
  left: 25px;
}
.jotxs .arrow {
  width: 55px;
  height: 47px;
  position: absolute;
  top: 0;
  right: 0;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
  color: #333;
}
.jotxs.act .arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.jo2 {}
.jos a {
  color: #666
}
select.selbox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0px;
  outline: none;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "microsoft yahei";
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding-left: 14px;
  border: 1px solid #ddd;
  color: #666
}
.no-csstransitions select.selbox {
  padding-left: 0;
  background-image: none;
}
select.selbox option {
  padding: 2px 12px;
}
select.selbox:hover {
  color: #323232;
}
.jobview {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;
}
.jobview .list {
  margin-top: 30px;
}
.jobview .list dd {
  width: 48.5%;
  display: block;
  margin-bottom: 20px;
  margin-right: 3%;
  float: left
}
.jobview .list dt {
  width: 100%;
  display: block;
}
.jobview .list dd:nth-child(2n+2) {
  margin-right: 0
}
.jobview .list .txt {
  background-color: #fff;
  border: 0px none;
  padding: 10px 12px;
  box-sizing: border-box;
  width: 100%;
  font: 14px/1.8 "microsoft yahei";
  border: 1px solid #ddd;
  color: #999
}
.jobview .list .txt2 {
  height: 200px;
  margin-bottom: 0px;
}
.jobview .list .btn {
  text-align: center;
  margin: 20px auto;
}
.jobview .list .fromBtn {
  display: inline-block;
  width: 100%;
  max-width: 150px;
  margin: 0px auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #0769b2;
  border: 0px;
  border-radius: 5px;
  margin-right: 20px;
  cursor: pointer
}
.jobview .list .fromBtn:hover {
  background-color: #045b9c;
}
.search_info {
  width: 100%;
  height: 58px;
  overflow: hidden;
  background: #f6f6f6;
  border-radius: 30px;
  margin-top: 26px;
}
.search_info_txt {
  display: inline;
  float: left;
  width: 80%;
  height: 58px;
}
.search_info_txt_css {
  background-color: transparent;
  border-color: -moz-use-text-color;
  border-style: none;
  border-width: 0;
  color: #a2a2a2;
  float: left;
  width: 100%;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  text-indent: 40px;
}
.search_info_btn {
  float: left;
  width: 20%;
  height: 54px;
  position: relative;
}
.search_info_btn_css {
  background-color: transparent;
  border-color: -moz-use-text-color;
  border-style: none;
  border-width: 0;
  float: left;
  width: 100%;
  height: 54px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.search_info_btn i {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 18px;
}
/*--------------------------------















Magnific JS Customization















----------------------------------*/
.ht-mfp {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.ht-mfp.mfp-bg {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.ht-mfp .mfp-content {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) {
  .ht-mfp .mfp-content {
    max-width: 70%;
  }
}
.ht-mfp .mfp-content .mfp-close {
  display: none;
}
.ht-mfp .mfp-close {
  background-color: #db0303;
  color: #FFFFFF;
  padding: 0;
  text-align: center;
  opacity: 0;
  top: 50px;
  right: 50px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 767.98px) {
  .ht-mfp .mfp-close {
    top: 30px;
    right: 30px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.ht-mfp .mfp-close:hover {
  background-color: #db0303;
}
.ht-mfp .mfp-arrow {
  background-color: #db0303;
  opacity: 1;
  margin-left: 15px;
  height: 55px;
  width: 55px;
}
.ht-mfp .mfp-arrow:before {
  display: none;
}
.ht-mfp .mfp-arrow:after {
  content: '\f104';
  color: #FFFFFF;
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.ht-mfp .mfp-arrow-right {
  margin-left: auto;
  margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
  content: '\f105';
}
.ht-mfp .mfp-arrow:hover {
  background-color: #000;
}
.ht-mfp.zoom-animate.mfp-bg {
  opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
  opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
  opacity: 0;
}
/*================================















Single Product Page Style















==================================*/
@media only screen and (max-width: 767.98px) {
  .product-thumb-area {
    margin-bottom: 30px;
  }
}
.product-thumb-area .pro-thumb-item img {
  margin: auto;
  max-width: 100%;
}
.product-thumb-area .product-details-thumbnail {
  border: 1px solid #e1e1e1;
  text-align: center;
  position: relative;
}
.product-thumb-area .product-details-thumbnail .btn-large-view {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 20px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  color: #1b1b1c;
  display: block;
  font-weight: 700;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 22px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 136px;
}
.product-thumb-area .product-details-thumbnail .btn-large-view i {
  margin-left: 3px;
  vertical-align: middle;
}
.product-thumb-area .product-details-thumbnail-nav {
  margin-top: 10px;
}
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {
  border: 1px solid #e1e1e1;
  text-align: center;
  cursor: pointer;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list {
  margin: 0 -5px;
}
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {
  margin: 0 5px;
}
@media only screen and (min-width: 1200px) {
  .prod-details-info-content {
    padding-left: 20px;
  }
}
.prod-details-info-content {
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.prod-details-info-content .details_title {
  display: inline-block;
  font-size: 28px;
  color: #070104;
  margin-bottom: 18px;
  line-height: 50px;
}




.prod-details-info-content .details_title {height: 50px; line-height: 50px;color:#fff; text-align: left; text-indent: 40px; position:relative; background: #f08300;
  padding-right:110px; min-width: 300px;}
.prod-details-info-content .details_title:before {width:7px;height:50px;content:"";position:absolute;left:0px;top:0;display:block;overflow:hidden;background:url("../images/tit_l.jpg") no-repeat; width:24px;}
.prod-details-info-content .details_title:after {width:84px;height:50px;content:"";position:absolute;right:0;top:0;display:block;overflow:hidden;
	background:url("../images/tit_r.jpg") no-repeat;}
.prod-details-info-content p {
  line-height: 26px;
}
@media only screen and (max-width: 767.98px) {
  .prod-details-info-content span {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
  }
}
.prod-details-info-content .price {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 33px;
}
@media only screen and (max-width: 767.98px) {
  .prod-details-info-content .price {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.prod-details-info-content .price-amount {
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
}
.b-2 {
  margin-top: 30px;
  padding-left: 20px;
}
.b-2 .txt-input {
  width: 52px;
  height: 40px;
  position: relative;
  float: left;
}
.b-2 .txt-input .text-input__input {
  border: 1px solid #72777d;
  margin-bottom: 5px;
  padding: 8px 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  height: 40px;
  width: 100%;
  color: #000;
  border-radius: 2px;
  text-align: center;
}
.b-2 .txt-input .text-input__label {
  color: #72777d;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 16px;
  transform: translateY(-180%);
}
.b-2 .txt-input .text-input__text {
  background-color: #fff;
  font-weight: 500;
}
.b-2 .txt-link {
  width: 172px;
  height: 40px;
  float: left;
  margin-left: 6px;
  display: block;
  border: 2px solid #2099d1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.b-2 .txt-link a {
  color: #2099d1;
  display: block;
  line-height: 40px;
}
.b-2 .txt-link a:hover {
  color: #fff;
  background: #2099d1;
  display: block;
  height: 38px;
}
.product-config {
  margin: 40px 0;
}
.product-config .table {
  margin-bottom: 0;
}
.product-config .table-bordered td, .product-config .table-bordered th {
  border-color: #e1e1e1;
}
.product-config .table th {
  font-size: 18px;
  font-weight: 500;
}
.product-config .table .config-option a {
  color: #1b1b1c;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}
.product-config .table .config-option a:last-child {
  margin-right: 0;
}
.product-config .table .config-option a:hover {
  color: #db0303;
}
.product-meta {
  margin-top: 40px;
}
.product-meta span:not(.sku) {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.product-meta span:not(.sku):last-child {
  margin-bottom: 0;
}
.product-meta a {
  color: #1b1b1c;
  margin-right: 5px;
  font-size: 15px;
  vertical-align: middle;
}
.product-meta a:last-child {
  margin-right: 0;
}
.product-meta a:hover {
  color: #db0303;
}
.pro-qty {
  border: 1px solid #e1e1e1;
  display: inline-block;
  position: relative;
  width: 150px;
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .pro-qty {
    width: 120px;
  }
}
.pro-qty input {
  font-weight: 600;
  border: none;
  text-align: center;
  padding: 12px 45px;
  outline: none;
  width: 100%;
}
.pro-qty a {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: 0;
  line-height: 50px;
  height: 100%;
  width: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .pro-qty a {
    width: 35px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 767.98px) {
  .pro-qty a {
    width: 35px;
    line-height: 48px;
  }
}
.pro-qty a:hover {
  background-color: #db0303;
  border-color: #db0303;
  color: #FFFFFF;
}
.pro-qty a.inc {
  right: 0;
  border-left: 1px solid #e1e1e1;
}
.pro-qty a.dec {
  left: 0;
  border-right: 1px solid #e1e1e1;
}
.product-description-review {
  margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
  .product-description-review {
    margin-top: 60px;
  }
  .product-description-review img {
    width: 100%;
  }
}
.product-description-review .desc-review-tab-menu {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.product-description-review .desc-review-tab-menu li {
  width: 100%;
}
.product-description-review .desc-review-tab-menu li a {
  background-color: #1b1b1c;
  border-right: 2px solid #ddd;
  color: #FFFFFF;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 20px 0;
}
.product-description-review .desc-review-tab-menu li a:last-child {
  border: none;
}
.product-description-review .desc-review-tab-menu li a.active {
  background-color: #db0303;
}
@media only screen and (max-width: 767.98px) {
  .product-description-review .desc-review-tab-menu li a {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
  }
}
.tab-tit {
  line-height: 50px;
  background: #ededed;
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
}
.tab-tit span {
  width: 170px;
  display: inline-block;
  text-align: center;
  background: #2099d1;
}
.tab-tit span a {
  color: #fff;
}
.tab-content #page01 h1:first-child {
  background: none;
  color: #000;
}
.tab-content #page02 h1:first-child {
  background: #2099d1;
  color: #fff;
}
.tab-content .item h1 {
  width: 100%;
  background: #2099d1;
  color: #fff;
  line-height: 40px;
  text-indent: 10px;
  font-weight: bold;
  font-size: 18px;
}
.tab-content .item table.first {
  border-collapse: collapse;
  border: #eee solid 1px;
}
.tab-content .item table.first td {
  border: #ccc solid 1px;
  padding: 6px;
  color: #444;
}
.product-description-review .tab-content {
  padding: 20px 0;
  line-height: 25px;
}
.product-description-review .tab-content table tr td{border: 2px solid #fff; font-size: 16px;}

dl.faq_list {
  border-bottom: #ccc solid 1px;
  margin-bottom: 20px;
  padding: 3px 8%;
}
dl.faq_list dt {
  line-height: 25px;
  font-weight: bold;
  font-size: 16px;
}
dl.faq_list dd {
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 10px
}
.item .row .col-md-6 img {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .product-description-review .tab-content {
    padding: 25px 15px;
  }
}
.product-rating-wrap .average-rating {
  margin-bottom: 30px;
}
.product-rating-wrap .average-rating h6 {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 3px;
}
.product-rating-wrap .display-ratings .rating-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product-rating-wrap .display-ratings .rating-item:last-child {
  margin-bottom: 0;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-pic {
  max-width: 50px;
  -webkit-flex-basis: 50px;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
  border-radius: 2px;
  overflow: hidden;
  margin-right: 10px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt {
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding: 15px;
  -webkit-flex-basis: calc(100% - 60px);
  -ms-flex-preferred-size: calc(100% - 60px);
  flex-basis: calc(100% - 60px);
  max-width: calc(100% - 60px);
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {
  font-size: 14px;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  display: inline-block;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {
  color: #db0303;
  font-size: 14px;
  margin-bottom: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {
  margin-right: 5px;
}
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {
  margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper {
  margin-top: 60px;
}
.product-rating-wrap .rating-form-wrapper h3 {
  font-size: 24px;
  font-weight: 500;
  margin-top: -5px;
  margin-bottom: 20px;
}
.product-rating-wrap .rating-form-wrapper .rating-form h5 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 8px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {
  color: #ccc;
  margin-right: 10px;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {
  margin-right: 0;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover ~ i {
  color: #ccc;
}
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {
  cursor: pointer;
  color: #db0303;
}
.product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea {
  background-color: #FFFFFF;
  border: 1px solid #e1e1e1;
  display: block;
  padding: 12px 20px;
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {
  border-color: #db0303;
}
.inner_table {
  overflow: scroll;
}
.inner_table .tableHtml {
  overflow-x: scroll;
  width: 160%;
}
.inner_table.w_700 .tableHtml {
  width: 200%;
}
.inner_table .tableHtml table {
  border-collapse: collapse;
}
.inner_table .tableHtml table td {
  line-height: 21px;
  padding: 0px 2px;
}
p.table_title {
  line-height: 25px;
  margin-top: 30px;
}
p.table_title i {
  font-size: 2rem;
  color: #171c61;
  line-height: 25px;
}
p.table_title i.fa-hand-o-down {
  color: red;
  padding: 0px 7px;
}
p.table_title strong {
  font-size: 1.2rem;
  text-indent: 10px;
  line-height: 25px;
  margin-right: 10px;
}
@media (max-width: 1024px) {
  .homeAboutCont, .homeAboutCont-r {
    margin: 2% 0 0 2%;
    padding-bottom: 6px;
  }
  .homeInforCont {
    margin: 2% 0 0 2%;
    padding-bottom: 6px;
  }
  .homeInforCont h3 {
    font-size: 18px;
    line-height: 30px;
  }
  .homeInforCont p {
    margin-bottom: 6px;
    line-height: 22px;
  }
  .index-cybj-top .txt {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .sticky-nav {
    position: fixed;
  }
  .logo {
    padding-top: 0;
  }
  .logo img {
    width: 215px;
  }
  .lang-mobile {
    display: block;
    position: absolute;
    top: 28px;
    right: 70px;
    z-index: 999;
  }
  .lang-mobile img {
    margin-left: 5px;
  }
  .other-side .lang {
    display: none;
  }
  .carousel-inner > .item > img {
    max-width: 180% !important;
  }
  .other-side {
    display: none;
  }
  .list-pro-tit {
    display: none;
  }
  .search_info {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .hot-pro {
    padding: 20px 0;
  }
  .hot-pro-cat {
    padding: 0;
  }
  .hot-pro-cat span {
    width: 30%;
    margin-right: 12px;
    margin-bottom: 10px;
    line-height: 30px;
  }
  #myscroll ul li {
    margin: 0;
  }
  .ban-pc {
    display: none;
  }
  .ban-mobile {
    display: block;
    padding-top: 70px;
  }
  .ban-pro-mobile {
    display: block;
  }
  .ban-pro-pc {
    display: none;
  }
  .show_pro .col-12 {
    padding: 0;
  }
  .index-tit span {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .iproject-con li {
    margin-top: 20px;
  }
  .iproject-con dd .txt {
    padding: 12px;
  }
  .iproject-con dd .txt span {
    font-size: 16px;
  }
  .iproject-con dd .txt em {
    font-size: 12px;
    display: none;
  }
  .index-ly-con {
    padding: 0 5px;
  }
  .index-ly-con .col-sm-6 {
    width: 50%;
  }
  .index-ly-con .col-sm-6 img {
    width: 100%;
  }
  .index-ly-con .cover-box {
    margin-bottom: 20px;
  }
  .inner-about-video img, .inner-about-map img {
    width: 100%;
  }
  .inner-about {
    padding: 40px 0;
  }
  .inner-about .con {
    margin-top: 30px;
  }
  .inner-qywh {
    padding: 40px 0;
  }
  .inner-qywh .con {
    margin-top: 30px;
  }
  .inner-qywh .con .qywh-box .txt {
    padding: 30px 0;
  }
  .show_pro {
    padding: 50px 0;
  }
  .pro-pic {
    margin-top: 20px;
  }
  .index-cybj {
    padding: 30px 0;
  }
  .index-news {
    padding: 30px 0;
  }
  .index-news-main .con {
    margin-bottom: 10px;
  }
  .index-news-main .con .tit {
    margin-top: 16px;
    margin-bottom: 10
  }
  .index-news-main .con .txt {
    margin-bottom: 24px;
  }
  .index-news .tit h2 {
    font-size: 24px;
  }
  .foot-con {
    padding: 20px 0;
  }
  .foot-con .weixin {
    width: 141px;
    float: none;
  }
  .foot-fx {
    width: 100%;
  }
  .foot-con dl {
    display: none;
  }
  .foot-txt, .foot-copy {
    font-size: 12px;
  }
  .foot-copy {
    padding: 20px 10px;
    line-height: 20px;
  }
  /*zltm*/
  .zltm {
    margin-bottom: 30px;
  }
  .zltm .pic img {
    width: 100%;
  }
  .zltm .con {
    padding: 20px 10px;
  }
  .zltm .tit_1 {
    height: 36px;
    font-size: 24px;
  }
  .zltm .tit-2 {
    font-size: 18px;
    color: #777;
    margin-bottom: 22px;
  }
  .zltm .line {
    margin-bottom: 23px;
  }
  /*dzcj*/
  .dzcj .tit {
    margin-bottom: 30px;
  }
  .dzcj .tit span {
    font-size: 24px;
    margin-bottom: 23px;
  }
  .dzcj .tit p {
    font-size: 18px;
    margin-bottom: 23px;
  }
  .hzal-lx .txt {
    padding-top: 116px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
  }
  /*case*/
  .nav-tabs li {
    width: 100px;
    margin-right: 10px;
  }
  .case-top .con {
    padding: 28px 15px;
  }
  .case-top .tit_1 {
    height: 53px;
    font-size: 24px;
  }
  /*products*/
  .pro-main .pic img {
    width: 100%;
  }
  .pro-main .con {
    padding: 20px;
  }
  .pro-main .tit_1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .pro-main .tit_2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  /********内页菜单*********/
  .m-ins-navbox {
    width: 100%;
    height: 38px;
    background-color: #fff;
    position: relative;
    z-index: 11;
    display: block;
  }
  .m-ins-navbox.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .m-ins-navbox .left {
    width: 15%;
    cursor: pointer;
    float: left;
  }
  .m-ins-navbox .left .ico {
    display: block;
    width: 100%;
    height: 38px;
    background: url(../images/ico_35.png) no-repeat center #cc0000;
    background-size: auto 50%;
  }
  .m-ins-navbox .ret-subbox {
    position: absolute;
    top: 38px;
    width: 100%;
    background-color: #cc0000;
    left: 0;
    z-index: 2;
    display: none;
  }
  .m-ins-navbox .ret-subbox a {
    display: block;
    width: 100%;
    padding-left: 5%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    background: url(../images/ico_38.png) no-repeat 92% center;
    background-size: auto 35%;
  }
  .m-ins-navbox .right {
    width: 85%;
    position: relative;
    float: right;
  }
  .m-ins-navbox .right .tit {
    display: block;
    width: 95%;
    padding-left: 5%;
    font-size: 14px;
    color: #000;
    line-height: 38px;
    background: url(../images/ico_36.png) no-repeat 93% center;
    background-size: auto 50%;
    cursor: pointer;
  }
  .m-ins-navbox .right .subbox {
    width: 100%;
    position: absolute;
    top: 38px;
    background-color: #fff;
    z-index: 2;
    display: none;
    left: 0;
  }
  .m-ins-navbox .right .subbox a {
    display: block;
    width: 95%;
    padding-left: 5%;
    line-height: 38px;
    height: 38px;
    border-top: 1px solid #e5e5e5;
    background: url(../images/ico_37.png) no-repeat 92% center;
    background-size: auto 35%;
  }
  .core {
    padding: 30px 0;
  }
  .core_tit .t-1 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .core_tit .t-2 {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .core_con_fr .core-top {
    padding: 14px 0;
    overflow: hidden;
  }
  .core_con_fr .core-s {
    font-size: 30px;
    margin-right: 5px;
  }
  .core_con_fr .core-txt {
    margin-top: 10px;
    margin-left: 0;
    line-height: 37px;
    color: #333;
  }
  .core_con_fr .core-tit .core-tit-1 {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
  }
  .core_con_fr .core-tit .core-tit-2 {
    color: #666;
    font-size: 12px;
  }
  .top-news img {
    width: 100%;
  }
  .top-news .con {
    padding: 30px 10px;
  }
  .top-news .con .tit {
    margin-bottom: 27px;
    font-size: 24px;
    color: #333;
  }
  .news-img {
    margin-left: 0;
  }
  .news-box .tit {
    font-size: 16px;
  }
  .new-pro {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .new-pro-pic {
    margin-top: 0;
  }
  .inner-news {
    padding: 40px 0;
  }
  .news-box .t-1 .time {
    margin-right: 0;
    padding: 0 10px;
  }
  .news-box .tit {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    padding: 0 10px;
  }
  .news-box .txt {
    line-height: 28px;
    padding: 0 10px 30px 10px;
  }
  .news-info {
    padding: 20px 10px;
  }
  .news-box {
    margin: 20px 0;
  }
  .news-list .con {
    padding: 12px;
    margin-bottom: 15px;
  }
  .news-list .con .time {
    margin-bottom: 18px;
  }
  .news-list .con .txt {
    width: 100%;
    float: none;
  }
  .news-list .con .txt span {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .news-list .con .time {
    display: none;
  }
  .down-info {
    padding: 20px 10px;
  }
  .down-info li {
    height: 40px;
  }
  .down-info li span {
    line-height: 40px;
    font-size: 12px;
  }
  .down-info li span i {
    font-size: 16px;
    margin-right: 10px;
  }
  .down-info li em {
    display: none;
  }
  .down-info li o {
    display: none;
  }
  .filters li {
    padding: 10px 18px;
    font-size: 14px;
  }
  .inner {
    padding: 30px 0;
  }
  .product-item {
    margin-bottom: 20px;
  }
  .product-item img {
    width: 100%;
  }
  .contact-form-content {
    padding: 20px;
  }
  .contact-fl, .contact-fr {
    padding: 0;
    margin-top: 30px;
  }
  .contact-form-content .tit span {
    font-size: 24px;
  }
  input.contact_sub {
    width: 180px !important;
    height: 40px !important;
    line-height: 40px;
  }
  input.gbk_5 {
    width: 150px !important;
    left: 0;
    top: 300px;
  }
  .contact-fr .vdimgck {
    left: 170px;
    top: 302px;
  }
  .job-tit {
    display: none;
  }
}
/*产品列表页*/
.list-product {
  margin-bottom: 30px;
  overflow: hidden;
}
.hot_pro_con-tit {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #000;
}
.hot_pro_con {
  padding-bottom: 0px;
  background: #f1f0f0;
}
.hot_pro_con .tab-tit {
  background: #2099d1;
}
.hot_pro_con .tab-tit span {
  text-align: left;
  text-indent: 12px;
}
.hot_pro_con .row {
  margin: 8% 3%;
  width: 94%;
}
.hot_pro_con .main {
  margin-bottom: 30px;
}
.hot_pro_con .main .txt {
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hot_pro_con .main .txt a {
  color: #333;
}
.hot_pro_con .main .img {
  overflow: hidden;
}
.hot_pro_con .main .img img {
  width: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.hot_pro_con .main .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hot_pro_con .main:hover .txt {
  background: #f17d00;
}
.seach_form {
  line-height: 40px;
}
/*下载中心*/
.down {
  padding: 22px;
  padding-top: 0;
  overflow: hidden;
}
.down ul {
  list-style-image: none;
  list-style-type: none;
  margin-top: 6px;
}
.down li {
  border-bottom: 1px dotted #888A89;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.down li a {
  color: #414141;
  text-decoration: none;
}
.down li a.more {
  float: right;
}
.down li a:visited {
  color: #007bff;
}
.down li span {
  color: #414141;
  float: left;
  margin-right: 30px;
}
.contact-form-wrap .bv-form .help-block {
  margin-top: 10px;
  display: inline-block;
}
.contact-lx i.glyphicon-remove {
  color: red;
}
#menu_inquiry #info_form {
  margin: 20px auto;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #1ab1e4;
  border-color: #1ab1e4;
}
/*下载中心*/
.service-box1 {}
.service-box1 .list {
  padding: 60px 0;
}
@media (max-width: 992px) {
  .service-box1 .list {
    padding: 30px 0;
  }
}
.service-box1 .list .item .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: min(1.5625vw, 30px) 0 min(1.5625vw, 30px);
  border-bottom: 1px solid #eeeeee;
  position: relative
}
@media (max-width: 1024px) {
  .service-box1 .list .item .item-box {
    padding: 15px 0 15px 0
  }
}
.service-box1 .list .item .item-box::before {
  content: '';
  width: 0;
  height: 1px;
  background-color: #0b58af;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}
.service-box1 .list .item .item-box .img {
  max-width: 26px;
  margin-right: min(1.14583333vw, 22px)
}
@media (max-width: 1024px) {
  .service-box1 .list .item .item-box .img {
    margin-right: 11px
  }
}
.service-box1 .list .item .item-box .name {
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
  flex: 1;
  padding-right: 100px;
  max-width: 94%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .4s;
  transition: all .4s
}
@media (max-width: 1600px) {
  .service-box1 .list .item .item-box .name {
    font-size: 18px
  }
}
@media (max-width: 1470px) {
  .service-box1 .list .item .item-box .name {
    font-size: 16px
  }
}
.service-box1 .list .item .item-box .text {
  font-size: 14px;
  color: #666666;
  line-height: 1.4;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  -webkit-transition: all .4s;
  transition: all .4s
}
.service-box1 .list .item:hover .item-box::before {
  width: 100%
}
.service-box1 .list .item:hover .item-box .name, .service-box1 .list .item:hover .item-box .text {
  color: #0b58af
}