@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: '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;

}



* {

  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;

  font-weight: bold;

}



div{

  /*

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

  */

}



.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;

    /* background-color: #1168ae; */

}

@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: 120px;

  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;

}

.navbar.navScroll {

    background-color: #fff !important;

    color: black;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

}

.logo {

  /*width: 12.0%;*/

  float: left;

  position: relative;

  z-index: 6;

  margin-top: 24px;

  width: 280px;

  height: 52px;

}



.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:#1168ae;

}

.navbar.navScroll .navdiv>ul>li.has_sub>a::after{

  color: black;

}

.navbar.navScroll .navdiv>ul>li.has_sub>a:hover::after{

  color:#1168ae;

}

.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;

  margin-top: 36px;

  margin-left: 25px;

}

.language a{

    display: block;

    width: 28px;

    height: 28px;

}



.navbar .language a img:nth-of-type(2){

    display: none;

  }

  .navbar.navScroll .language a img:nth-of-type(1){

    display: none;

}

.navbar.navScroll .language a img:nth-of-type(2){

    display: block;

}







.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: 32px 8px;

  display: inline-block;

  vertical-align: middle;

}

.searchdiv a:hover{

  color:#1168ae;

}

.searchdiv a:hover::before{

  color:#1168ae;

}

.navbar.navScroll .searchdiv a::before{

  color:black;

}

.navbar.navScroll .searchdiv a:hover::before{

  color:#1168ae;

}



/*菜单部分*/

.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 16px;

  padding: 39px 16px;

  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: 15px;

  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: #1168ae;

}

.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:#1168ae;

}

.navdiv>ul>li.has_sub ul li.has_sub:hover ul li a::before{

  color:#0091d2;

  color:#1168ae;

}



.navdiv>ul>li.has_sub ul li.has_sub ul li:hover{

  background-color: #0091d2;

  background-color: #1168ae;

}

.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;

}





.indexabout{

    width:100%;

    padding: 100px 0;

    margin: 0 auto;

}

.indexaboutLeft{

    float: left;

    width: 50%;

}

.indexaboutLeft a{

    display: block;

    width: 100%;

    overflow: hidden;

}

.indexaboutLeft a:hover img{

    transform: scale(1.125);

    -webkit-transform: scale(1.125);

}



.indexaboutRight{

    float: left;

    width: 50%;

    padding-left: 4.8275%;

}

.indexaboutTopic h3{

    font-size: 3.0rem;

    padding: 0px 0 45px;

}

.indexaboutRight p{

    font-size: 1.6rem

}

.indexaboutButton{

    margin-top: 30px;

}

.indexaboutButton a{

    display: block;

    width:206px;

    height: 50px;

    border-radius: 5px;

    text-align: center;

    font-size: 1.6rem;

    background-color: #fccf00;

    color:#000;

    line-height: 48px;

}

.indexaboutButton a:hover{

    background-color: rgba(0,0,0,1);

    color:#fccf00;

    border: 2px solid #fccf00;

}



.indexCustomize{

    width: 100%;

    height: 60vh;

    background: url(../images/id01.jpg) center center no-repeat;

    background-size: cover;

    text-align: center;

    margin: 0 auto;

}



.indexCustomizeContent{

    transform: translateY(142%);

    margin: 0 auto;

    text-align: center;

}

.indexCustomizeContent p{

  font-family: 'sscb';

    font-size: 2.4rem;

    font-weight: 700;

    color:#fff;

    padding: 0 20%;

}

.indexCustomizeContent a{

    display: block;

    margin: 45px auto;

    width:270px;

    height: 50px;

    border-radius: 5px;

    text-align: center;

    font-size: 1.8rem;

    background-color: rgba(0,0,0,1);

    color:#fccf00;

    border: 1px solid #fccf00;

    line-height: 48px;

}

.indexCustomizeContent a:hover{

    background-color: #fccf00;

    color:#000;

}

.indexTopProducts{

    width: 100%;

    padding: 100px 0;

}

.indexToproductTopic{

    margin-bottom: 45px;

}

.indexToproductTopic h3{

    font-size: 3.0rem;

    font-weight: 700;

    text-align: center;

}



.indexTopProductList{

    width: 100%;

  }

  .iproductItem {

    width: 100%;

    background-color: #fff;

    border-radius: 0px;

    border-left:1px solid #fccf00;

    border-top:1px solid #fccf00;

    border-right:1px solid #fccf00;

    border-bottom:12px solid #fccf00;

    overflow: hidden;

  }

  .itemcontainerPic {

    width: 100%;

    height: 0px;

    padding-bottom: 100%;

    background-color: #fff;

    position: relative;

    margin: 0 auto;

    overflow: hidden;

  }

  .itemcontainerPic a {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

  }

  

  .itemcontainerPic a img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .itemcontainerPic a:hover img{

    transform: scale(1.125);

    -webkit-transform: scale(1.125);

    -moz-transform: scale(1.125);

    -o-transform: scale(1.125);

  }

  .itemcontainerBtn{

    display: block;

    width: 100%;

    background-color: #fccf00;

  }

  .itemcontainerBtn a{

    display: block;

    width: 100%;

    height: 50px;

    padding: 0 15px;

    text-align: center;

    font-size: 1.8rem;

    color:#181400;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    line-height: 48px;

  }

  .itemcontainerBtn a:hover{

    text-decoration: underline;

  }

  .swiper-pagination {

    position: static!important;

    margin-top: 30px;

  }

.indexThreeModal{

    width: 100%;

    padding: 60px;

    background-color: #ececec;

}

.indexThreeModalItem{

    float: left;

    width: 31.1111%;

    margin-right: 3.33%;

    position: relative;

    overflow: hidden;

}

.indexThreeModalItem:nth-of-type(3){

    margin-right: 0%;

}

.modalTxt {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 70px;

    text-align: center;

    background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);

    background-image: -moz-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);

    background-image: -ms-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);

    background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);

    background-image: linear-gradient(bottom, #000, rgba(0, 0, 0, 0.7), transparent);

}

.modalTxt span{

  font-family: 'sscb';

    font-size: 3.0rem;

    color:#fff;

    font-weight: 700;

    line-height: 70px;

}

.indexThreeModalItem a:hover img{

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

}

.indexThreeModalItem ul{

    margin: 0;

    width: 100%;

    background-color: #fff;

    border-top:2px solid #fccf00;

}

.indexThreeModalItem ul li{

    list-style: none;

    border-bottom:2px solid #fccf00;

    padding: 5.50%;

}

.indexThreeModalItem ul li h3{margin-bottom: 20px;}

.indexThreeModalItem ul li h3 a{

    font-family: 'FontAwesome', 'sscb', Arial;

    font-size: 3.0rem;

    color:#1168ae;

    transition: all 400ms ease 0s;

    -webkit-transition: all 400ms ease 0s;

    -moz-transition: all 400ms ease 0s;

    -o-transition: all 400ms ease 0s;

}

.indexThreeModalItem ul li h3 a::before{

  content: '\f178';

  font-size: 0rem;

  color:#1168ae;

  margin-right: 0px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.indexThreeModalItem ul li h3 a:hover{

  color:#000;

}

.indexThreeModalItem ul li h3 a:hover::before{

  font-size: 3.0rem;

  margin-right: 8px;

  color:#000;

}

.indexThreeModalItem ul li p{

    font-size: 1.4rem;

    color:#000;

}

.footer{

  width: 100%;

  background: url(../images/pattern01.png) repeat #181818;

  padding: 70px 0;

}

.footerUp{

  width: 100%;

}

.footerList{

  float: left;

  width: 24.3333%;

  padding-right: 10%;

}

.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:#1168ae;

}

.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:#1168ae;

  display: inline-block;

  margin-right: 6px;

  margin-bottom: 6px;

  width: 32px;

  height: 32px;

  background-color: transparent;

  text-align: center;

  border: 1px solid #1168ae;

  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:#1168ae;

}

.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;

}









main{

  position: relative;

  z-index: 1;

}



/* BACKGROUNDS SLIDER

-------------------------------------------------- */

.header-back {

  width: 100%;

  /* height: 945px; */

  height: auto;

  overflow: hidden;

}

.header-back img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  /* opacity: 1;

  transition: opacity 0.5s ease; */

  animation: myzoomIn 10s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;

  transform-origin: center center; 

  transform: scale(1.12);

}

