/*reset.css用来存储清除浏览器的样式 ,后面添加了一部分通用样式*/
@import url('https://fonts.font.im/css?family=Open+Sans: 300');

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

a:hover {
  outline        : none;
  text-decoration: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline                    : none;
  text-decoration            : none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-modify        : read-only;
  cursor                     : pointer;
}

::-webkit-scrollbar {
  width: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}

/*
@font-face{
  font-family: 'Alibaba';
  src: url('/themes/xd/public/assets/font/Alibaba-PuHuiTi-Light.woff') format('woff'),
  url('/themes/xd/public/assets/font/Alibaba-PuHuiTi-Light.ttf') format('truetype'),
  url('/themes/xd/public/assets/font/Alibaba-PuHuiTi-Light.svg') format('svg');
}
*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin : 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing : 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style : inherit;
  font-weight: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size  : 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border      : 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size  : inherit;
  font-style : inherit;
  font-weight: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor            : pointer;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%;
  outline   : none;
}

/*select*/
select {
  /*复写Chrome和Firefox里面的边框*/
  border            : 1px solid green;
  /*清除默认样式*/
  appearance        : none;
  -moz-appearance   : none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background        : url(/themes/xd/public/assets/img/icon_select.png) no-repeat scroll 110px center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right     : 14px;
}

.is-mobile {
  display: none;
}

.is-pc {
  display: block;
}

@media (max-width:600px) {
  .is-mobile {
    display: block;
  }

  .is-pc {
    display: none;
  }
}



/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}

/* 个人在后面添加了一些常用的公共样式 */
/*居中效果*/
.margin_center {
  margin: 0px auto;
}

/*浮动*/
.float_left {
  float: left;
}

.float_right {
  float: right;
}

/*文字位置*/
.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

/*position*/
.position_relative {
  position: relative;
}

.position_absolute {
  position: absolute;
}

/*边框*/
.no_border {
  border      : 0px !important;
  border-right: 0px !important;
}

/*宽度*/
.width_whole {
  width: 100%;
}

/*清除格式*/
.clear_both {
  clear: both;
}

.no_margin {
  margin: 0px !important;
}

/* 展示样式 */
.display_block {
  display: block;
}

.display_none {
  display: none;
}

.visibility_hidden {
  visibility: hidden;
}

