@charset "utf-8";

/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {

  margin: 0;

  padding: 0px;

  border: 0;

  outline: none;

}

header,
nav,
footer,
menu {

  display: block;

}

dt {

  font-weight: 300;

}

img {

  border: none;

  max-width: 100%;

}

li {

  list-style-type: none;

}

a,
a:hover,
a:focus {

  text-decoration: none;

  color: #333;

}

.block {

  display: block;

}



.display-flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: space-between;

  -ms-flex-pack: distribute;

  justify-content: space-between;

  flex-flow: row wrap;

}

.display-flex-center {

  -webkit-justify-content: center;

  -ms-flex-pack: distribute;

  justify-content: center;

}

.display-flex-top {

  -webkit-box-align: flex-start;

  -webkit-align-items: flex-start;

  -ms-flex-align: flex-start;

  align-items: flex-start;

}

.display-flex-left {

  -webkit-justify-content: flex-start;

  -ms-flex-pack: distribute;

  justify-content: flex-start;

}

.flex-flow-row {

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

/*******头部********/

/**/



/*****主体开始*******/

.homeNav {

  position: fixed;

  top: 50%;

  left: 0;
  z-index: 99;

  transform: translateY(-50%);

  transition: all 400ms ease;

  opacity: 0;

  visibility: hidden;

}

.homeNav.isActive {

  opacity: 1;

  visibility: visible;

}

.homeNav ul {

  margin-left: 2vw;

  border-left: 1px solid rgba(17, 17, 17, 0.2);

}

.homeNav ul li {

  margin-bottom: 0.62rem;

  position: relative;

  padding-left: 1.25rem;

  cursor: pointer;

}

.homeNav ul li a {

  color: rgba(17, 17, 17, 0.5);

}

.homeNav ul li::after {

  content: '';

  position: absolute;

  top: 0;

  left: -1px;

  height: 0;

  width: 3px;

  background-color: #ff5a02;

}

.homeNav ul li.active::after {

  height: 100%;

}

.homeNav ul li.active a {

  color: rgba(17, 17, 17, 1.0);

}

/*首页*/


/**/


/*内页banner*/

/*内页开始*/

.w_title {

  font-size: 2.25rem;

  padding-bottom: 20px;

  line-height: 1;

  font-weight: 400;

}

.w_title_fff {

  color: #ffffff;

}

.w_text {

  font-size: 1.12rem;

  line-height: 1.9;

  color: #595959;

  font-weight: 300;

}

.w_main {
 margin-top: 40px;
    width: 1400px;
    margin: 0 auto;
  padding-bottom: 1px;

}

.w_main_tb {
  /*  padding: 7.8125vw 0;*/
  margin-bottom: 7.8125vw;
  padding: 0;

}
.w_main {



  padding-left: 9.6354vw;
transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985);
  padding-bottom: 1px;

}

.w_main_t {

  padding-bottom: 0;

}


.breadcrumb .breadcrumb-item {

  color: #595959;

  font-size: 16px;

}

.breadcrumb .breadcrumb-item a {

  color: #595959;

}

.breadcrumb .breadcrumb-item.active a {

  border-bottom: 1px solid #111111;

}

.breadcrumb .breadcrumb-item a:hover {

  color: #ff5a02;

}

.bg_fff {

  background-color: #ffffff;

}

.bg_cover {
height: 348px;
  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}









.img_scale_relative {

  position: relative;

  overflow: hidden;

  visibility: visible !important;

}

.img_scale {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

  -webkit-transform-origin: right top;

  transform-origin: right top;

  transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);

}

img.img_scale {

  position: relative;

}

.img_scale_relative::before {

  content: '';

  display: block;

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(90deg, #ff5a02, #ff5a02);

  transform: scaleX(1);

  transform-origin: right center;

  z-index: 6;

}

.img_scale_relative.visible::before {

  transform: scaleX(0);

  transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 0.45s;

}

.img_scale_relative.visible .img_scale {
	    width: 707px;
    height: 348px;

  transform: scale(1);

  transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}



.img_scale_relative.visible .img_scale:hover {

  transform: scale(1.2);
}






.w_more a {

  display: block;

  margin: 0 auto;

}

/**/

.aboutUsHead {

  background-color: #f4f4f4;

}

.aboutUsHead .container-fluid {

  padding-right: 0;

}

.aboutUsHeadMain {

  background-color: #ffffff;

  padding: 6.25vw 0 7.8125vw;

  position: relative;

  z-index: 2;

  margin-top: -4.1667vw;

}

.aboutUsHead .w_title {

  padding-bottom: 1.88rem;

}

.aboutUsInformation {

  background-color: #f4f4f4;

}

.aboutUsInformation .container-fluid {

  padding-right: 0;

}

.aboutUsInformation .list {

  padding: 7.8125vw 0;

}

.aboutUsInformation .list ul {

  margin-left: -3.125vw;

  margin-right: -3.125vw;

}

.aboutUsInformation .list li {

  padding-left: 3.125vw;

  padding-right: 3.125vw;

  position: relative;

  text-align: center;

}

.aboutUsInformation .list li::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 1px;

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

}

.aboutUsInformation .list li:last-child::after {

  display: none;
  ;

}

.aboutUsInformation .list .title {

  font-size: 3.75rem;

  line-height: 1;

  font-weight: 400;

  padding-bottom: 2.5rem;

}

.aboutUsInformation .list .text {

  color: #595959;

  line-height: 1.77;

  font-size: 1.12rem;

}