@keyframes myzoomIn {

  0% {

      transform: scale(1);

  }

  100% {

      transform: scale(1.12);

  }

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */

.carousel {

  /*height: 945px;*/

  width: 100%;

  height: auto;

}



.carousel-caption {

  z-index: 10;

}

.carousel .item {

  /*height: 945px;*/

  background-color: #777;

}



.carousel-fade .carousel-inner .item {

  opacity: 0;

  opacity: 1;

  -webkit-transition-property: opacity;

  transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  opacity: 1;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}

.carousel-control.left,

.carousel-control.right {

  background: none;

}

.carousel-control {

  width: 6%;

}

.carousel-control span:before {

  padding: 10px 13px;

  border: 1px solid #fff;

  border-radius: 50%;

  margin-right: -10px;

}

.carousel-inner .container {

  position: relative;

}

.carousel-inner {

  overflow: visible;

}



.carousel-caption {

  width: 100%;

  position: absolute;

  top: 29.4vh;

  left: 0;

  bottom: auto;

  right: auto;

  text-align: left;

}

.carousel-caption.t296{

  top: 29.6vh;

}

.carousel-caption.blank {

  top: 39.78vh;

}

.carousel-image {

  position: absolute;

  left: auto;

  top: auto;

  right: 42px;

  bottom: 42px;

  z-index: 3;

}

.carousel-image img{

  display: block;

  width: 480px;

  height: 70px;

  width: 25vw;

  height: auto;

}

.carousel-indicators .active {

  margin: 0;

  width: 12px;

  height: 12px;

  background-color: #ae002b;

  border-color: #ae002b;

}

.carousel-caption h1 {

  font-weight: 700;

  font-size: 38px;

  font-size: 3vw;

  color:#fff;

  text-transform: uppercase;

  text-shadow: none;

}

.carousel-caption h1 span{

  padding-left: 16px;

  padding-left: 0.833vw;

  font-weight: normal;

}

.carousel-caption h1.bline::after{

  content: '';

  display: block;

  width: 238px;

  height: 5px;

  background-color: #fff;

  margin-top: 20px;

  margin-bottom: 38px;

  margin-top: 1.041vw;

  margin-bottom: 1.979vw;



}

.carousel-caption p {

  text-transform: uppercase;

  text-shadow: none;

  font-size: 24px;

  font-size: 1.20vw;

  line-height: 42px;

  line-height: 1.625;

  margin-top: 26px;

  margin-top: 1.354vw;

}

.carousel-caption p i{

  padding-right: 10px;

}

.caption-link-a{

  display: inline-block;

  background-color: #ae002b;

  color:#fff;

  font-size: 0px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

  line-height: normal;

  border-radius: 5px;

}

.caption-link-a span{

  padding: 12px 46px;

  padding: 0.625vw 2.3958vw;

  font-size: 21px;

  font-size: 1.09375vw;

  display: inline-block;

  border-right: 1px solid #fff;

}

.caption-link-a i{

  font-size: 21px;

  font-size: 1.09375vw;

 /* padding-left: 18px;

  padding-right: 18px !important;*/

  padding-left: 0.9375vw;

  padding-right: 0.9375vw !important;

}

.caption-link-a:hover{

  background-color: #000;

  color:#fff;

}

.caption-link {

  color: #fff;

  margin-left: 10px;

  text-transform: capitalize;

  text-transform: uppercase;

  font-weight: 400;

}

.caption-link:hover {

  text-decoration: none;

  color: inherit;

}

.carousel-indicators{

  display: none;

}

/**/

.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;

}

.hexinkinds{

  width: 100%;

  margin: 0 auto;

  padding-bottom: 100px;

  background-color: #f7f7f7;

}

.hexinkindstop{

  padding-top: 100px;

  padding-bottom: 60px;

  text-align: center;

}

.hexinkindstop h2{

  font-size: 3.6rem;

}