/*清除浮动*/
.clearfix:after {
  content   : "";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*+html .clearfix {
  zoom: 1;
}

/* IE7 */

/*内容区*/
.w_1200 {
  max-width: 1180px;
  padding  : 0 10px;
  margin   : 0 auto;
  display  : block;
}

.tops {
  padding-top: 60px;
}

body {
  font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif' !important;
  font-size  : 10px;
}

.package {
  z-index : 1;
  position: relative;
}

/*heaer*/
header {
  width      : 100%;
  position   : fixed;
  z-index    : 3;
  top        : 0;
  left       : 0;
  display    : block;
  padding-top: 13px;
  background : transparent;
}

header:hover,
header.on {
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.header_box {
  display        : flex;
  justify-content: space-between;
}

.header_box .header_menu {
  flex           : auto;
  display        : flex;
  justify-content: center;
  align-content  : center;
}

.header_box ul.header_menu_one_ul {
  display    : flex;
  align-items: center;
  flex-wrap  : wrap;
}

.header_box ul.header_menu_one_ul>li {
  padding-right: 12px;
  padding-left : 12px;
}

.header_box ul.header_menu_one_ul>li:last-child {
  padding-right: 0;
}

.header_box ul.header_menu_one_ul>li>a {
  font-size  : 16px;
  display    : block;
  position   : relative;
  line-height: 21px;
  color      : #434343;
  font-family: "Light";
  line-height: 35px;
  height     : 48px;
}

.header_box ul.header_menu_one_ul>li>a::after {
  transition   : all .4s;
  content      : "";
  display      : block;
  position     : absolute;
  bottom       : 0;
  width        : 100%;
  height       : 3px;
  background   : transparent;
  border-radius: 6px;
}

.header_box ul.header_menu_one_ul>li>a:hover::after {
  background: #DC000C;
}

.header_box ul.header_menu_one_ul>li>a.on::after {
  background: #DC000C;
}

.header_box .language a {
  font-size          : 16px;
  line-height        : 35px;
  color              : #434343;
  background-image   : url(/themes/xd/public/assets/img/ico_1.png);
  background-position: center left;
  background-repeat  : no-repeat;
  padding-left       : 23px;
}

/*二级菜单*/
.header_menu_two {
  display   : none;
  z-index   : -10;
  position  : absolute;
  width     : 100%;
  left      : 0;
  top       : 60px;
  background: url(/themes/xd/public/assets/img/ic_1.png);
  padding   : 10px 0;
  transition: all .4s;
  border-top: 1px solid #EDEEF0;
}

.header_menu_two .w_1200 {
  display        : flex;
  flex-direction : row;
  align-items    : center;
  justify-content: center;
}

.header_menu_two .w_1200 a {
  font-size  : 16px;
  line-height: 30px;
  color      : #707070;
  margin     : 0 19px;
}

.header_menu_two .w_1200 a:hover {
  color      : #DC000C;
  font-weight: 500
}

.header_box ul.header_menu_one_ul>li:hover .header_menu_two {
  z-index: 2;
  display: block;
}

.header_menu_two_ul {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
}

.header_menu_two_ul ol {
  width     : 1px;
  height    : 183px;
  background: #EDEEF0;
}

.header_menu_two_ul ol:nth-child(6) {
  display: none
}

.header_menu_two_ul li {
  width: 33.3%
}

.header_menu_two_ul li a {
  display    : flex;
  align-items: center;
  font-family: light;
}

.header_menu_two_ul li a img {
  max-width: 183px;
  width    : 100%;
}

.header_menu_two_ul li .menu_text {
  margin-left : 20px;
  margin-right: 20px;
}

.header_menu_two_ul li a h4 {
  font-size  : 24px;
  line-height: 31px;
  color      : #0C1220;
}

.header_menu_two_ul li a span {
  font-size         : 14px;
  line-height       : 24px;
  color             : #0C1220;
  height            : 48px;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow          : hidden
}

.header_box ul.header_menu_one_ul>li:hover .anout_menu {
  display: block;
}

.anout_menu {
  width     : 100%;
  position  : fixed;
  left      : 0;
  top       : 60px;
  background: #fff;
  z-index   : 2;
  border-top: 1px solid #edeef0
}

.anout_menu .w_1200 {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.anout_menu .title {
  font-size  : 16px;
  color      : #0C1220;
  line-height: 46px;
}

.anout_menu ul {
  display: flex;
  padding: 15px 0;
}

.anout_menu ul li {
  font-size  : 16px;
  margin-left: 24px;
}

.anout_menu ul li a {
  color: #707070;
}

.anout_menu ul li a:hover {
  color: #DC000C;
}

/*banner*/
.banner .swiper-wrapper,
.banner .swiper-slide {
  height: auto;
}

.banner .swiper-button-next {
  background: url(/themes/xd/public/assets/img/j.png) no-repeat center
}

.banner .swiper-button-prev {
  background: url(/themes/xd/public/assets/img/t.png) no-repeat center
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
  color: #fff;
}

.banner img {
  width: 100%;
}

.banner .pc_banner {
  display: block;
}

.banner .mobile_banner {
  display: none;
}

.index_Product_category {
  padding: 15px 15px 0;
}

.index_Product_category ul {
  display        : flex;
  flex-direction : row;
  flex-wrap      : wrap;
  align-content  : flex-start;
  justify-content: space-between;
  position       : relative;
  margin         : 0 -7.5px;
}

.index_Product_category ul img {
  width  : 100%;
  display: block;
}

.index_Product_category ul li {
  display      : inline-block;
  position     : relative;
  overflow     : hidden;
  width        : 50%;
  margin-bottom: 15px;
}

.index_Product_category ul li:nth-child(3) {
  position: absolute;
  bottom  : 0;
  right   : 0;
}

.index_Product_category ul li .box {
  margin       : 0 7.5px;
  position     : relative;
  border-radius: 3px;
  overflow     : hidden;
  display      : block;
}

.index_Product_category ul li .Content_filling {
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  background-image   : url(/themes/xd/public/assets/img/Mask1.png);
  background-position: bottom center;
  background-repeat  : no-repeat;
  transition         : all .8s;
  text-align         : center;
}

.index_Product_category ul li:hover .Content_filling {
  background-image: url(/themes/xd/public/assets/img/Mask.png);
  transition      : all .8s;
}

.index_Product_category ul li .Content_filling_box {
  position  : absolute;
  bottom    : -50px;
  width     : 100%;
  transition: all .4s;
}

.index_Product_category ul li .Content_filling_box .ico {
  height             : 48px;
  width              : 100%;
  display            : block;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : auto 100%;
}

.index_Product_category ul li .Content_filling_box .ico.ico_2 {
  background-image: url(/themes/xd/public/assets/img/ico_2.png);
}

.index_Product_category ul li .Content_filling_box .ico.ico_3 {
  background-image: url(/themes/xd/public/assets/img/ico_3.png);
}

.index_Product_category ul li .Content_filling_box .ico.ico_4 {
  background-image: url(/themes/xd/public/assets/img/ico_4.png);
}

.index_Product_category ul li .Content_filling_box .ico.ico_5 {
  background-image: url(/themes/xd/public/assets/img/ico_5.png);
}

.index_Product_category ul li .Content_filling_box span {
  font-size  : 18px;
  line-height: 26px;
  color      : #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  margin-top : 6px;
  display    : block;
}

.index_Product_category ul li .Content_filling_box h4 {
  font-size  : 24px;
  line-height: 26px;
  color      : #fff;
  margin-top : 3px;
}

.index_Product_category ul li .Content_filling_box .more {
  border       : 1px solid #FFFFFF;
  padding      : 10px 32px 10px 15px;
  color        : #fff;
  font-size    : 12px;
  line-height  : 16px;
  margin-top   : 50px;
  display      : inline-block;
  border-radius: 3px;
  transition   : all .2s;
  background   : url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center;
}

.index_Product_category ul li .Content_filling_box .more:hover {
  /*
  background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center,linear-gradient(to right,#DC000C,#fea2af);
  */
  background-color: rgba(255, 255, 255, .2);
  border          : 1px solid rgba(255, 255, 255, .8);
}

.index_Product_category ul li:hover .Content_filling_box {
  bottom: 30%;

}

.index_Product_category ul li:hover .Content_filling_box .more {
  margin-top: 15px;
}

.index_about {
  background    : url(/themes/xd/public/assets/img/img_8.png) no-repeat center;
  padding-bottom: 180px;
  padding-top   : 167px;
}

.index_about .index_about_box {
  max-width : 1180px;
  padding   : 0 10px;
  margin    : 0 auto;
  display   : block;
  text-align: center;
}

.index_about .index_about_box img {
  max-width: 429px;
  width    : 100%;
}

.index_about .index_about_box h2 {
  font-family: 'Open Sans', sans-serif;
  font-size  : 48px;
  line-height: 50px;
  padding-top: 7.5px;
  color      : #fff;
}

.index_about .index_about_box p {
  font-size  : 16px;
  line-height: 24px;
  color      : #fff;
  padding-top: 30px;
  max-width  : 600px;
  width      : 100%;
  margin     : 0 auto;
}

.index_about .index_about_box a {
  border       : 1px solid #fff;
  border-radius: 3px;
  padding      : 13px 35px 13px 20px;
  display      : inline-block;
  color        : #fff;
  margin-top   : 35px;
  font-size    : 16px;
  line-height  : 21px;
  background   : url(/themes/xd/public/assets/img/ico_9.png) no-repeat 85% center;
  transition   : .2s;
}

.index_about .index_about_box a:hover {
  /*
  background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 85%center ,linear-gradient(to right,#DC000C,#fea2af);
  */
  background-color: rgba(255, 255, 255, .2);
  border          : 1px solid rgba(255, 255, 255, .8);
}

.index_dms {
  padding-top     : 60px;
  padding-bottom  : 60px;
  background-color: #F7F8FA;
}

.index_dms ul {
  display    : flex;
  align-items: center;

  grid-column-gap: var(--grid-column-gap);

  --grid-column-gap: 15px;
  justify-content  : flex-start;
}

.index_dms ul li a {
  display      : block;
  color        : #fff;
  border-radius: 3px;
  position     : relative;
  overflow     : hidden;
}

.index_dms ul li a img {
  width  : 100%;
  display: block;
}

.index_dms ul li a .index_dms_box {
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : url(/themes/xd/public/assets/img/ico_16.png);
  text-align     : center;
  transition     : all .4s;
  display        : flex;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
}

.index_dms ul li a .index_dms_box .ico {
  height             : 40px;
  width              : 100%;
  display            : block;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : auto 100%;
}

.index_dms ul li a .index_dms_box .ico.ico_6 {
  background-image: url(/themes/xd/public/assets/img/ico_6.png);
}

.index_dms ul li a .index_dms_box .ico.ico_7 {
  background-image: url(/themes/xd/public/assets/img/ico_7.png);
}

.index_dms ul li a .index_dms_box .ico.ico_8 {
  background-image: url(/themes/xd/public/assets/img/ico_8.png);
}

.index_dms ul li a .index_dms_box span {
  font-size  : 18px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  margin-top : 9px;
  display    : block;
}

.index_dms ul li a .index_dms_box h4 {
  font-size  : 24px;
  line-height: 30px;
}

.index_dms ul li a .index_dms_box .more {
  margin-top   : 17px;
  padding      : 10px 31px 10px 15px;
  border       : 1px solid #fff;
  border-radius: 3px;
  background   : url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center;
  transition   : all .4s;
  display      : none;
  opacity      : 0;
}

.index_dms ul li a:hover .index_dms_box .more {
  display: inline-block;
  opacity: 1;
}

.index_dms ul li a:hover .index_dms_box {
  background: url(/themes/xd/public/assets/img/ico_17.png);
  transition: .2s;
}

.index_dms ul li a .index_dms_box .more:hover {
  /*
  background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center,linear-gradient(to right,#DC000C,#fea2af);
  */
  background-color: rgba(255, 255, 255, .2);
  border          : 1px solid rgba(255, 255, 255, .8);
}

.swiper-pagination-bullet-active {
  background: #DC000C;
}

footer {
  padding-top: 38px;
}

.fooer_menu {
  display        : flex;
  justify-content: space-between;
  padding-bottom : 100px;
  border-bottom  : 1px solid rgb(12 18 32 / 10%);
  ;
}

.fooer_menu ul {
  display        : flex;
  justify-content: space-between;
  width          : 60%;
}

.fooer_menu ul h4 {
  line-height  : 24px;
  font-size    : 14px;
  color        : #0C1220;
  margin-bottom: 16px;
}

.fooer_menu ul li a {
  color      : #6D7079;
  font-size  : 14px;
  line-height: 24px;
}

.fooer_menu ul li a:hover {
  color: #434343;
}

.fooer_menu .zxdh {
  text-align: right;
}

.fooer_menu .zxdh h5 {
  line-height: 24px;
  font-size  : 14px;
  color      : #0C1220;
}

.fooer_menu .zxdh a {
  font-family: 'Open Sans', sans-serif;
  font-size  : 24px;
  line-height: 33px;
  color      : #DF001F;
  font-weight: 800;
}

.fooer_menu .zxdh span {
  font-size  : 12px;
  line-height: 20px;
  display    : block;
  color      : #0C1220;
}

.fooer_menu .zxdh .qrcode {
  margin-top: 8px;
}

.fooer_menu .zxdh .qrcode img {
  width : 150px;
  height: 150px;
}

.footer_copyright {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 31px 0px 30px;
}

.footer_copyright .fr,
.footer_copyright .fl {
  display        : flex;
  justify-content: space-between;
  flex-direction : row;
  flex-wrap      : nowrap;
  align-items    : center;
}

.footer_copyright .fl .footer_logo img {
  width: 108px;
}

.footer_copyright .fl .copyright {
  font-size  : 12px;
  color      : #707070;
  margin-left: 28px;
}

.footer_copyright .fl .copyright a {
  color: #707070;
}

.footer_copyright .fr .select {
  position: relative;
}

.footer_copyright .fr .select p {
  background   : url(/themes/xd/public/assets/img/icon_select.png) no-repeat scroll 110px center transparent;
  border       : 1px solid #E1E2E4;
  border-radius: 3px;
  color        : #707070;
  line-height  : 29px;
  font-size    : 14px;
  padding      : 0 70px 0 10px;
}

.footer_copyright .fr .select ul {
  position     : absolute;
  display      : none;
  top          : -103px;
  border       : 1px solid #e1e2e4;
  padding      : 10px;
  line-height  : 20px;
  background   : #fff;
  border-radius: 3px;
  font-size    : 14px;
  height       : 80px;
  overflow     : auto;
}

.footer_copyright .fr .select ul li a {
  color        : #707070;
  line-height  : 24px;
  text-overflow: ellipsis;
  white-space  : nowrap;
  overflow     : hidden;
}

.footer_copyright .fr .select ul li a:hover {
  color: #DC000C;
}

.footer_copyright .fr .ditu {
  margin-left: 30px;
}

.footer_copyright .fr .ditu a {
  line-height : 31px;
  font-size   : 14px;
  color       : #707070;
  margin-right: 10px;
  display     : inline-block;
  width       : 60px;
}

.footer_copyright .language a {
  font-size          : 16px;
  line-height        : 29px;
  color              : #707070;
  background-image   : url(/themes/xd/public/assets/img/ico_1.png);
  background-position: center left;
  background-repeat  : no-repeat;
  padding-left       : 23px;
}

/*内页banner*/
.package {
  overflow: hidden;
}

.public_banner {
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : cover;
  padding-top        : 4%;
  padding-bottom     : 4%;
}

.public_banner p {
  font-size  : 24px;
  color      : #fff;
  line-height: 24px;
}

.public_banner h4 {
  font-size  : 24px;
  line-height: 1;
  color      : #fff;
  padding-top: 8px;
}

.product_list {
  background-color: #F7F8FA;
  padding         : 0 0 90px;
}

.product_list .w_1200 {
  display        : flex;
  flex-direction : row;
  justify-content: space-between;
  align-items    : flex-start;
}

.product_list .menu_two {
  width     : 19%;
  background: #fff;
  padding   : 10px 30px;
}

.product_list .menu_two li {
  line-height  : 54px;
  border-bottom: 1px solid #EDEEF0;
  font-size    : 16px;
}

.product_list .menu_two li:last-child {
  border: 0;
}

.product_list .menu_two li a {
  color          : #0C1220;
  display        : flex;
  align-items    : center;
  background     : url(/themes/xd/public/assets/img/jiantousa.png) no-repeat center right;
  background-size: 7px;
}

.product_list .menu_two li a:hover {
  color: #DF001F;
}

.product_list .menu_two li.on a::before {
  content      : "";
  width        : 3px;
  height       : 18px;
  display      : inline-block;
  background   : #DF001F;
  border-radius: 21px;
  margin-right : 5px;
}

.pro_lust {
  width: 75%;
}

.product_list ul.pro_ul {

  display        : flex;
  flex-wrap      : wrap;
  justify-content: flex-start;
  margin         : 0 -0.5%;
}

.product_list ul.pro_ul li {

  background-color: #fff;
  margin-bottom   : 60px;
  width           : 32.33%;
  margin          : 0 0.5% 10px;
}

.product_list ul.pro_ul li a {
  display   : block;
  padding   : 20px 41px 40px;
  transition: all .3s ease;
}

.product_list ul.pro_ul li a:hover {
  box-shadow: 0 15px 15px -10px rgb(0 0 0 / 15%);
  transition: all .3s ease;
}

.product_list ul.pro_ul li img {

  width: 100%;
}

.product_list ul.pro_ul li h4 {
  font-size  : 24px;
  line-height: 31px;
  color      : #0C1220;
  margin-top : 6px;
}

.product_list ul.pro_ul li p {
  color      : #0C1220;
  font-size  : 14px;
  line-height: 28px;
  display    : block;
  margin-top : 13px;
  overflow   : hidden;
  height     : 56px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.product_list ul.pro_ul li .more {
  padding      : 10px 40px 10px 15px;
  border-radius: 3px;
  color        : #fff;
  background   : url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center, linear-gradient(to right, #0C1220, #5B5F69);
  display      : inline-block;
  margin-top   : 36px;
  transition   : all .4s;
}

.product_list ul.pro_ul li .more:hover {
  background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 75px center, linear-gradient(to right, #DC000C, #fea2af);
}


/*详情页*/
.product_page {
  background: #F7F8FA;
}

.product_page_one {
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;
  padding-top    : 52px;
  padding-bottom : 80px;

}

.product_page_one .lb {
  max-width: 585px;

  width   : 100%;
  position: relative;

}

.product_page_txt {
  max-width: 481px;
  width    : 100%;
}

.product_page_txt h1 {
  font-size    : 42px;
  line-height  : 48px;
  color        : #0C1220;
  margin-bottom: 43px;
  font-weight  : 100;
}

.product_page_txt h2 {
  font-size    : 24px;
  line-height  : 31px;
  color        : #0C1220;
  margin-bottom: 15px;
  font-weight  : 100;
}

.product_page_txt .product_page_ts {
  font-size  : 16px;
  line-height: 26px;
  color      : #0C1220;
}

.fgx {
  width     : 100%;
  height    : 1px;
  background: #EDEEF0;
  margin    : 36px 0;
}

.product_page_txt ul li {
  padding-left : 24px;
  background   : url(/themes/xd/public/assets/img/ico_31.png) no-repeat left 8px;
  line-height  : 26px;
  font-size    : 16px;
  color        : #0C1220;
  margin-bottom: 10px;
}

.product_page_one .gallery-top img {
  width  : 80%;
  margin : 0 auto;
  display: block;
}

.product_page_one .twos {
  margin: 0 40px;
}

.product_page_one .gallery-thumbs img {
  width    : 100%;
  max-width: 85px;
}

.product_page_one .gallery-thumbs .swiper-slide img {
  background: #fff;
  border    : 1px solid #eaeaea;
}

.product_page_one .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
  border: 1px solid #DC000C;
}

.product_page_one .gallery-top .swiper-button-prev,
.product_page_one .gallery-top .swiper-button-next {
  width : 42px;
  height: 42px;
  color : transparent;
}

.product_page_one .gallery-top .swiper-button-prev {
  background: url(/themes/xd/public/assets/img/fl.png) no-repeat center;
}

.product_page_one .gallery-top .swiper-button-next {
  background: url(/themes/xd/public/assets/img/fr.png) no-repeat center;
}

.product_page_twe {
  padding        : 54px 100px;
  background     : #fff;
  /*margin-bottom: 66px;*/
}

.product_page_twe ul {
  /* grid-template-columns: repeat(3,1fr);
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
  --grid-row-gap: 37px; */
  display        : flex;
  flex-wrap      : wrap;
  flex-direction : row;
  justify-content: flex-start;
}

.product_page_twe ul li {
  font-size    : 18px;
  line-height  : 22px;
  color        : #0C1220;
  font-weight  : 500;
  width        : 33.33%;
  margin-bottom: 25px;
}

.product_page_twe ul li span {
  display      : block;
  font-size    : 14px;
  line-height  : 16px;
  font-weight  : 100;
  margin-bottom: 10px;
}

.product_page_three {
  padding-top   : 50px;
  padding-bottom: 108px;
}

.pro_menu a {
  font-size: 16px;
  color    : #393e40;
  display  : block;
  position : relative;

}

.pro_menu li a:before {
  content   : "";
  display   : block;
  position  : absolute;
  bottom    : 0;
  width     : 0%;
  height    : 3px;
  background: #DC000C;
  transition: all .4s;
}

.pro_menu li.on a:before,
.pro_menu li:hover a:before {

  width: 100%;

}

.product_page_three h4 {
  font-size    : 42px;
  line-height  : 40px;
  margin-bottom: 30px;
  color        : #000;
}

.product_page_three ul {
  display  : flex;
  margin   : 0 -7.5px;
  overflow : hidden;
  flex-wrap: wrap;
}

.product_page_three ul li {
  width: 50%
}

.product_page_three ul p {
  padding: 0 7.5px;
  display: block;
}

.product_page_three ul img {
  width: 100%;
}

.iah {
  font-size    : 18px;
  margin-bottom: 10px;
}

.input- {
  margin-top: 20px;
}

.contact-page {
  background: #F7F8FA;
}

.contact-container {
  background   : #ffffff;
  display      : flex;
  padding      : 48px;
  margin-bottom: 64px;
}

.contact-container .item {
  flex: 1;
}

.cntact_map h3 {
  font-size    : 32px;
  line-height  : 1.5;
  color        : #000000;
  margin-bottom: 24px;
}

.contact_info {
  margin-top : 24px;
  font-size  : 16px;
  display    : flex;
  align-items: center;
}

.contact_info .info_items {
  flex: 1;
}

.contact_info .qrcode {
  text-align: center;
}

.contact_info .qrcode img {
  display: block;
}

.contact_info .company {
  font-size    : 18px;
  margin-bottom: 8px;
}

.form_cntact {
  background: #fff;
  padding   : 0 45px;
}

.form_cntact h3 {
  font-size    : 32px;
  line-height  : 1.5;
  color        : #000000;
  margin-bottom: 24px;
}

.form_cntact form {
  margin: 0 -7.5px;
}

.form_cntact label {
  width        : 100%;
  padding      : 0 7.5px;
  display      : inline-block;
  font-size    : 14px;
  line-height  : 24px;
  color        : #000;
  margin-bottom: 16px;
}

.form_cntact label input {
  line-height : 36px;
  height      : 36px;
  padding-left: 8px;
}

.form_cntact form .qu {
  display: block;
  width  : 100%;
}

.form_cntact form .qu textarea {
  display: block;
  border : 1px solid #ced4da;
  width  : 100%;
  padding: 8px;
}

.form_cntact .submit {
  border       : 0;
  margin-top   : 15px;
  border-radius: 3px;
  padding      : 10px 50px;
  color        : #fff;
  font-size    : 16px;
  line-height  : 26px;
  background   : linear-gradient(to right, #0C1220, #5B5F69);
}

.form_cntact .submit:hover {
  background: linear-gradient(to right, #DC000C, #fea2af);
}

@media (max-width:750px) {
  .contact-container {
    flex-direction: column;
    padding       : 16px;
  }

  .contact_info {
    align-items: flex-start;
  }

  .contact_info .qrcode {
    font-size: 0.75rem;
  }

  .contact_info .qrcode img {
    width: 6.25rem;
  }

  .contact_info .info_items .info_item {
    font-size: 0.875rem;
  }

  .contact_info .info_items .company {
    font-size: 1.125rem;
  }
}



.survey {
  padding-top          : 262px;
  padding-bottom       : 374px;
  background-repeat    : no-repeat;
  background-position  : top center;
  background-size      : cover;
  background-attachment: fixed;
}

.survey .survey_box h2 {
  color         : #fff;
  font-size     : 42px;
  line-height   : 43px;
  font-weight   : 100;
  padding-top   : 24px;
  padding-bottom: 58px;
}

.survey .survey_box ul {
  padding-top          : 30px;
  color                : #FFFFFF;
  font-size            : 18px;
  line-height          : 32px;
  position             : relative;
  grid-template-columns: repeat(2, 1fr);
  display              : grid;
  grid-column-gap      : var(--grid-column-gap);
  --grid-column-gap    : 77px
}

.survey .survey_box ul::after {
  content   : "";
  position  : absolute;
  width     : 1px;
  height    : calc(100% - 30px);
  top       : 30px;
  background: rgb(255 255 255 / 31%);
  left      : 50%;
}

.survey .survey_box img {
  max-width: 429px;
  margin   : 0 auto 15px;
  display  : block;
}

.survey_two {
  margin-top: -156px;
}

.survey_two ul {
  display        : flex;
  flex-wrap      : nowrap;
  justify-content: space-between;
  align-items    : stretch;
}

.survey_two li {
  background: url(/themes/xd/public/assets/img/ico_10.png) no-repeat center;
  text-align: center;
  padding   : 43px 50px 30px;
  color     : #fff;
  width     : 33.33%;
}

.survey_two li h3 {
  font-size  : 24px;
  line-height: 28px;
  margin-top : 12.5px;
  font-weight: 100;
}

.survey_two li p {
  font-size  : 18px;
  line-height: 26px;
}

.survey_two li .ico {
  height             : 78px;
  width              : 100%;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : auto;
}

.survey_two li .ico.ico_11 {
  background-image: url(/themes/xd/public/assets/img/ico_11.png);
}

.survey_two li .ico.ico_12 {
  background-image: url(/themes/xd/public/assets/img/ico_12.png);
}

.survey_two li .ico.ico_13 {
  background-image: url(/themes/xd/public/assets/img/ico_13.png);
}

.survey_two li .fgx {
  width : 28px;
  height: 3px;
  margin: 17px auto;
}

.honor {
  padding: 127px 0 90px;
}

.honor .honor_box {
  flex-direction : row;
  justify-content: space-between;
  display        : flex;
  align-items    : center;
  overflow       : hidden;
}

.honor .honor_box .fl {
  width     : 600px;
  text-align: center;
  margin    : 0 auto;
}

.honor .honor_box .fl h4 {
  font-size  : 42px;
  line-height: 40px;
  color      : #0C1220;
}

.honor .honor_box .fl p {
  font-size  : 18px;
  line-height: 1.5;
  color      : #434343;
  margin-top : 30px;
}

.honor .honor_box .fr {
  max-width: 800px;
  width    : 100%;
  height   : 100%;
}

.honor .honor_box .fr .icons {
  display        : flex;
  justify-content: flex-end;
  width          : 100%;
  height         : 100%;
}

.honor .honor_box .fr .icons li {
  font-size      : 22px;
  color          : #0C1220;
  width          : 24%;
  height         : 150px;
  padding        : 10px;
  font-family    : 'Open Sans', sans-serif;
  float          : right;
  background     : url(/themes/xd/public/assets/img/ico_14.png) no-repeat center;
  background-size: auto 100%;
  text-align     : center;
  display        : flex;
  justify-content: center;
  align-items    : center;
}


#certify {
  width: 100%;
}

.honor .honor_images {
  padding-top: 30px;
}

.honor_images-swiper {
  padding: 60px 0;
}

.honor_images-swiper .swiper-slide {
  position: relative;
  width     : 320px;
  height    : 450px;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
}
.honor_images-swiper .swiper-slide .slide-bg{
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center top; 
    background-repeat: no-repeat;
}

.honor_images-swiper .swiper-slide .img_copyright{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
}

@media screen and (max-width: 750px) {
  .honor .honor_box .fl h4 {
    font-size: 1.625rem;
  }

  .honor_images-swiper .swiper-slide {
    width     : 220px;
    height    : 350px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
  }

  .honor .honor_box .fr .honor_images {
    padding-top: 30px;
    height     : auto;
  }
}

.about-section {
  min-height           : 800px;
  height               : 100vh;
  background-position  : center 0;
  background-size      : cover;
  background-repeat    : no-repeat;
  background-color     : #0C1220;
  background-attachment: fixed;
  font-size            : 18px;
  background-color     : #0C1220;
  color                : #fff;
  display              : flex;
  align-items          : center;
  position             : relative;
}

.about-section::before {
  content         : " ";
  position        : absolute;
  top             : 0;
  left            : 0;
  right           : 0;
  bottom          : 0;
  background-color: rgba(12, 18, 32, 0.4);
  z-index         : 0;
}

.about-section .container {
  position: relative;
}

.about-section .about-section_box h4 {
  font-size: 42px;
}

.about-section .about-section_box p {
  line-height: 1.5;
  width      : 640px;
  margin     : 15px auto 0;
}

.about-section .item-grid {
  display   : flex;
  width     : 100%;
  margin-top: 32px;
}

.about-section .item-grid .item {
  flex            : 1;
  margin          : 15px;
  padding         : 32px;
  background-color: rgba(255, 255, 255, .8);
  backdrop-filter : saturate(150%) blur(10px);
  border-radius   : 3px;
  color           : #0C1220;
}

.about-section .item-grid .item .icon {
  width  : 62px;
  height : 62px;
  display: block;
  margin : 15px auto 32px;
}

.about-section .item-grid .item .icon img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.about-section .item-grid .item h5 {
  font-size: 24px;
}

.about-section .item-grid .item h5::after {
  content         : " ";
  display         : block;
  width           : 28px;
  height          : 3px;
  margin          : 16px auto;
  background-color: #DC000C;
}

.about-section .item-grid .item p {
  font-size: 14px;
}

@media (max-width:750px) {
  .about-section {
    min-height: 70vh;
    height    : auto;
    overflow  : visible;
  }

  .about-section .about-section_box {
    padding-top: 32px;
  }

  .about-section .about-section_box h4 {
    font-size: 1.625rem;
    width    : 100%;
  }

  .about-section .about-section_box p {
    font-size: 0.875rem;
    width    : 100%;
  }

  .about-section .item-grid {
    flex-direction: column;
    margin-top    : 8px;
    margin-bottom : 30px;
  }

  .about-section .item-grid .item {
    padding: 20px;
    margin : 8px;
  }

  .about-section .item-grid .item .icon {
    margin: 0 auto 8px;
    width : 2.5rem;
    height: 2.5rem;
  }

  .about-section .item-grid .item h5 {
    font-size: 18px;
  }

  .about-section .item-grid .item h5::after {
    margin: 4px auto;
  }
}

.history {
  background     : url('/themes/xd/public/assets/img/history-bg.jpg') no-repeat center;
  background-size: cover;
  padding        : 145px 0;
}

.history .history_box {
  display       : flex;
  flex-direction: column;
  align-items   : center;
}

.history .history_box h4 {
  font-size    : 42px;
  line-height  : 40px;
  color        : #0C1220;
  text-align   : center;
  margin-bottom: 60px;
}

.history .history_box ul {
  position: relative;
  width   : 800px;
}

.history .history_box ul::after {
  content   : "";
  position  : absolute;
  height    : calc(100% - 23px);
  width     : 1px;
  background: #E7E8E9;
  top       : 8px;
  left      : 50%;
}

.history .history_box ul li {
  font-size    : 16px;
  line-height  : 1.25;
  color        : #0C1220;
  position     : relative;
  margin-bottom: 27px;
  width        : 385px;
  min-height   : 80px;
}

.history .history_box ul li.odd {
  text-align : left;
  margin-left: auto;
}

.history .history_box ul li.even {
  text-align: right;
}

.history .history_box ul li:last-child {
  margin-bottom: 0;
}

.history .history_box ul li::before,
.history .history_box ul li::after {
  content      : " ";
  z-index      : 2;
  position     : absolute;
  border-radius: 50%;
}

.history .history_box ul li::after {
  width           : 11px;
  height          : 11px;
  background-color: #fff;
  border          : 1px solid #ABAEB2;
  top             : 5px;
  z-index         : 1;
}

.history .history_box ul li::before {
  width           : 3px;
  height          : 3px;
  background-color: #DC000C;
  z-index         : 3;
  top             : 10px;
}

.history .history_box ul li.even::after {
  right: -22px;
}

.history .history_box ul li.odd::after {
  left: -21px;
}

.history .history_box ul li.even::before {
  right: -17px;
}

.history .history_box ul li.odd::before {
  left: -16px;
}

.history .history_box ul time {
  font-size: 18px;
  color    : #DC000C
}

.history .history_box ul p {
  margin-top : 8px;
  line-height: 1.5;
}

@media (max-width:750px) {
  .history {
    padding: 32px 0;
  }

  .history .history_box ul {
    width: 100%;
  }

  .history .history_box ul li {
    width    : calc(50% - 8px);
    font-size: 0.875rem;
  }

  .history .history_box ul li.even::after {
    right: -15px;
  }

  .history .history_box ul li.odd::after {
    left: -14px;
  }

  .history .history_box ul li.even::before {
    right: -10px;
  }

  .history .history_box ul li.odd::before {
    left: -9px;
  }
}



.about-service {
  background-image   : url('/themes/xd/public/assets/img/service-bg.jpg');
  background-repeat  : no-repeat;
  background-position: center 15px;
  background-color   : #F7F8FA;
  padding            : 85px 0;
}

.about-service h4 {
  font-size: 42px;
}

.about-service .conatiner {
  margin-top      : 640px;
  background-color: #fff;
  border-radius   : 3px;
  padding         : 64px;
}

.about-service .conatiner h4 {
  margin-bottom: 32px;
}



.about-service .features {
  display: flex;
  width  : 600px;
  margin : 0 auto;
}

.about-service .features .item {
  flex     : 1;
  font-size: 14px;
  color    : #85888F;
}

.about-service .features .item strong {
  display  : block;
  font-size: 32px;
  color    : #0C1220;

}

.about-service .features .item strong::after {
  content         : " ";
  display         : block;
  width           : 28px;
  height          : 3px;
  margin          : 16px auto;
  background-color: #DC000C;
}

.about-service .image-grid {
  display   : flex;
  margin-top: 60px;
}

.about-service .image-grid .item {
  flex           : 1;
  font-size      : 16px;
  border-radius  : 3px;
  border         : 1px #EDEEF0 solid;
  padding        : 32px;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: center;
  margin         : 15px;
}

.about-service .image-grid .item span {
  display: block;
  width  : 100%;
  margin : 0 0 16px;
}

.about-service .image-grid .item img {
  object-fit: contain;
  max-width : 100%;
  max-height: 100%;
  display   : block;
}

@media(max-width:750px) {
  .about-service {
    padding            : 32px 0;
    background-size    : 250% auto;
    background-position: 32% -28px;
  }

  .about-service h4 {
    font-size: 1.625rem;
  }

  .about-service .features {
    width: 100%;
  }

  .about-service .conatiner {
    margin : 71% 15px 0;
    padding: 32px 16px;
  }

  .about-service .features .item {
    margin   : 8px;
    font-size: 0.875rem;
  }

  .about-service .features .item strong {
    font-size: 1.125rem;
  }

  .about-service .features .item strong::after {
    margin: 0.5rem auto;
  }

  .about-service .image-grid {
    margin-top    : 16px;
    flex-direction: column;
  }

  .about-service .image-grid .item {
    margin: 8px 0;
  }
}



.about-laboratory {
  padding-top: 140px;
}

.about-laboratory h4 {
  font-size    : 42px;
  margin-bottom: 32px;
}

.about-laboratory .items {
  /*display  : flex;*/
  /*flex-wrap: wrap;*/
  padding: 0;
}

.about-laboratory .items .item {
  display        : flex;
  flex           : 1;
  justify-content: center;
  align-items    : center;
}

.about-laboratory .items .item img {
  max-width: 100%;
}

.about-laboratory .items .item.content {
  padding    : 48px;
  line-height: 1.58;
  font-size  : 18px;
}

.about-laboratory .items.reverse .image {
  order: 2;
}

.about-laboratory .items.reverse .content {
  order: 1;
}

@media (max-width:750px) {
  .about-laboratory {
    padding-top: 35px;
  }

  .about-laboratory h4 {
    margin-bottom: 16px;
    font-size    : 1.625rem;
  }

  .about-laboratory .items {
    flex-direction: column;
    padding       : 8px 0;
  }

  .about-laboratory .items .item.content {
    padding  : 16px;
    font-size: 0.875rem;
  }

  .about-laboratory .items.reverse .image {
    order: 1;
  }

  .about-laboratory .items.reverse .content {
    order: 2;
  }
}
.process-system{
    margin-bottom: 64px;
}
.process-system h4 {
  font-size    : 42px;
  margin-bottom: 32px;
}

.process-system>p {
  font-size  : 18px;
  line-height: 1.5;
  width      : 860px;
  margin     : 15px auto;
}


.process-system .content img {
  max-width: 100%;
}

@media (max-width:640px) {
  .process-system{
    margin-bottom: 32px;
  }
  .process-system h4 {
    margin-bottom: 32px;
    font-size    : 1.625rem;
    margin-top   : 64px;
  }

  .process-system>p {
    width     : 100%;
    font-size : 0.875rem;
    text-align: left;
  }
}

.workshop {
  padding: 110px 0px;
}

.workshop h4 {
  font-size    : 42px;
  line-height  : 40px;
  color        : #0C1220;
  margin-bottom: 30px;
}

.workshop ul {
  display          : grid;
  grid-auto-flow   : row;
  grid-column-gap  : var(--grid-column-gap);
  --grid-column-gap: 15px;
  grid-row-gap     : var(--grid-row-gap);
  --grid-row-gap   : 15px
}

.workshop ul li img {
  width        : 100%;
  border-radius: 3px;
}

.item-1 {
  grid-column-start: 1;
  grid-column-end  : 3;
  grid-row-start   : 1;
  grid-row-end     : 3;
}

.item-2 {
  grid-column-start: 3;
  grid-column-end  : 5;
  grid-row-start   : 1;
  grid-row-end     : 1;
}

.item-3 {
  grid-column-start: 3;
  grid-column-end  : 3;

}

.item-4 {
  grid-column-start: 4;
  grid-column-end  : 4;
}


.iconWrapper {
  display   : none;
  position  : absolute;
  top       : 10px;
  right     : 10px;
  z-index   : 5;
  transition: all .4s;
}

.iconWrapper svg {
  width           : 40px;
  fill            : #DC000C;
  transform-origin: center;
  height          : 30px;
}

.iconWrapper svg .one,
.iconWrapper svg .two,
.iconWrapper svg .three {
  transform-origin: center;
}

.iconWrapper svg .one {
  animation: firstLineShow 0.5s ease-in-out;
}

.iconWrapper svg .two {
  animation: secondLineReverse 0.5s ease-in-out;
}

.iconWrapper svg .three {
  animation: thirdLineShow 0.5s ease-in-out;
}

.iconWrapper.open .one {
  transform: rotate(45deg) translate(-3px, 40px);
  animation: firstLineAnimation 0.5s ease-in-out;
}

.iconWrapper.open .two {
  transform: scale(0);
  animation: secondLineAnimation 0.5s ease-in-out;
}

.iconWrapper.open .three {
  transform: rotate(135deg) translate(15px, 0);
  animation: thirdLineHide 0.5s ease-in-out;
}

@keyframes firstLineAnimation {
  0% {
    transform: rotate(0deg) translateY(0);
  }

  50% {
    transform: rotate(0deg) translateY(0);
  }

  100% {
    transform: rotate(45deg) translate(0px, 38px);
  }
}

@keyframes firstLineShow {
  0% {
    transform: rotate(45deg) translate(0px, 38px);
  }

  50% {
    transform: rotate(0deg) translateY(0);
  }

  100% {
    transform: rotate(0deg) translateY(0);
  }
}

@keyframes secondLineAnimation {
  0% {
    transform: scale(1);
  }

  50%,
  100% {
    transform: scale(0);
  }
}

@keyframes secondLineReverse {

  0%,
  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes thirdLineShow {
  0% {
    transform: rotate(135deg) translate(15px, 0);
  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes thirdLineHide {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(135deg) translate(15px, 0);
  }
}

@keyframes wave {
  0% {
    transform: translate3d(-50%, -100vh, 0);
  }

  100% {
    transform: translate3d(0%, 100vh, 0);
  }
}

@keyframes waveTwo {
  0% {
    transform: translate3d(10%, -100vh, 0);
  }

  100% {
    transform: translate3d(-10%, 100vh, 0);
  }
}

@keyframes waveThree {
  0% {
    transform: translate3d(-60%, -100vh, 0);
  }

  100% {
    transform: translate3d(0%, 100vh, 0);
  }
}

@keyframes waveReverse {
  100% {
    transform: translate3d(-50%, -100vh, 0);
  }

  0% {
    transform: translate3d(0%, 100vh, 0);
  }
}

@keyframes waveTwoReverse {
  100% {
    transform: translate3d(10%, -100vh, 0);
  }

  0% {
    transform: translate3d(-10%, 100vh, 0);
  }
}

@keyframes waveThreeReverse {
  100% {
    transform: translate3d(-60%, -100vh, 0);
  }

  0% {
    transform: translate3d(0%, 100vh, 0);
  }
}

.m_yst {
  display: none;
}

.footer_logosts {
  display: none;
}

/**/
@media screen and (max-width: 1190px) {}

@media screen and (max-width: 1025px) {
  .header_box {
    width: 120px;
  }

  .header_box img {
    width: 100%;
  }

  .banner {
    padding-top: 45px
  }

  .tops {
    padding-top: 39px;
  }

  header {
    padding   : 5px 0;
    background: #fff;
  }

  .iconWrapper svg {
    fill: #919797;
  }

  .header_box .header_menu {
    margin-left: 0;
    height     : 1px;
    overflow   : hidden;
    width      : 100%;
    left       : 0;
    background : #fff;
    transition : all .5s;
    position   : absolute;
    top        : 45px;
    z-index    : -99;
    opacity    : 0;
    display    : block;
  }

  .header_box ul.header_menu_one_ul {
    justify-content: center;
    background     : #fff;
  }

  .iconWrapper {
    display: block;
  }

  .header_box .language {
    position: absolute;
    right   : 65px;
  }

  .header_box .language a {
    background-image: none;
  }

  .header_box .header_menu.is-active {
    opacity: 1;
    z-index: 11;
    height : 329px;
  }

  .header_box .header_menu ul.header_menu_one_ul {
    display: block;
  }

  .header_box ul.header_menu_one_ul>li>a {
    line-height: 1.7em;
    font-size  : 16px;
    height     : auto;
    padding    : 10px;
    transition : .3s;
  }

  .header_menu_two_ul {
    display: block;
  }

  .header_menu_two {
    position: initial;
    padding : 0;
  }

  .header_menu_two_ul ol {
    display: none;
  }

  .header_menu_two_ul li {
    border-bottom: 1px solid #dfdfdf;
  }

  .header_menu_two_ul li a img {
    display: none;
  }

  .header_menu_two_ul li a span {
    display: none;
  }

  .header_menu_two_ul li .menu_text {
    margin-left: 0;
  }

  .header_menu_two_ul li a h4 {
    font-size  : 14px;
    height     : 32px;
    line-height: 32px;
  }

  .header_box ul.header_menu_one_ul>li>a::after {
    display: none;
  }

  .anout_menu {
    display: none;
  }

  .anout_menu .title {
    display: none;
  }

  .anout_menu ul {
    display: block;
    width  : 100%;
  }

  .anout_menu ul li {
    font-size    : 14px;
    margin       : 0;
    border-bottom: 1px solid #dfdfdf;
  }

  .anout_menu ul li a {
    height     : 32px;
    line-height: 32px;
  }

  .product_page_one {
    padding-top   : 30px;
    padding-bottom: 30px;
  }

  .product_page_txt h1 {
    font-size    : 30px;
    line-height  : 38px;
    margin-bottom: 20px;
  }

  .product_page_txt .product_page_ts {
    font-size  : 14px;
    line-height: 16px;
  }

  .fgx {
    margin: 20px 0;
  }

  .product_page_txt h2 {
    font-size  : 20px;
    line-height: 28px;
  }

  .product_page_txt ul li {
    font-size  : 14px;
    line-height: 20px
  }

  .survey {
    padding-top   : 100px;
    padding-bottom: 250px;
  }

  .survey .survey_box h2 {
    padding-bottom: 20px;
  }

  .honor .honor_box .fr li {
    background-size: 100%;
  }
}

@media screen and (max-width: 900px) {
  .fooer_menu {
    display       : block;
    padding-bottom: 30px;
  }

  .footer_copyright {
    flex-direction: column;
    grid-row-gap  : var(--grid-row-gap);
    --grid-row-gap: 7px
  }

  .fooer_menu ul {
    width: 100%;
  }

  .product_page_one .lb {
    width: 450px;
  }

  .survey_two li h3 {
    font-size  : 21px;
    line-height: 26px;
  }

  .survey_two li .fgx {
    margin: 10px auto;
  }

  .survey_two li p {
    font-size  : 16px;
    line-height: 22px;
  }

  .honor .honor_box .fr li {
    font-size: 16px;
    width    : 30%;
  }

  .index_Product_category ul img {
    width: auto;
  }
}

.product_list .menu_two ol {
  display: none
}

@media screen and (max-width: 769px) {
  .product_list .w_1200 {
    flex-direction: column
  }

  .product_list .menu_two ol {
    display    : block;
    font-size  : 18px;
    text-align : center;
    line-height: 40px;
    background : url(/themes/xd/public/assets/img/xia.png) no-repeat right center;
  }

  .product_list .menu_two li {
    display    : none;
    line-height: 44px;
    font-size  : 14px
  }

  .product_list .menu_two {
    width        : -webkit-fill-available;
    margin-bottom: 10px;
    padding      : 0 10px
  }

  .product_list {
    padding: 0 0 20px;
  }

  .pro_lust {
    width: 100%;
  }

  .product_list ul.pro_ul {
    display              : grid;
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap       : 5px;
    --grid-column-gap    : 5px;
  }

  .product_list ul.pro_ul li {
    padding: 10px 10px;
    width  : auto;
  }

  .product_list ul.pro_ul li .txt {
    max-width: initial;
  }

  .product_list ul.pro_ul li h4 {
    font-size  : 20px;
    line-height: 24px;
    text-align : center;
  }

  .product_list ul.pro_ul li p {
    line-height: 20px;
    margin-top : 7px;
    display    : none;
  }

  .product_list ul.pro_ul li .more {
    margin-top: 10px;
    display   : none;
  }

  .product_page_one .lb {
    width       : 360px;
    margin-right: 20px;
  }

  .product_page_one .gallery-top .swiper-button-prev,
  .product_page_one .gallery-top .swiper-button-next {
    bottom: 5px;
  }



  .cntact_for {
    padding: 50px 0;
  }

  .form_cntact {
    padding: 30px 0;
  }

  .form_cntact h3 {
    font-size    : 21px;
    line-height  : 30px;
    margin-bottom: 20px;
  }

  .banner .pc_banner {
    display: none;
  }

  .banner .mobile_banner {
    display          : flex;
    flex-direction   : column;
    align-items      : center;
    justify-content  : center;
    width            : 100%;
    background-size  : cover;
    background-repeat: no-repeat;
  }

  .banner .mobile_banner h4 {
    font-size  : 66px;
    line-height: 1.25;
    z-index    : 2;
    color      : #fff;
  }

  .banner .mobile_banner .chuangzhonghei {
    font-size  : 24px;
    line-height: 1.5;
    margin-top : 1.2;
    z-index    : 2;
    color      : #fff
  }

  .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after,
  .swiper-button-next:after,
  .swiper-container-rtl .swiper-button-prev:after {
    display: none;
  }

  .yyb {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(to top, #0000006e, #5b5f6900);
    z-index   : 0;
    display   : none;
  }

  .index_Product_category ul li {
    width: 100%;
  }

  .index_Product_category ul li:nth-child(3) {
    position: inherit;
  }
}

@media screen and (max-width: 700px) {
  .index_Product_category ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .public_banner {
    padding-top   : 35px;
    padding-bottom: 30px;
  }

  .public_banner p {
    font-size  : 24px;
    line-height: 20px;
  }

  .public_banner h4 {
    font-size  : 20px;
    line-height: 26px;
  }

  .product_page_three {
    padding-bottom: 30px;
  }
}

.model_top {
  display: none
}

@media screen and (max-width: 600px) {

  /* .index_Product_category ul li .Content_filling_box .ico{ height: 35px; }
  .index_Product_category ul li .Content_filling_box{ bottom: -60px; }
   .index_Product_category ul li:hover .Content_filling_box{ bottom: 10px; }
  .index_Product_category ul li .Content_filling_box .more{ padding: 5px 25px 5px 10px;  background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 64px center; }
  .index_Product_category ul li:hover .Content_filling_box .more{ margin-top: 5px; } */
  .model_top {
    text-align: center;
    font-size : 13px;
    padding   : 10px 0;
    display   : block;
  }

  .index_Product_category {
    padding-bottom: 15px
  }

  .index_Product_category ul li {
    margin-bottom: 2px;
  }

  .index_Product_category ul li .box {
    height       : 159px;
    margin       : 0 1px;
    border-radius: 3px;
  }

  .index_Product_category ul img {
    position : absolute;
    top      : 0;
    width    : 100%;
    width    : auto;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
  }

  .index_Product_category ul li .Content_filling_box span {
    font-size  : 12px;
    line-height: 15px;
    display    : none
  }

  .index_Product_category ul li .Content_filling_box h4 {
    font-size  : 16px;
    line-height: 24px;
    margin-top : 10px;
  }

  .index_Product_category ul li .Content_filling_box .ico {
    height: 30px;
  }

  .index_Product_category ul li:hover .Content_filling_box,
  .index_Product_category ul li .Content_filling_box {
    bottom   : auto;
    top      : 50%;
    transform: translatey(-50%);
  }

  .index_Product_category ul li .Content_filling_box .more {
    margin-top: 15px;
    display   : none
  }

  .index_about {
    padding-bottom: 50px;
    padding-top   : 50px;
  }

  .index_about .index_about_box img {
    max-width: 165px;
  }

  .index_about .index_about_box h2 {
    font-size  : 18px;
    line-height: 28px;
  }

  .index_about .index_about_box p {
    font-size  : 11px;
    line-height: 22px;
    padding-top: 10px;
  }

  .index_about .index_about_box a {
    margin-top: 15px;
    padding   : 7.5px 10px;
    font-size : 12px;
    border    : 0;
    background: url(/themes/xd/public/assets/img/ico_9.png) no-repeat 60px center;
  }

  .index_dms {
    padding-top   : 20px;
    padding-bottom: 20px;
  }

  .index_dms ul {
    grid-template-columns: repeat(3, 1fr);
    display              : grid;
    grid-row-gap         : var(--grid-row-gap);
    --grid-row-gap       : 5px;
    --grid-column-gap    : 5px;
  }

  .index_dms ul li a .index_dms_box span {
    font-size  : 14px;
    line-height: 20px;
    display    : none
  }

  .index_dms ul li a .index_dms_box .ico {
    height : 25px;
    display: none
  }

  .index_dms ul li a .index_dms_box h4 {
    font-size  : 11px;
    line-height: 24px;
  }

  .index_dms ul li a:hover .index_dms_box .more,
  .index_dms ul li a .index_dms_box .more {
    display: none
  }

  footer {
    padding-top: 10px;
  }

  .fooer_menu {
    padding-bottom: 15px;
    border-bottom : 0;
  }

  .fooer_menu ul {
    display      : block;
    border-bottom: 1px solid rgb(12 18 32 / 10%);
  }

  .fooer_menu ul ol {
    padding      : 5px 0;
    border-bottom: 1px solid rgb(12 18 32 / 10%)
  }

  .fooer_menu ul ol:last-child {
    border-bottom: 0;
    margin-bottom: 5px
  }

  .fooer_menu ul h4 {
    padding-left : 20px;
    margin-bottom: 0px;
    font-weight  : 400;
    color        : #393e40;
    line-height  : 40px;
    font-size    : 14px;
    background   : url(/themes/xd/public/assets/img/xia.png) no-repeat 95%;
    position     : relative
  }

  .fooer_menu ul h4::before {
    content         : " ";
    position        : absolute;
    left            : 0;
    top             : 50%;
    background-color: #DC000C;
    height          : 18px;
    width           : 5px;
    margin-right    : 8px;
    transform       : skewX(-15deg) translateY(-50%);
  }

  .fooer_menu ul h4.on {
    background: url(/themes/xd/public/assets/img/shang.png) no-repeat 95%;
  }

  .fooer_menu ul li {
    display     : none;
    padding-left: 20px
  }

  .fooer_menu .zxdh {
    text-align: right;
    margin-top: 20px;
    position  : relative;
  }

  .fooer_menu .zxdh h5 {
    display: inline-block;
  }

  .fooer_menu .zxdh a {
    display: block;
  }

  .fooer_menu .zxdh h5,
  .fooer_menu .zxdh span,
  .fooer_menu .zxdh a {
    font-size  : 12px;
    line-height: 16px;
  }





  .footer_logo {
    display: none;
  }

  .product_page_one .twos {
    position: inherit;
    width   : 100%;
    left    : 0;
    margin  : 0;
  }

  .product_page_one {
    flex-direction: column;
  }

  .product_page_one .lb {
    width : 100%;
    margin: 0;
  }

  .product_page_txt {
    max-width : initial;
    margin-top: 15px;
  }

  .product_page_twe {
    padding      : 20px 15px;
    margin-bottom: 20px;
  }

  .product_page_three h4 {
    font-size    : 24px;
    line-height  : 30px;
    margin-bottom: 20px;
  }

  .product_page_twe ul {
    display: block;
  }

  .product_page_twe ul li {
    display      : inline-block;
    width        : 45%;
    margin-bottom: 10px;
  }

  .product_page_one {
    padding: 15px 0;
  }

  .product_page_txt h1 {
    font-size    : 21px;
    line-height  : 24px;
    margin-bottom: 10px;
    font-weight  : 400;
  }

  .product_page_one .gallery-top .swiper-button-prev,
  .product_page_one .gallery-top .swiper-button-next {
    display: none;
  }

  .survey {
    padding: 70px 0 70px;
  }

  .survey .survey_box h2 {
    font-size     : 24px;
    line-height   : 30px;
    padding-top   : 15px;
    padding-bottom: 15px;
  }

  .survey .survey_box ul {
    display    : block;
    padding-top: 15px;
    font-size  : 14px;
    line-height: 20px;
  }

  .survey .survey_box ul li {
    margin-bottom: 10px;
    font-size    : 15px;
    line-height  : 24px;
  }

  .survey .survey_box ul::after {
    display: none;
  }

  .survey_two {
    margin-top: 10px;
  }

  .survey_two ul {
    flex-direction   : column;
    --grid-column-gap: 7px;
  }

  .survey_two li {
    padding      : 25px 0;
    width        : 100%;
    margin-bottom: 10px;
  }

  .survey_two li .ico {
    height         : 45px;
    background-size: auto 100%;
  }

  .survey_two li h3 {
    font-size : 16px;
    height    : 24px;
    margin-top: 7px;
  }

  .survey_two li p {
    font-size  : 12px;
    line-height: 18px;
  }

  .honor {
    padding: 40px 0;
  }

  .honor .honor_box {
    display              : block;
    grid-template-columns: repeat(1, 1fr);
  }

  .honor .honor_box .fl {
    width: 100%;
  }

  .honor .honor_box .fr {
    width    : 100%;
    max-width: initial;
    height   : auto;
  }

  .honor .honor_box .fr .icons {
    justify-content: space-between;
    padding-left   : 0;
    padding-top    : 15px;
    height         : auto;
  }

  .honor .honor_box .fl p {
    font-size : 0.875rem;
    margin-top: 15px
  }

  .honor .honor_box .fr .icons li {
    line-height    : 120px;
    font-size      : 13px;
    background-size: 100%;
    height         : 94px;
  }

  .history .history_box h4,
  .workshop h4 {
    margin-bottom: 32px;
    font-size    : 1.625rem;
  }

  .workshop {
    padding: 30px 0;
  }

  .form_cntact {
    padding: 15px 0;
  }

  .form_cntact h3 {
    font-size    : 2.16rem;
    line-height  : 22px;
    margin-bottom: 10px;
  }

  .form_cntact .submit {
    margin-top: 7px;
    padding   : 5px 20px;
    font-size : 14px;
  }

  .footer_copyright .fr {
    display       : block;
    padding-bottom: 5px;
    position      : absolute;
    right         : 0;
    bottom        : 16px;
  }

  .footer_copyright .fr .select p {
    padding-right: 30px;
    background   : url(/themes/xd/public/assets/img/icon_select.png) no-repeat scroll 95% center transparent;
  }

  .footer_copyright .fr .ditu {
    margin-left: 10px;
    display    : inline-block;
    display    : none;
  }

  .footer_copyright .fr .ditu a {
    font-size: 12px;
  }

  .footer_copyright .fr .language {
    display: none;
    float  : right;
  }

  .footer_copyright .fr .language a {
    font-size: 12px;
  }

  .survey .w_1200 {
    padding: 0 10%;
  }

  .survey .survey_box img {
    max-width: 210px;
  }

  .form_cntact label {
    width        : 100%;
    font-size    : 12px;
    line-height  : 22px;
    margin-bottom: 3px;
  }

  .form_cntact label input {
    line-height: 32px;
    height     : 32px;
  }

  .footer_copyright .fl .copyright {
    display: none;
  }

  .m_yst {
    display    : block;
    font-size  : 12px;
    color      : #393e40a6;
    line-height: 1.6;
    padding-top: 15px;
    border-top : 1px solid rgb(12 18 32 / 10%);
  }

  .m_yst a {
    color: #393e40a6;
  }

  .footer_copyright {
    justify-content: space-between;
    align-items    : stretch;
    padding        : 0 0 15px;
    position       : relative;
  }

  .footer_copyright .fr .select ul {
    min-width: 160px;
    right    : 0;
  }

  .footer_copyright .fr .select {
    float: left;
  }

  .footer_logosts {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 120px;
  }

  .footer_logosts img {
    width: 100%;
  }

  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    display: none
  }

  .menu_two {
    flex-direction: row;
    flex-wrap     : wrap;
  }

  .menu_two li {
    margin-right: 5px !important;
  }
}

@media screen and (max-width: 400px) {
  .product_list ul.pro_ul li h4 {
    font-size  : 16px;
    line-height: 24px;
  }

  .product_list ul.pro_ul li p {
    font-size  : 12px;
    line-height: 18px;
    margin-top : 7px
  }

  .honor .honor_box .fr li {
    line-height    : 80px;
    background-size: 100% auto;
  }

  .survey_two ul {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap         : var(--grid-row-gap);
    --grid-row-gap       : 7px
  }

  .workshop ul {
    --grid-column-gap: 4px;
    --grid-row-gap   : 4px;
  }
}

.swiper-container {
  overflow: hidden;
}

.swiper-wrapper {
  height: auto;
}

.swiper-slide {
  height: auto;
}

.news_list {
  padding         : 40px 0 90px;
  background-color: #F7F8FA;
}

.news_list ul.news_ul {
  display        : flex;
 
  
   flex-direction : row;
  align-items    : flex-start;
  flex-wrap      : wrap;
  
}

.news_list ul.news_ul li {
  background   : #fff;
  width        : 32%;
  margin-bottom: 20px;
  border-radius: 3px;
  margin-right: 2%;
  overflow     : hidden;
  transition   : all .3s ease;
}
.news_list ul.news_ul li:nth-child(3n+3) {
 margin-right: 0;
}
.news_list ul.news_ul li:hover {
  box-shadow: 0 15px 15px -10px rgb(0 0 0 / 15%);
  transition: all .3s ease;
}

.news_list ul.news_ul li a {
  display: block;
}

.news_list ul.news_ul li a img {
  width: 100%;
}

.news_list ul.news_ul li a .txt {
  padding: 20px;
}

.news_list ul.news_ul li a .txt h4 {
  font-size    : 16px;
  line-height  : 26px;
  color        : #0C1220;
  margin-top: 15px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
  /*font-weight  : 500;*/
  /*margin-bottom: 10px*/
}

.news_list ul.news_ul li:hover a .txt h4 {
  color: #DF001F
}

.news_list ul.news_ul li a p {
  color             : #888888;
  font-size         : 14px;
  line-height       : 20px;
  display           : block;
  margin-top        : 5px;
  overflow          : hidden;
  height            : 40px;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_list ul li a .time {
  color      : #a2a2a2;
  font-size  : 12px;
  line-height: 20px;

}

@media screen and (max-width: 768px) {
  .news_list {
    padding: 20px 0;
  }

  .news_list ul.news_ul li {
    width: 48%;
  }
}

@media screen and (max-width: 600px) {
  .news_list ul.news_ul li {
    width: 100%;
  }

  .news_list ul.news_ul li a .txt {
    padding: 10px;
  }

  .news_list ul.news_ul li a .txt h4 {
    font-size  : 18px;
    line-height: 20px;
  }
}

.news_xqy {
  padding         : 90px 0;
  background-color: #F7F8FA;
}

.news_xqy h2 {
  text-align : center;
  font-size  : 31px;
  color      : #3c3c3c;
  line-height: 45px;
}

.news_xqy time {
  text-align: center;
  font-size : 16px;
  color     : #a2a2a2;
  display   : block;
  margin    : 10px 0;
}

.news_xqy .Content {
  font-size  : 18px;
  line-height: 40px;
  color      : #4a4a4a;

  letter-spacing: 2px
}
.news_xqy .Content h1,
.news_xqy .Content h2,
.news_xqy .Content h3,
.news_xqy .Content h4,
.news_xqy .Content h5,
.news_xqy .Content strong{
        font-weight: bold;
}

.news_xqy .Content p {
  text-indent: 2em;
}

.news_xqy .Content img {
  max-width: 100%;
  width    : auto;
  margin   : 20px 0;
}

.fy {
  display       : flex;
  flex-direction: column;
  padding       : 30px 0 0;
  border-top    : 1px solid #dadada;
}

.fy a {
  font-size  : 16px;
  line-height: 30px;
  color      : #525252;
}

.fy a:hover {
  color: #000;
}

@media screen and (max-width: 768px) {
  .news_xqy {
    padding: 20px 0;
  }

  .news_xqy h2 {
    font-size  : 21px;
    line-height: 28px;
  }

  .news_xqy .Content {
    font-size     : 14px;
    letter-spacing: 2px;
    line-height   : 24px;
  }

  .fy a {
    font-size  : 12px;
    line-height: 24px;
  }
}

/*分页样式*/
.pagination {
  text-align   : center;
  margin-top   : 20px;
  margin-bottom: 20px;
}

.pagination li {
  margin     : 0px 2px;
  border     : 1px solid #e6e6e6;
  display    : inline-block;
  line-height: 35px;
  width      : 35px;
  text-align : center
}

.pagination li:hover a {
  color: #DC000C
}

.pagination .disabled {
  color      : #aaa;
  font-family: “宋体”;
}

.pagination li span,
.pagination li a {
  font-size: 14px;
  color    : #333333
}

.pagination li.active {
  background-color: #DC000C;
}

.pagination li.active span {
  color: #fff;
}

.crumbs {
  line-height     : 50px;
  color           : #707070;
  font-size       : 12px;
  display         : block;
  background-color: #F7F8FA
}

.crumbs a {
  color  : #707070;
  display: inline-block;
}

.crumbs a:first-child {
  background         : url(/themes/xd/public/assets/img/home_is.png);
  background-position: center left;
  background-repeat  : no-repeat;
  padding-left       : 23px;
  background-size    : 16px;
}

.crumbs a:last-child {
  color: #000
}

.product_list_box {
  background-color: #F7F8FA;
  padding         : 20px 0 90px;
}

.product_list_box a {
  background   : #fff;
  border-radius: 3px;
  display      : block;
  margin-bottom: 20px;
  border       : 1px solid #efefef;
  position     : relative;
  transition   : all .4s;
}

.product_list_box a:hover {
  -moz-box-shadow   : 2px 2px 13px #dcdcdc;
  -webkit-box-shadow: 2px 2px 13px #dcdcdc;
  box-shadow        : 2px 2px 13px #dcdcdc;
}

.product_list_box img {
  width: 50%
}

.product_list_box a:nth-child(odd) img {
  float: right
}

.product_list_box a:nth-child(even) img {
  float: left
}

.product_list_box a .txt {
  position       : absolute;
  width          : 50%;
  text-align     : center;
  height         : 100%;
  display        : flex;
  flex-direction : column;
  flex-wrap      : nowrap;
  justify-content: center;
}

.product_list_box a:nth-child(odd) .txt {
  left: 0
}

.product_list_box a:nth-child(even) .txt {
  right: 0
}

.product_list_box a .txt p.name {
  color      : #000;
  font-size  : 31px;
  font-weight: 300;

  margin-bottom: 10px;
}

.product_list_box a .txt p.model_desc {
  font-size: 20px;
  color    : #696969;

}

@media screen and (min-width: 1024px) {
  .index_Product_category ul li:nth-child(1):hover .Content_filling_box {
    bottom: 40%;
  }
}

@media screen and (max-width: 1024px) {
  .header_menu_two .w_1200 {
    display       : flex;
    flex-direction: column;
    align-content : flex-start;
    align-items   : flex-start;
  }

  .header_menu_two {
    display: block
  }

  .header_box ul.header_menu_one_ul>li:hover .anout_menu {
    display: none
  }

}

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

  .product_list_box a .txt p.name {
    font-size: 16px;
  }

  .product_list_box a .txt p.model_desc {
    font-size: 13px;
  }

}

@media screen and (max-width: 640px) {
  .product_list_box img {
    width: 100%
  }

  .product_list_box a .txt {
    width   : 100%;
    position: inherit;
    height  : auto;
  }

  .product_list_box a .txt p.name {
    font-size: 14px;
  }

  .product_list_box a .txt p.model_desc {
    font-size: 13px;
  }
}

/*产品中心*/
.Product_zx {
  background-image   : url(/themes/xd/public/assets/img/images/bj.jpg);
  background-repeat  : no-repeat;
  background-position: center top;
  padding-top        : 90px;
}

.Product_zx .title {
  text-align: center;
}

.Product_zx .title span {
  font-size  : 30px;
  color      : #e42841;
  display    : block;
  font-weight: 300;
  font-family: "Light";
}

.Product_zx .title h6 {
  color      : #000;
  font-size  : 48px;
  line-height: 1.2;
  font-weight: 300;
}

.product_tu {
  margin-top: 86px;
  position  : relative;
}

.product_tu img {
  width: 100%;
}

.product_tu .li {
  position: absolute;
}

.product_tu .li h3 {
  font-size  : 24px;
  line-height: 30px;
  color      : #000;
}

.product_tu .li span {
  font-size    : 20px;
  color        : #666666;
  font-family  : "Light";
  display      : block;
  margin-top   : 12px;
  margin-bottom: 18px;
  font-weight  : 300;
}

.product_tu .li p {
  font-size  : 14px;
  color      : #000;
  line-height: 24px;
  font-family: "Light";
  display    : flex;
  align-items: center;
}

.product_tu .li p::before {
  content     : "·";
  font-size   : 30px;
  display     : inline-block;
  color       : #e42841;
  margin-right: 4px;
}

.Product_twe {
  margin-bottom: 45px;
}

.Product_twe ul {
  display        : flex;
  flex-direction : row;
  flex-wrap      : wrap;
  justify-content: space-between;
  padding-top    : 60px;
}

.Product_twe ul li {
  width        : 49.3%;
  background   : url(/themes/xd/public/assets/img/images/bj2.jpg) no-repeat center;
  border-radius: 10px;
  margin-bottom: 18px;
}

.Product_twe ul li .box {
  padding            : 30px 40px;
  background-image   : url(/themes/xd/public/assets/img/images/ico_17.png);
  background-position: 91% 81%;
  background-repeat  : no-repeat;
  background-size    : 153px;
}

.Product_twe ul li:nth-child(2) .box {
  background-image: url(/themes/xd/public/assets/img/images/ico_18.png);
}

.Product_twe ul li:nth-child(3) .box {
  background-image: url(/themes/xd/public/assets/img/images/ico_19.png);
}

.Product_twe ul li:nth-child(4) .box {
  background-image: url(/themes/xd/public/assets/img/images/ico_20.png);
}


.Product_twe ul li .box .en {
  color      : rgb(51 51 51 / 20%);
  font-size  : 36px;
  line-height: 36px;
  font-weight: 300;
  font-family: "Light";
}

.Product_twe ul li .box h3 {
  margin-top   : 14px;
  margin-bottom: 22px;
  font-size    : 24px;
  line-height  : 24px;
  color        : #000;
}

.Product_twe ul li .box p {
  font-size  : 14px;
  color      : #000;
  line-height: 24px;
  font-family: "Light";
}

.Product_taj {
  padding-top     : 76px;
  padding-bottom  : 156px;
  background-color: #F7F8FA;
}

.Product_taj li {
  overflow     : hidden;
  margin-bottom: 64px;
}

.Product_taj li a {
  display        : flex;
  flex-direction : row;
  align-items    : center;
  align-content  : center;
  justify-content: space-between;
  background     : #fff;
  border-radius  : 10px;
  overflow       : hidden;
  position       : relative;
}

.Product_taj li a img {
  z-index: 1;
  width  : 67%;
}

.Product_taj li a .txt {
  width     : 100%;
  text-align: center;
  position  : relative;
}


.Product_taj li a .txt .ico {
  height             : 48px;
  width              : 100%;
  background-repeat  : no-repeat;
  background-position: center;
  margin-bottom      : 8px;
}

.Product_taj li a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_6.png);
}

.Product_taj li:nth-of-type(2) a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_7.png);
}

.Product_taj li:nth-of-type(3) a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_8.png);
}

.Product_taj li:hover a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_6_1.png);
}

