@charset "utf-8";

@font-face {
  font-family: 'ruo';
  src: url('../fonts/Russo One.eot');
  src: url('../fonts/Russo One.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Russo One.woff2') format('woff2'),
      url('../fonts/Russo One.woff') format('woff'),
      url('../fonts/Russo One.ttf') format('truetype'),
      url('../fonts/Russo One.svg#oss') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ssc';
  src: url('../fonts/SairaSemiCondensedRegular.eot');
  src: url('../fonts/SairaSemiCondensedRegular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SairaSemiCondensedRegular.woff2') format('woff2'),
      url('../fonts/SairaSemiCondensedRegular.woff') format('woff'),
      url('../fonts/SairaSemiCondensedRegular.ttf') format('truetype'),
      url('../fonts/SairaSemiCondensedRegular.svg#oss') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sscb';
  src: url('../fonts/SairaSemiCondensedBlack.eot');
  src: url('../fonts/SairaSemiCondensedBlack.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SairaSemiCondensedBlack.woff2') format('woff2'),
      url('../fonts/SairaSemiCondensedBlack.woff') format('woff'),
      url('../fonts/SairaSemiCondensedBlack.ttf') format('truetype'),
      url('../fonts/SairaSemiCondensedBlack.svg#oss') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '732a';
  src: url('../fonts/732CAI978_2.eot');
  src: url('../fonts/732CAI978_2.eot?#iefix') format('embedded-opentype'),
      url('../fonts/732CAI978_2.woff2') format('woff2'),
      url('../fonts/732CAI978_2.woff') format('woff'),
      url('../fonts/732CAI978_2.ttf') format('truetype'),
      url('../fonts/732CAI978_2.svg#oss') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*用于0123456789*/
@font-face {
  font-family: "osb";
  src: url("../fonts/osb.eot");
  src: url("../fonts/osb.eot?#iefix") format("embedded-opentype"),
      url("../fonts/osb.woff") format("woff"),
      url("../fonts/osb.ttf") format("truetype"),
      url("../fonts/osb.svg#osb") format("svg");
  font-style: normal;
  font-weight: normal;
}

* {
  padding: 0;
  margin: 0;
}

html,
body {
  color: #333333;
  font-family: Arial,'Microsoft YaHei', 'FontAwesome', 'Glyphicons Halflings' !important;
  font-size: 62.5%;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
}

html {
  overflow: -moz-scrollbars-none;
}

html::-webkit-scrollbar {
  width: 0px;
  background: none;
}

a {
  text-decoration: none;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'sscb';
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000000;
}

.clear {
  display: block;
  clear: both;
}

.clearfix {
  display: block;
  clear: both;
}

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  outline: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  max-width: 100%;
  height: auto;
}

.container{
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
      width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
      width: 1170px;
  }
}
@media (min-width: 1600px) {
  .container {
      width: 1340px !important;
  }
}
@media (min-width: 1920px) {
  .container {
      width: 1450px !important;
  }
}
@media (min-width: 2048px) {
  .container {
      width: 75.52%;
      width: 1546px !important;
  }
}
@media (min-width: 3840px) {
  .container {
      width: 2900px !important;
  }
}

#headdiv{
  width: 100%;
  height: 80px;
  padding: 0 42px;
  background-color: transparent;
  position:fixed;
  z-index: 10;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
}
#headdiv::after{
  content: '';
  display: block;
  clear: both;
}
.navbar{
  transition: background-color 0.3s, color 0.3s;
}

.logo {
  /*width: 12.0%;*/
  float: left;
  position: relative;
  z-index: 6;
  margin-top: 10px;
  width: 162px;
  height: 60px;
}

.logo a {
  display: block;
  height: 100%;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
}

.navbar .logo a img:nth-of-type(2){
  display: none;
}

.navbar.navScroll {
  background-color: #fff !important;
  color: black;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.navbar.navScroll a {
  color: black;
}
.navbar.navScroll a:hover{
  color:#006691;
}
.navbar.navScroll .navdiv>ul>li.has_sub>a::after{
  color: black;
}
.navbar.navScroll .navdiv>ul>li.has_sub>a:hover::after{
  color:#006691;
}
.navbar.navScroll .logo a img:nth-of-type(2){
  display: block;
}
.navbar.navScroll .logo a img:nth-of-type(1){
  display: none;
}


#mobileNavButton {
  float: right;
  display: none;
  position: relative;
  z-index: 6;
}

#mobileNavButton a {
  font-size: 1.8rem;
  color: #000;
}

#mobileNavButton a i {
  color: #fff;
}

.navbar.navScroll #mobileNavButton a {
  color: #000;
}
.navbar.navScroll #mobileNavButton a i {
  color: #000;
}

.language{
  float: right;
  padding-left: 0px;
}
.language ul{
  margin-bottom: 0;
}

.language ul>li{
  display: inline-block;
  padding: 28px 16px;
  list-style: none;
  position: relative;
}
.language ul>li>a{
  font-size: 1.6rem;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: capitalize;
  color:#fff;
}
.language ul>li>a::before{
  content: '\f0ac';
  font-family: 'FontAwesome';
  font-size: 2.4rem;
  color:#fff;
  padding-right: 8px;
  vertical-align: middle;
}
.language ul ul{
  display: none;
  position: relative;
  width: 132px;
}
.language ul ul li{
  display: block;
  position: relative;
}
.language ul ul li a{
  color:#000;
  font-size: 1.5rem;
}
.language ul ul li a img{
  width: 20px;
  height: 15px;
}
.language ul li:hover a{
  color:#006691;
}
.language ul li:hover ul li a{
  color:#000;
}
.language ul li:hover ul{
  display: block;
  margin-top: 10px;
  position: absolute;
  left: -5px;
  background-color: #fafafa;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
}
.navbar.navScroll .language ul>li>a::before{
  color:black;
}
.navbar.navScroll .language ul>li:hover>a::before{
  color:#006691;
}
.language>ul>li ul li{
  padding: 8px 21px 8px 21px;
  border-top: 1px solid #f0f0f0;
  list-style: none;
  text-align: left;
  position: relative;
}
.language>ul>li ul li a::before{
  content: '';
  display: none;
}
.language>ul>li ul li a img{
  margin-right: 10px;
}

.searchdiv{
  float: right;
  padding-left: 34px;
}
.searchdiv a{
  font-size: 18px;
  color:#fff;
  vertical-align: middle;
}
.searchdiv a::before{
  content: '\f002';
  font-family: 'FontAwesome';
  font-size: 2.4rem;
  color:#fff;
  padding: 28px 8px;
  display: inline-block;
  vertical-align: middle;
}
.searchdiv a:hover{
  color:#006691;
}
.searchdiv a:hover::before{
  color:#006691;
}
.navbar.navScroll .searchdiv a::before{
  color:black;
}
.navbar.navScroll .searchdiv a:hover::before{
  color:#006691;
}

/*菜单部分*/
.navdiv {
  width: 52.57%;
  margin: 0 auto;
}

.navdiv>ul{
  width: 100%;
  text-align: center;
}
.navdiv>ul>li{
  display: inline-block;
  list-style: none;
  padding: 10px 16px;
  padding: 28px 30px;
  position: relative;
}

.navdiv>ul>li>a{
  font-size: 1.6rem;
  /* font-weight: bold; */
  color: #fff;
}
.navdiv>ul>li.has_sub>a::after{
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: 1.6rem;
  color:#fff;
  padding-left: 7px;
}

.navdiv>ul>li ul{
  display: block;
  margin-top: 10px;
  position: absolute;
  left: 0;
  background-color: #fafafa;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
}

.navdiv>ul>li ul li{
  width: 240px;
  padding: 8px 8px 8px 21px;
  border-top: 1px solid #f0f0f0;
  list-style: none;
  text-align: left;
  position: relative;
}
.navdiv>ul>li ul li a{
  display: block;
  position: relative;
  width: 100%;
  padding-left: 12px;
  font-size: 14px;
  /* font-weight: bold; */
  color:#0091d2;
  color:#151515;
  line-height: 1.2;
}
.navdiv>ul>li ul li a::before{
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 1.5rem;
  color:#0091d2;
  color:#151515;
  position: absolute;
  left: 0px;
  top: 0px;
}
.navdiv>ul>li ul li ul{
  position: absolute;
  left: 240px;
}
.navdiv>ul>li ul,
.navdiv>ul>li ul ul,
.navdiv>ul>li ul ul ul{
  display: none;
}

/*菜单事件*/
.navdiv>ul>li>a:hover{
  color:#000;
}
.navdiv>ul>li.has_sub>a:hover::after{
  color:#000;
}
.navdiv>ul>li.has_sub:hover ul{
  display: block;
}
.navdiv>ul>li.has_sub:hover ul ul{
  display: none;
}
.navdiv>ul>li.has_sub:hover ul ul ul{
  display: none;
}

.navdiv>ul>li.has_sub ul li:hover{
  background-color: #0091d2;
  background-color: #006691;
}
.navdiv>ul>li.has_sub ul li:hover a{
  color:#fff;
}
.navdiv>ul>li.has_sub ul li:hover a::before{
  color:#fff;
}

.navdiv>ul>li.has_sub ul li.has_sub:hover ul{
  display: block;
  top: 0;
  margin-top: 0;
}
.navdiv>ul>li.has_sub ul li.has_sub:hover ul li a{
  color:#0091d2;
  color:#006691;
}
.navdiv>ul>li.has_sub ul li.has_sub:hover ul li a::before{
  color:#0091d2;
  color:#006691;
}

.navdiv>ul>li.has_sub ul li.has_sub ul li:hover{
  background-color: #0091d2;
  background-color: #006691;
}
.navdiv>ul>li.has_sub ul li.has_sub ul li:hover a{
  color:#fff;
}
.navdiv>ul>li.has_sub ul li.has_sub ul li:hover a::before{
  color:#fff;
}

#HBox {
  width: 300px;
  height: 270px;
  margin: 0 auto;
  box-shadow: 1px 1px 5px #333;
  -webkit-box-shadow: 1px 1px 5px #333;
  display: none;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -150px;
  z-index: 100000
}

#searchform {
  padding: 50px 15px 10px;
  font-size: 0px;
}

#searchform #searchtxt {
  width: 245px;
  height: 42px;
  border: 1px solid #d00743;
  padding-left: 15px;
  font-size: 1.6rem;
  vertical-align: top;
  border-radius: 4px 0 0 4px;
}

#searchform button {
  width: 42px;
  height: 42px;
  border: none;
  background-color: #d00743;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  border-radius: 0 4px 4px 0;
}

#searchform button i {
  font-size: 2.0rem;
  line-height: 1.75;
}