.hexinkindstop h2 a{

  font-size: 3.6rem;

  color:#ae002b;

  padding-left: 12px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.hexinkindstop h2 a:hover{

  padding-left: 17px;

}



.teseWrap{

  width: 100%;

  font-size: 0;

}

.teseWrap::after{

  content: '';

  display: block;

  clear: both;

}

.teseItem{

  display: block;

  float: left;

  width: 32.38%;

  margin-right: 1.42857%;

  margin-bottom: 20px;

  text-align: center;

}

.teseItem:nth-of-type(3n){

  margin-right: 0;

}

.teseItem a{

  display: block;

  width: 100%;

  height: 0px;

  padding-bottom: 87.72%;

  position: relative;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 5px;

  box-shadow: 0 0 40px rgba(0,0,0,0.05);

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.iconItem{

  width: 5.2vw;

  margin: 0 auto;

  margin-top: 15%;

}

.iconItem img{

  width: 100%;

}

.teseItem a .iconItem img:nth-of-type(1){

  display: block;

}

.teseItem a .iconItem img:nth-of-type(2){

  display: none;

}

.teseItem h3{

  margin: 8.69% auto 8.04%;

  text-align: center;

  font-size: 2.4rem;

  font-weight: bold;

  color:#000;

}

.teseItem p{

  padding: 0 7.17%;

  font-size: 1.6rem;

  text-align: left;

  color:#999999;

}

.teseItem a:hover{

  border-color:#1166ab;

  box-shadow: 0 0 40px rgba(0,0,0,0.30);

  transform: translateY(-10px);

}

.teseItem:hover .iconItem img:nth-of-type(1){

  display: none;

}

.teseItem:hover .iconItem img:nth-of-type(2){

  display: block;

}

.appdiv{

  width: 100%;

  padding-bottom: 116px;

  background: url(../images/i-005.jpg) center top no-repeat;

  background-size: cover;

}



.morediv{

  width: 100%;

  text-align: center;

  margin: 0 auto;

  margin-top: 100px;

}

.iabout{

  display: block;

  clear: both;

  width: 100%;

  padding: 100px 0 72px;

}

.iaboutleft{

  width: 50%;

  float: left;

}

.iaboutleft a{

  display: block;

  width: 100%;

  min-height: 30px;

}

.iaboutleftbg{

  width: 100%;

  background-color: #1168ae;

  border-radius: 15px;

}

.iaboutleftimg{

  position: relative;

  width: 100%;

  border-radius: 15px;

  transform: translateX(10px) translateY(10px);

  overflow: hidden;

}

.iaboutleft a:hover .iaboutleftimg img{

  transform: scale(1.125);

  -webkit-transform: scale(1.125);

  -moz-transform: scale(1.125);

  -o-transform: scale(1.125);

}

.iaboutright{

  width: 50%;

  float: left;

}

.iaboutrightwrap{

  width: 100%;

  padding-left: 14.285%;

}

.iaboutrighttop{

  margin-top: 40px;

}

.iaboutrighttop small{

  display: block;

  font-size: 1.6rem;

  color:#1168ae;

  padding-bottom: 14px;

}

.iaboutrighttop h2{

  font-size: 3.6rem;

  margin-bottom: 72px;

}

.iaboutrighttop h2 a{

  font-size: 3.6rem;

  color:#ae002b;

  padding-left: 12px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.iaboutrighttop h2 a:hover{

  padding-left: 17px;

}

.iaboutdesc{

  margin-bottom: 90px;

}

.iaboutdesc p{

  font-size: 1.6rem;

  color:#333;

  text-align: justify;

  line-height: 1.8;

}

.iaboutdesc p strong{

  padding-right: 7px;

}

.iaboutModal{

  width: 100%;

}

.iaboutModal a{

  display: block;

  width: 100%;

  min-height: 30px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.iaboutModal a:hover{

  transform: translateY(-10px);

}

.iaboutModal a ul{

  width: 100%;

  display: block;

}

.iaboutModal a ul::after{

  content: '';

  display: block;

  clear: both;

}

.iaboutModal a ul li{

  width: 50%;

  float: left;

  list-style: none;

  margin-bottom: 12px;

}

.iaboutModal a ul li dl{

  display: block;

  width: 100%;

}

.iaboutModal a ul li dl::after{

  content: '';

  display: block;

  clear: both;

}

.iaboutModal a ul li dl dt{

  display: block;

  float: left;

  width: 70px;

  height: 70px;

}

.iaboutModal a ul li dl dd{

  display: block;

  float: left;

  padding-top: 10px;

  padding-left: 16px;

}

.iaboutModal a ul li dl dd h3{

  font-size: 3.6rem;

  font-family: 'oss';

}

.iaboutModal a ul li dl dd p{

  font-size: 1.5rem;

  color:#999999;

}

.iaboutequipment{

  width: 100%;

  padding: 72px 0 52px;

  background-color: #d2e4f0;

}

.iaboutequipmentBox{

  width: 100%;

  

}

.iaboutequipmentBox::after{

  content: '';

  display: block;

  clear: both;

}

.iaboutitem{

  width: 48.57%;

  float: left;

  margin-right: 1.4285%;

  margin-bottom: 20px;

  border-radius: 15px;

  overflow: hidden;

  -webkit-transition: all 0.6s ease 0s, -webkit-transform 1s ease 0.2s, opacity 1s ease 0.2s;

  transition: all 0.6s ease 0s, transform 1s ease 0.2s, opacity 1s ease 0.2s;

}

.iaboutitem:nth-of-type(3){

  margin-right: 0;

}

.iaboutitem a{

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 58.8888%;

  position: relative;

  overflow: hidden;

  font-size: 0;

}

.iaboutitempic{

  position: absolute;

  width: 100%;

  height: 100%;

}

.iaboutitempic img{

  /* height: 100%; */

  max-height: 100%;

  width: auto;

  max-width: none;

}

.iaboutitemtxt{

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 80px;

  background-color: rgba(255,255,255,0.95);

  padding-left: 30px;

  padding-top: 30px;

}

.iaboutitemtxt span{

  position: absolute;

  right: 20px;

  bottom: 30px;

  display: block;

  width: 76px;

  height: 24px;

  border-radius: 12px;

  background-color: #999;

  color:#fff;

  text-align: center;

  font-size: 2.1rem;

  line-height: 24px;

}

.iaboutitem a:hover .iaboutitemtxt span{

  background-color: #1168ae;

}

.iaboutitemtxt h4{

  font-size: 1.6rem;

  font-weight: normal;

}

.iaboutitem:nth-of-type(2){

  width: 24.2857%;

}

.iaboutitem:nth-of-type(3){

  width: 24.2857%;

}

.iaboutitem:nth-of-type(2) a{

  padding-bottom: 117.71771%;

}

.iaboutitem:nth-of-type(3) a{

  padding-bottom: 117.71771%;

}

.inews{

  width: 100%;

  padding: 0px 0 100px;

}

.inewssettop{

  width: 52.57%;

  float: left;

}

.inewssettopwrap{

  width: 100%;

}

.inewssettopwrap a{

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 45.45%;

  position: relative;

  background-color: #f7f7f7;

  border-radius: 10px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

  overflow: hidden;

}

.inewssettopwrap a dl{

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 100%;

  height: 100%;

  margin-bottom: 0;

}

.inewssettopwrap a dl::after{

  content: '';

  display: block;

  clear: both;

}

.inewssettopwrap a dl dt{

  width: 58.3333%;

  float: left;

  height: 100%;

  overflow: hidden;

}

.inewssettopwrap a dl dt img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.inewssettopwrap a dl dd{

  width: 41.6666%;

  float: left;

  padding: 5%;

}

.inewssettopwrap a dl dd h3{

  font-size: 1.8rem;

  margin-top: 2%;

  margin-bottom: 25px;

}

.inewssettopwrap a dl dd p{

  font-size: 1.4rem;

  color:#454545;

  margin-bottom: 0;

}

.inewssettopwrap a dl dd span{

  font-size: 2.1rem;

  color:#1168ae;

  margin-top: 15%;

}

.inewssettopwrap a:hover{

  background-color: #1168ae;

  transform: translateY(-10px);

}

.inewssettopwrap a:hover dl dt img{

  transform: scale(1.125);

}

.inewssettopwrap a:hover dl dd h3{

  color:#fff;

}

.inewssettopwrap a:hover dl dd p{

  color:#fff;

}

.inewssettopwrap a:hover dl dd span{

  color:#fff;

}

.inewsrightlist{

  width: 47.43%;

  float: left;

}

.inewsrightlist ul{

  display: block;

  width: 100%;

  padding-left: 9%;

  margin-bottom: 0;

}

.inewsrightlist ul li{

  width: 100%;

  list-style: none;

  margin-bottom: 11%;

}

.inewsrightlist ul li:nth-of-type(2){

  margin-bottom: 0;

}

.inewsrightlist ul li a{

  display: block;

  width: 100%;

  min-height: 30px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.inewsrightlist ul li a dl{

  width: 100%;

  margin-bottom: 0;

}

.inewsrightlist ul li a dl::after{

  content: '';

  display: block;

  clear: both;

}

.inewsrightlist ul li a dl dt{

  width: 35.86%;

  float: left;

  border-radius: 10px;

  overflow: hidden;

}

.inewsrightlist ul li a dl dd{

  width: 64.13%;

  float: left;

  padding-left: 5%;

}

.inewsrightlist ul li  a dl dd h3{

  font-size: 1.8rem;

  margin-top: 2%;

  margin-bottom: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.inewsrightlist ul li  a dl dd p{

  font-size: 1.4rem;

  color:#454545;

  margin-bottom: 0;

}

.inewsrightlist ul li  a dl dd span{

  font-size: 2.1rem;

  color:#1168ae;

  margin-top: 2%;

}

.inewsrightlist ul li a:hover{

  transform: translateY(-10px);

}

.inewsrightlist ul li a:hover dl dd h3{

  color:#1168ae;

}

.ipartner{

  width: 100%;

  padding: 100px 0 100px;

  background-color: #f7f7f7;

}

.ipartnertop h2{

  font-size: 3.6rem;

  margin-bottom: 48px;

}

.ipartnertop h2 a{

  font-size: 3.6rem;

  color:#ae002b;

  padding-left: 12px;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.ipartnertop h2 a:hover{

  padding-left: 17px;

}

.ipartnerico {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

  list-style: none;

  padding: 0;

  margin: 0;

}

.ipartnerico li {

  flex: 0 0 16%;

  flex: 0 0 12.5%;

  box-sizing: border-box;

  margin-right: 5%;

  margin-bottom: 5%;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.ipartnerico li img{

  width: 100%;

}

.ipartnerico li:nth-of-type(6n){

  margin-right: 0%;

}

.ipartnerico li:hover{

  transform: translateY(-10px);

  box-shadow: 0 0 40px rgba(0,0,0,0.25);

}

.footerdiv{

  width: 100%;

  padding-top: 100px;

  background: url(../images/i-007.jpg) center center no-repeat;

  background-size: cover;

}

.footernavleft{

  float: left;

  width: 67.14%;

}

.footernavleft::after{

  content: '';

  display: block;

  clear: both;

}

.footernavleftmodel{

  float: left;

  padding-right: 11.0%;

}

.footernavleftmodel h3{

  font-size: 2.1rem;

  color:#fff;

  margin-bottom: 35px;

}

.footernavleftmodel ul li{

  list-style: none;

  margin-bottom: 16px;

}

.footernavleftmodel ul li a{

  font-size: 1.5rem;

  color:#fff;

  line-height: 1.36;

}

.footernavleftmodel ul li a:hover{

  text-decoration: underline;

}

.footerfollow{

  float: right;

  width: 190px;

}

.followlinks{

  margin-top: 35px;

  text-align: right;

}

.followlinks a{

  display: inline-block;

  width: 36px;

  height: 36px;

  border: 1px solid #fff;

  border-radius: 50%;

  text-align: center;

  margin: 4px;

  line-height: 31px;

}

.followlinks a img{

  width: 28px;

  height: 28px;

  object-fit: contain;

}

.footetdown{

  clear: both;

  width: 100%;

  background-color: rgba(0,0,0,0.75);

  text-align: left;

  padding: 35px 0;

  margin: 70px auto 0;

}

.footetdown p{

  font-size: 1.5rem;

  color:#fff;

}

.footetdown p span{

  padding-left: 45px;

}

.footetdown a{

  font-size: 1.5rem;

  color:#fff;

}

.footetdown a:hover{

  text-decoration: underline;

}

.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/about-bg.jpg) center center no-repeat;

  background-size: cover;

}

.product-banner{

  background: url(../images/product-bg.jpg) center center no-repeat;

  background-size: cover;

}

.service-banner{

  background: url(../images/support-bg.jpg) center center no-repeat;

  background-size: cover;

}

.info-banner{

  background: url(../images/info-bg.jpg) center center no-repeat;

  background-size: cover;

}

.contact-banner{

  background: url(../images/contact-bg.jpg) center center no-repeat;

  background-size: cover;

}

.aboutinfobox{

  margin: 90px 0;

}

.aboutinfoleft{

  float: left;

  width: 60%;

  padding-right: 10%;

}

.aboutinfoleft h3{

  margin-bottom: 30px;

}

.aboutinfoleft p{

  font-size: 1.6rem;

  color:#454545;

  line-height: 1.8;

}

.aboutinfopic{

  width: 40%;

  float: right;

}

.aboutinfopic img{

  border-left:12px solid #e3371e;

  border-left:12px solid #fccf00;

  border-radius: 30px;

}

.aboutequements{

  padding: 90px 0;

  background-color: #ececec;

}

.aboutequements h3{

  margin-bottom: 30px;

}

.roll{width: 100%; height: 280px; overflow: hidden; position: relative;}

.roll ul{ width: 100%; height: 280px; position:relative;}

.roll ul li{ float: left; margin: 15px; margin-right: 6px; list-style: none;}

.roll ul li img{display: inline-block; height:240px; width: auto; /*box-shadow: 0px 0px 10px #999;*/ border:10px solid #f9f9f9; border-radius: 15px;}

.roll ul li a:hover img{/*box-shadow: 0px 0px 13px #fccf00;*/ border-color:#fccf00;}

.wenhua{

  width: 100%;

  padding: 100px 0;

  background-color: #fff;

}

.wenhuaBox{

  width: 100%;

}

.wenhuaItem{

  width: 31.862%;

  float: left;

  margin-right: 2.207%;

  margin-bottom: 30px;

}

.wenhuaItem:nth-of-type(3){

  margin-right: 0;

}

.wenhuaItemTxt{

  padding-left: 10%;

  margin-bottom: 30px;

}

.wenhuaItem:nth-of-type(2) .wenhuaItemTxt{

  margin-top: 30px;

}



.wenhuaItemTxt h3{

  margin-bottom: 12px;

}

.wenhuaItemTxt p{

  font-size: 1.5rem;

}

.wenhuaItem img{

  border-radius: 8px;

}

.productInfo{

  width: 100%;

  padding: 70px 0;

}

.productInfoItem{

  float: left;

  width: 31.862%;

  margin-bottom: 20px;

  margin-right: 2.20%;

  background-color: #fff;

  border:3px solid #fff;

  box-shadow: 0 0 30px rgba(0,0,0,0.12);

  border-radius: 0 0 15px 15px;

  overflow: hidden;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.productInfoItem:nth-of-type(3n){

  margin-right: 0;

}

.productInfoThumbnail{

  width: 100%;

  height: 0;

  padding-bottom: 75%;

  position: relative;

  overflow: hidden;

}

.productInfoThumbnail a{

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.productInfoThumbnail a img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.productInfoTitle{

  width: 100%;

  padding: 0 15px;

  margin-top: 15px;

  text-align: center;

  margin-bottom: 15px;

}

.productInfoTitle a{

  display: block;

  width: 100%;

  height: 40px;

  font-size: 1.5rem;

  font-weight: 700;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  color:#000;

  line-height: 20px;

}



.productInfoItem:hover{

  border-color:#1168ae;

  background-color: #1168ae;

  box-shadow: 0 0 30px rgba(0,0,0,0.38);

  transform: translateY(-10px);

}

.productInfoItem:hover .productInfoThumbnail a img{

  transform: scale(1.25);

  -webkit-transform: scale(1.25);

}

.productInfoItem:hover .productInfoTitle a{

  color:#fff;

}





.pagediv {

  clear: both;

  margin: 20px 0px 50px 0px;

  text-align: left;

  padding-top: 20px;

  padding-bottom: 20px;

  font-family: "Helvetica";

}



.pagediv a {

  display: inline-block;

  font-size: 15px;

  border: #e4e4e4 1px solid;

  padding: 10px 16px;

  margin: 2px;

  color: #000;

  text-decoration: none;

  background-color: #e4e4e4;

  font-family: "Helvetica";

}



.pagediv a:hover,

.pagediv a:focus {

  font-size: 15px;

  border: #1168ae 1px solid;

  padding: 10px 16px;

  color: #fff;

  background-color: #1168ae;

}



.pagediv .current,

.pagediv .thisclass,

.pagediv .pageinfo,

.pagediv span {

  border: #1168ae 1px solid;

  font-size: 15px!important;

  padding: 10px 16px;

  color: #fff;

  margin: 2px;

  background-color: #1168ae;

  display: inline-block;

  font-family: "Helvetica";

}



.pagediv .pageinfo {

  background-color: #e4e4e4;

  border: #e4e4e4 1px solid;

  color: #333;

  font-size: 13px;

  padding: 12px 16px;

  vertical-align: top;

  font-family: "Helvetica";

  font-size: 1.2rem!important;

}

.gbicolist{

  width: 100%;

  padding: 70px 0;

}

.gbicolist ul{

  margin-bottom: 0;

}

.gbicolist ul::after{

  content: '';

  display: block;

  clear: both;

}

.gbicolist ul li{

  list-style: none;

  width: 23.448%;

  float: left;

  margin-right: 2%;

  margin-bottom: 12px;

  border-radius: 8px;

  border:3px solid #dedede;

  padding: 1.5%;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.gbicolist ul li:nth-of-type(4n){

  margin-right: 0;

}

.gbicolist ul li p{

  float: left;

  width: 64%;

  padding-right: 8%;

  font-size: 1.5rem;

}

.gbicolist ul li span{

  width: 36%;

  float: right;

}

.gbicolist ul li span img{

  width: 100px;

}

.gbicolist ul li:hover{

  border-color:#1168ae;

  transform: translateY(-5px);

}

.gbicolist ul li.active{

  animation: border-blink 1s infinite;

}



.daochilist{

  width: 100%;

  padding: 70px 0;

}

.daochilist ul{

  margin-bottom: 0;

}

.daochilist ul::after{

  content: '';

  display: block;

  clear: both;

}

.daochilist ul li{

  list-style: none;

  width: 48.96%;

  float: left;

  margin-right: 2%;

  margin-bottom: 12px;

  border-radius: 8px;

  border:3px solid #dedede;

  padding: 1.5%;

  transition: all 400ms ease 0s;

  -webkit-transition: all 400ms ease 0s;

  -moz-transition: all 400ms ease 0s;

  -o-transition: all 400ms ease 0s;

}

.daochilist ul li:nth-of-type(2n){

  margin-right: 0;

}

.daochilist ul li .daochiTxt{

  float: left;

  width: 62%;

  padding-right: 8%;

}

.daochilist ul li .daochiTxt h4{

  color:#000;

  margin-bottom: 14px;

}

.daochilist ul li .daochiTxt p{

  display: block;

  width: 100%;

  height: 105px;

  font-size: 1.4rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  color:#000;

  line-height: 21px;

}

.daochilist ul li span{

  width: 38%;

  float: right;

}

.daochilist ul li span img{

  width: 100%;

}

.daochilist ul li:hover{

  border-color:#1168ae;

  transform: translateY(-5px);

}



.daochilist ul li.active{

  animation: border-blink 1s infinite;

}



@keyframes border-blink {

  0% {

      border-color: #1168ae; /* 初始边框颜色 */

  }

  50% {

      border-color: #ff0; /* 闪烁颜色 */

  }

  100% {

      border-color: #1168ae; /* 恢复初始边框颜色 */

  }

}



a.returnbtn{

  display: block;

  width: 160px;

  height: 42px;

  background-color: #fccf00;

  border:2px solid #fccf00;

  border-radius: 5px;

  font-size: 1.5rem;

  color:#000;

  text-align: center;

  margin: 30px auto 70px;

  line-height: 40px;

}

a.returnbtn:hover{

  background-color: #000;

  color:#fccf00;

  border-color:#fccf00;

}

.productInfoContainer{

  width: 100%;

  padding: 70px 0;

}

.productInfoContainer div, .productInfoContainer p, .productInfoContainer td{

  font-size: 1.5rem;

  padding: 8px 0;

}

.productInfoContainer th{

  font-size: 1.6rem;

  padding: 8px 0;

}

.newssContainer{

  width: 100%;

  padding: 70px 0;

}

.newssContainer div, .newssContainer p, .newssContainer td{

  font-size: 1.5rem;

  padding: 8px 0;

}

.newssContainer th{

  font-size: 1.6rem;

  padding: 8px 0;

}

.productlist{

  width: 100%;

  padding: 70px 0;

}

.productlist li{

  list-style: none;

  width: 23.448%;

  margin-right: 2%;

  margin-bottom: 25px;

  float: left;

  background-color: #fff;

  border-radius: 0px;

  border-left: 1px solid #fccf00;

  border-top: 1px solid #fccf00;

  border-right: 1px solid #fccf00;

  border-bottom: 12px solid #fccf00;

  overflow: hidden;

}

.productlist li:nth-of-type(4n){

  margin-right: 0;

}

.productlisttxt {

  display: block;

  width: 100%;

  background-color: #fccf00;

}

.productlisttxt a{

  display: block;

  width: 100%;

  height: 50px;

  padding: 0 15px;

  text-align: center;

  font-size: 1.8rem;

  color:#181400;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  line-height: 48px;

}

.productlisttxt a:hover{

  text-decoration: underline;

}

.productlistpic {

  width: 100%;

  height: 0px;

  padding-bottom: 100%;

  background-color: #fff;

  position: relative;

  margin: 0 auto;

  overflow: hidden;

}

.productlistpic a {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}



.productlistpic a img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.productlistpic a:hover img{

  transform: scale(1.125);

  -webkit-transform: scale(1.125);

  -moz-transform: scale(1.125);

  -o-transform: scale(1.125);

}

.product{

  width: 100%;

  padding: 70px 0;

  background-color: #ececec;

}

.productContainer{

  width: 100%;

  margin: 0 auto;

}

.productBigPics{

  width: 36%;

  float: left;

}

.productBigShow{

  width: 100%;

  margin-bottom: 10px;

}

.productBigShow a{

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  position: relative;

  overflow: hidden;

}

.productBigShow a img{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  object-fit: cover;

}

.productBigShow a:hover img{

  transform: scale(1.125);

  -webkit-transform: scale(1.125);

}

.productBigList{

  display: block;

  padding: 10px;

  background-color: #fff;

  margin: 10px auto 20px;

  text-align: center;

}

.productBigList li{

  list-style: none;

  display: inline-block;

  text-align: center;

}

.productBigList li a{

  display: inline-block;

  width: 102px;

  height: 102px;

  border: 1px solid #000;

  margin-right: 5px;

  margin-bottom: 5px;

}

.productBigList li a:hover{

  border-color:#1168ae;

}

.productRight{

  width: 64%;

  float: right;

  padding-left: 1.5%;

}

.productName{

  width: 100%;

  background-color: #fff;

  padding: 30px;

  font-size: 2.1rem;

  color:#000;

  font-weight: 700;

  margin-bottom: 20px;

}

.productShortDescription{

  width: 100%;

  width: 45%;

  float: left;

  background-color: #fff;

  border-right: 20px solid #ececec;

  padding: 15px 15px 15px 30px;

  margin-bottom: 20px;

}

.productShortDescription p, .productShortDescription span, .productShortDescription li{

  font-size: 1.6rem;

  color:#454545;

}

.productShortDescription ul{

  padding-left: 18px;

}

.productShortDescription a{

  font-size: 1.8rem;

  color:#1168ae;

  text-decoration: underline;

}

.productShortDescription a:hover{

  color:#000;

  font-weight: 700;

  text-decoration: none;

}

.productSizePhoto{

  width: 55%;

  float: left;

  background-color: #fff;

  padding: 15px;

  /* border-right: 20px solid #ececec; */

  margin-bottom: 20px;

}

.productPropertyIco{

  /* width: 45%;

  float: right; */

  background-color: #fff;

  padding: 15px;

  margin-bottom: 20px;

}

.productPropertyIco a{

  display: inline-block;

  padding: 2px;

}

.productPropertyIco a img{

  width: 80px;

  height: 80px;

}

.productParameter{

  width: 100%;

  background-color: #fff;

}

.productParameter td{

  font-size: 1.4rem;

  padding: 3px 0;

  border-color:#fff;

}

.productCutType{

  width: 100%;

  margin: 30px 0;

  background-color: #fff;

  padding: 30px;

  font-size: 0px;

}

.productCutType h4{

  font-size: 1.8rem;

  margin-bottom: 20px;

}

.productCutType a{

  width: 15.747549%;

  display: inline-block;

  border: 1px solid #000;

  margin-right: 1.1%;

}

.productCutType a:nth-of-type(6){

  margin-right: 0;

}

.productCutType a:hover{

  border-color:#fff;

  box-shadow: 0 0 20px rgba(0,0,0,0.45);

}

.responseBtnGroup{

  text-align: center;

  margin: 0 auto;

}

.responseBtnGroup a{

  display: inline-block;

  width: 160px;

  height: 42px;

  background-color: #fccf00;

  border:2px solid #fccf00;

  border-radius: 5px;

  font-size: 1.5rem;

  color:#000;

  text-align: center;

  margin: 30px 15px 70px;

  line-height: 40px;

}

.responseBtnGroup a:hover{

  background-color: #000;

  color:#fccf00;

  border-color:#fccf00;

}

.formboxwhite{

  width: 100%;

  padding: 50px 18.96%;

  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;

}

.formLeftWrap{

  width: 100%;

  padding: 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:#777;

}

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;

}

.formRight{

  width: 50%;

  float: right;

  background: url(../images/productcustomize_bg.jpg) left top no-repeat;

  background-size: cover;

}

.frommask{

  height: 100%;

  background: url(../images/wline.svg) -1px top no-repeat;

  background-size: contain;

}

.servicebox{

  width: 100%;

  padding: 70px 0;

  transition: all 0.4s ease;

}

/* 确保 ul 是一个 flex 容器，子元素竖向排列 */

.servicecategory {

  display: flex;

  flex-direction: row; /* 子元素水平排列 */

  justify-content: space-around; /* 子元素等间距排列 */

  align-items: stretch; /* 子元素高度拉伸到相同 */

  list-style: none;

  padding: 0;

  margin: 0;

  width: 100%;

  position: relative;

  transition: all 0.4s ease;

}



/* 每个 li 元素 */

.servicecategory li {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center; /* 垂直居中 */

  flex: 1; /* 使每个 li 元素等分父容器 */

  margin: 1px; /* 每个 li 元素之间的间距 */

  box-sizing: border-box;

  border-right: 1px solid #ddd; /* 右边框 */

  position: relative;

  transition: all 0.4s ease;

}



.servicecategory li:not(:last-child) {

  border-right: 1px solid #ddd; /* 为除了最后一个以外的所有 li 元素设置右边框 */

}



.servicecategory li:last-child {

  border-right: none; /* 去除最后一个 li 元素的右边框 */

}



/* 链接样式，去除默认的下划线和颜色 */

.servicecategory li a {

  text-decoration: none;

  color: inherit;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 100%;

  box-sizing: border-box;

  padding: 20px;

  text-align: center; /* 确保文字居中 */

  opacity: 0.7; /* 默认透明度 */

  transition: all 0.4s ease;

  height: 100%; /* 让链接填满父容器的高度 */

}



.servicecategory li a .s_category_ico{

  transition: all 0.4s ease;

}



/* 图标样式 */

.servicecategory li a .s_category_ico img {

  width: 60%; /* 图片宽度为 li 元素宽度的 78% */

  height: auto; /* 保持图片的纵横比 */

  max-width: 100%; /* 确保图片不会超过容器的宽度 */

  image-rendering: -webkit-optimize-contrast; /* for Chrome, Safari */

  image-rendering: optimizeQuality; /* for Firefox */

}



/* 标题样式 */

.servicecategory li a h3 {

  margin: 10px 0;

  font-size: 3.0em;

  color:#000;

  transition: all 0.4s ease;

}



/* 描述文字样式 */

.servicecategory li a p {

  margin: 10px 0;

  padding: 0 15px;

  font-size: 1.4rem;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* 显示两行 */

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  transition: all 1s ease; /* 平滑过渡效果 */

}



/* 了解更多按钮样式 */

.servicecategory li a .s_category_more {

  margin-top: 25px;

  color: #1168ae;

  font-weight: bold;

  font-size: 1.5rem;

  opacity: 0;

  transition: all 0.4s ease;

}

.servicecategory li a:hover {

  opacity: 1; 

}

.servicecategory li a:hover h3{

  color:#1168ae;

}

.servicecategory li a:hover p {

  -webkit-line-clamp: unset; 

  overflow: visible;

  white-space: normal;

}

.servicecategory li a:hover .s_category_more {

  opacity: 1;

}





.hide-preContainer-box {

  width: 100%;

  padding-top: 78px;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));

  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 10;

}

.qualitybox{

  width: 100%;

  padding: 70px 0;

}

  .qualitybox h4 {

    font-family: Arial;

    font-size: 1.6rem;

    font-weight: normal;

    color: #666;

    margin-bottom: 35px;

    line-height: 1.45;

  }

  

  .qualitybox dl {

    width: 100%;

    height: auto;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    border-radius: 24px;

    transition: all 0.4s ease;

    overflow: hidden;

  }

  

  .qualitybox dl::after {

    content: '';

    display: block;

    clear: both;

  }

  

  .qualitybox dl dd {

    width: 50%;

    order: 2; /* Ensure that dd comes after dt in order */

  }

  

  .qualitybox dl dt {

    width: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    order: 1; /* Ensure that dt comes before dd in order */

  }

  

  .qualitybox dl:nth-of-type(even) dd {

    order: 1; /* Reverse order for even dl elements */

  }

  

  .qualitybox dl:nth-of-type(even) dt {

    order: 2; /* Reverse order for even dl elements */

  }

  

  .textWrap {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center; /* Optional, for text centering */

    padding: 10%;

  }

  .textWrap h3{

    font-size: 3.0rem;

    color:#1168ae;

    margin-bottom: 30px;

  }

  .textWrap p{

    font-size: 1.5rem;

    color:#454545;

    text-align: left;

  }



  .qualitybox dl:hover{

    background-color: #1168ae;

  }

  .qualitybox dl:hover .textWrap h3, .qualitybox dl:hover .textWrap p{

    color:#fff;

  }

  .qualitybox dl:hover dd img{

    transform: scale(0.9);

  }

  

  .p_service{

    width: 100%;

    padding: 50px 18.96%;

    background-color: #fff;

    margin-bottom: 70px;

  }

  .p_service, .p_service div, .p_service p, .p_service span, .p_service td, .p_service dd, .p_service dt, .p_service li{

    font-size: 1.5rem;

    color:#454545;

    line-height: 1.68;

  }

  .p_service h3, .p_service h4, .p_service h5{

    margin-top: 35px;

    margin-bottom: 18px;

  }

.news{

  width: 100%;

  background-color: #ececec;

}

.newsInfo{

  width: 100%;

  background-color: #fff;

  padding: 50px 54px 0px;

  margin: 0 auto;

}

.newsItem {

  width: 31.373333%;

  float: left;

  margin-right: 2.94%;

  margin-bottom: 70px;

  border-bottom: 1px solid #e2e0e0;

}



.newsItem:nth-of-type(3n) {

  margin-right: 0;

}



.newsThumbnail {

  width: 100%;

  height: 0;

  padding-bottom: 53.84%;

  padding-bottom: 66.5%;

  position: relative;

  overflow: hidden;

  background-color: #edeaea;

}



.newsThumbnail a {

  display: block;

  text-align: center;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}



.newsThumbnail a img {

  max-width: 100%;

  max-height: 100%;

  margin: auto;

}



.newsTitle {

  width: 100%;

  padding: 24px 6.5% 45px;

}



.newsTitle a {

  display: block;

  width: 100%;

  height: 54px;

  font-size: 1.8rem;

  color: #333333;

  text-align: left;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  line-height: 27px;

}



.newsDate {

  width: 100%;

  padding: 0px 6.5% 38px;

  color: #999;

  font-size: 1.6rem;

}



.newsDate i {

  margin-right: 7px;

}



.newsItem:hover {

  box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);

  border-bottom: 1px solid #fccf00;

}



.newsItem:hover .newsThumbnail a img {

  transform: scale(1.12);

  -ms-transform: scale(1.12);

  -moz-transform: scale(1.12);

  -webkit-transform: scale(1.12);

  -o-transform: scale(1.12);

}



.newsItem:hover .newsTitle a {

  color: #1168ae;

}



.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: 2;

}



.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: #000000;

}



.updowndiv dl dt a:hover {

  color: #fccf00;

}



.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: #000000;

}



.updowndiv dl dd a:hover {

  color: #f9440a;

}

.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: #1168ae;

}



.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/googlemap.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%;

}



#jindutiao {

  width: 100%;

  height: 100%;

  margin: 0 auto;

  text-align: center;

  background-color: rgba(0, 0, 0, 0.7);

  position: absolute;

  left: 0;

  top: 0;

  display: none;

}



.beijingceng {

  width: 200px;

  height: 32px;

  background-color: #151515;

  border-radius: 16px;

  overflow: hidden;

  position: relative;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

}



.secaiceng {

  width: 1%;

  height: 100%;

  background-color: green;

}



.shuzhiceng {

  display: block;

  width: 100%;

  text-align: center;

  color: orange;

  font-size: 1.5rem;

  line-height: 30px;

  position: absolute;

  left: 0;

  top: 0;

}



@media (width:320px) {

    .indexCustomizeContent {

        transform: translateY(132%) !important;

    }

    .indexCustomizeContent p {

        font-size: 1.4rem !important;

    }

    .servicesidebar{

      display: none;

    }

}

@media (max-width:767px) {

  #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";

  }

  .carousel-caption {

    padding: 0 30px;

    top: 29.4vh;

    top: 20vh;

  }

  .carousel-caption.t296{

    top: 23vh;

  }

  .carousel-caption.blank {

    top: 34vh;

  }

  .carousel-caption h1 {

    font-size: 7vw;

  }

  .carousel-caption h1 span{

    padding-left: 16px;

    padding-left: 1vw;

    font-weight: normal;

  }

  .carousel-caption h1.bline::after{

    content: '';

    display: block;

    width: 106px;

    height: 5px;

    background-color: #fff;

    margin-top: 15px;

    margin-bottom: 24px;

  

  }

  .carousel-caption p{

    font-size: 13px;

  }

  .caption-link-a{

    margin-top: 30px;

  }

  .caption-link-a span {

    padding: 9px 40px;

    font-size: 14px;

  }

  .caption-link-a i {

    font-size: 14px;

    padding-left: 15px;

    padding-right: 15px !important;

  }

  .carousel-image {

    right: 12px;

    bottom: 80px;

  }

  .carousel-image img{

    width: 50vw;

  }

  .carousel-control{

    display: none;

  }

  .carousel-indicators{

    display: block;

  }

  .header-back {

    width: auto;

    height: 100vh;

    overflow: hidden;

  }

  .servicesidebar{

    display: none;

  }

  .language {

    margin-top: 15px;

    margin-left: 15px;

    margin-right: 15px;

}

.indexabout {

    width: 100%;

    padding: 20px 0;

    margin: 0 auto;

}

.indexaboutLeft {

    float: right;

    width: 100%;

}

.indexaboutRight {

    float: left;

    width: 100%;

    padding-left: 0%;

}

.indexaboutTopic h3 {

    font-size: 1.8rem;

    padding: 25px 0 15px;

}

.indexaboutRight p {

    font-size: 13px;

}

.indexaboutButton {

    margin-top: 20px;

    margin-bottom: 20px;

}

.indexaboutButton a {

    height: 36px;

    font-size: 14px;

    line-height: 34px;

}

.indexCustomize {

    height: 50vh;

}

.indexCustomizeContent {

    transform: translateY(65%);

}

.indexCustomizeContent p {

    font-size: 1.6rem;

    font-weight: 700;

    color: #fff;

}

.indexCustomizeContent a {

    display: block;

    margin: 32px auto;

    width: 206px;

    height: 36px;

    border-radius: 5px;

    text-align: center;

    font-size: 1.4rem;

    background-color: rgba(0, 0, 0, 1);

    color: #fccf00;

    border: 1px solid #fccf00;

    line-height: 34px;

}



.indexTopProducts {

  width: 100%;

  padding: 20px 0;

}

.indexToproductTopic h3 {

  font-size: 1.8rem;

}

.indexToproductTopic {

  margin-bottom: 20px;

}

.itemcontainerBtn a{

  font-size: 13px;

}

.indexThreeModal {

  width: 100%;

  padding: 20px 15px;

  background-color: #ececec;

}

.indexThreeModalItem {

  float: left;

  width: 100%;

  margin-right: 0%;

  margin-bottom: 15px;

  position: relative;

  overflow: hidden;

}

.modalTxt span {

  font-size: 1.8rem;

}



.indexThreeModalItem ul li h3 a {

  font-size: 1.8rem;

}

.indexThreeModalItem ul li p {

  font-size: 13px;

}

.indexThreeModalItem ul li h3 a:hover::before{

  font-size: 1.8rem;

  margin-right: 8px;

  color:#000;

}

.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: #1168ae;

}

