/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
  {
  margin: 0;
  padding: 0;  font-size:14px;
}

/** 设置默认字体 **/
body,
button,
input,
select,
textarea

/* for ie */
  {
   font-family:12px/1.5 tahoma,arial,"Microsoft YaHei";
 font-size:12px;
}

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

address,
cite,
dfn,
em,
var,
i {
  font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
  font-size: 12px;
}

/* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul,
ol {
  list-style: none;
}

/** 重置文本格式元素 **/
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

sup {
  vertical-align: text-top;
}

/* 重置, 减少对行高的影响 */
sub {
  vertical-align: text-bottom;
}

/** 重置表单元素 **/
legend {
  color: #000;
}

/* for ie6 */
fieldset,
img {
  border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

/* 使得表单元素在 ie 下能继承字体大小 */
button,
input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
}

input::-ms-clear {
  display: none;
}

/*隐藏文本框叉子*/
input::-ms-reveal {
  display: none;
}

/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  display: block;
  margin: 0;
  padding: 0;
}

sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -.5rem;
  left: -.2rem;
}

* {
  font-size: 16px;
  --colorR: #0067c4;
  --colorW: #fff;
}

@font-face {
  font-family: 'wbzt1';
  src: url('wbzt1.otf');
}


.colorR {
  color: var(--colorR);
}

.colorW {
  color: #fff;
}

