body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  border: 0;
  max-width: 100%;
}
ul,
ol,
li {
  list-style: none;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
input::-webkit-input-placeholder {
  color: #cfcece;
}
input::-moz-placeholder {
  color: #cfcece;
}
input:-ms-input-placeholder {
  color: #cfcece;
}
input,
select,
button,
textarea {
  outline: none;
  border: 0;
  -webkit-appearance: none;
  vertical-align: middle;
}
* {
  box-sizing: border-box;
}
html {
  width: 100%;
  min-height: 100%;
}
@font-face {
  font-family: 'AlibabaPuH';
  src: url('../webfonts/Alibaba-PuHuiTi-Regular.woff') format('woff'), url('../webfonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'AlibabaPuHL';
  src: url('../webfonts/Alibaba-PuHuiTi-Light.woff') format('woff'), url('../webfonts/Alibaba-PuHuiTi-Light.ttf') format('truetype');
}
body {
  font-family: 'AlibabaPuH', 'Microsoft YaHei', SimHei;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  color: #383c42;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfloat {
  zoom: 1;
}
.clearfloat:after {
  display: block;
  clear: both;
  overflow: hidden;
  content: '';
  visibility: hidden;
  height: 0;
}
/*LESS变量*/
.wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.pad80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pad60 {
  padding-top: 60px;
  padding-bottom: 80px;
}
.margin80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb40 {
  margin-bottom: 40px;
}
.red-txt {
  color: #e83921 !important;
}
.mb-show {
  display: none !important;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #f0f0f0;
}
.header-top {
  padding: 0 50px;
  height: 50px;
  background: linear-gradient(to right, #1185dc, #2c4198);
  FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#1185dc', endColorstr='#2c4198');
}
.header-top .top-fl {
  line-height: 49px;
}
.header-top .top-fl a {
  color: #fff;
  font-size: 14px;
}
.header-top .top-fl span {
  padding: 0 25px;
  font-size: 12px;
  color: #71b5e9;
}
.header-top .search-box {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  height: 30px;
  margin-top: 10px;
  width: 140px;
}
.header-top .search-box input {
  background: transparent;
  width: calc(100% - 30px);
  padding: 0 10px;
  height: 100%;
  float: left;
  color: #fff;
}
.header-top .search-box .search-btn {
  background: transparent;
  border: 0;
  width: 30px;
  height: 100%;
  float: left;
  cursor: pointer;
}
.header-nav {
  height: 100px;
  width: 100%;
  padding: 0 50px;
  background: #fff;
}
.header-nav .logo {
  line-height: 100px;
}
.header-nav .logo img {
  vertical-align: middle;
}
.header-nav .nav-box {
  font-size: 16px;
  height: 100%;
}
.header-nav .nav-box .nav > li {
  position: relative;
  float: left;
  line-height: 100px;
  width: 132px;
  height: 100%;
  text-align: center;
  border-left: 1px solid #f0f0f0;
}
.header-nav .nav-box .nav > li:last-of-type a {
  border-right: 1px solid #f0f0f0;
}
.header-nav .nav-box .nav > li:hover > a,
.header-nav .nav-box .nav > li.curr > a {
  color: #2864ff;
}
.header-nav .nav-box .nav > li > a {
  display: block;
}
.header-nav .nav-box .nav > li > a i {
  margin-left: 5px;
}
.header-nav .nav-box .nav a {
  color: #626b74;
}
.header-nav .nav-box .nav a:hover {
  color: #2864ff;
}
.header-nav .nav-box .nav .sub-nav {
  display: none;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 100px;
  left: 0px;
  /*padding: 10px;*/
  /*border-radius: 5px;*/
  /*border: 1px solid #2864ff;*/
  z-index: 2;
  /*.box {
					&:before {
					    position: absolute;
					    display: block;
					    content: '';
					    top: -7px;
					    left: 50%;
						margin-left: -6px;
					    border-right: 6px solid transparent;
					    border-bottom: 6px solid #2864ff;
					    border-left: 6px solid transparent;
					}
					&:after {
					    position: absolute;
					    display: block;
					    content: '';
					    top: -6px;
					    left: 50%;
						margin-left: -6px;
					    border-right: 6px solid transparent;
					    border-bottom: 6px solid #fff;
					    border-left: 6px solid transparent;
					}
				}*/
}
.header-nav .nav-box .nav .sub-nav a {
  display: flex;
  align-items: center;
  height: 60px;
  line-height: 1.7;
  padding: 0 20px;
  background: #ecf0f8;
  border-bottom: 1px solid #6b83a5;
  text-align: center;
  justify-content: center;
}
.header-nav .nav-box .nav .sub-nav a:last-of-type {
  border-bottom: 0;
}
.header-nav .nav-box .nav .sub-nav a:hover {
  color: #2864ff;
  background: #dde4f6;
}
.header-nav .nav-box .tel-link {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #2864ff;
  margin: 0 25px;
}
.header-nav .nav-box .tel-link span {
  margin-left: 5px;
}
.header-nav .nav-box .contact-link {
  display: inline-block;
  text-align: center;
  background: #1185dc;
  height: 36px;
  line-height: 36px;
  color: #fff;
  width: 120px;
  border-radius: 3px;
  transition: all 400ms;
  margin-top: 30px;
}
.header-nav .nav-box .contact-link:hover {
  background: #2d4298;
}
.menu-btn {
  display: none;
  position: fixed;
  top: 11px;
  right: 5%;
  background: #1285dc;
  text-align: center;
  padding: 6px;
  z-index: 10;
  /*transition: all 400ms;*/
}
.menu-btn span {
  display: block;
  width: 25px;
  height: 3px;
  background: #fff;
  margin: 4px 0;
  transition: all 400ms;
}
.menu-btn.curr span {
  transition: all 400ms;
}
.menu-btn.curr span:nth-of-type(1) {
  transform-origin: center;
  transform: translateY(7px) rotate(45deg);
}
.menu-btn.curr span:nth-of-type(2) {
  opacity: 0;
}
.menu-btn.curr span:nth-of-type(3) {
  transform-origin: center;
  transform: translateY(-7px) rotate(-45deg);
}
.footer {
  background: #32353e;
}
.footer .footer-top {
  padding: 60px 0;
}
.footer .footer-top .quick-link {
  width: 55%;
  color: #fff;
}
.footer .footer-top .quick-link li {
  float: left;
  margin-right: 65px;
}
.footer .footer-top .quick-link li .link-title {
  font-size: 16px;
  margin-bottom: 5px;
}
.footer .footer-top .quick-link li a {
  display: block;
  color: 14px;
  color: #ffffff;
  line-height: 36px;
}
.footer .footer-top .quick-link li a:hover {
  color: #1185dc;
}
.footer .footer-top .company-info {
  max-width: 45%;
  color: #fff;
  font-size: 16px;
}
.footer .footer-top .company-info .txtbox {
  line-height: 1.7;
  margin-bottom: 35px;
}
.footer .footer-top .company-info .txtbox a {
  color: #fff;
}
.footer .footer-top .company-info .txtbox a:hover {
  color: #1185dc;
}
.footer .footer-top .company-info .wechat-ewm {
  width: 100px;
  height: 100px;
  background: #fff;
  margin-top: 5px;
}
.footer .footer-copy {
  border-top: 1px solid #474a52;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.crumbs {
  padding-top: 30px;
}
.crumbs .crumbs-a {
  color: #383c42;
}
.crumbs .crumbs-a:hover {
  color: #1185dc;
}
.crumbs .crumbs-a:after {
  content: '/';
  margin: 0 8px 0 6px;
}
/*分页器*/
.paging {
  margin-top: 50px;
  text-align: center;
}
.paging li {
  display: inline-block;
  margin: 0 3px;
}
.paging li span,
.paging li a {
  display: block;
  min-width: 46px;
  height: 46px;
  border: 1px solid #f0f0f0;
  text-align: center;
  line-height: 46px;
  color: #aaaaaa;
  font-size: 18px;
  padding: 0 10px;
}
.paging li.active span,
.paging li a:hover {
  background: #1185dc;
  color: #fff;
}
.main-title {
  font-size: 24px;
  color: #051233;
}
/*轮播*/
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-dots {
  bottom: 10px;
}
/*首页*/
.ibanner-swiper {
  margin-top: 150px;
}
.ibanner-swiper img {
  width: 100%;
  display: block;
}
.ibanner-swiper .slick-prev,
.ibanner-swiper .slick-next {
  width: 27px;
  height: 44px;
}
.ibanner-swiper .slick-next {
  background: url(../images/swiper-next.png) no-repeat center center;
  right: 50px;
}
.ibanner-swiper .slick-next:before,
.ibanner-swiper .slick-prev:before {
  display: none;
}
.ibanner-swiper .slick-prev {
  background: url(../images/swiper-prev.png) no-repeat center center;
  left: 50px;
}
.ibanner-swiper .slick-dots li {
  height: 3px;
  width: 20px;
  background: #8397b4;
  border-radius: 2px;
  opacity: 1;
}
.ibanner-swiper .slick-dots li button {
  height: 5px;
}
.ibanner-swiper .slick-dots li button:before {
  display: none;
}
.ibanner-swiper .slick-dots li.slick-active {
  background: #fff;
}
.ibanner-swiper .swiper-pagination-bullet-active {
  background: #fff;
}
.ind-tit1 {
  font-size: 36px;
  font-family: 'AlibabaPuHL';
  line-height: 1;
}
.ind-tit2 {
  font-size: 36px;
}
.indbox1 {
  background: url(../images/indbg01.png) no-repeat top 70px center;
  background-size: 100%;
  padding-top: 100px;
}
.indbox1 .box {
  margin-bottom: 70px;
}
.indbox1 .box .intro {
  margin-bottom: 40px;
}
.indbox1 .box .intro .intro-txt {
  width: calc(100% - 280px);
  padding-right: 110px;
}
.indbox1 .box .intro .ind-tit2 {
  color: #1185dc;
}
.indbox1 .box .intro .info {
  margin-top: 50px;
  font-size: 16px;
}
.indbox1 .box .intro .intro-img {
  width: 280px;
}
.indbox1 .box .intro .intro-img .item {
  width: 100%;
  color: #fff;
  font-size: 24px;
  padding: 35px 0;
}
.indbox1 .box .intro .intro-img .item p {
  text-indent: 110px;
}
.indbox1 .box .intro .intro-img .item p:nth-of-type(2) {
  font-size: 18px;
}
.indbox1 .box .intro .intro-img .item:nth-of-type(1) {
  background: #1185dc url("../images/intro-img01.png") no-repeat left 40px center;
}
.indbox1 .box .intro .intro-img .item:nth-of-type(2) {
  background: #2d4198 url("../images/intro-img02.png") no-repeat left 40px center;
}
.indbox1 .box .indimg img {
  width: 100%;
  display: block;
}
.ind-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.ind-top .ind-tit2 {
  color: #051233;
}
.ind-top .sub-tit {
  font-size: 16px;
  color: #626b74;
}
.ind-top .ind-top-fr {
  margin-top: 30px;
}
.btn-primary {
  display: block;
  min-width: 140px;
  height: 46px;
  padding: 0 20px;
  line-height: 46px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(to right, #1185dc, #2c4198);
  transition: all 600ms;
}
.btn-primary:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.product-list li {
  width: calc(100%/4 - 25px);
  margin-right: 25px;
  border: 1px solid #f0f0f0;
  transition: all 600ms;
  margin-bottom: 30px;
  float: left;
}
.product-list li:nth-of-type(4n) {
  margin-right: 0;
}
.product-list li:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.product-list li:hover .txtbox .title {
  color: #1185dc;
}
.product-list li:hover .txtbox .title a {
  color: #1185dc;
}
.product-list li .imgbox {
  height: 150px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /*
			display:table;
			table-layout:fixed;*/
}
.product-list li .imgbox a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-list li .imgbox span {
  width: 100%;
  height: 100%;
  /*display: table-cell;
			  vertical-align: middle;
			  text-align: center;*/
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-list li .imgbox img {
  max-width: 100%;
  max-height: 100%;
  /*width: 100%;*/
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}
.product-list li .txtbox {
  padding: 20px 15px 40px;
  border-top: 1px solid #f0f0f0;
}
.product-list li .txtbox .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  color: #383c42;
}
.product-list li .txtbox .title a {
  color: #383c42;
}
.product-list li .txtbox .info {
  font-size: 14px;
  height: 40px;
  color: #b7b8b7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.iproduct-list li .imgbox img {
  height: 100%;
  max-width: auto;
  max-height: auto;
}
.indbox2 {
  background: #051233;
  color: #fff;
}
.indbox2 .system-list {
  margin-top: 50px;
}
.indbox2 .system-list li {
  width: 25%;
  float: left;
  padding-right: 40px;
}
.indbox2 .system-list li .txtbox {
  margin-top: 20px;
}
.indbox2 .system-list li .txtbox .title {
  font-size: 22px;
  margin-bottom: 10px;
}
.indbox2 .system-list li .txtbox .info {
  font-size: 14px;
}
.indbox2 .system-list li:nth-of-type(3),
.indbox2 .system-list li:nth-of-type(4) {
  padding-right: 0;
  padding-left: 40px;
}
.indbox2 .system-list li img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.indbox2 .system-list li:hover img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.indbox3 {
  background: url(../images/indbg02.jpg) no-repeat center center;
  background-size: cover;
}
.indbox3 .application-list {
  overflow: hidden;
}
.indbox3 .application-list:after {
  display: block;
  content: "";
  clear: both;
}
.indbox3 .application-list li {
  float: left;
  width: 180px;
  position: relative;
  color: #fff;
  overflow: hidden;
}
.indbox3 .application-list li a {
  color: #fff;
}
.indbox3 .application-list li .img {
  display: block;
  max-width: none;
}
.indbox3 .application-list li .txtbox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.indbox3 .application-list li .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  transition: top 600ms;
}
.indbox3 .application-list li .info {
  position: absolute;
  width: 100%;
  font-size: 14px;
  padding: 0 10%;
  top: 100%;
  transition: all 600ms;
}
.indbox3 .application-list li .more {
  position: absolute;
  font-size: 14px;
  width: 100%;
  text-align: center;
  bottom: -100%;
  color: #fff;
  transition: all 600ms;
}
.indbox3 .application-list li.curr .txtbox {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.indbox3 .application-list li.curr .title {
  font-size: 32px;
  top: 35%;
}
.indbox3 .application-list li.curr .info {
  top: 47%;
}
.indbox3 .application-list li.curr .more {
  bottom: 25px;
}
.inews-box .inews-last {
  float: left;
  width: 50%;
  padding-right: 60px;
}
.inews-box .inews-last:hover img {
  transition: all 600ms;
  transform: scale(1.1);
}
.inews-box .inews-last:hover .title {
  color: #1185dc;
}
.inews-box .inews-last .imgbox {
  border: 1px solid #f0f0f0;
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.inews-box .inews-last .imgbox a {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.inews-box .inews-last .imgbox img {
  transition: all 600ms;
  display: block;
  margin: 0 auto;
}
.inews-box .inews-last .txtbox {
  margin-top: 35px;
}
.inews-box .title {
  font-size: 24px;
  color: #051233;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
}
.inews-box .info {
  font-size: 14px;
  color: #626b74;
  margin: 10px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inews-box .date {
  font-size: 14px;
  color: #b7b8b7;
}
.inews-box .inews-top {
  width: 50%;
  float: right;
  margin-bottom: 20px;
}
.inews-box .inews-top .ind-tit2 {
  color: #051233;
}
.inews-box .inews-list {
  float: left;
  width: 50%;
}
.inews-box .inews-list ul li {
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0;
  transition: all 400ms;
}
.inews-box .inews-list ul li:hover {
  transform: translateX(10px);
}
.inews-box .inews-list ul li:hover .title {
  color: #1185dc;
}
.inews-box .inews-list ul li:last-of-type {
  border: 0;
}
.indbox5 {
  background: #f5f6fa;
}
.indbox5 .ibrand-box {
  text-align: center;
}
.service-data {
  display: flex;
  margin: 50px 0;
}
.service-data:after {
  display: block;
  content: "";
  clear: both;
}
.service-data li {
  float: left;
  /*margin-right: 12%;*/
  margin-right: 11%;
  width: 200px;
}
.service-data li:last-of-type {
  margin-right: 0;
}
.service-data li .data {
  font-size: 24px;
  color: #656c75;
  line-height: 1;
}
.service-data li .data .counter {
  font-size: 56px;
  color: #1185dc;
  font-weight: bold;
}
.service-data li .data-txt {
  font-size: 20px;
  color: #a1a9b5;
}
/*首页end*/
/*内页banner*/
.inner-banner {
  position: relative;
  margin-top: 150px;
}
.inner-banner .imageText-img {
  display: block;
  width: 100%;
}
.inner-banner .banner-text-box {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*display: flex;
	    align-items: center;
	    justify-content: left;*/
  display: table;
  table-layout: fixed;
}
.inner-banner .inner-title-box {
  display: table-cell;
  vertical-align: middle;
}
.inner-banner .inner-title {
  font-size: 60px;
  color: #fff;
  line-height: 1.2;
}
.inner-banner .inner-subtit {
  font-size: 24px;
  color: #fff;
}
.sort-box .sort-link {
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: center;
  height: 70px;
}
.sort-box .sort-link > a {
  float: left;
  display: block;
  line-height: 70px;
  color: #b7b8b7;
  font-size: 16px;
  margin-right: 12%;
  /*width: calc(~"100%/6");*/
  text-align: center;
}
.sort-box .sort-link > a:last-of-type {
  margin-right: 0;
}
.sort-box .sort-link > a:hover,
.sort-box .sort-link > a.curr {
  color: #1185dc;
  border-bottom: 2px solid #1185dc;
}
.sort-box .sort-link i {
  margin-left: 5px;
}
/*产品列表*/
.product-box .product-top {
  font-size: 18px;
  margin-bottom: 20px;
}
.product-box .product-top .sort-tit {
  color: #051233;
  margin-right: 20px;
}
.product-box .product-top .num {
  color: #b7b8b7;
}
.product-box .product-list li .imgbox {
  height: 220px;
}
.product-box .type-intro {
  font-size: 16px;
  color: #626b74;
  line-height: 1.7;
  background: #e2e2e2;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}
/*产品详情*/
.proinfo-box .pro-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.proinfo-box .pro-fl {
  width: calc(100% - 420px);
  padding-right: 40px;
  font-size: 14px;
  float: left;
}
.proinfo-box .pro-fl .pro-img {
  border: 1px solid #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  /*display:table;
			table-layout:fixed;*/
}
.proinfo-box .pro-fl .pro-img img {
  max-width: 100%;
  max-height: 100%;
}
.proinfo-box .pro-fl .pro-img span {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.proinfo-box .pro-fl .format-table {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-top: 2px solid #717070;
  border-collapse: collapse;
}
.proinfo-box .pro-fl .format-table td {
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
}
.proinfo-box .pro-fl .format-table td:nth-of-type(1) {
  width: 40%;
  background: #f7f7f7;
}
.proinfo-box .pro-fl .pro-news {
  border-top: 2px solid #717070;
}
.proinfo-box .pro-fl .pro-news li {
  padding: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
  color: #b7b8b7;
}
.proinfo-box .pro-fl .pro-news li.pro-th {
  border-bottom: 1px solid #a9a6a7;
}
.proinfo-box .pro-fl .pro-news li:after {
  display: block;
  content: "";
  clear: both;
}
.proinfo-box .pro-fl .pro-news li .date {
  float: left;
  width: 30%;
}
.proinfo-box .pro-fl .pro-news li .theme {
  float: left;
  width: 70%;
}
.proinfo-box .pro-fl .pro-news li a {
  color: #383c42;
}
.proinfo-box .pro-fl .pro-news li a:hover {
  color: #1185dc;
}
.proinfo-box .pro-fr {
  width: 420px;
  font-size: 14px;
  float: left;
}
.proinfo-box .pro-fr .pro-info {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.proinfo-box .pro-fr .pro-info p {
  color: #626b74;
  margin-bottom: 10px;
}
.proinfo-box .pro-fr .pro-download {
  font-size: 16px;
}
.proinfo-box .pro-fr .pro-download li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.proinfo-box .pro-fr .pro-download li:last-of-type {
  border-bottom: 0;
}
.proinfo-box .pro-fr .pro-download li:after {
  display: block;
  content: "";
  clear: both;
}
.proinfo-box .pro-fr .pro-download a {
  color: #626b74;
}
.proinfo-box .pro-fr .pro-download a:hover {
  color: #1185dc;
}
.proinfo-box .pro-fr .pro-download .btn {
  background: url(../images/download-ico.png) no-repeat left center;
  color: #e83921;
  text-indent: 22px;
}
.proinfo-box .pro-fr .contact-link {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 60px;
  background: #1185dc;
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
  transition: all 400ms;
}
.proinfo-box .pro-fr .contact-link:hover {
  background: #2d4298;
}
/*新闻列表*/
.news-box .news-top {
  margin-bottom: 50px;
}
.news-box .news-top a {
  display: block;
  float: left;
  width: 50%;
  border: 1px solid #b3b3b3;
  border-bottom: 2px solid #1185dc;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
  color: #b7b8b7;
  letter-spacing: 2px;
}
.news-box .news-top a:not(:last-of-type) {
  border-right: 0;
}
.news-box .news-top a:last-of-type {
  border-left: 0;
}
.news-box .news-top a.curr {
  background: #1185dc;
  color: #fff;
}
.news-box .news-list li {
  padding: 20px 0;
  border-bottom: 1px solid #b3b3b3;
  transition: all 600ms;
}
.news-box .news-list li:after {
  display: block;
  content: "";
  clear: both;
}
.news-box .news-list li:hover {
  transform: translate(10px);
}
.news-box .news-list li:hover .txtbox .title {
  color: #1185dc;
}
.news-box .news-list li:hover img {
  transition: all 600ms;
  /*transform: scale(1.1);*/
}
.news-box .news-list li .imgbox {
  float: left;
  width: 280px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*display:table;
				table-layout:fixed;*/
  overflow: hidden;
}
.news-box .news-list li .imgbox a {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /*display: table-cell;
				  vertical-align: middle;
				  text-align: center;*/
}
.news-box .news-list li .imgbox img {
  width: 100%;
  margin: 0 auto;
  transition: all 600ms;
}
.news-box .news-list li .txtbox {
  float: left;
  width: calc(100% - 280px);
  padding-left: 60px;
}
.news-box .news-list li .txtbox a {
  font-size: 14px;
  color: #b7b8b7;
}
.news-box .news-list li .txtbox .title {
  font-size: 24px;
  color: #051233;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-box .news-list li .txtbox .info {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 10px 0;
  color: #666;
}
.news-box .news-list li .txtbox .date {
  color: #666;
}
/*新闻详情*/
.newsinfo-box .newsinfo-title {
  width: calc(100% - 400px);
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
}
.newsinfo-box .newsinfo-title .date {
  font-size: 14px;
  color: #b7b8b7;
}
.newsinfo-box .news-fl {
  width: calc(100% - 400px);
  margin-right: 100px;
  float: left;
  margin-top: 30px;
  font-size: 14px;
  color: #626b74;
}
.newsinfo-box .news-paging {
  margin-top: 50px;
}
.newsinfo-box .news-paging a {
  font-size: 16px;
  color: #626b74;
  display: block;
  padding: 5px 0;
}
.newsinfo-box .news-paging a:hover {
  color: #1185dc;
}
.newsinfo-box .news-fr {
  width: 300px;
  float: left;
}
.newsinfo-box .news-fr .news-title {
  font-size: 16px;
  color: #fff;
  /*line-height: 50px;*/
  background: #1185dc;
  padding: 10px 30px;
  margin-bottom: 20px;
}
.newsinfo-box .news-fr .news-other li {
  margin-bottom: 25px;
}
.newsinfo-box .news-fr .news-other li:hover img {
  transform: scale(1.1);
  transition: all 600ms;
}
.newsinfo-box .news-fr .news-other li:hover .txtbox {
  color: #1185dc;
}
.newsinfo-box .news-fr .news-other li .imgbox {
  width: 100%;
  height: 160px;
  background: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  overflow: hidden;
  /*display:table;
					table-layout:fixed;*/
}
.newsinfo-box .news-fr .news-other li .imgbox span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /*display: table-cell;
					  vertical-align: middle;
					  text-align: center;*/
}
.newsinfo-box .news-fr .news-other li .imgbox img {
  width: 100%;
  /*max-width: 100%;
						max-height: 100%;*/
  transition: all 600ms;
  margin: 0 auto;
}
.newsinfo-box .news-fr .news-other li .txtbox {
  font-size: 16px;
  color: #051233;
}
/*联系页面*/
::-webkit-input-placeholder {
  color: #b7b8b7;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #b7b8b7;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #b7b8b7;
}
:-ms-input-placeholder {
  color: #b7b8b7;
}
.contact-box .contact-form {
  background: #e0e4e8;
  padding: 60px 30px;
  border-radius: 5px;
}
.contact-box .contact-form .contact-fl {
  float: left;
  width: calc(50% - 20px);
  margin-right: 20px;
}
.contact-box .contact-form .form-input {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 10px;
}
.contact-box .contact-form .contact-fr {
  float: left;
  width: 50%;
}
.contact-box .contact-form .contact-fr textarea {
  height: 210px;
  padding: 10px;
  resize: none;
}
.contact-box .contact-form .contact-btn {
  width: 260px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 auto;
  cursor: pointer;
}
.contact-box .contact-txt .title {
  text-align: center;
  color: #383c42;
  font-size: 30px;
  margin-bottom: 20px;
}
.contact-box .contact-txt ul li {
  float: left;
  width: calc((100% - 40px)/2);
  margin-right: 40px;
}
.contact-box .contact-txt ul li:last-of-type {
  margin-right: 0;
}
.contact-box .contact-txt ul li .icon {
  margin-bottom: 10px;
}
.contact-box .contact-txt ul li p {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.7;
}
.contact-box .contact-txt ul li p img {
  vertical-align: middle;
  margin-right: 5px;
}
.contact-box .contact-txt ul li p a {
  color: #383c42;
}
.contact-box .contact-txt ul li p a:hover {
  color: #1185dc;
}
.contact-box .contact-txt ul li .contact-tit {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
/*关于我们*/
.about-title {
  font-size: 36px;
  color: #051233;
  /*margin-bottom: 50px;*/
}
.about-box .about-info .title {
  font-size: 30px;
  color: #1185dc;
}
.about-box .about-info .sub-title {
  font-size: 30px;
  font-family: 'AlibabaPuHL';
  color: #051233;
}
.about-box .about-info .about-fr {
  width: 50%;
  font-size: 14px;
  color: #626b74;
}
.about-box .about-info .about-fr p {
  margin-bottom: 10px;
}
.about-box .history-box .time-line {
  position: relative;
  margin: 50px 0;
}
.about-box .history-box .time-line .line1 {
  height: 1px;
  width: 100%;
  background: #e6e6e6;
  position: absolute;
  top: 14px;
  left: 0;
}
.about-box .history-box .time-line .line2 {
  height: 1px;
  width: 50px;
  background: #e83921;
  /*margin-top: -11px;*/
  position: absolute;
  top: 14px;
  left: 0;
}
.about-box .history-box .time-line .slick-prev,
.about-box .history-box .time-line .slick-next {
  margin-top: -26px;
}
.about-box .history-box .time-line .slick-next {
  right: -20px;
}
.about-box .history-box .time-line .slick-prev {
  left: -20px;
}
.about-box .history-box .time-line .slick-prev:before,
.about-box .history-box .time-line .slick-next:before {
  color: #1185dc;
  font-size: 26px;
}
.about-box .history-box .time-line .time-swiper {
  /*display: flex;*/
  margin-top: -5px;
}
.about-box .history-box .time-line .time-swiper .slick-son {
  width: 100px;
  text-align: center;
  cursor: pointer;
  padding-top: 10px;
}
.about-box .history-box .time-line .time-swiper .slick-son .date {
  font-size: 16px;
  color: #b7b8b7;
}
.about-box .history-box .time-line .time-swiper .slick-son .point {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto 15px;
  background: #b7b8b7;
  position: relative;
  transition: all 400ms;
}
.about-box .history-box .time-line .time-swiper .slick-son .point:before {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #e83921;
  position: absolute;
  top: -7px;
  left: -7px;
  transform: scale(0);
  transition: all 400ms;
}
.about-box .history-box .time-line .time-swiper .slick-son.curr .date,
.about-box .history-box .time-line .time-swiper .slick-son:hover .date {
  color: #e83921;
}
.about-box .history-box .time-line .time-swiper .slick-son.curr .point,
.about-box .history-box .time-line .time-swiper .slick-son:hover .point {
  background: #e83921;
}
.about-box .history-box .time-line .time-swiper .slick-son.curr .point:before,
.about-box .history-box .time-line .time-swiper .slick-son:hover .point:before {
  transform: scale(1);
}
.about-box .history-box .history-con {
  position: relative;
  /*margin-top: 50px;*/
}
.about-box .history-box .history-con .year-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 200px;
  color: #c5c5d9;
  font-weight: bold;
}
.about-box .history-box .history-con .con {
  position: relative;
  z-index: 2;
}
.about-box .history-box .history-con .con-fl {
  width: 45%;
  display: flex;
}
.about-box .history-box .history-con .con-fl .date {
  font-size: 18px;
  color: #e83921;
  margin-right: 50px;
}
.about-box .history-box .history-con .con-fl .company-name {
  font-size: 18px;
  color: #051233;
  margin-bottom: 20px;
}
.about-box .history-box .history-con .con-fl .info p {
  font-size: 14px;
  color: #626b74;
  line-height: 1.7;
}
.about-box .history-box .history-con .company-logo {
  max-width: 45%;
}
.banner-m img {
  display: block;
  width: 100%;
}
.zone-box .sub-title {
  font-size: 16px;
  color: #626b74;
}
.zone-box .zone-list li {
  float: left;
  width: calc(100%/4 - 19px);
  margin: 25px;
  margin-left: 0;
  /*height: 360px;*/
  background: #f0f0f0;
  position: relative;
}
.zone-box .zone-list li:last-of-type {
  margin-right: 0;
}
.zone-box .zone-list li:hover img {
  transition: all 600ms;
  transform: scale(1.1);
}
.zone-box .zone-list li .imgbox {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /*display:table;
				table-layout:fixed;*/
}
.zone-box .zone-list li .imgbox span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /*display: table-cell;
				  vertical-align: middle;
				  text-align: center;*/
}
.zone-box .zone-list li .imgbox img {
  width: 100%;
  transition: all 600ms;
  margin: 0 auto;
  display: block;
}
.zone-box .zone-list li .txtbox {
  position: absolute;
  top: 25px;
  left: 25px;
  font-size: 24px;
  color: #626b74;
}
.zone-box .info {
  font-size: 16px;
  color: #626b74;
  margin-bottom: 20px;
}
.zone-box .btn-primary {
  width: 140px;
}
.culture-box {
  background: url(../images/bg01.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.culture-box .p1 {
  font-size: 36px;
}
.culture-box .p2 {
  font-size: 60px;
}
.culture-box .p3 {
  font-size: 16px;
  margin: 50px 0;
}
.culture-box .btn {
  display: block;
  margin: 0 auto;
  width: 220px;
  height: 60px;
  border-radius: 5px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 60px;
  color: #fff;
  transform: all 600ms;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.culture-box .btn:hover {
  background: #fff;
  color: #051233;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/*品质保证*/
.average-sort .sort-link a {
  margin-right: 0;
  flex: 1;
}
.products-sort .products-menu {
  width: 15%;
  margin: 0 20px;
  /*margin-right: 12%;*/
  position: relative;
}
.products-sort .products-menu > a {
  display: block;
  line-height: 70px;
  color: #b7b8b7;
  font-size: 16px;
  margin-right: 12%;
  text-align: center;
}
.products-sort .products-menu > a:last-of-type {
  margin-right: 0;
}
.products-sort .products-menu > a:hover,
.products-sort .products-menu > a.curr {
  color: #1185dc;
  border-bottom: 2px solid #1185dc;
}
.products-sort .products-sub {
  display: none;
  width: 500%;
  background: #fff;
  position: absolute;
  top: 72px;
  left: 0px;
  z-index: 2;
}
.products-sort .products-sub .box {
  display: flex;
  flex-wrap: wrap;
  background: #ecf0f8;
}
.products-sort .products-sub a {
  display: flex;
  align-items: center;
  width: calc(100%/3);
  height: 60px;
  line-height: 1.7;
  padding: 0 20px;
  background: #ecf0f8;
  border-bottom: 1px solid #1185dc;
  text-align: center;
  justify-content: center;
  color: #383c42;
}
.products-sort .products-sub a .red {
  font-size: 20px;
  color: #e83921;
  font-weight: bold;
}
.products-sort .products-sub a:last-of-type {
  border-bottom: 0;
}
.products-sort .products-sub a:hover {
  color: #1185dc;
  background: #dde4f6;
}
.product-search {
  display: none;
}
.product-search .product-select {
  width: 100%;
  border: 1px solid #f0f0f0;
  height: 50px;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 0 10px;
  background: url(../images/arrow-b.png) no-repeat right 10px center;
}
.application-sort .sort-link a {
  width: calc(100%/7 - 1px);
}
.quality-box .quality-list li {
  float: left;
  width: calc(100%/3 - 20px);
  margin-right: 30px;
  margin-bottom: 30px;
}
.quality-box .quality-list li:nth-of-type(3n) {
  margin-right: 0;
}
.quality-box .quality-list li:hover img {
  transition: all 600ms;
  transform: scale(1.1);
}
.quality-box .quality-list li p {
  font-size: 16px;
  color: #626b74;
  text-align: center;
}
.quality-box .quality-list li .imgbox {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 100%;
  margin-bottom: 10px;
  /*display:table;
				table-layout:fixed;*/
}
.quality-box .quality-list li .imgbox span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /*display: table-cell;
				  vertical-align: middle;
				  text-align: center;*/
}
.quality-box .quality-list li .imgbox img {
  transition: all 600ms;
  margin: 0 auto;
}
.application-box {
  font-size: 16px;
  color: #626b74;
  line-height: 1.7;
}
.application-box .type-box .item {
  margin-bottom: 40px;
}
.application-box .type-box .type-name {
  background: #1185dc;
  color: #fff;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  position: relative;
  width: 190px;
  margin-bottom: 15px;
}
.application-box .type-box .type-name span {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  line-height: 46px;
  text-align: center;
  background: url(../images/num-ico.png) no-repeat center center;
  margin-right: 5px;
  margin-top: -5px;
  margin-left: -5px;
}
.seachresult {
  margin-top: 150px;
}
.searchbox .inpbox {
  margin-top: 30px;
  background: #eeeeee;
  height: 45px;
}
.searchbox .inpbox input {
  width: calc(100% - 80px);
  height: 45px;
  border: none;
  background: transparent;
  padding: 0 14px;
  font-size: 16px;
  float: left;
}
.searchbox .inpbox button {
  width: 80px;
  height: 45px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 24px;
  float: right;
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  color: #bec0c3;
}
.searchbox .inpbox button:before {
  width: 1px;
  height: 31px;
  content: '';
  background: #ddd;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.searchbox .inpbox button:hover {
  color: #2864ff;
}
.resultlist {
  margin: 30px auto 0;
}
.resultlist li {
  font-size: 16px;
  border-radius: 4px;
  padding: 20px;
}
.resultlist li:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.resultlist li:hover .titlebox {
  font-size: 18px;
  /*color: @color_green;*/
  padding-left: 20px;
}
.resultlist li a .titlebox {
  line-height: 18px;
  color: #333;
  transition: 0.3s;
}
@media screen and (max-width: 1600px) {
  .header-nav .logo img {
    width: 320px;
  }
  .header-nav .nav-box .nav > li {
    width: 120px;
  }
  .header-nav .nav-box .tel-link {
    font-size: 16px;
    margin: 0 20px;
  }
  .header-nav .nav-box .contact-link {
    width: 110px;
  }
}
@media screen and (max-width: 1440px) {
  .header-top,
  .header-nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1330px) {
  .header-nav .nav-box .nav > li {
    width: 110px;
  }
  .header-nav .logo img {
    width: 280px;
  }
}
@media screen and (max-width: 1260px) {
  .wrap {
    max-width: 95%;
  }
  .header-top,
  .header-nav {
    padding: 0 2.5%;
  }
  .header-nav .nav-box .nav > li {
    width: 100px;
  }
  .header-nav .logo img {
    width: 260px;
  }
  .header-nav .nav-box,
  .header-nav .nav-box .tel-link {
    font-size: 14px;
  }
  .ind-tit1,
  .ind-tit2 {
    font-size: 32px;
  }
  .indbox3 .application-list li.curr .title {
    font-size: 30px;
  }
  .product-list li .txtbox .title,
  .inner-banner .inner-subtit {
    font-size: 20px;
  }
  .indbox1 .box .intro .intro-img .item,
  .inews-box .title,
  .service-data li .data {
    font-size: 22px;
  }
  .footer .footer-top .quick-link li {
    margin-right: 50px;
  }
  .service-data li .data .counter,
  .inner-banner .inner-title {
    font-size: 52px;
  }
  .indbox3 .application-list li {
    width: 15%;
  }
  .quality-box .quality-list li .imgbox {
    height: 200px;
  }
}
@media screen and (max-width: 1100px) {
  .header-nav .logo img {
    width: 220px;
  }
  .header-nav .nav-box .contact-link {
    width: 100px;
  }
  .header-nav {
    height: 90px;
  }
  .header-nav .logo,
  .header-nav .nav-box .nav > li {
    line-height: 90px;
  }
  .header-nav .nav-box .nav .sub-nav {
    top: 90px;
  }
  .ibanner-swiper,
  .inner-banner {
    margin-top: 140px;
  }
  .header-nav .nav-box .nav > li {
    width: 90px;
  }
  .header-nav .nav-box,
  .header-nav .nav-box .tel-link {
    font-size: 12px;
  }
  .header-nav .nav-box .tel-link {
    margin: 0 10px;
  }
  .ind-tit1,
  .ind-tit2 {
    font-size: 26px;
  }
  .indbox3 .application-list li.curr .title {
    font-size: 26px;
  }
  .product-list li .txtbox .title,
  .footer .footer-top .quick-link li .link-title,
  .paging li span,
  .paging li a,
  .news-box .news-top a {
    font-size: 16px;
  }
  .indbox1 .box .intro .intro-img .item,
  .inews-box .title,
  .service-data li .data,
  .indbox2 .system-list li .txtbox .title,
  .inner-banner .inner-subtit {
    font-size: 18px;
  }
  .news-box .news-list li .txtbox .title {
    font-size: 20px;
  }
  .indbox1 .box .intro .info,
  .btn-primary,
  .footer .footer-top .quick-link li a,
  .footer .footer-top .company-info,
  .application-box {
    font-size: 14px;
  }
  .indbox2 .system-list li .txtbox .info {
    font-size: 12px;
  }
  .sort-box .sort-link {
    height: 60px;
  }
  .products-sort .products-menu > a {
    font-size: 15px;
    line-height: 60px;
  }
  .service-data li .data .counter {
    font-size: 46px;
  }
  .inner-banner .inner-title {
    font-size: 36px;
  }
  .footer .footer-top .quick-link li {
    margin-right: 40px;
  }
  .quality-box .quality-list li .imgbox {
    height: 170px;
  }
}
/*LESS变量*/
@media screen and (max-width: 965px) {
  .mb-show {
    display: block !important;
  }
  .mb-hide {
    display: none;
  }
  .header-top {
    display: none;
  }
  .menu-btn {
    display: block;
  }
  .header-nav {
    height: 60px;
    padding: 0 5%;
  }
  .header-nav .logo {
    line-height: 60px;
    position: relative;
    z-index: 10;
  }
  .header-nav .logo img {
    width: 200px;
  }
  .header-nav .nav-box {
    position: fixed;
    transform: translateY(-100%);
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    overflow: auto;
    transition: all 0.4s;
    padding: 60px 5% 0;
    font-size: 16px;
  }
  .header-nav .nav-box.curr {
    transform: translateY(0);
  }
  .header-nav .nav-box .tel-link {
    display: none;
  }
  .header-nav .nav-box .contact-link {
    margin: 20px auto;
    display: block;
    width: 120px;
  }
  .header-nav .nav-box .nav {
    float: none;
  }
  .header-nav .nav-box .nav:after {
    display: block;
    content: "";
    clear: both;
  }
  .header-nav .nav-box .nav > li {
    width: 100%;
    line-height: 50px;
    border: 0;
  }
  .header-nav .nav-box .nav > li:hover > a {
    color: #383c42;
  }
  .header-nav .nav-box .nav > li.curr > a {
    color: #2864ff;
  }
  .header-nav .nav-box .nav .sub-nav {
    position: static;
    width: 100%;
    border: 0;
    border-top: 1px solid #6b83a5;
    border-radius: 0;
    padding: 10px;
    background: #ecf0f8;
  }
  .header-nav .nav-box .nav .sub-nav a {
    border-bottom: 0;
    height: 40px;
    text-align: center;
  }
  .footer .footer-top {
    padding: 30px 0;
  }
  .footer .footer-top .quick-link {
    display: none;
  }
  .footer .footer-top .company-info {
    max-width: 100%;
    font-size: 14px;
    float: none;
  }
  .footer .footer-copy {
    font-size: 12px;
    line-height: 40px;
  }
  .ibanner-swiper,
  .inner-banner {
    margin-top: 60px;
  }
  .wrap {
    width: 90%;
    max-width: 90%;
  }
  .pad80,
  .pad60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .margin80 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mb50,
  .mb40 {
    margin-bottom: 20px;
  }
  .ibanner-swiper .slick-next,
  .ibanner-swiper .slick-prev {
    display: none !important;
  }
  .indbox1 {
    padding-top: 30px;
  }
  .indbox1 .box {
    margin-bottom: 30px;
  }
  .indbox1 .box .intro {
    margin-bottom: 30px;
  }
  .indbox1 .box .intro .intro-txt {
    width: 100%;
    padding-right: 0;
  }
  .indbox1 .box .intro .info {
    font-size: 14px;
    margin-top: 20px;
  }
  .indbox1 .box .intro .intro-img {
    width: 100%;
    margin-top: 20px;
  }
  .indbox1 .box .intro .intro-img .item {
    float: left;
    width: calc(100%/2 - 5px);
    margin-right: 10px;
    font-size: 20px;
    padding: 20px 0;
  }
  .indbox1 .box .intro .intro-img .item:nth-of-type(1) {
    background-position: left 15px center;
    background-size: 30px;
  }
  .indbox1 .box .intro .intro-img .item:nth-of-type(2) {
    background-position: left 15px center;
    background-size: 20px;
    margin-right: 0;
  }
  .indbox1 .box .intro .intro-img .item p {
    text-indent: 60px;
  }
  .ind-tit1,
  .ind-tit2 {
    font-size: 20px;
  }
  .ind-top {
    margin-bottom: 20px;
  }
  .ind-top .sub-tit {
    font-size: 14px;
  }
  .btn-primary {
    min-width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  .product-list li {
    width: calc(100%/2 - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .product-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .product-list li .imgbox {
    height: 120px;
  }
  .product-list li .txtbox {
    padding: 10px 10px 20px;
  }
  .product-list li .txtbox .title {
    font-size: 16px;
  }
  .product-list li .txtbox .info {
    font-size: 12px;
  }
  .indbox2 .system-list {
    margin-top: 30px;
  }
  .indbox2 .system-list li {
    width: 50%;
    padding: 0 15px;
    text-align: justify;
    margin-bottom: 20px;
  }
  .indbox2 .system-list li:nth-of-type(3),
  .indbox2 .system-list li:nth-of-type(4) {
    padding: 0 15px;
    margin-bottom: 0;
  }
  .indbox2 .system-list li .imgbox img {
    max-width: 60px;
  }
  .indbox2 .system-list li .txtbox {
    margin-top: 5px;
  }
  .indbox2 .system-list li .txtbox .title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .indbox2 .system-list li .txtbox .info {
    font-size: 12px;
  }
  .indbox3 .application-list li {
    margin-right: 14px;
    width: calc(100%/2 - 7px) !important;
    margin-bottom: 14px;
    display: flex;
    justify-content: center;
    align-self: center;
  }
  .indbox3 .application-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .indbox3 .application-list li:last-of-type {
    width: 100% !important;
    margin-right: 0;
    height: 150px;
  }
  .indbox3 .application-list li .info,
  .indbox3 .application-list li .more {
    display: none;
  }
  .indbox3 .application-list li.curr .title {
    font-size: 18px;
    top: 50%;
  }
  .indbox3 .application-list li .img {
    width: 100%;
  }
  .inews-box .inews-top {
    width: 100%;
  }
  .inews-box .title {
    font-size: 16px;
  }
  .inews-box .info,
  .inews-box .date {
    font-size: 12px;
  }
  .inews-box .inews-last {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .inews-box .inews-last .imgbox {
    height: auto;
  }
  .inews-box .inews-last .txtbox {
    margin-top: 15px;
  }
  .inews-box .inews-list {
    width: 100%;
    border-top: 1px solid #f0f0f0;
  }
  .service-data {
    display: block;
    margin: 0 0 20px;
  }
  .service-data:after {
    display: block;
    content: "";
    clear: both;
  }
  .service-data li {
    float: left;
    width: 50%;
    margin: 15px 0;
  }
  .service-data li .data {
    font-size: 20px;
  }
  .service-data li .data .counter {
    font-size: 28px;
  }
  .service-data li .data-txt {
    font-size: 18px;
  }
  .inner-banner .inner-title {
    font-size: 20px;
  }
  .inner-banner .inner-subtit {
    font-size: 12px;
  }
  .about-box .about-info .about-fl .title {
    font-size: 20px;
  }
  .about-box .about-info .about-fr {
    width: 100%;
    margin-top: 20px;
  }
  .about-box .history-box .time-line {
    margin: 30px 0;
  }
  .about-box .history-box .time-line ul li .date {
    font-size: 14px;
  }
  .about-box .history-box .history-con .year-bg {
    font-size: 130px;
  }
  .about-box .history-box .history-con .con-fl {
    width: 100%;
    display: block;
  }
  .about-box .history-box .history-con .con-fl .company-name {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .about-box .history-box .history-con .company-logo {
    display: none;
  }
  .about-title {
    font-size: 20px;
  }
  .zone-box .zone-list {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .zone-box .zone-list li {
    width: calc(100%/2 - 5px);
    margin: 0 10px 10px 0;
  }
  .zone-box .zone-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .zone-box .zone-list li .txtbox {
    font-size: 16px;
    left: 10px;
    top: 10px;
  }
  .zone-box .info {
    font-size: 14px;
  }
  .culture-box .p1 {
    font-size: 20px;
  }
  .culture-box .p2 {
    font-size: 26px;
  }
  .culture-box .p3 {
    font-size: 14px;
    margin: 20px 0;
  }
  .culture-box .btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
  .product-box .product-top {
    font-size: 16px;
  }
  .product-box .product-list li .imgbox {
    height: 120px;
  }
  .sort-box {
    background: #f8f8f8;
    max-width: 100%;
    width: 100%;
    padding: 0 5%;
  }
  .sort-box .main-nav-btn {
    cursor: pointer;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 40px;
  }
  .sort-box .sort-link {
    display: none;
    height: auto;
  }
  .sort-box .sort-link a {
    display: block;
    line-height: 50px;
    margin-right: 0;
    font-size: 14px;
    text-align: center;
    width: 100%;
    float: none;
  }
  .products-sort {
    display: none;
  }
  .products-sort .products-menu {
    width: 100%;
    margin: 0;
  }
  .product-search {
    display: block;
  }
  .paging li {
    margin: 0;
  }
  .paging li:first-of-type span,
  .paging li:last-of-type span,
  .paging li:first-of-type a,
  .paging li:last-of-type a {
    width: auto;
    padding: 0 5px;
  }
  .paging li span,
  .paging li a {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .proinfo-box .pro-fl {
    width: 100%;
    padding-right: 0;
  }
  .proinfo-box .pro-fl .pro-img {
    height: auto;
    min-height: 200px;
  }
  .proinfo-box .pro-fl .pro-news li {
    padding: 15px 0;
  }
  .proinfo-box .pro-fl .format-table td {
    padding: 15px 10px;
  }
  .proinfo-box .pro-title {
    font-size: 18px;
  }
  .proinfo-box .pro-fr {
    width: 100%;
  }
  .proinfo-box .pro-fr .contact-link {
    line-height: 40px;
    font-size: 16px;
    width: 200px;
    margin: 20px auto 0;
  }
  .contact-box .contact-form {
    padding: 20px;
  }
  .contact-box .contact-form .form-input {
    margin-bottom: 10px;
    height: 40px;
  }
  .contact-box .contact-form .contact-fl {
    width: 100%;
    margin-right: 0;
  }
  .contact-box .contact-form .contact-fr {
    width: 100%;
  }
  .contact-box .contact-form .contact-btn {
    font-size: 16px;
    height: 45px;
    width: 150px;
    line-height: 45px;
  }
  .contact-box .contact-txt .title {
    font-size: 20px;
  }
  .contact-box .contact-txt ul li {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .contact-box .contact-txt ul li:last-of-type {
    margin-bottom: 0;
  }
  .contact-box .contact-txt ul li .icon {
    width: 50px;
    margin-right: 10px;
  }
  .contact-box .contact-txt ul li p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .contact-box .contact-txt ul li .contact-tit {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .application-box {
    font-size: 14px;
  }
  .application-box .type-box .type-name {
    margin-bottom: 10px;
    width: 180px;
  }
  .application-box .type-box .item {
    margin-bottom: 25px;
  }
  .quality-box .quality-list li {
    width: calc(100%/2 - 5px);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .quality-box .quality-list li:nth-of-type(3n) {
    margin-right: 10px;
  }
  .quality-box .quality-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .quality-box .quality-list li .imgbox {
    height: 100px;
    margin-bottom: 5px;
  }
  .news-box .news-top {
    margin-bottom: 20px;
  }
  .news-box .news-top a {
    font-size: 16px;
    padding: 10px 0;
  }
  .news-box .news-list li {
    display: flex;
    align-items: center;
  }
  .news-box .news-list li .imgbox {
    width: 30%;
    height: auto;
  }
  .news-box .news-list li .txtbox {
    width: 70%;
    padding-left: 10px;
  }
  .news-box .news-list li .txtbox .title {
    font-size: 16px;
  }
  .news-box .news-list li .txtbox .info,
  .news-box .news-list li .txtbox .date {
    font-size: 12px;
  }
  .main-title {
    font-size: 20px;
  }
  .newsinfo-box .newsinfo-title {
    width: 100%;
  }
  .newsinfo-box .news-fl {
    width: 100%;
    margin-right: 0;
  }
  .newsinfo-box .news-paging {
    margin-top: 30px;
  }
  .newsinfo-box .news-paging a {
    font-size: 14px;
  }
  .newsinfo-box .news-fr {
    margin-top: 30px;
  }
  .newsinfo-box .news-fr .news-title {
    width: 150px;
    text-align: center;
  }
  .news-other-swiper .imgbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    margin-bottom: 10px;
  }
  .news-other-swiper .imgbox img {
    max-height: 100%;
    max-width: 100%;
    display: block;
  }
  .news-other-swiper .txtbox {
    font-size: 14px;
    color: #383c42;
  }
  .news-other-swiper .slick-prev,
  .news-other-swiper .slick-next {
    width: 25px;
    height: 25px;
  }
  .news-other-swiper .slick-prev:before,
  .news-other-swiper .slick-next:before {
    font-size: 25px;
    color: #1185dc;
  }
  .product-list li .imgbox,
  .quality-box .quality-list li .imgbox,
  .newsinfo-box .news-fr .news-other li .imgbox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-list li .imgbox span， .quality-box .quality-list li .imgbox span,
  .newsinfo-box .news-fr .news-other li .imgbox span {
    display: block;
  }
}