.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;

}









  .hexinkinds {

    padding-bottom: 20px;

  }

  .hexinkindstop {

    padding-top: 30px;

    padding-bottom: 20px;

    text-align: center;

}

  .hexinkindstop h2{

    font-size: 18px;

  }

  .hexinkindstop h2 a{

    font-size: 18px;

  }

  .teseItem {

    width: 47.826%;

    margin-right: 4.347%;

  }

  .teseItem:nth-of-type(3n){

    margin-right: 4.347%;

  }

  .teseItem:nth-of-type(2n){

    margin-right: 0;

  }

  .teseItem a {

    padding-bottom: 150.0%;

  }

  .iconItem{

    width: 48px;

  }

  .teseItem h3{

    margin: 8.69% auto 8.04%;

    font-size: 15px;

  }

  .teseItem p{

    font-size: 12px;

  }

  .appdiv {

    padding-bottom: 30px;

  }

  .morediv {

    margin: 0 auto;

    margin-top: 0px;

  }

  .inews {

    width: 100%;

    padding: 0px 0 20px;

  }

  .inewssettop {

    width: 100%;

    margin-bottom: 20px;

  }

  .inewssettopwrap a {

    height: auto;

    padding-bottom: 0;

    position: relative;

  }

  .inewssettopwrap a dl {

    position: static;

    height: auto;

    margin-bottom: 0;

  }

  .inewssettopwrap a dl dt {

    width: 100%;

    float: left;

    height: auto;

    overflow: hidden;

  }

  .inewssettopwrap a dl dd {

    width: 100%;

  }

  .inewssettopwrap a dl dd h3 {

    font-size: 15px;

    margin-top: 2%;

    margin-bottom: 15px;

  }

  .inewssettopwrap a dl dd p {

    font-size: 12px;

  }

  .inewssettopwrap a dl dd span {

    margin-top: 5%;

  }

  .inewsrightlist {

    width: 100%;

    float: left;

  }

  .inewsrightlist ul {

    padding-left: 0%;

    margin-bottom: 0;

  }

  .inewsrightlist ul li {

    margin-bottom: 20px;

    background-color: #f7f7f7;

    border-radius: 0 0 10px 10px;

  }

  .inewsrightlist ul li a dl dt {

    width: 100%;

    float: left;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

  }

  .inewsrightlist ul li a dl dd {

    width: 100%;

    float: left;

    padding: 5%;

  }

  .inewsrightlist ul li a dl dd h3 {

    font-size: 15px;

    margin-top: 2%;

    margin-bottom: 15px;

  }

  .inewsrightlist ul li a dl dd p {

    font-size: 12px;

  }

  .inewsrightlist ul li a dl dd span {

    margin-top: 5%;

  }

  .ipartner {

    padding: 30px 0 30px;

  }

  .ipartnertop h2 {

    font-size: 18px;

    margin-bottom: 20px;

  }

  .ipartnertop h2 a{

    font-size: 18px;

  }

  .ipartnerico li {

    flex: 0 0 30%;

    margin-right: 5%;

  }

  .ipartnerico li:nth-of-type(6n) {

    margin-right: 5%;

  }

  .ipartnerico li:nth-of-type(3n) {

    margin-right: 0%;

  }

  .footerdiv {

    padding-top: 30px;

  }

  .footernavleft {

    width: 100%;

  }

  .footernavleftmodel {

    float: left;

    padding-right: 0%;

    width: 50%;

    margin-bottom: 25px;

  }

  .footernavleftmodel h3 {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

  }

  .footernavleftmodel ul li {

    margin-bottom: 12px;

  }

  .footernavleftmodel ul li a {

    font-size: 12px;

  }

  .footerfollow {

    float: left;

  }

  .footetdown {

    margin: 35px auto 0;

    text-align: left;

  }

  .footetdown p, .footetdown a{

    font-size: 12px;

  }

  .footetdown p span{

    display: block;

    padding: 0;

    margin: 12px 0;

  }

  .iabout {

    padding: 30px 0 0px;

  }

  .iaboutleft {

    width: 97%;

  }

  .iaboutleftbg {

    border-radius: 15px 15px 0 0;

  }

  .iaboutleftimg {

    border-radius: 15px 15px 0 0;

  }

  .iaboutright {

    width: 100%;

  }

  .iaboutrightwrap {

    padding-left: 0;

  }

  .iaboutrighttop {

    margin-top: 20px;

  }

  .iaboutrighttop small {

    font-size: 12px;

    color: #000;

    padding-bottom: 6px;

  }

  .iaboutrighttop h2 {

    font-size: 18px;

    margin-bottom: 25px;

  }

  .iaboutrighttop h2 a {

    font-size: 18px;

  }

  .iaboutdesc {

    margin-bottom: 30px;

  }

  .iaboutdesc p {

    font-size: 12px;

    line-height: 1.65;

  }

  .iaboutModal a ul li dl dt {

    display: block;

    float: none;

    width: 50px;

    height: 50px;

    margin: 0 auto;

    text-align: center;

  }

  .iaboutModal a ul li dl dd {

    display: block;

    width: 100%;

    float: left;

    padding-top: 10px;

    padding-left: 0px;

    text-align: center;

  }

  .iaboutModal a ul li dl dd h3 {

    font-size: 3.0rem;

  }

  .iaboutModal a ul li dl dd p {

    font-size: 14px;

    color: #999999;

  }

  .iaboutequipment {

    padding: 30px 0;

  }

  .iaboutitem {

    width: 100%;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    border-radius: 10px;

    overflow: hidden;

  }

  .iaboutitem:nth-of-type(2), .iaboutitem:nth-of-type(3){

    width: 100%;

  }

  .iaboutitem:nth-of-type(2) a, .iaboutitem:nth-of-type(3) a {

    padding-bottom: 58.8888%;

  }

  .iaboutitemtxt {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 50px;

    background-color: rgba(255, 255, 255, 0.95);

    padding-left: 30px;

    padding-top: 16px;

  }

  .iaboutitemtxt h4 {

    font-size: 14px;

  }

  .iaboutitemtxt span {

    bottom: 15px;

  }

  .servicesidebar{

    display: none;

  }

  .topicbanner{

    height: 350px;

  }

  .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);

  }

  .topicbanner .container{

    margin: 0;

  }

  .aboutinfobox {

    margin: 30px 0;

  }

  .aboutinfoleft {

    float: left;

    width: 100%;

    padding-right: 0%;

  }

  .aboutinfoleft h3 {

    font-size: 1.8rem;

    margin-bottom: 20px;

    line-height: 1.4;

  }

  .aboutinfoleft p{

    font-size: 13px;

  }

  .aboutinfopic {

    width: 100%;

  }

  .aboutequements {

    padding: 35px 0;

    background-color: #ececec;

  }

  .aboutequements h3 {

    font-size: 18px;

    margin-bottom: 20px;

  }

  .roll ul li{

    margin: 10px;

    margin-right: 5px;

  }

  .roll ul li img{

    border-width: 5px;

  }

  .wenhua{

    padding: 30px 0;

  }

  .wenhuaItem{

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

    font-size: 0;

  }

  .wenhuaItemTxt {

    padding-left: 0%;

    margin-bottom: 0px;

    display: inline-block;

    width: 50%;

    vertical-align: middle;

    padding-right: 10px;

  }

  .wenhuaItemTxt h3{

    font-size: 18px;

  }

  .wenhuaItemTxt p {

    font-size: 12px;

  }

  .wenhuaItem img{

    display: inline-block;

    width: 50%;

  }

  .wenhuaItem:nth-of-type(2) .wenhuaItemTxt{

    padding-left: 10px;

    padding-right: 0px;

  }

  .productlist {

    width: 100%;

    padding: 30px 0;

  }

  .productlist li{

    width: 49%;

  }

  .productlist li:nth-of-type(4n){

    margin-right: 0;

  }

  .productlist li:nth-of-type(2n){

    margin-right: 0;

  }

  .productlisttxt a{

    font-size: 13px;

  }

  .product {

    padding: 15px 0;

  }

  .productBigPics{

    width: 100%;

  }

  .productPropertyIco a img {

    width: 64px;

    height: 64px;

  }

  .productRight {

    width: 100%;

    float: right;

    padding-left: 0%;

  }

  .productName{

    font-size: 1.8rem;

  }

  .productShortDescription {

    width: 100%;

    float: left;

    background-color: #fff;

    border-right: none;

    padding: 15px 15px 15px 30px;

    margin-bottom: 20px;

  }

  .productShortDescription p, .productShortDescription span, .productShortDescription li {

    font-size: 1.4rem;

    color: #454545;

  }

  .productShortDescription a{font-size: 1.4rem;}

  .productSizePhoto{

    width: 100%;

  }

  .productParameter td{

    font-size: 1.3rem;

  }

  .productCutType h4{font-size: 1.5rem;}

  .productCutType a{

    width: 49%;

    margin-right: 2%;

    margin-bottom: 5px;

  }

  .productCutType a:nth-of-type(3n){

    margin-right: 2%;

  }

  .productCutType a:nth-of-type(2n){

    margin-right: 0;

  }

  .responseBtnGroup{

    padding-bottom: 35px;

  }

  .responseBtnGroup a{

    font-size: 1.4rem;

    margin: 15px 15px 0;

  }

  .productInfo {

    width: 100%;

    padding: 30px 0;

  }

  .productInfoItem {

    width: 49.0%;

    margin-right: 2%;

    border: 3px solid #fff;

    border-radius: 0;

  }

  .productInfoItem:nth-of-type(3n){

    margin-right: 2%;

  }

  .productInfoItem:nth-of-type(2n){

    margin-right: 0%;

  }

  .productInfoTitle a{font-size: 12px;}

  a.returnbtn{font-size: 14px;}

  .productInfoContainer {

    width: 100%;

    padding: 30px 0;

  }

  .productInfoContainer div, .productInfoContainer p, .productInfoContainer td{

    font-size: 1.2rem;

    padding: 5px 0;

  }

  .productInfoContainer th{

    font-size: 1.3rem;

    padding: 5px 0;

  }

  .table-responsive{

    padding: 0px !important;

  }

  table{

    width: auto !important;

  }

  table td{

    min-width: 112px !important;

    padding:5px !important;

  }

  .daochilist {

    width: 100%;

    padding: 30px 0;

  }

  .daochilist ul li {

    list-style: none;

    width: 100%;

    float: left;

    margin-right: 0%;

  }

  .daochilist ul li .daochiTxt {

    float: left;

    width: 100%;

    padding: 15px;

  }

  .daochilist ul li .daochiTxt p {

    display: block;

    width: 100%;

    height: auto;

    font-size: 1.3rem;

  }

  .daochilist ul li span {

    width: 100%;

    float: right;

  }

  .gbicolist {

    width: 100%;

    padding: 30px 0;

  }

  .gbicolist ul li{

    width: 49%;

    margin-right: 2%;

  }

  .gbicolist ul li:nth-of-type(4n){

    margin-right: 0%;

  }

  .gbicolist ul li:nth-of-type(2n){

    margin-right: 0%;

  }

  .gbicolist ul li p{

    font-size: 12px;

  }

  .servicebox {

    width: 100%;

    padding: 30px 0;

  }

  .servicecategory {

    display: flex;

    flex-direction: column;

  }

  .servicecategory li{

    border-right: none;

    border-bottom:1px solid #ddd;

  }

  .servicecategory li:not(:last-child) {

    border-right: none;

  }

  .servicecategory li a{

    opacity: 1;

  }

  .servicecategory li a p {

    -webkit-line-clamp: unset;

    font-size: 13px;

    text-align: left;

  }

  .servicecategory li a .s_category_more{

    opacity: 1;

  }

  .formboxwhite {

    width: 100%;

    padding: 10px 15px;

    background-color: #fff;

  }

  .formLeft {

    width: 100%;

    float: left;

  }

  .formLeftWrap {

    width: 100%;

    padding: 15px;

  }

  .formLeftWrap h3{

    font-size: 1.8rem;

    margin-bottom: 25px;

  }

  .formRight{display: none;}

  .qualitybox {

    width: 100%;

    padding: 30px 0;

  }

  .qualitybox h4 {

    font-size: 1.4rem;

    margin-bottom: 25px;

    font-weight: normal;

    line-height: 1.56;

  }

  .qualitybox dl{border-radius:0px;}

  .qualitybox dl dt{width: 100%;}

  .qualitybox dl dd{

    width: 100%;

    order: unset;

  }

  .textWrap h3 {

    font-size: 1.8rem;

    margin-bottom: 20px;

  }

  .textWrap p {

    font-size: 12px;

  }

  .p_service {

    width: 100%;

    padding: 30px;

    margin-bottom: 30px;

  }

  .p_service, .p_service div, .p_service p, .p_service span, .p_service td, .p_service dd, .p_service dt, .p_service li {

    font-size: 1.3rem;

    line-height: 1.45;

  }

  .p_service h3{font-size: 1.8rem;}

  .p_service h4{font-size: 1.6rem;}

  .news {

    width: 100%;

    background-color: #fff;

  }

  .newsItem {

    width: 49.0%;

    margin-right: 2.0%;

    margin-bottom: 30px;

  }

  .newsItem:nth-of-type(3n){

    margin-right: 2%;

  }

  .newsItem:nth-of-type(2n){

    margin-right: 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: 20px;

    margin-bottom: 25px;

  }



  .newsviewTop h3 {

      font-size: 21px;

      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;

  }

  .contactbox {

    width: 100%;

    padding: 30px 0;

  }

  .contactInfo {

    display: block;

    float: left;

    width: 100%;

    padding: 0px 0px 0px 0;

    min-height: auto;

    background-color: #fff;

  }

  .contacttxtwrap {

    width: 100%;

    padding: 10px;

    background-color: #fff;

  }

  .contacttxtwrap ul li span, .contacttxtwrap ul li a{

    font-size: 14px;

  }

  .baidumap {

    width: 100%;

    background-size: 280%;

  }

}