.Product_taj li:nth-of-type(2):hover a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_7_1.png);
}

.Product_taj li:nth-of-type(3):hover a .txt .ico {
  background-image: url(/themes/xd/public/assets/img/images/ico_8_1.png);
}

.Product_taj li a .txt span {
  color      : #0C1220;
  font-size  : 18px;
  line-height: 18px;
  font-family: "Light";
  z-index    : 1;
  position   : relative;
}

.Product_taj li a .txt h4 {
  font-size  : 24px;
  line-height: 26px;
  color      : #0C1220;
  margin-top : 5px;
  position   : relative;
}

.Product_taj li a .txt .more {
  border       : 1px solid #FFFFFF;
  padding      : 0;
  color        : #0C1220;
  font-size    : 12px;
  line-height  : 16px;
  margin-top   : 10px;
  display      : inline-block;
  border-radius: 3px;
  transition   : all .4s;
  background   : url(/themes/xd/public/assets/img/images/ico_9.png) no-repeat 75px center, #fff;
  opacity      : 0;
  height       : 0;
  position     : relative;
}

.Product_taj li:hover a .txt span,
.Product_taj li:hover a .txt h4 {
  color  : #fff;
  z-index: 1;
}

/*.Product_taj li a:before{ */
/*	content: "";*/
/*  width: 100%;*/
/*  height: 50%;*/
/*  background: #DF001F;*/
/*  position: absolute;*/
/*  top: -50%;*/
/*  z-index: 0;*/
/*  transition: all .4s;*/
/*}*/
/*.Product_taj li a:after{ */
/*	content: "";*/
/*  width: 100%;*/
/*  height: 50%;*/
/*  background: #DF001F;*/
/*  position: absolute;*/
/*  bottom: -50%;*/
/*  z-index: 0;*/
/*  transition: all .4s;*/
/*}*/
/*.Product_taj li:hover a:before{ */
/*  top: 0;*/
/*}*/
/*.Product_taj li:hover a:after{ */
/*  bottom: 0;*/
/*}*/
.Product_taj li a:hover {
  background: #DF001F
}