.aboutUsVideo {

  position: relative;

  background-color: #ffffff;

}

.aboutUsVideo::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 50%;

  background-color: #f4f4f4;

}

.videoImg {

  position: relative;

  height: 29.16667vw;

  width: 100%;

  z-index: 2;

  background-color: #ffffff;

}

.videoImg::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

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

}

.videoImg .videoBtn {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 3.75rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  margin-left: -1.88rem;

  z-index: 5;

  cursor: pointer;

}

.history {

  background-color: #ffffff;

}

.historyBox {

  padding: 7.8125vw 0;

  border-bottom: 1px solid #e5e5e5;

}

.historyTopMain {

  position: relative;

  margin-bottom: -1.88rem;

  padding-left: 3.12rem;

  padding-right: 3.12rem;

}

.historyTop {

  padding: 5.12rem 3.12rem;

}

.historyTop::after {

  content: '';

  height: 2px;

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

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

}

.historyTop ul.swiper-wrapper {

  transition-timing-function: linear;

}

.historyTop li.swiper-slide {

  text-align: center;

  cursor: pointer;

}

.historyTop li.swiper-slide::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 35px;

  margin-top: -17.5px;

  background-image: url(../images/historyTopX.png);

  background-repeat: no-repeat;

  background-position: center;

}

.historyTop li.swiper-slide span {

  position: absolute;

  bottom: 1.0rem;

  left: 0;

  width: 100%;

  font-size: 1.25rem;

  color: #595959;

  text-align: center;

  transition: all .3s ease-out;

}

.historyTopMain .historyTop_prev,

.historyTopMain .historyTop_next {

  position: absolute;

  top: 50%;

  width: 2.5rem;

  height: 2.5rem;

  border-radius: 100%;

  border: 2px solid #e6e6e6;

  margin-top: -1.25rem;

}

.historyTopMain .historyTop_prev {

  left: 0;

}

.historyTopMain .historyTop_next {

  right: 0;

}

.historyTopMain .historyTop_prev svg,

.historyTopMain .historyTop_next svg {

  display: block;

  fill: #e6e6e6;

}

.historyTopMain .historyTop_prev:hover,

.historyTopMain .historyTop_next:hover {

  border-color: #ff5a02;

}

.historyTopMain .historyTop_prev:hover svg,

.historyTopMain .historyTop_next:hover svg {

  fill: #ff5a02;

}

.historyTop li.swiper-slide.active::before {

  background-image: url(../images/historyTopD.png);

}

.historyTop li.swiper-slide.active span {

  font-size: 2.5rem;

  font-weight: 400;

  color: #ff5a02;

}

.historyBot li {

  display: none;

}

.historyBot li.active {

  display: block;

}

.historyBot li.active .box .img_scale_relative::before {

  transform: scaleX(0);

  transition: transform 0.6s cubic-bezier(0.565, 0.43, 0.24, 0.92) 1s;

}

.historyBot li .box {

  width: 100%;

  background-color: #f4f4f4;

  height: 21.3541vw;

}

.historyBot li .box .text {

  width: 50%;

  padding: 0.62rem 6.4516%;

}

.historyBot li .box .text .text_li+.text_li {

  margin-top: 1.88rem;

}

.historyBot li .box .text .time {

  font-size: 1.25rem;

  color: #ff5a02;

  padding-bottom: 0.75rem;

  font-weight: 400;

}

.historyBot li .box .text .title {

  font-size: 1.12rem;

  cursor: pointer;

  color: #666;

}

.historyBot li .box .text .text_li.active .title {

  color: #111111;

}

.historyBot li .box .img {

  width: 50%;

  height: 100%;

}

.historyBot li .box .img .img_scale {

  opacity: 0;

  -webkit-transform: scale(1);

  transform: scale(1);

  transition: opacity 1000ms cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985) 0.55s;

}

.historyBot li .box .img .img_scale.active {

  opacity: 1;

}

.manufacturingStrength {

  padding: 7.8125vw 0;

}

.manufacturingStrength .videoImg {

  margin-top: 2.5rem;

  height: 36.9791vw;

}

.manufacturingStrength .videoImg .videoBtn {

  top: calc(50% - 2.0833vw);

}

.manufacturingStrength .w_text {

  background-color: #f4f4f4;

  padding: 6.25vw 9.375vw;

  margin-top: -4.16667vw;

  position: relative;

  z-index: 2;

}

.manufacturingStrength .w_text p+p {

  margin-top: 0;

}



.corporateCulture {

  padding-bottom: 5.7291vw;

}

.corporateCultureList {

  margin-top: 2.88rem;

  overflow: hidden;

}

.corporateCultureList li {

  margin-bottom: 2.5rem;

  margin-left: -3.125vw;

  margin-right: -3.125vw;

}

.corporateCultureList li .cultureLeft,

.corporateCultureList li .cultureRight {

  padding-left: 3.125vw;

  padding-right: 3.125vw;

}

.corporateCultureList li .img {

  height: 20.8334vw;

}

.corporateCultureList li .img::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 0.62rem;

  background-color: #3667b4;

  width: 100%;

}

.corporateCultureList li:nth-child(2) .img::after {

  background-color: #ff9a00;

}

.corporateCultureList li:nth-child(3) .img::after {

  background-color: #7c848d;

}

.corporateCultureList li .con {

  padding-top: 3.5rem;

  font-size: 1.88rem;

  line-height: 1.9;

}