.flex-row {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.padding {
  padding: 6.5vw 16.5vw;
  box-sizing: border-box;
}

.padding2 {
  padding: 8% 0;
  box-sizing: border-box;
}

.out {
  width: 100%;
}

.head {
  height: 100px;
  /* height: 70px; */
  left: 0px;
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border-bottom: 1px solid #fff; */
  box-sizing: border-box;
  top: 0;
  transition: .5s;
}

.head-inner{max-width:1200px; display:flex; margin:0px auto;align-items: center;justify-content: space-between;}


.head-active {
  background-color: #fff;
  width: 100%;
  left: 0;
  padding:0px 0%;
  border-bottom: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.head .logo {
  display: flex;
  /* width: 9%;
  height: 100%;
  background-image: url('../images/logo.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; */
  width: 15%;
  align-items: center;
}

.head .logo img {
  width: 100%;
}

.input-box {
  width: 8%;
}

.input-box form {
  width: 100%;
  position: relative;
}

.input-border {
  border: none;
  width: 100%;
  height: 30px;
  border-radius: 15px;
  padding: 0 35px;
  box-sizing: border-box;
  font-size: .62rem;
}

.input-box form .submit {
  position: absolute;
  left: 10px;
  top: 60%;
  background-image: url('../images/search.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: none;
}

.head ul {
  display: flex;
  justify-content: flex-end;
}

.head ul li {
  display: flex;
  align-items: center; margin: 0 20px; position:relative;
}
.head ul>li{ height:100px;}
.head ul>li>a:hover{ color:#CC0D24}
.head ul li.current_page_item { color:#C30D23}
.head ul li.current_page_item  a{color:#C30D23}



#top-menu .menu li>ul.sub-menu{position:absolute; width:180px; padding:15px 0px; background:#CC0D24; color:#fff; top:100px;flex-direction: column; display:none}
#top-menu .menu li>ul.sub-menu > li{ height:40px; line-height:40px;}
#top-menu .menu li>ul.sub-menu > li >a{ color:#fff; padding:10px 0px;}



.head ul a {
  color: #333;
  
}

.nav-btn {
  width: 30px;
  height: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; color:#fff;
}

.nav-btn span {
  height: 2px;
  width: 100%;
  background-color: #fff;
  display: flex;
  position: absolute;
  transition: .5s;
}

.nav-btn span:nth-child(1) {
  top: 0;
  left: 0;
}

.nav-btn span:nth-child(2) {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.nav-btn span:nth-child(3) {
  bottom: 0;
  left: 0;
}

.nav-btn-active span:nth-child(1) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.nav-btn-active span:nth-child(2) {
  opacity: 0;
}

.nav-btn-active span:nth-child(3) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.head-right {
  display: flex;
  justify-content: space-between;
  width: 10%;
  position: relative;
  align-items: center; display:none
}

.head-right::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 1px;
  background-color: #fff;
  left: 44%;
  top: 10%;
}

.head .en {
  text-transform:capitalize;
  color: #fff;
  font-size: .62rem;
}

.head a {
  transition: .5s;
}

/* .head a:hover {
  color: var(--colorR);
} */

/* .head-active ul a {
  color: #333;
}

.head-active .nav-btn span {
  background-color: #333;
}

.head-active .input-border {
  border: 1px solid rgba(0, 0, 0, .1);
}

.head-active .en {
  color: #333;
}

.head-active .head-right::after {
  background-color: #333;
} */

.pageSwier {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.pageSwier-inner {
  position: relative;
  height: 100vh !important;
}

.bannerSwiper {
  height: 100vh !important;
}

.bannerSwiper img {
  width: 100%;
}

.bannerSwiper .swiper-slide {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mobile-text {
  display: none;
}

.bannerSwiper .swiper-slide span {
  font-size: 24px;
  color: #fff;
  letter-spacing: 80px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding-left: 80px;
  white-space: nowrap;
}

.mobile-jt {
  display: none;
}

.page-title {
  font-size: 1.4rem;
  letter-spacing: 2px;
  color: #333;
}

.page-title p {
  font-size: .55rem;
  margin-bottom: 10vh;
  margin-top: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page2-info {
  position: absolute;
  width: 90%;
  left: 0;
  /* background-color: #F6F6F6; */
  padding: 100px 16.5vw;
  padding-left: 0;
  height: auto !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page2-info span {
  font-size: .65rem;
  line-height: 1.2rem;
}

.page2-info-inner {
  overflow: hidden;
  padding-left: 16.5vw;
  box-sizing: border-box;
  position: relative;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #E01837;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #B5B5B5;
}

.mCSB_scrollTools {
  position: absolute;
  left: -8.25vw;
  top: 0;
}

.mCustomScrollBox {
  overflow: visible;
}

.page2-info p {
  width: 50%;
  font-size: 16px;
  line-height: 1.3rem;
  margin-bottom: 30px;
  color: #4d4d4d;
  text-align: justify;
}

.page2-info p:nth-last-child(1) {
  margin-bottom: 0;
}

.page2-ul {
  position: absolute;
  bottom: 8%;
  display: flex;
  transform: translate(0, -50%);
  width: 70%;
  justify-content: space-between;
}

.page2-ul h2 {
  font-size: 3.5rem;
  color: var(--colorR);
  font-weight: 500;
  font-family: 'wbzt1';
  text-align: center;
  display: flex;
  align-items: flex-end;
  line-height: 2.5rem;
  justify-content: center;
}

.page2-ul h2 p {
  font-size: 3.5rem;
  color: var(--colorR);
  font-weight: 500;
  font-family: 'wbzt1';
  text-align: center;
  margin: 0;
  margin-right: 5px;
}

.page2-ul sup {
  top: -2.4rem;
}

.page2-ul span {
  margin-left: -.2rem;
}

.page2-ul li span {
  margin-left: -.5rem;
}

.page2-ul p {
  font-size: .7rem;
  margin-top: 25px;
  color: #333;
  text-align: center;
}

.page2-ul span {
  font-size: .7rem;
  line-height: 1rem;
}

.page2-info-img {
  position: absolute;
  top: 7.5vw;
  right: 15vw;
  width: 15vw;
  z-index: 2;
  display: none;
}

.page2::after {
  content: "";
  width: 10vw;
  height: 15vw;
  position: absolute;
  right: calc(15vw - 18px);
  top: calc(7.5vw - 16px);
  background-color: var(--colorR);
  display: none;
}

.page3 {
  width: 100%;
  height: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page3-inner {
  position: absolute;
  width: 100%;
  left: 0;
}

.page3-swpier .swiper-slide {
  padding-bottom: 28%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  filter: blur(5px);
}

.page3-swpier .swiper-slide-active {
  filter: blur(0);
}

.swiper-inner {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 4% 7% 0;
  opacity: 0;
  color: #fff;
  transition: .5s;
}

.swiper-inner h1 {
  font-size: 9rem;
  font-family: 'wbzt1';
  margin-bottom: 0.4rem;
  margin-left: -0.4rem;
  opacity: 0.8;
  letter-spacing: -0.1rem;
}

.swiper-inner p {
  font-size: 0.8rem;
  line-height: 1.6;
}

.page3-inner .page3-swpier-pagination,
.page5 .page5-swpier-pagination {
  width: 100%;
  margin-top: 50px;
}

.page3-swpier-pagination .swiper-pagination-bullet,
.page5-swpier-pagination .swiper-pagination-bullet {
  width: 80px;
  background-color: #fff;
  height: 3px;
  margin: 0 3px;
  border-radius: 0;
  opacity: 1;
}

.page3-swpier-pagination .swiper-pagination-bullet-active,
.page5-swpier-pagination .swiper-pagination-bullet-active {
  background-color: var(--colorR) !important;
  height: 3px;
}

.page3-swpier .swiper-slide-active .swiper-inner {
  opacity: 1;
}

/* .page3-swpier .swiper-slide .swiper-inner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 9px;
  background-image: url('../images/a-jt.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 20px;
  right: 20px;
  transition: .5s;
} */

.page3-swpier .swiper-slide .swiper-inner:hover::after {
  right: 10px;
}

.background-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-item2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.background-item3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.page4 {
  background-image: url('../images/p4-b2.jpg');
}

.logo-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.logo-item {
  display: flex;
  /* width: 24.5%;
  margin-right: 0.66%; */
  width: calc(25% - 8px);
  margin-right: 10px;
  padding-bottom: 16%;
  /* background-color: rgba(255, 255, 255, .5); */
  border-radius: 15px;
  margin-top: 20px;
  /* filter: grayscale(); */
  box-shadow: 11px 16px 32px rgba(0, 0, 0, .1);
  opacity: 1;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  align-items: flex-start;
  transition: .5s;
}

.logo-item:hover img:nth-child(1) {
  opacity: 0;
}

.logo-item:hover img:nth-child(2) {
  opacity: 1;
}

.logo-item img {
  width: 75%;
  display: inline-block;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  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: .5s;
}

.logo-item img:nth-child(2) {
  opacity: 0;
}

.logo-item:nth-child(4n) {
  margin-right: 0;
}

.page5 {}

.page5-swpier {
  width: 100%;
  overflow: visible;
}

.page5-inner {
  overflow: hidden;
  /* width: 75%; */
  width: 70%;
  position: absolute;
  /* left: 12.5%; */
  left: 15%;
  padding: 50px 0;
  margin-top: -50px;
  transition: .5s;
}

.page5-swpier .swiper-slide {
  padding-bottom: 35%;
  position: relative;
  transition: transform .5s;
}

.page5-swpier .swiper-slide h2 {
  position: absolute;
  font-size: .65rem;
  left: 30px;
  top: 30px;
}

.page5-swpier-pagination {
  position: absolute;
  bottom: 5vw;
  width: 100% !important;
  left: 0;
}

.page5-swpier .swiper-slide:hover {
  /* border: 10px solid #fff; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  box-shadow: 0 0 25px rgba(0, 0, 0, .1);
  z-index: 5;
  /* transition: .5s; */
  transform: translate(-5%, 0) scale(1.1);
}

.page5-swpier .swiper-slide-active:hover {
  transform: translate(10%, 0) scale(1.1) !important;
}

.page5-inner:hover {
  /* padding-right: 5px; */
  box-sizing: unset;
}

.page5 .page-title {
  color: #333;
}

.page5-swpier-pagination span {
  /* background-color: #333 !important; */
}

.page6-tab {
  position: absolute;
  left: 46.5vw;
  top: 6.5vw;
  transform: translate(0, 50%);
  display: flex;
}

.page6-tab span {
  cursor: pointer;
  font-size: .65rem;
  padding: 10px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  margin: 0 5px;
}

.page6-tab .active {
  background-color: var(--colorR);
  color: #fff;
}

.page6-tab span:hover {
  background-color: var(--colorR);
  color: #fff;
}

.page6-box {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 90%;
  height: 55vh;
  left: 0;
  overflow: hidden;
}

.page6-left {
  width: 48%;
  background-color: #F6F6F6;
  /* height: 100%; */
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
}

.page6-left .mCustomScrollBox {
  padding-left: calc(16.5vw - 30px);
  overflow: hidden;
}

.page6-left .mCSB_scrollTools {
  left: 8.25vw;
  display: none !important;
}

.page6-left-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.page6-left-inner img {
  width: 100%;
}

.page6-left h2 {
  text-align: right;
  font-size: .8rem;
  color: #989898;
}

.page6-left h1 {
  font-size: .75rem;
  line-height: 1.2rem;
}

.page6-left p {
  font-size: .6rem;
  color: #989898;
  line-height: 1.2rem;
  margin-bottom: 15px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page6-left p:nth-child(-n + 3) {
  margin-top: 15px;
}

.page6-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: var(--colorR)
}

.page6-right {
  width: 48%;
  height: 100%;
}

.page6-right a {
  display: flex;
  width: 100%;
  height: 33.3%;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 20px;
  position: relative;
  transition: .5s;
}

.page6-right a:nth-child(1) {
  border-top: 1px solid #ccc;
}

.page6-right a h1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: .8rem;
  position: relative;
}

.page6-right a h1 span {
  color: #989898;
  font-size: .8rem;
}

.page6-right a p {
  font-size: .65rem;
  color: #989898;
  line-height: 1.2rem;
  width: 80%;
}

.page6-right a h1::before {
  content: "";
  left: -10px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #000;
}

.page6-right a::after {
  width: 56px;
  height: 13px;
  content: "";
  position: absolute;
  bottom: 30px;
  right: 20px;
  background-image: url('../images/jt-p6.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 0;
  transition: .5s;
}

.page6-right a:hover::after {
  opacity: 1;
}

.page6-box {
  left: -100%;
  opacity: 0;
  transition: .8s;
}

.page6-left .mCustomScrollBox {
  position: relative;
}

.page6-left .mCustomScrollBox::after {
  position: absolute;
  content: '';
  left: calc(8.25vw - 30px);
  top: 0;
  width: 3px;
  height: 100%;
  background-position: center;
  background-image: url('../images/zsx.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.page6-box-active {
  left: 0;
  opacity: 1;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  height: 100%;
}

.page6-left-inner {
  justify-content: space-between;
}

.foot-out {
  height: auto !important;
}

.foot {
  height: auto;
  background-color: #000;
  padding: 4.5vh 16.5vw;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.foot-left {
  width: 70%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.foot-left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #fff;
}

.foot-left ul li {
  display: flex;
  flex-direction: column;
}

.foot-left ul a {
  font-size: .6rem;
  margin-bottom: 13px;
  color: #cccccc;
  transition: .5s;
}

.foot-left ul a:nth-last-child(1) {
  margin-bottom: 0;
}

.foot-left ul a:hover {
  color: #fff;
}

.foot-left ul li a:nth-child(1) {
  margin-bottom: 25px;
  color: #fff;
  font-weight: 500;
}

.foot-left-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.foot-left-bottom-left h1 {
  font-size: .62rem;
  color: #fff;
  margin-bottom: 25px;
}

.foot-left-bottom-left p {
  font-size: .6rem;
  color: #ccc;
  margin-bottom: 15px;
}

.foot-left-bottom-left p:nth-last-child(1) {
  margin-bottom: 0;
}

.foot-h6{
  display: none;
  line-height: 20px;
  font-size: 12px;
  color: #bfbfbf;
  margin-top: 20px;
}

.foot-h6 a{
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #bfbfbf;
}

.share {
  display: flex;
  align-items: flex-end;
}

.share a {
  width: 25px !important;
  height: 25px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  margin-bottom: 0 !important;
}

.foot-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.ewm p {
  font-size: .62rem;
  color: #fff;
  margin-top: 20px;
}

.foot-right input {
  border: none;
  height: 35px;
  border-radius: 17.5px;
  padding: 0 30px;
  box-sizing: border-box;
  font-size: .62rem;
  width: 200px;
  line-height: 35px;
}

.search {
  position: relative;
  width: 200px;
}

.search p {
  border: none;
  height: 35px;
  border-radius: 17.5px;
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 15px;
  width: 100%;
  line-height: 35px;
  background-color: #fff;
  color: #666;
  display: flex;
  position: relative;
  cursor: pointer;
  transition: .5s;
}

.search-active {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.search p::after {
  position: absolute;
  content: '';
  right: 15px;
  background-image: url('../images/xl-yl.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 15px;
  top: 50%;
  transform: translate(0, -50%);
}

.yqlj-more {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  transform: translate(0, 100%);
  border-radius: 17.5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
}

.yqlj-more a {
  font-size: 15px;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0 30px;
  color: #666;
  box-sizing: border-box;
}

/* .search::after {
  position: absolute;
  content: '';
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  background-image: url('../images/search.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translate(0, -50%);
} */

.foot-more {
  height: 30px !important;
  background-color: var(--colorR);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
}

.head-mc {
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: #282828;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 0 10vw;
  padding-top: 20vh;
  box-sizing: border-box;
  display: none;
}

.head-mc ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.head-mc ul li {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.head-mc ul li a {
  font-size: .65rem;
  color: #ccc;
  margin-bottom: 25px;
  display: flex;
}

.head-mc ul li a:nth-child(1) {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 35px;
}

.head-mc ul li a:nth-last-child(1) {
  margin-bottom: 0;
}

.head-mc ul li {
  margin-top: 80px;
}

.head-mc ul li:nth-child(-n+5) {
  margin-top: 0;
}

.head-mc ul li span {
  font-size: .65rem;
  color: #ccc;
  margin-top: 20px;
}

.page3-mobile-swiper {
  display: none;
}

.mobile-title-page5 {
  display: none;
}

.page5-mobile-swiper {
  display: none;
}

.page6-mobile {
  display: none;
}

.mobile-p {
  display: none;
}

.mobile-video-mc {
  display: none;
}

.mobile-page {
  display: none;
}

.box-page {
  min-height: 60vh;
  width: 100%;
  margin-top: 8vh;
  box-sizing: border-box;
}

.title-page {
  font-size:24px;
  color: #333;
  position: relative;
  margin-bottom: 80px;
}

.title-page::after {
  position: absolute;
  content: '';
  right: 0;
  width: 80%;
  height: 1px;
  background-color: rgba(125, 125, 125, 1);
  top: 50%;
  transform: translate(0, -50%);
}

.cp-box {
  display: flex;
  justify-content: space-between;
  width: 1285px;
  height: 556px;
  zoom: .99;
}

.ceter-cp {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  align-content: space-between;
}

.cp-box a {
  display: flex;
}

.left-cp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cp-box a {
  position: relative;
  transition: .5s;
}

.ceter-cp a {
  margin-right: 1.2%;
  display: flex;
}

.ceter-cp a:nth-child(2n) {
  margin-right: 0;
}

.cp-box span {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  color: #fff;
  letter-spacing: 1px;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: .5s;
}

.cp-box a:hover span {
  opacity: 1;
}

.mobile-box-cp {
  display: none;
}

.cplb-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.cplb-left {
  width: 23%;
  background-color: #fff;
  padding: 0 15px;
  box-sizing: border-box;
}

.cplb-right {
  width: 75%;
}

.cplb-left a {
  height: 80px;
  display: flex;
  width: 100%;
  font-size: .65rem;
  align-items: center;
  justify-content: flex-start;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  box-sizing: border-box;
  position: relative;
}

.cplb-left li:nth-last-child(1) a {
  border: none;
}

.box-page2 {
  background-color: #FAFAFA;
}

.cplb-left a::after {
  position: absolute;
  content: '';
  right: 0;
  height: 16px;
  width: 20px;
  background-image: url('../images/cp-xy.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 0;
  transition: .5s;
}

.cplb-left a:hover,
.cplb-left .active {
  color: #0067c4;
}

.cplb-left a:hover::after,
.cplb-left .active::after {
  opacity: 1;
}

.cplb-right video {
  width: 100%;
  margin-bottom: 30px;
}

.cplb-item-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.cplb-item {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 30px;
  padding-bottom: 34%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cplb-item:nth-child(3n) {
  margin-right: 0;
}

.cplb-item span {
  position: absolute;
  bottom: 5%;
  font-size: .65rem;
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  transition: .5s;
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 35px;
}

.pagination a {
  height: 35px !important;
  width: 35px !important;
  background-color: #CCCCCC;
  color: #fff;
  font-size: .6rem;
  line-height: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  transition: .5s;
}

.pagination .prev,
.pagination .next {
  /* width: 90px; */
  height: 35px !important;
  border-radius: 50% !important;
  display: none;
}

.pagination .next {
  background-image: url('../images/p-jt1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}

.pagination .prev {
  background-image: url('../images/p-jt1.png');
  transform: rotate(180deg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}

.pagination .next:hover,
.pagination .prev:hover {
  background-image: url('../images/p-jt2.png');
}

/* .pagination .last,
.pagination .first {
  width: 60px;
  height: 35px;
  border-radius: 5px;
} */

.pagination a:hover {
  background-color: #E01837;
}

.pagination .active {
  background-color: #E01837;
}

.cplb-item-list a:hover span {
  color: #0067c4;
}

.title-page-box {
  display: flex;
  justify-content: space-between;
}

.title-page-box .title-page {
  width: 80%;
}

.title-page-box .title-page::after {
  width: 85%;
}

.tab-box {
  display: flex;
}

.tab-box span {
  font-size: .6rem;
  height: 30px;
  border-radius: 17.5px;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, .1);
  margin-right: 20px;
  cursor: pointer;
  transition: .5s;
}

.tab-box span:nth-last-child(1) {
  margin-right: 0;
}

.tab-box span:hover,
.tab-box .active {
  background-color: var(--colorR);
  color: #fff;
  border: 1px solid var(--colorR);
}

.video-box {
  display: none;
  flex-wrap: wrap;
}

.active-v-box {
  display: flex;
}

.video-item {
  width: 32%;
  margin-right: 2%;
  margin-top: 35px;
}

.video-item:nth-child(3n) {
  margin-right: 0;
}

.video-item:nth-child(-n + 3) {
  margin-top: 0;
}

.video-item p {
  padding-bottom: 56%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 15px;
  position: relative;
}

.video-item span {
  font-size: .6rem;
  color: #333;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.video-item p::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/v-play2.png');
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.video-mc {
  width: 50%;
  padding: 35px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  z-index: 5;
  display: none;
}

.video-mc video {
  width: 100%;
}

.video-mc img {
  right: 10px;
  top: 5px;
  position: absolute;
  cursor: pointer;
}

.page-box {
  width: 100%;
  margin-top: 30px;
}

.page-box a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .5);
  color: #808080;
  background-color: transparent;
  box-sizing: border-box;
}

.page-box .prev,
.page-box .next {
  border-radius: 5px;
}

.page-box .active {
  color: #fff;
  border: none;
}

.page-box a:hover {
  color: #fff;
  border: 1px solid transparent;
}

.title-page2::after {
  width: 85%;
}

.news-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.news-item {
  display: flex;
  flex-direction: column;
  width: 32.5%;
  margin-right: 1.25%;
  box-shadow: 7px 0px 20px rgba(15, 5, 10, .08);
  margin-top: 30px;
  box-sizing: border-box;
  position: relative;
}

.news-item:nth-child(3n) {
  margin-right: 0;
}

.news-item:nth-child(-n + 3) {
  margin-top: 0;
}

.news-img {
  padding-bottom: 61%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-info {
  padding: 42.5px 20px;
  box-sizing: border-box;
}

.news-info p {
  font-size: 12px;
  color: #808080;
  margin-bottom: 20px;
}

.news-info h1 {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 500;
}

.news-info span {
  text-align: right;
  font-size: 16px;
  color: var(--colorR);
  display: flex;
  width: 100%;
  justify-content: flex-end;
  position: absolute;
  bottom: 30px;
  right: 20px;
}

.mobile-news-box {
  display: none;
}


/* 动画 */
.mo-bottom {
  transform: translate(0, 5vh);
  opacity: 0;
}

.mo-opt::after {
  opacity: 0;
  transform: translate(0, 5vh);
}

.bannerSwiper .swiper-slide span {
  transition: 1.5s;
}

.page-title {
  transition: .5s .5s;
}

.page2-info-img {
  transition: .5s .5s;
}

.page2::after {
  transition: .5s .5s;
}

.page2-info-img {
  transition: .5s .8s;
}

.page2::after {
  transition: .5s .8s;
}

.page2-info {
  transition: .5s 1.2s;
}

.page2-ul {
  transition: .5s 1.5s;
}

.page3-inner {
  transition: .5s 1s;
}

.logo-list {
  transition: .5s 1s;
}

.page5-swpier {
  transition: .5s 1s;
}

.page5-swpier-pagination {
  transition: .5s 1.5s;
}

.page6-tab {
  transition: .5s 1s;
}

.page6-left,
.page6-right {
  transition: .5s 1.5s;
}

.title-page {
  transition: .5s;
}

.cp-box {
  transition: .5s .5s;
}

.video-box {
  transition: .5s .5s;
}

.title-page-box {
  transition: .5s;
}

.news-box {
  transition: .5s .5s;
}

.page-box {
  transition: .5s 1s;
}

.foot-left-bottom-left .pc-p {
  margin-bottom: 0;
}

.tab-box a {
  margin-right: 20px;
}

.tab-box a:nth-last-child(1) {
  margin-right: 0;
}

.foot-more p {
  font-size: 11px;
}
.foot-more p span{
  font-size: 11px;
}
.foot-more p a{
  color: #fff;
  font-size: 11px;
}
.foot-more p a img{
  width: 14px;
  vertical-align: middle;
}

.mobile-fz-swiper-out {
  display: none;
}

.ewm p {
  font-size: 13px;
}

.page2-info-inner::after {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  left: 8.25vw;
  background-image: url('../images/zsx2.png');
  display: none;
}

.mCSB_scrollTools {
  display: none !important;
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
  padding: 0 !important;
  margin: 0 10px !important;
}

.banner-video {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: fill;
}

.bannerSwiper .swiper-slide span {
  z-index: 6;
}

.v-mobile {
  display: none;
}



/* 20201130 */
/* 增加产业板块页面 */
.auto {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

.cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cybk-item {
  width: 29%;
  margin-right: 6.5%;
}

.cybk-item:nth-child(3n) {
  margin-right: 0;
}

.cybk-item-img {
  padding-bottom: 69%;
}

.cybk-item-logo {
  padding-bottom: 35%;
  background-size: 50%;
}

.cybk-item-info {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

/* 20210226 */
/* .page2{
  padding: 9.5vw 16.5vw;
} */
.page-title {
  margin: 30px 0 50px 0;
}

.page-title p {
  margin-bottom: 0;
}

.page2-info {
  margin-top: 0;
  padding: 30px 16.5vw;
  padding-left: 0;
}

.page4 .page-title {
  margin-bottom: 120px;
}

.page4 {
  /* background-repeat: repeat;
  background-size: 70%; */
}

.logo-item {
  margin-top: 9px;
}

.logo-item:nth-child(-n + 4) {
  margin-top: 0;
}

.page5-inner {
  margin-top: -27px;
}

.page5-swpier .swiper-slide h2 {
  top: 40px;
}

.page6-box {
  top: 31%;
}

.page6-tab {
  top: 7.8vw;
}

.page6-tab span {
  margin: 0 20px;
  position: relative;
}

.page6-left {
  padding: 60px 30px;
}

.page6-box {
  height: 60vh;
}

.page6-left h2 {
  margin-bottom: 20px;
}

.page6-right a {
  padding: 45px 20px;
}

.page6-left .mCustomScrollBox::after {
  height: calc(100% - 56px);
  top: unset;
  bottom: 0;
}

.foot {
  padding: 6vh 16.5vw;
}

.foot-left ul {
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.foot-more {
  height: 30px !important;
  /* height: 50px !important; */
}

.bannerSwiper .swiper-slide span {
  letter-spacing: 90px;
  font-size: 26px;
  padding-left: 90px;
}

.head-active {
 
}

.page3-swpier-pagination .swiper-pagination-bullet,
.page5-swpier-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  transition: .5s;
}


.page3-swpier-pagination .swiper-pagination-bullet:hover,
.page5-swpier-pagination .swiper-pagination-bullet:hover {
  height: 6px;
}

.page3-swpier-pagination .swiper-pagination-bullet-active,
.page5-swpier-pagination .swiper-pagination-bullet-active {
  height: 6px;
}

.page3-swpier .swiper-slide::before {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

/* .page3-swpier .swiper-slide-active::before {
  display: none;
} */

.page6-tab span:nth-child(1) {
  margin-left: 0;
}

.page6-right a::after {
  opacity: 1;
}

.page6-right a:hover::after {
  background-image: url('../images/jt-p6s.png');
}



.colorW {
  color: #fff;
}
.page2{
  background-image: url('../images/jtjsbg.jpg');
  background-position: center 0;
}
.page5-swpier .swiper-slide{
  position: relative;
}
.page5-swpier .swiper-slide::after{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .05);
  transition: .5s;
}
.page5-swpier .swiper-slide:hover::after{
  opacity: 0;
}

.ani {opacity: 0;}
.ani1-1{
	opacity:1;
	-webkit-animation: fadeInDown 0.5s both;
    animation: fadeInDown 0.5s both;
}
.ani1-2{
	opacity:1;
    -webkit-animation: fadeInDown 1s 0.5s both;
    animation: fadeInDown 1s 0.5s both;
}
.ani1-3{
	opacity:1;
    -webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}
.ani2-2, .ani3-2, .ani4-2, .ani5-2 {opacity: 1;-webkit-animation: fadeInUp 1s 0.5s both;animation: fadeInUp 1s 0.5s both;}
.ani2-2,.ani3-2,.ani4-2,.ani5-2{
    opacity: 1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}
.ani5-1-2{
	opacity: 1;
	-webkit-animation: fadeInUp 1s 0.3s both;
    animation: fadeInUp 1s 0.3s both;
}
.ani6-1 {
    opacity: 1;
    -webkit-animation: fadeInDown 0.5s both;
    animation: fadeInDown 0.5s both;
}
.ani6-2 {
    opacity: 1;
    -webkit-animation: fadeInDown 1s 0.5s both;
    animation: fadeInDown 1s 0.5s both;
}
.ani6-3 {
    opacity: 1;
    -webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}


@-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }

@keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0,-100%,0);
                -ms-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0)
            }

            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }
@-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }
        }
@keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                -ms-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0)
            }
            100% {
                opacity: 1;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }
        }

 #videobanner_style_01_1627183323361{width:100%;}   
 @media screen and (min-width:641px) and (max-width:1200px) {#videobanner_style_01_1627183323361{width:100%;}}   @media screen and (max-width:640px) {#videobanner_style_01_1627183323361{width:100%;}}  #layout_1578626271523{height:790px;z-index:1000;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1578626271523{height:440px;}}   @media screen and (max-width:640px) {#layout_1578626271523{height:310px;display:block;}} #layout_1578626271523 > .view_contents{overflow:visible;}  #layout_1578626271523  {background:#eeeeee;}



.videobanner .swiper-mark{position:absolute; height:100%; width:100%; left:0px; top:0px; text-align:left; z-index:9}
.videobanner .section-text{ text-align:left; color:#fff; margin:43% 0px 20% 0px; font-weight:bold; font-family: Microsoft YaHei;}
.videobanner .section-text h4{font-size: 52px; margin-bottom:10px;}
.videobanner .section-text h3{font-size: 52px; margin-bottom:10px;}
.videobanner .section-text h3 span{ color:#C30D23;font-size: 36px;}
.videobanner .section-text h5{font-size: 32px; margin-bottom:10px;}
.videobanner .section-text h5 span{ color:#C30D23;font-size: 36px;}

.videobanner .section-text p{font-size:14px;}



@media screen and (max-width:640px) {
	.videobanner .swiper-mark{position:absolute; height:auto;margin:20% 0px;}

	.videobanner .section-text{ margin:0% 0px; text-align:center }
	.videobanner .section-text h4{font-size: 22px;}
	.videobanner .section-text h3{font-size: 22px;}
	.videobanner .section-text h3 span{font-size: 16px;}
	.videobanner .section-text h5{font-size: 14px; }
	.videobanner .section-text h5 span{font-size: 16px;}
	.videobanner .section-text p{font-size:12px;}
}





.bannerStyle_01 .main_visual{height:100%; position:relative; }
.bannerStyle_01 .main_image{height:100%; position:relative;}
.bannerStyle_01 .main_image ul{width:100%; height:100%; }
.bannerStyle_01 .main_image li{position: relative; float:left; width:100%; height: 100%; transition: opacity 1000ms ease 0s}
.bannerStyle_01 .main_image li .img_box{position: relative; display:block; width:100%; height: 100%;  overflow: hidden;box-sizing: border-box;}
.bannerStyle_01 .main_image li .img_box img{width: 100%; height: 100%; object-fit: cover; }
.bannerStyle_01 .info{ position: absolute; top: 50%; left: 50%; z-index:100; width: 75%; padding: 25px; box-sizing: border-box;  transform: translate(-50%,-50%); text-align: center; border:1px solid rgba(255,255,255,.5); background: rgba(0,0,0,.5); color: #fff;}
.bannerStyle_01 .title{ font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bannerStyle_01 .subTitle{ line-height: 2; font-size: 14px; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bannerStyle_01 .button{ display: inline-block; max-width: 100%; box-sizing: border-box; padding: 0 20px; margin-bottom: 5px; height: 35px; line-height: 32px; font-size: 16px; color: #fff; background: rgba(255,255,255,.3); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bannerStyle_01 .flicking_con{width:100%; position: absolute; bottom: 10px; text-align: center;}
.bannerStyle_01 .flicking_con .dot{ border:1px solid rgba(255,255,255,.8); margin: 0 2px; border-radius: 100%; overflow:hidden; display:inline-block; width: 7px; height: 7px; position:relative;}
.bannerStyle_01 .flicking_con .cur_two{ background: rgba(255,255,255,.8); }
.bannerStyle_01 .arrow{ position: absolute; top: 50%; z-index: 10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);text-align: center;line-height: 1;font-size: 60px;color: #999;padding: 0 14px;font-family: simsun,'宋体','simhei','黑体';box-sizing: border-box;cursor:pointer;}
.bannerStyle_01 .arrowLef{ left: 0;}
.bannerStyle_01 .arrowRight{ right: 0;}
.bannerStyle_01 .arrow .awesome-font{display: none;}
.bannerStyle_01 .arrow .awesome-font:before{padding: 0 3px;box-sizing: border-box;}
/* 视频 */
.bannerStyle_01 .main_image .video_item{width: 100%;height: 100%;background-color:black;background-size: cover!important;background-position: center center!important;box-sizing:border-box ;overflow: hidden;}
.bannerStyle_01 .main_image .video_item .myvideo{width: 100%;height: 100%;}
.bannerStyle_01 .main_image .video_item .myvideo .video_source{width: 100%;height: 100%;}
@media screen and (max-width:640px) {
    .bannerStyle_01 .title{ font-size: 16px;}
    .bannerStyle_01 .subTitle{ font-size: 14px;}
    .bannerStyle_01 .button{ font-size: 14px; height: 24px; line-height: 21px; padding: 0 10px;}
    .bannerStyle_01 .info{ padding: 10px;}
    .bannerStyle_01 .arrow{font-size: 38px;}
    .bannerStyle_01 .flicking_con .dot{ width: 5px; height: 5px;}
}

.section1{}

.page-inner{ max-width:1200px; margin:0px auto;}
@media screen and (max-width:640px) {
	.page-inner{padding:0px 2%}
}
@media screen and (max-width:1680px) {
.page-inner{ padding:0px 2% }
}



.banner1{margin-top:10px;}
.banner1 img{ max-width:100%; height:auto; display:block; margin:0px auto 0px auto;}
.banner1 img{ max-width:100%; height:auto; display:block; margin:0px auto 0px auto;}
.banner1 img{ max-width:100%; height:auto; display:block; margin:0px auto 0px auto;}


.section1{ position:relative;}
.section1 .section1-mark{position:absolute; height:100%; width:100%; left:0px; top:0px; text-align:right}
.section1 .section1-mark .page-inner{ display:flex;flex-direction: column;height:100%;position: relative;}
.section1 .section1-text{ text-align:right; color:#fff; margin-top:20%; font-weight:bold; font-family: Microsoft YaHei;}
.section1 .section1-text h4{font-size: 32px; margin-bottom:10px;}
.section1 .section1-text h3{font-size: 36px; margin-bottom:10px;}
.section1 .section1-text h3 span{ color:#C30D23;font-size: 36px;}
.section1 .section1-text p{font-size:14px;}

@media screen and (max-width:640px) {
	.section1{ position:relative;}
	.section1 .section1-mark{}
	.section1 .section1-mark .page-inner{}
	.section1 .section1-text{ margin-top:3%; }
	.section1 .section1-text h4{font-size: 16px; margin-bottom:10px; color:#fff}
	.section1 .section1-text h3{font-size: 14px; margin-bottom:10px; color:#fff}
	.section1 .section1-text h3 span{ color:#C30D23;font-size: 16px; color:#fff}
	.section1 .section1-text p{font-size:12px; color:#fff}
}




.section2{ position:relative;}
.section2 .section2-mark{position:absolute; height:100%; width:100%; left:0px; top:0px; text-align:left}
.section2 .section2-mark .page-inner{ display:flex;flex-direction: column;height:100%;position: relative;}
.section2 .section2-text{ text-align:left; color:#fff; margin-top:20%; font-weight:bold; font-family: Microsoft YaHei;}
.section2 .section2-text h4{font-size: 32px; margin-bottom:10px;}
.section2 .section2-text h3{font-size: 36px; margin-bottom:10px;}
.section2 .section2-text h3 span{ color:#C30D23;font-size: 36px;}
.section2 .section2-text p{font-size:14px;}

@media screen and (max-width:640px) {
	.section2{ position:relative;}
	.section2 .section2-mark{}
	.section2 .section2-mark .page-inner{}
	.section2 .section2-text{ margin-top:3%; }
	.section2 .section2-text h4{font-size: 16px; margin-bottom:10px; color:#fff}
	.section2 .section2-text h3{font-size: 14px; margin-bottom:10px; color:#fff}
	.section2 .section2-text h3 span{ color:#C30D23;font-size: 16px; color:#fff}
	.section2 .section2-text p{font-size:12px; color:#fff}
}



.section3{ position:relative;}
.section3 .section3-mark{position:absolute; height:100%; width:100%; left:0px; top:0px; text-align:right}
.section3 .section3-mark .page-inner{ display:flex;flex-direction: column;height:100%;position: relative;}
.section3 .section3-text{ text-align:right; color:#fff; margin-top:20%; font-weight:bold; font-family: Microsoft YaHei;}
.section3 .section3-text h4{font-size: 32px; margin-bottom:10px;}
.section3 .section3-text h3{font-size: 36px; margin-bottom:10px;}
.section3 .section3-text h3 span{ color:#C30D23;font-size: 36px;}
.section3 .section3-text p{font-size:14px;}

@media screen and (max-width:640px) {
	.section3{ position:relative;}
	.section3 .section3-mark{}
	.section3 .section3-mark .page-inner{}
	.section3 .section3-text{ margin-top:3%; }
	.section3 .section3-text h4{font-size: 16px; margin-bottom:0px; color:#fff}
	.section3 .section3-text h3{font-size: 14px; margin-bottom:0px; color:#fff}
	.section3 .section3-text h3 span{ color:#C30D23;font-size: 16px; color:#fff}
	.section3 .section3-text p{font-size:12px; color:#fff}
}


.section3-1{ position:relative;}
.section3-1 .section3-mark{ position:absolute; top:0; background:#000; opacity:0.9; height:100%; width:100%; left:0px;}
.section3-1 .section3-text{ text-align:center; color:#fff; margin-bottom:30px; margin-top:30px;}
.section3-1 .section3-text h3{font-size: 36px;line-height: 60px;text-align: center;color: #ffffff;font-weight: normal;font-family: Microsoft YaHei; margin-bottom:10px;}
.section3-1 .section3-text p{font-size:14px;}

@media screen and (max-width:640px) {
	.section3-1 .section3-mark{ position:relative; width:100%; background:#fff }
	.section3-1 .section3-text{ text-align:center; color:#fff; margin-bottom:30px; margin-top:30px;}
	.section3-1 .section3-text h3{font-size: 16px;line-height: 30px;text-align: center;color: #333;font-weight: normal;font-family: Microsoft YaHei; margin-bottom:10px;}
	.section3-1 .section3-text p{font-size:14px;color: #333;}
}


.section3-2{ position:relative;}
.index-product{ display:flex; padding:0px 0%}
.index-product .item{ width:23%; margin:1%;  border-radius:10px;box-shadow: 7px 0px 20px rgba(15, 5, 10, .08);}
.index-product .item .pic img{height:auto; width:100%;border-radius:10px 10px 0px 0px}
.index-product .item .pic img:hover{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.index-product .item h3{ padding:10px; font-size:24px;}
.index-product .item p{padding:0px 10px 20px 10px; font-size:12px; color:#888888}


.product-count{ display:flex; padding:0px 2%;margin-top:200px; }
.product-count .item{ width:23%; margin:1%;  }
.product-count .item .pic img{height:auto; max-width:100%;}
.product-count .item .pic{position:relative;}
.product-count .item .pic div{position:absolute; left:0px; width:83%; top:40%;text-align:center;font-family: 'Courier New';color:#C30D23;font-weight: bold;}
.product-count .item .pic div span{font-size: 50px;}
.product-count .item .pic div i{ font-size:30px; font-weight: bold;}
.product-count .item h3{ padding:10px; font-size:24px; text-align:center}
.product-count .item p{padding:0px 10px 20px 10px; font-size:12px; color:#888888; text-align:center}



@media screen and (max-width:1680px) {
.product-count{ margin-top:350px; }
}



@media screen and (max-width:640px) {
	.product-count{ margin-top:30px; }
	.product-count .item .pic div{width:100%}
	.product-count .item .pic div span{font-size: 40px;}
    .product-count .item .pic div i{ font-size:20px; font-weight: bold;}

	
}


.section4{ margin-bottom:50px;}

.section5{ position:relative;}
.section5 .section5-mark{ position:absolute; top:0; background:#C30D23; opacity:0.9; height:100%; width:100%; left:0px;}
.section5 .section5-mark .section5-text{ text-align:center; color:#fff; margin-top:80px; margin-bottom:30px;}
.section5 .section5-mark .section5-text h3{font-size: 36px;line-height: 60px;text-align: center;color: #ffffff;font-weight: bold;font-family: Microsoft YaHei; margin-bottom:10px;}
.section5 .section5-mark .section5-text h3 span{font-size: 44px; font-weight:bold}
.section5 .section5-mark .section5-text p{font-size:14px; margin-bottom:40px;}
.section5 .section5-mark .logo-list{ text-align:center}
.section5 .section5-mark .logo-list img{ display:block; margin:0px auto; max-width:100%;}

@media screen and (max-width:1680px) {
	.section5 .section5-mark .section5-text{ margin-top:30px; }
	.section5 .section5-mark .section5-text h3{font-size: 36px;line-height: 30px;}
	.section5 .section5-mark .section5-text h3 span{font-size: 44px; font-weight:bold; line-height:30px;}
	.section5 .section5-mark .section5-text p{font-size:14px; margin-bottom:10px;}
}

@media screen and (max-width:640px) {
	.section5 .section5-mark .section5-text{ margin-top:10px; display:none; }
	.section5 .section5-mark .section5-text h3{font-size: 16px;line-height: 30px;}
	.section5 .section5-mark .section5-text h3 span{font-size: 20px; font-weight:bold; line-height:30px;}
	.section5 .section5-mark .section5-text p{font-size:14px; margin-bottom:10px;}
}


.index-page-title{display:flex; margin:60px 0px;}
.index-page-title h3 {font-size: 26px;line-height: 30px;color: #434343;text-align: left;font-weight: normal;font-family: Microsoft YaHei;font-style: normal;}
.index-page-title p{ font-size:12px;line-height: 40px; margin-left:10px; color:#C30D23}

@media screen and (max-width:640px) {
	.index-page-title{margin:30px 0px;}
	
}


.renzheng-box{ display:flex; margin-bottom:30px; -webkit-justify-content: space-between; justify-content: space-between; }
.renzheng-box .item{ width:46%;border-radius:10px;box-shadow: 7px 0px 20px rgba(15, 5, 10, .08); padding:10px;position:relative; border:#ddd solid 1px;}
.renzheng-box .item .pic img{height:auto; max-width:100%; display:block; margin:0px auto;}
.renzheng-box .item .pic img:hover{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.renzheng-box .item .pic{position:relative;}
.renzheng-box .item h3{ padding:10px 0px; font-size:24px; text-align:center; opacity:0.9; position:absolute; color:#fff; bottom:0px; left:0px; width:100%;border-radius:0px 0px 10px 10px;}
.renzheng-box .item h3.first{background:#E15D6D}
.renzheng-box .item h3.second{background:#5CA4D7}





@media screen and (max-width:640px) {
  .renzheng-box .item{flex-wrap:wrap}
  .renzheng-box .item{width:50%;}
}

.cert-list-box{display:flex;  -webkit-justify-content: space-between; justify-content: space-between;}
.cert-list-box .item{width:16.6%;}
.cert-list-box .item .pic img{ max-width:100%; display:block; margin:0px auto; max-height:250px}
.cert-list-box .item .pic img:hover{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.cert-list-box .item .item-inner{border:#ddd solid 1px; margin:5px; border-radius:5px; padding:3px;}

@media screen and (max-width:640px) {
  .cert-list-box{flex-wrap:wrap}
  .cert-list-box .item{width:33.33%;}
}



.index-news-box{ background:#F5F5F5; margin:60px 0px 0px 0px; padding:15px 0px;}
.index-news-box .index-page-title{ margin-bottom:30px;display:flex; -webkit-justify-content: space-between; justify-content: space-between; }
.index-news-box .index-page-title span{font-size:12px;line-height: 40px; margin-left:10px; color:#C30D23}
.index-news-box .index-page-title a{ font-size:14px; color:#444}


.boxNewsListStyle_4{display:flex;  -webkit-justify-content: space-between; justify-content: space-between;}
.boxNewsListStyle_4 .sumary_list{ width:48%; }
.boxNewsListStyle_4 .sumary_list .newPic img{ width:100%}
.boxNewsListStyle_4 .sumary_list .newTitle{padding: 10px 10px; background:#FFF }
.boxNewsListStyle_4 .sumary_list .newTitle a{font-size: 18px;font-weight: bold;}
.boxNewsListStyle_4 .sumary_list .detailSet {font-size: 14px;color: #999999;line-height: 24px;}


.boxNewsListStyle_4 .newRight{ width:48%;}
.boxNewsListStyle_4 .newRight .newsLi{padding-top:0;padding-left:0;padding-bottom:0;padding-right:0;margin-bottom:20px;background:0 0;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important}
.boxNewsListStyle_4 .newRight .newsLi .newsTitle {padding-bottom: 8px;}
.boxNewsListStyle_4 .newRight .newsLi .newsTitle a{font-size:18px;font-weight:700;color:#444}
.boxNewsListStyle_4 .newRight .newsLi .newsTN{line-height: 24px;color: #aaa;font-size: 14px;white-space: nowrap;line-height: 24px;}
.boxNewsListStyle_4 .newRight .newsLi .newsDetail_Right{width:100%;padding-top:1%;color:#aaa;font-size:14px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

@media screen and (max-width:640px) {
  .boxNewsListStyle_4{flex-wrap:wrap}
  .boxNewsListStyle_4 .sumary_list{ width:100%; display:none }
  .boxNewsListStyle_4 .newRight{ width:100%;}
  
}


.footer{background:#1A1A1A; padding:25px 0px;color:#fff;}
.footer .page-inner{ display:flex;position: relative;}
.footer .page-inner .foot-left1{ width:35%; text-align:left;font-family: Microsoft YaHei; }
.footer .page-inner .foot-left1 .footer-logo{ margin-bottom:20px;}
.footer .page-inner .foot-left1 .footer-logo img{ width:45%}

.footer .page-inner .foot-left1 h3{ font-size:16px; line-height:30px; color:#fff; font-weight:normal;font-family: "Microsoft YaHei";}
.footer .page-inner .foot-left1 .address{ font-size:12px; margin-top:50px;}
.footer .page-inner .foot-left1 .address p{ font-size:12px; line-height:25px; color:#CCC}
.footer .page-inner .foot-left1 .address p a{font-size:12px; line-height:25px; color:#CCC}
@media screen and (max-width:640px) {
	.footer .page-inner .foot-left1 h3{ font-size:14px; }
	.footer .page-inner .foot-left1 .address{ font-size:12px; }
	.footer .page-inner .foot-left1 .address p{ font-size:12px;}
}



.footer .page-inner .foot-middel{ width:25%}
.footer .page-inner .foot-middel .erweima{margin-top:50px; text-align:center}
.footer .page-inner .foot-middel h3{ font-size:14px;color:#CCC; text-align:center;max-width:150px; margin-bottom:10px;}
.footer .page-inner .foot-middel p{ background:#A6A6A6;max-width:200px; border-radius:10px;height:150px; width:150px}
.footer .page-inner .foot-middel p img{ width:100%;border-radius:10px;}
.footer .page-inner .foot-right{ width:40%}
.footer .page-inner .foot-right img{ max-width:100%}


@media screen and (max-width:640px) {
.footer .page-inner{flex-wrap:wrap; padding:10px;}
.footer .page-inner .foot-left1{ width:100%;}
.footer .page-inner .foot-middel{ width:100%; display:none}
.footer .page-inner .foot-right{ width:100%; margin-top:20px;}
.footer .page-inner .foot-left1 .address{ font-size:14px; margin-top:20px;}
}


@media screen and (max-width:640px) {
	.section3 .section3-mark{ top:0%; background:none; }
	.section3-text{}
	.section3-text h3{font-size: 24px;line-height: 40px;}
	.section3-text p{font-size:12px;}


	.index-product{ flex-wrap:wrap;padding:0px 0%}
    .index-product .item{ width:48%; margin:1%; margin-bottom:10px;}
	.index-product .item h3{ padding:10px; font-size:16px;}
	
	.product-count{ flex-wrap:wrap;padding:0px 0%}
    .product-count .item{ width:48%; margin:1%; margin-bottom:10px;}
	.product-count .item h3{ padding:10px; font-size:16px;}
	
}



.loadImg {
  background: url("images/loading.gif") no-repeat scroll center center;
  display: block;
}