.Product_taj li:hover a .txt .more {
  padding: 10px 32px 10px 15px;
  height : 16px;
  opacity: 1;
  z-index: 1;
}

.page-product-center {
  height : 549px;
  padding: 1px 0 0;
}

.page-product-center h4 {
  margin-top: 26%;
  font-size : 32px;
}

.page-product-center p {
  margin-top: 15px;
  font-size : 18px;
}

@media (max-width:600px) {
  .page-product-center {
    height : 350px;
    padding: 1px 0 0;
  }

  .page-product-center h4 {
    margin-top: 50%;
    font-size : 26px;
  }

  .page-product-center p {
    margin-top: 15px;
    font-size : 14px;
    padding   : 0 32px;
  }
}



@media screen and (min-width: 1200px) {
  .product_tu .li.li_1 {
    top : 83px;
    left: 0;
  }

  .product_tu .li.li_2 {
    top : 302px;
    left: 0;
  }

  .product_tu .li.li_3 {
    top  : 10px;
    right: 0;
    width: 248px;
  }

  .product_tu .li.li_4 {
    top  : 224px;
    right: 0;
    width: 248px;
  }

  .product_tu .li.li_5 {
    top  : 440px;
    right: 0;
    width: 248px;
  }

  .product_tu .li.li_1::after {
    content   : "";
    position  : absolute;
    top       : 13px;
    left      : 67px;
    width     : 387px;
    height    : 45px;
    background: url(/themes/xd/public/assets/img/images/ico_1.png) no-repeat center;
  }

  .product_tu .li.li_2::after {
    content   : "";
    position  : absolute;
    top       : -31px;
    left      : 208px;
    width     : 247px;
    height    : 45px;
    background: url(/themes/xd/public/assets/img/images/ico_2.png) no-repeat center;
  }

  .product_tu .li.li_3::after {
    content   : "";
    position  : absolute;
    top       : 8px;
    left      : -194px;
    width     : 183px;
    height    : 36px;
    background: url(/themes/xd/public/assets/img/images/ico_3.png) no-repeat center;
  }

  .product_tu .li.li_4::after {
    content   : "";
    position  : absolute;
    top       : 7px;
    left      : -194px;
    width     : 181px;
    height    : 37px;
    background: url(/themes/xd/public/assets/img/images/ico_4.png) no-repeat center;
  }

  .product_tu .li.li_5::after {
    content   : "";
    position  : absolute;
    top       : -19px;
    left      : -194px;
    width     : 181px;
    height    : 36px;
    background: url(/themes/xd/public/assets/img/images/ico_5.png) no-repeat center;
  }
}