.footer{
  width: 100%;
  background: #081920;
  padding: 70px 0;
}
.footerUp{
  width: 100%;
}
.footerList{
  float: left;
  width: 24.3333%;
  padding-right: 6%;
}
.footerList h3{
  font-size: 2.4rem;
  color:#fff;
  margin-bottom: 30px;
}
.footerList ul{
  padding-left: 15px;
}
.footerList ul li{
  margin-bottom: 10px;
}
.footerList ul li::marker{
  color:#fccf00;
}
.footerList ul li a{
  font-size: 1.4rem;
  color:rgba(255,255,255,0.75);
}
.footerList ul li a:hover{
  color:#fff;
}
.focusus{
  float: right;
  width: 27%;
}
.focusus h3{
  font-size: 2.4rem;
  color:#fff;
  margin-bottom: 30px;
}
.codediv{
  width: 100%;
}
.codediv img{
  width: 150px;
  margin-right: 18px;
}
.followIco{
  width: 100%;
  margin-top: 10px;
}
.followIco a{
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.75);
  border-radius: 50%;
  line-height: 30px;
}
.followIco a:hover{
  border-color:#fff;
  background-color: #fff;
  color:#000;
}
.footerline{
  width: 100%;
  height: 1px;
  font-size: 0;
  background-color: #333;
  margin: 25px 0;
}
.copyright p{
  font-size: 14px;
  color:#fff;
}
.copyright a{
  font-size: 14px;
  color:#fff;
}
.copyright a:hover{
  color:#006691;
}
.copyright p span{
  margin-left: 30px;
}

/**/
.servicesidebar {
  position: fixed;
  z-index: 99999;
  right: 0px;
  bottom: 60px;
}

.sidebarwrap {
  position: relative;
  padding: 10px 8px;
  border-radius: 28px;
  background-color: #fff;
  box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}

.sideemail {
  width: 24px;
  height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  box-sizing: content-box;
  border-bottom: 1px solid #e7e9ed;
}

.sideemail a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 21px;
  text-align: center;
  color:#333333;
}
.sideemail a i{font-size: 21px;}

.sideemail a:hover {
  color:#0091d2;
  color:#2e7ae5;
}

.sideemailwrap {
  display: none;
  position: absolute;
  top: -2px;
  left: -201px;
  width: 210px;
  background-color: transparent;
}

.sideemail .sideemailcontent {
  padding: 20px;
  width: 196px;
  text-align: left;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}

.sideemail .sideemailcontent p {
  font-size: 14px;
  color: #333;
  margin: 0;
  word-break: break-all;
}

.sideemail:hover .sideemailwrap {
  display: block;
}

.sidephone {
  width: 24px;
  height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  box-sizing: content-box;
  border-bottom: 1px solid #e7e9ed;
}

.sidephone a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 21px;
  text-align: center;
  color:#333333;
}
.sidephone a i{font-size: 24px;}
.sidephone a:hover {
  color:#0091d2;
}

.sidephone .sidephonewrap {
  display: none;
  position: absolute;
  top: 30px;
  left: -201px;
  width: 210px;
  background-color: transparent;
}

.sidephone .sidephonecontent {
  padding: 20px;
  width: 196px;
  border-radius: 10px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}

.sidephone .sidephonecontent p {
  font-size: 14px;
  color: #333;
  margin: 0;
}

.sidephone:hover .sidephonewrap {
  display: block;
}

.sidechar {
  width: 24px;
  height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  box-sizing: content-box;
  border-bottom: 1px solid #e7e9ed;
}

.sidechar a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 21px;
  text-align: center;
  color:#333333;
}
.sidechar a i{font-size: 21px;}

.sidechar a:hover {
  color:#01c000;
}
.sidechar .sideweixinwrap{
  display: none;
  position: absolute;
  top: 30px;
  left: -165px;
  width: 172px;
  background-color: transparent;
}

.sidechar .sideweixincontent{
  padding: 20px;
  width: 160px;
  border-radius: 10px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 2px 25px rgb(184 187 197 / 75%);
}
.sidechar .sideweixincontent img{
  width: 120px;
}
.sidechar:hover .sideweixinwrap {
  display: block;
}

.sidetoup {
  width: 24px;
  height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  box-sizing: content-box;
}

.sidetoup a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 21px;
  text-align: center;
  color:#333333;
}

.sidetoup a:hover {
  color:#0091d2;
}

#HBox {
  width: 300px;
  height: 270px;
  margin: 0 auto;
  box-shadow: 1px 1px 5px #333;
  -webkit-box-shadow: 1px 1px 5px #333;
  display: none;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -150px;
  z-index: 100000
}

#searchform {
  padding: 50px 15px 10px;
  font-size: 0px;
}

#searchform #searchtxt {
  width: 245px;
  height: 42px;
  border: 1px solid #d00743;
  padding-left: 15px;
  font-size: 1.6rem;
  vertical-align: top;
  border-radius: 4px 0 0 4px;
}

#searchform button {
  width: 42px;
  height: 42px;
  border: none;
  background-color: #d00743;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  border-radius: 0 4px 4px 0;
}

#searchform button i {
  font-size: 2.0rem;
  line-height: 1.75;
}

.categoryNav{
  width: 100%;
  padding: 100px 0 80px;
}
.categoryTopic{
  text-align: center;
  margin-bottom: 40px;
}
.categoryTopic h3{
  font-size: 3.6rem;
  text-transform: uppercase;
}
.categoryNavList{
  width: 100%;
  margin: 0;
}
.categoryNavList::after{
  content: '';
  display: block;
  clear: both;
}
.categoryNavList li{
  list-style: none;
  width: 31.86%;
  margin-right: 2.2%;
  margin-bottom: 32px;
  float: left;
}
.categoryNavList li:nth-of-type(3n){
  margin-right: 0;
}
.categoryNavList li a{
  display: block;
  text-align: left;
  width: 100%;
  padding: 25px 0px 25px 21px;
  background-color: #fff;
  border: 1px solid #910018;
  border-left-width: 30px;
  border-radius: 10px;
  font-size: 2.1rem;
  font-size: 1.23vw;
  font-family: 'ssc';
  color:#000;
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
}
.categoryNavList li a:hover{
  background-color: #006691;
  border-color:#000;
  color:#fff;
}
.productGroup{
  width: 100%;
  padding: 100px 0;
  background-color: #e6e6e6;
}
.productGroupTopic{
  text-align: center;
  margin-bottom: 40px;
}
.productGroupTopic h3{
  font-size: 3.6rem;
  text-transform: uppercase;
}

.productGroupContainer{
  width: 100%;
  padding: 0 32px 30px;
}
.productGroupItem{
  width: 100%;
  margin-bottom: 50px;
}
.itemcontainerPic{
  border-radius: 29px 29px 29px 0px;
  overflow: hidden;
}
.itemcontainerBtns{
  width: 100%;
}
.itemcontainerBtns::after{
  content: '';
  display: block;
  clear: both;
}
.itemcontainerBtns a{
  float: left;
  display: block;
  width: calc(100% - 60px);
  height: 58px;
  background-color: #006691;
  padding: 0 28px;
  font-family: 'ssc';
  font-size: 1.8rem;
  color:#fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  border-radius: 0px 29px 29px 29px;
  line-height: 58px;
}
.itemcontainerBtns a:hover{
  background-color: #000;
}
.itemcontainerBtns span{
  float: right;
  display: block;
  width: 58px;
  height: 58px;
  background-color: #910018;
  border-radius: 50%;
  font-size: 2.4rem;
  color:#fff;
  padding-left: 19px;
  line-height: 58px;
  cursor: pointer;
}
.itemcontainerBtns span:hover{
  background-color: #000;
}
/* 为 indexAboutUp 设置 Flexbox 布局 */
.indexAboutUp {
  position: relative;
  display: flex;
  flex-direction: row;
  /*height: 600px;*/ /* 高度设为100%以适应父容器 */
}

/* companyWorkShop 和 indexAboutInfo 左右各占50%宽度 */
.companyWorkShop,
.indexAboutInfo {
  flex: 0 0 50%; /* 每个占据50%的宽度 */
    position: relative; /* 为了定位子元素 */
    overflow: hidden;
}
.indexAboutInfo{
  border-top: 1px solid #e6e6e6;
}
.nextBtn{
  position: absolute;
  left: 0;
  right: auto;
  top: calc(50% - 25px);
  z-index: 1;

  width: 50px;
  height: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 50px;
}
.prevBtn{
  position: absolute;
  right: 0;
  left: auto;
  top: calc(50% - 25px);
  z-index: 1;

  width: 50px;
  height: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 50px;
}
.nextBtn i, .prevBtn i{
  font-size: 1.6rem;
}
.prevBtn.hidden, .nextBtn.hidden {
  display: none;
}
/* 灰色不可点击状态 */
.disabled {
  background-color: rgba(128, 128, 128, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}

/* indexAboutInfo 内的 <a> 元素居中 */
.indexAboutInfo a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0px 19%;
    color: inherit; 
    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
}
.indexAboutInfo a h2{
  width: 100%;
  font-size: 3.6rem;
  color:#006691;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.indexAboutInfo a h3{
  font-size: 3.0rem;
  color:#000;
  margin-bottom: 34px;
}
.indexAboutInfo a p{
  font-size: 1.6rem;
  color:#454545;
  font-family: 'ssc';
  text-align: justify;
}
.indexAboutInfo a:hover{
  transform: translateY(-10px);
}
.workshop{
  width: 100%;
}
.workshop a img{
  max-width: 100%;
}
.indexAboutDown{
  position: relative;
  display: flex;
  flex-direction: row;
  background:url(../images/tedian_bg.jpg) left top no-repeat;
  background-size: cover;
}
.advantages{
  flex: 1;
  padding: 100px 7% 0px 13%;
}
.advantages h3{
  width: 100%;
  font-size: 3.6rem;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.advantageItem{
  width: 100%;
  margin: 0;
}
.advantageItem::after{
  content: '';
  display: block;
  clear: both;
}
.advantageItem li{
  list-style: none;
  float: left;
  width: 50%;
  padding-right: 2%;
  margin-bottom: 32px;
  margin-bottom: 0px;
}
.advantageItem li h2{
  font-size: 6.0rem;
  font-family: 'osb';
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
}
.advantageItem li h2::before{
  content: '';
  display: block;
  width: 96px;
  height: 12px;
  background-color: #006691;
  position: absolute;
  left: 0;
  top: 46px;
  z-index: -1;
}
.advantageItem li h4{
  font-size: 2.4rem;
  margin-bottom: 10px;
}
.advantageItem li p{
  font-size: 1.6rem;
  font-family: 'ssc';
}
.honorBox{
  flex: 0 0 31.25%;
  position: relative;
  overflow: hidden;
}

.indexApplication{
  width: 100%;
  padding: 100px 0;
  margin: auto;
}
.indexAppWrap{
  width: 100%;
  overflow: hidden;
}
.appCard{
  display: flex;
  flex-direction: row;
  background-color: #006691;
}
.appCardTxt{
  flex: 1;
  padding: 6.0% 6.0% 0 6.0%; 
}
.appCardTxt h4{
  font-family: 'ssc';
  color:#fff;
  font-size: 1.6rem;
  margin-bottom: 25px;
}
.appCardTxt h1{
  color:#fff;
  font-size: 3.0rem;
  margin-bottom: 30px;
}
.appCardTxt p{
  color:#fff;
  font-family: 'ssc';
  font-size: 1.8rem;
  line-height: 2;
}
.appCardPic{
  flex: 0 0 66.2%;
  position: relative;
  overflow: hidden;
}
#prev2, #next2{
  background-color: #006691;
  color:#fff;
}