.corporateCultureList li .con .title {

  color: #ff9a00;

  padding-bottom: 0.38rem;

}

.corporateCultureList li .con .text {

  color: #333333;

  font-size: 1.12rem;

}

.corporateCultureList li:nth-child(2n) .cultureLeft {

  -ms-flex-order: 13;

  order: 13;

}

.corporateCultureList li:nth-child(2n) .cultureRight {

  -ms-flex-order: -1;

  order: -1;

}



.socialResponsibility {

  padding: 7.8125vw 0;

  background-color: #f4f4f4;

}

.socialResponsibilitySwiper {

  padding-top: 3.5rem;

  padding-bottom: 6.38rem;

}

.socialResponsibilitySwiper li.swiper-slide .box {

  overflow: hidden;

  width: 100%;

  position: relative;

}

.socialResponsibilitySwiper li.swiper-slide .box .img {

  height: 29.16667vw;

}

.socialResponsibilitySwiper li.swiper-slide .box .con {

  position: absolute;

  bottom: 1.88rem;

  left: 0;

  right: 0;

  color: #ffffff;

  padding: 0 3.125vw;

  transition: all 400ms linear;

  transform: translateY(9vw);

}

.socialResponsibilitySwiper li.swiper-slide .box .con .title {

  font-size: 1.88rem;

  font-weight: 400;

  padding-bottom: 0.75rem;

}

.socialResponsibilitySwiper li.swiper-slide .box .con .text {

  font-size: 1.12rem;

  line-height: 1.7;

  opacity: 0;

  transition: all 400ms linear;

}

.socialResponsibilitySwiper li.swiper-slide .box:hover .con {

  transform: translateY(0);

}

.socialResponsibilitySwiper li.swiper-slide .box:hover .con .text {

  opacity: 1;

}

.socialResponsibilitySwiper .swiper-pagination {

  bottom: 0;

  font-size: 0;

  width: auto;

  position: relative;

}

.socialResponsibilitySwiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

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

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.socialResponsibilitySwiper .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}

/*下载中心*/

.download {

  position: relative;

}

.download .list {

  margin-top: 2.62rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 3.12rem;

}

.download .list li {}

.download .list li .box {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding: 1.62rem 0 1.62rem 4.38rem;

  display: block;

  position: relative;

}

.download .list li .box::before {

  content: '';

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 0;

  height: 2px;

  background-color: #fe5b00;

  transition: all 0.6s ease-in;

}

.download .list li .box .title {

  font-size: 1.5rem;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 86%;

  font-weight: 400;

  transition: all 0.3s ease-in;

}

.download .list li .box .time {

  color: #666666;

  font-size: 1.0rem;

  transition: all 0.3s ease-in;

}

.download .list li .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0.5rem;

  width: 1.75rem;

  height: 100%;

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-image: url(../images/pdfIcon.png);

}

.download .list li .box:hover::before {

  width: 100%;

}

.download .list li .box:hover::after {

  background-image: url(../images/pdfIcon_.png);

}

.download .list li .box:hover .title,

.download .list li .box:hover .time {

  color: #fe5b00;

}

/*新闻资讯*/

.news {

  position: relative;

}

.wNewsList {

  padding-top: 2.62rem;

  padding-bottom: 3.12rem;

}

.wNewsList ul {

  margin-left: -5px;

  margin-right: -5px;

}

.wNewsList li {

  position: relative;

  padding-left: 5px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.wNewsList li .box .text,

.wNewsList li .box .img .time::after {

  background-color: #f4f4f4;

}

/*新闻详情*/

.newsD {

  position: relative;

  padding-bottom: 0.62rem;

}

.newsD .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1.6;

  padding-bottom: 1.0rem;

}

.newsD .time {

  font-size: 1.0rem;

  color: #595959;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 3.12rem;

  margin-bottom: 3.12rem;

}

.newsD .time span {

  color: #ff5a02;

  font-weight: 400;

  padding-right: 1.25rem;

}

.newsD .text {

  line-height: 1.8;

  font-size: 1.12rem;

  color: #595959;

  text-align: justify;

  padding-bottom: 4.6875vw;

}

.newsD .page {

  border-top: 2px solid #7c848d;

  position: relative;

  padding: 3.12rem 0;

}

.newsD .page .link {

  display: block;

}

.newsD .page .page_title {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 1.125rem;

  color: #595959;

  padding-top: 0.38rem;

}

.newsD .page .page_text {

  font-size: 1.0rem;

  color: rgba(89, 89, 89, 0.5);

}

.newsD .page .page_perv,

.newsD .page .page_next {

  width: 40%;

}

.newsD .page .page_perv {

  text-align: left;

}

.newsD .page .page_next {

  text-align: right;

}

.newsD .page .page_return {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -1.25rem;

  margin-left: -1.75rem;

}

.newsD .page .page_return a {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  background-color: #ff5a02;

  transform: skew(-32deg);

  width: 3.5rem;

  margin: 0 auto;

  height: 2.5rem;

  border-radius: 8px;

  line-height: 2.5rem;

  text-align: center;

  transition: background-color 500ms;

}

.newsD .page .page_return a span {

  display: block;

  transform: skew(32deg);

  background-image: url(../images/returnIcon01.png);

  background-position: center;

  background-repeat: no-repeat;

  height: 100%;

}

.newsD .page .page_return a:hover {

  background-color: #ff9a00;

}

.newsD .page .link:hover .page_title {

  color: #ff5a02;

  text-decoration: underline;

}