.mobile {
  display: none;
}

@media screen and (max-width: 1200px) {
  .mobile {
    display  : block;
    max-width: 286px;
    margin   : 0 auto;
    position : relative;
  }

  .pc {
    display: none;
  }

  .mobile .dian {
    width        : 10px;
    height       : 10px;
    border-radius: 50%;
    background   : #fff;
    position     : absolute;
    border       : 5px solid #DF001F;

  }

  .mobile .dian_1 {
    top : 117px;
    left: 12px;
  }

  .mobile .dian_2 {
    top : 262px;
    left: 4px !important;
  }

  .mobile .dian_3 {
    top  : 35px;
    right: -1px;
  }

  .mobile .dian_4 {
    top  : 260px;
    right: 0;
  }

  .mobile .dian_5 {
    right: 0;
    top  : 400px;
  }

  .mobile .dian_1,
  .mobile .dian_3,
  .mobile .dian_5 {
    animation                        : mymove 5s infinite;
    -webkit-animation                : mymove 5s infinite;
    animation-direction              : alternate;
    animation-timing-function        : ease-in-out;
    -webkit-animation                : mymove 5s infinite;
    -webkit-animation-direction      : alternate;
    -webkit-animation-timing-function: ease-in-out;
  }

  .mobile .dian_2,
  .mobile .dian_4 {
    animation                        : mymoves 5s infinite;
    -webkit-animation                : mymoves 5s infinite;
    animation-direction              : alternate;
    animation-timing-function        : ease-in-out;
    -webkit-animation                : mymoves 5s infinite;
    -webkit-animation-direction      : alternate;
    -webkit-animation-timing-function: ease-in-out;
  }

  .product_tu .li {
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    display   : none;
    background: #ffffff;
    padding   : 25px;
    width     : 300px;
  }

  .product_tu .li .ico {

    position       : absolute;
    top            : 10px;
    right          : 10px;
    width          : 15px;
    height         : 15px;
    font-size      : 20px;
    background     : url(/themes/xd/public/assets/img/images/x.png) no-repeat center;
    background-size: 100%;
  }

  .product_tu .li.contentin {
    display: block;
  }

}

