/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden; position: relative;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide .bg{ }
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .layer{ 
  position: absolute; 
  z-index: 3;
  top: 50%;
  right: 0;
  text-align: center;
  transform: translateY(-80%); 
  width: 100%;
}
.ind-banner .swiper-slide .layer .txt2 ul{
  display: flex;
  justify-content: space-evenly;
}
.ind-banner .swiper-slide .layer .txt2 ul li strong{
  display: block;
  font-weight: normal;
  letter-spacing: 0.1rem;
  margin-bottom: 0.1rem;
}
.ind-banner .swiper-slide .layer .txt2 ul li span{
  display: block;
  font-size: 0.12rem;
}
.ind-banner .swiper-slide .layer2{ position: absolute; left: 50%; top: 50%; margin-left: -7.68rem; z-index: 3; transform: translateY(-50%); }
.ind-banner .swiper-slide .layer3{ position: absolute; left: 0; top: 50%; text-align:center; width:100%; z-index: 3; transform: translateY(-50%); }
.ind-banner .swiper-slide .txt1{ color: #fff; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.5rem;}
.ind-banner .swiper-slide .txt1 strong{letter-spacing: 0.3rem;display: block;}
.ind-banner .swiper-slide .txt1 span{display: block;font-size: 0.24rem;letter-spacing: 0.08rem;}
.ind-banner .swiper-slide .txt2{ font-size: 0.24rem; line-height: 0.24rem;  color: #fff;}
.ind-banner .swiper-pagination{ bottom: 0.4rem!important; } 
.ind-banner .swiper-pagination-bullet {width: 0.15rem; height: 0.15rem; opacity: 1; background: rgba(255,255,255,0.8); margin: 0 20px!important; border-radius: 50%; -moz-border-radius: 50%;} 
.ind-banner .swiper-pagination-bullet-active {background: #f80!important; width: 0.4rem;border-radius: 10px;} 
.ind-banner .swiper-slide section {
  height: 9.4rem;
  background-color: #2c3e50;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  /* height:100%; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* object-fit: cover; */
  }
  
.ind-banner .swiper-slide .ico{ position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; z-index:2;}
.ind-banner .swiper-slide .ico img{ width:48px;}
/*banner结束*/

.indexTitle{ text-align: center; }
.indexTitle .title1{ font-size: 0.4rem; line-height: 0.4rem; color: #104ea3; }
.indexTitle .title2{ 
  font-size: 0.3rem;
  position: relative; line-height: 0.3rem; height: 0.5rem; color: #dbdbdd; padding-top: 0.15rem; text-transform: uppercase;
  font-style: italic;
}
.indexTitle .title2:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0.45rem; height: 0.05rem; background: #104ea3; margin-left: -0.23rem; }

.indexPart1 .about-left {
    width: 682px;
    float: left;
    margin-top: 0.8rem;
}
.indexPart1 .about-right {
    width: 811px;
    height: 546px;
    padding-top: 12px;
    position: relative;
    margin-top: 0.8rem;
    float: right;
    overflow: hidden;
}
.indexPart1 .about-right img {
  display: block;
  width: 100%;
}

.indexPart1{ 
  padding: 1.2rem 0 0;
  position: relative; 
}
.indexPart1 .content{ 
  font-size: 16px; 
  color: #212121;
  line-height: 32px; 
  text-indent: 2em;
  letter-spacing: 1px;
  margin-bottom: 26px;
  text-align: justify;
}
.indexPart1 .numList{ 
  background-color: #f7f7f7;
  margin-top: 30px;
}
.indexPart1 .numList li{
 float: left; 
 width: 25%; 
 text-align: center;
 padding: 40px 0;
}
.indexPart1 .numList li .box{ 
  /*padding-left: 0.9rem; */
  position: relative; 
}
.indexPart1 .numList li .box:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 74px; background: #eee; }
.indexPart1 .numList li:last-child .box:after{ display: none;}
.indexPart1 .numList li .wen{
 font-size: 12px; line-height: 0.3rem; color: #2461b6; 
}
.indexPart1 .numList li .num{ 
  font-size: 42px; color: #2461b6; 
  font-weight: bold;
  line-height: 0.48rem;
}
.indexPart1 .numList li .numUp{ 
  color: #2461b6;
}

.indexPart2{ padding-top: 0.8rem; }
.indexPart2 .indexTitle{ padding-bottom: 0.8rem; }
.indexPart2 .bigBox{ position: relative; }
.indexPart2 .tabContent{ position: relative; }
.indexPart2 .tabContent .imgDiv {
  height: 8rem;
  overflow: hidden;
}
.indexPart2 .tabContent .imgDiv img{ width: 100%; }
.indexPart2 .tabContent .layer{ position: absolute; z-index: 2; left: 57%; margin-left: -7.68rem; width: 4rem; top: 36%; transform:translateY(-50%); background:rgba(000,000,000,0.5)}
.indexPart2 .tabContent .mxfDiv{ padding: 20px;}
.indexPart2 .tabContent .txtDiv{ -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.indexPart2 .tabContent .txt1{ color: #fff; font-weight: bold; font-size: 0.4rem; line-height: 0.4rem; }
.indexPart2 .tabContent .txt2{ color: #fff; padding-top: 0.15rem; font-size: 0.24rem; line-height: 0.24rem; text-transform: uppercase; }
.indexPart2 .tabContent .content{ padding-top: 0.2rem; color: #fff; font-size: 0.14rem; line-height: 0.2rem; height: 0.6rem; overflow: hidden; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards; }
.indexPart2 .tabContent .btnDiv{ padding-top: 0.2rem;  -webkit-animation: am_top 0.4s ease-in-out 1.2s backwards;}
.indexPart2 .tabContent .btnDiv a{ display: block; width: 1.36rem; height: 0.42rem; text-align: center; line-height: 0.42rem; border: #fff solid 2px; color: #fff; font-size: 14px; }
.indexPart2 .tabContent .btnDiv a:hover{ background: #f80; border: #f80 solid 2px; color: #fff; }
.indexPart2 .tab{ position: absolute; left: 25%; bottom: 0; width: 50%; background: rgba(255,255,255,0.9); height: 2.4rem; z-index: 2; }
.indexPart2 .tab li{ float: left; width: 33.33%; height: 1.2rem; text-align: center; position: relative; }
.indexPart2 .tab li:before{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e1dfe1; }
.indexPart2 .tab li:last-child:before{ display: none; }
.indexPart2 .tab li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e1dfe1; }
.indexPart2 .tab li .ico{ padding: 0.2rem 0 0.1rem; }
.indexPart2 .tab li .ico .img1{ display: none; }
.indexPart2 .tab li .name1{ font-size: 16px; color: #212121; padding-bottom: 0.05rem; }
.indexPart2 .tab li .name2{ color: #666; font-size: 12px; text-transform: uppercase;}
.indexPart2 .tab .liNow{ background: #fff; }
.indexPart2 .tab .liNow:after{ background: #fff; }
.indexPart2 .tab .liNow .ico img{ display: none; }
.indexPart2 .tab .liNow .ico .img1{ display: inline-block; }
.indexPart2 .tab .liNow .name1{ color: #f80; }
.indexPart2 .tab .liNow .name2{ color: #f80; }

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}


@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.indexPart3{ padding: 0.8rem 0 1.0rem; }
.indexPart3 .indexTitle{ padding-bottom: 0.8rem; }
.indexPart3 .list{ border-top: #f1f1f1 solid 1px; border-bottom: #f1f1f1 solid 1px; }
.indexPart3 .list li{ float: left; width: 33.33%; }
.indexPart3 .list li .box{ padding: 0.48rem; }
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list li .time{ 
  margin-top: 0.35rem; font-size: 16px; color: #343434; height: 0.28rem; line-height: 0.28rem;
}
.indexPart3 .list li .name{ padding-top: 0.25rem; font-size: 18px; color: #212121; font-weight: bold; height: 72px; line-height: 36px; }
.indexPart3 .list li .content{ padding-top: 0.25rem; font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; color: #666; }
.indexPart3 .list li .more{ margin-top: 0.25rem; width: 1.36rem; height: 0.42rem; border: #104ea3 solid 2px; line-height: 0.42rem; color: #104ea3; text-align: center; font-size: 16px; }
.indexPart3 .list li:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); }
.indexPart3 .list li:hover .name{ color: #104ea3;text-decoration: underline; }

.indexPart3 .btnDiv{ width: 1.4rem; margin: 0.6rem auto 0; }
.indexPart3 .btnDiv a{ display: block; width: 1.4rem; font-size: 14px; color: #e62129; height: 0.42rem; border: #e62129 solid 2px; line-height: 0.42rem; text-align: center; box-sizing: border-box; }
.indexPart3 .btnDiv a:hover{ background: #e62129; color: #fff; border: #e62129 solid 2px; }

.aboutBox{ padding: 120px 0 90px; position: relative; }
.aboutBox:after{ content: ''; position: absolute; right: 0; top: 0; width: 9.6rem; height: 284px; background: url(../images/bg1.png) repeat; }
.aboutBox .conDiv{ padding-bottom: 60px; }
.aboutBox .name{ font-size: 32px; line-height: 32px; color: #222; padding-bottom: 30px; }
.aboutBox .txt{ font-size: 30px; line-height: 30px; color: #e62129; font-weight: bold; font-family:futura; text-transform: uppercase; }
.aboutBox .wen{ font-size: 30px; line-height: 30px; padding-top: 15px; color: #e62129; font-family:futura; text-transform: uppercase; }
.aboutBox .content{ font-size: 14px; line-height: 32px; }

.aboutBox2{ height: 5.5rem; background: url(../images/aboutbg.jpg) center no-repeat; background-size: cover; }
.aboutBox2 .numList{ height: 230px; background: #fff url(../images/nimg1400bg.png) center no-repeat; }
.aboutBox2 .numList li{ float: left; width: 25%; font-size: 14px; color: #a5a5a5; }
.aboutBox2 .numList li .wen{ padding-bottom: 15px; }
.aboutBox2 .numList li .num{ font-size: 16px; color: #666;}
.aboutBox2 .numList li .numUp{ font-size: 32px; font-family:din; padding-right: 10px; }
.aboutBox2 .numList li .txt{ padding-top: 55px; }
.aboutBox2 .numList li img{ position: relative; top: -8px; }

.group{ padding: 80px 0 30px; }
.group .imgDiv img{ width: 1200px; }
.group .list{ padding-top: 100px; }
.group .list ul{ margin-right: -50px; }
.group .list li{ float: left; width: 33.33%; }
.group .list li .box{ margin-right: 50px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.group .list li .imgDiv{ overflow: hidden; }
.group .list li .imgDiv img{ width: 100%; }
.group .list li .toptop{ height: 108px; background: #fff; position: relative; text-align: center;}
.group .list li .toptop:after{ content: ''; position: absolute; left: 50%; margin-left: -10px; width: 20px; height: 6px; bottom: 0; background: #e62129; }
.group .list li .name{ font-size: 18px; line-height: 18px; color: #e62129; padding: 30px 0 10px; }
.group .list li .wen{ font-size: 14px; color: #999; }
.group .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.pageMxf{ position: relative; }
.pageMxf .honorTab{ position: absolute; right: 0; bottom: 0; }
.pageMxf .honorTab li{ float: left; font-size: 14px;}
.pageMxf .honorTab li a{ display: block; width: 148px; height: 48px; line-height: 48px; text-align: center; color: #666; font-weight: bold; border: #c5c5c5 solid 1px;}
.pageMxf .honorTab li .aNow, .pageMxf .honorTab li a:hover{ border: #e62129 solid 1px; background: #e62129; color: #fff; }
.pageMxf .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.pageMxf .btnDiv a{ display: block; width: 136px; height: 42px; border: #e62129 solid 2px; line-height: 42px; text-align: center; color: #e62129; font-size: 14px; }
.pageMxf .btnDiv a:hover{ background: #e62129; color: #fff; }

.honor{ padding: 80px 0 20px; }
.h_banner{padding: 20px 0; position: relative;}
.h_banner .swiper-slide {width: 550px; padding: 20px 0;cursor:pointer;}
.h_banner .swiper-slide .mxfDiv{ background: #fff; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);}
.h_banner .swiper-slide .img{ padding: 35px 35px 15px;}
.h_banner .swiper-slide img{width: 100%;}
.h_banner .swiper-slide p{font-size: 14px; text-align: center; font-weight: bold; padding: 0 10px 25px; color: #333;}
.h_banner .swiper-button-prev{width: 46px;height: 46px;margin-top:-25px;left: -70px; border: #e62129 solid 2px; background: #fff url("../images/nimg8_left.png") center no-repeat;} 
.h_banner .swiper-button-next{width: 46px;height: 46px;margin-top:-25px;right: -70px; border: #e62129 solid 2px; background: #fff url("../images/nimg8_right.png") center no-repeat;} 
.h_banner .swiper-button-prev:hover{background: #e62129 url("../images/nimg8_lefton.png") center no-repeat; } 
.h_banner .swiper-button-next:hover{background: #e62129 url("../images/nimg8_righton.png") center no-repeat; } 

.glory{ padding-top: 120px; }
.gloryPic .box-container{ position: relative; height: 112px;}
.gloryPic .box-container:before{ content: ''; position: absolute; left: 0; bottom: 22px; width: 100%; height: 3px; background: #ebebeb; }
.gloryPic .box-container .year-swiper{ padding: 0 50px; }
.gloryPic .box-container .swiper-slide{ height: 112px; cursor: pointer; font-family: din; font-size: 30px; line-height: 50px; position: relative; text-align: center; color: #999;}
.gloryPic .box-container .swiper-slide .year{ display: inline-block; height: 90px; position: relative;}
.gloryPic .box-container .swiper-slide .year:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; background: #e62129; height: 3px; }
.gloryPic .box-container .swiper-slide.active{ color: #e62129; font-size: 50px; line-height: 50px; }
.gloryPic .box-container .swiper-slide.active .year:after{ width: 100%; }
.gloryPic .prev { display: block; position: absolute; width: 46px;height: 46px; bottom: 0; left: 0; border: #e62129 solid 2px; background: #fff url("../images/nimg8_left.png") center no-repeat; z-index: 1;}
.gloryPic .next { display: block; position: absolute; width: 46px;height: 46px; bottom: 0; right: 0; border: #e62129 solid 2px; background: #fff url("../images/nimg8_right.png") center no-repeat; z-index: 1;}
.gloryPic .prev:hover{ background: #e62129 url("../images/nimg8_lefton.png") center no-repeat; }
.gloryPic .next:hover{ background: #e62129 url("../images/nimg8_righton.png") center no-repeat;}
.gloryPic .detail-box{ padding-top: 80px; }
.gloryPic .detail-box .item { display: none; position: relative; overflow: hidden; }
.gloryPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.gloryPic .detail-box .tab2{ width: 600px; }
.gloryPic .detail-box .tab2 li{ padding:16px 0; line-height: 24px; overflow: hidden; font-size: 16px; color: #999; background: url(../images/line1.png) bottom repeat-x;}
.gloryPic .detail-box .tab2 .liNow{ color: #e62129; font-weight: bold; }
.gloryPic .detail-box .imgDiv img{ max-width: 500px; }

@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.buildPart1{ padding: 120px 0 70px; }
.buildPart1 .content{ font-size: 14px; line-height: 38px; padding-top: 90px; }
.buildPart1 .list{ padding-top: 70px; }
.buildPart1 .list ul{ margin-right: -20px; }
.buildPart1 .list li{ float: left; width: 33.33%; padding-bottom:20px;}
.buildPart1 .list li .box{ margin-right: 20px; height: 305px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); text-align: center; }
.buildPart1 .list li .ico{ padding: 65px 0 35px; }
.buildPart1 .list li .name{ font-weight: bold; font-size: 22px; color: #333; line-height: 40px; padding: 0 60px; }

.supplyPart1{ border-top: #eaf3f8 solid 1px; border-bottom: #eaf3f8 solid 1px; padding-top: 73px; height: 460px; background: url(../images/supplybg.jpg) center no-repeat; background-size: cover; }
.supplyPart1 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 32px; }
.supplyPart1 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb;}
.supplyPart1 .list{ padding-top: 60px; }
.supplyPart1 .list ul{ margin-right: -32px; }
.supplyPart1 .list li{ float: left; width: 25%; }
.supplyPart1 .list li .box{ margin-right: 32px; background: #fff; height: 200px; border-radius: 16px; text-align: center; }
.supplyPart1 .list li .num{ padding-top: 45px; font-size: 14px; color: #e62129; }
.supplyPart1 .list li .numUp{ font-size: 48px; font-family:gotham; padding-right: 10px;}
.supplyPart1 .list li .wen{ font-size: 14px; line-height: 30px; padding-top: 10px; }

.supplyPart2{ padding: 100px 0; }
.supplyPart2 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.supplyPart2 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb;}
.supplyPart2 .content{ font-size: 14px; line-height: 32px; text-align: center; padding: 50px 0 60px; }
.supplyPart2 .mapDiv{ text-align: center; }
.supplyPart2 .imgGroup{ padding-top: 80px; }
.supplyPart2 .imgGroup .leftImg img{ width: 695px; }
.supplyPart2 .imgGroup .rightImg img{ width: 500px; }

.supplyPart3{ height: 730px; padding-top: 90px; background: url(../images/supplybg2.jpg) left center no-repeat; background-size: cover; }
.supplyPart3 .leftImg img{ width: 311px; }
.supplyPart3 .rightDiv{ width: 720px; padding-top: 70px; }
.supplyPart3 .ewmDiv{ position: relative; padding-left: 150px; height: 120px; }
.supplyPart3 .ewmDiv .ewm{ position: absolute; left: 0; top: 0; }
.supplyPart3 .ewmDiv .txt{ line-height: 40px; color: #fff; font-size: 18px; padding-top: 25px; }
.supplyPart3 .name1{ padding: 40px 0 15px; color: #fff; font-weight: bold; font-size: 36px; line-height: 36px; }
.supplyPart3 .name2{ font-size: 36px; color: #fff; font-family:gothicb; line-height: 36px; }
.supplyPart3 .content{ font-size: 14px; line-height: 32px; color: #fff; padding-top: 40px; }

.educatePart1{ background: #f7f7f7; padding: 100px 0;}
.educatePart1 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.educatePart1 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb;}
.educatePart1 .content{ font-size: 14px; text-align: center; line-height: 24px; padding: 50px 0 75px;}

.economic{ position: relative; width: 1200px; overflow: hidden;}
.economic .swiper-slide { position: relative;}
.economic .swiper-slide .img img{ width: 100%; }
.economic a.arrow { display: block; width: 46px; height: 46px; border: #e62129 solid 2px; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -25px; }
.economic a.arrow.prev { left: 20px; background: #fff url("../images/nimg8_left.png") center no-repeat; }
.economic a.arrow.next { right: 20px; background: #fff url("../images/nimg8_right.png") center no-repeat; }
.economic a.arrow.prev:hover{ background: #e62129 url("../images/nimg8_lefton.png") center no-repeat;}
.economic a.arrow.next:hover{ background: #e62129 url("../images/nimg8_righton.png") center no-repeat;}
.economic .list { width: 1800px; position: relative; left: 50%; margin-left: -900px; overflow: hidden; }
.economic .swiper-slide-active .img {width: 600px; }
.economic .swiper-slide-active .container {
    opacity: 1;
    visibility: visible;

    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s; } 

.educatePart2{ padding: 100px 0;}
.educatePart2 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.educatePart2 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb;}
.educatePart2 .content{ font-size: 14px; text-align: center; line-height: 36px; padding: 50px 0 75px;}
.educatePart2 .list li{ float: left; width: 25%; }
.educatePart2 .list li .box{ position: relative; padding-left: 100px;}
.educatePart2 .list li .box:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 50px; background: #e5e5e5; margin-top: -25px;}
.educatePart2 .list li:last-child .box:after{ display: none; }
.educatePart2 .list li .wen{ font-size: 14px; padding-bottom: 20px; }
.educatePart2 .list li .num{ color: #e62129; font-size: 48px; line-height: 48px; font-family:gotham;}
.educatePart2 .imgDiv{ text-align: center; }

.educatePart3{ background: #f7f7f7; padding-top: 100px; }
.educatePart3 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.educatePart3 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb;}
.educatePart3 .tab2{ padding: 55px 0 60px; text-align: center; }
.educatePart3 .tab2 li{ display: inline-block; font-size: 14px; width: 148px; height: 48px; line-height: 48px; text-align: center; color: #666; font-weight: bold; border: #c5c5c5 solid 1px;}
.educatePart3 .tab2 .liNow{ border: #e62129 solid 1px; background: #e62129; color: #fff; }

.educatePart3 .list li{ float: left; width: 20%; position: relative; overflow: hidden;}
.educatePart3 .list li .imgDiv img{ width: 100%; }
.educatePart3 .list li .layer{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.educatePart3 .list li .mxfDiv{ position: absolute; left: 0; width: 100%; text-align: center; top: 35%; }
.educatePart3 .list li .name1{ font-size: 14px; color: #fff; font-weight: bold; padding-bottom: 30px; }
.educatePart3 .list li .name2{ font-size: 18px; color: #e5ba82; font-family:gothic; line-height: 30px;}
.educatePart3 .list li:hover .layer{ opacity: 1; }

.educatePart4{ padding: 100px 0; }
.educatePart4 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.educatePart4 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb; padding-bottom: 55px;}

.teachPic{ position: relative; }
.teachPic .swiper-slide{ overflow: hidden; }
.teachPic .swiper-slide img{ width: 100%; }
.teachPic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.teachPic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.teachPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.teachPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}
.teachPic .swiper-slide:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.educatePart5{ padding: 100px 0; background: #f7f7f7;}
.educatePart5 .title1{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.educatePart5 .title2{ font-size: 36px; line-height: 36px; color: #e62129; text-align: center; font-family:gothicb; padding-bottom: 55px;}
.passPic{ position: relative; }
.passPic .swiper-slide{ overflow: hidden; }
.passPic .swiper-slide img{ width: 100%; }
.passPic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.passPic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.passPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.passPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}

.casePart1{ background: url(../images/casebg.jpg) center top no-repeat; position: relative; background-size: 100%; padding-top: 100px;}
.casePart1:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #f7f7f7; z-index: -1; }
.casePart1 .wal2{ position: relative; }
.casePart1 .name{ text-align: center; color: #333; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 25px; }
.casePart1 .txt{ text-align: center; font-size: 26px; color: #333; padding-bottom: 60px; }
.casePart1 .backBtn{ position: absolute; left: 0; top: 0; z-index: 1; }
.casePart1 .backBtn a{ display: block; width: 120px; height: 45px; line-height: 45px; border-radius: 24px; font-weight: bold; text-indent: 56px; background: rgba(0,0,0,0.3); font-size: 14px; color: #fff;}
.casePart1 .backBtn a:before{ content: ''; position: absolute; left: 35px; top: 50%; margin-top: -6px; width: 12px; height: 11px; background: url(../images/nimg12_1.png) center no-repeat; }
.casePart1 .backBtn a:hover{ background: #e62129; }
.casePic{ position: relative; }
.casePic .swiper-slide{ overflow: hidden; }
.casePic .swiper-slide img{ width: 100%; }
.casePic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.casePic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.casePic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.casePic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}

.casePart2{ padding: 100px 0; background: #f7f7f7; }
.casePart2 .list li{ float: left; width: 25%; text-align: center; }
.casePart2 .list li .wen{ color: #e62129; font-size: 18px; line-height: 18px; font-weight: bold; }
.casePart2 .list li .wen img{ padding-right: 10px; position: relative; top: -1px; }
.casePart2 .list li .msg{ font-size: 14px; padding-top: 28px; }

.casePart3{ padding: 100px 0; }
.casePart3 .title{ font-size: 24px; color: #333; line-height: 24px; padding-bottom: 25px; }
.casePart3 .content{ font-size: 14px; line-height: 34px; }

.casePart4{ padding: 100px 0; background: #f7f7f7; }
.casePart4 .title{ font-size: 24px; color: #333; line-height: 24px; padding-bottom: 50px; }
.hotCase{ position: relative; }
.hotCase .swiper-slide a{ display: block; width: 100%; height: 100%; }
.hotCase .swiper-slide .imgDiv{ overflow: hidden; }
.hotCase .swiper-slide .imgDiv img{ width: 100%; }
.hotCase .swiper-slide .botDiv{ border: #ebebeb solid 2px; border-top: none; background: #fff; padding: 35px 38px 40px;}
.hotCase .swiper-slide .name{ font-size: 18px; color: #666; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; }
.hotCase .swiper-slide .content{ padding-top: 25px; color: #999; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; }
.hotCase .swiper-slide .ico{ padding-top: 30px; }
.hotCase .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.hotCase .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.hotCase .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.hotCase .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}
.hotCase .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.hotCase .swiper-slide:hover .name{ color: #e62129; }

.brandPart1{ padding: 120px 0 90px; border-bottom: #ebebeb solid 1px; background: url(../images/nimg1527bg.png) center bottom no-repeat;}
.brandPart1 .name2{ text-align: center; color: #333; font-weight: bold; font-size: 36px; line-height: 36px; padding: 95px 0 30px; }
.brandPart1 .wen{ text-align: center; color: #e62129; font-family:gothicb; line-height: 40px; font-size: 36px; text-transform: uppercase;}
.brandPart1 .content{ font-size: 14px; line-height: 30px; padding-top: 60px; }

.brandPart2{ background: #fafafa; overflow: hidden; border-bottom: #ebebeb solid 1px; padding: 90px 0; position: relative;}
.brandPart2:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 887px; height: 498px; background: url(../images/nimg887bg.png) center no-repeat; z-index: 1; }
.brandPart2 .leftDiv{ width: 480px; position: relative; z-index: 2; }
.brandPart2 .name{ color: #333; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 30px; }
.brandPart2 .wen{ color: #e62129; font-family:gothicb; line-height: 40px; font-size: 36px; text-transform: uppercase;}
.brandPart2 .txt1{ padding-top: 120px; font-size: 60px; line-height: 60px; color: #333; padding-bottom: 30px; }
.brandPart2 .txt2{ font-size: 50px; color: #ccc; line-height: 40px; font-family:gothicb; text-transform: uppercase; }
.brandPart2 .rightDiv{ width: 600px; position: relative; z-index: 2; }
.brandPart2 .content{ font-size: 14px; line-height: 40px; }

.brandPart3{ padding: 100px 0 150px; }
.brandPart3 .name{ text-align: center; color: #333; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 30px; }
.brandPart3 .wen{ text-align: center; color: #e62129; font-family:gothicb; line-height: 40px; font-size: 36px; text-transform: uppercase;}
.brandPart3 .content{ font-size: 14px; line-height: 36px; padding: 85px 0 50px; text-align: center; }
.brandPart3 .limg{ text-align: center; }

.culturePart1{ padding-top: 120px; }
.culturePart1 .pageTitle{ padding-bottom: 75px; }
.culturePart1 .list{ height: 8.0rem; background: url(../images/culturebg.jpg) center no-repeat; background-size: cover; }
.culturePart1 .list li{ float: left; width: 25%; height: 4.0rem; position: relative; text-align: center; color: #fff; cursor: pointer;}
.culturePart1 .list li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2); }
.culturePart1 .list li:before{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2);}
.culturePart1 .list li .name1{ padding: 1.2rem 0 0.15rem; font-family:mont; font-size: 36px; line-height: 36px; }
.culturePart1 .list li .name2{ font-size: 18px; padding-bottom: 0.45rem;}
.culturePart1 .list li .msg{ font-size: 14px; line-height: 32px; color: rgba(255,255,255,0.7); padding: 0 0.9rem; }
.culturePart1 .list li:hover{ background: #e62129; }

.culturePart2{ padding: 100px 0; }
.culturePart2 .title1{ font-size: 36px; color: #333; line-height: 36px; text-align: center; font-weight: bold; padding-bottom: 30px; }
.culturePart2 .title2{ text-align: center; font-size: 36px; color: #e62129; line-height: 36px; font-family:gothicb; padding-bottom: 75px; }
.activityPic{ position: relative; }
.activityPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.activityPic .swiper-slide .imgDiv{ overflow: hidden; }
.activityPic .swiper-slide .imgDiv img{ width: 100%; }
.activityPic .swiper-slide .botDiv{ background: #fff; padding: 35px 30px 30px; position: relative;}
.activityPic .swiper-slide .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e62129;}
.activityPic .swiper-slide .time{ padding-left: 26px; background: url(../images/nimg16_3.png) left center no-repeat; height: 30px; line-height: 30px; font-size: 16px; color: #ccc; font-family:gotham;}
.activityPic .swiper-slide .name{ font-size: 18px; color: #666; padding-top: 15px; height: 72px; line-height: 36px; overflow: hidden; }
.activityPic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.activityPic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.activityPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.activityPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}
.activityPic .swiper-slide:hover{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);}
.activityPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.activityPic .swiper-slide:hover .botDiv:after{ width: 100%; }
.activityPic .swiper-slide:hover .time{ background: url(../images/nimg16_3on.png) left center no-repeat; color: #e62129;}
.activityPic .swiper-slide:hover .name{ color: #e62129; }

.news{ padding-top: 80px; }
.news .list ul{ margin-right: -50px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.news .list li .box{ margin-right: 50px; position: relative; }
.news .list li .imgDiv{ overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .botDiv{ background: #fff; padding: 35px 30px 30px; position: relative;}
.news .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e62129;}
.news .list li .time{ padding-left: 26px; background: url(../images/nimg16_3.png) left center no-repeat; height: 30px; line-height: 30px; font-size: 16px; color: #ccc; font-family:gotham;}
.news .list li .name{ font-size: 18px; color: #666; padding-top: 15px; height: 72px; line-height: 36px; overflow: hidden; }
.news .list li .box:hover{ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv:after{ width: 100%; }
.news .list li .box:hover .time{ background: url(../images/nimg16_3on.png) left center no-repeat; color: #e62129;}
.news .list li .box:hover .name{ color: #e62129; }

.newShow{ padding-bottom: 75px; }
.newShow .name{ font-size: 30px; color: #333; font-weight: bold; line-height: 50px; padding-bottom: 30px; font-weight: bold;}
.newShow .wnList{ padding-bottom: 40px; overflow: hidden;}
.newShow .wnList li{ float: left; color: #ccc; font-size: 14px; font-weight: bold; padding-right: 20px;}
.newShow .wnList li img{ margin-right: 10px; }
.newShow .content{ font-size: 14px; color: #666; line-height: 30px; }
.newShow .imgDiv{ padding: 30px 0; text-align: center;}
.newShow .imgDiv img{ max-width: 800px; }

.sideNews{ padding: 45px 30px 30px; background: #fafafa; }
.sideNews .title1{ font-weight: bold; font-size: 26px; line-height: 26px; font-family: "Microsoft JhengHei"; color: #090a0c; padding-bottom: 10px; }
.sideNews .title2{ font-size: 14px; color: #999; text-transform: uppercase; }
.sideNews .list2{ padding-top: 10px; }
.sideNews .list2 li{ padding: 30px 0; border-bottom: #ededed solid 1px; }
.sideNews .list2 li:last-child{ border-bottom: none; }
.sideNews .list2 li .name{ color: #666; font-size: 16px; margin-top: 20px; height: 72px; line-height: 36px; overflow: hidden; }
.sideNews .list2 li:hover .name{ color: #e62129; }
.sideNews .list2 li .imgDiv img{ width:100%; }

.sideBot{ margin-top: 20px; background: #fafafa; padding: 40px 30px; }
.pageDown li{ height: 46px; font-size: 16px; }
.pageDown li a{ display: block; height: 46px; line-height: 46px; overflow: hidden; color: #333; }
.pageDown li em{ color: #999; }
.pageDown li a:hover{ color: #e62129; }

.sideBot .share{ padding-top: 15px; }
.sideBot .share li{ float: left; margin-right: 15px;  }
.sideBot .share li img{ width: 35px; }
.sideBot .returnBtn{ padding-top: 30px; }
.sideBot .returnBtn a{ display: block; width: 100%; height: 50px; line-height: 50px; background: #e62129; text-align: center; font-size: 16px; color: #fff; }
.sideBot .returnBtn img{ margin-left: 10px }

.videoTab{ padding-top:50px;}
.videoTab li{ float:left;}
.videoTab li .lbox{ margin-right:20px;}
.videoTab li a{ display:block; width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; background:#eee;}
.videoTab li a:hover, .videoTab li .aNow{ color: #fff; background: #e62129;}

.video{ padding-top: 60px; }
.video ul{ margin-right: -50px; }
.video li{ float: left; width: 50%; padding-bottom: 30px; }
.video li .box{ margin-right: 50px;}
.video li .imgDiv{ position: relative; overflow: hidden; height: 350px; }
.video li .imgDiv img{ width: 100%; }
.video li .ico{ position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; z-index: 1; width: 48px; height: 48px; background: url(../images/nimg48_4.png) center no-repeat;}
.video li .name{ padding-top: 30px; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; color: #333; text-align: center; }
.video li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.video li .video{ display:none;}

.video iframe{ width: 575px; height: 350px; overflow: hidden;}

.jobModal-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.jobModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.jobModal-box .peopleLayer2 {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
  position: relative;
  box-sizing: border-box;
}

.peopleLayer2 .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;}
.jobModal-box .peopleLayer2 video{ width:100%;}

.promiseBox{ background: url(../images/promisebg.jpg) center bottom no-repeat; background-size: 100%; padding: 120px 0 200px;}
.promise{ padding-top: 80px; }
.promise .list ul{ margin-right: -50px; }
.promise .list li{ float: left; width: 50%; padding-bottom: 50px; }
.promise .list li .box{ margin-right: 50px; height: 340px; padding: 0 60px; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.promise .list li .ico{ padding-top: 45px; }
.promise .list li .name{ padding-top: 35px; font-size: 26px; color: #333; line-height: 26px; padding-bottom: 10px; }
.promise .list li .txt{ font-size: 18px; line-height: 18px; color: #ccc; font-family:futura;}
.promise .list li .msg{ padding-top: 35px; font-size: 14px; line-height: 32px; }

.report{ padding: 60px 0 30px; }
.report .list ul{ margin-right: -50px; }
.report .list li{ float: left; width: 33.33%; }
.report .list li .box{ margin-right: 50px; position: relative; padding-bottom: 35px;}
.report .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e62129; }
.report .list li .imgDiv img{ width: 100%; }
.report .list li .name{ padding: 30px 20px 0; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; text-align: center; color: #333;}
.report .list li .btnDiv{ margin: 15px auto 0; width: 100px; }
.report .list li .btnDiv a{ display: block; width: 100px; text-align: center; font-size: 12px; color: #e62129; height: 34px; line-height: 34px; border: #e62129 solid 1px; box-sizing: border-box; }
.report .list li .box:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.report .list li .box:hover:after{ width: 100%; }

.address{ padding-top: 90px; }
.address .list li{ float: left; width: 50%; font-size: 16px; padding-bottom: 40px; font-family: mont;}
.address .list li:first-child{ width: 100%; }
.address .list li .mxfDiv{ position: relative; padding-left: 162px; height: 38px; line-height: 38px;}
.address .list li .txt{ position: absolute; left: 0; top: 0; padding-left: 60px; font-size: 18px; color: #333; font-weight: bold;}
.address .list li .txt img{ position: absolute; left: 0; top: 0; }
.address .list li a{ display: inline-block; position: relative; font-size: 14px; color: #ff3333; padding-left: 38px; padding-right: 25px; }
.address .list li a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 16px; height: 14px; background: url(../images/nimg16_7.png) no-repeat; }

.inform{ padding-top: 75px; }
.inform .list ul{ margin-right: -20px; }
.inform .list li{ float: left; width: 33.33%; }
.inform .list li .box{ margin-right: 20px; height: 250px; background: #f7f7f7; padding: 0 40px; text-align: center;}
.inform .list li .ico{ padding: 52px 0 28px; }
.inform .list li .name{ font-weight: bold; font-size: 18px; color: #333; line-height: 18px; padding-bottom: 15px; }
.inform .list li .num{ font-size: 20px; font-family:futura;}
.inform .list li .msg{ font-size: 14px; line-height: 28px; }
.inform .list2{ padding-top: 75px; }
.inform .list2 li{ padding-bottom: 80px; }
.inform .list2 li .txt{ font-size: 18px; line-height: 18px; padding-bottom: 20px; color: #333;}
.inform .list2 li .content{ font-size: 14px; line-height: 32px; }

.lyb{ padding-top: 80px; }
.lyb .list ul{ margin-right: -20px; }
.lyb .list li{ float: left; width: 33.33%; padding-bottom: 20px; }
.lyb .list li .box{ margin-right: 20px; position: relative; height: 54px; border: #e6e6e6 solid 1px; padding-left: 125px; }
.lyb .list li .txt{ position: absolute; left: 28px; top: 0; line-height: 54px; font-size: 14px; }
.lyb .list li .input1{ width: 100%; height: 54px; line-height: 54px; font-size: 14px; }
.lyb .choose em{ display: block; font-size: 14px; color: #999; padding-bottom: 25px; }
.lyb .choose li{ float: left; width: 20%; font-size: 14px; padding-bottom: 25px;}
.lyb .choose li .box{ cursor: pointer; padding-left: 35px; background: url(../images/nimg20_2.jpg) left center no-repeat; height: 32px; line-height: 32px; }
.lyb .choose .liNow1 .box{ background: url(../images/nimg20_2on.jpg) left center no-repeat;}
.lyb .form2{ border: #e6e6e6 solid 1px; margin-bottom:30px;}
.lyb .form2 textarea{ width: 100%; height: 198px; padding: 28px; font-size: 14px; box-sizing: border-box; }
.lyb .btnDiv a{ display: block; width: 150px; height: 46px; line-height: 46px; background: #e62129; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.lyb .title{ font-size: 20px; color: #e62129; padding: 20px 0; }

.joinBanner{ position:relative; height: 8.0rem;}
.joinBanner .bg { width: 100%; height: 8.0rem; background: center no-repeat; background-size: cover; }
.joinBanner .mxfDiv{ position: absolute; left: 50%; margin-left: -600px; top: 60%; transform: translateY(-40%); }
.joinBanner .txt1{ font-size: 0.5rem; line-height: 0.7rem; padding-bottom: 0.15rem; color: #fff;}
.joinBanner .txt2{ font-size: 0.5rem; color: #fff; font-family:gothicb; }

.joinPart1{ padding-top: 100px; height: 900px; background: url(../images/joinbg.jpg) center no-repeat; background-size: cover;}
.joinPart1 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; text-align: center; font-weight: bold; }
.joinPart1 .title2{ font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }
.joinPart1 .msg{ text-align: center; font-size: 14px; padding-top: 35px; }
.joinPart1 .list{ padding-top: 75px; }
.joinPart1 .list ul{ margin-right: -20px; }
.joinPart1 .list li{ float: left; width: 25%; padding-bottom: 20px; }
.joinPart1 .list li .box{ margin-right: 20px; cursor: pointer; height: 230px; text-align: center; background: #fff; border-radius: 8px; padding: 50px 30px 0; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.joinPart1 .list li .ico{ width: 36px; height: 36px; margin: 0 auto; position: relative; }
.joinPart1 .list li .ico .img2{ opacity: 0; position: absolute; left: 0; top: 0; }
.joinPart1 .list li .name{ font-size: 20px; color: #333; line-height: 20px; padding: 35px 0 20px; }
.joinPart1 .list li .wen{ font-size: 14px; line-height: 32px; text-align: center; }
.joinPart1 .list li .box:hover{ background: #e62129; }
.joinPart1 .list li .box:hover .ico .img1{ opacity: 0; }
.joinPart1 .list li .box:hover .ico .img2{ opacity: 2; }
.joinPart1 .list li .box:hover .name, .joinPart1 .list li .box:hover .wen{ color: #fff; }

.joinPart2{ position: relative; height: 6.5rem; background: #f7f7f7; }
.joinPart2:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 287px; height: 135px; background: url(../images/nimg287bg.png) center no-repeat; z-index: 1; }
.joinPart2 .leftDiv{ position: absolute; width: 495px; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); z-index: 2; }
.joinPart2 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; }
.joinPart2 .title2{ font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; font-family:gothicb; }
.joinPart2 .content{ font-size: 14px; line-height: 36px; padding-top: 90px; }
.joinPart2 .rightDiv{ width: 50%; height: 6.5rem; }

.officePic{ position: relative; width: 100%; height: 6.5rem;}
.officePic .imgDiv{ height: 6.5rem; }
.officePic .imgDiv img{ display: none; width: 100%; }
.officePic .prev{ z-index: 5; left: 30px; bottom: 30px; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px;} 
.officePic .next{ z-index: 5; left: 78px; bottom: 30px; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px;} 
.officePic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.officePic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}

.joinPart3{ padding: 120px 0; }
.joinPart3 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; text-align: center; }
.joinPart3 .title2{ font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }
.joinPart3 .msg{ text-align: center; font-size: 14px; padding: 35px 0 60px; }

.staffPic{ position: relative; }
.staffPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.staffPic .swiper-slide .imgDiv{ overflow: hidden; }
.staffPic .swiper-slide .imgDiv img{ width: 100%; }
.staffPic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.staffPic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.staffPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.staffPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}
.staffPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.joinPart4{ overflow: hidden; }
.joinPart4 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; text-align: center; }
.joinPart4 .title2{ padding-bottom: 60px; font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }
.joinPart4 .sameDiv{ width: 50%; position: relative; }
.joinPart4 .sameDiv a{ display: block; width: 100%; height: 100%; }
.joinPart4 .sameDiv .bg img{ width: 100%; }
.joinPart4 .sameDiv .layer{ position: absolute; left: 1.0rem; top: 50%; transform: translateY(-50%); z-index: 1; }
.joinPart4 .sameDiv .name1{ font-size: 32px; line-height: 32px; color: #333; padding-bottom: 20px; }
.joinPart4 .sameDiv .name2{ font-size: 24px; color: #999; line-height: 40px; font-family:futura; padding-bottom: 45px; text-transform: uppercase;}
.joinPart4 .sameDiv .ico{ width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; }
.joinPart4 .sameDiv:hover .name{ color: #e5333a; }
.joinPart4 .sameDiv:hover .ico{ background: url(../images/nimg47_1on.png) center no-repeat; }

.joinPart5{ padding: 100px 0; background: #f7f7f7; }
.joinPart5 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; text-align: center; }
.joinPart5 .title2{ padding-bottom: 60px; font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }
.joinPart5 .list ul{ margin-right: -30px; }
.joinPart5 .list li{ float: left; width: 50%; }
.joinPart5 .list li .box{ margin-right: 30px; height: 250px; background: #fff; text-align: center; }
.joinPart5 .list li .ico{ padding: 68px 0 25px; }
.joinPart5 .list li .wen{ font-size: 14px; padding-bottom: 15px;}
.joinPart5 .list li .num{ font-size: 22px; color: #333; font-family:gothicb;}

.jobTab{ padding-top: 70px; position: relative; height: 100px; }
.jobTab:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0f0f0; }
.jobTab li{ float: left; width: 20%; text-align: center; font-size: 18px;}
.jobTab li a{ display: inline-block; height: 100px; position: relative; font-weight: bold; z-index: 1;}
.jobTab li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e62129;}
.jobTab li .ico{ padding-bottom: 15px; }
.jobTab li .ico .img1{ display: none; }
.jobTab li .aNow, .jobTab li a:hover{ color: #e62129; }
.jobTab li .aNow .ico img{ display: none; }
.jobTab li .aNow .ico .img1{ display: inline-block; }
.jobTab li .aNow:after, .jobTab li a:hover:after{ width: 100%; }

.job{ padding-top: 50px; }
.jobTop{ height: 68px; background: #333; overflow: hidden; }
.jobTop li{ float: left; height: 68px; line-height: 68px; font-size: 14px; color: #fff; font-weight: bold; text-align: center;}
.jobTop .li01{ width: 400px; text-align: left; text-indent: 40px; }
.jobTop .li02{ width: 230px; }
.jobTop .li03{ width: 230px; }
.jobTop .li04{ width: 240px; }
.job .list{ padding-bottom: 20px; }
.job .list li{ position:relative; border: #d8d8d8 solid 1px; border-top: none;}
.job .list li .msgDiv{ height:70px; position:relative; background:#fff;}
.job .list li .msgDiv:after{ content: ''; position: absolute; right: 42px; top: 50%; width: 13px; height: 13px; margin-top: -7px; background: url(../images/nimg13_2.png) no-repeat; }
.job .list li .msgDiv a{ display: block; height: 70px; color: #333;}
.job .list li .box{ display:none;}
.job .list li .msgDiv dd{ height: 70px; float:left; line-height:70px; text-align:center; font-size: 16px; color: #333;}
.job .list li .msgDiv .dd01{ width: 400px; text-align: left; text-indent: 80px; }
.job .list li .msgDiv .dd02{ width: 230px;}
.job .list li .msgDiv .dd03{ width: 230px; }
.job .list li .msgDiv .dd04{ width: 240px; }
.job .list li .msgDiv .dd01{ background: url(../images/nimg26_1.png) 40px center no-repeat; }
.job .list li .msgDiv.aNow{ background: #e62129;}
.job .list li .msgDiv.aNow:after{ background: url(../images/nimg13_2on.png) no-repeat; }
.job .list li .msgDiv.aNow dd{ color: #fff; }
.job .list li .msgDiv.aNow .dd01{ background: url(../images/nimg26_1on.png) 40px center no-repeat;}
.job .list li .midmid{ border-bottom: #f0f0f0 solid 1px; height: 75px; padding-left: 40px; overflow: hidden; }
.job .list li .midmid dd{ font-size: 14px; color: #333; line-height: 75px; float: left; width: 25%; }
.job .list li .botbot{ padding: 30px 40px; }
.job .list li h2{ font-size: 14px; line-height: 14px; padding-bottom: 20px; color: #333;}
.job .list li .content{ line-height:30px; padding-bottom: 45px; font-size:14px;}
.job .list li .btnDiv a{ display: block; width: 136px; height: 42px; border: #e62129 solid 2px; line-height: 42px; text-align: center; color: #e62129; font-size: 14px;}
.job .list li .btnDiv a:hover{ background: #e62129; color: #fff; }

.historyBox{ padding: 120px 0 220px; background: url(../images/historybg.jpg) center bottom no-repeat; background-size: 100%; position: relative;}
.historyPic{ padding-top: 90px; height: 760px; position: relative; }
.historyPic .swiper-container { height: 760px; width: 18.8rem; overflow: hidden; position: relative; background: url(../images/line2.jpg) center repeat-x; left: 50%; margin-left: -600px; }
.historyPic .swiper-slide{ height: 760px; position: relative; }
.historyPic .swiper-slide:after{ content: ''; width: 12px; height: 12px; background: url(../images/ico3.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; z-index: 2; }
.historyPic .swiper-slide .contentBox{ padding-top: 30px; position: absolute; left: 0; top: 381px; padding-left: 40px; height: 340px; overflow:auto; }

.historyPic .swiper-slide .contentBox::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #f2f2f2;
}
.historyPic .swiper-slide .contentBox::-webkit-scrollbar-thumb {
    background-color: #e62129;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
}
.historyPic .swiper-slide .contentBox:before{ content: ''; position: absolute; left: 5px; top: 0; width: 2px; height: 100%; background: #e3e4e6; }
.historyPic .swiper-slide .year{ color: #e62129; font-size: 50px; line-height: 50px; font-family:din; padding-top: 35px; background: url(../images/nimg22bg.jpg) left top no-repeat;}
.historyPic .swiper-slide .content{ font-size: 14px; line-height: 24px; padding-top: 15px; width: 260px; }
.historyPic .swiper-slide .imgDiv{ padding-top: 10px; }
.historyPic .swiper-slide:nth-child(2n) .contentBox{ top: auto; bottom: 381px; }
.historyPic .prev{ z-index: 5; right: 48px; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 0;} 
.historyPic .next{ z-index: 5; right: 0; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 0;} 
.historyPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.historyPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}

.history .list{ position: relative; padding-top: 1.0rem; }
.history .list:before{ z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 0.68rem; height: 0.68rem; background: url(../images/nimg40_1.jpg) no-repeat; background-size: 0.68rem; }
.history .list:after{ content: ''; position: absolute; left: 14px; top: 0; width: 2px; height: 100%; background: #e62129; }
.history .list li{ position: relative; padding-left: 0.8rem; z-index: 2; padding-bottom: 0.5rem;}
.history .list li .year{ position: absolute; left: 0; color: #e62129; padding-left: 0.8rem; font-size: 0.36rem; background: url(../images/ico3.png) 0.2rem 0.06rem no-repeat; background-size: 12px;}
.history .list li .content{ padding-top: 0.5rem; font-size: 0.26rem; line-height: 0.52rem;  }
.history .list li .imgDiv{ padding-top: 0.3rem; }
.history .list li .imgDiv img{ width: 100%;}

.buildPart2{ height: 8.0rem; position: relative; }
.buildPart2 .bigBox{ position:absolute; left:50%; margin-left:-600px; top:0; width:1200px; background: #fafafa; padding-bottom: 90px; }
.buildPart2 .tab2{ height: 100px; position: relative; padding-left: 50px; z-index:3;}
.buildPart2 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; background: #ededed; width: 100%; height: 1px; }
.buildPart2 .tab2 li{ float: left; z-index: 2; margin-right: 42px; font-size: 14px; height: 100px; position: relative; line-height: 100px; font-weight: bold;}
.buildPart2 .tab2 li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e62129; }
.buildPart2 .tab2 .liNow{ color: #e62129; }
.buildPart2 .tab2 .liNow:after{ width: 100%; }
.buildPart2 .mxfDiv{ height:8.0rem;}
.buildPart2 .content{ font-size: 14px; line-height: 30px; padding: 130px 0 80px; background: #fafafa; position:relative; z-index:2;}
.buildPart2 .content p{ padding:0 50px;}
.buildPart2 .limg{ padding-top:50px; text-align:center;}
.buildPart2 .limg img{ max-width:1100px;}
.buildPart2 .imgDiv img{ width: 100%; }

.buildPart3{ overflow: hidden; background: #fafafa; padding: 100px 0; }
.buildPart3 .leftDiv{ width: 710px; }
.buildPart3 .imgDiv{ padding-bottom: 0.6rem;}
.buildPart3 .imgDiv img{ width: 100%; }
.buildPart3 .mapDiv{ position: relative; width: 710px; height: 539px; background: url(../images/map.png) center no-repeat; }
.buildPart3 .mapDiv li{ position: absolute; font-size: 12px; color: #836a38; padding-top: 24px; background: url(../images/nimg13_3.png) center top no-repeat; }
.buildPart3 .mapDiv .liNow{ background: url(../images/nimg13_3on.png) center top no-repeat; color: #e62129;}
.buildPart3 .mapDiv .guangdong{ bottom: 66px; right: 225px; }
.buildPart3 .mapDiv .guangxi{ bottom: 74px; right: 288px; }
.buildPart3 .mapDiv .fujian{ bottom: 105px; right: 168px; }
.buildPart3 .mapDiv .guizhou{ bottom: 114px; right: 320px; }
.buildPart3 .mapDiv .hunan{ bottom: 128px; right: 251px; }
.buildPart3 .mapDiv .jiangxi{ bottom: 134px; right: 198px; }
.buildPart3 .mapDiv .zhejiang{ bottom: 155px; right: 146px; }
.buildPart3 .mapDiv .shanghai{ bottom: 185px; right: 126px; }
.buildPart3 .mapDiv .sichuan{ bottom: 170px; right: 368px; }
.buildPart3 .mapDiv .chongqing{ bottom: 155px; right: 306px; }
.buildPart3 .mapDiv .hubei{ bottom: 182px; right: 252px; }
.buildPart3 .mapDiv .gansu{ bottom: 246px; right: 350px; }
.buildPart3 .mapDiv .shanxi{ bottom: 220px; right: 292px; }
.buildPart3 .mapDiv .henan{ bottom: 224px; right: 235px; }
.buildPart3 .mapDiv .beijing{ bottom: 316px; right: 210px; }

.buildPart3 .mapDiv .yunnan{ left:300px; bottom:80px;}
.buildPart3 .mapDiv .hainan{ left:415px; bottom:4px;}
.buildPart3 .mapDiv .xizang{ left:140px; bottom:190px;}
.buildPart3 .mapDiv .xinjiang{ left:120px; top:160px;}
.buildPart3 .mapDiv .qinghai{ left:240px; top: 255px;}
.buildPart3 .mapDiv .ningxia{ left:361px; top: 233px;}
.buildPart3 .mapDiv .neimenggu{ left:385px; top: 175px;}
.buildPart3 .mapDiv .shanxi2{ left:430px; top: 230px;}
.buildPart3 .mapDiv .hebei{ left:470px; top: 220px;}
.buildPart3 .mapDiv .tianjin{ left:497px; top: 198px;}
.buildPart3 .mapDiv .liaoning{ right:130px; top: 160px;}
.buildPart3 .mapDiv .jilin{ right:98px; top: 130px;}
.buildPart3 .mapDiv .heilongjiang{ right:85px; top: 65px;}
.buildPart3 .mapDiv .jiangsu{ right:150px; top: 295px;}
.buildPart3 .mapDiv .anhui{ right:185px; top: 315px;}
.buildPart3 .mapDiv .shandong{ right:180px; top: 245px;}

.buildPart3 .rightDiv{ width: 400px; }
.buildPart3 .title1{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 10px; }
.buildPart3 .title2{ font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; font-family:gothicb; padding-bottom: 75px;}
.buildPart3 .mxfDiv{ width: 400px; height: 400px; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.buildPart3 .mxfDiv .name{ height: 70px; background: #e62129; color: #fff; font-size: 22px; line-height: 70px; padding-left: 40px; }
.buildPart3 .mxfDiv .botDiv{ padding: 0 20px 0 40px; }
.buildPart3 .mxfDiv .list{ height: 300px; overflow: auto; margin-top: 15px; }
.buildPart3 .mxfDiv .list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #f2f2f2;
}
.buildPart3 .mxfDiv .list::-webkit-scrollbar-thumb {
    background-color: #e62129;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
}
.buildPart3 .mxfDiv .list li{ height: 50px; font-size: 14px; padding-right: 20px; }
.buildPart3 .mxfDiv .list li a{ display: block; height: 50px; line-height: 50px; overflow: hidden; color: #999; position: relative; }
.buildPart3 .mxfDiv .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: url(../images/line3.png) repeat-x; }
.buildPart3 .mxfDiv .list li a:hover{ color: #e62129; }

.buildPart4{ padding: 100px 0; }
.buildPart4 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; text-align: center; }
.buildPart4 .title2{ font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }
.buildPart4 .btn { padding-top: 75px; height: 35px; position: relative; text-align: center; margin-bottom: 30px;}
.buildPart4 .btn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fce8e9; }
.buildPart4 .btn li { display: inline-block; margin: 0 20px; font-size: 14px; line-height: 14px; font-weight: bold; color: #333; height: 35px; position: relative; cursor: pointer; z-index: 1; }
.buildPart4 .btn li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e62129;}
.buildPart4 .btn li.on { color: #e62129; }
.buildPart4 .btn li.on:after{ width: 100%; }

.buildPart4 .list{ position: relative;}
.buildPart4 .list .imgList{ width: 100%; overflow: hidden; position: relative;}
.buildPart4 .imgDiv{ overflow: hidden; }
.buildPart4 .imgDiv img{ width: 100%; }
.buildPart4 .botDiv{ background: #fff; padding: 35px 40px 40px; border: #ebebeb solid 2px; border-top: none;}
.buildPart4 .name{ height: 32px; line-height: 32px; font-size: 18px; color: #666; font-weight: bold; overflow: hidden; }
.buildPart4 .content{ padding-top: 25px; font-size: 14px; color: #666; line-height: 32px; height: 64px; overflow: hidden; }
.buildPart4 .ico{ margin-top: 30px; width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; }
.buildPart4 .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.buildPart4 .swiper-slide:hover .ico{ background: url(../images/nimg47_1on.png) center no-repeat; }
.buildPart4 .swiper-slide:hover .name{ color: #e62129; }
.buildPart4 .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.buildPart4 .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.buildPart4 .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.buildPart4 .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}

.buildPart5{ background: #f7f7f7; padding: 100px 0; }
.buildPart5 .title1{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px; font-weight: bold; text-align: center; }
.buildPart5 .title2{ padding-bottom: 50px; font-size: 36px; color: #e62129; line-height: 36px; text-transform: uppercase; text-align: center; font-family:gothicb; }

.customerPic{ position: relative; border-top: #f2f2f2 solid 1px; border-left: #f2f2f2 solid 1px; }
.customerPic .swiper-slide .box{ height: 118px; border-bottom: #f2f2f2 solid 1px; border-right: #f2f2f2 solid 1px; background: #fff; }
.customerPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.customerPic .swiper-slide .imgDiv{ text-align: center; line-height: 116px; position: relative;}
.customerPic .swiper-slide .imgDiv img{ width: 238px; }
.customerPic .prev{ z-index: 5; left: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_left.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.customerPic .next{ z-index: 5; right: -1.0rem; position: absolute; display: block; border: #e62129 solid 2px; background: #fff url(../images/nimg8_right.png) center no-repeat; width: 46px; height: 46px; top: 50%; margin-top: -25px;} 
.customerPic .prev:hover{ background: #e62129 url(../images/nimg8_lefton.png) center no-repeat;}
.customerPic .next:hover{ background: #e62129 url(../images/nimg8_righton.png) center no-repeat;}




.website-wrapper .main ul li {
  line-height: 30px;
  padding: 22px 0;
  background: url(../images/line.jpg) repeat-x left bottom;
}
.website-wrapper .main ul li .cat {
  display: block;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.website-wrapper .main ul li .cat:hover {
  color: #e62129;
}
.website-wrapper .main ul li .navs {
  font-size: 0;
  margin-top: 12px;
}
.website-wrapper .main ul li .navs a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin-right: 60px;
}
.website-wrapper .main ul li .navs a:last-child {
  margin-right: 0;
}
.website-wrapper .main ul li .navs a:hover {
  color: #e62129;
  font-weight: 700;
  text-decoration: underline;
}
.website-wrapper .main ul li .navs a:before {
  position: relative;
  top: -1px;
  content: "";
  display: inline-block;
  width: 5px;
  height: 7px;
  background: url(../images/icon.png) no-repeat left center;
  margin-right: 10px;
}






.tu-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.tu-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.tu-modal-box .main { position: relative; background: #fff; width: 800px; margin: 0 auto; padding: 60px 100px 0;}
.tu-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tu-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 24px; height: 26px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain; transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.tu-modal-box .close:hover { transform: rotate(-90deg);}
.tu-modal-box .pic-box { font-size: 0; margin: 0 auto; text-align: center;}
.tu-modal-box .pic-box img { width: 100%; }

.legal{ font-size:14px; line-height:26px;}

.jobModal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.jobModal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.jobModal-box .main { position: relative; background: #fff; width: 1100px; margin: 0 auto; padding: 100px 50px;}
.jobModal-box .title1 { font-size: 0.36rem; font-weight: bold; color: #333; line-height:0.36rem; padding-bottom:0.15rem; text-align:center;}
.jobModal-box .title2{ font-size: 0.36rem; line-height:0.36rem; color: #e62129; font-weight: bold; text-align:center; }
.jobModal-box .form{ padding-top:0.5rem; margin-right:-20px; }
.jobModal-box .form .liDiv{ float:left; width:25%; padding-bottom:0.2rem;}
.jobModal-box .form .liDiv2{ width:50%;}
.jobModal-box .form .liDiv .lbox{ border:#e6e6e6 solid 1px; height:43px; padding-left:90px; position:relative; line-height:43px; font-size:14px; margin-right:20px;}
.jobModal-box .form .liDiv .txt{ position:absolute; left:18px; top:0; line-height:42px; font-size:14px;}
.jobModal-box .form .select{ width: 100%; position: relative; height: 43px;}
.jobModal-box .form .select dt{height: 43px;line-height: 43px; display: inline-block; width: 100%; background: #fff url(../images/selectico.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; z-index: 15;}
.jobModal-box .form .select dt a{ font-size: 14px; color: #333; position: relative; padding-right: 35px; display: block; text-align: right; overflow: hidden;} 
.jobModal-box .form .select dd{ margin: 0;position: absolute;left: 0px;top: 43px; z-index: 100; width: 100%; box-sizing: border-box; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);} 
.jobModal-box .form .select dd ul {list-style: none; overflow: auto; padding: 0 35px; background: #fff; overflow-x:auto;} 
.jobModal-box .form .select dd ul li{ width:100%; text-align:right; line-height: 40px; height: 40px; cursor: pointer; border-bottom: 1px solid #eee; color: #666; font-size: 14px;}
.jobModal-box .form .select dd ul li:last-child{ border-bottom:none;}
.jobModal-box .form .select dd ul li:hover{ color: #e62129; }
.jobModal-box .form .select.on dt{ color: #e62129;}

.jobModal-box .btnDiv{ padding-top: 25px; width:140px; margin:0 auto; clear:both;}
.jobModal-box .btnDiv a{ display: block; width: 140px; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #fff; background: #e62129; }
.jobModal-box .close { position: absolute; right: 0; top: 0; z-index: 10; width: 50px; height: 50px; display: block; background: url(../images/close3.png) no-repeat; background-size: contain;}