/* #region  初始化 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  color: #333;
  background-color: #fff;
  font-family: text;
}

audio,
video {
  display: block;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-outline-style: none;
}

ol,
ul {
  list-style: none;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
  display: block;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button {
  border: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

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

td,
th {
  padding: 0;
}

.clearfloat {
  zoom: 1;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.cursor {
  cursor: pointer;
}


.swiper-container {
  width: 100%;
}


/* #endregion */

/* #region  首页*/
.width {
  margin: 0 auto;
}

.header{width:100%;position: fixed;top:0;box-shadow: 0 0 10px #eee;z-index: 9999999999999;background: #fff;}
.width{width:1600px;margin:0 auto;display: flex;align-items: flex-end;;justify-content: space-between;height:4.5rem;}
.logo{display: flex;justify-content: flex-start;align-items: flex-start;}
.logo h1{font-size: 1.2rem;font-weight:bold;padding-left: 1rem;margin-left: 1rem;line-height: 1.2rem;border-left: 1px solid #eaeaea;color:#34292d;margin-top: 0.5rem;}
.nav{display: flex;justify-content: flex-start;align-items: flex-start;}
.nav li{margin:0 1.5rem;position: relative;}
.nav li > a{font-size: 0.8rem;color:#222222;transition: 50ms;}
.nav .nav_li::after{content:"";
width: 100%;
height:4px;
background: #e6212b;
display: block;
margin:0 auto;
margin-top: 1.5rem;}
.nav .nav_li a{color:#e6212b;}
.nav li:hover::after{content:"";width: 100%;
height:4px;
background: #e6212b;
display: block;
margin:0 auto;
margin-top: 1.5rem;}
.nav li:hover > a{color:#e6212b;}
.nav_modal, .nav_icon {display: none;}
.snav{
  position: absolute;
  top: 3.05rem;
  left: 50%;
  width: 10rem;
  margin-left: -5rem;
  background: #ffffff;
  z-index: 9999;
  padding:1rem 1rem 1rem 1rem;
  text-align: center;
}
.nav .snav a{
  font-size: 0.8rem;
  line-height: 3rem;
  text-align: center;
  display: block;
  color:#333;
}
.nav .snav a:hover{
  color:#e6212b;
}

.banner {
  position: relative;
  margin-top: 4.5rem;
}

.banner .swiper-slide img {
  width: 100%;
}

.banner_dot {
  position: absolute;
  left: 0;
  bottom: 4.5%;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.banner_dot span {
  width: 1.5rem;
  height: .2rem;
  background: rgba(255, 255, 255, .5);
  opacity: 1;
  transition: .1s;
  border-radius: 0;
  margin: 0 .3rem;
}

.banner_dot .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}
.banner_prev,
.banner_next {
  position: absolute;
  top: 50%;
  width: 1.6rem;
  z-index: 10;
  cursor: pointer;
  outline: none;
  transition: .1s;
}

.banner_prev {
  left: 8rem;
}

.banner_next {
  right: 8rem;
}

.banner_prev:hover,
.banner_next:hover {
  opacity: .85;
}
.sy_one{
  width: 100%;
  margin:3rem auto;

}
.oneBox{
  width: 1600px;
  padding:2.5rem 0;
  margin:0 auto;
}
.sy_title{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sy_title h1{
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.sy_title h1 p:nth-child(2){
  font-size: 1.4rem;
  font-weight: bold;
  color:#d4d4d4;
}
.sy_title .line{
  width: 3.2rem;
  height: 0.3rem;
  background: #e6212b;
  margin-left: 10rem;
  margin-top: 1rem;
}
.oneCon{
  width: 50%;
  background: url(../images/bg2.jpg) no-repeat center;
  padding:3rem;
  padding-right: 5rem;
  margin-top: 2rem;
}
.oneCon div{
  font-size: 0.8rem;
  color:#fff;
  line-height: 1.6rem;
  margin-bottom: 2rem;
}
.oneCon a{
  color:#fff;
  border:1px solid #fff;
  padding:0.5rem 1.5rem;
  font-size: 0.8rem;
}
.sy_two{
  width: 1600px;
  margin:0 auto;
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.sy_two .mySwiper {
  width: 100%;
  height: 100%;
}
.sy_two .mySwiper .swiper-slide img{
  width: 50%;
}
.sy_thr{
  width: 100%;
  background: url(../images/bg3.jpg) no-repeat top center;
  padding:5rem 0;
}
.thr_title{
  text-align: center;
}
.thr_title h1{
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.thr_title h2{
  font-size: 1.4rem;
  color:#d4d4d4;
}
.syBox{
  width: 1600px;
  margin:0 auto;
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.syPro{
  width: 24%;
  background: #fff;
  padding:2.5rem 2rem 3rem 2rem;
}
.syPro h1{
  width: 13.3rem;
  height: 4.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 1.5rem;
  font-size: 1.2rem;
  background: #f5f5f5;
  margin:0 auto;
}
.syPro h1 img{
  width: 3rem;
}
.syPic{
  margin-top: 4.2rem;

}
.syPic img{
  max-width: 100%;
  margin:0 auto;
}
.syPic div{
  width: 50%;
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#222222;
  display: none;
}
.syPic div p:last-child{
  color:#e6212b;
}
.syP{
  width: 49%;
  padding: 2.5rem 3rem 3rem 3rem;
}

.syP .syPic{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.syP .syPic div{
  display: block;
}
.syP .syPic img{
  max-width: 45%;
  margin-left: 0;
}
.syP h1{
  background: #e6212b;
  color:#fff;
  overflow: hidden;
}
.syP h1 img{
  filter:drop-shadow(0 100px 0 #fff);
  margin-top: -200px;
}
.sy_four{
  width:99%;
  margin:3rem auto;
  overflow: hidden;
  position: relative;
}
.four_title{
  width: 1600px;
  margin:0 auto;
  margin-bottom: 2rem;
}
.four_title h1{
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.four_title h2{
  font-size: 1.4rem;
  color:#d4d4d4;
}
.sy_four .mySwiper{
  position: relative;
}
.four{
  width: 100%;
  text-align: center;
  background: #f5f6f8;
  font-size: 1rem;
  line-height: 4rem;

}
.sy_four .swiper-button-next.swiper-button-disabled,.sy_four .swiper-button-prev.swiper-button-disabled{
  pointer-events:auto;
}
.sy_four .swiper-button-next,.sy_four .swiper-button-prev{
  color:#e6212b;
  width: 3.5rem;
  height: 3.5rem;
  top:-5rem;
  right:9rem;
  border:1px solid #eaeaea;
  overflow: hidden;
  border-radius: 50%;
  z-index: 999999999;
}
.sy_four .swiper-button-prev{
  left:auto;
  right:14rem;
}
.sy_four .swiper-button-next.swiper-button-disabled,.sy_four .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}
.sy_four .swiper-button-next:after,.sy_four .swiper-button-prev:after{
  font-size: 1.8rem;
  line-height: 3.5rem;
}
.sy_four .swiper-button-next:hover,.sy_four .swiper-button-prev:hover{
  background: #e6212b!important;
  color:#fff;
}
.sy_four .swiper-slide:hover .four{
  background: #e6212b;
  color:#fff;
}
.sy_four .mySwiper2{
  display: none;
}
.sy_five{
  width:100%;
  padding :5rem 0;
  background: #f3f3f3;
}
.fiveBox{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.fiveBox .left h1{
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.fiveBox .left h2{
  font-size: 1.4rem;
  color:#d4d4d4;
  margin-bottom: 4rem;
}
.fiveBox .left a{
  font-size: 0.8rem;
  padding:0.5rem 2rem;
  color:#fff;
  background: #e6212b;
}
.fiveBox .right{
  width: 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rightPic{
  width: 50%;
}
.sy_new{
  width: 46%;
}
.sy_new li{
  padding:1.8rem 0;
  border-bottom: 1px solid #cacaca;
  position: relative;
}
.sy_new li h2{
  font-size: 0.8rem;
  color:#999999;
  margin-bottom: 1rem;
}
.sy_new li h1{
  font-size: 1rem;
  color:#222222;
}
.sy_new li .line{
  width: 3.2rem;
  height:0.3rem;
  background: #e6212b;
  position: absolute;
  left:-4rem;
  top:50%;
  margin-top: -0.15rem;
  display: none;
}
.sy_new li:hover .line{
  display: block;
}
.sy_new li:hover{
  border-bottom: 1px solid #e6212b;
}
.sy_new li:hover h2,.sy_new li:hover h1{
  color:#e6212b;
}
.bot{
  width: 100%;
  background: #181818;
}
.botContact{
  width: 1600px;
  margin:0 auto;
  padding:3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.botLt{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2rem;
  position: relative;
}
.botLt > img{
  margin-left: 1.5rem;
  margin-right: 0.5rem;
}
.botLt span{
  color:#fff;
}
.botLt  div{
  width: 5.5rem;
  height:5.5rem;
  background: #fff;
  padding:0.2rem;
  border-radius: 5px;
  position: absolute;
  right:-6rem;
  top:50%;
  margin-top: -2.75rem;
}
.botContact a{
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  background: #e6212b;
  padding:0.5rem 1.5rem;
  font-size: 0.8rem;
}
.botContact a img{
  margin-right: 0.5rem;
}
.copyright{
  width: 1600px;
  margin:0 auto;
  padding:2rem 0;
  font-size: 0.7rem;
  color:#8a8a8c;
}
.frends{
  display: flex;
  justify-content: flex-start;
  align-items:center;
  margin-bottom: 0.6rem;
}
.frends span{
  margin:0 0.5rem;
}
.frends a{
  margin-right: 1rem;
}
.Rnav{
  position: fixed;
  right: 1rem;
  bottom:13rem;
  overflow: hidden;
  z-index: 999999999999;
}

.Rnav div{
  width: 3.5rem;
  height:3.5rem;
  background: #ececec;
  display: flex;
  justify-content: space-between;
  border-radius: 4rem;
  align-items: center;
  margin-top: 0.5rem;
  float: right;
  clear: both;;
}
.Rnav div h1{
  display: none;
  font-size: 0.9rem;
  color:#666;
}
.Rnav div:hover{
  background: #e6212b;
  overflow:hidden;
}
.Rnav div a{
  display: block;
  width: 100%;
  height:100%;
}
.Rnav div:hover img{
  filter:drop-shadow(0 100px 0 #fff);
  margin-top: -100px;
}
.Rnav div:nth-child(2):hover{
  width: 11.5rem;
}
.Rnav div:nth-child(2):hover h1{
  display: block;
  padding-left: 1rem;
  color:#fff;
}
.nbanner{
  width: 100%;
  position: relative;
  margin-top: 4.5rem;
}
.nTop{
  width: 100%;
  position: absolute;
  left:0;
  top:0;
  text-align: center;
  height: calc(100%);
  display: flex;
  justify-content: center;
  align-items:center;
  flex-wrap: wrap;
  padding:5.5rem 0;
}
.nTop h1{
  font-size: 2.4rem;
  font-weight: bold;
  color:#fff;
  width: 100%;
}
.sec{
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  padding:2rem 0 1rem 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.sec a{
  font-size: 0.9rem;
  color:#bfbfbf;
  margin:0 1.5rem;
  font-weight: bold;
}
.sec .secA{
  color:#222222;
}
.sec .secA::after{
  content:"";
  width: 50%;
  height:4px;
  background: #e6212b;
  display: block;
  margin:0 auto;
  margin-top: 1rem;
}
.aboutBox{
  width: 1600px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.abLeft{
  width: 45%;
}
.abRight{
  width: 51%;
  padding-top: 1rem;
  position: relative;
}
.abRight > h1{
  font-size: 1.5rem;
  line-height: 3rem;
}
.abRight > h2{
  font-size: 0.8rem;
  color:#dbdbdb;
  font-style:italic;
}
.abText{
  font-size: 0.8rem;
  color:#222222;
  line-height: 1.6rem;
  margin-top: 1.5rem;
}
.abRight .line{
  position: absolute;
  width: 3.2rem;
  height:0.3rem;
  background: #e6212b;
  top:4.5rem;
  left:-5rem;
}
.wenhua{
  width: 1600px;
  margin:3rem auto;
  position: relative;
}
.wh{
  width: 45%;
  position: absolute;
  right:0;
  top:0;
  display: block;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  color:#fff;
}
.wh h1{
  font-size: 1.2rem;
}
.wh p{
  font-size: 0.8rem;
  line-height: 3rem;
}
.search{
  width: 25%;
  margin:1rem auto;
  border-radius: 4rem;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search input{
  border:none;
  font-size: 0.8rem;
  line-height: 2.5rem;
  text-indent: 1rem;
  width: 85%;
}
.search button{
  width: 15%;
  text-align: center;
  height: 2.5rem;
  background: #e6212b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.proBox{
  width: 100%;
  background: #f8f8f8;
  padding:3rem 0;
}
.proList{
  width: 1600px;
  margin:0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 2rem;
}
.proList li{
  width: 24%;
  margin:0 0.5%;
  padding:2rem 2.5rem;
  padding-bottom: 0;
  background: #fff;
  margin-bottom: 1rem;
}
.proList li div{
  overflow: hidden;
  height:10.6rem;
}
.proList li h1{
  font-size: 1rem;
  color:#222222;
  line-height: 4rem;
  text-align: center;
}
.proList li p{
  width: 5rem;
   text-align: center;
   background: #868686;
   color:#fff;
   line-height: 1.8rem;
   font-size: 0.7rem;
   margin:0 auto;
}
.proList li:hover div img{
  transform:scale(1.15,1.15);
}

.proList li div img{
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.proList li:hover p{
  background: #e6212b;
}
.page{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:3rem 0;
}
.page a{
  width: 2rem;
  height:2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 0.8rem;
  margin:0 0.5rem;
  color:#636363;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.page .pageA{
  background: #e6212b;
  color:#fff;
}
.page a:first-child:hover img,.page a:last-child:hover img{
  filter:drop-shadow(0 100px 0 #e6212b);
  margin-top: -200px;
}
.proSec{
  width: 100%;
  background: #f8f8f8;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 3rem;
  position: fixed;
  top:4.5rem;
  z-index: 999999999;
}
.proSec a{
  margin:0 1.5rem;
}
.proSec a:hover{
  color:#e6212b;
}
.proSecA{
  color:#e6212b;
}
.showOne{
  width: 1300px;
  margin:3rem auto;
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  margin-top: 12rem;
}
.picList{
  width: 42%;
  overflow: hidden;
}
.picList .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.picList .swiper-slide {
  background-size: cover;
  background-position: center;
}

.picList .mySwiper2 {
  height: 80%;
  width: 100%;
}

.picList .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 1.5rem;
  position:relative;
}


.picList .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.picList .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.picList .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.picList .swiper-button-next:after,.picList .swiper-button-prev:after{
  font-size: 1.8rem;
  line-height: 3.5rem;
  color:#999;
}
.picList .swiper-button-next:hover:after,.picList  .swiper-button-prev:hover:after{
  color:#e6212b;
}
.showCon{
  width: 51%;
}
.showCon h1{
  font-size: 1.8rem;
  color:#222222;
}
.showCon h2{
  font-size: 0.9rem;
  color:#666;
  line-height: 1.8rem;
  margin-top:0.5rem;
  margin-bottom: 3rem;
}
.showCon a{
  padding:0.5rem 1.5rem;
  background: #e6212b;
  color:#fff;
  font-size: 0.8rem;
}
.showTwo{
  width: 100%;
  background: #f8f8f8;
  padding:2.5rem 1rem;
  text-align: center;
}
.showTwo h1,.showThr h1{
  font-size: 1.5rem;
  color:#222;
  margin-bottom: 1.5rem;
}
.showTwo div{
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#666666;
}
.showThr{
  width: 100%;
  margin:3rem auto;
  text-align: center;
}
.showThr div{
  max-width: 1300px;
  width: 95%;
  margin:0 auto;
}
.showThr div img{
  max-width: 100%;
  display: inline-block;
}
.showFour{
  width: 100%;
  background: url(../images/bg5.jpg) no-repeat top center;
  padding:2rem 0;
}
.showFour > h1{
  font-size: 1.5rem;
  color:#fff;
  margin-bottom: 1.5rem;
  text-align: center;
}
.sfourBox{
  width: 1300px;
}

.showFive{
  width: 1300px;
  margin:3rem auto;
  border-bottom: 1px  solid #ccc;
}
.showFive > h1{
  font-size: 1.5rem;
  color:#222;
  margin-bottom: 1.5rem;
  text-align: center;
}
.sfiveBox {
  margin:0;
}
.sfiveBox .proList{
  border: none;
  padding-top: 1rem;
}
.sfiveBox li{
  box-shadow: 0 0 0.5rem #ccc;
}
.showSix{
  width: 1300px;
  margin:0 auto;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fanye p{
  font-size: 0.8rem;
  color:#999999;
  line-height: 1.6rem;
}
.fanye p a{
  color:#222222;
}
.fanye p:hover a{
  color:#e6212b;
}
.back{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0.5rem 1.5rem;
  color:#e6212b;
  border:1px solid #e6212b;
  font-size: 0.8rem;
}
.back img{
  margin-right: 0.5rem;
}
.caseBox{
  width: 1600px;
  margin:3rem auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.caseBox dd{
  width: 24%;
  margin:0 0.5%;
  margin-bottom: 1rem;
}
.caseBox dd div{
  overflow: hidden;
}
.caseBox dd:hover div img{
  transform:scale(1.15,1.15);
}

.caseBox dd div img{
  transition:all 0.5s ease-out;	/* 过度 所有css属性 1秒过度 结束慢*/
  -moz-transition:all 0.5s ease-out;	/* Firefox 4 */
  -webkit-transition:all 0.5s ease-out;	/* Safari 和 Chrome */
  -o-transition:all 0.5s ease-out;
}
.caseBox dd h1{
  width: 100%;
  background: #f8f8f8;
  font-size: 0.9rem;
  line-height: 3rem;
  text-align: center;
}
.caseBox dd:hover h1{
  background: #e6212b;
  color:#fff;
}
.newBox{
  width: 1600px;
  margin:3rem auto;
  margin-bottom: 0;
  padding-bottom: 2rem;
  border-bottom:1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.newBox li{
  width: 48%;
  margin-bottom: 2rem;
  background: #f8f8f8;
  position: relative;
}
.newBox li a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.newBox li div:nth-child(1){
  width: 45%;
}
.newBox li div:nth-child(2){
  width: 50%;
  padding-left: 2rem;
}
.newBox li div p{
  font-size: 0.8rem;
  color:#999999;
  margin-bottom: 1rem;
}
.newBox li div h1{
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: bold;
}
.newBox li div span{
  font-size: 0.7rem;
  color:#fff;
  background: #636363;
  padding:0.3rem 1.2rem;
  position: absolute;
  bottom:0;
  right:0;
}
.newBox li:hover div span{
  background: #e6212b;
}
.newsShow{
  width: 1300px;
  margin:0 auto;
  margin-top: 5rem;
}
.newTitle{
  padding:2.5rem 0;
  text-align: center;
}
.newTitle h1{
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.newTitle h2{
  font-size: 0.9rem;
}
.newCon{
  width: 100%;
  padding:2rem 0;
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#444444;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
  margin-bottom: 2rem;
}
.ather{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1rem;
  height:5.4rem;
}
.ather div{
  width: 8rem;
  color:#333;
  border-radius: 0.5rem;
  background: #fefdfe;
  margin:0 1rem;
  overflow: hidden;
}
.ather div h2{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  height:2.7rem;
}
.ather div h2 img{
  margin-right: 0.5rem;
}
.ather div h3{
  font-size: 0.8rem;
  line-height: 2.7rem;
  display: none;
}
.ather div:hover{
  background: #e6212b;
  color:#fff;
}
.ather div:hover img{
  filter:drop-shadow(0 100px 0 #fff);
  margin-top: -200px;
}
.ather div:hover h3{
  display: block;
}
.jobBox{
  width: 100%;
  background: #f8f8f8;
}
.jobList{
  width: 1600px;
  margin:0 auto;
  padding:3rem 0;
  border-bottom:1px solid #eaeaea;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.jobList li{
  width: 24%;
  margin:0 0.5%;
  margin-bottom: 1rem;
  background: #fff;
  padding:2rem 2rem 0 2rem;
}
.jobList li h1{
  font-size: 1rem;
  color:#222222;
}
.jobList li div{
  font-size: 0.8rem;
  line-height: 1.6rem;
  color:#666666;
  margin:1rem 0;
}
.jobList li span{
  font-size: 0.7rem;
  color:#fff;
  width: 5rem;
  line-height: 1.8rem;
  text-align: center;
  margin:0 auto;
  background: #636363;
  display: block;
}
.jobList li:hover span{
  background: #e6212b;
}
.newTitle h3{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color:#e6212b;
  font-size: 0.9rem;
  margin-top: 1rem;
}
.newTitle h3 span{
  margin-right: 2rem;
  margin-left: 0.5rem;
}
.contact{
  width: 100%;
  margin-top: 3rem;
  height:36.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.tactLeft{
  width: 35%;
  background: url(../images/bg6.jpg) no-repeat center;
  padding:3rem;
  height:100%;
}
.tactLeft h1{
  font-size: 1.2rem;
  color:#fff;
  text-align: center;
  line-height: 2rem;
  margin-bottom: 3rem;
}
.tacBox{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  /* margin-bottom: 3rem; */
}
.tacBox div{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
.tacBox div h2{
  color:#fff;
  font-size: 0.9rem;
  margin-left: 0.2rem;
}
.tacBox div h2 p:nth-child(1){
  font-size: 0.8rem;
  line-height: 1rem;
}
.tacBox div:nth-child(1){
  width: 43%;
}
.tacBox div:nth-child(2){
  margin-left: 3rem;
  width: 45%;
}
.ewm{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ewm div{
  margin-right: 1rem;
  color:#fff;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.6rem;
}
.ewm div img{
  width: 6.8rem;
}
.tactRight{
  width: 55.8%;
}
.messBox{
  width: 1100px;
  margin:3rem auto;
}
.messBox h1{
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.mess{
  width: 100%;
  padding:3.8rem;
  background: #f8f8f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.mess div{
  width: 100%;
  font-size: 0.8rem;
  color:#222222;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
}
.mess div:nth-child(1),.mess div:nth-child(2){
  width: 48%;
}
.mess div input{
  width: 100%;
  border:none;
  background: #fff;
  line-height: 2rem;
  padding:0 1rem;
}
.mess div textarea{
  width: 100%;
  border:none;
  background: #fff;
  line-height: 2rem;
  padding:0 1rem;
  height: 5rem;
}
.mess div:nth-child(5){
  text-align: center;
  margin-bottom: 0;
}
.mess div button{
  background: #e6212b;
  color:#fff;
  font-size: 0.8rem;
  padding:0.5rem 1.5rem;
  margin:0 auto;
}
/* #endregion */


/* #endregion */

/* 0579b5 */