/*
    Less compilation
*/
@font-face {
  font-family: 'iconfont';  /* Project id 2472567 */
  src: url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.eot?t=1620693809913'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.eot?t=1620693809913#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.woff2?t=1620693809913') format('woff2'),
       url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.woff?t=1620693809913') format('woff'),
       url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.ttf?t=1620693809913') format('truetype'),
       url('//at.alicdn.com/t/font_2472567_kmzfzuwufqj.svg?t=1620693809913#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*
  公共样式
*/
* {
  letter-spacing: 1px;
}
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
i,
b,
s {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "AvantGardeITCbyBT-Book";
  letter-spacing: 1px;
}
body {
  overflow-x: hidden;
}
button::-moz-focus-inner {
  padding: 0;
}
input,
button,
textarea {
  resize: none;
  outline: none;
  border: none;
}
ul {
  list-style: none;
}
ul li{
	list-style: none;
}
textarea:focus,
input:focus,
button:focus {
  outline: none;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .container {
    width: 96%;
  }
}
@media (min-width: 1441px) {
  .container {
    width: 1366px;
  }
}
@media (min-width: 1441px) {
  .container {
    width: 1400px;
  }
}
@media (min-width: 1562px) {
  .container {
    width: 1563px;
  }
}
@media (min-width: 2200px) {
  .container {
    width: 88%;
  }
}
/*过渡效果*/
.transition {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/*放大*/
.transformscale {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
}
/* 图标 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
    2020/01/07
    导航nav 菜单menu
    > headbox
    > menubox
    底部footer
    > footerbox
    banner轮播图
    >bannerbox
    >sup_banner
*/
.headbox {
  width: 100%;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s ease;
  border-bottom: transparent;
}
@media (max-width: 1199px) {
  .headbox {
    height: 70px;
  }
}
.headbox .container {
  height: 100%;
}
@media (max-width: 1199px) {
  .headbox .container {
    position: relative;
    width: 100%;
  }
}
.headbox .container .justi {
  height: 100%;
}
.headbox .container .justi:after {
  content: "";
  clear: both;
}
.headbox .container .justi .logo {
  width: 280px;
  height: 100%;
  display: flex;
  align-items: center;
  background-image: url(../images/logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
}
@media (max-width: 1199px) {
  .headbox .container .justi .logo {
    width: 240px;
  }
}
.headbox .container .justi .logo img {
  width: 100%;
  height: auto;
}
.headbox .container .justi .menubox {
  display: block;
/*  width: 70%;*/
  height: 100%;
  position: relative;
  float: right;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 2200px) {
  .headbox .container .justi .menubox {
    width: 62%;
  }
}
@media (max-width: 1440px) {
  .headbox .container .justi .menubox {
/*    width: 74%;*/
  }
  .headbox .container .justi .menu .item{padding: 0 15px}
}
@media (max-width: 1199px) {
  .headbox .container .justi .menubox {
/*    width: 72%;*/
    display: none;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    border-top: 1px solid #ccc;
    opacity: 0;
    overflow: auto;
    overflow-x: hidden;
  }
}
.headbox .container .justi .menubox .searchLeft {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s ease;
}
@media (max-width: 1199px) {
  .headbox .container .justi .menubox .searchLeft {
    height: auto;
    padding: 10px 15px;
    bottom: 0;
    top: initial;
  }
}
.headbox .container .justi .menubox .searchLeft form{
	display: flex;
	align-items: center;
	width: 100%;
}
.headbox .container .justi .menubox .searchLeft input {
  width: 90%;
  font-style: 18px;
	border-bottom: 1px solid #ccc
}
.headbox .container .justi .menubox .searchLeft button {
  font-size: 20px;
  color: #333;
  -webkit-user-select: none;
  user-select: none;
  background:transparent;
}
.headbox .container .justi .menubox > .on {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.headbox .container .justi .menu {
  height: 100%;
  display: flex;
  float: left;
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu {
    flex-wrap: wrap;
    height: auto;
    overflow: auto;
    width: 100%;
    margin-top: 18%;
  }
}
.headbox .container .justi .menu .item {
  padding: 0 25px;
  position: relative;
}
.headbox .container .justi .menu .item .tit a {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 1560px) {
	.headbox .container .justi .menu .item{padding: 0 15px}	
}
@media (max-width: 1440px) {
  .headbox .container .justi .menu .item{padding: 0 15px}
}
@media (max-width: 1370px) {
  .headbox .container .justi .menu .item .tit a{font-size: 14px;}

}
@media (max-width: 1250px) {
  .headbox .container .justi .menu .item{padding: 0 10px}
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu .item {
    padding: 0 30px;
    width: 100%;
    margin-bottom: 40px;
  }
}
.headbox .container .justi .menu .item .tit {
  height: 100%;
  line-height: 90px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
}
@media (min-width: 1200px) {
  .headbox .container .justi .menu .item .tit {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu .item .tit {
    line-height: 40px;
    height: 40px;
    padding-bottom: 10px;
  }
}

@media (min-width: 2200px) {
  .headbox .container .justi .menu .item .tit a {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu .item .tit a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 24px;
  }
}
.headbox .container .justi .menu .item .tit i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 15px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu .item .tit i {
    font-size: 24px;
  }
}
.headbox .container .justi .menu .item .cont {
  display: none;
}
@media (min-width: 1200px) {
  .headbox .container .justi .menu .item .cont {
    position: absolute;
    top: 100%;
    left: 0;
    width: 210px;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    background-color: #fff;
  }
  .headbox .container .justi .menu .item .cont a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 0;
    font-size: 15px;
    color: #333;
    border-top: 1px solid #ddd;
  }
  .headbox .container .justi .menu .item .cont a:hover {
    background-color: #004098;
    color: #fff;
    border-bottom: none;
  }
}
@media (max-width: 1199px) {
  .headbox .container .justi .menu .item .cont {
    width: 100%;
    border-top: 1px solid #ddd;
  }
  .headbox .container .justi .menu .item .cont a {
    display: block;
    width: 100%;
    font-size: 18px;
    padding: 10px 0 0;
    color: #333;
  }
}
@media (min-width: 1200px) {
  .headbox .container .justi .menu .item:nth-child(3) .cont {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
}
.headbox .container .justi .menu .on .tit {
  border-bottom: 2px solid #004098;
}
.headbox .container .justi .menu .on .tit a {
  color: #004098 !important;
}
.headbox .container .justi .menu .on .tit a i {
  color: #004098 !important;
}
.headbox .container .justi .menu .active .tit a {
  color: #004098 !important;
}
.headbox .container .justi .menu .active .tit a i {
  color: #004098 !important;
}
.headbox .container .justi .searchbox {
  display: flex;
  align-items: center;
  height: 100%;
  color: #fff;
  flex-wrap: wrap;
  float: right;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox {
    width: 100%;
    padding: 10px 30px;
    height: auto;
    margin-top: 7%;
  }
}
.headbox .container .justi .searchbox .search {
  display: block;
  color: #fff;
  position: relative;
}
.headbox .container .justi .searchbox .search i {
  font-size: 20px;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox .search {
    display: none;
  }
}
.headbox .container .justi .searchbox .searchLeft2 {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s ease;
  color: #333;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox .searchLeft2 {
    height: auto;
    padding: 10px 15px;
    bottom: 0;
    top: initial;
    display: flex;
  }
}
.headbox .container .justi .searchbox .searchLeft2 input {
  width: 90%;
  font-size: 18px;
}
.headbox .container .justi .searchbox .searchLeft2 input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}
.headbox .container .justi .searchbox .searchLeft2 input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
.headbox .container .justi .searchbox .searchLeft2 input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
.headbox .container .justi .searchbox .searchLeft2 input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}
.headbox .container .justi .searchbox .searchLeft2 a {
  font-size: 30px;
  color: #333;
  -webkit-user-select: none;
  user-select: none;
}
.headbox .container .justi .searchbox .store {
  margin: 0 30px;
  width: 90px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 3px;
  color: #004098;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox .store {
    width: 120px;
    height: 50px;
    font-size: 14px;
    margin: 0 15px;
  }
}
@media (max-width: 575px) {
  .headbox .container .justi .searchbox .store {
    margin-right: 9px;
    margin-left: 0;
  }
}
@media (max-width: 350px) {
  .headbox .container .justi .searchbox .store {
    width: 70px;
    height: 36px;
  }
}
.headbox .container .justi .searchbox .store i {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/sotre.png);
  background-size: 100%;
  display: block;
  width: 23px;
  height: 22px;
  margin-right: 5px;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox .store i {
    width: 16px;
    height: 20px;
  }
}
.headbox .container .justi .searchbox .en {
  position: relative;
}
@media (max-width: 1199px) {
  .headbox .container .justi .searchbox .en {
    margin-right: 45px;
    height: 50px;
    width: 140px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .headbox .container .justi .searchbox .en {
    margin-right: 0;
  }
}
@media (max-width: 350px) {
  .headbox .container .justi .searchbox .en {
    width: 92px;
    height: 36px;
  }
}
.headbox .container .justi .searchbox .en .tit {
  display: flex;
  color: #fff;
  height: 40px;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.headbox .container .justi .searchbox .en .tit strong {
  margin-right: 10px;
  display: block;
  width: 28px;
  height: 20px;
}
@media (max-width: 575px) {
  .headbox .container .justi .searchbox .en .tit strong {
    margin-right: 5px;
  }
}
.headbox .container .justi .searchbox .en .tit strong img {
  width: 100%;
}
.headbox .container .justi .searchbox .en .tit i {
  display: block;
  width: 0;
  height: 0;
  margin-top: 2px;
  margin-left: 10px;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  border-left: 8px solid transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 575px) {
  .headbox .container .justi .searchbox .en .tit i {
    margin-left: 5px;
  }
}
.headbox .container .justi .searchbox .en .on {
  border-bottom: 2px solid #004098 !important;
}
.headbox .container .justi .searchbox .en .on i {
  color: #004098;
  border-top: 8px solid #004098 !important;
}
.headbox .container .justi .searchbox .en .cont {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
}
.headbox .container .justi .searchbox .en .cont a {
  padding: 10px;
  width: 100%;
  background-color: #fff;
  color: #666;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 14px;
}
.headbox .container .justi .searchbox .en .cont a i {
  display: block;
  height: 20px;
  margin-right: 5px;
}
.headbox .container .justi .searchbox .en .cont a i img {
  height: 100%;
  float: left;
}
.headbox .container .justi .but {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  align-items: center;
  float: right;
  box-sizing: content-box;
}
@media (max-width: 1199px) {
  .headbox .container .justi .but {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: 15px;
  }
  .headbox .container .justi .but span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: 12px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .headbox .container .justi .but span:last-child {
    margin-bottom: 0;
  }
  .headbox .container .justi .but:after,
  .headbox .container .justi .but:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #333;
    margin-bottom: 8px;
    border-radius: 12px;
    position: absolute;
    top: 47%;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .headbox .container .justi .but:after {
    transform: rotate(48deg);
  }
  .headbox .container .justi .but:before {
    transform: rotate(-48deg);
  }
}
@media (max-width: 767px) {
  .headbox .container .justi .but {
    right: 15px;
  }
}
.headbox .container .justi .on1 span {
  opacity: 0;
}
.headbox .container .justi .on1:after,
.headbox .container .justi .on1:before {
  opacity: 1;
}
.headbox .container .justi .rightmenu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 55;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 1199px) {
  .headbox .container .justi .rightmenu {
    display: block;
  }
}
.headbox .container .justi .rightmenu .bag {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.headbox .container .justi .rightmenu .listmenu {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #fff;
  z-index: 555;
  padding: 50px 15px 0;
  overflow: auto;
}
.headbox .container .justi .rightmenu .listmenu .item {
  width: 100%;
  padding: 10px 0;
}
.headbox .container .justi .rightmenu .listmenu .item a {
  color: #333;
  font-size: 16px;
}
.headbox .container .justi .rightmenu .listmenu .item .tit {
  display: flex;
  justify-content: space-between;
}
.headbox .container .justi .rightmenu .listmenu .item .cont {
  display: none;
}
.headbox .container .justi .rightmenu .listmenu .item .cont > div {
  padding: 10px;
}
.headbox .container .justi .rightmenu .listmenu .item .cont a {
  font-size: 14px;
}
.headbox .container .justi .rightmenu .listmenu .active .tit {
  color: #ff9421;
  background-image: -webkit-linear-gradient(144deg, #ff9421, #004098);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.headbox .container .justi .rightmenu .listmenu .active .tit a {
  color: #ff9421;
  background-image: -webkit-linear-gradient(144deg, #ff9421, #004098);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.headbox .container .justi > .active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.headbox:hover {
  background-color: #fff;
}
.headbox:hover .container .justi .logo {
  background-image: url(../images/blue-logo_03.png);
}
.headbox:hover .container .justi .menu .item .tit a {
  color: #666;
}
.headbox:hover .container .justi .menu .item .tit i {
  color: #666;
}
.headbox:hover .container .justi .searchbox .search i {
  color: #666;
}
.headbox:hover .container .justi .searchbox .en .tit {
  color: #666;
}
.headbox:hover .container .justi .searchbox .store {
  color: #fff;
  background-color: #004098;
}
.headbox:hover .container .justi .searchbox .store i {
  background-image: url(../images/sotre-1.png);
}
.headbox:hover .container .justi .but span {
  background-color: #333;
}
.headbox:hover .container .justi .searchbox .en .tit i {
  border-top: 8px solid #666;
}
@media (min-width: 1200px) {
  .headbox .butmenu {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 53px 0;
    border-top: 1px solid #e5e5e5;
    left: 0;
    background-color: #fff;
    display: none;
  }
  .headbox .butmenu .zhong {
    display: flex;
  }
  .headbox .butmenu .zhong .list {
    width: 33.33%;
    border-right: 1px solid #ececec;
  }
  .headbox .butmenu .zhong .list:last-child {
    border-right: none;
  }
  .headbox .butmenu .zhong .list .wei {
    display: flex;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-img {
    width: 190px;
    margin-right: 23px;
    overflow: hidden;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-img img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-img:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font {
    width: 45%;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit {
    margin-bottom: 30px;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit strong {
    display: block;
    font-size: 20px;
    color: #333;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit span {
    font-size: 14px;
    font-size: #666;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont {
    width: 100%;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont a {
    display: table;
    width: 100%;
    color: #333;
    font-size: 13px;
    margin-bottom: 6px;
    position: relative;
    padding-left: 15px
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont a:after{
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid #333;
    border-bottom: 4px solid transparent;
    border-top: 5px solid transparent;
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont a:hover {
    /*color: #000;*/
    color: #004098;
    /*text-decoration: underline;*/
  }
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont a:hover:after{
    border-left: 7px solid #004098;
  }
  .headbox .butmenu .zhong .center .wei {
    justify-content: center;
  }
  .headbox .butmenu .zhong .right .wei {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) and (min-width: 2000px) {
  .headbox .butmenu .zhong .list .wei .butmenu-img {
    width: 230px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .headbox .butmenu .zhong .list .wei .butmenu-img {
    width: 170px;
    margin-right: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font {
    width: 50%;
  }
}
@media (min-width: 1200px) and (min-width: 2000px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit {
    margin-bottom: 45px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) and (min-width: 2000px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit strong {
    font-size: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit strong {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (min-width: 2000px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-tit span {
    font-size: 21px;
  }
}
@media (min-width: 1200px) and (min-width: 2000px) {
  .headbox .butmenu .zhong .list .wei .butmenu-font .butmenu-cont a {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .headbox .butmenu {
    display: none;
  }
}
@media (max-width: 1199px) {
  .headbox {
    background-color: #fff;
  }
  .headbox .container .justi .logo {
    background-image: url(../images/blue-logo_03.png);
  }
  .headbox .container .justi .menu .item .tit a {
    color: #666;
  }
  .headbox .container .justi .menu .item .tit i {
    color: #666;
  }
  .headbox .container .justi .searchbox .search i {
    color: #666;
  }
  .headbox .container .justi .searchbox .en .tit {
    color: #666;
  }
  .headbox .container .justi .searchbox .store {
    color: #fff;
    background-color: #004098;
  }
  .headbox .container .justi .searchbox .store i {
    background-image: url(../images/sotre-1.png);
  }
  .headbox .container .justi .but span {
    background-color: #333;
  }
  .headbox .container .justi .searchbox .en .tit i {
    border-top: 8px solid #666;
  }
}
.headboxhover {
  background-color: #fff;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}
.headboxhover .container .justi .logo {
  background-image: url(../images/blue-logo_03.png);
}
.headboxhover .container .justi .menu .item .tit a {
  color: #666;
}
.headboxhover .container .justi .menu .item .tit i {
  color: #666;
}
.headboxhover .container .justi .searchbox .search i {
  color: #666;
}
.headboxhover .container .justi .searchbox .en .tit {
  color: #666;
}
.headboxhover .container .justi .searchbox .store {
  color: #fff;
  background-color: #004098;
}
.headboxhover .container .justi .searchbox .store i {
  background-image: url(../images/sotre-1.png);
}
.headboxhover .container .justi .but span {
  background-color: #333;
}
.headboxhover .container .justi .searchbox .en .tit i {
  border-top: 8px solid #666;
}
.headboxhover2 {
  background-color: #fff;
}
.headboxhover2 .container .justi .logo {
  background-image: url(../images/blue-logo_03.png);
}
.headboxhover2 .container .justi .menu .item .tit a {
  color: #666;
}
.headboxhover2 .container .justi .menu .item .tit i {
  color: #666;
}
.headboxhover2 .container .justi .searchbox .search i {
  color: #666;
}
.headboxhover2 .container .justi .searchbox .en .tit {
  color: #666;
}
.headboxhover2 .container .justi .searchbox .store {
  color: #fff;
  background-color: #004098;
}
.headboxhover2 .container .justi .searchbox .store i {
  background-image: url(../images/sotre-1.png);
}
.headboxhover2 .container .justi .but span {
  background-color: #333;
}
.headboxhover2 .container .justi .searchbox .en .tit i {
  border-top: 8px solid #666;
}
/* footerbox底部 */
.footerbox {
  background-color: #1f242a;
  padding-top: 120px;
}
@media (max-width: 991px) {
  .footerbox {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .footerbox {
    padding-top: 40px;
  }
  .footerbox .container {
    padding: 0;
  }
}
.footerbox-section1 {
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .footerbox-section1 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 {
    padding-bottom: 30px;
  }
}
.footerbox-section1 .cont {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 991px) {
  .footerbox-section1 .cont {
    flex-wrap: wrap;
  }
}
.footerbox-section1 .cont .logo {
  width: 20%;
  display: block;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .logo {
    width: 298.5px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .cont .logo {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .logo {
    width: 100%;
    padding: 0 20px;
    position: relative;
  }
  .footerbox-section1 .cont .logo:after {
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    display: block;
    background-color: #444;
  }
}
.footerbox-section1 .cont .logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .logo img {
    width: 240px;
  }
}
.footerbox-section1 .cont .gt {
  display: flex;
  flex-wrap: wrap;
  width: 64%;
  justify-content: space-between;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt{
    width: 63%;
  }
}
@media (max-width: 1665px) {
  .footerbox-section1 .cont .gt{
    width: 78%;
  }
}
@media (max-width: 1440px) {
  .footerbox-section1 .cont .gt{
    width: 70%;
  }
}
@media (max-width: 1365px) {
  .footerbox-section1 .cont .gt{
    width:auto;
  }
}
@media (max-width: 991px) {
  .footerbox-section1 .cont .gt {
    width: 100%;
    margin-top: 27px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-search {
    width: 80%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .footerbox-section1 .cont .gt .gt-search {
    width: 100%;
  }
}
.footerbox-section1 .cont .gt .gt-search .tit {
  font-size: 19px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 15px;
}
.footerbox-section1 .cont .gt .gt-search .sm {display: inline-block;line-height: initial;}
.footerbox-section1 .cont .gt .gt-search .sm i{color: #fff;font-size: 26px;font-weight: normal;}
.footerbox-section1 .cont .gt .gt-search .erweima{width: 160px;}
.footerbox-section1 .cont .gt .gt-search .erweima img{max-width: 100%}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt .gt-search .tit {
    font-size: 28.5px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .cont .gt .gt-search .tit {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-search .tit {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .footerbox-section1 .cont .gt .gt-search .tit {
    margin-bottom: 10px;
  }
}
.footerbox-section1 .cont .gt .gt-search .input {
  width: 375px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt .gt-search .input {
    width: 465px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .cont .gt .gt-search .input {
    width: 242px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-search .input {
    width: 100%;
  }
}
.footerbox-section1 .cont .gt .gt-search .input input {
  width: 68%;
  padding: 14px 12px;
  color: #768a90;
  font-size: 13px;
}
.footerbox-section1 .cont .gt .gt-search .input button {
  width: 30%;
  padding: 14px 12px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: url(../images/butbag.jpg) no-repeat center;
  background-size: 100% 100%;
  white-space: nowrap;
}
.footerbox-section1 .cont .gt .gt-menu {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu {
    width: 100%;
  }
}
.footerbox-section1 .cont .gt .gt-menu .item {
  width: 178px;
  margin-right: 45px;
}
.footerbox-section1 .cont .gt .gt-menu .item:nth-child(2) {
  margin-right: 14px;
}
.footerbox-section1 .cont .gt .gt-menu .item:last-child {
  margin-right: 0;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt .gt-menu .item {
    width:230px;
		margin-right: 21px;
  }
}
@media (max-width: 1440px) {
  .footerbox-section1 .cont .gt .gt-menu .item {
    margin-right: 30px;
    width: 142px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .cont .gt .gt-menu .item {
    width: 121px;
  }
}
@media (max-width: 991px) {
  .footerbox-section1 .cont .gt .gt-menu .item {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu .item {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .footerbox-section1 .cont .gt .gt-menu .item:nth-child(2) {
    margin-right: 0px;
  }
}
.footerbox-section1 .cont .gt .gt-menu .item .tit {
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}
.footerbox-section1 .cont .gt .gt-menu .item .tit i {
  display: none;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt .gt-menu .item .tit {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .cont .gt .gt-menu .item .tit {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .footerbox-section1 .cont .gt .gt-menu .item .tit {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu .item .tit {
    width: 100%;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
  }
  .footerbox-section1 .cont .gt .gt-menu .item .tit i {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .headbox .container .justi .menu .item .cont a{font-size: 14px;}
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu .item .list {
    display: none;
  }
}
.footerbox-section1 .cont .gt .gt-menu .item a {
  display: block;
  color: #fff;
  font-size: 14px;
  opacity: 0.7;
  margin-bottom: 10px;
  word-break: keep-all;
  word-wrap: break-word;
}
@media (min-width: 2200px) {
  .footerbox-section1 .cont .gt .gt-menu .item a {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu .item a {
    margin-bottom: 0;
    padding: 10px 15px;
  }
}
.footerbox-section1 .cont .gt .gt-menu .item a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 1;
}
@media (max-width: 767px) {
  .footerbox-section1 .cont .gt .gt-menu .on i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.footerbox-section2 {
  width: 100%;
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .footerbox-section2 {
    padding: 0 0 30px;
    border-top: none;
  }
}
.footerbox-section2 .cont .jut {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footerbox-section2 .cont .jut .lt {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .jut .lt {
    padding: 0 20px;
  }
}
.footerbox-section2 .cont .jut .lt a {
  display: block;
  width: 25px;
  height: 25px;
  opacity: 0.4;
  margin-right: 14px;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 2200px) {
  .footerbox-section2 .cont .jut .lt a {
    width: 37.5px;
    height: 37.5px;
  }
}
.footerbox-section2 .cont .jut .lt a img {
  width: 100%;
  height: auto;
}
.footerbox-section2 .cont .jut .lt a:hover {
  opacity: 1;
}
.footerbox-section2 .cont .jut .lt a:last-child {
  width: 33px;
}
@media (min-width: 2200px) {
  .footerbox-section2 .cont .jut .lt a:last-child {
    width: 49.5px;
  }
}
.footerbox-section2 .cont .jut .lt a .footerhover {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
  color: #333;
  font-size: 20px;
  background-color: #fff;
  z-index: 2;
  display: none;
  width: 180px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.footerbox-section2 .cont .jut .lt a:hover .footerhover {
  display: block;
}
.footerbox-section2 .cont .jut .gt {
  color: #84878b;
  font-size: 16px;
}
@media (min-width: 2200px) {
  .footerbox-section2 .cont .jut .gt {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .footerbox-section2 .cont .jut .gt {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .jut .gt {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 26px 20px 0 ;
  }
}
.footerbox-section2 .cont .jut .gt a {
  color: #84878b;
}
.footerbox-section2 .cont .jut .gt a:hover {
  color: #fff;
  text-decoration: underline;
}
/* End */
/* banner */
.bannerbox {
  margin-top: 90px;
  height: 650px;
  position: relative;
}
@media (min-width: 2200px) {
  .bannerbox {
    height: 850px;
  }
}
@media (max-width: 1440px) {
  .bannerbox {
    height: 550px;
  }
}
@media (max-width: 1199px) {
  .bannerbox {
    margin-top: 70px;
    height: 450px;
  }
}
@media (max-width: 991px) {
  .bannerbox {
    height: 400px;
  }
}
.bannerbox-top {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  z-index: 7;
  height: 60px;
}
@media (max-width: 1199px) {
  .bannerbox-top {
    height: 45px;
  }
}
.bannerbox-top .container {
  height: 100%;
}
@media (min-width: 1562px) {
  .bannerbox-top .container {
    padding: 0 15px;
  }
}
.bannerbox-top .container .jut {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.bannerbox-top .container .jut .lt {
  font-size: 18px;
  color: #fff;
  height: 100%;
  line-height: 60px;
  font-weight: bold;
}
.bannerbox-top .container .jut .lt img{max-width: 18px;margin-left: 20px}
@media (min-width: 2200px) {
  .bannerbox-top .container .jut .lt {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .bannerbox-top .container .jut .lt {
    line-height: 45px;
  }
}
.bannerbox-top .container .jut .lt i {
  margin-left: 20px;
  display: inline-block;
  zoom: 1;
  font-weight: bold;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.bannerbox-top .container .jut .gt {
  height: 100%;
  display: flex;
  align-items: center;
}
.bannerbox-top .container .jut .gt a {
  display: inline-block;
  zoom: 1;
  height: 100%;
  color: #8e8e8e;
  font-size: 16px;
  margin-left: 35px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 2200px) {
  .bannerbox-top .container .jut .gt a {
    font-size: 22px;
  }
}
@media (min-width: 2200px) {
  .bannerbox-top .container .jut .gt a {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .bannerbox-top .container .jut .gt a {
    line-height: 45px;
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .bannerbox-top .container .jut .gt a {
    margin-right: 15px;
  }
}
.bannerbox-top .container .jut .gt a:hover {
  color: #fff;
}
.bannerbox-top .container .jut .gt .on {
  color: #fff;
}
@media (max-width: 1199px) {
  .bannerbox-top .container .jut .gt {
    position: absolute;
    left: -13%;
    top: 100%;
    width: 125%;
    background-color: #333;
    flex-wrap: wrap;
    height: auto;
    display: none;
    padding: 0 106px;
  }
  .bannerbox-top .container .jut .gt a {
    display: block;
    width: 100%;
    padding: 0 15px;
    margin: 0;
  }
  .bannerbox-top .container .jut .gt a:hover {
    background-color: #666;
  }
}
@media (max-width: 991px) {
  .bannerbox-top .container .jut .gt {
    left: -3%;
    top: 98%;
    width: 107%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .bannerbox-top .container .jut .gt {
    left: -5%;
    top: 98%;
    width: 110%;
    padding: 0 22px;
  }
}
@media (max-width: 575px) {
  .bannerbox-top .container .jut .gt {
    padding: 0;
  }
  .bannerbox-top .container .jut .lt{
    font-size: 14px;
  }
}
.bannerbox-top .container .jut .on i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bannerbox .cont {
  width: 100%;
  height: 100%;
}
.bannerbox .cont a {
  display: block;
  width: 100%;
  height: 100%;
}
.bannerbox .cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .cont .bannerbox-cont {
  height: 100%;
}
.bannerbox .cont .banner-next,
.bannerbox .cont .banner-prev {
  background-color: #fff;
  width: 61px;
  height: 131px;
  outline: none;
  background-size: 23px 31px;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .bannerbox .cont .banner-next,
  .bannerbox .cont .banner-prev {
    width: 31px;
    height: 62px;
    background-size: 13px 19px;
    display: none!important;
  }
}
@media (max-width: 767px) {
  .bannerbox .cont .banner-next,
  .bannerbox .cont .banner-prev {
    display: none;
  }
}
.bannerbox .cont .banner-next {
  border-radius: 131px 0 0 131px;
  right: 0;
  background-image: url(../images/gt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .bannerbox .cont .banner-next {
    border-radius: 62px 0 0 62px;
  }
}
.bannerbox .cont .banner-next:hover {
  background-image: url(../images/gt.png);
  background-color: #fff;
  opacity: 1;
}
.bannerbox .cont .banner-prev {
  left: 0;
  border-radius: 0 131px 131px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/lt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .bannerbox .cont .banner-prev {
    border-radius: 0 62px 62px 0;
  }
}
.bannerbox .cont .banner-prev:hover {
  background-image: url(../images/lt.png);
  background-color: #fff;
  opacity: 1;
}
.bannerbox .cont .swiper-button-next.swiper-button-disabled,
.bannerbox .cont .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
.bannerbox .cont:hover .banner-next,
.bannerbox .cont:hover .banner-prev {
  display: block;
}
.bannerbox .cont .bannerbox-pagination {
  bottom: 3%;
}
.bannerbox .cont .bannerbox-pagination span {
  margin: 0 8px;
  outline: none;
  width: 12px;
  height: 12px;
  background-color: #dcdcdd;
}
.bannerbox .cont .bannerbox-pagination .swiper-pagination-bullet-active {
  background-color: #ec6614;
}
.sup_banner {
  position: static;
  margin-top: 90px;
}
@media (max-width: 1199px) {
  .sup_banner {
    margin-top: 80px;
  }
}
.aboutbanner {
  overflow: hidden;
  height: 850px;
}
@media (min-width: 2200px) {
  .aboutbanner {
    height: 1000px;
  }
}
@media (max-width: 1440px) {
  .aboutbanner {
    height: 750px;
  }
}
@media (max-width: 1199px) {
  .aboutbanner {
    height: 650px;
  }
}
@media (max-width: 575px) {
  .aboutbanner {
    height: 600px;
  }
}
.aboutbanner .cont {
  position: relative;
}
.aboutbanner .cont:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.aboutbanner .cont .videofont {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aboutbanner .cont .videofont .font {
  width: 100%;
}
.aboutbanner .cont .videofont .font .logo {
  width: 82px;
  margin: 0 auto 20px;
}
@media (min-width: 2200px) {
  .aboutbanner .cont .videofont .font .logo {
    width: 190px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 767px) {
  .aboutbanner .cont .videofont .font .logo {
    width: 140px;
    margin: 0 auto 10px;
  }
}
.aboutbanner .cont .videofont .font .logo img {
  width: 100%;
  height: auto;
}
.aboutbanner .cont .videofont .font .text {
  width: 50%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin: 0 auto 25px;
	letter-spacing: 20px
}
@media (min-width: 2200px) {
  .aboutbanner .cont .videofont .font .text {
    font-size: 27px;
    margin: 0 auto 75px;
  }
}
@media (max-width: 1199px) {
  .aboutbanner .cont .videofont .font .text {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .aboutbanner .cont .videofont .font .text {
    width: 100%;
    font-size: 16px;
    margin-bottom: 0 auto 13px;
  }
}
.aboutbanner .cont .videofont .font a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  margin: 30px auto 0;
  /* border: 2px solid #fff; */
  border-radius: 3px;
  font-size: 60px;
  color: #fff;
}
@media (max-width: 1199px) {
  .aboutbanner .cont .videofont .font a {
	  display: flex;
	  font-size: 55px;
	  margin: 25px auto 0;
	}
}
@media (max-width: 767px) {
  .aboutbanner .cont .videofont .font a {
    font-size: 45px;
    width: 148px;
    height: 45px;
  }
}
.aboutbanner .cont .videofont .font a i {
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 13px;
}
@media (min-width: 2200px) {
  .aboutbanner .cont .videofont .font a i {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 767px) {
  .aboutbanner .cont .videofont .font a i {
    width: 25px;
    height: 25px;
  }
}
.aboutbanner .cont .videofont .font a i img {
  width: 100%;
}
.aboutbanner .cont .aboutvideo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.aboutbanner .cont .aboutvideo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sunbanner {
  position: relative;
  margin-top: 90px;
}
@media (max-width: 1199px) {
  .sunbanner {
    margin-top: 70px;
  }
}
.sunbanner .cont .img3 {
  position: relative;
  padding-bottom: 45.035%;
}
@media (max-width: 1199px) {
  .sunbanner .cont .img3 {
    padding-bottom: 70%;
  }
}
@media (max-width: 991px) {
  .sunbanner .cont .img3 {
    padding-bottom: 80%;
  }
}
@media (max-width: 767px) {
  .sunbanner .cont .img3 {
    padding-bottom: 130%;
  }
}
.sunbanner .cont .img3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.sunbanner .cont .img3:after {
  background-color: #000;
  opacity: 0.5;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.sunbanner .cont .bannerbox-cont {
  height: auto;
}
.sunbanner .cont .bannerbox-cont .font1 {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  display: block;
}
.sunbanner .cont .bannerbox-cont .font1 h1 {
  position: relative;
  font-size: 50px;
  color: #004098;
  padding-bottom: 5px;
  font-weight: bold;
  display: inline-block;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .sunbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 70px;
  }
}
@media (max-width: 1199px) {
  .sunbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .sunbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 30px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .sunbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 24px;
  }
}
.sunbanner .cont .bannerbox-cont .font1 h1:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.sunbanner .cont .bannerbox-cont .font1 h1 em {
/*  content: attr(data-text);*/
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-style: normal;
  display: block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  top: 0;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "cu";
}
.sunbanner .cont .bannerbox-cont .font1 h1 i{
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-style: normal;
  display: block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  top: 0;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "cu";
}
@media (max-width: 991px) {
  .sunbanner .cont .bannerbox-cont .font1 h1:before {
    left: 0;
  }
  .sunbanner .cont .bannerbox-cont .font1 h1 em{
    left: 0;
  }
  .sunbanner .cont .bannerbox-cont .font1 h1 i{
    left: 0;
  }
}
.sunbanner .cont .bannerbox-cont .font1 p {
  color: #fff;
  width: 52%;
  margin: 0 auto;
  font-size: 20px;
}
@media (min-width: 2200px) {
  .sunbanner .cont .bannerbox-cont .font1 p {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .sunbanner .cont .bannerbox-cont .font1 p {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .sunbanner .cont .bannerbox-cont .font1 p {
    font-size: 18px;
    width: 100%;
  }
  .sunbanner .cont .bannerbox-cont .font1 h1{
    letter-spacing: 3px;
  }
  .sunbanner .cont .bannerbox-cont .font1 h1 em{
    letter-spacing: 3px;
  }
  .sunbanner .cont .bannerbox-cont .font1 h1 i{
    letter-spacing: 3px;
  }
}
@media (max-width: 575px) {
  .sunbanner .cont .bannerbox-cont .font1 p {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .waboxbanner .cont .img3 {
    padding-bottom: 62%;
  }
}
@media (max-width: 1199px) {
  .waboxbanner .cont .img3 {
    padding-bottom: 70%;
  }
}
@media (max-width: 991px) {
  .waboxbanner .cont .img3 {
    padding-bottom: 80%;
  }
}
@media (max-width: 767px) {
  .waboxbanner .cont .img3 {
    padding-bottom: 160%;
  }
}
@media (max-width: 370px) {
  .waboxbanner .cont .img3 {
    padding-bottom: 160%;
  }
}
.waboxbanner .cont .img3:after {
  opacity: 0;
}
.waboxbanner .cont .bannerbox-cont .font1 {
  top: 55%;
}
.waboxbanner .cont .bannerbox-cont .font1 h1 {
  line-height: 1.1;
  white-space: nowrap;
  display: inline-block;
  /*letter-spacing: 3px;*/
}
@media (max-width: 767px) {
  .waboxbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 36px;
    letter-spacing: 3px;
  }
}
@media (max-width: 340px) {
  .waboxbanner .cont .bannerbox-cont .font1 h1 {
    font-size: 30px;
  }
}
.waboxbanner .cont .bannerbox-cont .font1 span {
  color: #004098;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .waboxbanner .cont .bannerbox-cont .font1 span {
    margin-bottom: 20px;
  }
}
@media (max-width: 340px) {
  .waboxbanner .cont .bannerbox-cont .font1 span {
    font-size: 16px;
  }
}
.waboxbanner .cont .bannerbox-cont .font1 p {
  color: #999;
  margin-bottom: 22px;
  width: 55%;
}
@media (max-width: 575px) {
  .waboxbanner .cont .bannerbox-cont .font1 p {
    font-size: 13px;
  }
}
@media max-bg {
  .waboxbanner .cont .bannerbox-cont .font1 p {
    width: 65%;
  }
}
@media (max-width: 1199px) {
  .waboxbanner .cont .bannerbox-cont .font1 p {
    width: 100%;
  }
}
.waboxbanner .cont .bannerbox-cont .font1 .img4 {
  position: relative;
  padding-bottom: 26%;
}
@media (max-width: 1199px) {
  .waboxbanner .cont .bannerbox-cont .font1 .img4 {
    padding-bottom: 34%;
  }
}
@media (max-width: 767px) {
  .waboxbanner .cont .bannerbox-cont .font1 .img4 {
    padding-bottom: 54%;
  }
}
.waboxbanner .cont .bannerbox-cont .font1 .img4 img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
/* End */
/* 内页公共标题 */
.base-tit {
  width: 100%;
  font-size: 36px;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  color: #004098;
  padding-bottom: 5px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .base-tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .base-tit {
    font-size: 28px;
    line-height: 32px;
    margin-top: 0px;
  }
  .waboxbanner .cont .bannerbox-cont .font1 .img4 img{
    width: 100%;
  }
}
@media (max-width: 575px) {
  .base-tit {
    font-size: 24px;
  }
}
.base-tit:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
/* End */
/* 固定伞 */
.leftfixed {
  position: fixed;
  left: 0;
  z-index: 888;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px 34px 10px 26px;
  border-radius: 0 20px 20px 0;
  color: #fff;
  font-size: 14px;
  width: 608px;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
@media (min-width: 2200px) {
  .leftfixed {
    top: 50%;
  }
}
@media (min-width: 1921px) {
  .leftfixed {
    top: 70%;
  }
}
.leftfixed i {
  display: block;
  margin-right: 17px;
}
.leftfixed i img:nth-child(2) {
  display: none;
}
.leftfixed .font {
  white-space: nowrap;
}
@media (max-width: 991px) {
  .leftfixed {
    display: none;
  }
}
.leftfixedhover {
  padding: 10px 7px;
  width: 42px;
  background-color: #1a63c8;
}
.leftfixedhover .font {
  display: none;
}
.leftfixedhover i img:nth-child(1) {
  display: none;
}
.leftfixedhover i img:nth-child(2) {
  display: block;
}
.leftfixedhover:hover {
  padding: 10px 34px 10px 26px;
  width: 608px!important;
}
@media (max-width: 767px) {
  .leftfixedhover:hover {
    width: 100%!important;
  }
}
.leftfixedhover:hover .font {
  display: block;
}
/* End */
/* Video */
.videohover {
  background-color: #000;
}
/* End */
/* alertvideobox */
.alertvideobox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  display: none;
}
.alertvideobox .bag {
  width: 100%;
  height: 100%;
  background-color: #1f242a;
  /*opacity: 0.5;*/
}
.alertvideobox .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 70%;
}
@media (max-width: 767px) {
  .alertvideobox .cont {
    width: 100%;
    padding: 0
  }
}
.alertvideobox .cont .jut {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.alertvideobox .cont .jut video {
  width: 100%;
}
.alertvideobox .cont .jut .colx {
  position: absolute;
  top: 11px;
  right: 15px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  width: 35px;
}
@media (max-width: : 767px) {
  .alertvideobox .cont .jut .colx{
    width: 25px;
  }
}
.alertvideobox .cont .jut .colx img {
  width: 100%;
}
/* End */
/* ho-but */
.ho-but {
  position: relative;
  padding-top: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ho-but .hover1 {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: #1a63c8;
  z-index: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.ho-but span {
  position: relative;
  z-index: 2;
}
.ho-but i {
  position: relative;
  z-index: 2;
}
.ho-but:hover {
  padding-bottom: 10px!important;
  color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
}
.ho-but:hover .hover1 {
  border-radius: 3px;
}
.ho-but:hover span {
  color: #fff !important;
}
.ho-but:hover i {
  color: #fff !important;
}
/* End */
/* index.html */
.home-tit {
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 2200px) {
  .home-tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .home-tit {
    margin-bottom: 20px;
  }
}
.home-tit div {
  position: relative;
  color: #004098;
  font-size: 36px;
  font-weight: bold;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .home-tit div {
    font-size: 57px;
  }
}
@media (max-width: 1199px) {
  .home-tit div {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .home-tit div {
    font-size: 24px;
    line-height: 32px;
    margin-top: 0px;
  }
}
.home-tit div em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #1a63c8;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  left: 0;
  right: 0;
  top: 0;
  font-style: normal;
  font-family: "cu";
}
.home-tit p {
  font-size: 18px;
  color: #666666;
  margin: 0 auto;
  margin-top: 13.5px;
  line-height: 32px;
  font-family: "AvantGardeITCbyBT-Book";
  width: 62%;
}
@media (min-width: 2200px) {
  .home-tit p {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .home-tit p {
    font-size: 14px;
    line-height: 28px;
    width: 100%;
  }
}
.home-section1 {
  position: relative;
  height: 800px;
}
@media (min-width: 2200px) {
  .home-section1 {
    height: 1045px;
  }
}
@media (max-width: 1440px) {
  .home-section1 {
    height: 680px;
  }
}
.home-section1 .home-section1-cont {
  width: 100%;
  height: 100%;
}
.home-section1 .home-section1-cont .swiper-slide {
  width: 100%!important;
	opacity: 0!important;
}
.home-section1 .home-section1-cont .swiper-slide-active {
	opacity: 1!important;
}
.home-section1 .home-section1-cont .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-section1 .home-section1-cont .swiper-slide .cont {
  position: absolute;
  top: 53%;
  left: 50%;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.home-section1 .home-section1-cont .swiper-slide a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
  .home-section1 {
    height: 400px;
  }
  .home-section1 .home-section1-cont .swiper-slide .cont {
    width: 100%;
  }
}
.home-section1 .home-section1-cont .swiper-slide .cont .font {
  width: 100%;
  text-align: center;
  margin-bottom: 41px;
}
@media (max-width: 991px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font {
    margin-bottom: 31px;
  }
}
@media (max-width: 767px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font {
    margin-bottom: 21px;
  }
}
.home-section1 .home-section1-cont .swiper-slide .cont .font .tit {
  font-size: 48px;
  color: #ffffff;
  line-height: 58px;
  font-weight: bold;
  margin-bottom: 18px;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .tit {
    font-size: 62px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .tit {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 991px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .tit {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .tit {
    font-size: 24px;
  }
}
.home-section1 .home-section1-cont .swiper-slide .cont .font .p {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
  line-height: 24px;
  width: 36%;
  margin: 0 auto;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .p {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 991px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .font .p {
    width: 100%;
    line-height: 20px;
  }
}
.home-section1 .home-section1-cont .swiper-slide .cont .img {
  width: 40%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .img {
    width: 90%;
  }
}
.home-section1 .home-section1-cont .swiper-slide .cont .img img {
  width: 100%;
  height: auto;
}
.home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  font-size: 150px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  opacity: 0.1;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
    font-size: 310px;
  }
}
@media (max-width:1440px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont{
    font-size: 140px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
    font-size: 96px;
  }
}
@media (max-width: 991px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
    font-size: 40px;
  }
}
@media (max-width: 376px) {
  .home-section1 .home-section1-cont .swiper-slide .cont .bagfont {
    font-size: 30px;
  }
}
.home-section1 .home-section1-nav {
  position: absolute;
  left: 5.1%;
  bottom: 24%;
  z-index: 555;
  height: 85px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-section1 .home-section1-nav {
    bottom: 7%;
  }
}
@media (min-width: 2200px) {
  .home-section1 .home-section1-nav .font {
    font-size: 24px;
  }
}
.home-section1 .home-section1-nav .swiper-slide {
  color: #fff;
  opacity: 0.6;
  cursor: pointer;
}
.home-section1 .home-section1-nav .swiper-slide .font {
  padding-left: 35px;
}
.home-section1 .home-section1-nav .swiper-slide-active,
.home-section1 .home-section1-nav .swiper-slide-duplicate-active {
  opacity: 1;
}
.home-section1 .home-section1-nav:after {
  content: "";
  display: block;
  position: absolute;
  top: 37%;
  left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
  height: 16px;
  background-color: #fff;
}
@media (min-width: 2200px) {
  .home-section1 .home-section1-nav:after {
    height: 24px;
  }
}
.home-section1 .home-section1-next,
.home-section1 .home-section1-prev {
  background-color: #fff;
  width: 61px;
  height: 131px;
  outline: none;
  background-size: 23px 31px;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  margin: 0;
}
@media (max-width: 1199px) {
  .home-section1 .home-section1-next,
  .home-section1 .home-section1-prev {
    width: 31px;
    height: 62px;
    background-size: 13px 19px;
    display: none!important;
  }
}
@media (max-width: 767px) {
  .home-section1 .home-section1-next,
  .home-section1 .home-section1-prev {
    display: none;
  }
}
.home-section1 .home-section1-next {
  border-radius: 131px 0 0 131px;
  right: 0;
  background-image: url(../images/gt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .home-section1 .home-section1-next {
    border-radius: 62px 0 0 62px;
  }
}
.home-section1 .home-section1-next:hover {
  background-image: url(../images/gt.png);
  background-color: #fff;
  opacity: 1;
}
.home-section1 .home-section1-prev {
  left: 0;
  border-radius: 0 131px 131px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/lt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .home-section1 .home-section1-prev {
    border-radius: 0 62px 62px 0;
  }
}
.home-section1 .home-section1-prev:hover {
  background-image: url(../images/lt.png);
  background-color: #fff;
  opacity: 1;
}
.home-section1 .swiper-button-next.swiper-button-disabled,
.home-section1 .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
.home-section1:hover .home-section1-next,
.home-section1:hover .home-section1-prev {
  display: block;
}
.home-section2 {
  padding: 100px 15px;
  position: relative;
}
@media (min-width: 2200px) {
  .home-section2 {
    padding: 136px 15px;
  }
}
@media (max-width: 991px) {
  .home-section2 {
    padding: 75px 15px;
  }
}
.home-section2 .bag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  background-color: #f7f7f7;
  z-index: -1;
}
@media (min-width: 2200px) {
  .home-section2 .bag {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .home-section2 .cont {
    padding: 0;
  }
}
.home-section2 .cont .jut {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 2200px) {
  .home-section2 .cont .jut {
    align-items: center;
  }
}
@media (max-width: 991px) {
  .home-section2 .cont .jut {
    flex-wrap: wrap;
  }
}
.home-section2 .cont .jut .lt {
  width: 42%;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .home-section2 .cont .jut .lt {
    width: 100%;
    padding-top: 60px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .home-section2 .cont .jut .lt {
    padding-top: 0;
  }
}
.home-section2 .cont .jut .lt .tit {
  color: #004098;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-section2 .cont .jut .lt .tit div {
  position: relative;
  color: #004098;
  font-size: 36px;
  font-weight: bold;
  padding-left: 2px;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .home-section2 .cont .jut .lt .tit div {
    font-size: 57px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .cont .jut .lt .tit div {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .home-section2 .cont .jut .lt .tit div {
    font-size: 24px;
    line-height: 34px;
    margin-top: 0px;
  }
  /*新首页产品*/
  .headbox .container .justi .menu .item .tit a{font-size: 15px;}
  .headbox .container .justi .menu .item{margin-bottom: 20px;}
  
  
  
}
.home-section2 .cont .jut .lt .tit div em{
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #1a63c8;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  left:2px;
  font-style: normal;
}
.home-section2 .cont .jut .lt .font {
  color: #3e3a39;
  font-size: 15px;
  line-height: 30px;
  width: 96%;
  overflow: hidden;
  margin-bottom: 170px;
  word-wrap: break-word;
  color: #666;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section2 .cont .jut .lt .font {
    font-size: 24px;
    margin-bottom: 210px;
  }
}
@media (max-width: 1440px) {
  .home-section2 .cont .jut .lt .font {
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .home-section2 .cont .jut .lt .font {
    margin-bottom: 40px;
    -webkit-line-clamp: inherit;
    height: auto;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .home-section2 .cont .jut .lt .font {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
  }
}
.home-section2 .cont .jut .lt a {
  display: flex;
  justify-content: space-between;
  width: 141px;
  color: #666;
  font-size: 18px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: "AvantGardeITCbyBT-Book";
}
.home-section2 .cont .jut .lt a i{
	line-height: 1.6;
}
@media (min-width: 2200px) {
  .home-section2 .cont .jut .lt a {
    font-size: 24px;
    width: 170px;
    align-items: center;
  }
}
.home-section2 .cont .jut .gt {
  width: 54.9%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .home-section2 .cont .jut .gt {
    height: 750px;
  }
}
@media (max-width: 991px) {
  .home-section2 .cont .jut .gt {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .home-section2 .cont .jut .gt {
    height: 250px;
  }
}
.home-section2 .cont .jut .gt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  z-index: 2;
}
.home-section2 .cont .jut .gt:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}
.home-section2 .cont .jut .gt .font {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 70px;
  color: #fff;
  z-index: 4;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 767px) {
  .home-section2 .cont .jut .gt .font {
    font-size: 30px;
  }
}
.home-section2 .cont .jut .gt video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-section2 .cont .jut .gt:hover img {
  opacity: 0;
}
.home-section3 {
  padding-bottom: 140px;
}
@media (min-width: 2200px) {
  .home-section3 {
    padding-bottom: 160px;
  }
}
@media (max-width: 1199px) {
  .home-section3 {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .home-section3 {
    padding-bottom: 75px;
  }
}
@media (max-width: 575px) {
  .home-section3 .home-tit div em {
    left: 0;
  }
}
.home-section3 .cont {
  width: 100%;
}
@media (max-width: 1199px) {
  .home-section3 .cont {
    padding: 0;
  }
}
.home-section3 .cont .img {
  width: 100%;
  display: flex;
  height: 829px;
  justify-content: space-between;
}
@media (min-width: 2200px) {
  .home-section3 .cont .img {
    height: 1100px;
  }
}
@media (max-width: 991px) {
  .home-section3 .cont .img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .home-section3 .cont .img {
    flex-wrap: wrap;
    height: auto;
  }
}
.home-section3 .cont .img img {
  width: 110%;
  height: 110%;
  object-fit: cover;
  transform: translateX(-5%) translateY(-5%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section3 .cont .img .gt {
  width: 41%;
}
@media (max-width: 767px) {
  .home-section3 .cont .img .gt {
    width: 100%;
  }
}
.home-section3 .cont .img .gt .item {
  width: 100%;
  height: 49.5%;
  margin-bottom: 1.3%;
  background-color: #aecddf;
}
@media (max-width: 991px) {
  .home-section3 .cont .img .gt .item {
    margin-bottom: 2%;
  }
}
@media (max-width: 767px) {
  .home-section3 .cont .img .gt .item {
    height: 380px;
    margin-bottom: 10px;
  }
}
.home-section3 .cont .img .gt .item:last-child {
  margin-bottom: 0;
}
.home-section3 .cont .img .hovertxt {
  position: relative;
  overflow: hidden;
}

.home-section3 .cont .img .hovertxt .txt {
  position: absolute;
  top: 11%;
  left: 9%;
  z-index: 2;
  opacity: 1;
  padding-right: 5%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section3 .cont .img .hovertxt a:after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.home-section3 .cont .img .hovertxt .txt .tit,
.home-section3 .cont .img .hovertxt .txt .font {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section3 .cont .img .hovertxt .txt .tit {
  font-size: 28px;
  color: #22252e;
  font-family: "cu";
  text-transform: uppercase;
}
@media (min-width: 2200px) {
  .home-section3 .cont .img .hovertxt .txt .tit {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .home-section3 .cont .img .hovertxt .txt .tit {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
.home-section3 .cont .img .hovertxt .txt .tit i {
  font-size: 24px;
  margin-left: 24px;
}
@media (min-width: 2200px) {
  .home-section3 .cont .img .hovertxt .txt .tit i {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .home-section3 .cont .img .hovertxt .txt .tit i {
    font-size: 20px;
  }
}
.home-section3 .cont .img .hovertxt .txt .font {
  color: #22252e;
  opacity: 0.7;
  line-height: 27px;
  width: 100%;
  font-size: 16px;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section3 .cont .img .hovertxt .txt .font {
    font-size: 24px;
    margin-top: 8px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .home-section3 .cont .img .hovertxt .txt .font {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}
.home-section3 .cont .img .hovertxt:hover:after {
  opacity: 0.5;
}
.home-section3 .cont .img .hovertxt:hover .txt {
  opacity: 1;
}
.home-section3 .cont .img .hovertxt:hover .txt .tit,
.home-section3 .cont .img .hovertxt:hover .txt .font {
  color: #fff;
}
.home-section3 .cont .img .hovertxt:hover img {
  -webkit-transform: translateX(-5%) translateY(-6%);
  -moz-transform: translateX(-5%) translateY(-6%);
  -ms-transform: translateX(-5%) translateY(-6%);
  -o-transform: translateX(-5%) translateY(-6%);
  transform: translateX(-5%) translateY(-6%);
}
.home-section3 .cont .img .hovertxt:hover a:after{
	opacity: .3;
}
.home-section3 .cont .img .lt {
  width: 58.3%;
  background-color: #aecddf;
}
@media (min-width: 2200px) {
  .home-section3 .cont .img .lt {
    width: 58.5%;
  }
}
@media (max-width: 767px) {
  .home-section3 .cont .img .lt {
    width: 100%;
    margin-bottom: 10px;
    height: 500px;
  }
}
.home-section3 .cont .img .lt .txt {
  top: 6%;
}
.home-section3 .cont .img .lt img {
  transform: translateX(-5%) translateY(-2%);
}
.home-section3 .cont .img .lt:hover img {
  -webkit-transform: translateX(-5%) translateY(-3%);
  -moz-transform: translateX(-5%) translateY(-3%);
  -ms-transform: translateX(-5%) translateY(-3%);
  -o-transform: translateX(-5%) translateY(-3%);
  transform: translateX(-5%) translateY(-3%);
}
.home-section3 .cont .img .lt:hover a:after{
	opacity: .3;
}
.home-section4 {
  height: 725px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .home-section4 {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .home-section4 {
    height: 525px;
  }
}
@media (max-width: 991px) {
  .home-section4 {
    height: 425px;
  }
}
.home-section4 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.home-section4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section4:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 2;
}
.home-section4 .text {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  color: #fff;
}
@media (max-width: 767px) {
  .home-section4 .text {
    width: 100%;
  }
}
.home-section4 .text a {
  font-size: 89px;
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
}
@media (min-width: 2200px) {
  .home-section4 .text a {
    font-size: 133.5px;
  }
}
@media (max-width: 767px) {
  .home-section4 .text a {
    font-size: 40px;
  }
}
.home-section4 .text .tit {
  font-size: 36px;
  color: #fff;
  padding-bottom: 5px;
  text-align: center;
  display: block;
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  width: 216px;
  margin: 0 auto 15px;
  white-space: nowrap;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .home-section4 .text .tit {
    font-size: 57px;
    padding-bottom: 15px;
    width: 331px;
  }
}
@media (max-width: 767px) {
  .home-section4 .text .tit {
    font-size: 30px;
    width: 167px;
  }
}
.home-section4 .text .font {
  text-align: center;
  font-size: 22px;
  color: #abafb4;
  opacity: 1;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section4 .text .font {
    font-size: 37.2px;
  }
}
@media (max-width: 767px) {
  .home-section4 .text .font {
    font-size: 18px;
  }
}
.home-section5 {
  padding: 85px 15px;
}
@media (min-width: 2200px) {
  .home-section5 {
    padding: 135px 15px;
  }
}
@media (max-width: 991px) {
  .home-section5 {
    padding: 75px 15px;
  }
}
.home-section5 .home-section5-cont {
  padding-bottom: 66px;
}
.home-section5 .home-section5-cont .home-section5-pagination span {
  width: 12px;
  height: 12px;
  margin: 0 7.5px;
  outline: none;
}
.home-section5 .home-section5-cont .home-section5-pagination .swiper-pagination-bullet-active {
  background-color: #1a63c8;
}
.home-section5 .home-section5-cont .item {
  width: 100%;
}
.home-section5 .home-section5-cont .item .img {
  width: 100%;
  position: relative;
  padding-bottom: 71%;
  overflow: hidden;
}
.home-section5 .home-section5-cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section5 .home-section5-cont .item .img:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.home-section5 .home-section5-cont .item .txt {
  padding: 0 15px;
  margin-top: -43px;
  position: relative;
  z-index: 1;
}
.home-section5 .home-section5-cont .item .txt .jut {
  width: 100%;
  height: 281px;
  background-color: #fff;
  box-shadow: 0 0 29px rgba(0, 0, 0, 0.07);
  padding: 40px 23px 33px;
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut {
    height: 324px;
  }
}
@media (max-width: 991px) {
  .home-section5 .home-section5-cont .item .txt .jut {
    height: auto;
    padding: 32px 20px 30px;
  }
}
@media (max-width: 767px) {
  .home-section5 .home-section5-cont .item .txt .jut {
    padding: 25px 15px 20px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .home-section5 .home-section5-cont .item .txt .jut .font {
    margin-bottom: 20px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .lt {
  width: 70%;
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .lt {
    width: 72%;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .lt .tit {
  font-size: 18px;
  color: #666666;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .lt .tit {
    font-size: 24px;
    margin-bottom: 37.5px;
  }
}
@media (max-width: 767px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .lt .tit {
    font-size: 16px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .lt p {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  height: 91px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .lt p {
    font-size: 21px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .gt {
  width: 80px;
  height: 75px;
  border: 2px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 575px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .gt {
    width: 70px;
    height: 65px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .gt span {
  color: #666;
  font-size: 29px;
  font-weight: bold;
  font-family: "AvantGardeITCbyBT-Book";
}
@media (max-width: 575px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .gt span {
    font-size: 20px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .font .gt p {
  color: #666666;
  font-size: 16px;
  font-family: "AvantGardeITCbyBT-Book";
	text-align: center;
	font-weight: bold
}
@media (max-width: 575px) {
  .home-section5 .home-section5-cont .item .txt .jut .font .gt p {
    font-size: 14px;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .but {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: "AvantGardeITCbyBT-Book";
}
.home-section5 .home-section5-cont .item .txt .jut .but .ho-but {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #666;
  width: 130px;
  padding-bottom: 10px;
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut .but .ho-but {
    width: 180px;
    font-size: 24px;
    align-items: center;
  }
}
.home-section5 .home-section5-cont .item .txt .jut .but span {
  color: #666;
  font-size: 16px;
  letter-spacing: 0;
}
@media (min-width: 2200px) {
  .home-section5 .home-section5-cont .item .txt .jut .but span {
    font-size: 24px;
  }
}
/* End */
/* explore_media.html */
@media (min-width: 1562px) {
  .mediabox {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .mediabox {
    width: 88%;
  }
}
.mediabox-section1 {
  width: 100%;
  padding: 65px 0 45px;
}
@media (min-width: 2200px) {
  .mediabox-section1 {
    padding: 97.5px 0 75px;
  }
}
@media (max-width: 991px) {
  .mediabox-section1 {
    padding: 20px 0;
  }
}
.mediabox-section1 .tit {
  color: #004098;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  border-bottom: 2px solid #dfdfdf;
  padding-bottom: 5px;
}
@media (min-width: 2200px) {
  .mediabox-section1 .tit {
    margin-bottom: 45px;
  }
}
@media (max-width: 991px) {
  .mediabox-section1 .tit {
    font-size: 32px;
    margin-bottom: 20px;
    -webkit-line-clamp: inherit;
    height: auto;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .mediabox-section1 .tit {
    font-size: 24px;
  }
}
.mediabox-section1 .tit svg {
  width: 100%;
  height: 30px;
  position: relative;
}
@media (min-width: 2200px) {
  .mediabox-section1 .tit svg {
    height: 45px;
  }
}
.mediabox-section1 .tit svg text {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "cu";
}
.mediabox-section1 .cont {
  margin: 0 -20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .mediabox-section1 .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 575px) {
  .mediabox-section1 .cont {
    margin: 0;
  }
}
.mediabox-section1 .cont .item {
  padding: 0 20px;
  width: 33.33%;
  margin-bottom: 50px;
  float: left;
}
@media (max-width: 991px) {
  .mediabox-section1 .cont .item {
    padding: 0 5px;
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .mediabox-section1 .cont .item {
    width: 100%;
    padding: 0;
  }
}
.mediabox-section1 .cont .item .jut {
  width: 100%;
  display: block;
}
.mediabox-section1 .cont .item .jut .img {
  width: 100%;
  padding-bottom: 57.7%;
  position: relative;
  overflow: hidden;
}
.mediabox-section1 .cont .item .jut .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.mediabox-section1 .cont .item .jut .text {
  padding: 18px 0;
  color: #333;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 2200px) {
  .mediabox-section1 .cont .item .jut .text {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .mediabox-section1 .cont .item .jut .text {
    font-size: 16px;
    padding: 10px 0;
  }
}
.mediabox-section1 .cont .item .jut:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.mediabox-section2 {
  padding-top: 0;
}
@media (min-width: 2200px) {
  .mediabox-section2 {
    padding-top: 0;
  }
}
.mediabox-section2 .cont .item .jut .img {
  /* padding-bottom: 77%; */
}
.mediabox-section3 {
  width: 100%;
  padding-bottom: 130px;
}
@media (min-width: 2200px) {
  .mediabox-section3 {
    padding-bottom: 195px;
  }
}
@media (max-width: 1199px) {
  .mediabox-section3 {
    padding-bottom: 80px;
  }
	.home-section5 .home-section5-cont .item .txt .jut .font .gt p{
		font-size: 12px;
	}
}
@media (max-width: 767px) {
  .mediabox-section3 {
    padding-bottom: 40px;
  }
}
.mediabox-section3 .cont {
  width: 100%;
  margin: 0 -8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .mediabox-section3 .cont {
    margin: 0;
  }
}
.mediabox-section3 .cont .item {
  padding: 0 8px;
  width: 50%;
  float: left;
}
@media (max-width: 767px) {
  .mediabox-section3 .cont .item {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
}
.mediabox-section3 .cont .item .jut {
  width: 100%;
  padding: 22px 54px;
  display: flex;
  justify-content: space-between;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 2200px) {
  .mediabox-section3 .cont .item .jut {
    padding: 33px 81px;
  }
}
@media (max-width: 991px) {
  .mediabox-section3 .cont .item .jut {
    padding: 15px 30px;
  }
}
.mediabox-section3 .cont .item .jut .lt strong {
  color: #fff;
  font-size: 36px;
  margin-bottom: 15px;
}
@media (min-width: 2200px) {
  .mediabox-section3 .cont .item .jut .lt strong {
    font-size: 54px;
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .mediabox-section3 .cont .item .jut .lt strong {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .mediabox-section3 .cont .item .jut .lt strong {
    font-size: 26px;
  }
}
.mediabox-section3 .cont .item .jut .lt span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .mediabox-section3 .cont .item .jut .lt span {
    height: 2px;
  }
}
.mediabox-section3 .cont .item .jut .gt {
  display: flex;
  width: 62px;
  height: 62px;
  background-color: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #004098;
}
@media (min-width: 2200px) {
  .mediabox-section3 .cont .item .jut .gt {
    width: 93px;
    height: 93px;
  }
}
@media (max-width: 767px) {
  .mediabox-section3 .cont .item .jut .gt {
    font-size: 20px;
    width: 42px;
    height: 42px;
  }
}
.mediabox-section3 .cont .item .jut .gt i {
  font-size: 26px;
}
@media (min-width: 2200px) {
  .mediabox-section3 .cont .item .jut .gt i {
    font-size: 39px;
  }
}
.mediabox-section3 .cont .item:nth-child(2) .jut .gt {
  color: #333;
}
/* End */
/* support_manuals */
.manuals {
  background-color: #f8f8f8;
  overflow: hidden;
}
@media (min-width: 1562px) {
  .manuals .container {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .manuals .container {
    width: 88%;
  }
}
.manuals .sup_banner {
  margin-bottom: 65px;
  position: relative;
}
@media (min-width: 2200px) {
  .manuals .sup_banner {
    margin-bottom: 97.5px;
  }
}
@media (max-width: 991px) {
  .manuals .sup_banner {
    margin-bottom: 20px;
  }
}
@media (min-width: 1562px) {
  .manuals .sup_banner .container {
    width: 1563px;
  }
}
@media (min-width: 2200px) {
  .manuals .sup_banner .container {
    width: 88%;
  }
}
.manuals-section1 {
  margin-bottom: 65px;
}
@media (min-width: 2200px) {
  .manuals-section1 {
    margin-bottom: 97.5px;
    width: 2000px!important;
  }
}
@media (max-width: 991px) {
  .manuals-section1 {
    margin-bottom: 20px 0;
  }
}
.manuals-section1 .tit {
  color: #004098;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  border-bottom: 2px solid #dfdfdf;
  padding-bottom: 10px;
}
@media (min-width: 2200px) {
  .manuals-section1 .tit {
    margin-bottom: 45px;
  }
}
@media (max-width: 991px) {
  .manuals-section1 .tit {
    font-size: 32px;
    margin-bottom: 20px;
    -webkit-line-clamp: inherit;
    height: auto;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .manuals-section1 .tit {
    font-size: 24px;
  }
}
.manuals-section1 .tit svg {
  width: 100%;
  height: 30px;
  position: relative;
}
@media (min-width: 2200px) {
  .manuals-section1 .tit svg {
    height: 45px;
  }
}
.manuals-section1 .tit svg text {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "cu";
}
.manuals-section1 .cont {
  margin: 0 -5px;
}
@media (min-width: 2200px) {
  .manuals-section1 .cont {
    margin: 0 -10px;
  }
}
.manuals-section1 .cont:after {
  content: "";
  display: block;
  clear: both;
}
.manuals-section1 .cont .item {
  width: 33.333%;
  padding: 0 5px;
  float: left;
  margin-bottom: 10px;
}
@media (min-width: 2200px) {
  .manuals-section1 .cont .item {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .manuals-section1 .cont .item {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .manuals-section1 .cont .item {
    width: 100%;
    padding: 0;
  }
}
.manuals-section1 .cont .item .jut {
  width: 100%;
  display: block;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(103, 63, 108, 0.1);
}
.manuals-section1 .cont .item .jut .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 58%;
}
@media (max-width: 767px) {
  .manuals-section1 .cont .item .jut .img {
    padding-bottom: 85%;
  }
}
.manuals-section1 .cont .item .jut .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.manuals-section1 .cont .item .jut .img:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.manuals-section1 .cont .item .jut .font {
  background-color: #94b4c6;
  padding: 22px 18px;
  font-size: 18px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 2200px) {
  .manuals-section1 .cont .item .jut .font {
    padding: 33px 24px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .manuals-section1 .cont .item .jut .font {
    font-size: 16px;
    padding: 17px 18px;
  }
}
.manuals-section1 .cont .item .jut .font .text {
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .manuals-section1 .cont .item .jut .font .text {
    font-size: 15px;
  }
}
.manuals-section1 .cont .item .jut .font .icon1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manuals-section1 .cont .item .jut .font .icon1 a {
  display: block;
  overflow: hidden;
  width: 21px;
  margin-right: 10px;
}
.manuals-section1 .cont .item .jut .font .icon1 a img {
  width: 100%;
  float: left;
}
@media (min-width: 2200px) {
  .manuals-section1 .cont .item .jut .font .icon1 a {
    width: 31px;
  }
}
@media (max-width: 767px) {
  .manuals-section1 .cont .item .jut .font .icon1 a {
    margin-right: 15px;
  }
}
.manuals-section1 .cont .item .jut .font .icon1 a:nth-child(1) {
  margin-top: 2px;
}
.manuals-section1 .cont .item:hover .jut .font {
  background: -webkit-linear-gradient(144deg, #004098, #ff9421);
  background: -moz-linear-gradient(144deg, #004098, #ff9421);
  background: linear-gradient(144deg, #004098, #ff9421);
}
.manuals-section1:last-child {
  margin-bottom: 110px;
}
@media (min-width: 2200px) {
  .manuals-section1:last-child {
    margin-bottom: 175px;
  }
}
@media (max-width: 1199px) {
  .manuals-section1:last-child {
    margin-bottom: 60px;
  }
}
/* End */
/* support_terms_info.html */
.terms_info {
  background-color: #f8f8f8;
}
@media (min-width: 1562px) {
  .terms_info .container {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .terms_info .container {
    width: 88%;
  }
}
.terms_info .sup_banner {
  margin-bottom: 65px;
  position: relative;
}
@media (min-width: 2200px) {
  .terms_info .sup_banner {
    margin-bottom: 97.5px;
  }
}
@media (max-width: 991px) {
  .terms_info .sup_banner {
    margin-bottom: 20px;
  }
}
@media (min-width: 1562px) {
  .terms_info .sup_banner .container {
    width: 1563px;
  }
}
@media (min-width: 2200px) {
  .terms_info .sup_banner .container {
    width: 88%;
  }
}
.terms_info-section1 {
  padding-bottom: 100px;
}
@media (min-width: 2200px) {
  .terms_info-section1 {
    padding-bottom: 130px;
    width: 2000px!important;
  }
}
@media (max-width: 1199px) {
  .terms_info-section1 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .terms_info-section1 {
    padding-bottom: 40px;
  }
}
.terms_info-section1 .tit {
  padding-bottom: 8px;
  border-bottom: 2px solid #dcdcdc;
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .terms_info-section1 .tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .terms_info-section1 .tit {
    font-size: 50px;
  }
}
.terms_info-section1 .tit text{
	font-family: "cu";
}
.terms_info-section1 .cont {
  padding-top: 88px;
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont {
    padding-bottom: 130px;
    padding-top: 110px;
  }
}
@media (max-width: 1199px) {
  .terms_info-section1 .cont {
    padding-bottom: 60px;
    padding-top: 44px;
  }
}
@media (max-width: 767px) {
  .terms_info-section1 .cont {
    padding-bottom: 40px;
    padding-top: 25px;
  }
}
.terms_info-section1 .cont:after {
  display: block;
  content: "";
  clear: both;
}
.terms_info-section1 .cont .lt {
  float: left;
  /* position: fixed; */
  border-left: 3px solid #e7e7e7;
  width: 27%;
}
.terms_info-section1 .cont .lt a {
  display: block;
  width: 100%;
  color: #999;
  margin-bottom: 25px;
  font-size: 18px;
  padding-left: 24px;
  margin-left: -3px;
  border-left: 3px solid transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont .lt a {
    font-size: 27px;
  }
}
.terms_info-section1 .cont .lt a:last-child {
  margin-bottom: 0;
}
.terms_info-section1 .cont .lt .on {
  color: #ec6614;
  border-left: 3px solid #ec6614;
}
@media (max-width: 767px) {
  .terms_info-section1 .cont .lt {
    display: none;
  }
}
.terms_info-section1 .cont .gt {
  float: right;
  width: 70%;
  font-size: 16px;
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont .gt {
    font-size: 24px;
  }
}
.terms_info-section1 .cont .gt h1,
.terms_info-section1 .cont .gt h2,
.terms_info-section1 .cont .gt h3 {
  font-size: 30px;
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont .gt h1,
  .terms_info-section1 .cont .gt h2,
  .terms_info-section1 .cont .gt h3 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .terms_info-section1 .cont .gt h1,
  .terms_info-section1 .cont .gt h2,
  .terms_info-section1 .cont .gt h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .terms_info-section1 .cont .gt {
    width: 100%;
  }
}
.terms_info-section1 .cont .gt .font h1,
.terms_info-section1 .cont .gt .font h2,
.terms_info-section1 .cont .gt .font h3 {
  margin-bottom: 18px;
  word-wrap: break-word;
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont .gt .font h1,
  .terms_info-section1 .cont .gt .font h2,
  .terms_info-section1 .cont .gt .font h3 {
    margin-bottom: 27px;
  }
}
.terms_info-section1 .cont .gt .font p {
  margin-bottom: 36px;
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .terms_info-section1 .cont .gt .font p {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) {
  .terms_info-section1 .cont .gt .font p {
    margin-bottom: 45px;
  }
}
/* End */
/* FAQ.html */
.faq {
  background-color: #f8f8f8;
}
@media (min-width: 1562px) {
  .faq .container {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .faq .container {
    width: 2000px;
  }
}
.faq .bannerbox-top {
  position: relative;
}
@media (min-width: 1562px) {
  .faq .bannerbox-top .container {
    width: 1563px;
    padding: 0 15px;
  }
}
@media (min-width: 2200px) {
  .faq .bannerbox-top .container {
    width: 88%;
  }
}
.faq-section1 {
  padding: 100px 0 0;
}
@media (min-width: 2200px) {
  .faq-section1 {
    padding: 140px 0 0;
  }
}
@media (max-width: 1199px) {
  .faq-section1 {
    padding: 60px 0 0;
  }
}
@media (max-width: 767px) {
  .faq-section1 {
    padding: 40px  15px 0;
  }
}
.faq-section1 .tit {
  width: 100%;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .faq-section1 .tit {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .faq-section1 .tit {
    margin-bottom: 15px;
    font-size: 23px;
  }
}
.faq-section1 .search {
  width: 71.5%;
  margin: 0 auto 70px;
  padding: 10px 10px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.faq-section1 .search input {
  width: 75%;
  padding: 0 5px;
  background-color: transparent;
  font-size: 14px;
}
@media (min-width: 2200px) {
  .faq-section1 .search input {
    font-size: 24px;
    padding: 0 10px;
  }
}
.faq-section1 .search .but {
  display: block;
  color: #333;
  text-align: center;
  line-height: 40px;
  width: 80px;
  height: 40px;
  border-radius: 3px;
  background-size: 100% 100%;
  font-size: 18px;
font-weight: bold
}
@media (min-width: 2200px) {
  .faq-section1 .search .but {
    height: 60px;
    line-height: 60px;
    width: 120px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .faq-section1 .search .but {
    height: 35px;
    line-height: 35px;
    width: 70px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .faq-section1 .search {
    width: 100%;
    margin: 0 0 10px;
  }
}
.faq-section1 .font {
  text-align: center;
  font-size: 18px;
  margin-bottom: 62px;
  font-weight: bold;
  position: relative;
}
@media (min-width: 2200px) {
  .faq-section1 .font {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .faq-section1 .font {
    font-size: 16px;
  }
}
.faq-section1 .font:after {
  display: block;
  content: "";
  position: absolute;
  top: 150%;
  left: 48%;
  width: 0;
  height: 0;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-top: 9px solid #333;
}
.faq-section2 {
  padding: 0 0 100px;
}
@media (min-width: 2200px) {
  .faq-section2 {
    padding: 0 0 140px;
  }
}
@media (max-width: 1199px) {
  .faq-section2 {
    padding: 0 0 60px ;
  }
}
@media (max-width: 767px) {
  .faq-section2 {
    padding: 0 15px 40px;
  }
}
.faq-section2 .nav {
  width: 100%;
  display: flex;
  margin-bottom: 35px;
  border: 1px solid #ec6614;
}
@media (min-width: 2200px) {
  .faq-section2 .nav {
    margin-bottom: 45px;
  }
}
.faq-section2 .nav .faq-section2-conta {
  width: 100%;
}
.faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide {
  width: 33.333%;
  padding: 13px 0;
  text-align: center;
  font-size: 18px;
  color: #ec6614;
  border-right: 1px solid #ec6c1d;
  cursor: pointer;
}
@media (min-width: 2200px) {
  .faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide {
    padding: 22px 0;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide {
    padding: 10px 0;
    font-size: 18px;
    height: 50px;
    line-height: 30px;
    border-right: none;
    border-bottom: 1px solid #ec6c1d;
  }
  .faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide:last-child {
    border-bottom: none;
  }
}
.faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide:last-child {
  border-right: none;
}
.faq-section2 .nav .faq-section2-conta .swiper-wrapper .swiper-slide:hover {
  background: url(../images/bagbut2.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  border-right: none;
}
.faq-section2 .nav .faq-section2-conta .swiper-wrapper .on {
  background: url(../images/bagbut2.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  border-right: none;
}
.faq-section2 .cont {
  width: 100%;
}
.faq-section2 .cont .jut .item {
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 30px;
  background-color: #fff;
}
@media (min-width: 2200px) {
  .faq-section2 .cont .jut .item {
    padding: 30px 27px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .faq-section2 .cont .jut .item {
    padding: 10px 10px;
  }
}
.faq-section2 .cont .jut .item .tit {
  display: flex;
  justify-content: space-between;
}
.faq-section2 .cont .jut .item .tit .bt{width: 30px;height: 30px;background: url(../images/down.png) no-repeat}
.faq-section2 .cont .jut .item:hover .tit .bt{background: url(../images/down-h.png) no-repeat}
.faq-section2 .cont .jut .item .tit .time{line-height: 30px;font-size: 18px;color: #666}
.faq-section2 .cont .jut .item .tit .down-bt{width: 70%}
.faq-section2 .cont .jut .item .tit span {
  display: block;
  color: #666;
  font-size: 18px;
}
@media (min-width: 2200px) {
  .faq-section2 .cont .jut .item .tit span {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .faq-section2 .cont .jut .item .tit span {
    font-size: 16px;
  }
}
.faq-section2 .cont .jut .item .tit strong {
  font-size: 16px;
  color: #666;
  cursor: pointer;
}
@media (min-width: 2200px) {
  .faq-section2 .cont .jut .item .tit strong {
    font-size: 24px;
  }
}
.faq-section2 .cont .jut .item .font {
  padding: 10px 0 8px;
  border-top: 1px solid #b2b2b2;
  font-size: 16px;
  color: #999;
  display: none;
  margin-top: 10px;
}
@media (min-width: 2200px) {
  .faq-section2 .cont .jut .item .font {
    padding: 15px 0 16px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .faq-section2 .cont .jut .item .font {
    font-size: 14px;
  }
}
.faq-section2 .cont .jut .active .tit strong {
  color: #1a63c8;
  font-size: 6px;
}
@media (min-width: 2200px) {
  .faq-section2 .cont .jut .active .tit strong {
    font-size: 9px;
  }
}
.faq-section2 .cont .on {
  display: block;
}
/* End */
/* blog */
@media (min-width: 1562px) {
  .blog {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .blog {
    width: 88%;
  }
}
.blog-section1 {
  padding: 90px 0 80px;
}
@media (max-width: 1199px) {
  .blog-section1 {
    padding: 60px 0 50px;
  }
}
@media (max-width: 767px) {
  .blog-section1 {
    padding: 50px 0 40px;
  }
}
.blog-section1 .base-tit {
  margin-bottom: 40px;
}
.blog-section1 .cont {
  margin: 0 -5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blog-section1 .cont {
    margin: 0;
  }
}
.blog-section1 .cont .lt,
.blog-section1 .cont .gt {
  width: 63%;
  padding: 0 5px;
  float: left;
}
@media (max-width: 1199px) {
  .blog-section1 .cont .lt {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
  }
}
.blog-section1 .cont .lt .jut {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
}
.blog-section1 .cont .lt .jut .img {
  width: 100%;
  padding-bottom: 93.24%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .blog-section1 .cont .lt .jut .img {
    padding-bottom: 109.28%;
  }
}
.blog-section1 .cont .lt .jut .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.blog-section1 .cont .lt .jut:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.blog-section1 .cont .lt .jut:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: #000;
  opacity: 0.5;
  z-index: 2;
}
.blog-section1 .cont .lt .jut .font {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  width: 50%;
}
@media (max-width: 767px) {
  .blog-section1 .cont .lt .jut .font {
    width: 80%;
  }
}
.blog-section1 .cont .lt .jut .font span {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  color: #a5a6a8;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .lt .jut .font span {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .lt .jut .font span {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.blog-section1 .cont .lt .jut .font strong {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  display: block;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .lt .jut .font strong {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .blog-section1 .cont .lt .jut .font strong {
    font-size: 20px;
    line-height: 1.2;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .lt .jut .font strong {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.blog-section1 .cont .lt .jut .font button {
  font-size: 14px;
  color: #fff;
  padding: 10px 14px;
  border: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  background: transparent;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .lt .jut .font button {
    font-size: 21px;
    padding: 15px 21px;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .lt .jut .font button {
    font-size: 13px;
    padding: 5px 7px;
  }
}
.blog-section1 .cont .lt .jut .font button:hover {
  background: url(../images/butbag.png) no-repeat center;
  background-size: 100% 100%;
  border: 1px solid transparent;
  border-radius: 3px;
}
.blog-section1 .cont .gt {
  height: 10%;
  width: 37%;
}
@media (max-width: 1199px) {
  .blog-section1 .cont .gt {
    padding: 0;
    width: 100%;
  }
}
.blog-section1 .cont .gt .jut {
  position: relative;
  width: 100%;
}
.blog-section1 .cont .gt .jut .item {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .gt .jut .item {
    margin-bottom: 0.8%;
  }
}
@media (max-width: 1199px) {
  .blog-section1 .cont .gt .jut .item {
    margin-bottom: 10px;
  }
}
.blog-section1 .cont .gt .jut .item:last-child {
  margin-bottom: 0;
}
.blog-section1 .cont .gt .jut .item .img {
  width: 100%;
  padding-bottom: 78.9%;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .gt .jut .item .img {
    padding-bottom: 79.33%;
  }
}
@media (max-width: 767px) {
  .blog-section1 .cont .gt .jut .item .img {
    padding-bottom: 62%;
  }
}
.blog-section1 .cont .gt .jut .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.blog-section1 .cont .gt .jut .item:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.blog-section1 .cont .gt .jut .item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-color: #000;
  opacity: 0.5;
  z-index: 2;
}
.blog-section1 .cont .gt .jut .item .font {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  width: 50%;
}
@media (max-width: 767px) {
  .blog-section1 .cont .gt .jut .item .font {
    width: 80%;
  }
}
.blog-section1 .cont .gt .jut .item .font span {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  color: #a5a6a8;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .gt .jut .item .font span {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .gt .jut .item .font span {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.blog-section1 .cont .gt .jut .item .font strong {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  display: block;
  line-height: 30px;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .gt .jut .item .font strong {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .blog-section1 .cont .gt .jut .item .font strong {
    font-size: 20px;
    line-height: 1.2;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .gt .jut .item .font strong {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.blog-section1 .cont .gt .jut .item .font button {
  font-size: 14px;
  color: #fff;
  padding: 10px 14px;
  border: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  background: transparent;
}
@media (min-width: 2200px) {
  .blog-section1 .cont .gt .jut .item .font button {
    font-size: 21px;
    padding: 15px 21px;
  }
}
@media (max-width: 575px) {
  .blog-section1 .cont .gt .jut .item .font button {
    font-size: 13px;
    padding: 5px 7px;
  }
}
.blog-section1 .cont .gt .jut .item .font button:hover {
  background: url(../images/butbag.png) no-repeat center;
  background-size: 100% 100%;
  border: 1px solid transparent;
  border-radius: 3px;
}
.blog-section1 .cont .gt .jut .item:nth-child(2) {
  top: initial;
  bottom: 0;
}
.blog-section2 {
  padding-bottom: 88px;
}
@media (max-width: 767px) {
  .blog-section2 {
    padding-bottom: 54px;
  }
}
.blog-section2 .base-tit {
  margin-bottom: 40px;
}
.blog-section2 .cont {
  margin: 0 -5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blog-section2 .cont {
    margin: 0;
  }
}
.blog-section2 .cont .item {
  float: left;
  padding: 0 5px;
  width: 33.33%;
}
@media (max-width: 767px) {
  .blog-section2 .cont .item {
    padding: 0;
    width: 100%;
    margin-bottom: 25px;
  }
}
.blog-section2 .cont .item .jut {
  width: 100%;
}
.blog-section2 .cont .item .jut .img {
  position: relative;
  padding-bottom: 73.2%;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-section2 .cont .item .jut .img img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.blog-section2 .cont .item .jut .img i {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background-color: #1a63c8;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 575px) {
  .blog-section2 .cont .item .jut .img i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
  }
}
.blog-section2 .cont .item .jut .font span {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .blog-section2 .cont .item .jut .font span {
    font-size: 24px;
    line-height: 24px;
  }
}
.blog-section2 .cont .item .jut .font p {
  margin: 0;
  font-size: 14px;
  color: #666;
}
@media (min-width: 2200px) {
  .blog-section2 .cont .item .jut .font p {
    font-size: 21px;
  }
}
.blog-section2 .cont .item:hover .jut .img img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.blog-section2 .but {
  margin: 50px auto 0;
  width: 160px;
  height: 50px;
  background: url(../images/bagbut2.jpg) no-repeat center;
  background-size: 100% 100%;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  display: block;
  line-height: 50px;
  text-align: center;
}
@media (min-width: 2200px) {
  .blog-section2 .but {
    width: 240px;
    height: 75px;
    font-size: 24px;
    line-height: 75px;
  }
}
@media (max-width: 767px) {
  .blog-section2 .but {
    margin: 15px auto 0;
    width: 130px;
    height: 45px;
    line-height: 45px;
  }
}
/* End */
/* mediainfo */
.mediainfo {
  background-color: #f8f8f8;
  margin-top: 90px;
}
@media (max-width: 1199px) {
  .mediainfo {
    margin-top: 80px;
  }
}
@media (min-width: 1562px) {
  .mediainfo .container {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .mediainfo .container {
    width: 2000px;
  }
}
.mediainfo-section1 .container {
  height: 100%;
  max-width: 92%;
  padding: 0;
}
@media (min-width: 2200px) {
  .mediainfo-section1 .container {
    width: 88%;
  }
}
@media (min-width: 1562px) {
  .mediainfo-section1 .container {
    padding: 0 15px;
    width: 1280px;
  }
}
@media (min-width: 1921px){
	.mediainfo-section1 .container {
	  padding: 0 15px;
	  width: 2000px;
	}
}
.mediainfo-section1 .container .cont {
  width: 100%;
  padding: 26px 0;
}
@media (min-width: 2200px) {
  .mediainfo-section1 .container .cont {
    padding: 39px 0;
  }
}
@media (max-width: 767px) {
  .mediainfo-section1 .container .cont {
    padding: 20px 0;
  }
}
.mediainfo-section1 .container .cont a {
  color: #666666;
  font-size: 16px;
}
@media (min-width: 2200px) {
  .mediainfo-section1 .container .cont a {
    font-size: 24px;
  }
}
.mediainfo-section1 .container .cont .on {
  color: #1a63c8;
}
.mediainfo-section1 .container .cont i {
  font-size: 10px;
}
@media (min-width: 2200px) {
  .mediainfo-section1 .container .cont i {
    font-size: 15px;
  }
}
.mediainfo-section2 {
  padding-bottom: 80px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 {
    padding-bottom: 45px;
  }
}
.mediainfo-section2 .jut .cont {
  margin: 0 -10px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .mediainfo-section2 .jut .cont {
    margin: 0;
  }
}
.mediainfo-section2 .jut .cont .lt,
.mediainfo-section2 .jut .cont .gt {
  float: left;
  padding: 0 10px;
}
@media (max-width: 1199px) {
  .mediainfo-section2 .jut .cont .lt,
  .mediainfo-section2 .jut .cont .gt {
    padding: 0;
  }
}
.mediainfo-section2 .jut .cont .lt {
  width: 70%;
}
@media (max-width: 1199px) {
  .mediainfo-section2 .jut .cont .lt {
    width: 100%;
    margin-bottom: 40px;
  }
}
.mediainfo-section2 .jut .cont .lt .top {
  width: 100%;
  background-color: #fff;
  padding: 42px;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .mediainfo-section2 .jut .cont .lt .top {
    margin-bottom: 20px;
    padding: 32px;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .lt .top {
    padding: 15px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .tit {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #e0e1e1;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .lt .top .tit {
    margin-bottom: 20px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .tit h1 {
  width: 100%;
  font-size: 24px;
  position: relative;
  color: #004098;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .top .tit h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .lt .top .tit h1 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 0px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .tit h1:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.mediainfo-section2 .jut .cont .lt .top .tit div {
  margin-top: 15px;
  color: #999;
  font-size: 16px;
  display: flex;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .top .tit div {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .lt .top .tit div {
    font-size: 14px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .tit div span {
  display: block;
  margin-right: 30px;
}
.mediainfo-section2 .jut .cont .lt .top .tit div span:last-child {
  margin-right: 0;
}
.mediainfo-section2 .jut .cont .lt .top .font {
  padding-bottom: 130px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .top .font {
    padding-bottom: 150px;
  }
}
@media (max-width: 991px) {
  .mediainfo-section2 .jut .cont .lt .top .font {
    padding-bottom: 100px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .font p {
  color: #666666;
  font-size: 16px;
	line-height: 2;
}
.mediainfo-section2 .jut .cont .lt .top .font img {
  width: 100%;
  height: auto;
}
.mediainfo-section2 .jut .cont .lt .top .fen {
  display: flex;
  margin-top: 18px;
}
.mediainfo-section2 .jut .cont .lt .top .fen a {
  display: block;
  margin-right: 14px;
}
.mediainfo-section2 .jut .cont .lt .top .fen a img {
  width: 25px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .top .fen a img {
    width: 35px;
  }
}
.mediainfo-section2 .jut .cont .lt .top .fen a img:nth-child(2) {
  display: none;
}
.mediainfo-section2 .jut .cont .lt .top .fen a:hover img:nth-child(1) {
  display: none;
}
.mediainfo-section2 .jut .cont .lt .top .fen a:hover img:nth-child(2) {
  display: block;
}
.mediainfo-section2 .jut .cont .lt .top .text {
  font-size: 24px;
  border-bottom: 2px solid #e0e1e1;
  font-weight: bold;
  padding-bottom: 10px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .top .text {
    font-size: 36px;
  }
}
.mediainfo-section2 .jut .cont .lt .zuoyou {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mediainfo-section2 .jut .cont .lt .zuoyou a {
  display: flex;
  color: #2c2e2f;
  align-items: center;
  font-size: 24px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou a {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou a {
    font-size: 20px;
  }
}
.mediainfo-section2 .jut .cont .lt .zuoyou a i {
  display: block;
  margin-right: 10px;
}
.mediainfo-section2 .jut .cont .lt .zuoyou a i img {
  width: 100%;
  height: auto;
  float: left;
}
.mediainfo-section2 .jut .cont .lt .zuoyou .prev1 i,
.mediainfo-section2 .jut .cont .lt .zuoyou .next1 i {
  display: block;
  width: 22px;
  height: auto;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou .prev1 i,
  .mediainfo-section2 .jut .cont .lt .zuoyou .next1 i {
    width: 33px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou .prev1 i,
  .mediainfo-section2 .jut .cont .lt .zuoyou .next1 i {
    width: 18px;
  }
}
.mediainfo-section2 .jut .cont .lt .zuoyou .next1 i {
  margin-right: 0;
  margin-left: 10px;
}
.mediainfo-section2 .jut .cont .lt .zuoyou .zhon i {
  width: 27px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou .zhon i {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .lt .zuoyou .zhon i {
    width: 22px;
  }
}
.mediainfo-section2 .jut .cont .gt {
  float: left;
  width: 30%;
}
@media (max-width: 1199px) {
  .mediainfo-section2 .jut .cont .gt {
    width: 100%;
  }
}
.mediainfo-section2 .jut .cont .gt .tit {
  margin-bottom: 20px;
  display: none;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .tit {
    margin-bottom: 30px;
  }
}
.mediainfo-section2 .jut .cont .gt .tit img {
  width: 100%;
  height: auto;
}
.mediainfo-section2 .jut .cont .gt .zhong {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 40px 38px 40px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .zhong {
    padding: 60px 45px 60px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .gt .zhong {
    padding: 30px 25px 30px;
  }
  .mediainfo-section2 .jut .cont .gt{
    display: flex;
    flex-wrap: wrap;
  }
  .mediainfo-section2 .jut .cont .gt .tit{
    order: 1;
  }
  .mediainfo-section2 .jut .cont .gt .zhong{
    order: 0;
  }
  .mediainfo-section2 .jut .cont .gt .form{
    order: 3;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .gt .zhong {
    padding: 20px 13px 20px;
  }
}
.mediainfo-section2 .jut .cont .gt .zhong .text {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .zhong .text {
    font-size: 36px;
  }
}
.mediainfo-section2 .jut .cont .gt .zhong .item {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mediainfo-section2 .jut .cont .gt .zhong .item .img {
  width: 37%;
  height: 80px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .img {
    height: 120px;
  }
}
@media (max-width: 1199px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .img {
    height: 140px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .img {
    height: 130px;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .img {
    height: 70px;
  }
}
.mediainfo-section2 .jut .cont .gt .zhong .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mediainfo-section2 .jut .cont .gt .zhong .item .font {
  width: 59%;
}
.mediainfo-section2 .jut .cont .gt .zhong .item .font span {
  color: #999;
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .font span {
    font-size: 24px;
  }
}
.mediainfo-section2 .jut .cont .gt .zhong .item .font P {
  font-size: 16px;
  margin: 0;
  color: #333;
  width: 100%;
  height: 53px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .zhong .item .font P {
    font-size: 24px;
    line-height: 34px;
    height: 63px;
  }
}
.mediainfo-section2 .jut .cont .gt .form {
  background-color: #fff;
  padding: 40px 38px 45px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .form {
    padding: 60px 45px 65px;
  }
}
@media (max-width: 767px) {
  .mediainfo-section2 .jut .cont .gt .form {
    padding: 30px 25px 35px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .gt .form {
    padding: 20px 10px 23px;
  }
}
.mediainfo-section2 .jut .cont .gt .form .text {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .form .text {
    font-size: 30px;
  }
}
.mediainfo-section2 .jut .cont .gt .form input {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  color: #999;
  border: 1px solid #dadada;
  border-radius: 3px;
  margin-bottom: 8px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .form input {
    font-size: 24px;
    padding: 25px;
  }
}
.mediainfo-section2 .jut .cont .gt .form a {
  display: block;
  width: 100%;
  height: 52px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 52px;
  background: url(../images/bagbut2.jpg) no-repeat center;
  background-size: 100% 100%;
  border-radius: 3px;
}
@media (min-width: 2200px) {
  .mediainfo-section2 .jut .cont .gt .form a {
    font-size: 27px;
    height: 76px;
    line-height: 76px;
  }
}
@media (max-width: 575px) {
  .mediainfo-section2 .jut .cont .gt .form a {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
  }
}
/* End */
/* contact.html */
.contact .bannerbox-top .container {
  height: 100%;
  max-width: 92%;
  padding: 0;
}
@media (min-width: 1662px) {
  .contact .bannerbox-top .container {
    padding: 0 15px;
  }
}
.contact .mediainfo-section1 .container {
  height: 100%;
  max-width: 92%;
  padding: 0;
}
@media (min-width: 1662px) {
  .contact .mediainfo-section1 .container {
    padding: 0 15px;
  }
}
@media (min-width: 2200px) {
  .contact .mediainfo-section1 .container {
    width: 88%;
  }
}
.contact-section1 {
  padding-bottom: 75px;
	padding-top: 75px;
}
@media (min-width: 2200px) {
  .contact-section1 {
    padding-bottom: 125px;
		padding-top: 125px;
  }
}
@media (max-width: 767px) {
  .contact-section1 {
    padding-bottom: 46px;
		padding-top: 46px;
  }
}
@media (min-width: 1562px) {
  .contact-section1 {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .contact-section1 {
    width: 2000px;
  }
}
.contact-section1 .cont {
  margin: 0 -20px;
}
.contact-section1 .cont:after {
  content: "";
  clear: both;
}
.contact-section1 .cont .lt {
  padding: 0 20px;
  width: 70%;
  float: left;
}
@media (max-width: 1440px) {
  .contact-section1 .cont .lt {
    padding: 0 35px 0 20px;
  }
}
@media (max-width: 1199px) {
  .contact-section1 .cont .lt {
    width: 100%;
    margin-bottom: 35px;
    padding: 0 20px;
  }
}
.contact-section1 .cont .lt .tit {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #e0e1e1;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .contact-section1 .cont .lt .tit {
    margin-bottom: 40px;
  }
}
.contact-section1 .cont .lt .tit h1 {
  width: 100%;
  font-size: 40px;
  position: relative;
  color: #004098;
  font-weight: bold;
  display: block;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .contact-section1 .cont .lt .tit h1 {
    font-size: 57px;
  }
}
@media (max-width: 767px) {
  .contact-section1 .cont .lt .tit h1 {
    font-size: 35px;
    line-height: 32px;
    margin-top: 0px;
  }
}
.contact-section1 .cont .lt .tit h1:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.contact-section1 .cont .lt .tit span {
  color: #666;
  font-size: 18px;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .lt .tit span {
    font-size: 27px;
  }
}
.contact-section1 .cont .lt .form {
  width: 100%;
}
.contact-section1 .cont .lt .form .item {
  width: 100%;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .contact-section1 .cont .lt .form .item {
    margin-bottom: 20px;
  }
}
.contact-section1 .cont .lt .form .item span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .lt .form .item span {
    font-size: 24px;
  }
}
.contact-section1 .cont .lt .form .item input,
.contact-section1 .cont .lt .form .item select {
  width: 100%;
  padding: 14px 0 14px 10px;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  color: #999;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .lt .form .item input,
  .contact-section1 .cont .lt .form .item select {
    padding: 20px 0 20px 15px;
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .contact-section1 .cont .lt .form .item input,
  .contact-section1 .cont .lt .form .item select {
    padding: 10px 0 10px 5px;
  }
}
.contact-section1 .cont .lt .form .item textarea {
  padding: 20px 15px;
  border: 1px solid #ddd;
  width: 100%;
  color: #999;
  height: 160px;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .lt .form .item textarea {
    padding: 30px 22px;
    height: 200px;
    font-size: 21px;
  }
}
.contact-section1 .cont .lt .form .item select {
  background: url(../images/sele.png) no-repeat;
  background-position: 97% 50%;
  background-size: auto 100%;
}
.contact-section1 .cont .lt .form .zhong {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .contact-section1 .cont .lt .form .zhong {
    flex-wrap: wrap;
  }
}
.contact-section1 .cont .lt .form .zhong .item {
  width: 49.5%;
}
@media (max-width: 1199px) {
  .contact-section1 .cont .lt .form .zhong .item {
    width: 100%;
  }
}
.contact-section1 .cont .lt .form .zhong .item select {
  background-position: 93% 50%;
}
@media (max-width: 1199px) {
  .contact-section1 .cont .lt .form .zhong .item select {
    background-position: 97% 50%;
  }
}
.contact-section1 .cont .lt .form .but {
  display: flex;
}
.contact-section1 .cont .lt .form .but button {
  width: 180px;
  height: 50px;
  border-radius: 8px;
  font-size: 18px;
  background-color: #ddd;
}
@media (min-width: 2200px) {
/*  .contact-section1 .cont .lt .form .but button {
    width: 270px;
    height: 75px;
    font-size: 27px;
  } */
}
@media (max-width: 767px) {
  .contact-section1 .cont .lt .form .but button {
    width: 100px;
    height: 45px;
    font-size: 16px;
  }
}
.contact-section1 .cont .lt .form .but button:nth-child(1) {
  margin-right: 10px;
}
.contact-section1 .cont .lt .form .but button[type=rest] {
  border: 1px solid #595a5b;
  color: #666;
}
.contact-section1 .cont .lt .form .but button:hover{
  background: url(../images/butbag.png) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
}
.contact-section1 .cont .gt .jut {
  padding: 0 20px;
  width: 30%;
  float: left;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .jut {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .contact-section1 .cont .gt .jut {
    width: 100%;
  }
}
.contact-section1 .cont .gt .tit {
  width: 100%;
  height: 73px;
  background-color: #f3f3f3;
  padding: 0 35px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .tit {
    height: 110px;
    padding: 0 44px;
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .contact-section1 .cont .gt .tit {
    padding: 0 30px;
    font-size: 20px;
  }
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .tit i {
    font-size: 24px;
  }
}
.contact-section1 .cont .gt .di {
  padding: 30px 35px 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.04);
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .di {
    /* padding: 45px 48px 6px; */
  }
}
@media (max-width: 767px) {
  .contact-section1 .cont .gt .di {
    padding: 25px 30px 3px;
  }
}
.contact-section1 .cont .gt .di .gps {
  margin-bottom: 30px;
}
.contact-section1 .cont .gt .di .gps .text {
  border-bottom: 2px solid #e0e0e0;
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .di .gps .text {
    font-size: 27px;
  }
}
.contact-section1 .cont .gt .di .gps .item {
  width: 100%;
}
.contact-section1 .cont .gt .di .gps .item strong {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .di .gps .item strong {
    font-size: 24px;
  }
}
.contact-section1 .cont .gt .di .gps .item span {
  font-size: 16px;
  color: #666666;
}
@media (min-width: 2200px) {
  .contact-section1 .cont .gt .di .gps .item span {
    font-size: 24px;
  }
}
/* End */
/* about.html */
.aboutbox-section1 {
  margin-bottom: 77px;
  width: 100%;
  background-color: #f7f7f7;
  /* position: sticky; */
  /* top: 80px; */
  z-index: 998;
}
@media (min-width: 2200px) {
  .aboutbox-section1 {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 {
    top: 60px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section1 {
    /*display: none;*/
  }
}
@media (max-width: 767px) {
  .aboutbox-section1 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1562px) {
}
@media (min-width: 2200px) {
  .aboutbox-section1 .container {
    width: 88%;
  }
}
.aboutbox-section1 .cont {
  padding: 14px 0;
}
@media (min-width: 2200px) {
  .aboutbox-section1 .cont {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .aboutbox-section1 .cont {
    padding: 10px 0;
  }
}
.aboutbox-section1 .cont .swiper-wrapper .swiper-slide:last-child a {
  border-right: none;
}
.aboutbox-section1 .cont .swiper-wrapper a {
  color: #14191d;
  font-size: 24px;
  display: block;
  width: 100%;
  height: 52px;
  text-align: center;
  border-right: 2px solid #dddddd;
  line-height: 52px;
}
.aboutbox-section1 .cont .swiper-wrapper .swiper-slide:nth-child(5) a{
	border-right: none;
}
@media (min-width: 2200px) {
  .aboutbox-section1 .cont .swiper-wrapper a {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .cont .swiper-wrapper a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section1 .cont .swiper-wrapper a {
    font-size: 18px;
    /* border-right: none; */
  }
}
.aboutbox-section1 .cont .swiper-wrapper .on {
  color: #004098;
}
.aboutbox-section2 {
  padding-bottom: 130px;
}
@media (min-width: 2200px) {
  .aboutbox-section2 {
    padding-bottom: 150px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section2 {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section2 {
    padding-bottom: 46px;
  }
}
.aboutbox-section2 .top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 52px;
margin-top: 80px;
}
@media (min-width: 2200px) {
  .aboutbox-section2 .top {
    margin-bottom: 75px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section2 .top {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section2 .top {
    width: 750px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section2 .top {
    width: 100%;
    margin-top: 30px;
  }
}
.aboutbox-section2 .top .lt {
  width: 50%;
  position: relative;
  padding-bottom: 32.32%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .aboutbox-section2 .top .lt {
    width: 100%;
    padding-bottom: 63%;
    margin-bottom: 30px;
  }
}
.aboutbox-section2 .top .lt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutbox-section2 .top .lt::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: -1px;
  width: 133px;
  height: 100%;
  background: url(../images/aboutxie.png) no-repeat center;
  background-size: 100% 100%;
}
@media (min-width: 2200px) {
  .aboutbox-section2 .top .lt::after {
    top: 1px;
    right: -1px;
  }
}
@media (max-width: 1440px) {
  .aboutbox-section2 .top .lt::after {
    top: 1px;
    right: -1px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section2 .top .lt::after {
    display: none;
  }
}
.aboutbox-section2 .top .lt:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.aboutbox-section2 .top .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .aboutbox-section2 .top .gt {
    width: 100%;
  }
}
.aboutbox-section2 .top .gt .item {
  padding-left: 30px;
}
@media (max-width: 1199px) {
  .aboutbox-section2 .top .gt .item {
    padding-left: 0;
  }
}
.aboutbox-section2 .but {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  overflow: hidden;
  align-items: center;
}
.aboutbox-section2 .but .lt,
.aboutbox-section2 .but .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .aboutbox-section2 .but .lt,
  .aboutbox-section2 .but .gt {
    width: 100%;
  }
}
.aboutbox-section2 .but .lt {
  width: 50%;
  position: relative;
  padding-bottom: 42.8%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .aboutbox-section2 .but .lt {
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 30px;
  }
}
.aboutbox-section2 .but .lt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutbox-section2 .but .lt:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.aboutbox-section2 .but .gt .item .font {
  width: 87%;
}
.aboutbox-section2 .item .tit {
  font-size: 40px;
  margin-top: 35px;
  margin-bottom: 35px;
  width: 100%;
  position: relative;
  color: #004098;
  font-weight: bold;
  font-family: "cu";
}
.aboutbox-section2 .item .tit em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
	font-weight: bold;
	font-family: "cu";
	font-style: normal;
	left: 0;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
/*企业荣誉*/
.find-more {
    background: #23527c;
    display: block;
    margin: auto;
    width: 190px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 24px;
}
.find-more .find-s0 {
    position: relative;
    z-index: 2;
    transition: .3s ease-in-out;
}
.find-more:before {
    content: "";
    display: block;
    width: 124%;
    height: 100%;
    position: absolute;
    left: -148%;
    top: 0;
    z-index: 1;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transform: skewX(
45deg
);
    -webkit-transform: skewX(
45deg
);
    -moz-transform: skewX(45deg);
}
.find-more:after {
    content: "";
    position: absolute;
    z-index: 0;
    background: #23527c;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.find-more:hover {
    border-color: #23527c;
    color: #23527c; }
    .find-more:hover:before {
      left: -13%; }

.bgf5{background: url(../images/honor-bg_02.png) no-repeat center bottom;padding-bottom: 130px;}
  .about-list3 .list3-mains {
    padding-top: 64px;
    padding-bottom: 1px;
    position: relative; }
    .about-list3 .list3-mains:before {
      position: absolute;
      display: block;
      width: 1px;
      height: 100%;
      top: 0;
      left: 50%;
      background: #cecece;
      content: ""; }
  .about-list3 .his-item {
    position: relative;
    margin-bottom: 3.75rem; }
.aboutbox-section3{background: #f3f3f3}
#mCSB_2_container{outline: none;border: none}
#mCSB_2{outline: none;border: none}
#mCSB_3{outline: none;border: none}

    .about-list3 .his-item:before {
      position: absolute;
      display: block;
      width: 24px;
      height: 24px;
      top: 0;
      left: 50%;
      margin-left: -12px;
      background: url(../images/cir1.png) no-repeat center;
      content: ""; }
    .about-list3 .his-item:hover .img100 {
      transform: scale(1.1); }
    .about-list3 .his-item:hover .his-h5 {
      color: #004098; }
  .about-list3 .his-txts {
    line-height: 28px; }
  .about-list3 .his-h5 {
    font-size: 48px;
    color: #000;
    margin-bottom: 24px;
    transition-duration: .5s; 
font-family: "Bebas"}
  .about-list3 .img100 {max-width: 100%;max-height: 300px;
    transition-duration: .8s; }
  .about-list3 .his-dt {
    font-size: 16px;
    color: #666; }
  .about-list3 .his-imgs {
    position: relative;
    flex: 0 0 440px;
    height: 250px; }
  .about-list3 .his-txts {
    flex: 0 0 440px; }
  .about-list3 .scroll-wrap {
    height: 250px; }
  .about-list3 .his-years {
    position: absolute;
    z-index: 2;
    color: #000;
    font-size: 72px;
    line-height: 72px;
    top: 50%;
    margin-top: -36px;
    font-family: "didot"; }
  .about-list3 .odd .his-imgs {
    padding-left: 75px; }
  .about-list3 .odd .his-years {
    left: 0; }
  .about-list3 .even .his-txts {
    order: -1; text-align: right}
  .about-list3 .even .his-imgs {
    padding-right: 75px; }
  .about-list3 .even .his-years {
    right: 0; }
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.w1100{width: 1100px;margin: 0 auto}
.w800{width: 800px;margin: 0 auto}


@media (min-width: 2200px) {
  .aboutbox-section2 .item .tit {
    font-size: 60px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section2 .item .tit {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.aboutbox-section2 .item .font {
  font-size: 16px;
  width: 79%;
  color: #666;
}
@media (min-width: 2200px) {
  .aboutbox-section2 .item .font {
    font-size: 24px;
    width: 86%;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section2 .item .font {
    width: 100%;
  }
}
.aboutbox-section2 .item .font p {
  margin: 0;
  line-height: 1.5;
  margin-bottom: 20px;
  word-wrap: break-word;
word-break: normal;
text-align: justify;
}
.num{margin-bottom: 60px;}
.num ul li{width: 32.3%;display: inline-block}
.num ul li span {
    display: inline-block;
    color: #004098;
    font-size: 60px;
    padding-bottom: .3rem;
    font-weight: bold;
	font-family:"Bebas" 
}
.num ul li h1{    
	display: inline-block;
    color: #004098;
    font-size: 24px;
}
.num ul li{text-align: center}
.num ul li p{font-size: 18px;color: #333;}
#w4{background: url(../images/cuclt_10.jpg) no-repeat center;background-size: cover}




@media (max-width: 767px) {
  .aboutbox-section2 .item .font p {
    line-height: 1.2;
    word-break: normal;
    font-size: 14px;
  }
}

@media (min-width: 2200px) {
  .aboutbox-section3 {
    padding-bottom: 140px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section3 {
    padding-bottom: 46px;
  }
}
.aboutbox-section3 .container .tit {
  font-size: 40px;
  margin-top: 75px;
  margin-bottom: 75px;
  width: 100%;
  text-align: center;
}
@media (min-width: 2200px) {
  .aboutbox-section3 .container .tit {
    margin-bottom: 125px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section3 .container .tit {
    margin-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section3 .container .tit {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.aboutbox-section3 .container .tit strong {
  position: relative;
  color: #004098;
  display: inline-block;
  font-weight: bold;
  border-bottom: 3px solid #004098;line-height: 1;padding-bottom: 10px;
}
.aboutbox-section3-white .container .tit strong{color: #fff;border-bottom: 3px solid #fff;}
.aboutbox-section3 .container .tit strong span{font-weight: normal;font-size: 24px}
.aboutbox-section3 .container .tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
	left: 0;
	width: 100%;
	font-style: normal;
	font-family: "cu";
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (min-width: 2200px) {
  .aboutbox-section3 .container .tit strong {
    font-size: 60px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section3 .container .tit strong {
    font-size: 23px;
  }
}
.aboutbox-section3 .container .tit strong:after {
  position: absolute;
  top: 101%;
  left: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-top: 11px solid #004098;
margin-left: -11px;
}
.aboutbox-section3-white .container .tit strong:after{border-top: 11px solid #fff;}
.aboutbox-section3 .cont {
  width: 85%;
  height: 700px;
  overflow: hidden;
	margin: 0 auto;
	padding-bottom: 130px
}
@media (min-width: 2200px) {
  .aboutbox-section3 .cont {
    height: 1000px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section3 .cont {
    height: auto;
  }
}
.aboutbox-section3 .cont .item {
  width: 33.333%;
  float: left;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .aboutbox-section3 .cont .item {
    width: 100%;
  }
}
.aboutbox-section3 .cont .item .top,
.aboutbox-section3 .cont .item .but {
  width: 100%;
  height: 50%;
}
.aboutbox-section3 .cont .item .top {
  overflow: hidden;
}
.aboutbox-section3 .cont .item .top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutbox-section3 .cont .item .top:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.aboutbox-section3 .cont .item .but {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 991px) {
  .aboutbox-section3 .cont .item .but {
    padding: 35px 0;
  }
}
.aboutbox-section3 .cont .item .but .font {
  width: 83%;
  text-align: center;
}
@media (max-width: 575px) {
  .aboutbox-section3 .cont .item .but .font {
    width: 85%;
  }
}
.aboutbox-section3 .cont .item .but .font strong {
  font-size: 24px;
  display: block;
  margin-bottom: 13px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@media (min-width: 2200px) {
  .aboutbox-section3 .cont .item .but .font strong {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section3 .cont .item .but .font strong {
    font-size: 20px;
  }
}
.aboutbox-section3 .cont .item .but .font p {
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@media (min-width: 2200px) {
  .aboutbox-section3 .cont .item .but .font p {
    font-size: 24px;
    line-height: 34px;
  }
}

.aboutbox-section3 .cont .item .but:hover {
  background: #3265ac;
  background-size: 103% 100%;
}
.aboutbox-section3 .cont .item .but:hover .font strong {
  color: #fff;
}
.aboutbox-section3 .cont .item .but:hover .font p {
  color: #fff;text-align: center
}
.aboutbox-section3 .cont .item .but:hover .txt-bg{color: #fff}
.txt-bg{font-size: 60px;}
.aboutbox-section3 .cont .item:nth-child(1){background: #fff}
.aboutbox-section3 .cont .item:nth-child(3){background: #fff}
.aboutbox-section3 .cont .item:nth-child(2n) {
  flex-direction: column-reverse;
	background:#3265ac;
}
.aboutbox-section3 .cont .item:nth-child(2n) .font{color:#fff}
@media (max-width: 991px) {
  .aboutbox-section3 .cont .item:nth-child(2n) {
    flex-direction: column;
  }
}
.aboutbox-section4 {
  padding-bottom: 125px;
}
@media (min-width: 1562px) {
  .aboutbox-section4 {
    width: 1280px;
  }
}
@media (min-width: 2200px) {
  .aboutbox-section4 {
    padding-bottom: 150px;
    width: 2000px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section4 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section4 {
    padding-bottom: 60px;
  }
}
.aboutbox-section4 .cont {
  width: 100%;
}
.aboutbox-section4 .cont .top {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 50px;
}
@media (min-width: 2200px) {
  .aboutbox-section4 .cont .top {
    margin-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section4 .cont .top {
    margin-bottom: 25px;
  }
}
.aboutbox-section4 .cont .top .aboutbox-section4-top {
  width: 100%;
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper {
  height: 60px;
  z-index: 2;
}
@media (min-width: 2200px) {
  .aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper {
    height: 45px;
  }
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .item {
  text-align: center;
  z-index: 2;
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .item a {
  font-size: 22px;
  display: block;
  height: 60px;
  color: #333;
  border-bottom: 2px solid transparent;
}
@media (min-width: 2200px) {
  .aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .item a {
    font-size: 36px;
    height: 92px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .item a {
    font-size: 20px;
    height: 46px;
  }
}
@media (max-width: 575px) {
  .aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .item a {
    font-size: 18px;
    white-space: nowrap;
  }
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .active a {
  border-bottom: 3px solid #004098;
  position: relative;
  color: #004098;
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper a em {
	display: none;
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .swiper-wrapper .active a em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
	left: 0;
	width: 100%;
	font-style: normal;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.aboutbox-section4 .cont .top .aboutbox-section4-top .jut {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutbox-section4 .cont .top .aboutbox-section4-top:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
}
.aboutbox-section4 .cont .but .jut {
  display: none;
}
.aboutbox-section4 .cont .but .jut .lt,
.aboutbox-section4 .cont .but .jut .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .aboutbox-section4 .cont .but .jut .lt,
  .aboutbox-section4 .cont .but .jut .gt {
    width: 100%;
  }
}
.aboutbox-section4 .cont .but .jut .lt {
  position: relative;
  background-color: #202020;
  padding-bottom: 36%;
}
@media (max-width: 1199px) {
  .aboutbox-section4 .cont .but .jut .lt {
    margin-bottom: 25px;
    padding-bottom: 50%;
  }
}
.aboutbox-section4 .cont .but .jut .lt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.aboutbox-section4 .cont .but .jut .gt {
  padding-left: 4%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .aboutbox-section4 .cont .but .jut .gt {
    padding-left: 0;
  }
}
.aboutbox-section4 .cont .but .jut .gt .tit {
  font-size: 40px;
  margin-bottom: 35px;
  position: relative;
  color: #004098;
  font-weight: bold;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .aboutbox-section4 .cont .but .jut .gt .tit {
    font-size: 57px;
    margin-bottom: 55px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section4 .cont .but .jut .gt .tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section4 .cont .but .jut .gt .tit {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
@media (max-width: 575px) {
  .aboutbox-section4 .cont .but .jut .gt .tit {
    font-size: 24px;
  }
}
.aboutbox-section4 .cont .but .jut .gt .tit em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  left: 0;
  font-style: normal;
  left: 0;
  top: 0;
}
.aboutbox-section4 .cont .but .jut .gt .font {
  color: #666;
  font-size: 16px;
}
@media (min-width: 2200px) {
  .aboutbox-section4 .cont .but .jut .gt .font {
    font-size: 24px;
    line-height: 34px;
  }
}
.aboutbox-section4 .cont .but .active {
  display: flex;
  flex-wrap: wrap;
}
.aboutbox-section5 {
  width: 100%;
}
.aboutbox-section5-container {
  width: 100%;
}
.aboutbox-section5-container .img {
  position: relative;
  background-color: #d9d9d9;
  padding-bottom: 63.8%;
}
@media (max-width: 767px) {
  .aboutbox-section5-container .img {
    padding-bottom: 80%;
  }
}
.aboutbox-section5-container .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.aboutbox-section5-container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.aboutbox-section6 {
  padding: 86px 0;
}
@media (min-width: 2200px) {
  .aboutbox-section6 {
    padding: 125px 0;
  }
}
@media (max-width: 767px) {
  .aboutbox-section6 {
    padding: 0;
  }
}
.aboutbox-section6 .cont {
  display: flex;
}
.aboutbox-section6 .cont .lt,
.aboutbox-section6 .cont .gt {
  width: 50%;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 2200px) {
  .aboutbox-section6 .cont .lt,
  .aboutbox-section6 .cont .gt {
    height: 290px;
  }
}
@media (max-width: 575px) {
  .aboutbox-section6 .cont .lt,
  .aboutbox-section6 .cont .gt {
    height: auto;
    padding: 30px 0;
  }
}
.aboutbox-section6 .cont .lt a,
.aboutbox-section6 .cont .gt a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
}
.aboutbox-section6 .cont .lt a span,
.aboutbox-section6 .cont .gt a span {
  display: block;
  font-size: 48px;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .aboutbox-section6 .cont .lt a span,
  .aboutbox-section6 .cont .gt a span {
    font-size: 70px;
    margin-bottom: 8px;
  }
}
@media (max-width: 991px) {
	.aboutbox-section6 .cont .lt a span,
	.aboutbox-section6 .cont .gt a span {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
  .aboutbox-section6 .cont .lt a span,
  .aboutbox-section6 .cont .gt a span {
    font-size: 26px;
    
  }
  .aboutbox-section6 .cont .gt a{
    text-align: center;
  }
}
.aboutbox-section6 .cont .lt a i,
.aboutbox-section6 .cont .gt a i {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 2200px) {
  .aboutbox-section6 .cont .lt a i,
  .aboutbox-section6 .cont .gt a i {
    width: 60px;
    height: 60px;
    font-size: 27px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .aboutbox-section6 .cont .lt a i,
  .aboutbox-section6 .cont .gt a i {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
}
.aboutbox-section6 .cont .gt a,
.aboutbox-section6 .cont .lt a {
  color: #333;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aboutbox-section6 .cont .gt a i,
.aboutbox-section6 .cont .lt a i {
  border: 1px solid #797979;
  color: #797979;
}
.aboutbox-section6 .cont .gt a p,
.aboutbox-section6 .cont .lt a p {
  font-size: 18px;
  line-height: 18px;
  color: #666;
  margin-bottom: 23px;
}
@media (min-width: 2200px) {
  .aboutbox-section6 .cont .gt a p,
  .aboutbox-section6 .cont .lt a p {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 30;
  }
}
@media (max-width: 767px) {
  .aboutbox-section6 .cont .gt a p,
  .aboutbox-section6 .cont .lt a p {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
@media (max-width:345px) {
  .aboutbox-section6 .cont .gt a p,
  .aboutbox-section6 .cont .lt a p {
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.aboutbox-section6 .cont .gt:hover a span,
.aboutbox-section6 .cont .lt:hover a span {
  position: relative;
  color: #004098;
  font-weight: bold;
  font-family: "cu";
}
.aboutbox-section6 .cont .gt:hover a span:before,
.aboutbox-section6 .cont .lt:hover a span:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  color: #ff9421;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.aboutbox-section6 .cont .gt:hover a p,
.aboutbox-section6 .cont .lt:hover a p {
  color: #ff9421;
}
.aboutbox-section6 .cont .gt:hover a i,
.aboutbox-section6 .cont .lt:hover a i {
  border: 1px solid #004098;
  background-color: #004098;
  color: #fff;
}
.aboutbox-section6 .cont .lt {
  border-right: 1px solid #d8d8d8;
}
@media (max-width: 575px) {
}
.aboutbox-section6 .cont .lt a {
  margin-left: 30%;
}

@media (max-width: 767px) {
  .aboutbox-section6 .cont .lt a {
    margin-left: 0;
  }
}
.aboutbox-section6 .cont .gt a {
  margin-right: 30%;
}
@media  (max-width: 991px) {
	.aboutbox-section6 .cont .gt a{
		margin-right: 10%;
	}
	.aboutbox-section6 .cont .lt a {
	  margin-left: 10%;
	}
}
@media (max-width: 767px) {
  .aboutbox-section6 .cont .gt a {
    margin-right: 0;
  }
}
/* End */
/* products_sun.html */
.sunbox-cont {
  padding: 125px 0;
  overflow: hidden;
}
@media (min-width: 2200px) {
  .sunbox-cont {
    padding: 145px 0;
  }
}
@media (max-width: 1199px) {
  .sunbox-cont {
    padding: 50px 0;
  }
}
.sunbox-tit strong {
  text-align: center;
  display: block;
  margin-bottom: 10px;
  position: relative;
  font-size: 48px;
  color: #004098;
  font-weight: bold;
  /*letter-spacing: 3px;*/
  font-family:"cu" ;
}
.wabox-section6 .sunbox-tit strong,.wabox-section6 .sunbox-tit strong em{
	letter-spacing: -1px;
}
@media (min-width: 2200px) {
  .sunbox-tit strong {
    font-size: 57px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .sunbox-tit strong {
    font-size: 30px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .sunbox-tit strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
  .wabox-section6 .sunbox-tit strong,.wabox-section6 .sunbox-tit strong em{
    letter-spacing: 1px;
  }
}
@media (max-width: 575px) {
  .sunbox-tit strong {
    font-size: 24px;
  }
}
.sunbox-tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  font-style: normal;
}
@media (max-width: 991px) {
  .sunbox-tit strong em {
    left: 0;
  }
}
.sunbox-tit strong em {
  /*letter-spacing: 3px;*/
}
.sunbox-tit p {
  font-size: 16px;
  color: #666;
  width: 75%;
  text-align: center;
  margin: 0 auto;
  word-break: keep-all;
}
@media (min-width: 2200px) {
  .sunbox-tit p {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .sunbox-tit p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .sunbox-tit p {
    width: 100%;
  }
}
.sunbox-section1 {
  width: 100%;
  background: url(../images/sunbag.png) no-repeat;
  background-position: right 0;
  background-size:80% 93.4%;
  padding-top: 125px;
}
@media (min-width: 2200px) {
  .sunbox-section1 {
    padding-top: 130px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section1 {
    padding-bottom: 30px;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .sunbox-section1 {
    background-position: 0 -23%;
    background-size: auto 72%;
  }
}
.sunbox-section1 .cont .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 120px;
}
@media (min-width: 2200px) {
  .sunbox-section1 .cont .item {
    padding-bottom: 130px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section1 .cont .item {
    padding-bottom: 65px;
  }
}
.sunbox-section1 .cont .item .lt,
.sunbox-section1 .cont .item .gt {
  width: 50%;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item .lt,
  .sunbox-section1 .cont .item .gt {
    width: 100%;
  }
}
.sunbox-section1 .cont .item .lt {
  position: relative;
  padding-bottom: 33%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item .lt {
    margin-bottom: 24px;
    padding-bottom: 50%;
  }
}
@media (max-width: 767px) {
  .sunbox-section1 .cont .item .lt {
    padding-bottom: 88%;
  }
}
.sunbox-section1 .cont .item .lt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sunbox-section1 .cont .item .lt:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.sunbox-section1 .cont .item .gt {
  padding-left: 4%;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item .gt {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.sunbox-section1 .cont .item .gt strong {
  position: relative;
  font-size: 40px;
  color: #004098;
  padding-bottom: 5px;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .sunbox-section1 .cont .item .gt strong {
    font-size: 57px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section1 .cont .item .gt strong {
    font-size: 30px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sunbox-section1 .cont .item .gt strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .sunbox-section1 .cont .item .gt strong {
    font-size: 24px;
  }
}
.sunbox-section1 .cont .item .gt strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  font-style: normal;
  left: 0;
	top: 0;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item .gt strong em {
    left: 0;
  }
}
.sunbox-section1 .cont .item .gt span {
  display: block;
  width: 86%;
  font-size: 16px;
  color: #666666;
}
@media (min-width: 2200px) {
  .sunbox-section1 .cont .item .gt span {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item .gt span {
    width: 100%;
  }
}
.sunbox-section1 .cont .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.sunbox-section1 .cont .item:nth-child(2n) .lt {
  padding-bottom: 42.4%;
  width: 54.2%;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item:nth-child(2n) .lt {
    width: 100%;
    padding-bottom: 60%;
  }
}
@media (max-width: 767px) {
  .sunbox-section1 .cont .item:nth-child(2n) .lt {
    padding-bottom: 100%;
  }
}
.sunbox-section1 .cont .item:nth-child(2n) .gt {
  padding-left: 0;
  width: 45.8%;
  padding-left: 9%;
}
@media (max-width: 991px) {
  .sunbox-section1 .cont .item:nth-child(2n) .gt {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.sunbox-section2 {
  position: relative;
}
.sunbox-section2 .img {
  width: 100%;
  position: relative;
  padding-bottom: 47.3%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sunbox-section2 .img {
    padding-bottom: 100%;
  }
}
@media (max-width: 1440px) {
  .sunbox-section2 .img {
    padding-bottom: 55%;
  }
}
@media (max-width: 1199px) {
  .sunbox-section2 .img {
    padding-bottom: 86%;
  }
}
@media (max-width: 575px) {
  .sunbox-section2 .img {
    padding-bottom: 145%;
  }
}
.sunbox-section2 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sunbox-section2 .img:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.sunbox-section2:after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 3;
}
@media (max-width: 991px) {
  .sunbox-section2:after {
    width: 100%;
  }
}
.sunbox-section2 .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 4;
}
.sunbox-section2 .container .cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 45.8%;
  padding-left: 9%;
  padding-top: 11%;
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont {
    padding-top: 12%;
  }
}
@media (max-width: 1440px) {
  .sunbox-section2 .container .cont {
    padding-top: 6%;
  }
}
@media (max-width: 991px) {
  .sunbox-section2 .container .cont {
    width: 100%;
    padding: 11% 15px 0;
  }
}
@media (max-width: 575px) {
  .sunbox-section2 .container .cont {
    padding: 18% 15px 0;
  }
}
@media (max-width: 330px) {
  .sunbox-section2 .container .cont {
    padding: 10% 15px 0;
  }
}
.sunbox-section2 .container .cont .lt {
  width: 100%;
  color: #fff;
}
.sunbox-section2 .container .cont .lt .sunbox-section2-top {
  width: 100%;
  margin-bottom: 35%;
}
@media (max-width: 575px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong {
  margin-bottom: 15px;
  width: 71%;
  position: relative;
  font-size: 40px;
  color: #004098;
  padding-bottom: 5px;
  display: block;
  font-weight: bold;
  font-family: "cu";
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong {
    font-size: 57px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong {
    font-size: 30px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong {
    font-size: 24px;
  }
  .sunbox-section2 .container .cont .lt .sunbox-section2-top{
    margin-bottom: 15%;
  }
}
.sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  font-style: normal;
	top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font strong em {
    left: 0;
  }
}
.sunbox-section2 .container .cont .lt .sunbox-section2-top .font span {
  font-size: 16px;
  color: #fff;
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont .lt .sunbox-section2-top .font span {
    font-size: 24px;
  }
}
.sunbox-section2 .container .cont .lt .but {
  width: 100%;
  display: flex;
  padding-left: 5%;
}
@media (max-width: 575px) {
  .sunbox-section2 .container .cont .lt .but {
    position: static;
  }
}
@media (max-width: 330px) {
  .sunbox-section2 .container .cont .lt .but {
    position: static;
  }
}
.sunbox-section2 .container .cont .lt .but .item {
  margin-right: 35px;
  cursor: pointer;
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont .lt .but .item {
    margin-right: 52px;
  }
}
@media (max-width: 767px) {
  .sunbox-section2 .container .cont .lt .but .item {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .sunbox-section2 .container .cont .lt .but .item {
    margin-right: 20px;
  }
}
.sunbox-section2 .container .cont .lt .but .item strong {
  display: block;
  font-size: 70px;
  color: #fff;
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont .lt .but .item strong {
    font-size: 90px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section2 .container .cont .lt .but .item strong {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .sunbox-section2 .container .cont .lt .but .item strong {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .sunbox-section2 .container .cont .lt .but .item strong {
    font-size: 40px;
  }
}
.sunbox-section2 .container .cont .lt .but .item span {
  color: #cdcdcc;
  font-size: 16px;
}
@media (min-width: 2200px) {
  .sunbox-section2 .container .cont .lt .but .item span {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .sunbox-section2 .container .cont .lt .but .item span {
    margin-right: 14px;
  }
}
.sunbox-section2 .container .cont .lt .but .item:last-child {
  margin-right: 0;
}
.sunbox-section2 .container .cont .lt .but .on strong {
  color: #004098;
}
.sunbox-section2 .container .cont .lt .but .on span {
  color: #004098;
}
.sunbox-section3 .sunbox-tit {
  margin-bottom: 45px;
}
.sunbox-section3 .font {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px) {
  .sunbox-section3 .font {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.sunbox-section3 .font .item {
  margin-right: 68px;
}
@media (min-width: 2200px) {
  .sunbox-section3 .font .item {
    margin-right: 90px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section3 .font .item {
    margin-right: 40px;
  }
}
@media (max-width: 575px) {
  .sunbox-section3 .font .item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 10px;
    text-align: center;
  }
}
.sunbox-section3 .font .item span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
  margin-bottom: 0;
}
@media (min-width: 2200px) {
  .sunbox-section3 .font .item span {
    font-size: 24px;
  }
}
.sunbox-section3 .font .item strong {
  font-size: 30px;
  display: block;
}
@media (min-width: 2200px) {
  .sunbox-section3 .font .item strong {
    /* font-size: 45px; */
  }
}
@media (max-width: 1199px) {
  .sunbox-section3 .font .item strong {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .sunbox-section3 .font .item strong {
    margin-bottom: 0;
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .sunbox-section3 .font .item strong {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .sunbox-section3 .font .item:nth-child(2n) {
    margin-right: 0;
  }
}
.sunbox-section3 .font .item:last-child {
  margin-right: 0;
}
.sunbox-section3 .img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
@media (min-width: 2200px) {
  .sunbox-section3 .img {
    margin-top: 100px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section3 .img {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .sunbox-section3 .img {
    margin-top: 30px;
  }
}
.sunbox-section3 .img img {
  height: auto;
}
@media (min-width: 2200px) {
}
@media (max-width: 991px) {
  .sunbox-section3 .img img {
    width: 100%;
  }
}
.sunbox-section4 {
  background-color: #1c1f28;
  padding: 100px 0 90px;
}
@media (min-width: 2200px) {
  .sunbox-section4 {
    padding: 120px 0;
  }
}
@media (max-width: 1199px) {
  .sunbox-section4 {
    padding: 45px 0;
  }
}
.sunbox-section4 .sunbox-tit {
  margin-bottom: 84px;
}
@media (min-width: 2200px) {
  .sunbox-section4 .sunbox-tit {
    margin-bottom: 100px;
  }
}
@media max-lg {
  .sunbox-section4 .sunbox-tit {
    margin-bottom: 25px;
  }
}
.sunbox-section4 .sunbox-tit p {
  color: #999;
  width: 55%;
}
@media (max-width: 991px) {
  .sunbox-section4 .sunbox-tit p {
    width: 100%;
  }
}
.sunbox-section4 .sunbox-section4-cont {
  margin-bottom: 80px;
  display: flex;
}
@media (min-width: 2200px) {
  .sunbox-section4 .sunbox-section4-cont {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section4 .sunbox-section4-cont {
    margin-bottom: 45px;
  }
}
.sunbox-section4 .sunbox-section4-cont .sunbox-section4-cont-nav {
  width: 85%;
}
@media (max-width: 1199px) {
  .sunbox-section4 .sunbox-section4-cont .sunbox-section4-cont-nav {
    width: 100%;
  }
}
.sunbox-section4 .sunbox-section4-cont .item {
  width: 100%;
}
.sunbox-section4 .sunbox-section4-cont .item .img {
  position: relative;
  padding-bottom: 99%;
  margin-bottom: 5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sunbox-section4 .sunbox-section4-cont .item .img {
    padding-bottom: 51%;
    margin-bottom: 30px;
  }
}
.sunbox-section4 .sunbox-section4-cont .item .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sunbox-section4 .sunbox-section4-cont .item .img:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.sunbox-section4 .sunbox-section4-cont .item .font {
  font-size: 16px;
  text-align: center;
}
@media (min-width: 2200px) {
  .sunbox-section4 .sunbox-section4-cont .item .font {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .sunbox-section4 .sunbox-section4-cont .item .font {
    font-size: 14px;
  }
}
.sunbox-section4 .sunbox-section4-cont .item .font strong {
  color: #fff;
  display: block;
}
@media (max-width: 575px) {
  .sunbox-section4 .sunbox-section4-cont .item .font strong {
    font-size: 18px;
    white-space: nowrap;
  }
}
.sunbox-section4 .sunbox-section4-cont .item .font span {
  color: #999;
}
@media (max-width: 575px) {
  .sunbox-section4 .sunbox-section4-cont .item .font span {
    font-size: 16px;
  }
}
.sunbox-section4 .text {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  color: #666;
  font-size: 14px;
}
@media (min-width: 2200px) {
  .sunbox-section4 .text {
    font-size: 21px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section4 .text {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .sunbox-section4 .text {
    width: 100%;
  }
}
.sunbox-section5 {
  background-color: #f7f7f7;
}
.sunbox-section5 .sunbox-tit {
  margin-bottom: 80px;
}
@media (min-width: 2200px) {
  .sunbox-section5 .sunbox-tit {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section5 .sunbox-tit {
    margin-bottom: 45px;
  }
}
.sunbox-section5 .cont {
  width: 100%;
  position: relative;
}
.sunbox-section5 .cont .img {
  position: relative;
  padding-bottom: 64.6%;
  margin-bottom: 25px;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 575px) {
  .sunbox-section5 .cont .img {
    margin-bottom: 10px;
  }
  .sunbox-section5 .cont .img{
    padding-bottom: 90%;
  }
}
.sunbox-section5 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.sunbox-section5 .cont .font {
  text-align: center;
  font-size: 20px;
  display: none;
}
@media (min-width: 2200px) {
  .sunbox-section5 .cont .font {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .sunbox-section5 .cont .font {
    font-size: 18px;
  }
}
.sunbox-section5 .cont .swiper-slide {
  width: 780px;
}
@media (min-width: 2200px) {
  .sunbox-section5 .cont .swiper-slide {
    width: 867px;
  }
}
@media (max-width: 1440px) {
  .sunbox-section5 .cont .swiper-slide {
    width: 630px;
  }
}
@media (max-width: 767px) {
  .sunbox-section5 .cont .swiper-slide {
    width: 65%;
  }
}
@media (max-width: 567px) {
  .sunbox-section5 .cont .swiper-slide {
    width: 90%;
  }
}
.sunbox-section5 .cont .swiper-slide .img img {
  opacity: 0.3 !important;
}
.sunbox-section5 .cont .swiper-slide-prev .img img,
.sunbox-section5 .cont .swiper-slide-next .img img {
  opacity: 0.5 !important;
}
.sunbox-section5 .cont .swiper-slide-active .img img,
.sunbox-section5 .cont .swiper-slide-duplicate-active .img img {
  opacity: 1!important;
}
.sunbox-section5 .cont .swiper-slide-active .img:hover img,
.sunbox-section5 .cont .swiper-slide-duplicate-active .img:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.sunbox-section5 .cont .sunbox-section5-next,
.sunbox-section5 .cont .sunbox-section5-prev {
  background-color: #fff;
  width: 61px;
  height: 131px;
  outline: none;
  background-size: 23px 31px;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .sunbox-section5 .cont .sunbox-section5-next,
  .sunbox-section5 .cont .sunbox-section5-prev {
    width: 31px;
    height: 62px;
    background-size: 13px 19px;
    display: none!important;
  }
}
@media (max-width: 767px) {
  .sunbox-section5 .cont .sunbox-section5-next,
  .sunbox-section5 .cont .sunbox-section5-prev {
    display: none;
  }
}
.sunbox-section5 .cont .sunbox-section5-next {
  border-radius: 131px 0 0 131px;
  right: 0;
  background-image: url(../images/gt.png);
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .sunbox-section5 .cont .sunbox-section5-next {
    border-radius: 62px 0 0 62px;
  }
}
.sunbox-section5 .cont .sunbox-section5-next:hover {
  background-image: url(../images/gt.png);
  background-color: #fff;
  opacity: 1;
}
.sunbox-section5 .cont .sunbox-section5-prev {
  left: 0;
  border-radius: 0 131px 131px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/lt.png);
}
@media (max-width: 1199px) {
  .sunbox-section5 .cont .sunbox-section5-prev {
    border-radius: 0 62px 62px 0;
  }
}
.sunbox-section5 .cont .sunbox-section5-prev:hover {
  background-image: url(../images/lt.png);
  background-color: #fff;
  opacity: 1;
}
.sunbox-section5 .cont .sunbox-section5-next.swiper-button-disabled,
.sunbox-section5 .cont .sunbox-section5-prev.swiper-button-disabled {
  pointer-events: auto;
}
.sunbox-section5 .cont:hover .sunbox-section5-next,
.sunbox-section5 .cont:hover .sunbox-section5-prev {
  display: block;
}
.sunbox-section6 .sunbox-tit {
  margin-bottom: 30px;
}
@media (min-width: 2200px) {
  .sunbox-section6 .sunbox-tit {
    margin-bottom: 90px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section6 .sunbox-tit {
    margin-bottom: 20px;
  }
}
.sunbox-section6 .sunbox-tit strong {
  margin-bottom: 0;
}
.sunbox-section6 .cont {
  width: 100%;
}
.sunbox-section6 .cont .sunbox-section6-top {
  margin-bottom: 15px;
  display: flex;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .sunbox-section6-top {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section6 .cont .sunbox-section6-top {
    margin-bottom: 20px;
  }
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 {
  width: 65%;
}
@media (max-width: 991px) {
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 {
    width: 100%;
  }
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item {
  text-align: center;
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .swiper-slide{
	opacity: 0!important;
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .swiper-slide-active{
	opacity: 1!important;
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img {
  width: 100%;
  margin-bottom: 32px;
	display: flex;
	justify-content: center;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img {
    margin-bottom: 72px;
  }
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img {
  height: auto;
	width: 100%;
	object-fit: contain;
}
@media (max-width: 991px) {
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img{
		height: 140px;
	}
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img {
	  width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev,
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next {
  outline: none;
  top: 50%;
  display: none;
}

@media (max-width: 991px) {
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev,
  .sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next {
    display: none!important;
  }
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev {
  background: url(../images/jianlt.png) no-repeat center;
  background-size: 20px 38px;
  left: 15%;
}

.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next {
  background: url(../images/jiangt.png) no-repeat center;
  background-size: 20px 38px;
  right: 15%;
}
@media (max-width: 1199px) {
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev{
		left: 0;
	}
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next{
		right: 0;
	}
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1:hover .sunbox-section6-top-prev,
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1:hover .sunbox-section6-top-next {
  display: block;
}
.sunbox-section6 .cont .font {
  margin-bottom: 30px;
  font-size: 16px;
  color: #666;
  text-align: center;
  width: 57%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .font {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .sunbox-section6 .cont .font {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .sunbox-section6 .cont .font {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .sunbox-section6 .cont .font {
    font-size: 14px;
  }
}
.sunbox-section6 .cont .jia {
  font-size: 30px;
  color: #004098;
  text-align: center;
  margin-bottom: 25px;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .jia {
    margin-bottom: 55px;
    font-size: 45px;
  }
}
@media (max-width: 1199px) {
  .sunbox-section6 .cont .jia {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.sunbox-section6 .cont .but {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sunbox-section6 .cont .but a {
  display: block;
  width: 165px;
  height: 50px;
  text-align: center;
  line-height: 45px;
  color: #333;
  font-size: 17px;
  border-radius: 5px;
  border: 1px solid #333;
  margin-right: 10px;
  font-weight: bold;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .but a {
    width: 245px;
    height: 75px;
    line-height: 66px;
  }
}
@media (max-width: 575px) {
  .sunbox-section6 .cont .but a {
    font-size: 14px;
  }
}
.sunbox-section6 .cont .but a:hover {
  background: -webkit-linear-gradient(144deg, #004098, #ff9421);
  background: -moz-linear-gradient(144deg, #004098, #ff9421);
  background: linear-gradient(144deg, #004098, #ff9421);
  background-size: 100% 100%;
  color: #fff;
  border: 3px;
  line-height: 50px;
}
@media (min-width: 2200px) {
  .sunbox-section6 .cont .but a:hover {
    line-height: 72px;
  }
}
/* End */
/* wabox */
.wabox-section1 {
  padding: 100px 0 0;
}
@media (min-width: 2200px) {
  .wabox-section1 {
    padding: 120px 0 0;
  }
}
@media (max-width: 1199px) {
  .wabox-section1 {
    padding: 45px 0 0;
  }
}
.wabox-section1 .cont .sunbox-tit {
  margin-bottom: 40px;
}
@media (min-width: 2200px) {
  .wabox-section1 .cont .sunbox-tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
}
.wabox-section1 .cont .sunbox-tit strong {
  margin-bottom: 20px;
  /* letter-spacing: 0; */
}
.wabox-section1 .cont .jut {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.wabox-section1 .cont .jut .center {
  display: flex;
  flex-wrap: wrap;
  width: 65%;
}
@media (max-width: 1199px) {
  .wabox-section1 .cont .jut .center {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .wabox-section1 .cont .jut .center {
    width: 100%;
  }
}
.wabox-section1 .cont .jut .center .wabox-section1-container {
  width: 100%;
}
.wabox-section1 .cont .jut .center .swiper-wrapper {
  height: auto;
}
.wabox-section1 .cont .jut .center .swiper-slide {
  width: 25%;
  padding: 0 25px;
}
@media (max-width: 767px) {
  .wabox-section1 .cont .jut .center .swiper-slide {
    padding: 0 10px;
  }
}
.wabox-section1 .cont .jut .center .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
@media (min-width: 2200px) {
  .wabox-section1 .cont .jut .center .item {
    margin-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .wabox-section1 .cont .jut .center .item {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .wabox-section1 .cont .jut .center .item {
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .wabox-section1 .cont .jut .center .item {
    padding: 0 4px;
  }
}
.wabox-section1 .cont .jut .center .item span {
  color: #999999;
  word-break: keep-all;
  line-height: 1.2;
}
.wabox-section1 .cont .jut .center .item i {
  display: block;
  width: 50px;
  height: 33px;
  margin-bottom: 10px;
}
@media (min-width: 2200px) {
  .wabox-section1 .cont .jut .center .item i {
    width: 75px;
    height: 49px;
    margin-bottom: 15px;
  }
}
.wabox-section1 .cont .jut .center .item i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wabox-section1 .cont .zhishixian {
  display: none;
}
@media (max-width: 1199px) {
  .wabox-section1 .cont .zhishixian {
    display: block;
    width: 80%;
    height: 50px;
    position: relative;
    margin: 0 auto 50px;
  }
  .wabox-section1 .cont .zhishixian .swiper-pagination {
    width: 100%;
  }
  .wabox-section1 .cont .zhishixian .swiper-pagination span {
    width: 40px;
    height: 2px;
    background-color: #ddd;
    margin: 0 15px;
    border-radius: 3px;
  }
  .wabox-section1 .cont .zhishixian .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
  }
}
.wabox-section1 .cont .img1 {
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding-bottom: 26%;
}
.wabox-section1 .cont .img1 img {
      height: 100%;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	margin: 0 auto;
}
@media (max-width: 991px) {
	.wabox-section1 .cont .img1{
		padding-bottom: 40%;
	}
  .wabox-section1 .cont .img1 img {
    width: 100%;
		height: 100%;
		
		object-fit: contain;
  }
}
@media (max-width: 767px) {
	.wabox-section1 .cont .img1{
		padding-bottom:66%;
	}
}
.wabox-section2 {
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear;
  background-color: #f5f5f5;
}
.wabox-section2 .cont {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wabox-section2:after {
  display: none;
}
.wabox-section2 video {
  position: sticky;
}
.wabox-section2 .text {
  text-align: center;
}
.wabox-section2 .text .tit {
  width: auto;
  display: inline-block;
  font-weight: bold;
  line-height: 1.1;
}
@media (max-width: 575px) {
  .wabox-section2 .text .tit {
    font-size: 27px;
  }
}
.wabox-section2 .text .icon {
  font-size: 62px;
}
@media (min-width: 2200px) {
  .wabox-section2 .text .icon {
    font-size: 82px;
  }
}
@media (max-width: 1199px) {
  .wabox-section2 .text .icon {
    font-size: 42px;
  }
}
.wabox-section5 {
  background-color: #1e2126;
  padding: 165px 0;
 /* height: 1068px; */
  overflow: hidden;
  position: relative;
  z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 2200px) {
  .wabox-section5 {
    padding: 185px 0;
    height: 1500px;
		
  }
}
@media (max-width: 1199px) {
  .wabox-section5 {
    padding: 100px 0;
    height: auto;
  }
}
@media (max-width: 991px) {
  .wabox-section5 {
    padding: 65px 0;
  }
}
.wabox-section5 .container {
  height: 100%;
	display: flex;
	align-items: center;
}
@media (max-width: 767px) {
  .wabox-section5 .container {
    height: auto;
  }
  .wabox-section1 .cont .zhishixian{
    margin: 0 auto 25px;
  }
}
.wabox-section5 .cont {
  width: 100%;
  display: flex;
  height: auto;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.wabox-section5 .cont .sunbox-tit {
  padding-left: 5%;
  width: 50%;
  margin-bottom: 126px;
}
@media (max-width: 767px) {
  .wabox-section5 .cont .sunbox-tit {
    padding-left: 0;
  }
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .sunbox-tit {
    margin-bottom: 156px;
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .sunbox-tit {
    margin-bottom: 80px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .wabox-section5 .cont .sunbox-tit {
    margin-bottom: 45px;
  }
}
.wabox-section5 .cont .sunbox-tit strong {
  text-align: left;
  line-height: 1.15;
  margin-bottom: 25px;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .sunbox-tit strong {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .sunbox-tit strong {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .sunbox-tit strong {
    word-break: keep-all;
  }
  .wabox-section5 .cont .sunbox-tit strong em{
    /*letter-spacing: 3px;*/
  }
}
.wabox-section5 .cont .sunbox-tit strong em {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  font-style: normal;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
}
@media (max-width: 991px) {
  .wabox-section5 .cont .sunbox-tit strong em {
    left: 0;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .sunbox-tit strong em {
    word-break: keep-all;
  }
}
.wabox-section5 .cont .sunbox-tit p {
  width: 100%;
  text-align: left;
  color: #a9a9aa;
}
.wabox-section5 .cont .lt {
  padding-left: 5%;
  width: 50%;
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .lt {
    padding-left: 0;
    margin-bottom: 25px;
    width: 100%;
    order: 1;
  }
}
.wabox-section5 .cont .lt .jut {
  width: 100%;
  padding-left: 5%;
  position: relative;
}
.wabox-section5 .cont .lt .jut .shuxian {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background-color: #2e3135;
  height: 100%;
  overflow: hidden;
}
.wabox-section5 .cont .lt .jut .shuxian i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35%;
  background-color: #c2c3c4;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.wabox-section5 .cont .lt .jut .item {
  width: 100%;
  margin-bottom: 35px;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .lt .jut .item {
    margin-bottom: 55px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .lt .jut .item {
    margin-bottom: 25px;
  }
}
.wabox-section5 .cont .lt .jut .item .tit {
  color: #fff;
  display: flex;
  font-size: 18px;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .lt .jut .item .tit {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .lt .jut .item .tit {
    font-size: 16px;
  }
}
.wabox-section5 .cont .lt .jut .item .tit i {
  display: block;
  font-style: normal;
  font-size: 20px;
  margin-left: 20px;
}
.wabox-section5 .cont .lt .jut .item .tit i img {
  width: 14px;
}
.wabox-section5 .cont .lt .jut .item .tit i img:nth-child(2) {
  display: none;
}
.wabox-section5 .cont .lt .jut .item .hover1 {
  display: none;
  color: #717273;
  font-size: 14px;
  margin-top: 15px;
  line-height: 20px;
  padding-right: 20%;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .lt .jut .item .hover1 {
    font-size: 21px;
    line-height: 27px;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .lt .jut .item .hover1 {
    font-size: 16px;
    margin-top: 10px;
    padding-right: 0;
  }
}
.wabox-section5 .cont .lt .jut .on .tit i img:nth-child(1) {
  display: none;
}
.wabox-section5 .cont .lt .jut .on .tit i img:nth-child(2) {
  display: block;
}
.wabox-section5 .cont .gt {
  order: 0;
  width: 56%;
  position: absolute;
  right: -19%;
  top: -30%;
  -webkit-transform: translateY(5%) scale(0.8);
  transform: translateY(5%) scale(0.8);
  padding: 0 6%;
}
.wabox-section5 .cont .gt {
  order: 0;
  width: 80%;
  position: absolute;
  right: -19%;
  top: -30%;
  -webkit-transform: translateY(5%) scale(0.8);
  transform: translateY(5%) scale(0.8);
  padding: 0 6%;
}
@media (min-width: 1921px) {
	.wabox-section5 .cont .gt{
/* 		-webkit-transform: translateY(5%) scale(1);
		transform: translateY(5%) scale(1); */
	}
}
@media (max-width: 1440px) {
  .wabox-section5 .cont .gt {
    top: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .gt {
    width: 100%;
    position: static;
    margin-bottom: 50px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@media (max-width: 991px){
  .wabox-section5 .cont .gt{
    width: 100%;
  }
	 .wabox-section5 .cont .gt{
		 -webkit-transform: scale(1.1);
		 transform: scale(1.1);
	 }
}
.wabox-section5 .cont .gt .wabox-section5-container {
  height: 100%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item {
  position: relative;
  height: 810px;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 1160px;
  }
}
@media (max-width: 1440px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 603px;
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 632px;
  }
}
@media (max-width: 991px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 495px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 259px;
  }
}
@media (max-width: 340px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item {
    height: 201px;
  }
}
.wabox-section5 .cont .gt .wabox-section5-container .item .img {
  width: 100%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item .img img {
  width: 100%;
  height: auto;
}
.wabox-section5 .cont .gt .wabox-section5-container .item .img3 {
  position: absolute;
  top: 29%;
  z-index: 3;
  left: 11%;
  width: 68%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item .img2 {
  position: absolute;
  top: 44%;
  z-index: 1;
  width: 74%;
  left: 6%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item .img1 {
  position: absolute;
  bottom: 0;
  left: 8%;
  z-index: 2;
  width: 75%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 {
  position: relative;
  height: 810px;
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 1160px;
  }
}
@media (max-width: 1440px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 603px;
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 632px;
  }
}
@media (max-width: 991px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 495px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 270px;
  }
}
@media (max-width: 376px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 244px;
  }
}
@media (max-width: 340px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item3 {
    height: 201px;
  }
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img {
  width: 100%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img img {
  width: 100%;
  height: auto;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img4 {
  position: absolute;
  top: 7%;
  z-index: 3;
  left: 34%;
  width: 24%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img3 {
  position: absolute;
  top: 8%;
  z-index: 8;
  left: 25%;
  width: 40%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img2 {
  position: absolute;
  top: 23%;
  z-index: 8;
  width: 48%;
  left: 21%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item3 .img1 {
  position: absolute;
  bottom: 0;
  left: 10%;
  z-index: 2;
  width: 70%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 {
  height: 810px;
  padding: 0 6%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2.wode{

}
@media (min-width: 2200px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 1160px;
  }
}
@media (max-width: 1562px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 703px;
  }
}
@media (min-width: 2200px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 1160px;
  }
}
@media (max-width: 1562px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 703px;
  }
}
@media (max-width: 1440px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 603px;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    width: 100%;
    height: 577px;
    position: static;
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 447px;
  }
}
@media (max-width: 767px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 235px;
  }
}
@media (max-width: 340px) {
  .wabox-section5 .cont .gt .wabox-section5-container .item2 {
    height: 150px;
  }
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img {
  width: 100%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img img {
  width: 100%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img1 {
  position: absolute;
  top: 29%;
  width: 46%;
  left: 22%;
  z-index: 3;
  -webkit-transform: translate3d(0, -70%, 0);
  transform: translate3d(0, -70%, 0);
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img2 {
  position: absolute;
  top: 51%;
  left: 28%;
  width: 252%;
  -webkit-transform: translate3d(0, -98%, 0);
  transform: translate3d(0, -98%, 0);
  z-index: 6;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img2 img {
  width: 15%;
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img3 {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 103%;
  left: -2%;
  -webkit-transform: translate3d(0, -32%, 0);
  transform: translate3d(0, -32%, 0);
}
.wabox-section5 .cont .gt .wabox-section5-container .item2 .img4 {
  position: absolute;
  bottom: 5%;
  left: 18%;
  width: 52%;
}
@media (min-width: 1562px) {
  .wabox-section6 {
    width: 1422px;
  }
}
.wabox-section6 .cont {
  padding: 100px 0 130px;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont {
    padding: 120px 0 150px;
  }
}
@media (max-width: 1199px) {
  .wabox-section6 .cont {
    padding: 45px 0;
  }
}
.wabox-section6 .cont .sunbox-tit {
  margin-bottom: 60px;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont .sunbox-tit {
    margin-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .wabox-section6 .cont .sunbox-tit {
    margin-bottom: 30px;
  }
}
.wabox-section6 .cont .sunbox-tit p {
  width: 89%;
}
@media (max-width: 1199px) {
  .wabox-section6 .cont .sunbox-tit p {
    width: 100%;
  }
}
.wabox-section6 .cont .wabox-section6-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont .wabox-section6-nav {
    margin-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .wabox-section6 .cont .wabox-section6-nav {
    margin-bottom: 30px;
  }
}
.wabox-section6 .cont .wabox-section6-nav .jut {
  width: 100%;
	display: flex;
	justify-content: center;
}
.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie {
  padding-top: 5px;
  /* height: auto; */
	/* width: auto; */
	max-width: 100%;
}
.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .active .swiper-slide:last-child {
  margin-right: 0!important;
}
.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-wrapper {
  /* height: auto; */
}
.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide {
  width: 260px;
  height: auto;
	margin: 0 40px;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide {
    width: 300px;
  }
}
@media (max-width: 1440px) {
	.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide{
		margin: 0 30px;
	}
}
@media (max-width: 1199px) {
	.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide{
		width: 220px;
	}
}
@media (max-width: 991px) {
	.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide{
		margin: 0 16px;
		width: 180px;
	}
}
@media (max-width: 767px) {
	.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide{
		margin: 0 10px;
	}
}
@media (max-width: 565px) {
	.wabox-section6 .cont .wabox-section6-nav .jut .wabox-section6-qie .swiper-slide{
		margin: 0 5px;
	}
}
.wabox-section6 .cont .wabox-section6-nav .jut .item {
  display: block;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
	width: 100%;
}
.wabox-section6 .cont .wabox-section6-nav .jut .item i {
  display: block;
  margin-bottom: 15px;
  width: 72px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item i {
    margin-bottom: 30px;
    width: 100px;
  }
}
@media (max-width: 1199px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item i {
    margin-bottom: 10px;
    width: 60px;
  }
}
.wabox-section6 .cont .wabox-section6-nav .jut .item i img {
  width: 100%;
}
.wabox-section6 .cont .wabox-section6-nav .jut .item i img:nth-child(1){
	display: none;
}
@media (min-width: 2200px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item i img {
    /* width: 140px; */
  }
}
@media (max-width: 767px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item i img {
    width: 60px;
  }
}
.wabox-section6 .cont .wabox-section6-nav .jut .item span {
  display: block;
  font-size: 16px;
  word-break: keep-all;
  text-align: center;
  /* white-space: nowrap; */
}
.wocontparents{
  position: absolute;;
  left: 0;
  right: 0;
  top: 30%;
}
.wocont{
  width: 100%;
}
.wocont .font{
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 2;
}
.wocont p{color: #fff}
@media (min-width: 2200px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item span {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .wocont .font{
    font-size: 36px;
  }
}
@media (max-width: 991px) {
  .wocont .font{
    font-size: 24px
  }
}
@media (max-width: 767px) {
  .wabox-section6 .cont .wabox-section6-nav .jut .item span {
    font-size: 14px;
    text-align: center;
    white-space: pre-wrap;
  }
  .wocont{
    flex-direction: row;
  }
  .wocontparents{
    bottom: 40%;
    transform: translateY(50%);
    text-align: center;
  }
  .wocont .font{
    font-size: 30px;
    line-height: 1.2;
  }
}
/* .wabox-section6 .cont .wabox-section6-nav .jut .on .item {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
} */
.wabox-section6 .cont .wabox-section6-nav .jut .on .item span {
  color: #004098;
}
.wabox-section6 .cont .wabox-section6-nav .jut .on .item i img:nth-child(1){
	display: block;
}
.wabox-section6 .cont .wabox-section6-nav .jut .on .item i img:nth-child(2){
	display: none;
}
.wabox-section6 .cont .wabox-section6-cont {
  width: 100%;
  border-radius: 6px;
}
.wabox-section6 .cont .wabox-section6-cont img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.wabox-section6 .cont .wabox-section6-cont .img {
  overflow: hidden;
}
@media (max-width: 767px) {
  .wabox-section6 .cont .wabox-section6-cont .img {
    width: 100%;
    height: 256px;
    object-fit: cover;
  }
  .wabox-section6 .cont .wabox-section6-cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.wabox-section6 .cont .wabox-section6-cont .img:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.wabox-section4 {
  background-color: #1e2126;
  padding: 165px 0;
}
@media (min-width: 2200px) {
  .wabox-section4 {
    padding: 185px 0;
  }
}
@media (max-width: 1199px) {
  .wabox-section4 {
    padding: 100px 0;
    height: auto;
  }
}
@media (max-width: 991px) {
  .wabox-section4 {
    padding: 65px 0;
  }
}
.wabox-section4 .cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.wabox-section4 .cont .lt,
.wabox-section4 .cont .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .lt,
  .wabox-section4 .cont .gt {
    width: 100%;
  }
}
.wabox-section4 .cont .sunbox-tit {
  margin-bottom: 146px;
  width: 50%;
  padding-left: 5%;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .sunbox-tit {
    margin-bottom: 160px;
  }
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .sunbox-tit {
    margin-bottom: 80px;
    padding-left: 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .wabox-section4 .cont .sunbox-tit {
    margin-bottom: 45px;
  }
}
.wabox-section4 .cont .sunbox-tit strong {
  text-align: left;
  line-height: 1.15;
  margin-bottom: 25px;
  letter-spacing: 0;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .sunbox-tit strong {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .sunbox-tit strong {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .sunbox-tit strong {
    word-break: keep-all;
  }
}
.wabox-section4 .cont .sunbox-tit strong em {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  font-style: normal;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-family: "cu";
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .wabox-section4 .cont .sunbox-tit strong em {
    left: 0;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .sunbox-tit strong em {
    word-break: keep-all;
  }
}
.wabox-section4 .cont .sunbox-tit p {
  width: 100%;
  text-align: left;
  color: #a9a9aa;
}
.wabox-section4 .cont .lt {
  padding-left: 5%;
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .lt {
    order: 1;
  }
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .lt {
    padding-left: 0;
    margin-bottom: 25px;
  }
}
.wabox-section4 .cont .lt .nav1 {
  width: 100%;
  color: #fff;
}
.wabox-section4 .cont .lt .nav1 .tit {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .nav1 .tit {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .lt .nav1 .tit {
    margin-bottom: 10px;
  }
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav {
  width: 100%;
  border-bottom: 2px solid #8f9093;
  margin-bottom: 26px;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav {
    margin-bottom: 35px;
  }
}
@media (max-width: 1199px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav {
    margin-bottom: 20px;
  }
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item {
  display: block;
  padding-bottom: 25px;
  height: 100%;
  position: relative;
  text-align: center;
}
#wa4 .item::after{
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  width: 1px;
  height: 80%;
 border-right: 1px dashed #8f9093;
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav  .swiper-slide:last-child .item::after{
  display: none;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item {
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item {
    padding-bottom: 15px;
  }
  #wa4 .item::after{
    display: none;
  }
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item i {
  height: 72px;
  display: block;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item i {
    margin-bottom: 16px;
    height: 72px;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item i {
    height: 50px;
  }
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item i img {
  height: 100%;
  object-fit: contain;
  opacity: 0.5;
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item span {
  font-size: 16px;
  color: #8f9093;
  display: block;
  height: 41px;
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .on .item::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #8f9093;
  position: absolute;
  bottom: -1%;
  left: 45%;
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .on i img {
  opacity: 1;
}
.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .on span {
  color: #fff;
}
.wabox-section4 .cont .lt .wa .zhong {
  padding: 0 15px;
  width: 25%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .wabox-section4 .cont .lt .wa .zhong {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .wabox-section4 .cont .lt .wa .zhong {
    margin-bottom: 10px;
    width: 50%;
    padding: 0;
  }
  .wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item span{
    white-space: pre-wrap;
  }
}
.wabox-section4 .cont .lt .wa a {
  padding-left: 20px;
  position: relative;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .wa a {
    padding-left: 30px;
  }
}
.wabox-section4 .cont .lt .wa a strong {
  font-size: 15px;
  color: #fff;
  display: block;
  white-space: nowrap;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .wa a strong {
    /* font-size: 24px; */
  }
}
.wabox-section4 .cont .lt .wa a span {
  font-size: 15px;
  color: #7d7e80;
  white-space: nowrap;
}
@media (min-width: 2200px) {
  .wabox-section4 .cont .lt .wa a span {
    font-size: 21px;
  }
}
.wabox-section4 .cont .lt .wa a:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  background: url(../images/gou.png) no-repeat center;
  background-size: cover;
}
.wabox-section4 .cont .lt .wa .jut {
  display: none;
  margin: 0 -15px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .wabox-section4 .cont .lt .wa .jut {
    margin: 0;
    justify-content: space-between;
  }
}
.wabox-section4 .cont .lt .wa .on {
  display: flex;
}
.wabox-section4 .cont .gt {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: scale(1) translateY(-50%);
  transform: scale(1) translateY(-50%);
}
/* @media (max-width: 1440px) {
  .wabox-section4 .cont .gt {
    top: -18%;
  }
} */
@media (max-width: 1199px) {
  .wabox-section4 .cont .gt {
    order: 0;
    position: static;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
    margin-bottom: 30px;
  }
}
.wabox-section4 .cont .gt .wabox-section4-container {
  width: 100%;
}

.wabox-section4 .cont .gt .wabox-section4-container .swiper-slide{
	opacity: 0!important;
	transition: none!important;
}
.wabox-section4 .cont .gt .wabox-section4-container .swiper-slide-active{
	opacity: 1!important;
}
.wabox-section4 .cont .gt .wabox-section4-container .img {
  position: relative;
  padding-bottom: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wabox-section4 .cont .gt .wabox-section4-container .img img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  object-fit: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
	.wabox-section4 .cont .gt .wabox-section4-container .img {
		padding-bottom: 45%;
	}
	.wabox-section4 .cont .gt .wabox-section4-container .img img{
		width: 60%;
	}
}
@media (max-width: 767px) {
	.wabox-section4 .cont .gt .wabox-section4-container .img img{
		width: 100%;
	}
	.wabox-section4 .cont .gt .wabox-section4-container .img{
		padding-bottom: 100%;
	}
}
.wabox-section7 {
  width: 100%;
}
.wabox-section7 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.wabox-section7 .wabox-section7-cont1 .img,
.wabox-section7 .wabox-section7-cont2 .img {
  width: 100%;
  position: relative;
}
.wabox-section7 .wabox-section7-cont1 .img img,
.wabox-section7 .wabox-section7-cont2 .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wabox-section7 .wabox-section7-cont1 {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .wabox-section7 .wabox-section7-cont1 {
    margin-bottom: 5px;
  }
}
.wabox-section7 .wabox-section7-cont1 .img {
  padding-bottom: 67%;
}
@media (max-width: 767px) {
  .wabox-section7 .wabox-section7-cont1 .img {
    padding-bottom: 71%;
  }
}
@media (max-width: 575px) {
  .wabox-section7 .wabox-section7-cont1 .img {
    padding-bottom: 103%;
  }
}
.wabox-section7 .wabox-section7-cont2 .img {
  padding-bottom: 44.5%;
}
@media (max-width: 767px) {
  .wabox-section7 .wabox-section7-cont2 .img {
    padding-bottom: 47.3%;
  }
}
@media (max-width: 575px) {
  .wabox-section7 .wabox-section7-cont2 .img {
    padding-bottom: ;
  }
}
@media (min-width: 1921px) {
	.wabox-section4 .cont .gt .wabox-section4-container .img img{
		width: 100%;
		height: 100%;
		right: 0;
		margin: 0 auto;
	}
	.wabox-section4 .cont .gt .wabox-section4-container .img{
		padding-bottom: 85%;
	}
}
/* End */
.palbox .cont .item .jut .font .icon1 div {
  display: block;
  overflow: hidden;
  width: 24px;
  transition: all 0.3s linear;
}
.palbox .cont .item .jut .font .icon1 div img {
  width: 100%;
}
.palbox .cont .item .jut:hover .font .icon1 div {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}





/* 600wa */
.wabox2banner .cont .font2 {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10%;
}
@media (max-width: 991px) {
  .wabox2banner .cont .font2 {
    padding: 0 7%;
  }
}
@media (max-width: 767px) {
  .wabox2banner .cont .font2 {
    padding: 0 15px;
  }
}
.wabox2banner .cont .font2 h1,
.wabox2banner .cont .font2 span,
.wabox2banner .cont .font2 p {
  display: block;
}
.wabox2banner .cont .font2 h1 {
  font-size: 60px;
  color: #fff;
  font-family: "cu";
  line-height: 1.1;
  margin-bottom: 5px;
}
@media (max-width: 1440px) {
  .wabox2banner .cont .font2 h1 {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  .wabox2banner .cont .font2 h1 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .wabox2banner .cont .font2 h1 {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .wabox2banner .cont .font2 h1 {
    font-size: 34px;
  }
}
@media (max-width: 376px) {
  .wabox2banner .cont .font2 h1 {
    font-size: 28px;
  }
}
.wabox2banner .cont .font2 span {
  font-size: 20px;
  color: #fff;
  opacity: 0.7;
  margin-bottom: 56px;
}
@media (max-width: 1440px) {
  .wabox2banner .cont .font2 span {
    font-size: 18px;
    margin-bottom: 46px;
  }
}
@media (max-width: 767px) {
  .wabox2banner .cont .font2 span {
    font-size: 16px;
    margin-bottom: 26px;
  }
}
.wabox2banner .cont .font2 p {
  font-size: 22px;
  color: #fff;
  width: 60%;
}
@media (max-width: 1440px) {
  .wabox2banner .cont .font2 p {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .wabox2banner .cont .font2 p {
    width: 74%;
  }
}
@media (max-width: 991px) {
  .wabox2banner .cont .font2 p {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wabox2banner .cont .font2 p {
    font-size: 18ox;
    width: 100%;
  }
}
.wabox2banner .cont .font2 i {
  display: block;
  width: 270px;
  margin-top: 55px;
}
@media (max-width: 1440px) {
  .wabox2banner .cont .font2 i {
    width: 230px;
    margin-top: 45px;
  }
}
@media (max-width: 1199px) {
  .wabox2banner .cont .font2 i {
    width: 190px;
  }
}
@media (max-width: 767px) {
  .wabox2banner .cont .font2 i {
    width: 200px;
    margin-top: 26px;
  }
}
.wabox2banner .cont .font2 i img {
  width: 100%;
}
/* .wabox2-section1 .cont .jut {
  margin-bottom: 41px;
}
@media (max-width: 1440px) {
  .wabox2-section1 .cont .jut {
    margin-bottom: 31px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .jut {
    margin-bottom: 26px;
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .jut {
    margin-bottom: 20px;
  }
} */
.wabox2-section2-pc {
  display: block;
  overflow: inherit;
  height: auto;
}

@media (max-width: 1199px) {
  .wabox2-section2-pc {
    display: none;
  }
}
.wabox2-section2-pc .cont {
  display: block;
  flex-wrap: nowrap;
  justify-content: initial;
  flex-direction: row;
}
.wabox2-section2-pc .cont:after {
  content: "";
  display: block;
  clear: both;
}
.wabox2-section2-pc .cont .center {
  display: block;
  width: 44%;
  float: left;
}
@media (min-width:1921px) {
	.wabox2-section2-pc .cont .center{
		width: 35%;
	}
}
.wabox2-section2-pc .cont .center .jut {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.wabox2-section2-pc .cont .lt {
  width: 100%;
}
.wabox2-section2-pc .cont .sunbox-tit {
  width: 100%;
}
.wabox2-section2-pc .cont .gt {
  position: sticky;
  float: right;
  top: 0;
  right: 0;
  width: 56%;
  padding: 0;
}
@media (min-width: 1200px) {
  .wabox2-section2-pc .cont .gt {
    padding: 0 6%;
  }
  .wabox2-section2-pc .cont .gt .wabox-section5-container .item .img2 {
    top: 52%;
  }
  .wabox2-section2-pc .cont .gt .wabox-section5-container .item .img3 {
    top: 40%;
  }
}
@media (min-width: 1441px) {
  .wabox2-section2-pc .cont .gt {
    padding: 0;
  }
  .wabox2-section2-pc .cont .gt .wabox-section5-container .item .img2 {
    width: 87%;
    top: 44%;
  }
  .wabox2-section2-pc .cont .gt .wabox-section5-container .item .img1 {
    width: 88%;
  }
  .wabox2-section2-pc .cont .gt .wabox-section5-container .item .img3 {
    width: 87%;
    top: 29%;
  }
}
.wabox2-section1 .cont {
  padding-bottom: 120px;
}
@media (max-width: 1440px) {
  .wabox2-section1 .cont {
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .wabox2-section1 .cont {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont {
    padding-bottom: 55px;
  }
}
@media (max-width: 991px) {
  .wabox2-section1 .cont .zhishixian {
    margin: 0 auto 10px;
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .zhishixian {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .wabox2-section1 .cont .zhishixian {
    display: black;
  }
}
.wabox2-section1 .cont .sunbox-tit {
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .wabox2-section1 .cont .sunbox-tit {
    margin-bottom: 45px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .sunbox-tit {
    margin-bottom: 30px;
  }
}
.wabox2-section1 .cont .sunbox-tit strong {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  position: relative;
  font-size: 40px;
  color: #004098;
  font-weight: bold;
  font-family: "cu";
  letter-spacing: 1px;
}
@media (min-width: 2200px) {
  .wabox2-section1 .cont .sunbox-tit strong {
    font-size: 57px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .sunbox-tit strong {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .sunbox-tit strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .wabox2-section1 .cont .sunbox-tit strong {
    font-size: 24px;
  }
}
.wabox2-section1 .cont .sunbox-tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  color: #ff9421;
  font-style: normal;
  font-family: "cu";
  letter-spacing: 1px;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (max-width: 991px) {
  .wabox2-section1 .cont .sunbox-tit strong em {
    left: 0;
  }
}
.wabox2-section1 .cont .jut .center {
  width: 88%;
}
@media (max-width: 1440px) {
  .wabox2-section1 .cont .jut .center {
    width: 98%;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .jut .center {
    width: 100%;
  }
}
.wabox2-section1 .cont .img1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .img1 {
    /* height: 350px; */
  }
}
@media (max-width: 991px) {
  .wabox2-section1 .cont .img1 {
    /* height: 300px; */
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .img1 {
    width: 100%;
    /* height: 256px; */
  }
}
.wabox2-section1 .cont .img1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wabox2-section1 .cont .img1:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.wabox2-section1 .cont .img1 .icon1 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  color: #fff;
  text-align: center;
  display: flex;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  justify-content: center;
  width: 100%;
}
.wabox2-section1 .cont .img1 .icon1 a {
  color: #fff;
  font-size: 65px;
}
@media (max-width: 1440px) {
  .wabox2-section1 .cont .img1 .icon1 a {
    font-size: 54px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section1 .cont .img1 .icon1 a {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .img1 .icon1 a {
    font-size: 30px;
  }
}
.wabox2-section1 .cont .jut .center .swiper-slide {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .wabox2-section1 .cont .jut .center .swiper-slide {
    padding: 0 10px;
  }
}
.wabox2-section2 .wabox2-section2-cont {
  height: 100%;
}
.wabox2-section2 .cont .sunbox-tit {
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .wabox2-section2 .cont .sunbox-tit {
    margin-bottom: 45px;
  }
}
.wabox2-section2 .cont .sunbox-tit strong {
  margin-bottom: 0;
  letter-spacing: 1px;
}
.wabox2-section2 .cont .sunbox-tit strong em {
  letter-spacing: 1px;
}
.wabox2-section2 .cont .lt .font {
  font-size: 16px;
  color: #666;
  opacity: 0.8;
  line-height: 25px;
}
.wabox2-section2 .cont .gt .wabox-section5-container .item .img2 {
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
@media (max-width: 1440px) {
  .wabox2-section2 .cont .gt .wabox-section5-container .item .img2 {
    top: 36%;
  }
}
.wabox2-section2 .cont .gt .wabox-section5-container .item .img3 {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .wabox2-section2 .cont .gt .wabox-section5-container .item .img3 {
    top: 20%;
  }
}
.wabox2-section2-pc {
  display: none;
  height: auto;
}
@media (max-width: 1199px) {
  .wabox2-section2-pc {
    display: none;
  }
}
.wabox2-section2-pc .cont {
  display: block;
}
.wabox2-section2-pc .cont .jut {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.wabox2-section2-pc .cont .gt {
  position: absolute;
  top: 0;
}
.wabox2-section3 .cont .center {
  padding: 40px 53px 40px  0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 1px 33px rgba(0, 20, 50, 0.05);
  border-left: 10px solid #e8e9e9;
}
@media (max-width: 1440px) {
  .wabox2-section3 .cont .center {
    padding: 35px 43px 35px 0;
  }
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center {
    border-left: none;
    padding: 30px 43px;
  }
}
@media (max-width: 991px) {
  .wabox2-section3 .cont .center {
    padding: 25px 30px;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center {
    padding: 25px 30px;
  }
}
@media (max-width: 575px) {
  .wabox2-section3 .cont .center {
    padding: 10px 15px;
  }
}
.wabox2-section3 .cont .center .lt {
  width: 42%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /*margin-top: 50px;*/
  margin-left: -10px;
}
@media (max-width: 1440px) {
  .wabox2-section3 .cont .center .lt {
    margin-top: 25px;
  }
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center .lt {
    margin-top: 0;
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 5px solid #e8e9e9;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center .lt {
    border-bottom: 2px solid #e8e9e9;
  }
}
.wabox2-section3 .cont .center .lt .wabox2-section3-nav {
  margin-bottom: -5px;
	width: 100%;
}
.wabox2-section3 .cont .center .lt .item {
  display: flex;
  padding-right: 18%;
  padding-left: 36px;
  margin-bottom: 25px;
  border-left: 10px solid transparent;
}
@media (min-width: 1921px) {
	.wabox2-section3 .cont .center .lt .item{
		margin-bottom: 60px;
	}
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center .lt .item {
    padding: 0 15px;
    height: 200px;
    border-bottom: 5px solid transparent;
    margin-bottom: 0;
    border-left: none;
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .wabox2-section3 .cont .center .lt .item {
    height: 130px;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center .lt .item {
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    height: auto;
     padding: 10px 0 20px;
  }
}
@media (max-width: 575px) {
  .wabox2-section3 .cont .center .lt .item {
    
  }
}
@media (max-width: 376px) {
  .wabox2-section3 .cont .center .lt .item {
    
  }
}
.wabox2-section3 .cont .center .lt .item .img {
  height: 40px;
  margin-right: 20px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .wabox2-section3 .cont .center .lt .item .img {
    height: 35px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center .lt .item .img {
    height: 25px;
  }
}
.wabox2-section3 .cont .center .lt .item .img img {
  height: 100%;
}
.wabox2-section3 .cont .center .lt .item .img img:nth-child(2) {
  display: none;
}
.wabox2-section3 .cont .center .lt .item .font strong {
  font-size: 22px;
  color: #474747;
  display: block;
  font-weight: bold;
  margin-bottom: 13px;
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center .lt .item .font strong {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .wabox2-section3 .cont .center .lt .item .font strong {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center .lt .item .font strong {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .wabox2-section3 .cont .center .lt .item .font strong {
    margin-bottom: 6px;
  }
}
.wabox2-section3 .cont .center .lt .item .font span {
  font-size: 16px;
  color: #999999;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .wabox2-section3 .cont .center .lt .item .font span {
    font-size: 13px;
  }
}
@media (max-width: 575px) {
  .wabox2-section3 .cont .center .lt .item .font span {
    line-height: 1.2;
  }
}
@media (max-width: 376px) {
  .wabox2-section3 .cont .center .lt .item .font span {
    font-size: 12px;
  }
}
.wabox2-section3 .cont .center .lt .on {
  border-left: 10px solid #004098;
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center .lt .on {
    border-left: none;
    border-bottom: 5px solid #004098;
  }
}
@media (max-width: 767px) {
  .wabox2-section3 .cont .center .lt .on {
    border-bottom: 2px solid #004098;
  }
}
.wabox2-section3 .cont .center .lt .on .img img:nth-child(1) {
  display: none;
}
.wabox2-section3 .cont .center .lt .on .img img:nth-child(2) {
  display: block;
}
.wabox2-section3 .cont .center .lt .on .font strong {
  color: #004098;
}
.wabox2-section3 .cont .center .lt .on .font span {
  color: #004098;
}
.wabox2-section3 .cont .center .gt {
  width: 58%;
}
@media (max-width: 1199px) {
  .wabox2-section3 .cont .center .gt {
    width: 100%;
  }
}
.wabox2-section3 .cont .center .gt .img {
  overflow: hidden;
  border-radius: 3px;
}
.wabox2-section3 .cont .center .gt .img img {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
}
.wabox2-section3 .cont .center .gt .img:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.wabox2-section4 .cont {
  justify-content: inherit;
  flex-direction: row-reverse;
}
.wabox2-section4 .cont .sunbox-tit strong {
  letter-spacing: 1px;
  font-family: "cu";
}
.wabox2-section4 .cont .sunbox-tit strong em {
  letter-spacing: 1px;
  font-family: "cu";
}
.wabox2-section4 .cont .sunbox-tit {
  padding-right: 5%;
  margin-bottom: 86px;
  padding-left: 0;
}
@media (max-width: 1199px) {
  .wabox2-section4 .cont .sunbox-tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .wabox2-section4 .cont .sunbox-tit {
    margin-bottom: 40px;
    padding-right: 0;
  }
}
.wabox2-section4 .cont .lt,
.wabox2-section4 .cont .gt {
  width: 51%;
}
@media (max-width: 1199px) {
  .wabox2-section4 .cont .lt,
  .wabox2-section4 .cont .gt {
    width: 100%;
  }
}
.wabox2-section4 .cont .lt .nav1 .wabox-section4-nav {
  padding-top: 35px;
  border-top: 2px solid #8f9093;
}
@media (max-width: 767px) {
  .wabox2-section4 .cont .lt .nav1 .wabox-section4-nav {
    padding-top: 28px;
  }
}
.wabox2-section4 .cont .gt .wabox-section4-container .img {
  width: 100%;
}
@media (max-width: 1199px) {
  .wabox2-section4 .cont .gt .wabox-section4-container .img {
    padding-bottom: 56%;
  }
	.wabox2-section4 .cont .gt .wabox-section4-container .img img{
		height: 100%;
	}
}
@media (max-width: 767px) {
  .wabox2-section4 .cont .gt .wabox-section4-container .img {
    padding-bottom: 80%;
  }
}
.wabox2-section4 .gt .wabox-section4-container .swiper-slide {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .wabox2-section4 .gt .wabox-section4-container .swiper-slide {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .wabox2-section4 .gt .wabox-section4-container .swiper-slide {
    justify-content: center;
  }
}
.wabox2-section4 .cont .lt {
  padding-right: 4%;
  padding-left: 0;
}
@media (max-width: 767px) {
  .wabox2-section4 .cont .lt {
    padding-right: 0;
  }
}
.wabox2-section4 .cont .gt {
  left: 0;
  right: inherit;
}
.wabox2-section4 .cont .lt .wa a span {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .wabox2-section4 .cont .lt .wa a span {
    white-space: normal;
  }
}
.wabox2-section5 .sunbox-tit p {
  width: 78%;
}
@media (max-width: 1440px) {
  .wabox2-section5 .sunbox-tit p {
    width: 91%;
  }
}
@media (max-width: 1199px) {
  .wabox2-section5 .sunbox-tit p {
    width: 100%;
  }
}
.wabox2-section5 .sunbox-tit strong {
  letter-spacing: 1px;
  font-family: "cu";
}
.wabox2-section5 .sunbox-tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  font-family: "cu";
  left: 0;
  font-style: normal;
  letter-spacing: 1px;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.wabox2-section6 .container .cont .sunbox-tit {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .wabox2-section6 .container .cont .sunbox-tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .wabox2-section6 .container .cont .sunbox-tit {
    margin-bottom: 34px;
  }
}
.wabox2-section6 .container .cont .sunbox-tit strong {
  letter-spacing: 1px;
  font-family: "cu";
}
.wabox2-section6 .container .cont .sunbox-tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  font-family: "cu";
  left: 0;
  font-style: normal;
  letter-spacing: 1px;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
.wabox2-section6 .wabox2-section6-container {
  width: 100%;
}
.wabox2-section6 .wabox2-section6-container .img {
  width: 100%;
  display: block;
  overflow: hidden;
}
.wabox2-section6 .wabox2-section6-container .img img {
  width: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.wabox2-section6 .wabox2-section6-container .img:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.wabox2-section6 .wabox2-section6-container .wabox2-section6-prev,
.wabox2-section6 .wabox2-section6-container .wabox2-section6-next {
  width: 20px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 991px) {
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-prev,
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-next {
    width: 16px;
    height: 31px;
  }
}
.wabox2-section6 .wabox2-section6-container .wabox2-section6-prev {
  left: 23%;
  background-image: url(../images/lt.png);
}
.wabox2-section6 .wabox2-section6-container .wabox2-section6-prev:hover {
  background-image: url(../images/lt-1.png);
}
@media (max-width: 1199px) {
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-prev {
    left: 22%;
  }
}
@media (max-width: 767px) {
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-prev {
    left: 15px;
  }
}
.wabox2-section6 .wabox2-section6-container .wabox2-section6-next {
  right: 23%;
  background-image: url(../images/gt.png);
}
.wabox2-section6 .wabox2-section6-container .wabox2-section6-next:hover {
  background-image: url(../images/gt-1.png);
}
@media (max-width: 1199px) {
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-next {
    right: 22%;
  }
}
@media (max-width: 767px) {
  .wabox2-section6 .wabox2-section6-container .wabox2-section6-next {
    right: 15px;
  }
}
.wabox2-section7 .sunbox-tit strong {
  letter-spacing: 1px;
  font-family: "cu";
}
.wabox2-section7 .sunbox-tit strong em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  font-family: "cu";
  left: 0;
  font-style: normal;
  letter-spacing: 1px;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
#videopar{
	width: 100%;
	height: 700px;
	padding: 0;
	
}

#videopar .cont{
	padding: 41px 17% 150px;
}
@media (min-width:1921px) {
	#videopar{
		height: 1030px;
	}
	#videopar .cont{
		padding: 41px 17% 150px;
	}
}
@media (max-width: 1440px) {
  #videopar .cont{
    padding: 41px 17% 100px;
  }
}
@media (max-width: 1199px) {
  #videopar .cont{
    padding: 41px 7% 60px;
  }
}
@media (max-width: 767px) {
  #videopar .cont{
    padding: 41px 15px 40px;
  }
}
@media (max-width: 1199px) {
  #videopar {
    height: 450px;
  }
}
/* @media (max-width: 991px) {
 #videopar {
    height: 300px;
  }
}
@media (max-width: 767px) {
  #videopar {
    height: 256px;
  }
} */
/* #videopar .cont,
#videopar,
#videopar .cont .img,#videopar .cont .img1,#videopar .cont video{
  -webkit-transition: height 0.6s linear,width 0.6s linear;
  transition: height 0.6s linear,width 0.6s linear;
} */
#videopar .cont{
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	width: 100%;
	height: 100%;
}
#videopar .cont{
	width: 100%;
}
.vh1 {
  padding: 0;
}
.vh1 .cont {
  padding-bottom: 0;
  height: 100%;
	padding: 0!important;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1000;
}
.vh1 .cont .img1 {
  width: 100%;
  height: 100%;
}
/* End */
/* 底部固定 */
.fixedtop {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 888;
  display: none;
  width: 75px;
  overflow: hidden;
  padding: 20px 0;
}
.fixedtop .item {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 40px 0 0 40px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  margin-bottom: 4px;
  float: right;
}
.fixedtop .item:last-child{
  border-bottom: none;
  width: 60px;
}
.fixedtop .item i {
  display: block;
  margin-left: 5px;
  height: 20px;
}
.fixedtop .item i img {
  height: 100%;
  display: block;
}
.fixedtop .item:last-child i{
    
}
.fixedtop .item:nth-child(2) i{
 
}
.fixedtop .item i img:nth-child(2){
  display: none;
}
.fixedtop .item:hover{
  background-color: #004098;
}
.fixedtop .item:hover img:nth-child(1){
  display: none;
}
.fixedtop .item:hover img:nth-child(2){
  display: block;
}
@media (max-width: 767px) {
  .fixedtop .item {
    width: 50px;
    height: 50px;
  }
  .fixedtop .item i{
    width: auto;
    height: 60%;
  }
  .fixedtop .item i img{
    width: auto;
    height: 100%;
  }
}


/* End */





/* alertbox 弹窗 */
.chengbox {
  height: 80px;
  display: none;
}
@media (max-width: 1199px) {
  .chengbox {
    height: 70px;
  }
}
.alertbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  display: none;
  height: 100%;
}
.alertbox .bag {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.alertbox .center {
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 3px;
  right: 0;
  margin: auto;
  z-index: 2;
  width: 94%;
  max-height: 530px;
  max-width: 614px;
  height: 94%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 118px 80px;
  background-color: #fff;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1440px) {
  .alertbox .center {
    /* width:37%; */
    padding:90px 40px;
  }
}
@media (max-width: 1199px) {
  .alertbox .center {
    /* width: 64%; */
  }
}
@media (max-width: 991px) {
  .alertbox .center {
    /* width: 79%; */
  }
}
@media (max-width: 767px) {
  .alertbox .center {
    /* width: 95%; */
    max-height: 400px;
    padding: 30px 15px 42px;
  }
}
.alertbox .center .x1 {
  position: absolute;
  width: 16px;
  top: 20px;
  right: 23px;
}
@media (max-width: 575px) {
  .alertbox .center .x1 {
    top: 10px;
    right: 12px;
    width: 14px;
  }
}
.alertbox .center .x1 img {
  width: 100%;
}
.alertbox .center .form {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .alertbox .center .form {
    margin-bottom: 10px;
  }
}
.alertbox .center .form input,
.alertbox .center .form button {
  width: 100%;
  height: 60px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .alertbox .center .form input,
  .alertbox .center .form button {
    height: 50px;
  }
}
.alertbox .center .form input {
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #f1f3f4;
  padding: 30px;
  color: #a2a4a5;
}
@media (max-width: 767px) {
  .alertbox .center .form input {
    font-size: 14px;
  }
}
.alertbox .center .form button {
  font-size: 18px;
  color: #fff;
  background-color: #1a63c8;
}
@media (max-width: 767px) {
  .alertbox .center .form button {
    font-size: 16px;
  }
}
.alertbox .center p {
  text-align: center;
  font-size: 16px;
  color: #2c2e2f;
}
.alertbox .center p a {
  color: #2c2e2f;
  text-decoration: underline;
}
.alertbox .center .tit {
  width: 100%;
  text-align: center;
  margin-bottom: 44px;
}
@media (max-width: 1199px) {
  .alertbox .center .tit {
    margin-bottom: 20px;
  }
}
.alertbox .center .tit strong,
.alertbox .center .tit span {
  display: block;
}
.alertbox .center .tit strong {
  color: #1a63c8;
  font-weight: bold;
  font-size: 42px;
  margin-bottom: 15px;
  font-family: "cu";
}
@media (max-width: 1199px) {
  .alertbox .center .tit strong {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .alertbox .center .tit strong {
    font-size: 28px;
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .alertbox .center .tit strong {
    font-size: 26px;
  }
}
.alertbox .center .tit span {
  font-size: 18px;
  color: #999;
}
@media (max-width: 767px) {
  .alertbox .center .tit span {
    font-size: 14px;
  }
}
.fixedbutton {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  display: none!important;
  width: 100%;
  height: 80px;
  background-color: #1a63c8;
}
@media (max-width: 1199px) {
  .fixedbutton {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .fixedbutton {
    height: 60px;
  }
}
.fixedbutton .container {
  height: 100%;
}
.fixedbutton .container .cont {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
}
.fixedbutton .container .cont .lt {
  font-size: 22px;
  font-family: "cu";
  color: #fff;
  margin-right: 30%;
}
@media (max-width: 1199px) {
  .fixedbutton .container .cont .lt {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .fixedbutton .container .cont .lt {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0;
    text-overflow: ellipsis;
  }
}
.fixedbutton .container .cont .gt {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .fixedbutton .container .cont .gt {
    margin-left: 35px;
  }
}
@media (max-width: 767px) {
  .fixedbutton .container .cont .gt {
    margin-left: 0px;
  }
}
.fixedbutton .container .cont .gt .but {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  background-color: #fff;
  color: #1a63c8;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  margin-left: 78px;
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .fixedbutton .container .cont .gt .but {
    width: 150px;
    height: 40px;
    font-size: 20px;
    margin-left: 70px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .fixedbutton .container .cont .gt .but {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .fixedbutton .container .cont .gt .but {
    font-size: 18px;
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .fixedbutton .container .cont .gt .but {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}
.fixedbutton .container .cont .gt .data1 {
  display: flex;
}
@media (max-width: 767px) {
  .fixedbutton .container .cont .gt .data1 {
    display: none;
  }
}
.fixedbutton .container .cont .gt .data1 span {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fixedbutton .container .cont .gt .data1 span strong {
  font-size: 30px;
  font-weight: bold;
  font-family: "cu";
  line-height: 1.1;
}
.fixedbutton .container .cont .gt .data1 span em {
  display: block;
  font-style: normal;
}
.fixedbutton .container .cont .gt .data1 p {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  font-family: "cu";
  margin-top: 0px;
  line-height: 1.1;
  margin: 0 5px;
}
.fixedbutton .container .cont .img {
  position: absolute;
  right: 20px;
  top: 5px;
  width: 20px;
  cursor: pointer;
}
.fixedbutton .container .cont .img img {
  width: 100%;
}
@media (max-width: 1562px) {
  .fixedbutton .container .cont .img {
    right: 10px;
  }
}
@media (max-width: 991px) {
  .fixedbutton .container .cont .img {
    right: 5px;
  }
}
@media (max-width: 767px) {
  .fixedbutton .container .cont .img {
    top: 2px;
    right: 3px;
  }
  .fixedbutton .container .cont .img img {
    float: left;
  }
}
/* End */



 @media (max-width: 2147px) {
    
    .footerbox-section1 .cont .gt{
          width: auto;
      }
  }
/* .wode4{
  height: 180vh;
}
section{
  height: auto;
}
#wode4 .wabox-section4{
  height: 200vh;
}
@media (max-width:1199px) {
  
  .wode4{
    height: auto;
  }
}
.wode3{
  height: 300vh;
}
@media (max-width:1199px) {
    
    .wode3{
      height: auto;
    }
  }
  .wode3_1{
    width: 100%!important;
  } */

  @media (min-width: 2000px) {
    /*.contact-section1 .cont .lt .form .item input, .contact-section1 .cont .lt .form .item select{
      padding: 30px 0 30px 20px;
    }*/
    /*.contact-section1 .cont .gt .di .gps p span{
      font-size: 24px!important;
    }*/
    .contact-section1 .cont .gt .di{
      /* padding: 61px 60px 13px; */
    }
    .contact-section1 .cont .lt .form .but button{
      /* height: 90px; */
    }
  }
@media (min-width: 2200px) {
	.contact-section1 .cont .gt .di .gps p span{
      font-size: 22px!important;
    }
	
}

  #sexlist option{
    color: #666;
  }
	
	.top12{
		position: fixed;
		top: 80px;
	}
	.jian1{
		width: 100%;
		display: flex;
		
	}
	.headbox .butmenu{
		padding: 0;
	}
	.butmenu-lt{
		width: 25%;
		position: relative;
		z-index: 2;
    background-color: #f7f7f7;
	}
	.butmenu-lt a{
		display: flex;
		padding: 24px 0;
		font-size: 18px;
		color: #333;
		border-bottom: 1px solid #cccccc;
		padding-left: 40%;
		position: relative;
	}
	.butmenu-lt a strong{
		display: block;
	}
	
	.butmenu-lt a:last-child{
		border-bottom: none;
	}
	.butmenu-lt a:after{
		content: "";
		display: block;
		right: -10px;
		top: 0;
		width: 0;
		height: 0;
		border-top: 37px solid transparent;
		border-bottom: 38px solid transparent;
		border-left: 10px solid #fff;
		position: absolute;
		border-radius: 0 50px 76px 0;
	}
	@media (min-width: 1921px) {
		.butmenu-lt a{
			padding: 32px 0;
		}
		.butmenu-lt a:after{
			border-top: 45px solid transparent;
		border-bottom: 45px solid transparent;
		}
	}
	.butmenu-lt a.on{
		background-color: #c9caca;
		border-bottom: 1px solid #c9caca;
		color: #ec6614;
	}
	.butmenu-lt a.on:after{
		border-left-color: #c9caca;
	}
/* 	.butmenu-lt a:hover{
		background-color: #313840;
		border-bottom: 1px solid #313840;
		color: #ec6614;
	}
	.butmenu-lt a:hover:after{
		border-left-color: #313840;
	} */
	.butmenu-gt{
		width: 75%;
		padding-top: 30px;
		padding-bottom: 20px;
		background-color: #fff;
		position: relative;
		position:relative;
	}
	.butmenu-gt .but1 span{
		position: relative;
	}
	.butmenu-gt .but1 span:after{
		content: "";
		display: none;
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ec6614;
	}
	.butmenu-gt .but1:hover{
		text-decoration: none;
	}
	.butmenu-gt .but1:hover span:after{
		display: block;
	}
	.butmenu-gt .jut{
		display: none;
		flex-wrap: wrap;
		overflow: hidden;
		/* position: relative; */
	}
	.butmenu-gt .jut .item{
		display:flex;
		flex-direction: column;
		align-items: center;
		width: 20%;
		margin-bottom: 15px;
		float: left;
	}
	.butmenu-gt .jut .item .img{
		position: relative;
		width: 100%;
		padding-bottom: 40%;
		margin-bottom: 20px;
	}
	.butmenu-gt .jut .item strong{
		font-size: 14px;
		color: #666;
	}
	.butmenu-gt .jut .item .img img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		-webkit-transition: all .3s linear;
		transition: all .3s linear;
	}
	.butmenu-gt .jut .item:hover .img img{
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}
	.butmenu-gt .jut.on{
		display: block;
	}
	@media (max-width: 1440px) {
		.butmenu-lt a{
			padding-left: 16%;
		}
	}
	@media (max-width: 1199px) {
		.top12{
			top: 60px;
		}
	}
	@media (min-width: 2000px) {
		.home-section1 .home-section1-cont .swiper-slide .cont .bagfont{
			font-size: 200px;
		}
		.butmenu-lt a{
			padding-left: 55%;
		}
	}
	@media (min-width: 2200px) {
		.butmenu-lt a{
			padding-left: 27%;
		}
  }
  /* 产品分类 */
.profen-banner .cont .bannerbox-cont .swiper-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  object-fit: cover;
  z-index: 1;
}
.profen-banner .cont .bannerbox-cont .swiper-slide .font {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  z-index: 2;
}
.profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
  font-weight: bold;
  font-size: 48px;
  color: #fff;
  font-family: "cu";
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 1440px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
    font-size: 42px;
  }
}
@media (max-width: 1199px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font h1 {
    font-size: 34px;
  }
}
.profen-banner .cont .bannerbox-cont .swiper-slide .font span {
  font-size: 18px;
  color: #fff;
  opacity: 0.8;
  display: block;
  width: 63%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font span {
    width: 66%;
  }
}
@media (max-width: 991px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font span {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font span {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .profen-banner .cont .bannerbox-cont .swiper-slide .font span {
    font-size: 14px;
  }
}
.profen {
  background-color: #f8f8f8;
}
.profen-section1 {
  margin-bottom: 0;
  background-color: #fff;
}
.profen-section2 {
  padding: 140px 0;
}
@media (max-width: 1440px) {
  .profen-section2 {
    padding: 120px 0;
  }
}
@media (max-width: 1199px) {
  .profen-section2 {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .profen-section2 {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .profen-section2 {
    padding: 60px 0;
  }
}
@media (max-width: 575px) {
  .profen-section2 {
    padding: 45px 0;
  }
}
.profen-section2 .sunbox-tit {
  margin-bottom: 100px;
}
@media (max-width: 1440px) {
  .profen-section2 .sunbox-tit {
    margin-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .profen-section2 .sunbox-tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .profen-section2 .sunbox-tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .profen-section2 .sunbox-tit {
    margin-bottom: 35px;
  }
}
.profen-section2 .sunbox-tit p {
  width: 100%;
}
.profen-section2 .lunbo1 {
  position: relative;
  width: 84%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .profen-section2 .lunbo1 {
    width: 100%;
  }
}
.profen-section2 .lunbo1 .profen2-cont-next,
.profen-section2 .lunbo1 .profen2-cont-prev {
  display: none;
  background-size: 16px 42px;
  width: 50px;
  pointer-events: auto;
  outline: none;
}
.profen-section2 .lunbo1 .profen2-cont-next {
  background: url(../images/gt.png) no-repeat right;
  background-size: contain;
  right: -50px;
}
.profen-section2 .lunbo1 .profen2-cont-prev {
  background: url(../images/lt.png) no-repeat left;
  background-size: contain;
  left: -50px;
}
.profen-section2 .lunbo1:hover .profen2-cont-next,
.profen-section2 .lunbo1:hover .profen2-cont-prev {
  display: block;
}
.profen-section2 .profen2-cont {
  text-align: center;
}
.profen-section2 .profen2-cont .img {
  position: relative;
  overflow: hidden;
  padding-bottom: 70%;
}
.profen-section2 .profen2-cont .img img {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profen-section2 .profen2-cont .tit {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .profen-section2 .profen2-cont .tit {
    font-size: 16px;
  }
}
.profen-section2 .profen2-cont p {
  font-size: 14px;
  color: #999;
  height: 64px;
  overflow: hidden;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.profen-section2 .profen2-cont a {
  display: block;
  width: 165px;
  height: 45px;
  background: url(../images/abbag.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 45px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .profen-section2 .profen2-cont a {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .profen-section2 .profen2-cont a {
    height: 40px;
    line-height: 40px;
  }
}
.profen-section2 .profen2-cont .swiper-slide:hover .img img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.profen-section3 {
  padding-bottom: 140px;
}
@media (max-width: 1440px) {
  .profen-section3 {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .profen-section3 {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .profen-section3 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .profen-section3 {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .profen-section3 {
    padding-bottom: 45px;
  }
}
.profen-section3 .cont {
  width: 100%;
}
.profen-section3 .cont .fen3-container {
  width: 100%;
}
.profen-section3 .cont .fen3-container .img {
  width: 100%;
}
.profen-section3 .cont .fen3-container .img img {
  width: 100%;
}
.profen-section3 .cont .fen3-container .profen3-cont-next,
.profen-section3 .cont .fen3-container .profen3-cont-prev {
  background-color: #fff;
  width: 61px;
  height: 131px;
  outline: none;
  background-size: 23px 31px;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  margin: 0;
}
@media (max-width: 1199px) {
  .profen-section3 .cont .fen3-container .profen3-cont-next,
  .profen-section3 .cont .fen3-container .profen3-cont-prev {
    width: 31px;
    height: 62px;
    background-size: 13px 19px;
    display: none!important;
  }
}
@media (max-width: 767px) {
  .profen-section3 .cont .fen3-container .profen3-cont-next,
  .profen-section3 .cont .fen3-container .profen3-cont-prev {
    display: none;
  }
}
.profen-section3 .cont .fen3-container .profen3-cont-next {
  border-radius: 131px 0 0 131px;
  right: 0;
  background-image: url(../images/gt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .profen-section3 .cont .fen3-container .profen3-cont-next {
    border-radius: 62px 0 0 62px;
  }
}
.profen-section3 .cont .fen3-container .profen3-cont-next:hover {
  background-image: url(../images/gt.png);
  background-color: #fff;
  opacity: 1;
}
.profen-section3 .cont .fen3-container .profen3-cont-prev {
  left: 0;
  border-radius: 0 131px 131px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/lt-1.png);
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1199px) {
  .profen-section3 .cont .fen3-container .profen3-cont-prev {
    border-radius: 0 62px 62px 0;
  }
}
.profen-section3 .cont .fen3-container .profen3-cont-prev:hover {
  background-image: url(../images/lt.png);
  background-color: #fff;
  opacity: 1;
}
.profen-section3 .cont .fen3-container .profen3-cont-next.swiper-button-disabled,
.profen-section3 .cont .fen3-container .profen3-cont-prev.swiper-button-disabled {
  pointer-events: auto;
}
.profen-section3 .cont .fen3-container:hover .profen3-cont-next,
.profen-section3 .cont .fen3-container:hover .profen3-cont-prev {
  display: block;
}
.profen-section4 {
  padding-bottom: 100px;
}
@media (max-width: 1199px) {
  .profen-section4 {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .profen-section4 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .profen-section4 {
    padding-bottom: 45px;
  }
}
.profen-section4 .sunbox-tit {
  margin-bottom: 70px;
}
@media (max-width: 1440px) {
  .profen-section4 .sunbox-tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .sunbox-tit {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .profen-section4 .sunbox-tit {
    margin-bottom: 25px;
  }
}
.profen-section4 .fit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 100px;
}
@media (max-width: 1199px) {
  .profen-section4 .fit {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .profen-section4 .fit {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .fit {
    padding-bottom: 45px;
  }
}
.profen-section4 .fit .lt,
.profen-section4 .fit .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .profen-section4 .fit .lt,
  .profen-section4 .fit .gt {
    width: 100%;
  }
}
.profen-section4 .fit .lt {
  overflow: hidden;
  position: relative;
  padding-bottom: 34%;
}
@media (max-width: 1199px) {
  .profen-section4 .fit .lt {
    padding-bottom: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .fit .lt {
    padding-bottom: 60%;
    margin-bottom: 25px;
  }
}
.profen-section4 .fit .lt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.profen-section4 .fit .lt:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.profen-section4 .fit .gt {
  padding-left: 6%;
}
@media (max-width: 1199px) {
  .profen-section4 .fit .gt {
    padding-left: 0;
  }
}
.profen-section4 .fit .gt .font .tit {
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .profen-section4 .fit .gt .font .tit {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .fit .gt .font .tit {
    margin-bottom: 10px;
  }
}
.profen-section4 .fit .gt .font .tit strong {
  position: relative;
  font-size: 36px;
  color: #004098;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 10px;
  font-family: "cu";
  font-weight: bold;
}
@media (min-width: 2000px) {
  .profen-section4 .fit .gt .font .tit strong {
    font-size: 40px;
  }
}
@media (max-width: 1199px) {
  .profen-section4 .fit .gt .font .tit strong {
    font-size: 30px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .profen-section4 .fit .gt .font .tit strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .profen-section4 .fit .gt .font .tit strong {
    font-size: 24px;
  }
}
.profen-section4 .fit .gt .font .tit strong:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-family: "cu";
  font-weight: bold;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (max-width: 991px) {
  .profen-section4 .fit .gt .font .tit strong:before {
    left: 0;
  }
}
.profen-section4 .fit .gt .font .tit strong em {
  font-style: normal;
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-family: "cu";
  font-weight: bold;
  left: 0;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (max-width: 991px) {
  .profen-section4 .fit .gt .font .tit strong em {
    left: 0;
  }
}
.profen-section4 .fit .gt .font p {
  font-size: 16px;
  color: #999;
}
@media (max-width: 767px) {
  .profen-section4 .fit .gt .font p {
    font-size: 14px;
  }
}
.profen-section4 .fit .gt .font a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 45px;
  background: url(../images/abbag.jpg) no-repeat center;
  background-size: 100% 100%;
  margin-top: 60px;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .profen-section4 .fit .gt .font a {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .profen-section4 .fit .gt .font a {
    width: 120px;
    height: 40px;
    margin-top: 30px;
  }
}
.profen-section4{
	position: relative;
}
.profen-section4 .cont {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex-direction: row-reverse;
  padding-bottom: 100px;
  z-index: 2;
}
.profen-section4 .container{
	z-index: 2;
	position: relative;
}
.profen-section4 .san{
	display: block;
	width: 100%;
	position: absolute;
	top: -7%;
	left: 0;
	width: 100%;
}
.profen-section4 .san img{
    width: 122%;
    height: 120%;
}
@media (max-width: 1199px) {
  .profen-section4 .cont {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .profen-section4 .cont {
    padding-bottom: 60px;
  }
  .profen-section4 .san{
	  display: none;
  }
}
@media (max-width: 767px) {
  .profen-section4 .cont {
    padding-bottom: 45px;
  }
}
.profen-section4 .cont .lt,
.profen-section4 .cont .gt {
  width: 50%;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .lt,
  .profen-section4 .cont .gt {
    width: 100%;
  }
}
.profen-section4 .cont .lt {
  overflow: hidden;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .lt {
    width: 970px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
.profen-section4 .cont .lt .img {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 90%;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .lt .img {
    padding-bottom: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .cont .lt .img {
    padding-bottom: 80%;
    margin-bottom: 25px;
  }
}
.profen-section4 .cont .lt .img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.profen-section4 .cont .lt:hover img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.profen-section4 .cont .gt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .gt {
    position: static;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.profen-section4 .cont .gt .font {
  width: 50%;
  padding-left: 6%;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .gt .font {
    padding-left: 0;
    width: 100%;
  }
}
.profen-section4 .cont .gt .font .tit {
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .gt .font .tit {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .profen-section4 .cont .gt .font .tit {
    margin-bottom: 10px;
  }
}
.profen-section4 .cont .gt .font .tit strong {
  position: relative;
  font-size: 40px;
  color: #004098;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 10px;
  font-family: "cu";
  font-weight: bold;
}
@media (min-width: 2000px) {
  .profen-section4 .cont .gt .font .tit strong {
    font-size: 46px;
  }
}
@media (max-width: 1199px) {
  .profen-section4 .cont .gt .font .tit strong {
    font-size: 30px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .profen-section4 .cont .gt .font .tit strong {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .profen-section4 .cont .gt .font .tit strong {
    font-size: 24px;
  }
}
.profen-section4 .cont .gt .font .tit strong:before {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-family: "cu";
  font-weight: bold;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (max-width: 991px) {
  .profen-section4 .cont .gt .font .tit strong:before {
    left: 0;
  }
}
.profen-section4 .cont .gt .font .tit strong em {
  font-style: normal;
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  color: #ff9421;
  font-family: "cu";
  font-weight: bold;
  left: 0;
  top:0;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
}
@media (max-width: 991px) {
  .profen-section4 .cont .gt .font .tit strong em {
    left: 0;
  }
}
.profen-section4 .cont .gt .font p {
  font-size: 16px;
  color: #999;
}
@media (max-width: 1440px) {
  .profen-section4 .cont .gt .font p {
    width: 96%;
  }
}
@media (max-width: 767px) {
  .profen-section4 .cont .gt .font p {
    font-size: 14px;
    width: 100%;
  }
}
.profen-section4 .cont .gt .font a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 45px;
  background: url(../images/abbag.jpg) no-repeat center;
  background-size: 100% 100%;
  margin-top: 60px;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .profen-section4 .cont .gt .font a {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .profen-section4 .cont .gt .font a {
    width: 120px;
    height: 40px;
    margin-top: 30px;
  }
}
.profen-section4 .cont:nth-child(3n) {
  flex-direction: row;
  padding-bottom: 0;
}
.profen-section4 .cont:nth-child(3n) .gt .font {
  float: right;
  padding-right: 0;
}
@media (min-width: 991px) {
  .profen-section4 .cont:nth-child(3n) .gt .font{
    padding-left: 6%;
  }
}
@media (max-width: 1199px) {
  .profen-section4 .cont:nth-child(3n) .gt .font {
    float: none;
  }
}
.profen-section5 {
  padding-bottom: 160px;
  background: #fff;
	padding-top: 100px;
}
@media (max-width: 1440px) {
  .profen-section5 {
    padding-bottom: 140px;
		padding-top: 80px;
  }
}
@media (max-width: 1199px) {
  .profen-section5 {
    padding-bottom: 120px;
		padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .profen-section5 {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .profen-section5 {
    padding-bottom: 70px;
		padding-top: 40px;
  }
}
@media (max-width: 575px) {
  .profen-section5 {
    padding-bottom: 50px;
  }
}
.profen-section5 .sunbox-tit {
  width: 47%;
  line-height: 1.1;
  margin: 0 auto 46px;
}
@media (max-width: 1440px) {
  .profen-section5 .sunbox-tit {
    width: 54%;
  }
}
@media (max-width: 1199px) {
  .profen-section5 .sunbox-tit {
    width: 62%;
  }
}
@media (max-width: 991px) {
  .profen-section5 .sunbox-tit {
    width: 74%;
  }
}
@media (max-width: 767px) {
  .profen-section5 .sunbox-tit {
    width: 100%;
  }
}
.profen-section5-cont .item {
  display: block;
  width: 100%;
}
.profen-section5-cont .item .img {
  position: relative;
  padding-bottom: 75%;
  width: 100%;
  background-color: #ccc;
  margin-bottom: 25px;
  overflow: hidden;
}
.profen-section5-cont .item .img img {
  -webkit-transition: all 0.3s linear;
  width: 100%;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.profen-section5-cont .item .font {
  text-align: center;
}
.profen-section5-cont .item .font strong {
  font-size: 24px;
  color: #45454a;
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 1199px) {
  .profen-section5-cont .item .font strong {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .profen-section5-cont .item .font strong {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .profen-section5-cont .item .font strong {
    font-size: 16px;
  }
}
.profen-section5-cont .item .font p {
  color: #999;
  width: 78%;
  margin: 0 auto;
  font-size: 16px;
  height: 88px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .profen-section5-cont .item .font p {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .profen-section5-cont .item .font p {
    font-size: 14px;
    width: 100%;
	height: 84px;
  }
}
.profen-section5-cont .item:hover .img img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.profen-section6 {
  padding-bottom: 140px;
  background: #fff;
	padding-top: 140px;
}
@media (max-width: 1440px) {
  .profen-section6 {
		padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .profen-section6 {
		padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .profen-section6 {
		padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .profen-section6 {
		padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .profen-section6 {
		padding-top: 45px;
    padding-bottom: 45px;
  }
}
.profen-section6 .sunbox-tit {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .profen-section6 .sunbox-tit {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .sunbox-tit {
    margin-bottom: 25px;
  }
}
.profen-section6 .cont .tit {
  width: 100%;
  display: flex;
  height: 55px;
  background-color: #e8e8e8;
}
@media (max-width: 767px) {
  .profen-section6 .cont .tit {
    height: 45px;
  }
}
.profen-section6 .cont .tit .item {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 55px;
  font-size: 24px;
  color: #464646;
  overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .tit .item {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .tit .item {
    font-size: 20px;
    line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 8px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .tit .item {
    font-size: 10px;
  }
}
@media (max-width: 376px) {
  .profen-section6 .cont .tit .item {
    font-size: 12px;
  }
}
.profen-section6 .cont .tit .on {
  color: #fff;
  background: url(../images/bagbut1.jpg) no-repeat center;
  background-size: 100% 100%;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .center {
    overflow: auto;
  }
}
.profen-section6 .cont .center .jut {
  width: 100%;
  border-bottom: 2px solid #eaeaea;
  margin: 0;
  overflow: hidden;
}
.profen-section6 .cont .center .jut .item {
  width: 20%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 27px 0;
  float: left;
  height: 180px;
}
@media (max-width: 991px) {
  .profen-section6 .cont .center .jut .item {
    width: 30vw;
    height: 150px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .jut .item {
    width: 45vw;
    height: 120px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .jut .item {
    height: 100px;
  }
}
.profen-section6 .cont .center .jut .item p {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .jut .item p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .jut .item p {
    font-size: 12px;
  }
}
.profen-section6 .cont .center .jut .item .img {
  width: 50%;
  height: 100px;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .center .jut .item .img {
    height: 80px;
    width: 60%;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .jut .item .img {
    height: 50px;
    width: 80%;
  }
}
.profen-section6 .cont .center .jut .item .img img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.profen-section6 .cont .center .jut .item:first-child {
  border-right: 2px solid #eaeaea;
}
.profen-section6 .cont .center .jut .item:first-child strong {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .center .jut .item:first-child strong {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .jut .item:first-child strong {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .jut .item:first-child strong {
    font-size: 16px;
  }
}
.profen-section6 .cont .center .list .item {
  height: 100px;
}
@media (max-width: 991px) {
  .profen-section6 .cont .center .list .item {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .list .item {
    height: 60px;
  }
}
.profen-section6 .cont .center .list .item .font {
  display: flex;
  align-items: center;
  font-size: 16px;
  width: 100%;
  justify-content: center;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .list .item .font {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .list .item .font {
    font-size: 12px;
  }
}
.profen-section6 .cont .center .list .item .font i {
  display: block;
  width: 30px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .list .item .font i {
    width: 25px;
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .list .item .font i {
    width: 20px;
    margin-right: 5px;
  }
}
.profen-section6 .cont .center .list .item .font i img {
  width: 100%;
}
.profen-section6 .cont .center .list .item .font .tit1 {
  width: 35%;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .center .list .item .font .tit1 {
    width: 75%;
  }
}
@media (max-width: 575px) {
  .profen-section6 .cont .center .list .item .font .tit1 {
    width: 60%;
  }
}
.profen-section6 .cont .center .list .item em {
  display: block;
  height: 22px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .list .item em {
    height: 20px;
    margin-bottom: 5px;
  }
}
.profen-section6 .cont .center .list .item em img {
  height: 100%;
}
.profen-section6 .cont .center .zhong {
  width: 100%;
  overflow: hidden;
  display: none;
}
@media (max-width: 991px) {
  .profen-section6 .cont .center .zhong {
    width: 150vw;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .zhong {
    width: 225vw;
  }
}
.profen-section6 .cont .center .zhong:first-child {
  display: block;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .zhong2 {
    width: 265vw;
  }
}
.profen-section6 .cont .center .zhong2 .jut .item {
  width: 25%;
  height: 180px;
}
.profen-section6 .cont .center .zhong2 .jut .item:first-child .font{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center
}
.profen-section6 .cont .center .zhong2 .jut .item{

}

@media (max-width: 767px) {
  .profen-section6 .cont .center .zhong2 .jut .item {
    width: 47vw;
  }
}
@media (max-width: 376px) {
  .profen-section6 .cont .center .zhong2 .jut .item {
    width: 62vw;
  }
}
.profen-section6 .cont .center .zhong2 .list .item .font .tit1 {
  width: 60%;
}
.profen-section6 .cont .center .zhong2 .list .item .font i {
  width: 90px;
}
.profen-section6 .cont .center .zhong2 .jut .item .img {
  width: auto;
  height: 52px;
  margin-bottom: 20px;
}
.profen-section6 .cont .center .zhong2 .jut .item:first-child i{
  margin-right: 0;
  width: 181px;
}
.profen-section6 .cont .center .zhong2 .jut .item:first-child .tit1{
  width: 100%;
  margin-top: 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .profen-section6 .cont .center .zhong2 .jut .item .img {
    height: 30px;
    margin-bottom: 10px;
  }
}
/* End */
  /* 最新 */
.profen-section7 .cont {
  padding-bottom: 150px;
}
@media (max-width: 1440px) {
  .profen-section7 .cont {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .profen-section7 .cont {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .profen-section7 .cont {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .profen-section7 .cont {
    padding-bottom: 40px;
  }
}
.profen-section7 .cont .tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .profen-section7 .cont .tit {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .profen-section7 .cont .tit {
    margin-bottom: 25px;
  }
}
.profen-section7 .cont .tit strong {
  font-weight: bold;
  font-size: 30px;
}
@media (max-width: 991px) {
  .profen-section7 .cont .tit strong {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .profen-section7 .cont .tit strong {
    font-size: 20px;
    /* width: 100%; */
    margin-bottom: 5px;
  }
}
.profen-section7 .cont .tit a {
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .profen-section7 .cont .tit a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .profen-section7 .cont .tit a {
    font-size: 16px;
    /* width: 100%; */
    /* display: none; */
  }
}
.profen-section7 .cont .tit a span {
  text-align: center;
  display: block;
  position: relative;
  color: #004098;
}
.profen-section7 .cont .tit a span em {
  content: attr(data-text);
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  color: #ff9421;
  display: inline-block;
  -webkit-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -moz-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -ms-mask: linear-gradient(-144deg, #004098 50%, transparent);
  -o-mask: linear-gradient(-144deg, #004098 50%, transparent);
  mask: linear-gradient(-144deg, #004098 50%, transparent);
  font-style: normal;
}
.profen-section7 .cont .tit a i {
  display: block;
  height: 18px;
  overflow: hidden;
  margin-left: 4px;
}
.profen-section7 .cont .tit a i img {
  float: left;
  height: 100%;
}
@media (max-width: 567px) {
	.profen-section7 .cont .tit strong{
		font-size: 18px;
	}
	.profen-section7 .cont .tit a{
		font-size: 14px;
	}
	.profen-section7 .cont .tit a i{
		height: 14px;
	}
}
.profen-section7 .cont .profen-section7-cont a {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.profen-section7 .cont .profen-section7-cont a .img {
  position: relative;
  padding-bottom: 55%;
  width: 100%;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .profen-section7 .cont .profen-section7-cont a .img {
    margin-bottom: 10px;
  }
}
.profen-section7 .cont .profen-section7-cont a .img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profen-section7 .cont .profen-section7-cont a .font {
  text-align: center;
  margin-bottom: 12px;
}
.profen-section7 .cont .profen-section7-cont a .font span {
  display: block;
  font-size: 16px;
  color: #666;
  margin-bottom: 4px;
  font-weight: bold;
  width: 100%;
  height: 46px;
  overflow: hidden;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (max-width: 991px) {
  .profen-section7 .cont .profen-section7-cont a .font span {
    font-size: 14px;
	height: 41px;
  }
}
.profen-section7 .cont .profen-section7-cont a .font strong {
  color: #004098;
  display: block;
  font-size: 22px;
}
@media (max-width: 991px) {
  .profen-section7 .cont .profen-section7-cont a .font strong {
    font-size: 20px;
  }
}
.profen-section7 .cont .profen-section7-cont a .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 122px;
  height: 30px;
  border-radius: 3px;
  background: url(../images/abbag.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
}


@media (max-width: 2000px) {
  .profen-section6 .cont .center .jut .item .img{
    height: 140px;
  }
}


/* 产品分类列表 */
.profen-section6 .cont .f_zhong {
  width: 100%;
  overflow: auto;
  display: none;
}
.profen-section6 .cont .f_zhong .f_item {
  width: 100%;
  display: flex;
  align-items: center;
  height: 104px;
  border-bottom: 1px solid #eaeaea;
  padding-left: 4%;
}
.profen-section6 .cont .f_zhong .lt .f_item{
	font-weight: bold;
}
.profen-section6 .cont .f_zhong .f_item i {
  width: 26px;
  margin-right: 10px;
}
.profen-section6 .cont .f_zhong .f_item i img {
  width: 100%;
}
.profen-section6 .cont .f_zhong .f_item:last-child {
  border-bottom: none;
}
.profen-section6 .cont .f_zhong .f_tit {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #333333;
  border-bottom: 1px solid #eaeaea;
}
.profen-section6 .cont .f_zhong .f_tit strong{
	font-weight: bold;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .f_zhong .f_tit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .profen-section6 .cont .f_zhong .f_tit {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong .f_tit {
    font-size: 18px;
  }
}
.profen-section6 .cont .f_zhong .lt {
  border-right: 1px solid #eaeaea;
  width: 15%;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .f_zhong .lt {
    width: 25vw;
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong .lt {
    width: 50vw;
  }
}
.profen-section6 .cont .f_zhong .gt {
  width: 85%;
  overflow: auto;
}
@media (max-width: 1199px) {
  .profen-section6 .cont .f_zhong .gt .gun {
    /* width: 100vw; */
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong .gt .gun {
    /* width: 200vw; */
  }
}
.profen-section6 .cont .f_zhong .gt .f_ju {
  width: 100%;
  /* float: left; */
}
@media (max-width: 1199px) {
  .profen-section6 .cont .f_zhong .gt .f_ju {
    /* width: 25vw; */
  }
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong .gt .f_ju {
    /* width: 50vw; */
  }
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_item i {
  width: 100%;
  position: relative;
  padding-bottom: 10%;
  margin-bottom: 6px;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_item i img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_tit {
  flex-direction: column;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_tit i {
  width: 50%;
  position: relative;
  padding-bottom: 30%;
  margin-bottom: 6px;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_tit i img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_tit .tit2 {
  font-size: 16px;
}
.profen-section6 .cont .on {
  display: flex;
}
.profen-section6 .cont .f_zhong2 .f_item {
  height: 140px;
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong2 .lt {
    width: 50vw;
  }
}
.profen-section6 .cont .f_zhong2 .lt .f_item {
  flex-direction: column;
  justify-content: center;
}
.profen-section6 .cont .f_zhong2 .lt .f_tit{
	height: 180px;
}
.profen-section6 .cont .f_zhong2 .lt .f_item i {
  width: 60%;
  position: relative;
  margin-bottom: 5px;
  margin-right: 0;
}
.profen-section6 .cont .f_zhong2 .gt .gun {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong2 .gt .gun {
    /* width: 150vw; */
  }
}
.profen-section6 .cont .f_zhong2 .gt .gun .f_ju {
  width: 100%;
}
@media (max-width: 767px) {
  .profen-section6 .cont .f_zhong2 .gt .gun .f_ju {
    /* width: 50vw; */
  }
}
.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_item i {
  padding-bottom: 10%;
}
@media (max-width: 991px) {
  .profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_item i {
    padding-bottom: 14%;
  }
}
.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_item .tit2 {
  text-align: center;
}
.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_tit {
  text-align: center;
  height: 180px;
}
.profen-section6 .cont .f_zhong .gt .f_ju .f_tit .tit2{
	font-weight: bold;
}
.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_tit i {
  padding-bottom: 30%;
}
/* End */


/* 新增内容 */
.butmenu-gt{
	position: relative;
}
.butmenu-gt .but1{
	position: absolute;
	bottom: 18px;
	right: 20px;
	z-index: 2;
	color: #004098;
	font-size: 16px;
}
.butmenu-gt .but1:hover{
	text-decoration: none;
}
/* .butmenu-gt .but1 span:hover{
	text-decoration: underline;
} */
@media (max-width: 1600px) {
	.butmenu-gt .but1{
		font-size: 14px;
/* 		bottom: 20px;
		right: 35px; */
	}
	.butmenu-gt .but1 i{
		font-size: 14px;
	}
}
.alertbox .center{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.footerbox-section1 .cont .logo .lt{
	width: 100%;
	display: flex;
	margin-top: 40px;
}
@media (max-width: 1440px) {
	.footerbox-section1 .cont .logo .lt{
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	.footerbox-section1 .cont .logo .lt{
		margin-top: 14px;
		display: none;
	}
}
.footerbox-section1 .cont .logo .lt a{
	display: block;
	width: 25px;
	height: 25px;
	opacity: 0.4;
	margin-right: 14px;
	position: relative;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	flex-shrink: 0;
}
.footerbox-section1 .cont .logo .lt a i{color: #fff;font-size: 28px}
.footerbox-section1 .cont .logo .lt a .img{
	height: 100%;
}
.footerbox-section1 .cont .logo .lt a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
}
.footerbox-section1 .cont .logo .lt a:hover{
	opacity: 1;
}
.profen-section6 .cont .f_zhong3 .lt .f_item{
	flex-direction: row;
}
.profen-section6 .cont .f_zhong3 .f_item{
	height: 70px;
}
.profen-section6 .cont .f_zhong3 .lt .f_item i{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
.profen-section6 .cont .f_zhong3 .lt .f_item i img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.profen-section6 .cont .f_zhong3 .f_item .tit2{
	max-width: 80%;
	width: 70%;
	font-size: 14px;
	color: #333;
	/* text-align: center; */
	margin-left: 10px;
}
@media (max-width: 1440px) {
	.profen-section6 .cont .f_zhong3 .f_item .tit2{
		font-size: 12px;
	}
}
.profen-section6 .cont .f_zhong3 .gt .gun .f_ju .f_item i{
	display: none;
}
.profen-section6 .cont .f_zhong3 .gt .gun .f_ju .f_item:nth-child(1) i{
	display: block;
}


/* 产品公用 */
.pro_box_cont{
	width: 100%;
}
.pro_box .cont{
	position: relative;
}
.pro_box-pagination{
	bottom: 100px;
	width: 100%;
}
.pro_box-pagination span{
	width: 40px;
	height: 2px;
	background-color: #ddd;
	margin: 0 15px;
	border-radius: 3px;
}
.pro_box-pagination span.swiper-pagination-bullet-active{
    background-color: #000;
}
.pro_box_cont .swiper-slide{
	margin-bottom: 40px;
}
.pro_box_cont .f_item{
	display: flex;
	/* align-items: center; */
	padding-right: 10px;
}
.pro_box_cont .f_item .img {
	width: 38px;
	height: 30px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-top: 10px;
}
.pro_box_cont .f_item .img img{
	width: 100%;
	height: 140%;
	object-fit: contain;
}
.pro_box_cont .f_item .font {
	margin-left: 10px;
}
.pro_box_cont .f_item .font strong{
	font-weight: bold;
	font-size: 18px;
	color: #333;
	line-height: 26px;
	/* font-family: "cu"; */
	display: block;
	/* margin-bottom: 5px; */
}
.pro_box_cont .f_item .font span{
	font-size: 14px;
	color: #999;
	line-height: 24px;
  display: block;
  word-break: break-all;
  word-wrap: break-word;
}
.pro_box-pagination{
	
}
@media (max-width: 1440px) {
	.pro_box_cont .f_item .font strong{
		font-size: 16px;
		line-height: 24px;
	}
	.pro_box_cont .f_item .font span{
		font-size: 14px;
		line-height: 22px;
	}
	.pro_box-pagination{
		bottom: 80px;
	}
}
@media (max-width: 1199px) {
	.pro_box-pagination{
		bottom: 60px;
	}
}
@media (max-width: 767px) {
	.pro_box-pagination{
		bottom: 30px;
	}
}

/* 模块一 */
.chabox{
	width: 100%;
	background-color: #e9e9e9;
	padding: 120px 0;
	position: relative;
	z-index: 2;
}
@media (max-width: 1440px) {
	.chabox{
		padding: 100px 0;
	}
}
@media (max-width: 1199px) {
	.chabox{
		padding: 80px 0;
	}
}
@media (max-width: 991px) {
	.chabox{
		padding: 60px 0;
	}
}
@media (max-width: 1119px) {
	.chabox{
		padding: 40px 0;
	}
}
.chabox{
	padding-bottom: 0;
}
.chabox .sunbox-tit{
	position: relative;
	z-index: 2;
}
.chabox .cont{
	width: 100%;
	margin-top: -90px;
	position: relative;
	z-index: 1;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.chabox .cont img{
	width: auto;
	height: 100%;
}
@media (max-width:　1440px) {
	.chabox .cont{
		margin-top: 110px;
	}
}
@media (max-width: 1199px) {
	.chabox .cont{
		margin-top: -70px;
	}
	.chabox .cont img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}
@media (max-width:　767px) {
	.chabox .cont{
		margin-top: 60px;
	}
}
/* 模块二 */
.mibox{
	width: 100%;
	position: relative;
}
.mibox:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}
.mibox .img{
	width: 100%;
}
.mibox .img img{
	width: 100%;
	height: auto;
}
.mibox .cont{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	flex-direction: row-reverse;
	z-index: 2;
}
.mibox .cont .font{
	width: 584px;
}
.mibox .cont .font .tit{
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 27px;
	line-height: 48px;
}
.mibox .cont .text{
	font-size: 16px;
	color: #fff;
	opacity: .7;
	line-height: 26px;
}
.mibox .cont:after,.mibox .cont:before{
	display: none;
}
@media (max-width: 1440px) {
	.mibox .cont .font .tit{
		font-size: 36px;
		margin-bottom: 20px;
	}
}
@media (max-width: 1199px) {
	.mibox .cont .font .tit{
		font-size: 30px;
	}
}
@media (max-width: 1199px) {
	.mibox .cont .font .tit{
		font-size: 30px;
		margin-bottom: 20px;
	}
}
@media (max-width: 767px) {
	.mibox .img {
		height: 500px;
	}
	.mibox .cont {
		width: 100%;
	}
	.mibox .cont .font{
		width: 100%;
	}
	.mibox .img img{
		width: 230%;
		object-fit: cover;
		height: 100%;
	}
}


/* 防灾页面 */
.f_banner{
	width: 100%;
	height: auto;
	padding-top: 90px;
}
.f_banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 1440px) {
	.f_banner{
		height: ;
	}
}
@media (max-width: 1199px) {
	.f_banner img{
		width: 130%;
	}
	.f_banner{
		padding-top: 70px;
		height: 100vh;
	}
}
@media (max-width: 767px){
	.f_banner img{
		width: 192%;
		-webkit-transform: translateX(-47%);
		transform: translateX(-47%);
	}
	
}
.f_banner .cont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	align-items: center;
}
.f_banner .cont .font{
	width: 100%;
	margin-top: 25px;
}
.f_banner .cont .lt{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}
.f_banner .cont .lt .tit{
	font-size: 44px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
}
.f_banner .cont .lt .txt{
	font-size: 30px;
	line-height: 40px;
}
.f_banner .cont .lt i{
	display: block;
	width: 210px;
}
.f_banner .swiper-slide{
	overflow: hidden;
}
.f_banner .cont .lt i img{
	height: auto;
}
.f_banner .cont .container{
	position: relative;
	z-index: 4;
}
.f_banner .cont:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	-webkit-clip-path: polygon(0% -163%,-9% 0%,57% 0%,48% 100% ,0% 100%);
	clip-path: polygon(0% -163%,-9% 0%,57% 0%,48% 100% ,0% 100%);
}
.f-fang1{
	padding-top: 120px;
	padding-bottom: 120px;
}
.f-fang1 .tit{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 2px solid #dededf;
	line-height: 1.2;
	font-size: 50px;
	color: #ed6c00;
	font-family: "cu";
	margin-bottom: 60px;
	font-weight: bold;
}
.f_fang .cont{
	width: 100%;
}
.f_fang-cont{
	width: 100%;
	margin-bottom: 20px;
}
.f_fang-cont .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.f_fang-cont .tit{
	padding: 0;
	border-bottom: none;
	text-align: left;
	margin-bottom: 20px;
}
.f_fang-cont .lt{
	width: 48%;
	position: relative;
	/* background-color: #f8f8f8; */
	padding-bottom: 40%;
}
.f_fang-cont .lt img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.f_fang-cont .gt{
	width: 46%;
}
.f_fang-cont .text{
	font-size: 24px;
	color: #595757;
	line-height: 32px;
}
.f_page1{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}
.f_page1 .lt{
	font-size: 32px;
	color: #727171;
	display: flex;
}
.f_page1 .lt i{
	display: block;
	font-style: normal;
	margin: 0 5px;
}
.f_page1 .lt strong{
	font-weight: 500;
}
.f_fang-nav{
	width: 100%;
	padding: 40px 0;
	border-top: 3px solid #efeff0;
	border-bottom: 3px solid #efeff0;
}
.f_fang-nav{
	width: 100%;
}
.f_fang-nav .img{
	
}
.f_fang-nav .img img{
	width: 100%;
	max-width: 76%;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	object-fit: cover;
}
.f_fang-nav .img:hover img{
	-webkit-transform:scale(1.06);
	transform:scale(1.06);
}
@media (min-width: 767px) {
	.f_fang-nav .swiper-slide.on .img img{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
}


/* .f_fang-nav .img:hover img{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
} */
@media (max-width: 1440px) {
	.f-fang1{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.f_fang-nav{
		padding: 30px 0;
		border-width: 2px;
	}
	.f_fang-cont .text{
		font-size: 22px;
		line-height: 30px;
	}
	.f-fang1 .tit{
		font-size: 40px;
	}
	.f_fang-cont .tit{
		margin-bottom: 14px;
	}
	.f_page1 .lt{
		font-size: 30px;
	}
	.f_banner .cont .lt i{
		width: 170px;
	}
	.f_banner .cont .lt .txt{
		font-size: 26px;
		line-height: 36px;
	}
	.f_banner .cont .lt .tit{
		font-size: 36px;
	}
}
@media (max-width: 1366px) {
	.f-fang1{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.f-fang1 .tit{
		margin-bottom: 30px;
		font-size: 34px;
	}
	.f_banner .cont .lt i{
		width: 160px;
	}
	.f_banner .cont .lt .txt{
		font-size: 24px;
		line-height: 34px;
	}
	.f_banner .cont .lt .tit{
		font-size: 34px;
	}
}
@media (max-width: 1199px) {
	.f-fang1{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.f_fang-cont .lt{
		padding-bottom: 0;
		height: 540px;
	}
}
@media (max-width: 991px) {
	.f-fang1{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.f_fang-nav{
		border-width: 1px;
	}
	.f_fang-cont .lt{
		height: 440px;
	}
	.f_fang-cont .text{
		font-size: 20px;
		line-height: 28px;
	}
	.f-fang1 .tit{
		font-size: 30px;
	}
	.f_fang-cont{
		margin-bottom: 14px;
	}
	.f-fang1 .tit{
		border-bottom-width: 1px;
	}
	.f_banner .cont .lt i{
		width: 120px;
	}
	.f_banner .cont:after{
		-webkit-clip-path: none;
		clip-path: none;
	}
	.f_banner .cont .lt{
		width: 100%;
	}
	.f_banner .cont .font{
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.f_fang-cont .lt{
		width: 100%;
		margin-bottom: 40px;
	}
	.f_fang-cont .gt{
		width: 100%;
	}
	.f-fang1 .tit{
		font-size: 26px;
		margin-bottom: 16px;
	}
	.f_banner .cont .lt i{
		width: 80px;
	}
	.f_banner .cont .container{
		width: 100%;
	}
	.f_banner .cont .lt .txt{
		font-size: 20px;
		line-height: 30px;
	}
	.f_banner .cont .lt .tit{
		font-size: 26px;
	}
}
@media (max-width: 600px) {
	.f_fang-cont .lt{
		padding-bottom: 100%;
		height: auto;
	}
}

/* End */
/* 搜索结果页面 */
.searchbox1 {
  background-color: #f8f8f8;
}
.searchbox1-section1 {
  padding: 60px 0 100px;
}
@media (min-width: 1562px) {
  .searchbox1-section1 .container {
    width: 1280px;
  }
}
@media (max-width: 1440px) {
  .searchbox1-section1 {
    padding: 60px 0 80px;
  }
}
@media (max-width: 1199px) {
  .searchbox1-section1 {
    padding: 40px 0 60px;
  }
}
.searchbox1-section1 .form {
  width: 100%;
  max-width: 625px;
  height: 54px;
  margin: 0 auto;
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  display: flex;
}
.searchbox1-section1 .form input,
.searchbox1-section1 .form button {
  height: 100%;
  font-size: 22px;
  background-color: transparent;
}
.searchbox1-section1 .form input {
  padding: 18px;
  font-size: 20px;
  width: 100%;
  color: #9fa0a0;
}
.searchbox1-section1 .form button {
  width: 55px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .searchbox1-section1 .form button {
    width: 44px;
  }
}
.searchbox1-section2 {
  padding-bottom: 100px;
}
@media (max-width: 1440px) {
  .searchbox1-section2 {
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .searchbox1-section2 {
    padding-bottom: 60px;
  }
}
@media (min-width: 1562px) {
  .searchbox1-section2 .container {
    width: 1280px;
  }
}
.searchbox1-section2 .container > p {
  text-align: center;
  margin-top: 80px;
  font-size: 20px;
  color: #595757;
}
@media (max-width: 1440px) {
  .searchbox1-section2 .container > p {
    padding-bottom: 40px;
  }
}
.searchbox1-section2 .sear1_nav {
  width: 100%;
  margin-bottom: 68px;
}
@media (max-width: 1440px) {
  .searchbox1-section2 .sear1_nav {
    margin-bottom: 58px;
  }
}
@media (max-width: 991px) {
  .searchbox1-section2 .sear1_nav {
    margin-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .searchbox1-section2 .sear1_nav {
    margin-bottom: 28px;
  }
}
.searchbox1-section2 .sear1_nav .swiper-slide {
  width: auto;
  margin-right: 60px;
}
@media (max-width: 1440px) {
  .searchbox1-section2 .sear1_nav .swiper-slide {
    margin-right: 40px;
  }
}
@media (max-width: 991px) {
  .searchbox1-section2 .sear1_nav .swiper-slide {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .searchbox1-section2 .sear1_nav .swiper-slide {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .searchbox1-section2 .sear1_nav .swiper-slide {
    margin-right: 16px;
  }
}
.searchbox1-section2 .sear1_nav .swiper-slide .item {
  width: 100%;
  font-size: 22px;
  color: #9fa0a0;
  display: flex;
}
@media (max-width: 767px) {
  .searchbox1-section2 .sear1_nav .swiper-slide .item {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .searchbox1-section2 .sear1_nav .swiper-slide .item {
    font-size: 18px;
  }
}
.searchbox1-section2 .sear1_nav .swiper-slide .item span {
  padding-bottom: 7px;
}
.searchbox1-section2 .sear1_nav .swiper-slide .item span:nth-child(1) {
  display: block;
  border-bottom: 2px solid transparent;
}
.searchbox1-section2 .sear1_nav .on .item span:nth-child(1) {
  display: block;
  border-bottom: 2px solid #004098;
}
.searchbox1-section2 .cont {
  width: 100%;
}
.searchbox1-section2 .cont .f_list {
  display: none;
  flex-wrap: wrap;
  margin: 0 -18px;
}
@media (max-width: 1440px) {
  .searchbox1-section2 .cont .f_list {
    margin: 0 -10px;
  }
}
@media (max-width: 1199px) {
  .searchbox1-section2 .cont .f_list {
    margin: 0 -5px;
  }
}
@media (max-width: 767px) {
  .searchbox1-section2 .cont .f_list {
    margin: 0;
  }
}
.searchbox1-section2 .cont .f_list .item {
  width: 25%;
  padding: 0 18px;
  margin-bottom: 70px;
}
@media (max-width: 1440px) {
  .searchbox1-section2 .cont .f_list .item {
    padding: 0 10px;
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .searchbox1-section2 .cont .f_list .item {
    padding: 0 5px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .searchbox1-section2 .cont .f_list .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .searchbox1-section2 .cont .f_list .item {
    padding: 0;
    width: 100%;
  }
}
.searchbox1-section2 .cont .f_list .item .jut {
  display: block;
  width: 100%;
}
.searchbox1-section2 .cont .f_list .item .jut .img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 20px;
  overflow: hidden;
}
.searchbox1-section2 .cont .f_list .item .jut .img img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 100%;
  object-fit: contain;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.searchbox1-section2 .cont .f_list .item .jut .font {
  width: 100%;
	text-align: left;
  font-size: 18px;
	font-weight: bold;
  max-width: 200px;
  margin: 0 auto;
}
.searchbox1-section2 .cont .f_list .item .jut .font .f_tit {
  font-size: 20px;
  width: 100%;
  color: #898989;
  line-height: 30px;
  font-weight: 500;
	margin-bottom: 10px;
}
.searchbox1-section2 .cont .f_list .item .jut .font span {
  color: #ed6c00;
	font-size: 22px;
}
.searchbox1-section2 .cont .f_list .item .jut:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.searchbox1-section2 .cont .f_list .f_item {
  width: 33.333%;
}
@media (max-width: 991px) {
  .searchbox1-section2 .cont .f_list .item .jut .font .f_tit{
    font-size: 18px;
    line-height: 28px;
  }
  .searchbox1-section2 .cont .f_list .f_item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .searchbox1-section2 .cont .f_list .f_item {
    width: 100%;
  }
}
.searchbox1-section2 .cont .f_list .f_item .jut .f_font {
  max-width: 100%;
}
.searchbox1-section2 .cont .f_list .f_item .jut .f_font .tit {
  font-size: 14px;
  color: #333;
}
.searchbox1-section2 .cont .f_list .f_item .jut .f_font .tit strong {
  color: #ed6c00;
}
.searchbox1-section2 .cont .f_list .f_item .jut .f_font .f_tit {
  font-size: 20px;
  color: #898989;
  font-weight: 500;
  margin-top: 10px;
	line-height: 26px;
	height: 74px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width: 991px) {
  .searchbox1-section2 .cont .f_list .f_item .jut .f_font .f_tit {
    font-size: 18px;
  }
}
.searchbox1-section2 .cont .on {
  display: flex;
}
.searchbox1-section2 .erro {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #9fa0a0;
  height: 500px;
}
@media (max-width: 1199px) {
  .searchbox1-section2 .erro {
    height: 350px;
  }
}
.searchbox1-section2 .erro span {
  color: #ed6c00;
}
/* End */
.wabox2-section2-pc .cont .center {
  display: block;
  width: 44%;
  float: left;
}
.wabox2-section2-pc {
  display: block;
  overflow: hidden;
}
.wabox2-section2-pc .cont .center .jut {
  height: auto;
}
.wabox2-section2-pc .web5-pagin {
  position: relative;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
}
@media (max-width: 1440px) and (min-width: 1200px) {
	.wabox2-section2-pc .web5-pagin{
		position:absolute;
		top: inherit;
		bottom: 78px;
	}
}
.wabox2-section2-pc .web5-pagin span {
  width: 100px;
  height: 3px;
  opacity: 1;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1199px) {
	.wabox2-section2-pc .web5-pagin{
		    margin-top: -185px;
	}
  .wabox2-section2-pc .web5-pagin span {
    width: 60px;
  }
}
@media (max-width: 991px) {
	.wabox2-section2-pc .web5-pagin{
		margin-top: 0;
	}
}
.wabox2-section2-pc .web5-pagin span:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #FFFFFF;
}
.wabox2-section2-pc .web5-pagin .swiper-pagination-bullet-active:after {
  -webkit-animation: width1 4.6s linear;
  animation: width1 4.6s linear;
}
.wabox2-section2-pc .cont .side-bar1 {
  position: relative;
/* 	justify-content: center;
	display: flex; */
/* 	-webkit-transform: scale(1.2);
	transform: scale(1.2); */
}
.wabox2-section2-pc .cont .side-bar1 .pic2 {
  position: relative;
  height: 756px;
  width: 1000px;
  background-position: -8340px -24px;
  background-repeat: no-repeat;
}
@media (min-width: 1921px) {
	.wabox2-section2-pc .cont .side-bar1{
		display: flex;
		justify-content: flex-end;
	}
}
@media (max-width: 1680px) {
  .wabox2-section2-pc .cont .side-bar1 .pic2 {
    -webkit-transform: translateX(1%) scale(0.8);
    transform: translateX(-4%) scale(0.8);
  }
}
@media (max-width: 1440px) {
	.wabox2-section2-pc .cont .side-bar1 {
		display: block;
	}
  .wabox2-section2-pc .cont .side-bar1 .pic2 {
    -webkit-transform: translateX(-18%) scale(0.4);
    transform: translateX(-18%) scale(0.4);
  }
}
@media (max-width: 1199px) {
	.wabox2-section2-pc .cont .side-bar1 .pic2 {
	  -webkit-transform: translateX(-24%) scale(0.3);
	  transform: translateX(-24%) scale(0.4);
	}
}
@media (max-width: 991px) {
  .wabox2-section2-pc .cont .side-bar1 .pic2 {
    -webkit-transform: translateX(-14%) scale(0.6);
    transform: translateX(-14%) scale(0.6);
  }
}
@media (max-width: 767px) {
	.wabox2-section2-pc .cont .side-bar1 .pic2 {
	  -webkit-transform: translateX(-24%) scale(0.4);
	  transform: translateX(-24%) scale(0.4);
	}
}
@media (max-width: 575px) {
  .wabox2-section2-pc .cont .side-bar1 .pic2 {
    height: 640px;
    -webkit-transform: translateX(-32%) scale(0.3);
    transform: translateX(-32%) scale(0.3);
  }
}
@media (max-width: 376px) {
  .wabox2-section2-pc .cont .side-bar1 .pic2 {
    -webkit-transform: translateX(-36%) scale(0.26);
    transform: translateX(-36%) scale(0.26);
  }
}
.wabox2-section2-pc .swiper-slide {
  background-color: #1e2126;
}
.wabox2-section2-pc .swiper-slide.swiper-slide-active .pic2 {
  animation: 0.8s go2 steps(9);
}
.wabox2-section2-pc .cont {
  display: flex;
  align-items: center;
	justify-content: space-between;
}
@media (max-width: 991px) {
  .wabox2-section2-pc .cont {
    flex-wrap: wrap;
  }
  .wabox2-section2-pc .cont .center {
    width: 100%;
    order: 1;
  }
  .wabox2-section2-pc .cont .center .sunbox-tit {
    padding-left: 0;
  }
  .wabox2-section2-pc .cont .gt {
    width: 100%;
    order: 0;
  }
}

@media (max-width: 991px) and (max-width: 376px) {
  .wabox2-section2-pc .cont .center {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}



@media (max-width: 575px) {
  .wabox2-section2-pc .cont .gt {
    margin-bottom: 0;
    margin-top: -126px;
  }
}
@keyframes go2 {
  0% {
    background-position-x: -20px;
  }
  100% {
    background-position-x: -9380px;
  }
}
@keyframes width1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes width1 {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/*  */

/* @media (min-width:992px) {
	.wabox2-section2-pc{
		height: 100vh;
	}
} */

@media (min-width: 1681px) {
	.wabox2-section2-pc .cont .side-bar1 .pic2{
		-webkit-transform: translateX(-4%);
		transform: translateX(-4%);
	}
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img{
	width: auto;
	max-width: 100%;
}
@media (min-width: 1921px) {
	.pro_box {
		width: 80%;
	}
	.wabox2-section2-pc .cont .side-bar1 .pic2{
		transform: scale(1.1);
	}
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img{
		height: 420px;
		object-fit: contain;
	}
	.wabox2-section3,.wabox-section6{
		width: 1622px;
	}
	.chabox{
		width: 100%;
	}
	.wabox-section4 .cont .lt .nav1 .wabox-section4-nav .item i{
		height: 85px;
  }
  .wabox2-section2{
    height: 120vh;
  }
  .wabox2-section2 .container{
    display: flex;
    align-items: center;
  }
  .wabox2-section3{
    height: 120vh;
  }
  .wabox2-section3 .cont{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}


/* 最新 */
.profen-section4 .fit .gt .font .tit strong em{
	top: 0;
}
.profen-section4 .cont .gt .font{
	padding-right: 6%;
	padding-left: 0;
}
.chabox .cont{
	height: auto;
	margin-top: 0;
}
@media (max-width: 1199px) {
	.profen-section4 .cont .gt .font{
		padding-left: 0;
		padding-right: 0;
	}
}
.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .item .img img{
	max-width: 100%;
}


/* 2020/12/22 */
@media (min-width: 1921px) {
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev{
		left: 22%;
	}
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next{
		right: 22%;
	}
	.profen-section6 .cont .f_zhong2 .lt .f_item i{
		width: 42%;
	}
	.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_tit i{
		padding-bottom: 16%;
	}
	.wabox-section4 .cont .lt .wa a:after{
		top: 5px;
	}
}

/* 2020/12/22 */
@media (min-width: 1921px) {
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-prev{
		left: 22%;
	}
	.sunbox-section6 .cont .sunbox-section6-top .sunbox-section6-top1 .sunbox-section6-top-next{
		right: 22%;
	}
	/* .profen-section6 .cont .f_zhong2 .lt .f_item i{
		width: 42%;
	} */
/* 	.profen-section6 .cont .f_zhong .f_item i{
		width: 26px!important;
	}
	.profen-section6 .cont .f_zhong2 .lt .f_item i{
		width: 42%;
	} */
	.profen-section6 .cont .f_zhong .gt .f_ju .f_tit i{
		padding-bottom: 20%;
	}
	.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_tit i{
		padding-bottom: 16%;
	}
	.wabox-section4 .cont .lt .wa a:after{
		top: 5px;
	}
}


/* 2020/12/25 */
.abimg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
@media (min-width:768px) {
	.abimg{
		display: none;
		
	}
	.abimg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
}
@media (max-width: 767px) {
	.aboutbanner .cont .aboutvideo{
		display: none;
	}
}
/* End */

/* 2020、12、29 */
@media (max-width: 767px) {
	.wabox2-section2-pc .cont .center{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.wabox2-section2-pc .cont .gt{
		margin-top: 0;
		height: 250px;
	}
	.wabox2-section2-pc .cont .side-bar1 .pic2{
		margin-top: -225px;
	}
}
/* End */

/* 2021/01/04 */
.blog-section2 .cont .item{
		margin-bottom: 30px;
	}
@media (min-width: 1921px) {
	.blog{
		max-width: 1800px;
	}
	.blog-section1 .cont .gt .jut .item{
		margin-bottom: 10px;
	}
	.blog-section1 .cont .gt .jut .item:last-child{
		margin-bottom: 0;
	}
	.blog-section1 .cont .gt .jut .item .img {
	    padding-bottom: 73.33%;
	}
	.blog-section1 .cont .lt .jut .img{
		    padding-bottom: 86.24%;
	}
	
	.blog-section2 .cont .item .jut .img{
		padding-bottom: 65.2%;
	}
	.profen-section6 .cont .f_zhong2 .gt .gun .f_ju .f_tit i{
		padding-bottom: 20%;
	}
	.wabox-section5 .cont .gt .wabox-section5-container .item3 .img2{
		top: 36%;
	}
	.wabox-section5 .cont .gt .wabox-section5-container .item3 .img4{
		top: 19%;
	}
	.wabox-section5 .cont .gt .wabox-section5-container .item3 .img3{
		top: 19%;
	}
}
/* End */

/* 2021/1/7 */
.wabox-section5 .cont .lt .jut .item .hover1,.wabox2-section2 .cont .lt .font{
	color: #a2a2a2;
}
@media (min-width: 1921px) {
	.home-section4{
		height: 1284px;
	}
}
/* End */
/* 表单 */
.c-container{width: 85%;margin: 0 auto}

#c-contact {
	padding: 80px 0 140px;
	background: #fff;
}
#c-contact .c-list-box {
	background: #fff;
	box-shadow: 0 1px 50px rgba(0,0,0,.1);
}
#c-contact .c-list1 li{
	float: left;
	position: relative;
	width: 50%;
	height: 90px;
	font-size: 30px;
	line-height: 90px;
	text-align: center;
	color: #333;
	background: #ddd;
	cursor: pointer;
}
#c-contact .c-list1 li:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
}
#c-contact .c-list1 li.active {
	color: #fff;
	background: #004098;
}
#c-contact .c-list1 li.active:before {
	border-top: 10px solid #004098;
}
#c-contact .c-list2 li{
	display: none;
	padding: 0 40px 70px;
}
#c-contact .c-list2 li.active {
	display: block;
}
#c-contact .c-list2 .c-title {
	padding: 50px 0;
	font-size: 24px;
	line-height: 34px;
	color: #191919;
}

#c-contact .c-list2 input {
	width: 100%;
	height: 60px;
	background: #f6f6f6;
	font-size: 16px;
	color: #666;
	padding: 0 20px;
	margin-bottom: 16px;
}
#c-contact .c-list2 textarea {
	width: 100%;
	padding: 17px 20px;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	border: 0;
	background: #f6f6f6;
	height: 225px;
	margin-bottom: 16px;
}
#c-contact .c-list2 .c-item2 input {
	float: left;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
}
#c-contact .c-list2 .c-item2 select {
	border: 0;
	float: right;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	height: 60px;
	background: #f6f6f6;
	font-size: 16px;
	color: #666;
	padding: 0 20px;
	margin-bottom: 16px;
}
#c-contact .c-list2 .c-item2 input:last-child {
	float: right;
}
#c-contact .c-list2 button {
	display: block;
	margin: 34px auto 0;
	width: 190px;
	height: 60px;
	font-size: 18px;
	color: #fff;
	background: #004098;
}
.c-clear:after {
    content: '';
    display: block;
    clear: both;
}

/* 信息 */
#c-contact2 {
	padding-bottom: 40px;
	background: #fff;
}
#c-contact2 .c-list1 {
	padding-bottom: 50px;
	text-align: center;
}
#c-contact2 .c-list1 li {
	margin: 0 50px;
	display: inline-block;
	font-size: 36px;
	line-height: 1.1em;
	color: #333;
	cursor: pointer;
	font-weight: bold
}
#c-contact2 .c-list1 li.active {
	color: #004098;
}
#c-contact2 .c-list2 {
	position: relative;
}
#c-contact2 .c-list2>li {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #f5f5f5;
}
#c-contact2 .c-list2>li.active{
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	opacity: 1;
}
#c-contact2 .c-list2 .c-left-box {
	width: 50%;
	padding: 50px 0 50px 4rem;
	background:url(../images/contact-bg_07.png) no-repeat left center;
}
#c-contact2 .c-list2 .c-right-box {
	position: relative;
	width: 50%;
}

#c-contact2 .c-list2 .c-left-box .c-link{
	float: left;
	width: 39.4%;
}
#c-contact2 .c-list2 .c-left-box .c-link p {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #999;
	cursor: pointer;
}
#c-contact2 .c-list2 .c-left-box .c-link p:last-child {
	margin-bottom: 0;
}
#c-contact2 .c-list2 .c-left-box .c-link p.active {
	color: #004098;
}
#c-contact2 .c-list2 .c-left-box .c-text-box {
	float: left;
	padding-right: 50px;
	width: 90%;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-item {
	display: none;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-item.active {
	display: block;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-title {
	border-bottom: 2px solid #ddd;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 34px;
	color: #333;
	font-weight: bold
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-text{
	padding: 35px 0 20px;
	line-height: 26px;
	color: #666;
	display: inline-block
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-text p {
	margin-bottom: 30px;
	display: inline-block;
	font-size: 16px;
	color:#333;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn {
	display: block;
	width: 190px;
	height: 60px;
	text-align: center;
	line-height: 58px;
	border: 1px solid #ddd;
	color: #333;
	transition: .5s;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn:hover {
	border-color: #fff;
	background: #004098;
	color: #fff;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box{
	margin-right: 20px;
	vertical-align: middle;
	display: inline-block;
	width: 18px;
	height: 18px;
}

#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box img {
	width: 100%;
	vertical-align: top;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box img:last-child,
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn:hover .c-img-box img:first-child {
	display: none;
}
#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn:hover .c-img-box img:last-child {
	display: inline-block;
}
.containers {
    width: 100%;
    margin: 0 auto;
}
#dituContent {
    height: 600px;
    border: #ccc solid 1px;
}


/* 人才培养理念 */
#c-join {
	padding-top: 120px;
	padding-bottom: 120px;
	background: #fff;
}
#c-join .c-wrap {
	display: flex;
	/*align-items: center;*/
	flex-wrap: wrap;
}
#c-join .c-wrap .c-img-box {
	width: 50%;
	height: 12.62rem;
	overflow: hidden;
}
#c-join .c-wrap .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#c-join .c-wrap .c-text-box {
	width: 50%;
	padding: 0 80px;
}
#c-join .c-wrap .c-text-box .c-title {
	margin-bottom: 50px;
	position: relative;
	font-size: 36px;
	line-height: 1.1em;
	color: #333;
	font-weight: bold
}
#c-join .c-wrap .c-text-box .c-title:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -140px;
	width: 120px;
	margin-top: -1px;
	border-top: 3px solid #004098;
}
#c-join .c-wrap .c-text-box .c-title-right:before{	
	left: inherit;
	right: -140px
}



#c-join .c-wrap .c-text-box .c-text {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	text-align: justify;
	word-break:normal
}
#c-join .c-wrap .c-text-box .c-text p{ word-break:normal}
/* 薪酬福利及办公环境 */
#c-join2 {
	padding: 140px 0;
	background: #f7f7f7;
}
#c-join2 .c-title-box .c-title{
	font-size: 36px;
	line-height: 1.1em;
	color: #333;
	text-align: center;
	font-weight: bold
}
#c-join2 .c-title-box .c-line {
	margin: 30px auto;
	width: 60px;
	border-top: 4px solid #004098;
}
.c-banner9 {
	margin-bottom: 80px;
	padding: 70px 0;
}
.c-banner9 .swiper-slide {
	padding: 0 30px;
	text-align: center;
	background: #fff;
	min-height:310px 
}
.c-banner9 .c-img-box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -50px auto 0;
	width: 100px;
	height: 100px;
	border: 2px solid #eee;
	background: #fff;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-banner9 .c-img-box img {
	width: 50px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-banner9 .c-title {
	padding: 40px 0 20px;
	font-size: 24px;
	line-height: 24px;
	color: #191919;
	border-bottom: 1px solid #ebebeb;
}
.c-banner9 .c-text {
	padding: 25px 0;
	color: #666;
	line-height: 26px;
	text-align: left;
}
.c-banner9 .swiper-pagination {
	bottom: 0;
}
.c-banner9 .swiper-pagination-bullet-active {
	background: #004098;
}
.c-banner10-wrap {
	position: relative;
}
.c-banner10 .c-img-box{
	height: 4.5rem;
	overflow: hidden;
}
.c-banner10 .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-banner10-wrap .swiper-button-prev{
	left: -60px;
	background: url(../images/prev2.png) no-repeat center center;
	background-size: 15px auto;
}
.c-banner10-wrap .swiper-button-next{
	right: -60px;
	background: url(../images/next2.png) no-repeat center center;
	background-size: 15px auto;
}
.c-banner10-wrap .swiper-button-prev:hover{
	background: url(../images/prev2-h.png) no-repeat center center;
	background-size: 15px auto;
}
.c-banner10-wrap .swiper-button-next:hover{
	background: url(../images/next2-h.png) no-repeat center center;
	background-size: 15px auto;
}
/* 社会招聘 */
#c-join3 {
	padding-top: 140px;
	background: #fff;
	padding-bottom: 140px
}
#c-join3 .c-top-box {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#c-join3 .c-top-box .c-title {
	font-size: 36px;
	line-height: 1.1em;
	color: #333;
	font-weight: bold
}
#c-join3 .c-top-box .c-title span {
	color: #004098;
}
#c-join3 .c-top-box form {
	width: 67.7%;
	padding: 20px;
	background: #f7f7f7;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#c-join3 .c-top-box form .c-wrap {
	width: -webkit-calc(33.33% - 13px);
	width: calc(33.33% - 13px);
	display: flex;
	align-items: center;
}
#c-join3 .c-top-box form select {
	padding: 0 40px 0 20px;
	width: 100%;
	height: 60px;
	border: 1px solid #ddd;
	background: #fff url(../images/san.png)no-repeat right 20px center;
	background-size: 12px auto;
	color: #666;
}
#c-join3 .c-top-box form input{
	padding: 0 20px;
	height: 60px;
	border: 1px solid #ddd;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	border-right: 0;
	color: #666;
}
#c-join3 .c-top-box form button {
	width: 60px;
	height: 60px;
	background: #004098;
}
#c-join3 .c-top-box form button i {
	color: #fff;
	font-size: 18px;
}
#c-join3 .c-list-box{
	box-shadow: 0 1px 50px rgba(0,0,0,.1);
}
#c-join3 .c-list1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px 0 30px;
	font-size: 18px;
	line-height: 28px;
	color: #191919;
	border-bottom: 2px solid #e3e3e3;
}
#c-join3 .c-item5 {
	/*padding-right: 40px;*/
	/*width: 100px;*/
	/*text-align: right;*/
}
#c-join3 .c-item5 i {
	font-size: 28px;
	transition: .5s;
}
#c-join3 .c-item1,#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 ,#c-join3 .c-item5,#c-join3 .c-item6{
	width: -webkit-calc(18% - 25px);
	width: calc(18% - 25px);
}
#c-join3 .c-item1 {
	padding-left: 40px;
}
#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 {
	padding-left: 20px;
}
#c-join3 .c-list2 .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
	line-height: 26px;
	color: #666;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box .c-item1 {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box span {
	display: none;
}
#c-join3 .c-list2 .c-text-wrap {
	display: none;
}
#c-join3 .c-list2 .c-text-box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px;
	border-bottom: 1px solid #f2f2f2;
}
#c-join3 .c-list2 .c-text-box .c-text {
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	line-height: 30px;
	color: #999;
}
#c-join3 .c-list2 .c-text-box .c-btn {
	display: block;
	width: 170px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #004098;
}
#c-join3 .c-list2>li.active .c-title-box,#c-join3 .c-list2>li.active .c-title-box .c-item1{
	color: #004098;
}
#c-join3 .c-list2>li.active .c-item5 i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#c-join3 #c-pagination {
	padding:40px 0;
}
.bgf3{background: #f3f3f3!important}
.sq{padding-bottom: 90px}
.sq h1{text-align: center;padding-bottom: 90px}

/* 投递简历弹窗 */
#c-fixed-pop {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
#c-fixed-pop form {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 400px;
	background: #fff;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#c-fixed-pop form .c-title-box {
	position: relative;
	padding: 0 30px;
	background: #004098;
}
#c-fixed-pop form .c-title-box .c-title {
	line-height: 60px;
	font-size: 20px;
	color: #fff;
}
#c-fixed-pop form .c-title-box .c-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 80px;
	height: 60px;
	background: url(../images/close.png) no-repeat center center;
	background-size: 20px auto;
	cursor: pointer;
}
#c-fixed-pop form .c-box {
	padding: 30px;
	font-size: 14px;
}
#c-fixed-pop form input {
	margin-bottom: 30px;
	padding: 0 15px;
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
}
#c-fixed-pop form button {
	width: 100%;
	height: 50px;
	background: #004098;
	color: #fff;
}
#c-fixed-pop form .c-file {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#c-fixed-pop form .c-file .c-input-box {
	position: relative;
	display: inline-block;
	padding: 9px 15px;
	background: #004098;
}
#c-fixed-pop form .c-file input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#c-fixed-pop form .c-file .c-text {
	color: #fff;
	text-align: center;
}
#c-fixed-pop form .c-file .c-text2 {
	padding-left: 15px;
	line-height: 30px;
}
#category4 {
	display: none;
}
.bshare-custom.icon-medium {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	font-size: 18px !important;
	color: #2c2e2f;
}
.bshare-custom #bshare-shareto {
	font-weight: normal !important;
}
#bsWXBox {
	margin-left: -116px !important;
	margin-top: -128px !important;
	height: 256px !important;
	width: 232px !important;
}
/* 新闻列表 */
#c-news3 {
	padding: 140px 0;
	background: #f5f5f5;
	padding-top: 80px;
}
#c-news3 .c-list {
	padding-bottom: 50px;
	margin: 0 -15px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
#c-news3 .c-list li {
	margin-bottom: 30px;
	width: 33.33%;
	padding: 0 15px;
}
#c-news3 .c-list .c-wrap {
	display: block;
	background: #fff;
	border-bottom: 1px solid #ddd;
	transition: .5s;
}
#c-news3 .c-list .c-wrap:hover {
	border-color: #004098;
}
#c-news3 .c-list .c-wrap .c-img-box {
	height: 9rem;
	overflow: hidden;
}
#c-news3 .c-list .c-wrap .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}
#c-news3 .c-list .c-wrap:hover .c-img-box img {
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1); 
}
#c-news3 .c-list .c-wrap .c-text-box {
	padding: 50px 40px;
}
#c-news3 .c-list .c-wrap .c-text-box .c-time {
	line-height: 26px;
	color: #999;
}
#c-news3 .c-list .c-wrap .c-text-box .c-title {
	margin: 10px 0 25px;
	font-size: 18px;
	line-height: 34px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	font-weight: bold;
	word-break: normal
}
#c-news3 .c-list .c-wrap .c-text-box .c-text {
	line-height: 30px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
/* 新闻详情 */
#c-news4 {
	padding: 50px 0 140px;
	background: #f9f9f9;
}
#c-news4 .c-main-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
#c-news4 .c-left-box {
	width: 68.4%;
}
#c-news4 .c-left-box .c-top-box {
	padding: 55px 40px 0;
	background: #fff;
}
#c-news4 .c-left-box .c-top-box .c-title {
	font-size: 30px;
	line-height: 40px;
	color: #262626;
	font-weight: bold
}
#c-news4 .c-left-box .c-top-box .c-time {
	padding: 15px 0 25px;
	line-height: 26px;
	color: #666;
}
#c-news4 .c-left-box .c-top-box .c-text {
	padding-bottom: 30px;
	line-height: 30px;
	color: #666;
}
#c-news4 .c-left-box .c-top-box .c-text p{word-break: normal;}
#c-news4 .c-left-box .c-top-box .c-text img {
	max-width: 100%;
	height: auto !important;
}
#c-news4 .c-left-box .c-top-box .c-share {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	font-size: 18px;
	line-height: 28px;
	color: #262626;
}
#c-news4 .c-left-box .c-pn-box {
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 30px;
	border-top: 1px solid #ccc
}
#c-news4 .c-left-box .c-pn-box a{
	font-size: 18px;
	color: #2c2e2f;
	transition: .5s;
}
#c-news4 .c-left-box .c-pn-box .c-prev {
	padding-left: 40px;
	background: url(../images/prev3.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-next {
	padding-right: 40px;
	background: url(../images/next3.png) no-repeat right center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-return {
	padding-left: 40px;
	background: url(../images/menu.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-prev:hover {
	color: #004098;
	background: url(../images/prev3-h.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-next:hover {
	color: #004098;
	background: url(../images/next3-h.png) no-repeat right center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-return:hover {
	color: #004098;
	background: url(../images/menu-h.png) no-repeat left center;
	background-size: auto 18px;
}

#c-news4 .c-right-box {
	/* position: sticky;
	top:80px; */
	width: 28.9%;
}
#c-news4 .c-right-box .c-top-box {
	margin-bottom: 40px;
	background: #fff;
}
#c-news4 .c-right-box .c-top-box .c-bg-title {
	font-size:24px;
	line-height: 76px;
	text-align: left;
	color: #004098;
	padding: 0 30px
}
#c-news4 .c-right-box .c-top-box .c-list{
	padding: 30px 30px 0;
}
#c-news4 .c-right-box .c-top-box .c-list li{
	padding-bottom: 30px;
}
#c-news4 .c-right-box .c-top-box .c-list .c-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#c-news4 .c-right-box .c-top-box .c-list .c-img-box {
	width: 36%;
	height: 2.3rem;
	overflow: hidden;
}
#c-news4 .c-right-box .c-top-box .c-list .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box {
	padding-left: 20px;
	width: 64%;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time{
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}
#c-news4 .c-right-box form {
	background: #fff;
}
#c-news4 .c-right-box form .c-title {
	font-size: 24px;
	line-height: 76px;
	text-align: center;
	color: #004098;
	background: #e9e9e9;
}
#c-news4 .c-right-box form .c-wrap {
	padding: 30px;
}
#c-news4 .c-right-box form .c-wrap input {
	margin-bottom: 20px;
	width: 100%;
	height: 62px;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
	border: 1px solid #ddd;
}
#c-news4 .c-right-box form .c-wrap button {
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #fff;
	background: #004098;
}
.news-bt{width: 100%;border-bottom: 2px solid #ccc;margin-bottom: 46px}
.news-bt h1{line-height: 3;font-size: 36px;color: #333;font-weight: bold}



@media (max-width: 767px){
	#c-news3{padding: 30px 0;}
	.news-bt h1{font-size: 23px;}
	.c-container{width: 92%;}
	#c-news3 .c-list li{width: 100%;}
	#c-news3 .c-list .c-wrap .c-img-box{height: auto;}
	#c-news3 .c-list .c-wrap .c-text-box{padding: 15px}
	#c-news3 .c-list .c-wrap .c-text-box .c-title{font-size: 14px;font-weight: normal;line-height: 1.5;}
	#c-news4{padding: 30px 0;}
	#c-news4 .c-left-box{width: 100%;}
	#c-news4 .c-right-box{width: 100%;}
	#c-news4 .c-left-box .c-top-box{padding: 20px 15px;}
	#c-news4 .c-left-box .c-top-box .c-title{font-size: 23px;}
	#c-news4 .c-left-box .c-pn-box a{font-size: 14px;}
	#c-news4 .c-right-box .c-top-box .c-bg-title{font-size: 22px;padding: 0 15px;}
	#c-news4 .c-right-box .c-top-box .c-list{padding: 15px;}
	#c-news4 .c-right-box .c-top-box .c-list .c-img-box{height: auto;}
	/*下载*/
	.faq-section2 .cont .jut .item .tit .time{font-size: 14px;}
	.faq-section2 .cont .jut .item .tit .down-bt{width: 44%;}
	/*人才*/
	#c-join{padding: 30px 0;}
	#c-join .c-wrap{display: block;}
	#c-join .c-wrap .c-img-box{width: 100%;height: auto;}
	#c-join .c-wrap .c-text-box{width: 100%;padding: inherit;}
	#c-join .c-wrap .c-text-box .c-title{font-size: 23px;margin-top: 20px;line-break: 1.5;margin-bottom: 20px;}
	#c-join .c-wrap .c-text-box .c-title:before{display: none;}
	#c-join .c-wrap .c-text-box .c-text{font-size: 14px;}
	.sq{padding-bottom: 20px;}
	.sq h1{font-size: 23px;padding-bottom: 20px;}
	.sq img{max-width: 100%}
	#c-join2{padding: 30px 0;}
	#c-join2 .c-title-box .c-title{font-size: 23px;}
	#c-join2 .c-title-box .c-line{margin: 20px auto;}
	.w800{width: 100%;}
	.c-banner9{padding-bottom: 30px;margin-bottom: 30px;}
	#c-join3 .c-top-box{margin-bottom: 20px;}
	#c-join3{padding:30px 0;}
	#c-join3 .c-list2 .c-title-box .c-item1{font-size: 14px;}
	#c-join3 .c-item1 p{font-size: 14px;}
	#c-join3 .c-item2, #c-join3 .c-item3, #c-join3 .c-item4{font-size: 14px;}
	#c-join3 .c-top-box .c-title{font-size: 23px;}
	#c-join3 .c-item2{display: none;}
	#c-join3 .c-list1{padding: 15px;}
	#c-join3 .c-item1{padding-left: 15px;}
	#c-join3 .c-item2, #c-join3 .c-item3, #c-join3 .c-item4{padding-left: 0;}
	#c-join3 .c-list2 .c-text-box .c-btn{width: 90px;height: 36px;line-height: 36px;font-size: 12px;}
	/*公司简介*/
	.num ul li span{font-size: 23px;}
	.num ul li h1{font-size: 14px;}
	.num ul li p{font-size: 14px;}
	.aboutbox-section2 .but .gt .item .font{width: 100%;}
	.aboutbox-section3 .container .tit strong span{font-size: 16px;}
	.w1100{width: 92%;}
	.about-list3 .his-item:before{display: none;}
	.about-list3 .list3-mains:before{display: none;}
	.about-list3 .even .his-txts{order: 0;text-align: left}
	.about-list3 .his-txts{flex: none;}
	.about-list3 .img100{max-width: 100%;width: 100%;}
	.about-list3 .his-h5{font-size: 23px;margin-top: 20px;}
	.about-list3 .odd .his-imgs{padding: inherit;flex: auto;}
	.about-list3 .even .his-imgs{padding: inherit;flex: auto;}
	.about-list3 .list3-mains{padding-top: 20px;}
	.about-list3 .scroll-wrap{height: auto;}
	.about-list3 .his-imgs{height: auto;}
	.about-list3 .his-dt{font-size: 14px;}
	.aboutbox-section3 .cont{width: 92%;padding-bottom: 30px;}
	.txt-bg{font-size: 32px;}
	.aboutbox-section3 .cont .item .but .font p{font-size: 14px;}
	.aboutbox-section3 .cont .item{margin-bottom: 20px;}
	#c-contact{padding: 30px 0;}
	#c-contact .c-list1 li{font-size: 14px;line-height: 36px;height: 36px;}
	#c-contact .c-list2 li{padding: 15px;}
	#c-contact .c-list2 .c-title{font-size: 18px;padding: 20px;}
	#c-contact .c-list2 input{height: 36px;padding: 0 10px;}
	#c-contact .c-list2 input::-webkit-input-placeholder {
	/* WebKit browsers */ 
    font-size:12px;}
	#c-contact .c-list2 input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */ 
	font-size:12px;
	}
	#c-contact .c-list2 input::-moz-placeholder {
		/* Mozilla Firefox 19+ */ 
	font-size:12px;
	}
	#c-contact .c-list2 input:-ms-input-placeholder {
		/* Internet Explorer 10+ */ 
	font-size:12px;
	}
	#c-contact .c-list2 textarea{padding:15px 10px;font-size: 12px;}
	#c-contact .c-list2 .c-item2 select{font-size: 12px;height: 36px;padding: 0 10px;}
	#c-contact .c-list2 button{margin: 15px auto 0;width: 90px;height: 36px;font-size: 12px;}
	#c-contact2 .c-list1{padding-bottom: 20px;}
	#c-contact2 .c-list1 li{font-size: 23px;margin: 0 20px;}
	#c-contact2 .c-list2 .c-left-box{width: 100%;padding: 30px 15px;}
	#c-contact2 .c-list2 .c-right-box{width: 100%;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-title{font-size: 18px;}
	#c-contact2 .c-list2 .c-left-box .c-text-box{width: 100%;padding: 0;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-text p{font-size: 14px;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-text div{width: 100%;overflow: hidden;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-text div img{float: left;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-text div p{float: left;}
	#c-contact2 .c-list2 .c-left-box .c-text-box .c-btn{width: 135px;height: 36px;line-height: 36px;}
	#dituContent{height: 320px;}
	.home-section5 .home-section5-cont .item .txt .jut .but span{font-size: 14px;}
	.home-section5{padding: 30px 15px;}
	.home-section2{padding: 30px 15px;}
	.home-section2 .cont .jut .lt a{font-size: 14px;}
}

/*产品开始---2021-9-30*/
#c_portalResProduct_category-1566028083895 {
    width: 100%;
    max-width: 1440px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResProduct_category-1566028083895 .NavList_a1 a {
    position: relative;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    padding: 0px 30px;
    color: #333;
    display: block;
    transition: 0.3s ease 0s;
}
#c_portalResProduct_category-1566028083895 .NavList_a1 li {
    position: static;
    display: inline-block;
    color: #fff;
    width: auto;
    vertical-align: top;
}
#c_portalResProduct_category-1566028083895 .NavList_a1 a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}
#c_portalResProduct_category-1566028083895 .NavList_a1 .more:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
#c_portalResProduct_category-1566028083895 .NavList_a1 a:hover {
    color: #1a63c8;
}
#c_portalResProduct_category-1566028083895 .NavList_a1 a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #1a63c8;
}
#w_grid-1566028083860 {
    width: 96%;
    max-width: 1440px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_grid-1566028083870 .p_gridbox {
    background-color: rgba(255, 255, 255, 1);
    border-left-color: #1a63c8;
    border-left-style: solid;
    border-left-width: 3px;
}
#w_common_text-1566028083880 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_common_text-1566028083885 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.c_portalResProduct_list-01001003 .proBox {
    width: 100%;
}
.c_portalResProduct_list-01001003 .proLists {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px;
}
#c_portalResProduct_list-1566028083900 .p_Product {
    width: calc((100% - 80px)/4);
}
.c_portalResProduct_list-01001003 .proList:not(:nth-child(4n)) {
    margin-right: 20px;
    margin-bottom: 30px;
}
.c_portalResProduct_list-01001003 .proList {
    position: relative;
    top: 0px;
    float: left;
    background: #fff;
    overflow: hidden;
    padding: 10px;
    transition: all .5s ease;
    border: 1px solid #eee;
}
.c_portalResProduct_list-01001003 .imgBox {
    position: relative;
    height: 0px;
    padding-bottom: 95%;
    margin: 15px 0px;
    overflow: hidden;
}
.c_portalResProduct_list-01001003 .proList .imgBox img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all .8s ease;
}

.c_portalResProduct_list-01001003 .proList .titleBox {
    position: relative;
    transition: all .36s ease;
}
@media only screen and (min-width: 769px){
.c_portalResProduct_list-01001003 .titleBox {
    padding: 10px 0px 5px;
    border-top: 1px solid #eee;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}
.c_portalResProduct_list-01001003 .proList .titleBox:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 1px;
    background: #1a63c8;
    z-index: 1;
    transition: all .5s ease;
}
@media only screen and (min-width: 769px){
.c_portalResProduct_list-01001003 .d_SummaryBox {
    margin: 5px 0;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}
}
.description {
    color: #8c8c8c;
    font-size: 14px;
}

@media only screen and (min-width: 769px){
.c_portalResProduct_list-01001003 .d_summary {
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
}
}
.c_portalResProduct_list-01001003 .link {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 769px){
.c_portalResProduct_list-01001003 .proList:hover {
    top: 0px;
    box-shadow: rgb(0 139 74 / 10%) 0px 3px 18px 2px;
    cursor: pointer;
}
}
.c_portalResProduct_list-01001003 .proList:hover .titleBox {
    color: #1a63c8;
}
.c_portalResProduct_list-01001003 .proList:hover .titleBox:before {
    width: 100%;
}
@media only screen and (min-width: 769px){
.p_OccupyBox {
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
    text-align: center;
}
}
#w_grid-1566028083870 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.c_portalResProduct_list-01001003 .proList:nth-child(4n) {
    margin-right: 0px;
    margin-bottom: 30px;
}
#w_grid-1566028083830 .p_gridbox {
    background-color: rgba(255, 255, 255, 1);
    border-bottom-color: #efefef;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background: #fff;
}
#w_grid-1566028083860> div > .p_gridbox > .p_gridCell {
    margin-bottom: 2rem;
    margin-top: 2rem;
    margin-left: 0;
}
#w_common_text-1566028083880 p{font-weight: bold;font-size: 30px;color:#1a63c8 ;}
/*翻页*/
.p_OccupyBox {
    margin: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
    text-align: center;
}
.e_pagebox {
    width: auto;
    height: auto;
    clear: both;
    position: relative;
}
.p_page .pre {
    display: inline-table;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    height: 38px;
    margin: 0 5px 0 18px;
    text-align: center;
    padding: 0 10px;
    border-radius: 0px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    color: #333;
	line-height: 38px
}
.p_page {
    display: inline-block;
    padding: 30px 0;
}
.p_page .pageNum {
    position: relative;
    float: left;
    height: 38px;
    min-width: 38px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    background-size: 100% 100%;
    color: #595959;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    line-height: 38px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    text-decoration: none;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
}
.p_page .pageNum.active {
    text-decoration: none;
    background-color: #23527c;
    color: #fff!important;
    border-color: #23527c;
}
.p_page .next {
    display: inline-table;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    height: 38px;
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    color: #333;
    text-align: center;
    padding: 0 10px;
    border-radius: 0px;
	line-height: 38px
}
.p_OccupyBox a{color:#333}
/*产品详情*/
.fr{float: right}
#proinbox{overflow: hidden}
.w_grid-1505022{width: 100%;
    max-width: 1440px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;}
#proinbox .left {
    width: 48%;
	float: left
}
#proinbox .right {
    position: relative;
    width: 40%;
	float: right
}
#left-small{margin-top:20px}
#bigpic{border:1px solid #d9d9d9}
#proinbox .swiper-slide img{max-width: 100%}
.gallery-top {
  height: 80%;
  width: 100%;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide{border:1px solid #d9d9d9}
.gallery-thumbs .swiper-slide-active {  opacity: 1;}
#bigpic .swiper-button-next.swiper-button-white::after,#bigpic .swiper-button-prev.swiper-button-white::after{display:none}
#proinbox  .right h2{font-size:28px;color:#333;line-height:58px;margin-bottom:20px;font-weight:bold}
#proinbox .right p{color:#666666;line-height:30px;width:500px}
#proinbox .product-info .bdsharebuttonbox{padding:37px 0 46px;line-height:28px}
#proinbox .page1{position:absolute;top:10px;right:0;width:170px}
#proinbox .page1 a{width:40px;height:40px;margin-left:14px;color:rgb(55,55,55);font-family:宋体;font-size:16px;text-align:center;line-height:40px;font-weight:bold;background:rgb(248,248,248);transition:all 0.3s ease 0s}
#proinbox .page1 a:hover{background:#004098;color:#fff}
#p-na a:nth-child(1) i{color:red;font-size:24px}
#pro-down{margin-top:-48px}
.p-down{width:80%}
.p-down .downloadbox-cont .tit{padding:15px 38px;display:flex;background-color:#004098}
.downloadbox-cont .tit .name{flex:4}
.downloadbox-cont .tit div{flex:1;color:#fff;font-size:18px}
.downloadbox-cont .tit div{flex:1;color:#fff;font-size:18px}
.downloadbox-cont .tit div:last-child{text-align:center}
.p-down .downloadbox-cont .item{padding:10px 38px;display:flex;align-items:center;background-color:#f5f5f5}
.downloadbox-cont .item:nth-child(2n){background-color:#fff}
.downloadbox-cont .item div{flex:1;color:#666;font-size:16px}
.downloadbox-cont .item .name{flex:4}
.downloadbox-cont .item a{display:flex;justify-content:center;align-items:center;text-align:center;flex:1}
.downloadbox-cont .item a i{display:block;width:73px;height:34px;border:1px solid #ddd;border-radius:3px;background-image:url(../images/download1.png);background-size:20px 18px;background-repeat:no-repeat;background-position:center}
.section-content{min-height:500px;background:#fff;padding:1rem 2rem;border-top:1px solid #ccc}
.section-content .pbti{font-size: 24px}
.nav-height{position:relative}
.nav-wrap{background:#fff;margin-top:0px}
.nav-wrap.navFix{position:fixed;top:0px;left:0;right:0;box-shadow:0 0 5px rgba(0,0,0,0.2);border-bottom:1px solid #e3e3e3\9;z-index:99999;width:100%}
.nav-wrap ul{padding:0;margin:0 auto;display:block;text-align:center}
.nav-wrap.navFix ul{border-bottom:0}
.nav-wrap li{display:inline-block;text-align:left;padding:0 20px}
.nav-wrap li a{display:block;font-size:18px;color:#333;text-decoration:none;line-height:73px}
.nav-wrap li a:hover{color:#4680d1}
.nav-wrap li a.active{border-bottom:2px solid #4680d1;color:#4680d1}
.nav-mobile{display:none;font-weight:bold;width:100%}
.click-me{width:150px;height:30px;background:#4680d1;color:white;text-align:center;line-height:30px}
.click-me a{display:block;color:white}
#p-na a{color: #686868}