body{ font-family: "PING",Microsoft YaHei,Arial;   color: #333; font-size: 14px; min-width: 1300px;   }
.w1500{ width: 1500px; margin: 0 auto;}
header{ background-color: #181622; color: #fff; height: 90px;}
header .logo{ width: 290px;}
header.bg-white{ color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header.bg-white .f20.DIN{ color: #b81c22;}
nav a{ padding: 0 25px; font-size: 15px; position: relative;}
nav a span{position: relative; z-index: 5;}
nav a::after{ content: ""; width: 0%;height: 3px;position: absolute;background: #b81c22; bottom: -35px; right: 50%;transition: all .5s; z-index: 1; }
nav a:hover::after{width: 80%;  right:10%;}
.tel .DIN{ letter-spacing: 1px;}
.right .search{ width: 30px; margin-left: 20px; }

.banner {
  position: relative;
}

.banner .swiper-slide {
  position: relative;
}

.banner .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  display: block;
}
 
.pc_header{width: 100%;
  position: fixed;
  top: 0;
  z-index: 99; left: 0;}

.bannerSearch{ position: absolute; left: 0;  ; bottom:0; z-index: 88; background-color: rgba(0, 0, 0, 0.3); 
 width: 100%; padding: 35px 0; }
.bannerSearch .f16{ letter-spacing: 2px;}
.bannerSearch .box{ width: 1300px; margin: 0 auto;}
.bannerSearch input{   border-radius: 5px;  width: 340px; height: 48px; line-height: 48px; padding-left: 60px;}
.bannerSearch button{ background-color: #b81c22; font-size: 18px; height: 55px; line-height: 55px; width: 210px; color: #fff;border-radius: 5px;}
.bannerSearch input.name{ background: url(../images/name-input.png) no-repeat left 20px center #fff;  }
.bannerSearch input.tel{ background: url(../images/tel-input.png) no-repeat left 20px center #fff;  }
.bannerSearch input.house{ background: url(../images/house-input.png) no-repeat left 20px center #fff;  }

.indexTit .f46 span::before{width: 80px; height: 11px; content: ''; display: block; background: url(../images/indexTitBg.png) no-repeat center center; position: absolute; left: -50%; top: 50%; transform: translateY(-50%);}
.indexTit .f46 span::after{width: 80px; height: 11px; content: ''; display: block; background: url(../images/indexTitBg.png) no-repeat center center; position: absolute; right: -50%; top: 50%; transform: translateY(-50%);}

.index1 .left{ width:28.6%;} 
.index1 .left li{ padding: 30px; border-bottom: 1px solid #e5e5e5; transition: all .36s;}
.index1 .left li:last-child{ border-bottom: none;}
.index1 .left li .icon{ width: 86px; height: 86px; border-radius: 50%; background-color: #f4f4f4;}
.index1 .left li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: scale(1.03); z-index: 5; background: #fff;}
.index1 .left li:hover .icon{background-color: #b81c22;}
.index1 .left li .icon span{ width: 41px; height: 41px; transition: all .36s;}
.index1 .left li .icon.dateIcon span { background: url(../images/dateIcon.png) no-repeat center top;}
.index1 .left li:hover .icon.dateIcon span{ background: url(../images/dateIcon.png) no-repeat center bottom;}
.index1 .left li .icon.jieleiIcon span{ width: 42px; height: 40px; transition: all .36s;}
.index1 .left li .icon.jieleiIcon span { background: url(../images/jieleiIcon.png) no-repeat center top;}
.index1 .left li:hover .icon.jieleiIcon span{ background: url(../images/jieleiIcon.png) no-repeat center bottom;}
.index1 .left li .icon.cityIcon span{ width: 41px; height: 40px; transition: all .36s;}
.index1 .left li .icon.cityIcon span { background: url(../images/cityIcon.png) no-repeat center top;}
.index1 .left li:hover .icon.cityIcon span{ background: url(../images/cityIcon.png) no-repeat center bottom;}
.index1 .left li .icon.partnerIcon span{ width: 48px; height: 37px; transition: all .36s;}
.index1 .left li .icon.partnerIcon span { background: url(../images/partnerIcon.png) no-repeat center top;}
.index1 .left li:hover .icon.partnerIcon span{ background: url(../images/partnerIcon.png) no-repeat center bottom;}

.index1 .center{ width: 24%; color: #5c3302; transition: all .36s;}
.index1 .center img{ object-fit: cover;}
.index1 .center .txt{ top: 50px; left: 50px; position: absolute; }
.index1 .center:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transform: translateY(-5px);}

.index1 .right{  width: 20.6%;}
.index1 .right .top{ background: url(../images/cartIcon.png) no-repeat right 25px bottom 10px #e5f0f8;  color: #3c5274; height: 48%;}
.index1 .right .bottom{ background: url(../images/factoryIcon.png) no-repeat right 25px bottom 10px #e1f3ef;  color: #3c5274; height: 48%;}
.index1 .right .top:hover,.index1 .right .bottom:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transform: translateY(-5px);}

.index2 .left{ width: 77%; }
.index2 .left .img{ width: 63%;}
.index2 .left .img img{ height: 560px; width: 100%; object-fit: cover;}
.index2 .left .txt{ width:37% ;}
.index2 .left .txt .top{ border-bottom: 1px solid #e5e5e5; height: 410px;}
.index2 .left .txt .bottom img{ width: 80px;   }
.index2 .left .txt .bottom .ps{width: 80px; height: 80px; border-radius: 50%; overflow:hidden}

.indexlink {width: 110px;line-height:36px; display: block;perspective: 500;  margin-right: 20px;  }
.indexlink .w {position: relative;transition: all 0.25s;  transform-style: preserve-3d;pointer-events: none;}
.indexlink .f { background: #b81c22;  color: #fff; } 
.indexlink .t {position: absolute;background-color: #fff;width: 100%;height: 100%; left: 0;color: #b81c22;top: -36px;  transform-origin: center bottom; 
  transform: rotateX(90deg); backface-visibility: hidden;}
.indexlink:hover .w { transform: translateY(18px) translateZ(-18px) rotate3d(1, 0, 0, -90deg);}
.indexlink2 .f{ background: #e8e8e8; color: #333;}
.indexlink2 .t{ background-color: #fff; color: #b81c22;}
.index2 .center{ background: url(../images/caseLine.jpg) repeat-y top center; width: 50px;}
.index2 .center  .caseBtn{ width: 50px; height: 50px; border-radius: 50%; background-color: #2d2d2d; cursor: pointer;}
.index2 .center .button-next{ width: 50px; height: 25px; background: url(../images/caseBtnpre.png) no-repeat center; background-size: cover; }
.index2 .center .button-next:hover{ width: 50px; height: 25px; background: url(../images/caseBtnpreH.png) no-repeat center; background-size: cover; }
.index2 .center .button-prev{ width: 50px; height: 25px; background: url(../images/caseBtnprev.png) no-repeat center; background-size: cover; }
.index2 .center .button-prev:hover{ width: 50px; height: 25px; background: url(../images/caseBtnprevH.png) no-repeat center; background-size: cover; }

.index2 .right{ width: 230px; height: 665px;}
.index2 .right .gallery-thumbs{ width: 100%; height: 100%;}
.index2 .right .gallery-thumbs .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.gallery-thumbs .swiper-slide {  opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.caseClass { position: absolute; bottom: 0; left: 0;}
.caseClass a{ color: #666; font-size: 15px; margin: 0  40px;}
.caseClass a:first-child{ margin-left: 0;}.caseClass a:hover{ color:#b81c22 ;}

.index3{ background: url(../images/index3Bg.jpg) no-repeat center top;}

.indexTit2 .f46 span::before{width: 80px; height: 11px; content: ''; display: block; background: url(../images/indexTitBg-white.png) no-repeat center center; position: absolute; left: -50%; top: 50%; transform: translateY(-50%);}
.indexTit2 .f46 span::after{width: 80px; height: 11px; content: ''; display: block; background: url(../images/indexTitBg-white.png) no-repeat center center; position: absolute; right: -50%; top: 50%; transform: translateY(-50%);}
.serviceUl li{ width: 23%; position: relative; transition: all .36s; }
.serviceUl li img{ width: 100%;  height:390px; object-fit: cover;}
.serviceUl li .txt{ position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.54); width: 100%;  height: 100%;
 display: flex; justify-content: flex-end;  flex-direction: column;}
.serviceUl li .txt .line{  width: 30px; height: 2px; background-color: #fff;}
.serviceUl li .txt .DIN{ position: absolute; left:70% ; top: 25px;}
.serviceUl li.on{ width: 31%;}
.serviceUl li.on .txt{ background-color: transparent;}

.designerBox .left{ width: 72%;}
.designerSwiper .swiper-slide { overflow: hidden;}
.designerSwiper .swiper-slide img{ height: 330px; width: 100%; object-fit: cover;}
.designerSwiper .swiper-slide .txt{ padding: 15px 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5; line-height: 1.6;  transition: all .36s;}
.designerSwiper .swiper-slide:hover img{ transform: scale(1.1);}
.designerSwiper .swiper-slide:hover .txt{ background-color: rgba(0, 0, 0, 0.8); padding: 18px 0; }
.designerSwiper  .buttonswiper { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px;z-index: 66; background: url(../images/jian-white.png) no-repeat center center #191724; }
.designerSwiper  .buttonswiper.button-prev{ left: 0;}
.designerSwiper  .buttonswiper.button-next{    right : 0; transform: rotate(180deg);}
.designerSwiper  .buttonswiper:hover{ background: url(../images/jian-white.png) no-repeat center center #b81c22;}
 
.designerulSwiper .txt{ position: absolute; bottom: 0; left: 0;  width: 100% ; z-index: 5;}
.designerulSwiper  img{ width: 100%;  height: 135px; object-fit: cover;}

.designerBox .formBox{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 26.7%;}
.designerBox .formBox input{   width: 80%; padding: 15px 10px 15px 60px; border: 1px solid #e5e5e5; margin-bottom: 23px;}
.designerBox .formBox input.name{ background: url(../images/inputMan.png) no-repeat left 25px center;}
.designerBox .formBox input.phone{ background: url(../images/inputPhone.png) no-repeat left 25px center;}
.designerBox .formBox input.fang{ background: url(../images/inputFang.png) no-repeat left 25px center;}
.designerBox .formBox button{ width: 80%; padding: 15px 10px ;}

#announcement { height: 14px; line-height: 14px;}
.index4{ background: url(../images/hotBg.jpg) no-repeat center center; background-size: cover;}
.index4 .left{ width: 40.8%;}
#hotSwiper .img img{  width: 100%; height: 430px; object-fit: cover;}
#hotSwiper .img  figure{ position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8);width: 100%; padding:  15px 0;}
#hotSwiper .img  figure span{color: #b81c22; font-size: 24px; margin: 0 8px; }
#hotSwiper .txt{ padding: 25px 30px;}

#hotSwiper .swiper-pagination{ bottom: 40px; right: 30px;   left: auto; text-align: right;}
.tipleft{ position: absolute; top: 18px; left: -7px; z-index: 9;}
.index4 .center{ width: 33.6%;}
.index4 .center li{ width: 48.6%; margin-right:2.8% ; margin-bottom: 16px; float: left;}
.index4 .center li .pic{width: 100%; height:170px ; object-fit: cover;}
.index4 .center li:nth-child(2n){ margin-right: 0;}
.index4 .center li:nth-child(n+5){ margin-bottom: 0;}
.index4 .center li figure{ position: absolute; left: 0; bottom: 0; padding: 15px 0;background-color: rgba(0, 0, 0, 0.6);width: 100%; text-align: center; }
.index4 .center li:hover .pic{ transform: scale(1.1);}

.index4 .right{ width: 23%;}
.index4 .right .title{ padding: 25px;}
.index4 .right .title a{ border: 1px solid #fff; color: #fff; border-radius: 3px; padding: 6px 17px;}
.index4 .right .title a:hover{ color: #b81c22;}
.index4 .right  .descTit{ background: #e6e6e6; font-weight: bold;}
.index4 .right .fen span:nth-child(1){ width: 25%;  word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.index4 .right .fen span:nth-child(2){ width: 15%;}
.index4 .right .fen span:nth-child(3){ width: 15%;}
.index4 .right .fen span:nth-child(4){ width: 15%;}
.index4 .right ul{ line-height: 2.5;  }
#hottxtSwiper{ height: 340px;}

.index5{ background: url(../images/index5Bg.jpg) no-repeat; background-size: cover;}
.index5  .left{ width: 19.6%;}
.index5  .left figure{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.1);}
.yylfImg{ width: 35px;}
.w48{ width: 48%;}
.index5  .left  .itemIcon{ border-radius: 5px;}
.processTit{ border-radius: 8px; padding: 36px;}
.processTit::after{ content: ''; display: block;  position: absolute; width: 21px; height: 34px;  background: url(../images/red-san.png) no-repeat center center; background-size: 100% auto;  right: -20px;
 top: 50%; transform: translateY(-50%); }

 .abcmain{ align-items: flex-start; } 

 .index5 .right{  width: 75%;}
 .processUl{  width: 750px;}
 .processUl li  { width: 105px; height: 105px; border-radius: 50%; background-color: #fff; position: relative;transition: all .36s;}
 .processUl li  div{ width: 31px;  height: 31px; margin-bottom: 9px; transition: all .36s; }
 .processUl li figure{ width: 30PX; height: 30px; text-align: center; line-height: 30px; background-color: #d8d8d8; border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px;}
 .processUl li:hover{ background-color: #b81c22; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: translateY(-8px);}
 .processUl li:nth-child(1) div{ background: url(../images/process1.png) no-repeat center top;}
 .processUl li:nth-child(1):hover div{ background: url(../images/process1.png) no-repeat center bottom;}
 .processUl li:nth-child(2) div{ background: url(../images/process2.png) no-repeat center top;}
 .processUl li:nth-child(2):hover div{ background: url(../images/process2.png) no-repeat center bottom;}
 .processUl li:nth-child(3) div{ background: url(../images/process3.png) no-repeat center top;}
 .processUl li:nth-child(3):hover div{ background: url(../images/process3.png) no-repeat center bottom;}
 .processUl li:nth-child(4) div{ background: url(../images/process4.png) no-repeat center top;}
 .processUl li:nth-child(4):hover div{ background: url(../images/process4.png) no-repeat center bottom;}
 .processUl li:nth-child(5) div{ background: url(../images/process5.png) no-repeat center top;}
 .processUl li:nth-child(5):hover div{ background: url(../images/process5.png) no-repeat center bottom;}

 .index5 .right .bottom input{ border: 1px solid #d2d2d2; padding: 16px 16px 16px 60px; width: 31%; border-radius: 5px;}
 .index5 .right .bottom input.nameInput{ background: url(../images/nameInput.png) no-repeat center left 20px; background-size: auto 25px;}
 .index5 .right .bottom input.telInput{ background: url(../images/telInput.png) no-repeat center left 20px; background-size: auto 25px;}
 .index5 .right .bottom input.mianjiInput{ background: url(../images/mianjiInput.png) no-repeat center left 20px; background-size: auto 25px;}

 .index5 .libjp{ justify-content: flex-end;}
 .index5 button{ width: 200px; height: 58px; border-radius: 8px;}

 .index6 .left{ width: 47.6%;}  .index6 .left .swiper-slide img{ width: 100%; height: 528px; object-fit: cover;}
 .index6 .right{ width: 48%;}
 .indexNewsUl{height: 528px; display: none;}
 .indexNewsUl.on{ display: flex;}
 .changJT{ width: 32px; height: 4px; background: url(../images/changJT.png) no-repeat left center ; transition: all .5s;}
 .indexNewsUl li:hover .changJT{ background: url(../images/changJT.png) no-repeat right center ;}
 .indexNewsUl li:hover{ color: #b81c22;}
 .indexNewsUl li .img img{ width: 215px; height: 155px; object-fit: cover;}
 .indexNewsUl li .txt{ width: calc(100% - 240px);}
 .indexNewsUl li:hover .img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
 .indexNewsUl li:hover .img img{ transform: scale(1.1);}

 .tabtit a{ color: #999999; margin-left: 60px; font-size: 18px; position: relative; display: inline-block;}
 .tabtit a.on, .tabtit a:hover{ color: #000; font-weight: bold;  }
 .tabtit a.on::after{ content: ''; display: inline-block;  background-color: #b81c22; width: 60%; height: 3px; left: 20%; bottom: -14px; position: absolute;}

 footer{ background: url(../images/footerBg.jpg) no-repeat center center; background-size: cover;}
 footer .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.32);} footer .top li{ flex: 1;}
 footer .top li img{ margin-right: 10px;  }
 footer .top li:nth-child(2){border-left:1px solid rgba(255, 255, 255, 0.32) ; border-right: 1px solid rgba(255, 255, 255, 0.32);}
 footer .bottom{ margin-top: 35px;}
 footer .bottom .left{ width: 60%;}
 footer .bottom .left dt a{ color: #fff; font-size: 16px;}
 footer .bottom .left dt{ margin-bottom: 35px;}
 footer .bottom .left dd a{color: rgba(255, 255, 255, 0.5); line-height: 2.5;}
 footer .bottom .left dd a:hover{ color: #b81c22;}
 footer .bottom .right .f40::after{ width: 50px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: -60px; background: #b81c22; content: ''; display: block;}
 .friendLInk a{color: rgba(255, 255, 255, 0.5); margin-right: 10px;}
 .friendLInk a:hover{ color: #b81c22;}
 .index6  a:hover{ color: #b81c22;}

 
.search_sec {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 32, 49, 0.95);
	z-index: 2147483647;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.9);
}

.search_sec.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.search_sec.active .search_field {
	margin: 0px;
}

.search_field {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	transition: all 1s ease-in-out 0s;
}

.search_field .container {
	max-width: 800px;
	margin: 0px auto;
}

.search_field form {
	position: relative;
}

.search_field form input {
	width: 100%;
	height: 66px;
	background-color: rgb(229, 229, 229);
	color: rgb(38, 38, 38);
	font-size: 17px;
	padding: 0px 30px;
	border: 0px;
	box-sizing: border-box;
	border-radius: 5px;
}

.search_field form button {
	position: absolute;
	top: 24px;
	right: 24px;
	background-color: inherit;
	border: 0px;
}

.close-search {
	position: absolute;
	top: 60px;
	right: 70px;
	color: rgb(198, 199, 202);
	font-size: 40px;
}

.close-search:hover {
	color: rgb(198, 199, 202);
}

.neiban{ width: 100%;    background-attachment: fixed; position: relative; height: 700px; background-repeat: no-repeat; background-size: cover;}
.neiban .txt{ color: #fff;  width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.neiban  img{transform: scale(1.08);transition: 2s all;}
.locationBox{ background: url(../images/bg-red.jpg) no-repeat center  right; background-size: 20% 100%;}

.locationBox .searcinput{ padding: 20px 25px;}
.locationBox .searcinput form{ display: inline-flex;}
.locationBox .searcinput .input{ padding: 18px; background-color: #fff; width: 410px; height: 56px;}
.locationBox .searcinput .submit{ background: url(../images/searchBtn.png) no-repeat center center #fff; border-left: 1px solid #e5e5e5; width:60px; background-size: auto 20px; }
.w40{ width: 40%;}.w60{ width: 60%;}
.classNav a{ display: inline-block; line-height: 96px; margin-right: 120px; position: relative; font-weight: bold;}
.classNav a::after{ width: 0; transition: all .36s; height: 2px; background-color: #b81c22; position: absolute ; left: 50%; transform: translateX(-50%); bottom: 25px; content: ''; display: block;}
.classNav a.on,.classNav a:hover{ color: #b81c22;}
.classNav a.on::after{width: 50%; } 

.introduction{ background: url(../images/introductionBg.jpg) no-repeat center center; background-size: cover;}
 
.introductionTitNum{ display: inline-block; font-size: 400px;  color: #fff;position: relative;  background-clip: -webkit-text;
	background: url(../images/introductionTitclouds.jpg) no-repeat  ; color: transparent; -webkit-background-clip: text; text-align: center;
	background-size:   auto 100%; animation: overlayAnimation 15s infinite linear reverse ; letter-spacing: 0; line-height: 400px; font-weight: bold; white-space: nowrap; overflow: hidden; }
.CultureUl .position-relative{
	overflow: hidden;
}
.CultureUl .position-relative img{
	float: left;width: 100%;
}
#container canvas{
	height: 685px!important;
}
.introductionTit span{ font-size: 38px; position: absolute; bottom:45px; right: -40px;  }
.introduction .info{ width: 68%; margin: 50px auto 0;}
.Culture{ background: url(../images/CultureBg.jpg) no-repeat top left #f0f0f0; background-size: 100% auto;}
.Culture .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.Culture .top li .icon{ width: 85px; height: 85px; border-radius: 50%; background-color: #f4f4f4;}
.Culture .top li:hover .icon{background-color: #b81c22;}
.Culture .top li .icon span{ width: 41px; height: 41px; transition: all .36s;}
.Culture .top li .icon.dateIcon span { background: url(../images/dateIcon.png) no-repeat center top;}
.Culture .top li:hover .icon.dateIcon span{ background: url(../images/dateIcon.png) no-repeat center bottom;}
.Culture .top li .icon.jieleiIcon span{ width: 42px; height: 40px; transition: all .36s;}
.Culture .top li .icon.jieleiIcon span { background: url(../images/jieleiIcon.png) no-repeat center top;}
.Culture .top li:hover .icon.jieleiIcon span{ background: url(../images/jieleiIcon.png) no-repeat center bottom;}
.Culture .top li .icon.cityIcon span{ width: 41px; height: 40px; transition: all .36s;}
.Culture .top li .icon.cityIcon span { background: url(../images/cityIcon.png) no-repeat center top;}
.Culture .top li:hover .icon.cityIcon span{ background: url(../images/cityIcon.png) no-repeat center bottom;}
.Culture .top li .icon.partnerIcon span{ width: 48px; height: 37px; transition: all .36s;}
.Culture .top li .icon.partnerIcon span { background: url(../images/partnerIcon.png) no-repeat center top;}
.Culture .top li:hover .icon.partnerIcon span{ background: url(../images/partnerIcon.png) no-repeat center bottom;}

.CultureUl li{ width: 23%; color: white; position: relative; transition: all .36s;}
.mb-90{ margin-bottom: 90px;}
.CultureUl li:nth-child(1),.CultureUl li:nth-child(3){ margin-top: 30px;}
.CultureUl li span{ text-transform: uppercase; position: absolute; bottom: 80px; left: 0px; transform: rotate(90deg); font-size: 18px;}
.CultureUl li .txt{ line-height: 2; position: absolute; top: 30px; left: 30px;}
.CultureUl li .txt .line{ width: 30px;  height: 2px; background: #fff; margin-top: 25px;} 
.CultureUl li:hover{  transform: translateY(-8px);}
.CultureUl li:hover img{ border-radius: 50px 0;}

.honor{ background: url(../images/honorBg.jpg) no-repeat center bottom #f0f0f0; }
/* #honorSwiper{ cursor:url(../images/mouse.png),default;} */
#honorSwiper{ height:480px; }
#honorSwiper .swiper-slide{ height:calc((100% - 35px) / 2); background-color: #fff; text-align: center; padding: 35px;}
.honor .w1500{ padding: 0 80px;}

.swiperBtn{ width: 40px; height: 40px; border: #b81c22 1px solid ; border-radius: 50%; background: url(../images/honorleft-red.png) no-repeat center center; position: absolute;
top: 50%; transform: translateY(-50%); cursor: pointer;}
.swiperBtn.honorPre{ left: 20px;}
.swiperBtn.honorNext{ right: 20px; transform: rotate(180deg);}
.swiperBtn:hover{ background:url(../images/honorleft-white.png) no-repeat center center #b81c22;}
#honorSwiper .swiper-slide .txt{ margin-top: 20px;}
#honorSwiper .swiper-slide:hover img{ transform: scale(1.2);}
.contact .left{ background: url(../images/contactBg.jpg) no-repeat center center  ; background-size: cover; padding-left: calc((100% - 1500px) / 2); width: 44%;}
.contact .right{ width: 56%; }
.contact .left .gbook{ padding: 60px 50px;}
.contact .left .gbook li:first-child{ padding-top: 0;}
.contact .left .gbook li{ padding: 30px 0; position: relative;}
.contact .left .gbook li::after{ width: calc(100% - 48px); height: 1px; display: block; content: ''; position: absolute; left:48px; bottom: 0; background-color:  rgba(255, 255, 255, 0.2);}
.contact .left .gbook li:last-child::after{  display: none;}

.teamClass{ border-bottom: 1px solid #eeeeee; display: flex; align-items: flex-start;}
.teamClass span{ width:auto ;padding: 12px   0;  margin-top: 20px;white-space: nowrap;  }
.teamClass span,.teamClass  a{  margin-right: 25px;}
 
.teamClass  a{  display: inline-block; margin-top: 20px; color: #666;}.teamClass  a.on{  background-color: #b81c22; color: #fff;padding: 12px 30px;}
.teamClass  a:hover{ color: #b81c22;}.teamClass  a.on:hover{ color: #fff;}

.taamList li{ width: 23%; margin-right: 2.6%; float: left; margin-top: 45px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); transition: all .36s; }
.taamList li:nth-child(4n){ margin-right: 0;}
.taamList .indexlink{ width: 144px;}
.taamList li .img figure{ position: absolute; z-index: 5; left: 30px;bottom:30px;  }
.taamList li .txt{ padding: 30px;}
.taamList li .t{ background-color: #eee; color: #b81c22;}
.taamList li:hover .img img{ transform: scale(1.1);}
.taamList li:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(184, 28, 34, 0.25); }
.taamList {
	margin-bottom: 50px;
}
.taamList  .color-666{
	   white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
}
.teaminfoBox{ background: url(../images/teaminfoBox.jpg) no-repeat top ; background-size: 100% auto; margin-top: 90px;}
.teaminfo .left{  width: 74%;}
.teaminfo .right{ width: 26%; background-color: rgba(255, 255, 255, 0.25); padding: 35px 25px;}
.teaminfo .left .img{ width: 40%;}.teaminfo .left .txt{ width: 60%;}
.border-bottom{ border-bottom: 1px solid #e2e2e2;}
.teaminfo .left .txt dl{ align-items: flex-start; line-height: 3;}
.teaminfo .left .txt dt{ width: 90px; color: #333; font-weight: bold;}.teaminfo .left .txt dd{ width: calc(100% - 90px); color: #666;}
.teaminfo .left .txt .bottom .tit::after{display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 120px; 
	 background: url(../images/line-.png)   repeat-y; width: calc(100% - 120px); height: 1px;}

.oj  a{ padding: 12px 30px; margin: 0 15px; display: inline-block;}.oj  a.on{  background-color: #b81c22; color: #fff;}
.oj  a:hover{ color: #b81c22;}.oj  a.on:hover{ color: #fff;}

.teaminfoTab  .swiper-slide  .txt .top .color-666 span{ margin-right: 25px;}
.teaminfoTab  .swiper-slide  .txt .bottom img{ width: 84px; height: 84px; object-fit: cover; border-radius: 50%;}
.teaminfoTab figure{ display: none;}
.teaminfoTab figure.on{ display: block;}
#typeSwiper{ padding: 10px 0;}
#typeSwiper .swiper-slide{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 10px;}
#typeSwiper .swiper-slide:hover img{ transform: scale(1.1);}

.hotlistUl li{ width:31% ; margin-right: 3.5%; margin-bottom: 35px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  position: relative; float: left; margin-bottom: 40px; transition: all .36s;}
.hotlistUl .img img{  width: 100%;  object-fit: cover;}
.hotlistUl .img  figure{ position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8);width: 100%; padding:  15px 0;}
.hotlistUl .img  figure span{color: #b81c22; font-size: 24px; margin: 0 8px; }
.hotlistUl .txt{ padding: 25px 30px; line-height: 1.8;}
.hotlistUl li:hover .img img{ transform: scale(1.1);}

.lefthost{ width: 174px; height: 67px; background: url(../images/lefthost.png) no-repeat  left top; color: #fff; position: absolute; 
left: -8px; top: 35px; z-index: 5;  line-height: 1.6;  padding-left: 15px;}
.hotlistUl li:nth-child(3n){ margin-right: 0;}
.hotlistUl li:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(184, 28, 34, 0.25); }
.hotinfoBox{ background: url(../images/hotinfoBoxBg.jpg) no-repeat center top; background-size: cover;}
.hotinfo .img{ width:45%;}
.hotinfo .img .tit{ height: 16.4%; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.5);}
.hotinfo .txt{ width:55% ; padding-top: 120px;}
.hotinfo .txt .lefthost{top: 0;padding-top: 5px;}
.kefuImg{ width: 75px; height: 75px; object-fit: cover;}
.hotinfo .indexlink{ width: 150px;}
.kefuTxt{ padding: 4px 0;}

#hotrightSwiper .buttonswiper{ width: 25px; height: 50px; background:url(../images/jian-white.png) no-repeat center center rgba(0, 0, 0, 0.5); position: absolute;  top: 50%; transform: translateY(-50%); 
z-index: 5; cursor: pointer;}
#hotrightSwiper .buttonswiper:hover{background:url(../images/jian-white.png) no-repeat center center rgba(184, 28, 34, 0.8);}
#hotrightSwiper .button-prev{ left: 0;}
#hotrightSwiper .button-next{ right: 0; transform: translateY(-50%) rotate(180deg);}
.hotLeft{ width: 1065px;}
.hotLeft .title{ padding: 35px  ; line-height: 1; border-bottom: 1px solid #e5e5e5; }.hotLeft .title span{ border-left: 5px solid #b81c22; padding-left: 15px; height: 30px; display: inline-block; }
.hotinfoList li{ padding: 35px; border-bottom: 1px solid #e5e5e5;}
.hotinfoList li .img{ width: 44%;}
.hotinfoList li .img img{ width: 100%; height: 285px; object-fit: cover;}
.hotinfoList li .txt{ width: ;}
.hotinfoList li  .touxiang{ width: 75px; height: 75px; border-radius: 50%; object-fit: cover;}
.hotinfoList li .txt .indexlink{ width: 140px; height: 40px; line-height: 40px; margin-right: 35px;}
.hotinfoList li .txt  .indexlink .t{ border: 1px solid #b81c22;}

.hotRight{ width: 400px; padding-top: 13px;}
.newYyBox { padding: 50px 40px; font-size: 16px; }
.newYyBox .tit{ position: absolute; left: 0; top: -13px;  }
.newYyBox .title{ letter-spacing: 2px;}
.fitupSuanJiqi{ background: url(../images/fitupSuanJiqiBg.jpg) no-repeat center; background-size: 100% 100%; text-align: right; width: 100%; height: 70px; line-height: 70px;}
.newYyBox  .input{ height: 50px; line-height: 50px;  width: 100%;}
.newYyBox button{ height: 50px; line-height: 50px;  width: 100%;}
.rxLouPUl{ border-top: 1px solid #e5e5e5; padding: 18px 25px;}
.rxLouPUl li{ width: 48%; margin-right: 4%; float: left; line-height: 3;}
.rxLouPUl li:nth-child(2n){ margin-right: 0;}

#workswiper .swiper-slide{ background-color: #f2f2f2;}
#workswiper .img{ width: 61%;}
#workswiper .img img{ height: 560px; width: 100%; object-fit: cover;}
#workswiper .txt{ width:39% ;}
#workswiper .txt .top{ border-bottom: 1px solid #e5e5e5;  }
#workswiper .txt .bottom img{ width: 80px; height: 80px; object-fit: cover; border-radius: 50%;}

#workswiper .buttonswiper { position: absolute; top: 50%; margin-top: -20px; width: 45px; height: 85px;z-index: 66; background: url(../images/jian-white.png) no-repeat center center rgba(0, 0, 0, 0.5); }
#workswiper .buttonswiper.button-prev{ left: 0;}
#workswiper .buttonswiper.button-next{    right : 39%; transform: rotate(180deg);}
#workswiper .buttonswiper:hover{ background: url(../images/jian-white.png) no-repeat center center rgba(184, 28, 34, 0.8);}
.worksListUl { padding-bottom: 30px}
.worksListUl li{ float: left; width: 31%; margin-right: 3.5%; margin-top: 32px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: all .36s;}
.worksListUl li:nth-child(3n){ margin-right: 0;}
.worksListUl li .txt .top .color-666 span{ margin-right: 25px;}
.worksListUl li  .txt .touxiang{ width: 84px; height: auto;   }
.worksListUl li  .txt .ps{width: 72px; height: 72px; border-radius: 50%; overflow:hidden;}

.worksListUl li:hover .img img{ transform: scale(1.1);}
.worksListUl li:hover{ box-shadow: 0 0 20px rgba(184, 28, 34, 0.1); transform: translateY(-10px); }
.worksListUl li:hover b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
	-webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
		transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.worksListUl li:hover b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
.worksListUl li .indexlink .t{ border: 1px solid #b81c22;}
.infoTabl{ border-color: #eee; }
.infoTabl tr td{color: #666; padding: 15px 20px;}
.infoTabl tr td:nth-child(2n-1){ background-color: #f8f8f8 ;}
.worksPage{ border-top: 1px solid #e5e5e5;}
.worksPage a:hover{ color: #b81c22;}
.worksPage a:nth-child(2) img{ transform: rotate(180deg);} 
.rightDesign .img{ overflow: visible;}
.rightDesign .ljDesign{ background-color: #b81c22; color: #fff; transition: all .36s; padding: 10px 20px; position: absolute; bottom: 50px; z-index: 5; right: -20px;}
.rightDesign:hover .ljDesign{ bottom: 70px;}
.zNewsUl li{ line-height: 40px;}
.zNewsUl li a{ width: 70%;}
.zNewsUl{    padding: 12px 25px;}
.zNewsUl li a:hover{ color: #b81c22;}
.cooperationUl li{ width: 18.7%; float: left; margin-right: 1.6%; transition: all .36s;}
.cooperationUl li:hover{transform: translateY(-5px);}
.cooperationUl li .txt{ padding: 18px 0 25px;}
.cooperationUl li .bg-white{ height: 150px; }
.cooperationUl li .bg-white img{ max-width: 100%; max-height: 100%;}
.cooperationUl li:nth-child(5n){ margin-right: 0;}
.cooperationUl li:hover .bg-white{ box-shadow: 0 0 10px rgba(184, 28, 34, 0.25); }
.newsLeft{ width: 48.6%;}
.newsRight{ width:49.3% ; }
.newsLeft .swiper-slide:hover b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
	-webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
		-o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
		transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.newsLeft .swiper-slide:hover b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
.newsLeft .swiper-slide:hover .img img{ transform: scale(1.1);}
.Pic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}
.newsRight  li{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.newsRight .img{ width: 323px; object-fit: cover;}.newsRight .txt{ width: calc(100% - 353px);}
.newsRight  li:hover .img img{ transform: scale(1.1);}
.newsRight  li:hover{ color: #b81c22;}
.newsRight  li .more::after{ content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; transition: all .36s; width: 0; height: 1px; background-color: #b81c22; position: absolute;}
.newsRight  li:hover .more{ padding-left: 60px;}
.newsRight  li:hover .more::after{ width: 45px;} 
.newslist li{ transition: all .36s; width: 32%; margin-right:2% ; line-height: 1.6; float: left; margin-bottom: 35px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.line-height1-6{ line-height: 1.6;}
.newslist .img img{ width: 100%; height: 270px; object-fit: cover;}
.newslist li .date{ background-color: #666; position: absolute; top: 0; right: 0; padding: 10px 20px; z-index: 9;}
.newslist li:hover .img img{ transform: scale(1.1);}
.newslist li:hover{ color: #b81c22;}
.newslist li .More::after{ content: ''; display: block; top: 50%; transform: translateY(-50%); left: 0; transition: all .36s; width: 0; height: 1px; background-color: #b81c22; position: absolute;}
.newslist li:hover .More{ padding-left: 60px;}
.newslist li:hover .More::after{ width: 45px;} 
.newslist li:hover{ box-shadow: 0 0 10px rgba(184, 28, 34, 0.15); transform: translateY(-10px);}
.newslist li a>div:nth-child(2){ height: 56px;}
.newslist li a>div:nth-child(3){ height: 44px;}

.ycfdlm{ width:74px; position:fixed; right:20px; bottom:200px; z-index:9000;}
.hadey{ width:100%; background:#fff; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.05);}
.hadey ul{ overflow:hidden;}
.hadey ul li{ border-top:1px #eee solid; transition:all linear .2s; overflow:hidden; cursor:pointer; text-align:center; padding:15px 0;}
.hadey ul li small{ display:block; width:32px; height:32px; margin:0 auto; overflow:hidden; background:url(../images/icon-kf2.png) no-repeat;}
.hadey ul li small.ll_a{ background-position:-450px -253px;}
.hadey ul li small.ll_b{ background-position:-451px -326px;}
.hadey ul li small.ll_c{ background-position:-450px -396px;}
.hadey ul li small.ll_d{ background-position:-450px -470px;}
.hadey ul li span{ display:block; color:#333; padding-top:10px; line-height:16px;}
.hadey ul li:hover{ background:#e60012;}
.hadey ul li:hover span{ color:#fff;}
.hadey ul li:hover small.ll_a{ background-position:-513px -253px;}
.hadey ul li:hover small.ll_b{ background-position:-517px -326px;}
.hadey ul li:hover small.ll_c{ background-position:-517px -396px;}
.hadey ul li:hover small.ll_d{ background-position:-519px -470px;}

#goTopBtn{ width:100%; border-top:1px #eee solid; cursor:pointer; padding:12px 0; text-align:center; transition:300ms;} 
#goTopBtn em{ width:32px; height:32px; background:url(../images/icon-kf2.png) -450px -532px no-repeat; display:block; margin:0 auto;}
#goTopBtn span{ display:block; text-align:center; overflow:hidden; color:#333;}
#goTopBtn:hover{ background:#e60012;}
#goTopBtn:hover span{ color:#fff;}
#goTopBtn:hover em{ background-position:-519px -532px;}

/* 报价 */
.cash{position:fixed;top:0 !important;left:0;display:none;z-index:1000; width:100%; height:100%; background: rgba(0,0,0,0.3);}
.cash .cashBox{ position: absolute; width: 800px; left: 50%; top: 50%; height: 520px; transform: translate(-50%,-50%); box-sizing: border-box; background: url(../images/cashBox.jpg) no-repeat; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.cash .cashBox .close{ display: flex; flex-direction: column; justify-content: center; align-items: center; position:absolute; right: 15px; top: 15px; font-size: 20px; color: #FFF; background: rgba(0,0,0,0.5); width: 30px; height: 30px; border-radius: 50%; }
.cash .cashBox .close:hover{ background: rgba(230,0,18,0.5);}
.cash .cashBox .cashBoxDiv{display: flex; flex-direction: column; border-top: 6px solid #E60012; padding: 0 90px;}
.cash .cashBox .cashBoxDiv .cashBoxDivMing{ display: flex; flex-direction: column; align-items: center; padding: 30px 0;}
.cash .cashBox .cashBoxDiv .cashBoxDivMing h2{ font-size: 32px;}
.cash .cashBox .cashBoxDiv .cashBoxDivMing p{ color: #E60012; padding: 10px 0;}
.cash .cashBox .cashBoxDiv .cashBoxDivMing h3{ font-size: 22px; font-weight: bold; padding-top: 30px;}
.cash .cashBox .cashBoxDiv .cashBoxDivQian{ display: flex; flex-direction: column;}
.cash .cashBox .cashBoxDiv .cashBoxDivQian ul{ display: flex; flex-direction: row; flex-wrap: wrap;}
.cash .cashBox .cashBoxDiv .cashBoxDivQian ul li{ display: flex; flex-direction: row; justify-content: center; width: 50%; font-size: 20px; line-height: 40px;}
.cash .cashBox .cashBoxDiv .cashBoxDivQian ul li span{ color: #E60012; font-family: 'DIN'; font-size: 30px; font-weight: bold; width: 120px; text-align: center;}
.cash .cashBox .cashBoxDiv .cashBoxDivTian{ display: flex; flex-direction: row; justify-content: space-between; padding: 40px 0 20px;}
.cash .cashBox .cashBoxDiv .cashBoxDivTian .cashBoxDivTianLi{ width: 48%; padding: 0 20px; box-sizing: border-box; display: flex; flex-direction: column; background: #FFF; border: 1px solid #AAA;}
.cash .cashBox .cashBoxDiv .cashBoxDivTian .cashBoxDivTianLi .text{ width: 100%; height: 50px; font-size: 16px;}
.cash .cashBox .cashBoxDiv .cashBoxDivNiu{ display: flex; flex-direction: column;}
.cash .cashBox .cashBoxDiv .cashBoxDivNiu .sub{ width: 100%; height: 50px; background: #E60012; color: #FFF; font-weight: bold; font-size: 18px; cursor: pointer; transition: all 0.3s linear;}
.cash .cashBox .cashBoxDiv .cashBoxDivNiu .sub:hover{ background: #C69C4E;}

.contactinfo img{ margin-bottom: 15px }

.cooperationUl2 li{ width: 32%; float: left; margin-right: 2%; transition: all .36s;}
.cooperationUl2 li:hover{transform: translateY(-5px);}
.cooperationUl2 li .txt{ padding: 18px 0 25px;}
 
.cooperationUl2 li:nth-child(3n){ margin-right: 0;}
.cooperationUl2 li:hover .bg-white{ box-shadow: 0 0 10px rgba(184, 28, 34, 0.25); }

.honorUl li{ transition: all .36s; cursor: pointer; width: 23%; margin-right: 2.6%; margin-bottom: 40px; float: left; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; padding: 20px; text-align: center; }
.honorUl li:nth-child(4n){ margin-right: 0;}
.honorUl li .img{ height: 200px;}
.honorUl li .img img{ max-width: 100%; max-height: 100%; }
.honorUl li:hover{ box-shadow:0 0 10px rgba(2, 96, 179, 0.5);  transform: translateY(-10px); }
.honorUl li:hover img{ transform: scale(1.05);} 

.pop{ position:  fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99; background-color: rgba(0, 0, 0, 0.7); display: none;}
.tcPop{ width: 500px; padding: 30px 36px;}
.el-input__inner{background: #f5f5f6;border-radius: 4px;height: 44px;    border: 1px solid #dcdfe6;    padding: 0 15px; width: 100%;}
.el-submit{background: #b81c22;border-radius: 4px;height: 44px;    border: 1px solid #b81c22;  color: #fff;   padding: 0 15px; width: 100%;}

.tcPopCLose{ opacity: 0.5; width: 35px; height: 35px; border: 2px solid #fff; border-radius: 50%; position: absolute; bottom: -50px; left: 50%; margin-left: -18px; color: #fff; 
 transition: all .36s;	font-weight: bold; cursor: pointer;}
 .tcPopCLose:hover{ opacity: 1; transform: rotate(180deg);}