/*职业发展*/

.careerHeadMain {

  font-size: 2.5rem;

  line-height: 1.65;

  padding-left: 6.5625vw;

  position: relative;

}

.careerHeadMain .title {

  color: #ff5a02;

}

.careerHeadMain::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/yingHao.png);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: center;

  width: 3.6458vw;

  height: 2.6041vw;

}

.careerStaff {

  background-color: #f4f4f4;

  padding: 7.8125vw 0 4.6875vw;

  overflow: hidden;

}

.careerStaffList li {

  margin-bottom: 3.125vw;

  margin-left: -3.0208vw;

  margin-right: -3.0208vw;

}

.careerStaffList li .careerStaffLeft,

.careerStaffList li .careerStaffRight {

  padding-left: 3.0208vw;

  padding-right: 3.0208vw;

}

.careerStaffList li .con {

  padding-top: 4.38rem;

  font-size: 1.12rem;

  line-height: 1.76;

}

.careerStaffList li:nth-child(2n-1) .careerStaffLeft {

  -ms-flex-order: 13;

  order: 13;

}

.careerStaffList li:nth-child(2n-1) .careerStaffRight {

  -ms-flex-order: -1;

  order: -1;

}

.careerIdea {

  padding: 7.8125vw 0;

  background-color: #ffffff;

}

.careerIdea .list {

  padding-top: 3.5rem;

}

.careerIdea .list li {

  height: 220px;

  margin-top: -1px;

  margin-left: -1px;

  position: relative;

  overflow: hidden;

}

.careerIdea .list li::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  background-color: #ff5a02;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box {

  border: 1px solid #e5e5e5;

  width: 100%;

  height: 100%;

  padding: 2vw 2.125vw;

  position: relative;

  z-index: 2;

}

.careerIdea .list li .box .sou {

  font-size: 1.12rem;

  font-weight: 400;

  color: rgba(51, 51, 51, 0.5);

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .title {

  font-size: 1.25rem;

  font-weight: 500;

  padding-bottom: 0.5rem;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .text {

  font-size: 1.0rem;

  line-height: 1.7;

  opacity: 0;

  visibility: hidden;

  color: #ffffff;

  transition: all 400ms ease-in-out;

}

.careerIdea .list li .box .box_text {

  position: absolute;

  top: 7.8125vw;

  left: 2.125vw;

  right: 2.125vw;

  transition: top 400ms ease-in-out;

}

@media (min-width: 1025px) {

  .careerIdea .list li:hover::after {

    opacity: 1;

  }

  .careerIdea .list li:hover .box .sou,

  .careerIdea .list li:hover .box .title {

    color: #ffffff;

  }

  .careerIdea .list li:hover .box .box_text {

    top: 4.0625vw;

  }

  .careerIdea .list li:hover .box .text {

    opacity: 1;

    visibility: visible;

  }

}

.careerPersonnel {

  background-color: #f4f4f4;

}

.careerPersonnel .bgImg {

  height: 32.2916vw;

  padding: 8.8541vw;

}

.careerPersonnel .con {

  position: relative;

  z-index: 2;

  margin-top: -4.16667vw;

  padding: 5.2083vw 8.8541vw;

}

.careerPersonnel .con .w_text {

  width: 57.6667%;

  text-align: justify;

  padding-top: 1.25rem;

}

.careerPersonnel .con .img {

  width: 30.4166%;

}

.growTogether {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.growTogether .container-fluid {

  padding-right: 0;

}

.growTogetherSwiper {

  margin-top: 2.5rem;

}

.growTogetherSwiper li.swiper-slide {

  width: 31.88rem;

}

.growTogetherSwiper li.swiper-slide .box {

  display: block;

  position: relative;

}

.growTogetherSwiper li.swiper-slide .box::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 80%;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));

}

.growTogetherSwiper li.swiper-slide .box .img {

  height: 18.44rem;

  width: 100%;

}

