.banner{
  width: 100%;
}
.banner .item,.banner .item img{
  display: block;
  width: 100%;
}
.banner button.slick-prev{
  width: 60px;
  height: 60px;
  background: url(/assets/source/tysd/fb2caaf400454ae5.png) no-repeat;
  bottom: 80px;
  position: absolute;
  top: auto;
  left: 50%;
  margin-left: -100px;
}
.banner button.slick-next{
  width: 60px;
  height: 60px;
  background: url(/assets/source/tysd/f75dfe9b47ecaab0.png) no-repeat;
  bottom: 80px;
  position: absolute;
  top: auto;
  right: 50%;
  margin-right: -100px;

}
.banner button{
  opacity: 0.4;
}
.banner button:hover{
  opacity: 0.6;
}
.index_section_1{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
}
.container{
  width:80vw;
  margin: 0 auto;
}
.index_section_1 .tab{
  text-align: center;
  padding-top: 48px;
}
.index_section_1 .tab span{
  display: inline-block;
  width: 160px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 19px;
  color: #727272;
  cursor: pointer;
  margin: 0 35px;
  transition:all .2s ease 0s;
}
.index_section_1 .tab span.cur{
  background: #d92628;
  border-radius: 100px;
  color: #fff;
}
.index_section_1 .productCont{
  padding-top: 60px;
  background: none;
	
}
.index_section_1 .productCont ul{
  width: 100%;
}
.index_section_1 .productCont ul li{
  width: 23.5%;
  margin-right: 2%;
  position: relative;
  margin-bottom: 2%;
  float: left;
  transition:all .2s ease 0s;
  overflow: hidden;
}
.index_section_1 .productCont ul li:nth-child(4n){
  margin-right: 0px;
}
.index_section_1 .productCont ul li img{
  display: block;
  width: 100%;
}
.index_section_1 .productCont ul li p{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(217, 38, 40, 0.9);
  left: 0;
  top: 0;
  color: #fff;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  box-sizing: border-box;
  padding: 5%;
  /* display: none; */
  transform:translateY(-200%);
  display: flex;
  align-items: center;
}
.index_section_1 .productCont ul li div{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(2, 14, 23, 0.4);
  left: 0;
  top: 0;
  display: flex;
  color: #fff;
  flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.index_section_1 .productCont ul li:hover{
  transform:translateY(-10px)
}
/* .index_section_1 .productCont ul li:hover div{
  display: none;
} */
.index_section_1 .productCont ul li:hover p{
  transform:translateY(0);
  transition:all .5s ease 0s;
}
.index_section_2{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background: url(/assets/source/tysd/03e6fb01de31c8f1.jpg) no-repeat center center;
}
.index_section_2 .tab .item .pic{
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.index_section_2 .tab .item .pic img:nth-child(2){
  display: none;
}
.index_section_2 .tab .itemCur .pic img:nth-child(1){
  display: none;
}
.index_section_2 .tab .itemCur .pic img:nth-child(2){
  display: block;
}
.index_section_2 .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: flex-start;
  padding-top: 65px;
}
.index_section_2 .tab .item{
  margin: 0 90px;
  position: relative;
  cursor: pointer;
}
.index_section_2 .tab .item p{
  font-size: 19px;
  color: #d8d8d8;
  padding-top: 15px;
}
.index_section_2 .tab .itemCur p{
  color: #d92628;
}
.index_section_2 .tab .itemCur::after{
  content: '';
  position: absolute;
  width: 13px;
  height: 7px;
  background: url(/assets/source/tysd/b0015d1a6501373e.png) no-repeat;
  bottom: -18px;
  left: 50%;
  margin-left: -6px;
}
.plan_main{
  padding-top: 75px;
}
.plan_main .plan_item {
 display: flex;
}
.plan_main .plan_item .col{
  flex: 1;  
  display: flex;
  transition:all .5s ease 0s;
  flex-wrap: wrap;
}
.plan_main .plan_item .col .redText{
  display: none;
}
.plan_main .plan_item .col .col_item{
  height: 220px;
  display: flex;
  background: rgba(0,0,0,0.53);
  flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    /* width: 24%; */
}

.plan_main .plan_item .col .col_item img{
  width: 60px;
  height: 60px;
}
.plan_main .plan_item .col .col_item span{
  color: #fff;
  padding-top: 30px;
}
.plan_main .plan_item .active{
  flex: 2.5;
}
.plan_main .plan_item .active .redText{
  display: block;
  flex: 1.2;
  background:rgba(235,73,75,0.84);
  margin-right: 5px;
  box-sizing: border-box;
  padding-left: 5%;
  padding-right:5%;
  overflow: hidden;
  height: 445px;
  position: relative;
}


.plan_main .plan_item .active .redText .item{
  display: none;
  /* transition:all .5s ease 0s; */
  position: absolute;
  left: 0;
  top:0;
  /* opacity: 0; */
  box-sizing: border-box;
  padding-left: 5%;
  padding-right:5%;
  /* transform:translateY(-100%) */
  
}
.plan_main .plan_item .active .redText .itemAct{
  display: block;
  /* opacity: 1; */
  /* transform:translateY(0%) */
}
.plan_main .plan_item .col .col_item:nth-child(2n){
  margin-bottom: 0px;
}
.redText h2{
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  padding-top: 60px;
  padding-bottom: 40px;
}
.redText .item div{
  padding: 22px 0;
  font-size: 15px;
  color: #f7e0e1;
  line-height:29px;
  border-top: 1px solid #f7e0e1;
  border-bottom:  1px solid #f7e0e1;

}
.redText .item div p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;
}
.redText h3{
  margin-top:30px;
}
.redText h4{
  padding-top: 15px;
}
.redText h3,.redText h4 a,.redText h4{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.redText h5 a{
  color: rgba(255,255,255,0.4);
  font-size: 20px;
}
.redText h5{
  padding-top: 30px;
}
.index_section_3{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background: url(/assets/source/tysd/b6d49bc75471af0a.jpg) no-repeat center center;
}
.index_section_3 .main{
  padding-top: 65px;
  display: flex;
    align-items: center;
}
.index_section_3 .main .text{
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  padding-right: 65px;
   width: 60%;
   float: left;
   box-sizing: border-box;
}
.index_section_3 .main  .img{
  float: right;
  width: 40%;
}
.index_section_3 .main  .img img{
  display: block;
  width: 100%;
}
.index_section_3 .main  .img a{
  display: block;
  width: 140px;
  height: 40px;
  background: #f0f0f0;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  text-align: center;
  line-height: 38px;
  margin-left: 10px;
  margin-top: 30px;
}
.index_section_3 .main .n_box{
  width: 100%;
  min-height: 140px;
  background: #fff;
  box-shadow:  0 0 17px rgba(0,0,0,0.14);
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.index_section_3 .main .n_box div p{
  font-size: 14px;
  color: #333333;
}
.index_section_3 .main .n_box div h2 b{
  background-image:-webkit-linear-gradient(left,#ff0003,#1f85e0); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; 
  font-size: 36px;
  font-weight: normal;
}
.index_section_3 .main .n_box div h2 span{
  background-image: none;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
  margin-left: 5px;
}
.index_section_3 .main .n_box div h2{
  display: flex;
  align-items: center;
}
.ry_title{
  width: 100%;
  height: 70px;
  background: #ea3341;
  margin-top: 64px;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
  color: #ffffff;
}
.ry_slider{
  width: 100%;
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
}
.ry_slider .item img{
  border: 9px solid #f4f3f3;
  width: 80%;
}
.ry_slider .slick-prev{
  background: url(/assets/source/tysd/dc93eac85d42e6cd.png) no-repeat;
  width: 46px;
  height: 45px;
  left: -75px;
}
.ry_slider .slick-next{
  background: url(/assets/source/tysd/19fe7e9c62b4f03b.png) no-repeat;
  width: 46px;
  height: 45px;
  right: -75px;
}
.index_section_4{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background: url(/assets/source/tysd/87626992da5461cf.jpg) no-repeat center center;
}
.index_section_4 .container ul{
  display: flex;
  justify-content: space-around;
  padding-top: 58px;
}
.index_section_4 .container ul li {
  width: 23%;
  background: #fff;
}
.index_section_4 .container ul li img{
  display: block;
  width: 100%;
}
.index_section_4 .container ul li div{
  box-sizing: border-box;
  padding: 0 22px;
  padding-bottom: 25px;
}

.index_section_4 .container ul li div h2{
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: normal;
  font-size: 18px;
  color: #000000;
  overflow: hidden;
text-overflow: ellipsis; 
white-space: nowrap; 
}
.index_section_4 .container ul li  div p{
  font-size: 14px;
  color: #707070;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2;
  height: 44px;
}
.index_section_5{
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  background: #fff;
}
/*
.index_section_5 .img img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
	
}
*/
.index_section_5 .img{
  	margin-top: 44px;
	position: relative;
	height: 14vw;

}
.index_section_5 .img a{
	/* position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80%;
	box-shadow: 0 0 5px rgba(0,0,0,0.2); */
}
.index_section_5 .img a:nth-child(1){
	/* left: 8.5vw;
    top: 0.5vw;
    width: 11.5vw;
    height: 5.1vw; */
}
.index_section_5 .img a:nth-child(2){
	left: 21.2vw;
    top: 2.2vw;
    width: 12.8vw;
    height: 4.8vw;
}
.index_section_5 .img a:nth-child(3){
	left: 35.5vw;
    top: 1.2vw;
    width: 11.1vw;
    height: 4.9vw;
}
.index_section_5 .img a:nth-child(4){
	left: 48vw;
    top: 0.1vw;
    width: 11.1vw;
    height: 5.3vw;
}
.index_section_5 .img a:nth-child(5){
	left: 60vw;
    top: 2vw;
    width: 9.5vw;
    height: 4.4vw;

}
.index_section_5 .img a:nth-child(6){
	left: 70.2vw;
    top: 1.1vw;
    width: 9.5vw;
    height: 4.8vw;
}
.index_section_5 .img a:nth-child(7){
	    left: 0vw;
    top: 7.1vw;
    width: 11vw;
    height: 4.5vw;
}
.index_section_5 .img a:nth-child(8){
	left: 12.2vw;
    top: 7.1vw;
    width: 8.5vw;
    height: 3.8vw;
}
.index_section_5 .img a:nth-child(9){
	left: 22.6vw;
    top: 8.1vw;
    width: 7.5vw;
    height: 3.8vw;
}
.index_section_5 .img a:nth-child(10){
	left: 32.2vw;
    top: 8.1vw;
    width: 9.5vw;
    height: 4.8vw;
}
.index_section_5 .img a:nth-child(11){
	    left: 43.2vw;
    top: 6.8vw;
    width: 11.5vw;
    height: 4.8vw;
}
.index_section_5 .img a:nth-child(12){
	    left: 55.8vw;
    top: 7.1vw;
    width: 9.5vw;
    height: 3.8vw;
}
.index_section_5 .img a:nth-child(13){
	left: 67vw;
    top: 7.1vw;
    width: 6.6vw;
    height: 3.6vw;
}
.index_section_5 .img a img{
	width: 100%;
	height: 100%;
}
.advert{
  width: 100%;
  /* position: relative; */
}
.advert img{
  display: block;
  width: 100%;
}
.advert div{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  left: 0;
  top: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.advert div h2{
  font-size: 60px;
  color: #fff;
  font-weight: normal;
}
.advert div p{
  font-size: 24px;
  color: rgba(255,255,255,0.4);
}
.newsCont{
  width: 100%;
  background: #fff;
  position: relative;
}
.newsCont .container{
  position: relative;
}
#tab{
  width: 100%;
  height: 90px;
  background: #fff;
  box-shadow: 0 0 14px rgba(0,0,0,0.14);
  position: absolute;
  top: -60px;
  box-sizing: border-box;
  padding: 0 60px;
  display: flex;
}
#tab div{
  width: 200px;
  height: 110px;
  margin-top: -10px;
  line-height: 110px;
  margin-right: 50px;
  text-align: center;
}
#tab div a{
  font-size: 20px;
  font-weight: bold;
  color: #7d7d7d;
}
#tab div.cur{
  background: #e50012;
  color: #fff;
}
#tab div.cur a{
  color: #fff;
}
.newsCont .list .item{
  display: flex;
  padding-top: 5.6vh;
  padding-bottom: 5.6vh;
  border-bottom: 1px solid #dbdbdb;
  flex-direction: row;
  justify-content: space-between;
}
.newsCont .list{
  padding-top: 5vh;
}
.newsCont .list .item .text{
  width: 65%;
}
.newsCont .list .item .img{
  width: 30%;
}
.newsCont .list .item .img img{
  display: block;
  width: 100%;
}
.newsCont .list .item .text h2{
  font-size: 24px;
  color: #222222;
  overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
}
.newsCont .list .item .text h3{
  font-size: 15px;
  color: #999999;
  padding-top: 15px;
  padding-bottom: 30px;
  font-weight: normal;
}
.newsCont .list .item .text p{
  color: #3c3c3c;
  font-size: 15px;
  line-height: 25px;
}
.newsCont .list .item .text h2 a:hover{
  color: #d92628;
}
.newsContent{
  padding-top: 155px;
  width: 100%;
  background: #fff;
  padding-bottom: 90px;
}
.newsContent h2{
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #222222;
  padding-top: 90px;
  line-height: 70px;
}
.newsContent h3{
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #7a7a7a;
  font-weight: normal;
}
.newsContent img{
  max-width: 100%;
}
.newsCont .tj{
  padding-top: 50px;
  font-size: 24px;
  color: #333333;
  display: flex;
  align-items: center;
}
.newsCont .tj em{
  display: inline-block;
  width: 3px;
  height: 20px;
  background: #e50113;
  margin-right: 15px;
}
.productCont{
  width: 100%;
  background: #f8f8f8;
  position: relative;
	min-height: 1020px
}
.productCont .list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.productCont .list .item{
  width: 31%;
  background: #fff;
  margin-bottom: 40px;
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
.productCont .list .item:hover{
  box-shadow: 0 0 18px rgba(0,0,0,0.12);
}
.productCont .list .item h2{
  font-size: 22px;
  color: #454134;
  font-weight: normal;
  padding-top: 30px;
  padding-bottom: 20px;
}
.productCont .list .item p{
  font-size: 14px;
  color: #9b9b9b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  line-height: 25px;
  height: 50px;
}
.productCont .list .item a{
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #e50012;
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
}
.productCont{
  padding-top: 80px;
}
.productCont .d_menu{
  position: absolute;
  left: 0;
  width: 160px;
  left: 2%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
.productCont .d_menu a:last-child{
  border-bottom: none;
}
.productCont .d_menu a{
  width: 100%;
  height: 120px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  box-sizing: border-box;
  padding: 0 25px;
  font-size: 20px;
  color: #999999;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.productCont .d_menu a.cur{
  color: #e50012;
  font-weight: bold;
}
.about{
  width: 100%;
  background: #fff;
}
.about .container{
  position: relative;
}
.aboutInfo{
  width: 100%;
  background: #fff;
}
.about_h2{
  text-align: center;
  font-size: 32px;
  color: #333333;
  padding-top: 90px;
  width: 100%;
  text-align: center;
}
.about_h3{
  font-size: 13px;
  color: #b3b3b3;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-bottom: 55px;
  padding-top: 8px;
}
.aboutInfo {
  padding-bottom: 50px;
}
.aboutInfo .box {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
}
.aboutInfo .box .text{
  position: absolute;
  padding: 70px;
  background: rgba(245,245,245,0.9);
  width: 50%;
  left: 0;
}
.aboutInfo .box .text p{
  font-size: 15px;
  color: #333333;
  line-height: 26px;
}
.aboutInfo .n_box{
  width: 100%;
  min-height: 140px;
  background: #fff;
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.aboutInfo .n_box p{
  font-size: 14px;
    color: #7d7d7d;
}
.aboutInfo .n_box h2{
  display: flex;
  align-items: center;
}
.aboutInfo .n_box h2 b{
  color: #d92426;
  font-size: 48px;
  font-weight: normal;
}
.aboutInfo .n_box h2  span{
  font-size: 15px;
  font-weight: normal;
  color: #666666;
  margin-left: 5px;
}
.aboutInfo .n_box div{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.aboutInfo .n_box div::after{
  position: absolute;
  width: 3px;
  height: 40px;
  background: #e5e5e5;
  content: '';
  right: 0;
  top: 50%;
  margin-top: -20px;
}
.aboutInfo .n_box div:last-child::after{
  display: none;
}
.aboutCulture{
  width: 100%;
  background: #f2f4f5;
}
.aboutCulture .box{
  display: flex;
  justify-content: space-between;
}
.aboutCulture .box .text{
  flex: 1;
  box-sizing: border-box;
  padding-right: 5%;
}
.aboutCulture .box .text .item{
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  padding: 30px 0;
  align-items: center;
}
.aboutCulture .box .text .item h2{
  font-size: 26px;
  color: #333333;
  font-style: italic;
  width: 120px;
  box-sizing: border-box;
  padding-left: 10px;
}
.aboutCulture .box .text .item h2 span{
  display: block;
  font-size: 14px;
  color: #adadad;
  font-weight: normal;
}
.aboutCulture .box .text .item:nth-child(1){
  padding-top: 0px;
}
.aboutCulture .box .text .item:last-child{
  padding-bottom: 0px;
  border-bottom: none;
}
.aboutCulture{
  padding-bottom: 50px;
}
.aboutEnv{
  background: #f5f6f7;
  padding-bottom: 50px;
}
.aboutEnv .list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.aboutEnv .list .item{
  width: 32%;
  position: relative;
  margin-bottom: 25px;
}
.aboutEnv .list .item img{
  display: block;
  width: 100%;
}
.aboutEnv .list .item p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
/*  height: 60px;*/
    padding-top: 10px;
    padding-bottom: 10px;
  background: rgba(0,0,0,0.35);
  line-height: 22px;
  font-size: 16px;
  color: #ffffff;
  box-sizing: border-box;
  padding-left: 17px;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.aboutEnv .listt2 .item p{
    white-space:normal;
    text-overflow:inherit; 
}
.aboutEnv .list .item p span{
  font-weight: normal;
  font-size: 14px;
  margin-left: 15px;
}
.aboutHistory{
  width: 100%;
  background: #fff;
  padding-bottom: 70px;
}
.aboutHistory .item{
  display: flex;
  align-items: center;
  justify-content: space-around;
  /* padding-bottom: 80px; */
}
.aboutHistory .item h2{
  font-size: 50px;
  color: #d92628;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 45px;
}
.aboutHistory .item  p{
  font-size: 18px;
  line-height: 28px;
}
#aboutHistory .slick-prev{
  width: 47px;
  height: 47px;
  background: url(/assets/source/tysd/fc74b8214be6ac68.png) no-repeat;
}
#aboutHistory .slick-next{
  width: 47px;
  height: 47px;
  background: url(/assets/source/tysd/1831f9772b000cde.png) no-repeat;
}
#aboutHistory .slick-prev:hover{
  background: url(/assets/source/tysd/3a35225c4f422553.png) no-repeat;
}
#aboutHistory .slick-next:hover{
  background: url(/assets/source/tysd/cb756f51fca9ba5b.png) no-repeat;
}
.hisLine{
  margin-top: 115px;
  position: relative;
}
.hisLine em{
  display: block;
  width: 95%;
  height: 2px;
  background: #e50012;
  position: absolute;
  left: 5%;
  top: 0;
  position: relative;
}
.hisLine em::after{
  width: 101px;
  height: 2px;
  content: '';
  background: url(/assets/source/tysd/eaf9efd8fc2cbbe9.png) no-repeat;
  left: -100px;
  top: 0;
  position: absolute;
}
.hisLine em::before{
  width: 101px;
  height: 2px;
  content: '';
  background: url(/assets/source/tysd/7d046f5afb9bdac5.png) no-repeat;
  right: -100px;
  top: 0;
  position: absolute;
}
.hisLine .cont{
  display: flex;
  width: 100%;
}
.hisLine  div{
  flex: 1;
  text-align: center;
  position: relative;

}
.hisLine  div span{
  font-size: 20px;
  color: #545454;
  padding-top: 30px;
  display: block;
  position: relative;
}
.hisLine  div::after{
  content: '';
  position: absolute;
  width: 2px;
  height: 10px;
  background: #e50012;
  right: 0;
  top: -6px;
}
.hisLine  div:last-child::after{
  display: none;
}
.hisLine  div span::after{
  width: 4px;
  height: 26px;
  background: #e50012;
  content: '';
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: -14px;
}
.hisLine  div.active span{
  font-size: 40px;
  color: #e50012;
  font-weight: bold;
}
.hisLine  div.active span::before{
  position: absolute;
  width: 29px;
  height: 34px;
  content: '';
  background: url(/assets/source/tysd/364f5b38b25852f9.png) no-repeat;
  left: 50%;
  margin-left: -14px;
  top: -65px;
}
.join{
  background: #f8f8f8;
  padding-bottom: 80px;
}
.joinTab{
  width: 80%;
  margin: 0 auto;
  border-bottom: 1px solid #d9dbdb;
  display: flex;
  justify-content: center;
}
.joinTab div{
  width: 200px;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
  margin: 0 50px;
}
.joinTab div a{
  font-size: 26px;
  color: #999999;
}
.joinTab div.cur a{
  color: #e50012;
}
.joinTab div.cur::after{
  width: 100%;
  height: 3px;
  content: '';
  background: #e50012;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.joinMain{
  padding-top: 80px;
}
.joinMain .item{
  /* flex: 1; */
  width: 31%;
  background: #fff;
  margin-bottom: 30px;
  box-sizing: border-box;
  /* padding: 30px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center; */
}
.joinMain .item a{
  display: block;
}
.joinMain .item a img{
  display: block;
  width: 100%;
}
.joinMain .item .text{
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  padding: 0 40px;
}
.joinMain .item .text h2{
  padding-top: 40px;
  font-size: 22px;
  color: #000000;
  font-weight: normal;
}
.joinMain .item .text p{
  font-size: 16px;
  color: #636363;
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 40px;
}
.joinMain .list{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.joinImg{
  width: 100%;
  height: 300px;
  background: url(/assets/source/tysd/1d578ceb5cef5a9a.jpg) no-repeat top center;
}
.joinImg .container{
  display: flex;
  align-content: center;
  flex-direction: row;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
}
.joinImg .container a{
  width: 220px;
  height: 68px;
  text-align: center;
  line-height: 68px;
  background: #fff;
  font-size: 20px;
  color: #e50113;
}
.contact{
  background: #f2f4f5;
}
.contact .box{
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
}
.contact .box .item{
  width: 23%;
  height: 260px;
  background: #fff;
  border: 1px solid #e8eaeb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contact .box .item:hover div{
  display: flex;
}
.contact .box .item div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.contact .box .item div h2{
  font-size: 30px;
  color: #fff;
  padding-top: 27px;
}
.contact .box .item div p{
  font-size: 16px;
  color: #ffffff;
  padding-top: 13px;
}
.contact .box .item div  a{
  display: block;
  width: 150px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  background: #e50012;
  color: #fff;
  margin-top: 25px;
  font-size: 18px;
}
.contact .box .item .icon{
  width: 50px;
  height: 50px;
}
.contact .box .item span{
  font-size: 22px;
  color: #000000;
  padding-top: 30px;
}
.address{
  width: 100%;
  background: #fff;
  padding-bottom: 90px;
}
.address .item{
  background: #f9f9f9;
  display: flex;
  margin-bottom: 10px;
}
.address .item .text{
  flex: 1;
  box-sizing: border-box;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
}
.address .item .img{
  flex: 1;
}
.address .item .img img{
  display: block;
  width: 100%;
}
.address .item .text p{
  display: flex;
  align-items: center;
  padding: 14px 0;
  font-size: 20px;
  color: #000000;
}
.address .item .text p img{
  margin-right: 23px;
}
.address .item .text p span{
  color: #737380;
}
#mask{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1001;
  display: none;
}
#mask .box{
  width: 640px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -320px;
  margin-top: -300px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 70px;
}
#close{
  width: 36px;
  height: 36px;
  background: url(/assets/source/tysd/7b2b0f11d2a8a6d1.png) no-repeat;
  background-size: cover;
  right: 23px;
  top: 23px;
  position: absolute;
}
#mask .box h2{
  font-size: 26px;
  text-align: center;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
}
#mask .box h2 em{
  position: absolute;
  width: 34px;
  height: 5px;
  background: #e50012;
  left: 50%;
  bottom: -3px;
  margin-left: -17px;
}
#mask .box .form{
  width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  padding-top: 40px;
}
#mask .box .form input,.fs-wrap{
  display: inline-block;
  width: 400px;
  height: 50px;
  background: #f8f8f8;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding-left: 20px;
  font-size: 14px;
  color: #999999;
}
.fs-wrap{
  padding-left: 0;
}
.fs-label-wrap,.fs-label{
  width: 100%;
  height: 100%;
  border: none;
}
.fs-label-wrap .fs-label{
  padding: 0;
  box-sizing: border-box;
  padding-left: 20px;
  line-height: 48px;
  font-size: 14px;
  color: #999999;
}
.fs-search{
  display: none;
}
#mask .box .form select{
  display: none;
}
#mask .box .form  .item{
  margin-bottom: 23px;
  display: flex;
  align-items: center;
}
#mask .box .form  .item b{
  color: red;
  font-weight: normal;
  padding-left: 10px;
}
#mask .box .form  button{
  display: block;
  width: 400px;
  height: 50px;
  background: #e50012;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border: none;
}
.menuIcon{
  display: none;
}
#loadMore{
  display: none;
}
.d_menu_phone{
  display: none;
}
#hisLineMap{
  display: none;
}
.fs-label-wrap{
  border: none !important;
}
#mask .telBox,#wxBox .wxBox{
  display: none;
}
.index_section_4 .container ul li{
  transition: all 0.3s ease-in-out;
}
.index_section_4 .container ul li:hover{
  transform: scale(1.1);
}