#prev3{
  left: calc(6% + 60px);
  top:unset;
  bottom: 6%;
}
#next3{
  left: 6%;
  top:unset;
  bottom: 6%;
}
.indexCustomize{
  width: 100%;
  height: 332px;
  background: url(../images/customize_bg.jpg) center center no-repeat;
  background-size: cover;
}

.indexCustomizeWrap{
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.indexCustomInfo{
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 11% 0 3%;
  transition: all 0.4s ease;
}
.indexCustomInfo h3{
  font-size: 3.0rem;
  width: 100%;
  text-align: left;
  margin-bottom: 18px;
}
.indexCustomInfo p{
  width: 100%;
  text-align: left;
  font-family: 'ssc';
  font-size: 1.8rem;
  color:#000;
  margin-bottom: 36px;
}
.callNumber{
  font-family: 'osb';
  font-size: 3.6rem;
  color:#910018;
  position: relative;
  padding-left: 75px;
  width: 100%;
  text-align: left;
}
.callNumber::before{
  content: '\f095';
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 3.6rem;
  font-family: 'FontAwesome';
  color:#fff;
  background-color: #910018;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -4px;
  line-height: 60px;
}
.indxeCustomBtn{
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.4s ease;
}
.indxeCustomBtn a{
  display: block;
  width: 290px;
  height: 60px;
  background-color: #910018;
  border-radius: 10px;
  text-align: center;
  font-size: 2.1rem;
  color:#fff;
  line-height: 58px;
}
.indxeCustomBtn a:hover{
  background-color: #006691;
}

.indexInfo {
  width: 100%;
  padding: 120px 0;
  margin: 0 auto;
  background: #fff;
}
.indexInfoTitle{ margin-bottom: 30px;}
.indexInfoTitle h2 {
  font-size: 3.6rem;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  margin-bottom: 20px;
}

.indexInfoTitle p {
  font-size: 1.6rem;
  font-family: 'ssc';
  color: #454545;
  text-align: left;
}

.indexInfoWrap {
  width: 100%;
  margin: 0 auto;
}

.indexInfoWrap ul {
  display: block;
  width: 100%;
  font-size: 0;
  padding-top: 32px;
}

.indexInfoWrap ul li {
  width: 31.66%;
  margin-right: 2.5%;
  margin-bottom: 30px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 36px rgba(0,0,0,0.1);
}
.indexInfoWrap ul li:nth-of-type(3n){
  margin-right: 0;
}

.indexInfoWrap ul li:hover{
  box-shadow: 0 0 36px rgba(0,0,0,0.45);
}

.indexInfoWrap ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 0;
}