.growTogetherSwiper li.swiper-slide .box .con {

  position: absolute;

  top: 80%;

  left: 2.0833vw;

  right: 2.0833vw;

  color: #ffffff;

  z-index: 2;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper li.swiper-slide .box .con .title {

  font-size: 1.38rem;

  font-weight: 400;

  padding-bottom: 0.38rem;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper li.swiper-slide .box .con .text {

  font-size: 1.25rem;

  opacity: 0;

  visibility: hidden;

  transition: all 300ms ease-in-out;

}

@media (min-width: 1025px) {

  .growTogetherSwiper li.swiper-slide .box:hover .con {

    top: 65%;

  }

  .growTogetherSwiper li.swiper-slide .box:hover .con .title {

    font-size: 1.88rem;

  }

  .growTogetherSwiper li.swiper-slide .box:hover .con .text {

    opacity: 1;

    visibility: visible;

  }

  .growTogetherSwiper:hover .growTogether_prev,

  .growTogetherSwiper:hover .growTogether_next {

    opacity: 1;

  }

}

.growTogetherSwiper .growTogether_prev {

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

  left: 0;

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper .growTogether_next {

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

  right: 0;

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -1.88rem;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.growTogetherSwiper .growTogether_prev::after,

.growTogetherSwiper .growTogether_next::after {

  content: '';

  font-size: 0;

  color: #ffffff;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-size: 24px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.growTogetherSwiper .growTogether_prev::after {

  transform: rotate(90deg);

}

.growTogetherSwiper .growTogether_next::after {

  transform: rotate(-90deg);

}



.joinUs {

  background-color: #ffffff;

  padding: 7.8125vw 0;

}

.joinUs .w_title {

  line-height: 1.5;

  margin-bottom: 3.12rem;

}

.joinUs .list li .box {

  display: block;

  height: 24.38rem;

  position: relative;

}

.joinUs .list li .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 107, 28, 0.75);

  opacity: 0;

  transition: all 400ms ease-in-out;

}

.joinUs .list li .box .img {

  width: 100%;

  height: 100%;

  position: relative;

}

.joinUs .list li .box .con {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #ffffff;

  z-index: 2;

}

.joinUs .list li .box .con .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1;

  padding-bottom: 1.0rem;

}

.joinUs .list li .box .con .text {

  font-size: 1.25rem;

}

.joinUs .list li .box .con .text span {

  position: relative;

  padding-right: 1.25rem;

  transition: all 400ms ease-in-out;

}

.joinUs .list li .box .con .text span .icon {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -5px;

  display: block;

}

.joinUs .list li .box:hover::after {

  opacity: 1;

}

.joinUs .list li .box:hover .con .text span {

  padding-right: 1.62rem;

}

/*搜索*/

.searchField {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 991;

  width: 100%;

  overflow: hidden;

  display: none;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

}

.searchField_form {

  position: relative;

}

.searchField_form .icon {

  position: absolute;

  top: 0;

  left: 0;

  width: 3.5rem;

  height: 5.0rem;

  line-height: 5.0rem;

}

.searchField_form .icon img {

  width: 1.625rem;

  height: 1.625rem;

}

.searchField_form .icon::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  width: 1px;

  height: 2.0rem;

  background-color: #d0d0d0;

  margin-top: -1.0rem;

}

.searchField_form .form-control {

  font-size: 1.25rem;

  border-radius: 0;

  height: 5.0rem;

  box-shadow: none;

  border: 0;

  color: #111111;

  padding: 0 7.5rem 0 5.375rem;

  font-weight: 300;

}

.searchField_form .btn {

  background-image: url(../images/icon27.svg);

  background-size: 1.375rem auto;

  background-position: right center;

  background-repeat: no-repeat;

  position: absolute;

  padding-right: 2.25rem;

  top: 0;

  right: 0;

  bottom: 0;

  font-size: 1.25rem;

  box-shadow: none;

  color: #111111;

}

/**/

.recruitment {}

.accordion {

  margin-top: 3.12rem;

  margin-bottom: 3.12rem;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.accordion .card {

  border-radius: 0;

  border: none;

  overflow: visible;

}

.accordion>.card>.card-header {

  margin-bottom: 0;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.accordion .card-header {

  padding: 0;

  border: none;

  border-radius: 0;

}

.accordion .card-header .btn {

  color: #111111;

  font-size: 1.125rem;

  background: #ffffff;

  position: relative;

  text-align: left;

  padding: 1.25rem 3.38rem 1.25rem 0.62rem;

  width: 100%;

  border-radius: 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0);

  display: -ms-flexbox !important;

  display: flex !important;

  align-items: center;

  justify-content: space-between;

  font-weight: 300;

  box-shadow: none;

}

.accordion .card-header .btn .name {

  font-weight: 400;

  font-size: 1.5rem;

  color: #ff5a02;

  flex: 1;

}

.accordion .card-header .btn .time {

  font-size: 1.0rem;

  color: #666666;

}

.accordion .card-header .btn .icon {

  position: absolute;

  top: 50%;

  right: 0.62rem;

  width: 24px;

  height: 14px;

  margin-top: -7px;

  transition: all 300ms ease-in-out;

}

.accordion .card-header .btn .icon img {

  display: block;

}

.accordion .card-header .btn.collapsed {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.accordion .card-header .btn.collapsed .name {

  color: #333;

}

.accordion .card-header .btn.collapsed .icon {

  transform: rotate(180deg);

}

.accordion .collapse {

  box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.06);

  position: relative;

  z-index: 2;

}

.accordion .card-body {

  height: auto;

  padding: 3.125vw 3.6458vw;

  color: #595959;

  line-height: 1.9;

  font-size: 1.12rem;

  font-weight: 300;

  border-top: 2px solid #ff5a02;

}

.accordion .card-body .con+.con {

  margin-top: 3.125vw;

}

.accordion .card-body h4 {

  position: relative;

  font-size: 1.38rem;

  margin-bottom: 0.5rem;

  font-weight: 400;

  color: #333;

}

.recruitment_footer {

  text-align: center;

  background-color: #ffffff;

  padding: 6.7708vw 0;

  font-size: 1.88rem;

}

.recruitment_footer .text {

  line-height: 2;

}

.recruitment_footer .text a {

  font-weight: 400;

  color: #000;

  position: relative;

}

.recruitment_footer .text a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #000;

}

.recruitment_Bg {

  position: relative;

}

.recruitment_Bg .box {

  display: block;

  height: 31.25vw;

  position: relative;

}

.recruitment_Bg .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 107, 28, 0.75);

  opacity: 0;

  transition: all 400ms ease-in-out;

}

.recruitment_Bg .box .img {

  width: 100%;

  height: 100%;

  position: relative;

}

.recruitment_Bg .box .con {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #ffffff;

  z-index: 2;

}

.recruitment_Bg .box .con .title {

  font-size: 2.0rem;

  font-weight: 400;

  line-height: 1;

  padding-bottom: 1.0rem;

}