@media screen and (max-width: 640px) {
  .Product_zx {
    padding-top: 30px;
  }

  .Product_zx .title span {
    font-size: 18px;
  }

  .Product_zx .title h6 {
    font-size: 26px;
  }

  .product_tu {
    margin-top: 40px;
  }

  .Product_twe {
    margin-bottom: 25px;
  }

  .Product_twe ul {
    padding-top: 20px;
  }

  .Product_twe ul li {
    width        : 100%;
    margin-bottom: 10px;
  }

  .Product_twe ul li .box {
    padding        : 20px;
    background-size: 80px;
  }

  .Product_twe ul li .box .en {
    font-size  : 24px;
    line-height: 24px;
  }

  .Product_twe ul li .box h3 {
    font-size    : 18px;
    line-height  : 18px;
    margin-top   : 7px;
    margin-bottom: 11px;
  }

  .Product_twe ul li .box p {
    font-size  : 12px;
    line-height: 18px;
  }

  .Product_taj {
    padding: 25px 0 40px;
  }

  .Product_taj li {
    margin-bottom: 10px;
  }

  .Product_taj li a .txt .ico {
    height         : 24px;
    background-size: 24px;
    margin-bottom  : 5px;
  }

  .Product_taj li a .txt span {
    font-size: 12px;
  }

  .Product_taj li a .txt h4 {
    font-size  : 14px;
    line-height: 18px;
  }

  .Product_taj li a .txt .more {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  .mobile {
    max-width: 148px;
  }

  .mobile .dian_1 {
    top : 55px;
    left: 2px;
  }

  .mobile .dian_2 {
    top : 129px;
    left: -4px !important;
  }

  .mobile .dian_3 {
    top  : 9px;
    right: -1px;
  }

  .mobile .dian_4 {
    top  : 130px;
    right: 0;
  }

  .mobile .dian_5 {
    right: 0;
    top  : 230px;
  }

  .product_tu .li {
    width     : 260px;
    background: #fff;
  }

  .product_tu .li h3 {
    font-size: 19px;
  }

  .product_tu .li span {
    font-size    : 16px;
    margin-top   : 2px;
    margin-bottom: 10px;
  }
}

@keyframes mymove {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.1);
  }
}

@-webkit-keyframes mymove {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.1);
  }
}

@keyframes mymoves {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    transform: scale(1.2);
    /*放大1.1倍*/
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.2);
  }
}

@-webkit-keyframes mymoves {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }

  25% {
    transform: scale(1.2);
    /*放大1.1倍*/
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.2);
  }
}

.swiper-button-prev {
  background: url(/themes/xd/public/assets/img/fl.png) no-repeat center;
  width     : 42px;
  height    : 42px;
  color     : transparent;
}

.swiper-button-next {
  background: url(/themes/xd/public/assets/img/fr.png) no-repeat center;
  width     : 42px;
  height    : 42px;
  color     : transparent;
}