.indexInfoWrap ul li a .indexInfoPic {
  width: 100%;
  height: 0;
  padding-bottom: 59.3%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.indexInfoWrap ul li a .indexInfoPic img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.indexInfoTxt{
  width: 100%;
  padding: 6%;
  padding-bottom: 6.5%;
}
.indexInfoTxt h4 {
  text-align: left;
  height: 52px;
  overflow: hidden;
  font-size: 2.1rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 25px;
  line-height: 26px;
}


.indexInfoTxt p {
  font-family: 'ssc';
  font-size: 1.4rem;
  color: #999;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.indexInfoWrap ul li a:hover .indexInfoPic img {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
}

.indexInfoWrap ul li a:hover .indexInfoTxt h4 {
  color: #006691;
}
.indexInfoWrap ul li a:hover .indexInfoTxt p {
  color: #181818;
}

.indexInfoMore {
  margin: 0 auto;
  text-align: center;
  margin-top: 64px;
}

.indexInfoMore a {
  display: block;
  width: 290px;
  height: 60px;
  margin: 0 auto;
  background-color: #006691;
  border-radius: 10px;
  text-align: center;
  font-size: 2.1rem;
  color:#fff;
  line-height: 58px;
}

.indexInfoMore a:hover {
  background-color: #000;
  color: #fff;
}

.topicbanner{
  width: 100%;
  height: 700px;
  height: 600px;
  background-color: #333333;
  display: flex;
  align-items: center;
}
.topicbanner h2{
  font-size: 5.4rem;
  color:#fff;
}
.topicbanner h2::after{
  content: '';
  display: block;
  width: 106px;
  height: 5px;
  margin-top: 15px;
  border-radius: 3px;
  background-color: rgb(227,55,30);
}
.about-banner{
  background: url(../images/top02.jpg) center center no-repeat;
  background-size: cover;
}
.product-banner{
  background: url(../images/top01.jpg) center center no-repeat;
  background-size: cover;
}
.support-banner{
  background: url(../images/top03.jpg) center center no-repeat;
  background-size: cover;
}
.news-banner{
  background: url(../images/top04.jpg) center center no-repeat;
  background-size: cover;
}
.download-banner{
  background: url(../images/top05.jpg) center center no-repeat;
  background-size: cover;
}
.contact-banner{
  background: url(../images/top06.jpg) center center no-repeat;
  background-size: cover;
}
.main{
  width: 100%;
  background-color: #f4f4f4;
}
.toplink{
  padding: 80px 0 50px;
}
.toplink a{
  font-size: 3.2rem;
  font-family: 'ssc';
  color:#006691;
  text-decoration: underline;
}
.toplink a:hover{
  color:#000;
  text-decoration: none;
}
a.returnbtn{
  display: block;
  width: 160px;
  height: 42px;
  background-color: #913400;
  background-color: #e3371e;
  border:2px solid #e3371e;
  border-radius: 5px;
  font-size: 1.5rem;
  color:#fff;
  text-align: center;
  margin: 30px auto 70px;
  line-height: 40px;
}
a.returnbtn:hover{
  background-color: #000;
  color:#fff;
  border-color:#000;
}

.catPicList h3{
  font-size: 3.6rem;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.catPicList ul{
  display: block;
  width: 100%;
}
.catPicList ul::after{
  content: '';
  display: block;
  clear: both;
}
.catPicList ul li{
  list-style: none;
  float: left;
  position: relative;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.catPicList ul li:nth-of-type(2n){
  margin-right: 0;
}
.catPicList ul li .catpic{
  border: 2px solid #006691;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
.catPicList ul li .catpic img{
  border-radius: 10px;
  overflow: hidden;
}
.catPicList ul li p {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.50);
  background-color: transparent;
  text-align: left;
  transition: all 0.4s ease;
}
.catPicList ul li p a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0%;
  text-align: left;
  font-size: 1.8rem;
  color:#fff;
  transition: all 0.4s ease;
}
.catPicList ul li p a span{
  display: inline-block;
  padding: 8px 12px;
  background-color: rgba(0,102,145,0.9);
  border-radius: 0 0 9px 0;
}
.catPicList li:hover{
  border-color: #006691;
}
.catPicList li:hover p{
  text-align: center;
  background-color: rgba(0,102,145,0.9);
}
.catPicList li:hover p a{
  padding: 5%;
  text-align: center;
}
.catPicList li:hover p a span{
  background-color: transparent;
}
.cattop{
  width: 100%;
  margin: 45px 0 8px;
}
.cattop img{
  border: 1px solid #006691;
  border-radius: 10px;
}
blockquote.updes{
  background-color: #fff;
  border-radius: 10px;
  border-left-color: #006691;
  margin: 0;
  position: relative;
  z-index: 2;
  transform: translateY(-40px);
}
blockquote.updes ul{
  padding: 10px 20px;
}
blockquote.updes ul li{
  font-size: 1.4rem;
  font-family: 'ssc';
  color:#999;
}
.cattopic{
  margin-top: 40px;
  margin-top: 0px;
  margin-bottom: 20px;
  background-color: #006691;
  border-radius: 10px;
}
.cattopic h3{
  width: 100%;
  padding: 15px 30px;
  font-family: 'sscb';
  font-size: 3.0rem;
  color:#fff;
}
.cattopic h3 span{
  float: right;
  font-family: 'FontAwesome','ssc';
  font-size: 1.8rem;
  color:#fff;
  line-height: 30px;
}
.productlist{
  width: 100%;
  margin: 0;
}
.productlist::after{
  content: '';
  display: block;
  clear: both;
}
.productlist li{
  list-style: none;
  display: block;
  float: left;
  width: 23.44%;
  margin-right: 2%;
  margin-bottom: 25px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.productlist li:nth-of-type(4n){
  margin-right: 0;
}
.productlistpic{
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.productlistpic a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.productlistpic a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: auto;
  transition: all 0.4s ease;
}
.productlisttxt{
  width: 100%;
  padding: 15px 15px 30px 15px;
}
.productlisttxt a{
  display: block;
  width: 100%;
  height: 42px;
  text-align: center;
  font-size: 1.6rem;
  font-family: 'sscb';
  color:#006691;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 21px;
}
.productlist li:hover{
  box-shadow: 0 0 40px rgba(0,0,0,0.25);
}
.productlist li:hover .productlistpic a img{
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
}
.productlist li:hover .productlisttxt a{
  color:#191919;
}
.productContainer{
  width: 100%;
  margin: 30px 0 80px;
}
.productBigPics{
  width: 33.33%;
  float: left;
}
.productBigShow{
  width: 100%;
}
.productRightLayer{
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.layerBox{
  flex: 1;
}
.voltage_or_resistance_value{
  flex: 0 0 40%;
  text-align:center;
  border:1px solid #ccc;
}
.voltage_or_resistance_value p{
  font-size: 2.8rem;
  font-family: 'sscb';
  color:#006691;
  text-align: center;
}
.voltage_or_resistance_value span{
  font-size: 1.6rem;
  text-align: center;
}
.productRight{
  width: calc(66.66% - 45px);
  float: right;
}
.productRightWrap{
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
.productName{
  font-size: 2.8rem;
  font-family: 'sscb';
  color:#000;
  margin-bottom: 30px;
}
.parentProductName{
  font-size: 1.6rem;
  margin-bottom: 30px;
}
.parentProductName a{
  font-size: 1.6rem;
  color:#006691;
  text-decoration: underline;
}
.parentProductName a:hover{
  text-decoration: none;
  font-weight: bold;
  color:#000;
}
.description_en{
  margin-bottom: 30px;
}
.description_en h3{
  margin-bottom: 10px;
}
.description_en ul{
  padding-left: 20px;
}
.description_en ul li{
  font-size: 1.6rem;
}
.productGroupBtn{
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top:20px;
  padding-bottom: 30px;
  font-size: 0;
}
.productGroupBtn a.customBtn{
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 210px;
  height: 48px;
  background-color: #006691;
  border-radius: 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  line-height: 46px;
}
.productGroupBtn a.customBtn:hover{
  background-color: #000;
  color:#e3371e;
}

.productGroupBtn a.contactBtn{
  display: inline-block;
  width: 210px;
  height: 48px;
  margin-right: 20px;
  margin-bottom: 10px;
  background-color: #081920;
  border-radius: 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  line-height: 46px;
}
.productGroupBtn a.contactBtn:hover{
  background-color: #000;
  color:#e3371e;
}

.productGroupBtn  a.downloadBtn{
  font-size: 1.6rem;
  color:#006691;
}
.productGroupBtn  a.downloadBtn::after{
  content: '\f1c1';
  font-size: 1.6rem;
  padding-left: 5px;
  color:#910018;
}
.productGroupBtn  a.downloadBtn i:nth-of-type(1){
  font-size: 3.0rem;
  padding-right: 9px;
}
.productGroupBtn  a.downloadBtn:hover{
  color:#e3371e;
}

.productDetailCon{
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 30px;
  overflow: hidden;
  background-color: #fff;
}
.dimensions{
  flex: 1;
  background-color: #fff;
  padding: 30px;
}
.parameter_en{
  flex: 0 0 calc(66.66% - 45px);
  flex: 1;
  padding-top: 30px;
  background-color: #fff;
}
.parameter_en table{
  width: 100%; 
  border-collapse: collapse;
}
.parameter_en table thead tr td{
  border: 1px solid #000; 
  background-color: #006691; 
  text-align: center; 
  color:#fff;
}
.parameter_en table tbody tr td{
  border: 1px solid #000; 
  text-align: center;
}
.parameter_en table thead td, .parameter_en table thead th{
  font-size: 1.8rem;
  font-family: 'ssc';
  padding: 10px;
  text-transform: uppercase;
}
.parameter_en table tbody td{
  font-size: 1.6rem;
  padding: 5px;
}
.attention_en{
  flex: 1;
  padding: 30px;
  font-size: 1.6rem;
}
.attention_en h3{
  margin-bottom: 32px;
}
.attention_en ul{
  padding-left: 20px;
}
.attention_en ul li{
  font-size: 1.6rem;
}
.curve{
  flex: 1;
  padding: 30px;
}

.productTip{
  width: 100%;
  padding: 30px;
  margin: 30px 0;
  font-size: 1.8rem;
  /* color:#000; */
  font-family: 'ssc';
  /* background-color: #fff; */
}
.jishuwrap{
  padding-top: 30px;
  padding-bottom: 12px;
  background-color: #fff;
}
.jishuwrap h2{
  text-align: center;
}
.jishuDiv{
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
.jishuDiv table{
  margin-bottom: 20px;
}
.jishuDiv table td{
  font-size: 1.6rem;
  padding: 7px;
}
.jishuDiv h2,.jishuDiv h3,.jishuDiv h4, .jishuDiv h5{
  margin-top: 35px;
  margin-bottom: 15px;
}
.jishuDiv p, .jishuDiv li, .jishuDiv span, .jishuDiv div{
  font-size: 1.6rem;
}
.jishu{
  padding: 30px;
  background-color: #fff;
}
.jishuul{
  padding-left: 25px;
}
.jishuul li{
  padding: 15px 0;
  border-bottom:1px dotted #ccc;
}
.jishuul li a{
  font-size: 1.5rem;
  color:#006691;
}
.jishuul li span{
  float: right;
  font-size: 1.5rem;
  color:#999;
  padding-right: 15px;
}
.jishuul li a:hover{
  color:#000;
}

.about{
  width: 100%;
  padding: 60px 0;
}
.companydiv{
  width: 100%;
  background: url(../images/about_bg.jpg) bottom right no-repeat #fff;
  background-size: 70%;
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
}
.companyprofilewrap{
  width: 60%;
  margin: 0px 0;
  border:10px solid #006691;
  background-color: rgba(0,102,145,0.75);
  padding: 60px;
  border-radius: 0 60px 0 60px;
}
.companyprofilewrap h3{
  color:#fff;
  margin-bottom: 30px;
}
.companyprofilewrap p{
  font-size: 1.5rem;
  color:#fff;
  font-family: 'ssc';
}
.honordiv{
  width: 100%;
  padding: 0px 0;
  background: url(../images/companybg2.jpg) center center no-repeat;
  background-size: cover;
}
.honorwrap{
  width: 100%;
  display: flex;
  padding: 60px 0;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.honorLeft{
  flex: 1;
  padding: 45px 20% 30px 30px;
  padding: 45px 45px 45px 90px;
}
.honorLeft h3{
  color:#fff;
  margin-bottom: 30px;
}
.honorLeft p{
  color:#fff;
  font-size: 1.5rem;
  font-family: 'ssc';
  text-align: justify;
}
.honorRight{
  width: 600px;
  height: 600px;
  position: relative;
}
.honorRight .certificateBox{
  border-radius: 20px;
  overflow: hidden;
}

.companyAlbum {
  background-color: #e6e6e6;
  width: 100%;
  margin: 60px 0;
}
.companyAlbum h3{
  background-color: #333;
  color: white;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start; 
  margin: 20px 0;
  padding: 0 10px;
}
.gallery-item {
  background-color: white;
  border: 10px solid white;
  margin: 10px;
  transition: transform 0.2s;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
}
.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.gallery-item:hover {
  transform: scale(1.05);
}
.gallery-caption {
  padding: 9px 15px;
  text-align: center;
  background-color: #fff;
  color:#fff;
}

/* 响应式布局 */
@media (min-width: 1920px) {
  .gallery-item {
    width: calc(20% - 20px); /* 5张图片，每张占20%，减去左右各10px的margin */
  }
}
@media (max-width: 1919px) and (min-width: 1366px) {
  .gallery-item {
    width: calc(25% - 20px); /* 4张图片，每张占25%，减去左右各10px的margin */
  }
}
@media (max-width: 1365px) and (min-width: 768px) {
  .gallery-item {
    width: calc(33.33% - 10px); /* 3张图片，每张占33.33%，减去左右各10px的margin */
    border: 3px solid white;
    margin: 5px;
    transition: transform 0.2s;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .gallery-item {
    width: calc(50% - 10px); /* 2张图片，每张占50%，减去左右各10px的margin */
    border: 3px solid white;
    margin: 5px;
    transition: transform 0.2s;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
  }
}

.txtPanel {
  transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  width: 44.27%;
  height: auto;
  margin: 8% auto 0;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.75);
}
.upperSymbol {
  padding-left: 24px;
  padding-top: 24px;
}

.upperSymbol i {
  color: #319bf1;
  font-size: 4.8rem;
}

.txtContent {
  width: 71%;
  margin: 0 auto;
  text-align: justify;
  font-family: 'ssc';
  color: #fff;
  font-size: 1.7rem;
  line-height: 1.45;
}

.lowerSymbol {
  text-align: right;
  padding-right: 24px;
  padding-bottom: 24px;
}

.lowerSymbol i {
  color: #319bf1;
  font-size: 4.8rem;
}
.servicebox{
  padding: 60px 0;
}
.servicecategory{
  margin: 0 auto;
  text-align: center;
}
.servicecategory li{
  margin-bottom: 40px;
}
.servicecategory li a{
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
.s_category_ico{
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0,0,0,0.10);
  margin-bottom: 18px;
}
.s_category_ico img{
  border:10px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
.servicecategory li a:hover{
  transform: scale(1.04) translateY(-10px);
  -webkit-transform: scale(1.04) translateY(-10px);
}
.servicecategory li a:hover .s_category_ico{
  box-shadow: 0 0 30px rgba(0,0,0,0.30);
}
.servicecategory li a:hover h4{
  color:#006691;
}

/*contact*/
.contactbox{
  width: 100%;
  padding: 50px 0;
}
.contactInfo {
  display: block;
  float: left;
  width: 40%;
  padding: 0px 45px 0px 0;
  min-height: 450px;
  background-color: #fff;
}
.contacttxtwrap {
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
.contacttxtwrap h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 32px;
  color: #000;
}

.contacttxtwrap ul li {
  list-style: none;
  font-size: 16px;
  color: #333;
  border-bottom: 1px dotted #ccc;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.contacttxtwrap ul li span::before,
.contacttxtwrap ul li a::before {
  color: #006691;
}

.contacttxtwrap ul li:last-child {
  /* border-bottom: none; */
}
span.a_address {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

span.a_address::before {
  content: "\f041";
  font-family: FontAwesome;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: -5px;
  display: block;
  height: auto;
  color: #151515;
}

a.a_tel {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

a.a_tel::before {
  content: "\f098";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  height: auto;
  color: #151515;
}

a.a_mobile {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

a.a_mobile::before {
  content: "\f232";
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: -3px;
  display: block;
  height: auto;
  color: #151515;
}

a.a_weixin {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

a.a_weixin::before {
  content: "\f1d7";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -3px;
  display: block;
  height: auto;
  color: #151515;
}

span.a_fax {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

span.a_fax::before {
  content: "\f1ac";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  height: auto;
  color: #151515;
}

a.a_email {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

a.a_email::before {
  content: "\f0e0";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  height: auto;
  color: #151515;
}

span.a_zipcode {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

span.a_zipcode::before {
  content: "\f277";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  height: auto;
  color: #151515;
}

a.a_web {
  padding-left: 25px;
  font-size: 16px;
  color: #333;
  position: relative;
  display: block;
  line-height: 1.3;
}

a.a_web::before {
  content: "\f0ac";
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  height: auto;
  color: #151515;
}
.baidumap {
  display: block;
  float: left;
  width: 60%;
  height: 450px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  background: url(../images/rumap.jpg) center center no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.baidumap a {
  display: block;
  width: 100%;
  height: 100%;
}
.product {
  width: 100%;
  padding: 35px 0;
  background-color: #ececec;
}
.formboxwhite{
  width: 100%;
  padding: 35px 8.0%;
  background-color: #fff;
}
.formbox {
  width: 100%;
  /* border: 2px solid #ececec; */
  border-radius: 12px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.formLeft{
  width: 50%;
  float: left;
}
.formRight{
  width: 50%;
  background: url(../images/orderbg.jpg) center center no-repeat;
  background-size: cover;
  float: right;
}
.formLeftWrap{
  width: 100%;
  padding-right: 12.50%;
}
.formLeftWrap h3 {
  font-size: 2.1rem;
  color: #000;
  margin-bottom: 35px;
}
input#c_name{
  width: 100%;
  height: 40px;
  border:1px solid #333;
  font-size: 1.5rem;
  padding-left: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
input#c_mobile
{
  width: 100%;
  height: 40px;
  border:1px solid #333;
  font-size: 1.5rem;
  padding-left: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
input#c_email{
  width: 100%;
  height: 40px;
  border:1px solid #333;
  font-size: 1.5rem;
  padding-left: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}
input#c_mobile:focus, input#c_mobile:active, input#c_name:focus, input#c_name:active, input#c_email:focus, input#c_email:active{
  outline-color:#1168ae;
}
textarea#c_message{
  width: 100%;
  height: 120px;
  border:1px solid #333;
  font-size: 1.5rem;
  padding-left: 15px;
  border-radius: 4px;
  margin-bottom: 10px;
}
textarea#c_message:focus, textarea#c_message:active{
  outline-color:#1168ae;
}
.fileslabel{
  display: block;
  border:1px solid #333;
  width: 100%;
  height: 40px;
  line-height: 38px;
  color:#333;
  font-size: 1.5rem;
  background-color: #f4f6ee;
  cursor: pointer;
  border-radius: 4px;
  padding-left: 15px;
  margin-bottom: 15px;
}
label.fileslabel:hover, label.fileslabel:focus, label.fileslabel:active{
  outline-color:#1168ae;
  border-color:#1168ae;
}
.formLeftWrap p{
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 1.5rem;
  color:#151515;
}
input#getpricebtn{
  width: 160px;
  height: 40px;
  border: none;
  font-size: 1.5rem;
  font-weight: 700;
  color:#fff;
  background-color:#1168ae;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

input#getpricebtn:hover{
  background-color: #181818;
  color:#fccf00;
}

.faqs{
  width: 100%;
  padding: 30px 15.5%;
  background-color: #fff;
}
.panel-title a{
  font-size: 1.8rem;
  width: 100%;
  display: block;
}
.panel-title a i{
  color: rgb(227, 55, 30);
  color: #006691;
  padding-right: 15px;
}
.panel-title a .arrow {  
  float: right; /* 让箭头浮动到右侧 */  
  margin-left: 10px; /* 与内容保持一定距离 */  
  cursor: pointer; /* 鼠标悬停时显示手形图标，表示可点击 */  
}
.panel-body p{
  font-size: 1.5rem;
}
.panel-group .panel {
  margin-bottom: 15px;
}
.w_policy{
  width: 100%;
  padding: 30px 15.5% 60px;
  background-color: #fff;
}
.w_policy h2{
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 35px;
}
.w_policy div, .w_policy p, .w_policy li, .w_policy span, .w_policy a{
  font-size: 1.5rem;
  line-height: 1.64;
}
.w_policy h3, .w_policy h4, .w_policy h5{
  margin-top: 30px;
  margin-bottom: 18px;
}
.w_policy div, .w_policy p, .w_policy ul{
  margin-bottom: 10px;
}
.w_policy ul{ padding-left: 15px;}
.news{
  width: 100%;
  background-color: #fff;
  padding: 18px 50px 0px;
  margin: 0 auto;
}
.newsInfo{
  padding: 35px 9%;
  background-color: #fff;
}
.newsviewTop {
  width: 100%;
  padding-top: 20px;
  margin-bottom: 40px;
}

.newsviewTop h3 {
  margin-top: 0px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 3.0rem;
  color: #000000;
}

.newsviewTop p {
  text-align: center;
  font-size: 1.6rem;
  color: #999;
}

.newsviewTop p span {
  padding-left: 38px;
  padding-right: 38px;
  font-size: 1.6rem;
}

.newsviewTop p span i {
  padding-right: 7px;
}

.newsContent,
.newsContent div,
.newsContent p,
.newsContent span,
.newsContent i,
.newsContent em,
.newsContent li,
.newsContent dt,
.newsContent dd,
.newsContent td {
  font-size: 1.5rem;
  color: #555555;
  line-height: 1.76;
}
.newsContent p{
  margin-bottom: 15px;
}

.newsContent img {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.updowndiv {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.updowndiv dl {
  display: block;
  width: 100%;
  font-size: 0;
  margin-bottom: 0;
}

.updowndiv dl dt {
  display: inline-block;
  width: 50%;
  padding: 0px;
  box-sizing: border-box;
  font-size: 1.5rem;
  color: #999999;
}

.updowndiv dl dt span {
  font-weight: 700;
  margin-right: 15px;
  font-size: 1.5rem;
}

.updowndiv dl dt a {
  font-size: 1.5rem;
  color: #006691;
}

.updowndiv dl dt a:hover {
  color: #000;
}

.updowndiv dl dd {
  display: inline-block;
  width: 50%;
  padding: 0px;
  box-sizing: border-box;
  font-size: 1.5rem;
  color: #999999;
}

.updowndiv dl dd span {
  font-weight: 700;
  margin-right: 15px;
  font-size: 1.5rem;
}

.updowndiv dl dd a {
  font-weight: 700;
  font-size: 1.5rem;
  color: #006691;
}

.updowndiv dl dd a:hover {
  color: #000;
}
.downloadDiv {
  width: 100%;
  padding: 30px 10% 100px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  background-color: #F1F1F1;
  min-height: 420px;
}

.downloadContainer {
  width: 100%;
  margin: 0 auto;
}

.downloadContainer table {
  width: 100%;
  border-collapse: collapse;
}

.downloadContainer table tr td {
  background-color: #fff;
  padding: 15px;
  height: 64px;
  vertical-align: middle;
  border-bottom: 5px solid #f1f1f1;
  font-size: 1.5rem;
}

.downloadContainer table tr td.d_title {
  width: 70%;
  position: relative;
  padding-left: 42px;
}

.downloadContainer table tr td.d_title::before {
  content: '\f016';
  font-family: FontAwesome;
  font-size: 24px;
  display: block;
  height: auto;
  position: absolute;
  left: 15px;
  top: 17px;
  color: #ff4800;
  /*color: #b2b2b2;*/
}

.downloadContainer table tr td.d_size {
  width: 10%;
  text-align: center;
}

.downloadContainer table tr td.d_des {
  width: 10%;
  text-align: center;
}

.downloadContainer table tr td.d_btn {
  width: 10%;
  text-align: center;
}

.downloadContainer table tr td.d_btn a {
  width: 100%;
}

.downloadContainer table tr td.d_btn a i {
  font-size: 24px;
}
.projecth3 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
}
.bangonghuanjing{
  width: 100%;
  margin: 25px 0 35px;
}
.bangonghuanjing::after{
  content: '';
  display: block;
  clear: both;
}
.bangonghuanjing-item{
  width: calc((100% - 20px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 35px;
}
.bangonghuanjing-item:nth-of-type(2){
  margin-right: 0;
}

.guanjiangongxu{
  width: 100%;
  margin: 25px 0 35px;
}
.guanjiangongxu::after{
  content: '';
  display: block;
  clear: both;
}
.guanjiangongxu-item{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.guanjiangongxu-item:nth-of-type(2),
.guanjiangongxu-item:nth-of-type(4){
  width: calc((100% - 20px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.guanjiangongxu-item:nth-of-type(3),
.guanjiangongxu-item:nth-of-type(5){
  width: calc((100% - 20px) / 2);
  float: left;
  margin-bottom: 20px;
}

.zhinengzhizao{
  width: 100%;
  margin: 20px 0 35px;
}
.zhinengzhizao::after{
  content: '';
  display: block;
  clear: both;
}
.zhinengzhizao-item:nth-of-type(1){
  width: calc((100% - 40px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.zhinengzhizao-item:nth-of-type(1) a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 96.81159%;
  position: relative;
  overflow: hidden;
}
.zhinengzhizao-item:nth-of-type(1) a img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zhinengzhizao-item:nth-of-type(2){
  width: calc((((100% - 40px) / 2) - 20px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.zhinengzhizao-item:nth-of-type(2) a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
  position: relative;
  overflow: hidden;
}
.zhinengzhizao-item:nth-of-type(2) a img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zhinengzhizao-item:nth-of-type(3){
  width: calc((((100% - 40px) / 2) - 20px) / 2);
  float: left;
  margin-right: 0px;
  margin-bottom: 20px;
}
.zhinengzhizao-item:nth-of-type(4){
  width: calc((((100% - 40px) / 2) - 20px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.zhinengzhizao-item:nth-of-type(4) a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 130%;
  position: relative;
  overflow: hidden;
}
.zhinengzhizao-item:nth-of-type(4) a img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zhinengzhizao-item:nth-of-type(5),
.zhinengzhizao-item:nth-of-type(6){
  width: calc((((100% - 40px) / 2) - 20px) / 2);
  float: left;
  margin-right: 0px;
  margin-bottom: 20px;
}

.jiancezhongxin{
  width: 100%;
  margin: 20px 0 35px;
}
.jiancezhongxin::after{
  content: '';
  display: block;
  clear: both;
}
.jiancezhongxin-item{
  width: calc((100% - 40px) / 3);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.jiancezhongxin-item a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
  position: relative;
  overflow: hidden;
}
.jiancezhongxin-item a img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jiancezhongxin-item:nth-of-type(3),
.jiancezhongxin-item:nth-of-type(6),
.jiancezhongxin-item:nth-of-type(10){
  margin-right: 0;
}
.jiancezhongxin-item:nth-of-type(9){
  width: calc((((100% - 40px) / 3) - 20px) / 2);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.jiancezhongxin-item:nth-of-type(10){
  width: calc((((100% - 40px) / 3) - 20px) / 2);
  float: left;
  margin-right: 0px;
  margin-bottom: 20px;
}
.jiancezhongxin-item:nth-of-type(9) a,
.jiancezhongxin-item:nth-of-type(10) a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 130.4%;
  position: relative;
  overflow: hidden;
}

@media (max-width:767px) {
  h1{font-size: 2.4rem;}
  h2{font-size: 2.1rem;}
  h3{font-size: 1.8rem;}
  h4{font-size: 1.6rem;}
  h5{font-size: 1.4rem;}
  p{font-size: 1.3rem !important;}
  li{font-size: 1.3rem !important;}
  td{font-size: 1.3rem !important;}
  span{font-size: 1.3rem;}
  div{font-size: 1.3rem;}
  #headdiv {
    height: 60px;
    padding: 0 12px;
  }
  .logo{
    width: 108px;
    height: 40px;
  }
  .language ul>li{
    padding: 17px 8px;
  }
  .language ul li a{
    font-size: 12px;
  }
  .language ul>li>a::before {
    content: '\f0ac';
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    padding-right: 6px;
  }
  .searchdiv a::before {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    padding: 17px 8px;
  }
  #mobileNavButton{
    display: block;
    padding-left: 8px;
    padding-top: 17px;
  }
  #mobileNavButton a i {
      color: #fff;
  }
  /* Mobile nva style */
  .m_nav {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 6;
  }
  .m_nav>ul {
      display: block;
      width: 100%;
      margin-bottom: 0;
      /* border-top: 1px solid #d00743; */
      border-bottom: 1px solid #d00743;
      background-color: #fff;
      position: relative;
      top: 0px;
      z-index: 3;
  }
  .m_nav ul {
      display: block;
      width: 100%;
      margin-bottom: 0;
      position: relative;
      top: 0px;
      z-index: 3;
      background-color: #fff;
  }
  .m_nav ul li {
      display: block;
      width: 100%;
      border-top: 1px solid #ececec;
      text-align: left;
      overflow: visible;
      position: relative;
  }
  .m_nav ul li ul {
      display: none;
  }
  .m_nav ul li ul li ul {
      display: none;
  }
  .m_nav ul li a {
      display: block;
      width: 100%;
      padding: 10px 0px 10px 30px;
      color: #333;
      font-size: 1.4rem;
      /* text-transform: uppercase;
  font-family: "Poppins"; */
      line-height: 1.1;
      position: relative;
  }
  .m_nav ul li a i {
      margin-right: 8px;
  }
  .m_nav ul li.has_sub {
      pointer-events: none;
  }
  .m_nav ul li.has_sub a {
      padding: 10px 50px 10px 30px;
      pointer-events: auto;
  }
  .m_nav ul li.has_sub::after {
      content: "\f105";
      display: block;
      width: 50px;
      height: 36px;
      font-size: 16px;
      font-family: FontAwesome;
      color: #fff;
      background-color: #ccc;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
      cursor: pointer;
      pointer-events: auto;
      line-height: 36px;
  }
  .m_nav ul li.has_sub.on::after {
      content: "\f107";
  }
  .m_nav ul li ul {
      padding-left: 30px;
  }
  .m_nav ul li ul li a::before {
      content: "\f0da";
      font-size: 14px;
      font-family: FontAwesome;
      color: #454545;
      position: absolute;
      left: 16px;
      top: 10px;
  }
  .m_nav ul li ul li ul {
      padding-left: 30px;
  }
  .m_nav ul li ul li.has_sub {
      pointer-events: none;
  }
  .m_nav ul li ul li.has_sub a {
      padding: 10px 50px 10px 30px;
      pointer-events: auto;
  }
  .m_nav ul li ul li.has_sub::after {
      content: "\f105";
      display: block;
      width: 50px;
      height: 36px;
      font-size: 16px;
      font-family: FontAwesome;
      color: #fff;
      background-color: #ccc;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
      cursor: pointer;
      pointer-events: auto;
      line-height: 36px;
  }
  .m_nav ul li ul li.has_sub.on::after {
      content: "\f107";
  }
  .footer {
    background: #181818;
    padding: 30px 0;
  }
  .footerList {
    float: left;
    width: 50%;
    padding-right: 1%;
    margin-bottom: 20px;
  }
  .footerList h3 {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 15px;
  }
  .footerList ul li a {
    font-size: 13px;
    color: #006691;
  }
  .focusus {
    float: left;
    width: 50%;
  }
  .focusus h3 {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 15px;
  }
  .codediv img {
    width: 130px;
    margin-bottom: 10px;
  }
  .copyright p {
    font-size: 13px;
    color: #fff;
  }
  .copyright p span{
    float: none !important;
    display: block;
    margin-left: 0px;
  }
  .categoryNav {
    padding: 30px 0 30px;
  }
  .categoryTopic {
    margin-bottom: 20px;
  }
  .categoryTopic h3{
    font-size: 1.8rem;
  }
  .categoryNavList{
    padding-left: 10px;
  }
  .categoryNavList li {
    list-style: outside disc;
    width: 49.0%;
    padding-right: 10px;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .categoryNavList li:nth-of-type(3n){
    margin-right: 2%;
  }
  .categoryNavList li:nth-of-type(2n){
    margin-right: 0;
  }
  .categoryNavList li a {
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
    color: #000;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    line-height: 1.2;
  }
  .categoryNavList li a:hover{
    background-color: #fff;
    color:#006691;
    text-decoration: none;
  }
  .productGroup {
    padding: 30px 0;
  }
  .productGroupTopic {
    margin-bottom: 20px;
  }
  .productGroupTopic h3{
    font-size: 1.8rem;
  }
  .productGroupContainer {
    width: 100%;
    padding: 0 15px 0px;
  }
  .itemcontainerPic {
    border-radius: 10px 10px 0px 0px;
  }
  .itemcontainerBtns a {
    float: none;
    width: 100%;
    height: 32px;
    background-color: #006691;
    padding: 0 10px;
    text-align: center;
    font-family: 'ssc';
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    border-radius: 0px;
    line-height: 30px;
  }
  .itemcontainerBtns span {
    float: none;
    display: block;
    width: 100%;
    height: 32px;
    background-color: #910018;
    border-radius: 0px 0px 10px 10px;
    font-size: 14px;
    color: #fff;
    padding-left: 0px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
  }
  .indexAboutUp {
    flex-direction: column;
  }
  .companyWorkShop, .indexAboutInfo {
    flex: 1;
  }
  .indexAboutInfo a{
    padding: 25px 15px;
  }
  .indexAboutInfo a h2 {
    width: 100%;
    font-size: 1.8rem;
    color: #006691;
    margin-bottom: 15px;
  }
  .indexAboutInfo a h3 {
    font-size: 1.8rem;
    color: #000;
    margin-bottom: 18px;
  }
  .indexAboutInfo a p {
    font-size: 1.3rem;
  }
  .indexAboutDown {
    padding: 0 15px;
    flex-direction: column-reverse;
  }
  .advantages {
    padding: 25px 0;
  }
  .advantages h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .advantageItem li {
    width: 100%;
    padding-right: 0%;
    margin-bottom: 10px;
  }
  .advantageItem li h2 {
    font-size: 3.0rem;
  }
  .advantageItem li h2::before {
    content: '';
    width: 50px;
    height: 5px;
    top: 28px;
  }
  .advantageItem li h4 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .advantageItem li p {
    font-size: 1.3rem;
    font-family: 'ssc';
  }
  .indexApplication {
    padding: 30px 0;
  }
  .appCard {
    flex-direction: column-reverse;
  }
  .appCardTxt {
    padding: 6.0% 6.0% 22% 6.0%;
    min-height: 270px;
  }
  .appCardTxt h4 {
    font-size: 1.3rem;
    margin-bottom: 6px;
  }
  .appCardTxt h1 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .appCardTxt p {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .indexCustomize{
    height: 332px;
    background: #eee;
  }
  .indexCustomizeWrap {
    flex-direction: column;
  }
  .indexCustomInfo {
    flex: 1;
    padding: 30px 15px;
  }
  .indexCustomInfo h3 {
    font-size: 1.8rem;
    margin-bottom: 18px;
  }
  .indexCustomInfo p {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
  .callNumber {
    font-size: 2.4rem;
    padding-left: 60px;
  }
  .callNumber::before {
    content: '\f095';
    width: 48px;
    height: 48px;
    font-size: 2.8rem;
    top: -4px;
    line-height: 48px;
  }
  .indxeCustomBtn {
    display: block;
    padding-left: 15px;
  }
  .indxeCustomBtn a{
    display: block;
    width: 250px;
    height: 48px;
    background-color: #910018;
    border-radius: 10px;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    line-height: 48px;
  }
  .indexInfo {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
    background: #fff;
  }
  .indexInfoTitle {
    margin-bottom: 20px;
  }
  .indexInfoTitle h2 {
    font-size: 1.8rem;
    margin-bottom: 12px;
  }
  .indexInfoTitle p{font-size: 12px;}
  .indexInfoWrap ul{padding-top:0px;}
  .indexInfoWrap ul li {
    width: 100%;
    margin: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
  }
  .indexInfoWrap ul li{
    margin-bottom: 20px;
  }
  .indexInfoTxt h4 {
    text-align: left;
    height: 46px;
    overflow: hidden;
    font-size: 1.6rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    line-height: 23px;
  }
  .indexInfoTxt p{
    font-size: 13px;
  }
  .indexInfoMore {
    margin: 0;
    text-align: left;
    margin-top: 30px;
  }
  .indexInfoMore a {
    display: block;
    width: 250px;
    height: 48px;
    background-color: #006691;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    line-height: 48px;
    margin: 0;
  }
  .newsInfo {
    width: 100%;
    background-color: #fff;
    padding: 30px 15px 0px;
    margin: 0 auto;
  }
  .newsTitle {
    width: 100%;
    padding: 12px 0 25px;
  }
  .newsTitle a{
    font-size: 13px;
    color:#000;
    height: 42px;
    line-height: 21px;
  }
  .newsDate {
    width: 100%;
    padding: 0px 0% 10px;
    color: #999;
    font-size: 1.2rem;
  }
  .newsviewTop {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 25px;
  }
  
  .newsviewTop h3 {
      font-size: 18px;
      text-align: left;
  }
  
  .newsviewTop p {
      font-size: 12px;
      text-align: left;
  }
  
  .newsviewTop p span {
      padding-left: 0px;
      padding-right: 30px;
      font-size: 12px;
  }
  
  .newsContent,
  .newsContent div,
  .newsContent p,
  .newsContent span,
  .newsContent i,
  .newsContent em,
  .newsContent li,
  .newsContent dt,
  .newsContent dd,
  .newsContent td {
      font-size: 13px;
      color: #555555;
      line-height: 2;
  }
  
  .updowndiv dl dt {
      display: inline-block;
      width: 100%;
      padding: 0px;
      box-sizing: border-box;
      font-size: 14px;
      color: #999999;
  }
  
  .updowndiv dl dt span {
      font-size: 14px;
  }
  
  .updowndiv dl dt a {
      font-size: 14px;
      color: #000;
  }
  
  .updowndiv dl dd {
      display: inline-block;
      width: 100%;
      padding: 0px;
      box-sizing: border-box;
      font-size: 14px;
      color: #999999;
  }
  
  .updowndiv dl dd span {
      font-size: 14px;
  }
  
  .updowndiv dl dd a {
      font-size: 14px;
      color: #000;
  }
  .topicbanner {
    height: 350px;
  }
  .topicbanner .container {
    margin: 0;
}
  .topicbanner h2 {
    font-size: 2.4rem;
    color: #fff;
  }
  .topicbanner h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 10px;
    border-radius: 3px;
    background-color: rgb(227, 55, 30);
  }
  .toplink {
    padding: 30px 0 16px;
  }
  .toplink a{
    font-size: 1.6rem;
  }
  .catPicList h3 {
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .catPicList ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 12px;
  }
  .catPicList ul li p a{
    font-size: 1.3rem;
  }
  blockquote.updes{
    padding: 10px 12px;
  }
  blockquote.updes ul {
    padding: 8px 10px;
  }
  blockquote.updes ul li{
    font-size: 12px;
  }
  .cattopic{
    margin-bottom: 12px;
  }
  .cattopic h3{
    font-size: 1.8rem;
    font-size: 0;
    padding: 12px 20px;
  }
  .cattopic h3::after{
    content: '';
    display: block;
    clear: both;
  }
  .cattopic h3 span {
    display: block;
    float: none;
    font-family: 'FontAwesome', 'ssc';
    font-size: 1.5rem;
    color: #fff;
    line-height: 30px;
    opacity: .5;
  }
  .productlist li {
    width: 49.0%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .productlist li:nth-of-type(4n){
    margin-right: 0;
  }
  .productlist li:nth-of-type(2n){
    margin-right: 0;
  }
  .productlisttxt {
    width: 100%;
    padding: 15px 15px 15px 15px;
  }
  .productlisttxt a{
    font-size: 13px;
  }
  .productContainer {
    width: 100%;
    margin: 30px 0 30px;
  }
  .productBigPics {
    width: 100%;
    margin-bottom: 15px;
  }
  .productRight {
    width: 100%;
  }
  .productRightLayer {
    flex-direction:column;
  }
  .productName {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .parentProductName {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .parentProductName a{
    font-size: 1.4rem;
  }
  .voltage_or_resistance_value{
    flex: 1;
    margin-bottom: 20px;
  }
  .voltage_or_resistance_value p {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .voltage_or_resistance_value span {
    font-size: 1.4rem;
    text-align: center;
  }
  .description_en {
    margin-bottom: 20px;
  }
  .description_en h3 {
    font-size: 1.8rem;
  }
  .description_en ul li {
    font-size: 1.3rem;
  }
  .productRightWrap {
    padding: 20px;
  }
  .productGroupBtn a.customBtn{
    font-size: 1.4rem;
  }
  .productGroupBtn a.contactBtn{
    font-size: 1.4rem;
  }
  .productGroupBtn a.downloadBtn {
    font-size: 1.3rem;
    display: block;
  }
  .productGroupBtn a.downloadBtn i{
    font-size: 1.6rem
  }
  .productDetailCon{
    margin-top: 15px;
    flex-direction: column;
  }
  .dimensions {
    padding: 20px;
  }
  .dimensions h3{
    font-size: 1.8rem;
  }
  .parameter_en{
    padding-top: 20px;
  }
  .parameter_en td {
    font-size: 1.3rem !important;
  }
  .attention_en {
    flex: 1;
    padding: 20px;
    font-size: 1.3rem;
  }
  .attention_en h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .productTip {
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    font-size: 1.4rem;
  }
  .about-banner {
    background: url(../images/top02.jpg) -530px center no-repeat;
    background-size: cover;
  }
  .about {
    width: 100%;
    padding: 30px 0;
  }
  .companydiv{
    background-size: 100%;
  }
  .companyprofilewrap {
    width: 100%;
    margin: 0px 0;
    border: 3px solid #006691;
    background-color: rgba(0, 102, 145, 0.75);
    padding: 15px;
    border-radius: 0 20px 0 0px;
  }
  .companyprofilewrap h3 {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .companyprofilewrap p{
    font-size: 1.3rem;
  }
  .honorwrap {
    width: 100%;
    display: flex;
    padding: 30px 0;
    flex-direction: column;
    position: relative;
    overflow: hidden;
  }
  .honorRight {
    width: 100%;
    height: auto;
    position: relative;
  }
  .honorLeft{
    padding: 20px;
  }
  .honorLeft h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .honorLeft p{
    font-size: 1.3rem;
  }
  .companyAlbum {
    margin: 0px 0;
  }
  .companyAlbum h3{
    font-size: 1.8rem;
  }
  .gallery-container {
    margin: 15px 0;
    padding: 0 0px;
  }
  .txtPanel {
    width: 28.0%;
    width: 23.0%;
    height: auto;
    margin: 3% auto 0;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .upperSymbol {
    padding-left: 16px;
    padding-top: 16px;
  }
  .upperSymbol i {
    font-size: 2.4rem;
  }
  .txtContent {
    width: 86%;
    margin: 0 auto;
    text-align: justify;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.65;
  }
  .lowerSymbol {
    padding-right: 16px;
    padding-bottom: 16px;
  }
  .lowerSymbol i {
    font-size: 2.4rem;
  }
  .servicebox {
    padding: 30px 0;
  }
  .s_category_ico img {
    border: 5px solid #fff;
  }
  .servicecategory h4{
    font-size: 1.5rem;
    height: 40px;
  }
  .servicecategory li {
    margin-bottom: 20px;
  }
  .product {
    width: 100%;
    padding: 30px 0;
    background-color: #ececec;
  }
  .formboxwhite {
    padding: 15px;
  }
  .formLeft {
    width: 100%;
    float: none;
  }
  .formLeftWrap {
    width: 100%;
    padding-right: 0%;
  }
  .formRight{
    display: none;
  }
  .formLeftWrap p {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 1.3rem;
    color: #151515;
  }
  #getpriceform input, #getpriceform textarea, .fileslabel{
    font-size: 1.4rem;
  }
  .faqs {
    width: 100%;
    padding: 20px;
    background-color: #fff;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
  }
  .panel-title a{
    font-size: 14px;
  }
  .panel-body, .panel-body p, .panel-body div, .panel-body span, .panel-body a, .panel-body li, .panel-body td {
    font-size: 1.3rem;
  }
  .panel-group .panel {
    margin-bottom: 15px;
    border-radius: 4px;
  }
  .w_policy {
    width: 100%;
    padding: 15px 20px 30px;
    background-color: #fff;
  }
  .w_policy h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
  }
  .w_policy div, .w_policy p, .w_policy li, .w_policy span, .w_policy a {
    font-size: 1.3rem;
    line-height: initial;
  }
  .w_policy h3, .w_policy h4, .w_policy h5 {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .w_policy h1{font-size: 2.4rem;}
  .w_policy h2{font-size: 2.1rem;}
  .w_policy h3{font-size: 1.8rem;}
  .w_policy h4{font-size: 1.6rem;}
  .w_policy h5{font-size: 1.4rem;}
  .news {
    width: 100%;
    background-color: #fff;
    padding: 30px 25px 0px;
    margin: 0 auto;
  }
  .jishu {
    padding: 15px 20px;
    background-color: #fff;
  }
  .jishuul {
    padding-left: 0px;
  }
  .jishuul li{
    list-style-position: inside;
  }
  .jishuul li a {
    font-size: 1.3rem;
    color: #006691;
  }
  .jishuul li span {
    float: none;
    font-size: 1.3rem;
    display: block;
    color: #999;
    padding-right: 15px;
    padding-left: 15px;
  }
  .jishuDiv {
    width: 100%;
    padding: 15px;
    background-color: #fff;
  }
  .jishuwrap{
    padding-bottom: 0;
  }
  .downloadDiv{
    background-color: #fff;
    padding: 30px 15px;
  }
  .downloadDiv .projecth3{display: none;}
  .downloadContainer {
    width: 100%;
    margin: 0 auto;
  }

  .downloadContainer table {
      width: 100%;
      border-collapse: collapse;
  }

  .downloadContainer table tr td {
      background-color: #fff;
      padding: 15px;
      height: 64px;
      vertical-align: middle;
      border-bottom: 5px solid #f1f1f1;
  }

  .downloadContainer table tr td.d_title {
      width: 70%;
      position: relative;
      padding-left: 42px;
  }

  .downloadContainer table tr td.d_title::before {
      content: '\f016';
      font-family: FontAwesome;
      font-size: 24px;
      display: block;
      height: auto;
      position: absolute;
      left: 15px;
      top: 17px;
      color: #ff4800;
  }
  .downloadContainer table tr td.d_size {
    display: none;
  }
  .downloadContainer table tr td.d_des {
      display: none;
  }

  .downloadContainer table tr td.d_size {
      width: 10%;
      text-align: center;
  }

  .downloadContainer table tr td.d_des {
      width: 10%;
      text-align: center;
  }

  .downloadContainer table tr td.d_btn {
      width: 10%;
      text-align: center;
  }

  .downloadContainer table tr td.d_btn a {
      width: 100%;
  }

  .downloadContainer table tr td.d_btn a i {
      font-size: 24px;
  }
  .contactbox {
    width: 100%;
    padding: 30px 0;
  }
  .contactInfo {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0;
    min-height: 400px;
    background-color: #fff;
  }
  .contacttxtwrap ul li span, .contacttxtwrap ul li a{
    font-size: 1.3rem;
  }
  .contacttxtwrap {
    width: 100%;
    padding: 15px;
    background-color: #fff;
  }
  .baidumap {
    display: block;
    float: left;
    width: 100%;
    height: 500px;
    border-top: none;
    border-bottom: none;
    background: url(../images/rumap.jpg) center center no-repeat;
    background-size: cover;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
  }
  .bx-wrapper img {
    width: auto !important;
    display: block;
    height: 300px;
    height: 235px;
    max-width: none;
    transform: translateX(-12%);
  }
  .bangonghuanjing{
    width: 100%;
    margin: 15px 0 25px;
  }
  .bangonghuanjing-item {
    width: calc((100% - 15px) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 0px;
  }
  .guanjiangongxu {
    width: 100%;
    margin: 15px 0 25px;
  }
  .guanjiangongxu-item {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  .guanjiangongxu-item:nth-of-type(2), 
  .guanjiangongxu-item:nth-of-type(4) {
    width: calc((100% - 15px) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .guanjiangongxu-item:nth-of-type(3), 
  .guanjiangongxu-item:nth-of-type(5) {
    width: calc((100% - 15px) / 2);
    float: left;
    margin-bottom: 15px;
  }
  .zhinengzhizao {
    width: 100%;
    margin: 15px 0 25px;
  }
  .zhinengzhizao-item:nth-of-type(1) {
    width: calc((100% - 30px) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .zhinengzhizao-item:nth-of-type(2) {
    width: calc((((100% - 30px) / 2) ) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .zhinengzhizao-item:nth-of-type(3) {
    width: calc((((100% - 30px) / 2) ) / 2);
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .zhinengzhizao-item:nth-of-type(4) {
    width: calc((((100% - 30px) / 2) ) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .zhinengzhizao-item:nth-of-type(5), 
  .zhinengzhizao-item:nth-of-type(6) {
    width: calc((((100% - 30px) / 2) ) / 2);
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .jiancezhongxin {
    width: 100%;
    margin: 15px 0 25px;
  }
  .jiancezhongxin-item {
    width: calc((100% - 30px) / 3);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .jiancezhongxin-item:nth-of-type(9) {
    width: calc((((100% - 30px) / 3) - 15px) / 2);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .jiancezhongxin-item:nth-of-type(10) {
    width: calc((((100% - 30px) / 3) - 15px) / 2);
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  h1{font-size: 2.4rem;}
  h2{font-size: 2.1rem;}
  h3{font-size: 1.8rem;}
  h4{font-size: 1.6rem;}
  h5{font-size: 1.4rem;}
  p{font-size: 1.3rem !important;}
  li{font-size: 1.3rem !important;}
  td{font-size: 1.3rem !important;}
  span{font-size: 1.3rem;}
  div{font-size: 1.3rem;}
  #headdiv {
    height: 80px;
    padding: 0 12px;
  }
  .logo{
    width: 162px;
    height: 60px;
  }
  .language {
    float: right;
    padding-right: 20px;
  }
  .language ul>li{
    padding: 17px 8px;
  }
  .language ul li a{
    font-size: 12px;
  }
  .language ul>li>a::before {
    content: '\f0ac';
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    padding-right: 6px;
  }
  .searchdiv {
    float: right;
    padding-right: 34px;
  }
  .searchdiv a::before {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    padding: 17px 8px;
  }
  #mobileNavButton{
    display: block;
    padding-left: 8px;
    padding-top: 17px;
  }
  #mobileNavButton a i {
      color: #fff;
  }
  /* Mobile nva style */
  .m_nav {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 6;
  }
  .m_nav>ul {
      display: block;
      width: 100%;
      margin-bottom: 0;
      /* border-top: 1px solid #d00743; */
      border-bottom: 1px solid #d00743;
      background-color: #fff;
      position: relative;
      top: 0px;
      z-index: 3;
  }
  .m_nav ul {
      display: block;
      width: 100%;
      margin-bottom: 0;
      position: relative;
      top: 0px;
      z-index: 3;
      background-color: #fff;
  }
  .m_nav ul li {
      display: block;
      width: 100%;
      border-top: 1px solid #ececec;
      text-align: left;
      overflow: visible;
      position: relative;
  }
  .m_nav ul li ul {
      display: none;
  }
  .m_nav ul li ul li ul {
      display: none;
  }
  .m_nav ul li a {
      display: block;
      width: 100%;
      padding: 10px 0px 10px 30px;
      color: #333;
      font-size: 1.4rem;
      /* text-transform: uppercase;
  font-family: "Poppins"; */
      line-height: 1.1;
      position: relative;
  }
  .m_nav ul li a i {
      margin-right: 8px;
  }
  .m_nav ul li.has_sub {
      pointer-events: none;
  }
  .m_nav ul li.has_sub a {
      padding: 10px 50px 10px 30px;
      pointer-events: auto;
  }
  .m_nav ul li.has_sub::after {
      content: "\f105";
      display: block;
      width: 50px;
      height: 36px;
      font-size: 16px;
      font-family: FontAwesome;
      color: #fff;
      background-color: #ccc;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
      cursor: pointer;
      pointer-events: auto;
      line-height: 36px;
  }
  .m_nav ul li.has_sub.on::after {
      content: "\f107";
  }
  .m_nav ul li ul {
      padding-left: 30px;
  }
  .m_nav ul li ul li a::before {
      content: "\f0da";
      font-size: 14px;
      font-family: FontAwesome;
      color: #454545;
      position: absolute;
      left: 16px;
      top: 10px;
  }
  .m_nav ul li ul li ul {
      padding-left: 30px;
  }
  .m_nav ul li ul li.has_sub {
      pointer-events: none;
  }
  .m_nav ul li ul li.has_sub a {
      padding: 10px 50px 10px 30px;
      pointer-events: auto;
  }
  .m_nav ul li ul li.has_sub::after {
      content: "\f105";
      display: block;
      width: 50px;
      height: 36px;
      font-size: 16px;
      font-family: FontAwesome;
      color: #fff;
      background-color: #ccc;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
      cursor: pointer;
      pointer-events: auto;
      line-height: 36px;
  }
  .m_nav ul li ul li.has_sub.on::after {
      content: "\f107";
  }
  .footer{
    padding: 40px 0;
  }
  .footerList h3 {
    font-size: 2.1rem;
    color: #fff;
    margin-bottom: 20px;
  }
  .footerList{
    padding-right: 3%;
  }
  .footerList ul li a {
    font-size: 1.3rem;
    color: #006691;
  }
  .focusus {
    float: right;
    width: 27%;
    text-align: right;
}
  .focusus h3 {
    font-size: 2.1rem;
    color: #fff;
    margin-bottom: 20px;
  }
  .codediv img{
    width: 130px;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .copyright p, .copyright a {
    font-size: 13px;
    color: #fff;
  }
  .categoryNav {
    padding: 45px 0 45px;
  }
  .categoryTopic {
    margin-bottom: 25px;
  }
  .categoryTopic h3{
    font-size: 2.1rem;
  }
  .categoryNavList li {
    width: 49.0%;
    padding-right: 10px;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .categoryNavList li:nth-of-type(3n){
    margin-right: 2%;
  }
  .categoryNavList li:nth-of-type(2n){
    margin-right: 0;
  }
  .categoryNavList li a {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 1.8vw;
    font-weight: 700;
    padding: 18px 0px 18px 21px;
    line-height: 1.2;
  }
  .servicesidebar{
    display: none;
  }
  .productGroup {
    padding: 45px 0;
  }
  .productGroupTopic {
    margin-bottom: 25px;
  }
  .productGroupTopic h3{
    font-size: 1.8rem;
  }
  .productGroupContainer {
    width: 100%;
    padding: 0 25px 30px;
  }
  .itemcontainerBtns a{
    font-size: 1.4rem;
  }
  .indexAboutUp {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 30px 0;
  }
  .indexAboutInfo a{
    padding: 0 30px;
  }
  .indexAboutInfo a h2{
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .indexAboutInfo a h3{
    font-size: 1.8rem;
    margin-bottom: 24px;
  }
  .indexAboutInfo a p{
    font-size: 1.4rem;
  }
  .advantages {
    flex: 1;
    padding: 30px 20px 0px 30px;
  }
  .advantages h3 {
    width: 100%;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .advantageItem li {
    width: 100%;
    padding-right: 0%;
    margin-bottom: 10px;
  }
  .advantageItem li h2 {
    font-size: 3.0rem;
  }
  .advantageItem li h2::before {
    content: '';
    width: 50px;
    height: 5px;
    top: 28px;
  }
  .advantageItem li h4 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .advantageItem li p {
    font-size: 1.3rem;
    font-family: 'ssc';
  }
  .honorBox {
    flex: 0 0 46%;
    position: relative;
    overflow: hidden;
  }
  .indexApplication {
    width: 100%;
    padding: 30px 0;
    margin: auto;
  }
  .appCardTxt {
    flex: 1;
    padding: 4% 4% 0 4%;
  }
  .appCardTxt h4 {
    font-family: 'ssc';
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .appCardTxt h1 {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .appCardTxt p {
    color: #fff;
    font-family: 'ssc';
    font-size: 1.4rem;
    line-height: 1.30;
  }
  .appCardPic {
    flex: 0 0 60.0%;
    position: relative;
    overflow: hidden;
  }
  #next3 {
    left: 4%;
    top: unset;
    bottom: 4%;
  }
  #prev3 {
    left: calc(4% + 60px);
    top: unset;
    bottom: 4%;
  }
  .indexCustomInfo {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 6% 0 3%;
    transition: all 0.4s ease;
  }
  .indexCustomInfo h3 {
    font-size: 2rem;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .indexCustomInfo p {
    width: 100%;
    text-align: left;
    font-family: 'ssc';
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 24px;
  }
  .callNumber{
    font-size:2.4rem;
  }
  .callNumber::before {
    content: '\f095';
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 3.6rem;
    font-family: 'FontAwesome';
    color: #fff;
    background-color: #910018;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -11px;
    line-height: 60px;
  }
  .indxeCustomBtn a {
    display: block;
    width: 240px;
    height: 60px;
    background-color: #910018;
    border-radius: 10px;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    line-height: 58px;
  }
  .indexInfo {
    width: 100%;
    padding: 45px 0;
    margin: 0 auto;
    background: #fff;
  }
  .indexInfoTitle h2 {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    margin-bottom: 10px;
  }
  .indexInfoTitle p {
    font-size: 1.3rem;
    font-family: 'ssc';
    color: #454545;
    text-align: left;
  }
  .indexInfoWrap ul{
    padding-top: 0;
  }
  .indexInfoTxt h4 {
    text-align: left;
    height: 42px;
    overflow: hidden;
    font-size: 1.5rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    line-height: 21px;
  }
  .indexInfoTxt p{
    font-size: 13px;
  }
  .indexInfoMore{
    margin-top: 30px;
  }
  .indexInfoMore a {
    display: block;
    width: 240px;
    height: 60px;
    background-color: #006691;
    border-radius: 10px;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    line-height: 58px;
  }
  .topicbanner {
    height: 400px;
  }
  .topicbanner h2{
    font-size: 2.8rem;
  }
  .topicbanner h2::after{
    width: 72px;
  }
  .toplink {
    padding: 45px 0 30px;
  }
  .toplink a{
    font-size: 2.4rem;
  }
  .catPicList h3 {
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .cattopic h3{
    font-size: 1.8rem;
  }
  .cattopic h3 span{
    line-height: 20px;
    opacity: .6;
  }
  .productBigPics {
    width: 38.0%;
    float: left;
  }
  .productRight {
    width: calc(62.0% - 20px);
    float: right;
  }
  .productRightLayer{
    flex-direction: column;
  }
  .productName {
    font-size: 2.1rem;
    font-family: 'sscb';
    color: #000;
    margin-bottom: 15px;
  }
  .parentProductName {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .parentProductName a{
    font-size: 1.4rem;
  }
  .voltage_or_resistance_value{
    margin-bottom: 10px;
  }
  .voltage_or_resistance_value p{
    margin-bottom: 0;
  }
  .voltage_or_resistance_value span{
    font-size: 1.3rem;
  }
  .productGroupBtn{
    padding-bottom: 0;
  }
  .productGroupBtn a{
    font-size: 1.4rem !important;
  }
  .productGroupBtn a.downloadBtn{
    display: block;
  }
  .dimensions h3{
    margin-bottom: 30px;
  }
  .productTip{
    font-size: 1.5rem;
  }
  .about {
    width: 100%;
    padding: 30px 0;
  }
  .companydiv {
    width: 100%;
    background: url(../images/about_bg.jpg) bottom right no-repeat #fff;
    background-size: 100%;
  }
  .companyprofilewrap {
    width: 80%;
    margin: 0px 0;
    border: 3px solid #006691;
    border-right: none;
    background-color: rgba(0, 102, 145, 0.75);
    padding: 30px;
    border-radius: 0 60px 0 0px;
  }
  .honorwrap {
    width: 100%;
    display: flex;
    padding: 30px 0;
    flex-direction: column;
    position: relative;
    overflow: hidden;
  }
  .honorRight {
    width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
  }
  .honorLeft {
    flex: 1;
    padding: 45px 0px 45px 0px;
  }
  .honorLeft h3 {
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
  }
  .gallery-container{
    padding: 0;
  }
  .companyAlbum {
    background-color: #e6e6e6;
    width: 100%;
    margin: 30px 0 0;
  }
  .txtPanel{
    width: 36.27%;
  }
  .txtContent{
    font-size: 1.45rem;
  }
  .servicebox {
    padding: 45px 0;
  }
  .faqs {
    padding: 30px 30px;
    background-color: #fff;
  }
  .w_policy{
    padding: 30px 45px;
  }
  .w_policy h2 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 35px;
  }
  .w_policy div, .w_policy p, .w_policy li, .w_policy span, .w_policy a {
    font-size: 1.3rem;
  }
  .news {
    width: 100%;
    background-color: #fff;
    padding: 30px 30px 0px;
    margin: 0 auto;
  }
  .newsInfo {
    padding: 45px 45px;
    background-color: #fff;
  }
  .newsviewTop {
    width: 100%;
    padding-top: 0px;
    margin-bottom: 30px;
  }
  .newsviewTop h3{
    font-size: 2.0rem;
  }
  .updowndiv dl dt, .updowndiv dl dd{
    width: 100%;
  }
  .downloadDiv{
    padding: 30px 0;
  }
  .downloadContainer table tr td.d_title {
    width: 60%;
    position: relative;
    padding-left: 42px;
  }
  .downloadContainer table tr td.d_size {
    width: 15%;
    text-align: center;
  }
  .downloadContainer table tr td.d_des {
    width: 15%;
    text-align: center;
  }
  .contactInfo {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 45px 0px 0;
    min-height: 400px;
    background-color: #fff;
  }
  .baidumap {
    display: block;
    float: left;
    width: 100%;
    height: 450px;
    border-top: none;
    border-bottom: none;
  }
}
@media (min-width: 1200px) and (max-width: 1440px){
  .indexAboutInfo a{
    padding: 0 10%;
  }
  .advantages {
    flex: 1;
    padding: 35px 0% 0px 30px;
  }
  .indexAboutUp{
    padding: 35px 0;
  }
  .indexApplication {
    width: 100%;
    padding: 60px 0;
    margin: auto;
  }
  .appCardTxt {
    flex: 1;
    padding: 4% 4% 0 4%;
  }
  .appCardTxt p{
    line-height: 1.45;
  }
  .appCardPic {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
  }
  #next3 {
    left: 4%;
    top: unset;
    bottom: 4%;
  }
  #prev3 {
    left: calc(4% + 60px);
    top: unset;
    bottom: 4%;
  }
  .codediv img{
    margin-bottom: 10px;
  }
  .indexCustomInfo {
    padding: 0 8% 0 3%;
  }
}
@media (min-width: 1921px) {
  .categoryNavList li a {
      font-size: 2.1rem;
  }
}