.recruitment_Bg .box .con .text {

  font-size: 1.25rem;

}

.recruitment_Bg .box .con .text span {

  position: relative;

  padding-right: 1.25rem;

  transition: all 400ms ease-in-out;

}

.recruitment_Bg .box .con .text span .icon {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -5px;

  display: block;

}

.recruitment_Bg .box:hover::after {

  opacity: 1;

}

.recruitment_Bg .box:hover .con .text span {

  padding-right: 1.62rem;

}

/*服务于支持*/

.service {

  padding: 7.8125vw 0 2.0833vw;

  background-color: #f4f4f4;

}

.service .w_title {

  line-height: 1.5;

  margin-bottom: 3.6458vw;

}

.serviceList {

  overflow: hidden;
 margin-top: 83px;
 padding-top: 10px;
}

.serviceList li {
width: 98%;
margin: 0 auto;
  margin-bottom: 5.7291vw;
 display: flex;
 box-shadow: -4px 4px 16px -2px rgba(65, 62, 101, 0.3);
}

.serviceList li .cultureLeft,

.serviceList li .cultureRight {

 /* padding-right: 2.8645vw;*/

}

.serviceList li .con {

  font-size:18px;

  line-height: 1.9;

}

.serviceList li .con .title {

  color: #1e509f;

  font-size: 28px;

  padding-bottom: 51px;

  font-weight: 400;

}

.serviceList li .con .text8 {

  color: #333333;

  line-height: 1.76;

  font-size: 16px;

  padding-right: 10px;

}

.serviceList li:nth-child(2n) .cultureLeft {

  -ms-flex-order:2;

  order: 2;

}

.serviceList li:nth-child(2n) {

  background: #eff1f5;
  box-shadow: -4px 4px 16px -2px rgba(65, 62, 101, 0.3);
}