@media (min-width: 768px) and (max-width: 1199px) {

  #headdiv {

    height: 80px;

    padding: 0 12px;

  }

  .logo{

    width: 162px;

    height: 60px;

  }

  .language {

    margin-top: 15px;

    margin-left: 25px;

    margin-right: 25px;

}

  .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: 99996;

  }

  .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";

  }

  .carousel-image {

    right: 12px;

    bottom: 80px;

  }

  .carousel-image img{

    width: 40vw;

  }

  .carousel-caption {

    padding: 0 30px;

    top: 29.4vh;

    top: 20vh;

  }

  .carousel-caption.t296{

    top: 23vh;

  }

  .carousel-caption.blank {

    top: 34vh;

  }

  .carousel-caption h1 {

    font-size: 7vw;

  }

  .carousel-caption h1 span{

    padding-left: 16px;

    padding-left: 1vw;

    font-weight: normal;

  }

  .carousel-caption h1.bline::after{

    content: '';

    display: block;

    width: 106px;

    height: 5px;

    background-color: #fff;

    margin-top: 15px;

    margin-bottom: 24px;

  

  }

  .carousel-caption p{

    font-size: 13px;

  }

  .caption-link-a{

    margin-top: 30px;

  }

  .caption-link-a span {

    padding: 9px 40px;

    font-size: 14px;

  }

  .caption-link-a i {

    font-size: 14px;

    padding-left: 15px;

    padding-right: 15px !important;

  }

  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    margin-right: 15px;

  }



  .indexabout {

    width: 100%;

    padding: 30px 0;

    margin: 0 auto;

}