.cultureRight{width: 500px; margin: 0 auto;    padding-top: 60px;}
.text88{width: 48%; float: left; font-size: 20px;color: #1f2327;    margin-bottom: 38px;}


.serviceList li:nth-child(2n-1) .cultureRight {

  -ms-flex-order: 2;

  order: 2;

}

.service_footer {

  padding: 6.7708vw 0;

}

/*联系我们*/

.contactHeadCon {

  position: relative;

}

.contactHeadWechat .wechatImg {

  position: relative;

  padding-bottom: 1.75rem;

}

.contactHeadWechat .wechatImg .img {

  width: 7.81rem;

  margin-right: 1.88rem;

}

.contactHeadWechat .wechatImg .text {

  font-size: 1.25rem;

  font-weight: 500;

  color: #ff5a02;

  line-height: 1.8;

}

.contactHeadWechat .mapLink {

  display: block;

}

.contactHeadWechat .mapLink .img {

  width: 3.0rem;

  margin-right: 1.0rem;

}

.contactHeadWechat .mapLink .text {

  border-bottom: 1px solid #ff5a02;

  line-height: 1.8;

  color: #333333;

  font-size: 1.12rem;

  position: relative;

}

.contactHeadAdd {

  position: relative;

  width: 27.6041vw;

  padding: 0 3.6875vw;

  border-left: 1px solid rgba(0, 0, 0, 0.1);

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.contactHeadAdd .title {

  font-size: 1.38rem;

  font-weight: 400;

  padding-bottom: 0.38rem;

}

.contactHeadAdd .text {

  font-size: 1.12rem;

  line-height: 1.8;

  color: #595959;

}

.contactHeadTel {

  line-height: 1.8;

  font-size: 1.12rem;

  color: #595959;

  padding-right: 3.6875vw;

}

.contactInformation {

  background-color: #f4f4f4;

  padding-top: 7.8125vw;

}

.contactInformationBox {

  margin-top: 3.5rem;

  padding: 6.25vw 0;

  background-image: url(../images/contactInformationBg.jpg);

}

.webForm {

  position: relative;

}

.webFormBox {

  margin-bottom: 1.88rem;

  padding: 3.6458vw 4.1667vw 3.125vw;

}

.webForm .form-group {

  margin-bottom: 0.62rem;

}

.webForm .row {

  margin-left: -5px;

  margin-right: -5px;

}

.webForm .col-md-6 {

  padding-left: 5px;

  padding-right: 5px;

}

.webForm .form-control {

  border-radius: 0;

  border: none;

  box-shadow: none;

  background-color: #f4f4f4;

  height: 4.06rem;

  font-size: 1.12rem;

  padding: 1.25rem 1.88rem;

  font-weight: 300;

}

.webForm select.form-control {

  padding: 0 1.88rem;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background-image: url("../images/bottomIcon.svg");

  background-position: right 1.88rem center;

  background-repeat: no-repeat;

  background-size: 22px;

}

.webForm textarea.form-control {

  height: 13.44rem;

}

.webForm .form-control::placeholder {

  color: #999999;

}

.webForm .buttonBtn span {

  display: block;

  font-size: 1.0rem;

  color: #ffffff;

  position: relative;

  background-color: #ff5a02;

  transform: skew(-40deg);

  width: 11.25rem;

  margin: 0 auto;

  height: 2.88rem;

  border-radius: 8px;

  line-height: 2.88rem;

  text-align: center;

  box-shadow: none;

  border: none;

  padding: 0;

  transition: background-color 500ms;

}

.webForm .buttonBtn span .btn {

  display: block;

  padding: 0;

  color: #fff;

  height: 100%;

  width: 100%;

  box-shadow: none;

  border: none;

  transform: skew(40deg);

}

.webForm .buttonBtn span:hover {

  background-color: #0054ce;

}

/*产品中心*/

.productHead {

  margin-bottom: 0;

  position: relative;

  z-index: 2;

}

.productHeadBox .con {

  width: 39%;

}

.productHeadBox .con .w_text {

  padding: 0.5rem 0 2.25rem;

}

.productHeadBox .con .hMore {
clear: both;
  padding-left: 15px;
  width: 100%;
  margin: 0 auto;

}

.productHeadBox .con .hMore a {

  margin: 0 1.25rem 0 0;

}

.productHeadBox .img {

  width: 52%;

}

.customerValue {

  background-color: #7c848d;

  padding: 7.8125vw 0 2.0833vw;

  position: relative;

}

.customerValue::after {

  content: '';

  position: absolute;

  top: -4.1667vw;

  left: 0;

  height: 4.1667vw;

  width: 100%;

  background-color: #7c848d;

}



.customerValueList {

  overflow: hidden;

  margin-top: 3.12rem;

}

.customerValueList li {

  margin-bottom: 5.7291vw;

  margin-left: 0;

  margin-right: 0;

}

.customerValueList li .customerValueLeft,

.customerValueList li .customerValueRight {

  padding-left: 0;

  padding-right: 0;

}

.customerValueList li .img {}

.customerValueList li .con {

  padding: 2.6041vw 4.8vw 0;

  font-size: 1.12rem;

  line-height: 1.8;

  color: #ffffff;

}

.customerValueList li .con h4 {

  margin-bottom: 1.0rem;

}

.customerValueList li:nth-child(2n) .customerValueLeft {

  -ms-flex-order: 13;

  order: 13;

}

.customerValueList li:nth-child(2n) .customerValueRight {

  -ms-flex-order: -1;

  order: -1;

}

.parameter {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.parameterBox {

  margin-top: 2.5rem;

}

.parameterBox table {

  color: #595959;

  font-size: 1.25rem;

  width: 100%;

}

.parameterBox table td {

  padding: 1.25rem 1.0833vw;

  vertical-align: top;

  border: 1px solid #f4f4f4;

}

.applications {

  background-color: #ffffff;

  padding: 7.8125vw 0;

}

.applications .list {

  padding-top: 2.5rem;

}

.applications .list ul {

  margin-left: -5px;

  margin-right: -5px;

}

.applications .list li {

  margin-bottom: -1px;

  padding-left: 5px;

  padding-right: 5px;

}

.applications .list li .box {

  border-top: 1px solid #d6d6d6;

  border-bottom: 1px solid #d6d6d6;

  padding: 0.62rem 0;

}

.applications .list li .box .img {

  width: 4.38rem;

  height: 50px;

  margin-right: 0.6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 2;

}

.applications .list li .box span {

  font-size: 1.12rem;

  color: #595959;

  padding-left: 1.28rem;

  position: relative;

  z-index: 2;

}

.applications .list li .box a:hover span {

  color: #ff5a02;

}



.relatedProduct {

  background-color: #f4f4f4;

  padding: 7.8125vw 0;

}

.product_list {

  padding-top: 2.5rem;

}

.product_list .row {

  margin-left: -5px;

  margin-right: -5px;

}

.product_list .row li.col-12 {
background: #f4f4f4;
 margin-right: 10px;
  margin-bottom: 30px;
width: 322px;
    float: left;
    min-height:130px;
    overflow: hidden;
}

.product_list .row li.col-12 .title{line-height: 40px; font-size: 18px; text-align: left;width: 90%; margin: 0 auto;padding-top: 10px; color: #333333;}
.product_list .row li.col-12 .text{line-height:30px; font-size: 16px; text-align: left;width: 90%; margin: 0 auto; margin-bottom: 10px;
color: #595959;
overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;


}

.product_list .row li.col-12 img{overflow: hidden;transition: transform 1.3s cubic-bezier(0.34, 0.615, 0.4, 0.985); width: 322px; height: 187px; }
.product_list .row li.col-12:hover img{  transform: scale(1.2); }



.product_list .box {

  display: block;

  cursor: pointer;

  background-color: #ffffff;

}

.product_list .box .img {

  width: 100%;

}

.product_list .box .con {
 /*width: 90%;
 margin: 0 auto;
  height: 120px;*/
height:98px;
padding: 10px 5px;

}

.product_list .box .con .title {
width: 93%;
    margin: 0 auto;
  font-weight: 400;

  font-size: 16px;

  line-height: 50px;
  text-align: left;
}

.product_list .box .con .text {
width: 93%;
    margin: 0 auto;
  color: #595959;

  font-size: 14px;
  text-align: left;

}

.product_list .box:hover .img .img_scale {

  transform: scale(1.2);

  transition: transform .6s cubic-bezier(0.34, 0.615, 0.4, 0.985);

}

.product_list .box:hover .con .title {

  color: #ff5a02;

}

.product_list_swiper {

  padding-bottom: 4.38rem;

}

.product_list_swiper .productList_prev,

.product_list_swiper .productList_next {

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

  width: 2.25rem;

  height: 3.75rem;

  margin-top: -2.81rem;

  transition: all 300ms ease-in-out;

}

.product_list_swiper .productList_prev:after,

.product_list_swiper .productList_next:after {

  content: '';

  font-size: 0;

  color: #ffffff;

  background-image: url(../images/bottomIcon_fff.svg);

  background-position: center;

  background-size: 24px;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.product_list_swiper .productList_prev::after {

  transform: rotate(90deg);

}

.product_list_swiper .productList_next::after {

  transform: rotate(-90deg);

}



.product_list_swiper .productList_prev {

  left: 0;

}

.product_list_swiper .productList_next {

  right: 0;

}

.product_list_swiper .swiper-pagination {

  bottom: 0;

  font-size: 0;

}

.product_list_swiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid #b3b7ba;

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

  opacity: 1;

  margin: 0 0.38rem;

  position: relative;

}

.product_list_swiper .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ff5a02;

  border-color: #ff5a02;

}

.product_footer {

  padding: 6.7708vw 0;

}

.product_footerBg {

  height: 35.4167vw;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.product_footerBg .img {

  width: 100%;

  height: 100%;

  background-attachment: fixed;

}

.product_message {

  padding: 3.90625vw 0;

}

.product_message .box {

  position: relative;

  padding-left: 11.1458vw;

}

.product_message .img {

  position: absolute;

  top: 50%;

  left: 0;

  width: 4.6875vw;

  transform: translateY(-50%);

}

.product_message .con {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding: 1.56rem 0.94rem 1.56rem 0;

}

.product_message .con .text {

  font-size: 1.62rem;

  font-weight: 200;

  line-height: 1.76;

}

.product_message .con .text a {

  font-weight: bold;

  position: relative;

}

.product_message .con .text a::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #000;

}

.product_message .con .text a:hover {

  color: #ff5a02;

}

.product_message .con .text a:hover:after {

  border-bottom-color: #ff5a02;

}

/*客户案例*/

.case {

  position: relative;

}

.caseNav {

    position: absolute;

  left: -9.6354vw;

  top: 0;

  height: 100%;

 padding-top: 7%;
 
}

.caseNav ul {

  margin-left: 2vw;

  border-left: 1px solid rgba(17, 17, 17, 0.2);

  position: sticky;

  position: -webkit-sticky;

  top: 180px;

}

.caseNav ul li {

  margin-bottom: 0.62rem;

  position: relative;

  padding-left: 24px;

  cursor: pointer;
  font-size: 18px;

}

.caseNav ul li a {

  color: rgba(17, 17, 17, 0.5);

}

.caseNav ul li::after {

  content: '';

  position: absolute;

  top: 0;

  left: -1px;

  height: 0;

  width: 3px;

  background-color: #004394;

}

.caseNav ul li.active::after {

  height: 100%;

}

.caseNav ul li.active a {

  color: rgba(17, 17, 17, 1.0);

}



.caseBoxList {

  position: relative;

 padding-top: 100px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 6.25vw;

  margin-bottom: 8.25vw;

}

/*.caseBox .caseBoxList:last-child {

  margin-bottom: 0;

  border-bottom: none;

}*/

.caseBoxList .w_title {
margin: 0 auto;
width: 99%;
    text-align: left;
  top: 0;

  left: 0;

  font-weight: 600;

  line-height: 1.47;

  font-size: 20px;

}

.case_list {

  padding-top: 0;

  padding-bottom: 2.5rem;

}

.case_list .box {

  background-color: #f4f4f4;

}

/*弹框*/

.modalPageCase .modalClose {

  position: fixed;

  top: 0;

  right: 0;

  width: 4.4791vw;

  height: 4.4791vw;

  background-color: #ff5a02;

  cursor: pointer;

}

.modalPageCase .modalClose img {

  display: block;

  width: 32px;

  height: 32px;

}

.modalMain {}

.caseModalD li .img {

  width: 100%;

  height: 28.6458vw;

}

.caseModalX {

  margin-top: 0.62rem;

}

.caseModalX li.swiper-slide {

  width: 6.7708vw;

}

.caseModalX li.swiper-slide .img {

  height: 3.9583vw;

  width: 100%;

  position: relative;

  cursor: pointer;

}

.caseModalX li.swiper-slide .img::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  border: 2px solid #ff5a02;

  opacity: 0;

  transition: all 350ms ease-in-out;

}

.caseModalX li.swiper-slide-thumb-active .img::after {

  opacity: 1;

}

.modalPageCase {

  display: block !important;

  opacity: 0;

  visibility: hidden;

  transition: all 350ms ease-in-out;

}

.modal-open .modalPageCase {

  opacity: 1;

  visibility: visible;

}

.modal-content {

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

}


/*解决方案*/

.caseBox{margin-left: 2%;}

.hTitle {

  font-size: 2.5rem;

  font-weight: 400;

  line-height: 1;

}

.hMore {

  position: relative;

  z-index: 2;
  clear: both;
  padding-top: 20px;

}

.hMore a {

  display: block;

  font-size: 16px;

  color: #ffffff;

  position: relative;

  width: 218px;

  margin: 0 auto;

  height: 46px;

  border-radius: 8px;

  line-height: 46px;

  text-align: center;

  cursor: pointer;

}

.hMore a:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #004394;

  transform: skew(-40deg);

  z-index: -1;

  border-radius: 8px;

  transition: background-color 500ms;

}

.hMore a:hover {

  color: #ffffff;

}

.hMore a:hover:before {

  background-color: #ff5a02;

}

.hMore a span {

  display: block;

  position: relative;

  z-index: 1;

}

.bigimg{width:auto !important; height:auto !important;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 999;transition:all 1s;display: none}
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:auto !important;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
	

/*服务于支持*/