.indexaboutTopic h3 {

    font-size: 2.1rem;

    padding: 5px 0 24px;

}

.indexaboutRight p {

    font-size: 1.5rem;

}

.indexaboutButton a {

    height: 42px;

    font-size: 1.5rem;

    line-height: 40px;

}

.indexCustomize {

    height: 50vh;

}

.indexCustomizeContent p {

    font-size: 1.8rem;

}

.indexCustomizeContent {

    transform: translateY(186%);

}

.indexCustomizeContent a {

    margin: 35px auto;

    height: 42px;

    font-size: 1.5rem;

    line-height: 40px;

}



  .header-back {

    width: auto;

    height: 100vh;

    overflow: hidden;

  }

  .servicesidebar{

    display: none;

  }

  .hexinkinds{

    padding-bottom: 60px;

  }

  .hexinkindstop {

    padding-top: 60px;

  }

  .teseItem a {

    padding-bottom: 108.72%;

  }

  .teseItem h3 {

    font-size: 1.8rem;

  }

  .teseItem p {

    font-size: 1.4rem;

  }

  .iabout {

    padding: 60px 0 60px;

  }

  .iaboutleft {

    width: 97%;

  }

  .iaboutleftbg {

    border-radius: 15px 15px 0 0;

  }

  .iaboutleftimg {

    border-radius: 15px 15px 0 0;

  }

  .iaboutright {

    width: 100%;

  }

  .iaboutrightwrap {

    padding-left: 0;

  }

  .iaboutrighttop {

    margin-top: 36px;

  }

  .iaboutrighttop small {

    font-size: 12px;

    color: #000;

    padding-bottom: 6px;

  }

  .iaboutrighttop h2 {

    font-size: 3.6rem;

    margin-bottom: 25px;

  }

  .iaboutrighttop h2 a {

    font-size: 3.6rem;

  }

  .iaboutdesc {

    margin-bottom: 45px;

  }

  .iaboutdesc p {

    font-size: 1.4rem;

    line-height: 1.65;

  }

  .iaboutModal a ul li dl dt {

    display: block;

    float: none;

    width: 72px;

    height: 72px;

    margin: 0 auto;

    text-align: center;

  }

  .iaboutModal a ul li dl dd {

    display: block;

    width: 100%;

    float: left;

    padding-top: 10px;

    padding-left: 0px;

    text-align: center;

  }

  .iaboutModal a ul li dl dd h3 {

    font-size: 3.6rem;

  }

  .iaboutModal a ul li dl dd p {

    font-size: 1.6rem;

    color: #999999;

  }

  .iaboutitemtxt span{

    display: none;

  }

  .inewssettopwrap a{

    padding-bottom: 85%;

  }

  .inewssettopwrap a dl dd h3 {

    font-size: 1.6rem;

    margin-top: 2%;

    margin-bottom: 20px;

  }

  .inewsrightlist ul {

    padding-left: 5%;

  }

  .inewsrightlist ul li a dl dd h3 {

    font-size: 1.6rem;

    margin-top: 0%;

    margin-bottom: 12px;

  }

  .footerdiv {

    padding-top: 60px;

  }

  .footernavleft {

    float: left;

    width: 100%;

  }

  .footernavleft::after {

    content: '';

    display: block;

    clear: both;

  }

  .footernavleftmodel {

    width: 25%;

    float: left;

    padding-right: 0;

  }

  .footernavleftmodel ul li {

    list-style: none;

    margin-bottom: 12px;

  }

  .footerfollow {

    clear: both;

    width: 100%;

    float: none;

    padding: 40px 30%;

    border-top: 1px dashed #1168ae;

    margin-top: 285px;

  }

  .followlinks {

    margin-top: 35px;

    text-align: center;

  }

  .followlinks a{

    margin: 15px;

  }

  .footetdown {

    margin: 20px auto 0;

  }

  .indexTopProducts {

    width: 100%;

    padding: 30px 0;

}

.indexToproductTopic {

  margin-bottom: 24px;

}

.indexToproductTopic h3 {

  font-size: 2.1rem;

}

.itemcontainerBtn a{

  font-size: 1.5rem;

}

  .indexThreeModal {

    width: 100%;

    padding: 30px 15px;

    font-size: 0;

    background-color: #ececec;

  }

  .indexThreeModalItem{

    float: none;

    display: inline-block;

    margin-right: 2%;

    width: 49%;

    margin-bottom: 15px;

  }

  .indexThreeModalItem:nth-of-type(2){

    margin-right: 0;

  }



  .indexThreeModalItem:nth-of-type(3){

    width: 100%;

    float: left;

    margin-bottom: 0;

  }

  .modalTxt span {

    font-size: 2.1rem;

    color: #fff;

    font-weight: 700;

    line-height: 70px;

  }

  .indexThreeModalItem ul li h3 a{

    font-size: 2.1rem;

  }

  .indexThreeModalItem ul li h3 a:hover::before{

    font-size: 2.1rem;

  }

  .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: #1168ae;

  }

  .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;

  }

  .topicbanner{

    height: 400px;

  }

  .topicbanner h2{

    font-size: 2.8rem;

  }

  .topicbanner h2::after{

    width: 72px;

  }

  .aboutinfobox {

    margin: 45px 0;

  }

  .aboutinfoleft {

    float: left;

    width: 60%;

    padding-right: 4%;

  }

  .aboutinfoleft h3 {

    font-size: 1.8rem;

    margin-bottom: 20px;

  }

  .aboutinfoleft p {

    font-size: 1.3rem;

    text-align: justify;

    line-height: 1.6;

  }

  .aboutinfopic {

    margin-top: 4%;

  }

  .aboutequements {

    padding: 45px 0;

  }

  .aboutequements h3{

    font-size: 1.8rem;

  }

  .wenhua{

    padding: 45px 0;

  }

  .wenhuaItemTxt h3{

    font-size: 1.8rem;

  }

  .productlist {

    width: 100%;

    padding: 45px 0;

  }

  .productlist li{

    width: 32%;

  }

  .productlist li:nth-of-type(4n){

    margin-right: 2%;

  }

  .productlist li:nth-of-type(2n){

    margin-right: 2%;

  }

  .productlist li:nth-of-type(3n){

    margin-right: 0%;

  }

  .productlisttxt a{

    font-size: 13px;

  }

  .product {

    width: 100%;

    padding: 45px 0;

    background-color: #ececec;

  }

  .productShortDescription {

    width: 100%;

    float: left;

    background-color: #fff;

    border-right: none;

    padding: 15px 15px 15px 30px;

    margin-bottom: 20px;

  }

  .productShortDescription p, .productShortDescription span, .productShortDescription li {

    font-size: 1.4rem;

    color: #454545;

  }

  .productShortDescription a{font-size: 1.4rem;}

  .productSizePhoto{

    width: 100%;

  }

  .productParameter td{

    font-size: 1.3rem;

  }

  .productPropertyIco a img {

    width: 64px;

    height: 64px;

  }

  .productInfoContainer {

    width: 100%;

    padding: 45px 0;

  }

  .daochilist {

    width: 100%;

    padding: 45px 0;

  }

  .daochilist ul li .daochiTxt p{

    font-size: 12px;

  }

  .daochilist ul li {

    list-style: none;

    width: 100%;

    float: left;

    margin-right: 0%;

  }

  .gbicolist {

    width: 100%;

    padding: 45px 0;

  }

  .servicebox {

    width: 100%;

    padding: 45px 0;

  }



  .servicecategory li a{

    padding: 2px;

    opacity: 1;

  }

  .servicecategory li a p {

    min-height: 184px;

    -webkit-line-clamp: unset;

    font-size: 13px;

    text-align: left;

    color: #999;

  }

  .servicecategory li a .s_category_more{

    opacity: 1;

  }

  .formboxwhite {

    width: 100%;

    padding: 0px 0%;

    background-color: #fff;

  }

  .qualitybox {

    width: 100%;

    padding: 45px 0;

  }

  .qualitybox h4 {

    margin-bottom: 35px;

    line-height: 1.45;

    font-weight: normal;

    color: #999;

    font-size: 1.6rem;

  }

  .contactInfo{

    width: 100%;

    padding: 0;

    min-height: auto;

  }

  .baidumap{

    width: 100%;

  }

}

@media (min-width: 1200px) and (max-width:1440px){

    .navdiv {

        width: 60%;

        margin: 0 auto;

    }

    .logo{

        margin-top: 30px;

        width: 240px;

        height: 45px;

    }

    .indexaboutTopic h3 {

        font-size: 3.0rem;

        padding: 0px 0 30px;

    }

    .indexCustomizeContent p {

        font-size: 2.6rem;

    }

    .indexCustomizeContent {

        transform: translateY(90%);

        margin: 0 auto;

        text-align: center;

    }

    .codediv img {

      width: 150px;

      margin-right: 2px;

  }

}



@media (min-width: 1920px) {

  .container {

      width: 1400px;

  }

}

@media (min-width: 2100px) 

{



}

@media (max-width: 320px) {

  .teseItem a {

      padding-bottom: 190%;

  }

}