/*html{
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);
}*/
.tc{ text-align: center; }
.index-menu{ padding: 30px 0; width: 100%; background: #f2f2f2;}
.index-menu ul{ padding: 0; }
.index-menu li{ width: 240px; height: 100px; border-radius: 20px; overflow: hidden; position: relative; }
.index-menu li .img{ width: 100%; height: 100%; object-fit: cover; }
.index-menu li .txt{ display: block; position: absolute;left: 0; top: 0; font-size: 16px; color: #fff; padding-top: 20px; padding-left: 15px; line-height: 1.4; width: 100%;}
.index-menu li .txt h4{ font-size: 22px; font-weight: 600;}
.index-service-swiper{ overflow: hidden; width: 100%; margin: 0 5% 0 0; position: relative;}
.index-service-swiper i{font-size: 18px;}
.index-prev,.index-next{ width: 50px; height: 50px; line-height: 50px; position: absolute; top:40%; left: 13px; background: rgba(0,0,0,0.1); border-radius: 50%; text-align: center; font-weight: 600; cursor: pointer; z-index: 10;}
.index-next{ left: auto; right: 100px;;}
.index-service{ padding:10px 0; min-width: 1280px; max-width: 1920px; margin:0 auto; }
.index-service li{ width: 470px; height: 600px; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.2); position: relative; margin-bottom: 30px;}
.index-service li:first-child{ box-shadow: none; width: calc((100vw - 1280px)/2) !important; margin-right: 0!important;}
.index-service li:hover{ transform:scale(1.01); transition: all 0.5s linear;}
.index-service li .txt{ position: absolute;bottom: 0; height: 220px; color: #fff; padding:30px; background:linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); width: 100%}
.index-service li .txt h4{ font-size: 30px; margin-bottom: 15px; text-shadow: 0 5px 5px #666;}
.index-service li .txt h4 span{ display: inline-block; background: #ca2b2f; text-shadow:none; border-radius: 14px 0 14px 14px; vertical-align: top; color: #fff; font-size: 12px; line-height: 28px; font-weight: 500; margin-left: 5px; }
.index-service li .txt p{ font-size: 16px; line-height: 1.5; }
.index-service li .cover{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0;}
.index-service li .cover .btn{ display: block; position: absolute;left: 50%;top: 45%;background: #ca2b2f;color: #fff;width: 150px; margin-left: -75px;text-align: center;line-height: 40px;border-radius: 20px; }
.index-service li:hover .cover{ opacity: 1; }
.home-anli { position: relative; padding: 0 0 10px 0; background: #ffffff; margin-bottom: 50px;}
.home-anli .tbody {  position: relative;  margin: 0 auto; width: 1340px; }

.home-anli .tbody .swiper-container { position: relative; overflow: hidden; margin-bottom: 30px;}
.home-anli .tbody .swiper-slide { position: relative; font-size: 0;padding:0 20px;}

.home-anli .tbody .swiper-cell { position: relative;  margin: 15px 0.65%; width: 32%;  display: inline-block; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.home-anli .tbody .swiper-cell .cover{ display: block; width: 100%; height: 240px; overflow: hidden;}
.home-anli .tbody .swiper-cell .img { display: block; width: 100%;  height: 100%; object-fit: cover;}
.bg-2{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);}
.hover:hover{ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); }
.tran5{ transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}

.home-anli .tbody .swiper-cell .img img { width: 100%; height: 100%;}
.home-anli .tbody .swiper-cell .exp { position: relative; padding: 18px 20px; text-align: left;}
.home-anli .tbody .swiper-cell .exp h3 { line-height: 20px; font-size: 18px; color: #1d1d1f;}
.home-anli .index-next{ right: 0;}
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.lh2{ line-height: 2; }
.fs18{ font-size: 18px; }
.case-title{ width: 260px; margin: 40px auto 0 auto; font-size: 0;}
.case-title a{ display: inline-block; position: relative; width: 33.3%; font-size: 16px;}
.case-title a.active{ color: #1d1d1f; }
.case-title a.active::after{ position: absolute; display: block; width: 100%; content: ""; height: 1px; background-color: #1d1d1f; top:36px;}
.case-title::after{ display: block; content: ""; margin: 20px auto 0 auto; height: 1px; background-color: #d2d2d7;}

.home-anli .tbody .swiper-cell:hover{ transform: scale(1.01);}
.home-anli .tbody .swiper-cell .exp dl { position: relative; font-size:14px; line-height: 1.8; color: #1d1d1f;}
.home-anli .tbody .swiper-cell .exp dl dd { display: inline-block; margin:0;}
.home-anli .tbody .exp a { position: absolute; right: 20px; bottom: 35px; display: block; width: 100px; line-height: 35px; border-radius: 30px; font-size: 14px; text-align: center;}
.home-anli .swiper-cell .more{ position: absolute; bottom: 110px; left: 50%; margin-left: -75px; background:#757579; width: 150px; line-height: 40px; border-radius: 20px; color: #fff; opacity: 0;}
.home-anli .swiper-cell:hover .more{ bottom: 150px; opacity: 1; box-shadow: 0 5px 5px rgba(0,0,0,0.08);}

.home-anli .tbody .swiper-pagination { position: relative; text-align: center; top: -20px;}
.home-anli .tbody .swiper-pagination span { margin: 0 5px; width: 50px; height: 4px;  border-radius: 0;}
.home-anli .tbody .swiper-pagination span.swiper-pagination-bullet-active {  background: #333333;}
.home-anli .swiper-button-prev,.home-anli .swiper-button-next{ top: 40%; left: 0; color: #ccc;  width: 30px; height: 80px;}
.home-anli .swiper-button-prev:after,.home-anli .swiper-button-next:after{ font-size: 80px; }
.home-anli .swiper-button-next{ left: auto; right: 0;}
.more-btn{ 
  display: block; position: relative; width: 300px;height: 70px; line-height: 70px;  border-radius: 33px;font-size: 18px;margin: 0 auto;color: #fff!important; font-weight: 550; background: url(../images/btn-bg.png) no-repeat center/100% 100%;}
.more-btn i{ font-weight: 550;}
.more-btn:hover{ color: #ca2b2f; transform: scale(1.01); }

.vr-swiper .index-prev,.vr-swiper .index-next{ top:55px; background: rgba(0, 0, 0, 0.3);}
.vr-swiper .index-next{ right: 25px;}
.home-shejishi {  padding: 50px 0 40px;  background: url(../images/shejishi-bj.jpg) center top no-repeat #eeeeee;}
.index-sj{ overflow: hidden; padding-bottom: 100px;}
.index-sj a{ color: #1d1d1f;}
.index-sj .swiper-wrapper{padding:0;}
.index-sj .swiper-slide{ background: #fff; border-radius: 20px; overflow: hidden; width: 40%; color: #1d1d1f; transition: all 0.3s; height: 455px;}
.index-sj .swiper-slide:hover{ transform: translateY(-0.3%); }
.index-sj .swiper-slide.first{ width:calc((100vw - 1300px)/2) !important; margin-right: 0!important; background: none;}
.index-sj .swiper-slide .img{ width: 40%; height: 100%;}
.index-sj .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.index-sj .swiper-slide .right{  width: 60%; padding:20px;}
.index-sj .swiper-slide .right .level{  background: #fce8e9; color: #ca2b2f; border-radius: 4px; font-size: 14px; padding:4px 8px;}
.index-sj .swiper-slide .right .info{ margin-bottom: 20px;}
.index-sj .swiper-slide .right .more{ position: absolute; top:20px; right: 20px; color: #fff; transition: all 0.3s; z-index: 0;}
.index-sj .swiper-slide .right .more i{ font-size: 40px; font-weight: 300;}
.index-sj .swiper-slide .right:hover .more{ color: #1d1d1f; right: 40px;}
.index-sj .swiper-slide .case-1 a{ display: block;}
.index-sj .swiper-slide .case-1 .c-1{ width: 135px; height: 100px; overflow: hidden; margin: 10px 0; border-radius: 8px;}
.index-sj .swiper-slide .case-1 .c-1:first-child{ margin-left: 0;}
.index-sj .swiper-slide .case-1 .c-1 img{ width: 100%; height: 100%; object-fit: cover;}
.index-sj .index-prev,.index-sj .index-next{ top:auto; bottom: -0; width: 60px; height: 60px; line-height: 60px; left: 50%; margin-left: -70px;}
.index-sj .index-next{ left: auto; right: 50%; margin-right: -70px;}

.designer-list .index-sj{ padding-bottom: 0; overflow:visible;}
.designer-list .index-sj .right{padding:15px 20px 0 20px;}
.designer-list .index-sj .swiper-slide .right{ width: 65%;}
.designer-list .swiper-wrapper{ flex-wrap: wrap; justify-content:space-between;}
.designer-list .swiper-slide{ width: 48.2%; margin-bottom: 30px; height: auto; }
.designer-list .swiper-slide:nth-child(2n){ margin-right: 0;}
.designer-list .swiper-slide .img{margin:20px 0 20px 20px; width: 180px; height: 240px; border-radius: 20px; overflow: hidden; }
.designer-list .swiper-slide .right{line-height: 1.6;}
.designer-list .swiper-slide .right .info{ margin-bottom: 15px; display: inline-block;}
.designer-list .swiper-slide .right .info .tag-span{ font-size: 0; vertical-align: middle;}
.designer-list .swiper-slide .right .info .tag-span i{ line-height: 16px; }
.designer-list .index-sj .swiper-slide .case-1 .c-1{ width: 90px; height: 90px; border-radius: 50%; border:3px solid #fff; background:#fce8e9; color: #ca2b2f;; font-size: 20px;}
.designer-list .index-sj .swiper-slide .case-1 .c-1:nth-child(n+2){ margin-left: -35px;}
.designer-list .index-sj .swiper-slide .case-1 .c-2 span{position: absolute; display: block; width: 100%; height: 100%; top:0; left: 0; text-align: center; line-height: 84px; font-weight: 550; font-size: 24px;}
.designer-list .index-sj .swiper-slide .bottom{ padding: 0 15px 15px 15px;}
.designer-list .index-sj .swiper-slide .bottom .item{ border:1px solid #eee; border-radius: 20px; padding:10px 20px; width: 49%;}
.designer-list .index-sj .swiper-slide .bottom .item .c-title a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.designer-list .top-right{ position: absolute; top:20px; right: 20px;}
.designer-list .btn{ display: block; background-image: linear-gradient(45deg, rgba(202,43,47,1) 10%, rgba(246,118,121,1)); padding:5px 15px; border-radius: 15px; color: #fff;}
.designer-list .idea{ width: 100%; overflow: hidden; text-overflow: ellipsis; height: 50px; line-height: 25px; }
.designer-list .hot{ position: absolute; top:0; left: -17px; color: #fff; background: rgba(202,43,47,0.7); line-height: 25px; height: 25px; transform: rotate(-45deg); width: 60px; text-align: center;}
.index-tech{ padding:50px 0 40px;}
.index-tech .tech-tit{  padding:0}
.index-tech .tech-tit li{ width: 18%; line-height: 60px; border-radius: 20px; text-align: center; font-size: 20px; position: relative;}
.index-tech a{ color: #1d1d1f;}
.index-tech .tech-tit li.active{ background-image: linear-gradient(45deg, rgba(202,43,47,1) 10%, rgba(246,118,121,1)); color: #fff;}
.index-tech .tech-tit li.active a{color: #fff; }
.index-tech .tech-tit li.active::after{ content: "▼"; display: block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; color: #d84346; height: 13px; line-height: 13px;}
.index-tech .tech-swiper{ border-radius: 20px; overflow: hidden;}
.index-tech .tech-swiper ul{ padding:0}
.index-tech .tech-1 .tech-swiper li{ opacity: 0; visibility: hidden; width: 0; overflow: hidden;}
.index-tech .tech-1 .tech-swiper li.active{ opacity: 1; visibility: visible; width: auto;}
.index-tech .tech-1::after{position: absolute; display: block; content: "施工工艺解析"; z-index: 1; font-size: 18px; background-color: #1d1d1f; border-top-left-radius: 20px; border-bottom-left-radius: 20px; right: -20px; top:10px; color: #fff; padding:12px 30px;}
.index-ad{ border-radius: 20px; overflow: hidden;}
.index-ad:hover{ transform: scale(1.05);}
.home-loupan {
  padding: 50px 0 20px;
  background: #ffffff;
}
.home-loupan .tbody{ width: 100%; margin: 0 auto; }
.home-loupan .tbody .bg{ position: sticky; top:100px;  width: 100%;  background: url(../images/loupan-bg.jpg) no-repeat fixed center/100%; border-radius: 20px; height: calc(0.34*100vw);}
.home-loupan .tbody .list { padding: 100px 0 100px 0; margin-top: -300px;}
.home-loupan .tbody .item { width: 19%; position: relative; margin-bottom: 50px; display: inline-block;}
.home-loupan .tbody .item .big{ font-size: 25px; font-weight: 600; }
.home-loupan .tbody .cell { display: block; width: 100%; text-align: center; color: #fff; overflow: hidden;}
.home-loupan .tbody .item .info{ height: 40px; line-height: 40px; width: 50%; margin:10px auto 0 auto; background: #ca2b2f; border-radius: 20px; font-size: 14px; font-weight: 550;} 
.home-loupan .tbody .item .info p{ margin-bottom: 5px; }
.home-loupan .tbody .item h3{ width: 100%;; line-height: 30px; font-size: 20px;  border-right: 2px solid #fff}
.home-loupan .tbody .item:nth-child(5n) h3{ border:none}
.home-loupan .tbody .cell:hover{  opacity: 0.9;}
.home-loupan .tbody .cell img { width: 100%; height: 100%; object-fit: cover; margin: 0 auto;}
.home-loupan .items{padding:0; flex-wrap: wrap;}
.home-loupan .items li{ width: 23.5%; font-size: 0; display:inline-block; border-radius: 20px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.08); color: #1d1d1f; margin-bottom: 30px; }
.home-loupan .items li .top{  position: absolute; left: 0; top:0; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 15px; } 
.home-loupan .items li:hover{ transform: scale(1.05);}
.home-loupan .items li a{display: block; width: 100%; height: 100%; }
.home-loupan .items li .img{ width: 100%; height: 200px; border-top-left-radius: 20px; border-top-right-radius: 20px; display: block; margin:0 auto; overflow: hidden; }
.home-loupan .items li .img img{ width: 100%; height: 100%; object-fit:cover;}
.home-loupan .items li .text{ width: 100%; padding: 15px 20px 30px 20px; transition: all 0.5s linear;  }
.home-loupan .items li .text .tag-span span{ padding: 8px;}
.home-loupan .items li .text h3{ font-size: 20px; line-height: 1em; color: #1d1d1f; font-weight: 550;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-loupan .items li .text .info{ font-size: 16px; color: #999; }
.home-loupan .items li .text .btn{position: absolute; bottom: 20px; right: 15px; border :1px solid #ca2b2f; color: #ca2b2f; border-radius: 20px; width: 95px; font-size: 12px; padding:8px; line-height: 15px; z-index: 1; background: #fff;}


.idxSix{ position: relative; background: url(../images/index-khzy.jpg) no-repeat center/100% 100%; padding:60px 0;}
.idxSix .sixWt{  width: 66.010%; position: relative; margin: auto; min-width: 1300px;}
.idxSix-tit{  position: absolute; top: 0;  left: 0;  z-index: 3;  padding: 40px 0 0 60px;}

.idxSix-tit .tit{  font-size: 52px; margin-bottom: 10px; color: #ca2b2f; opacity: 0.8;  font-weight: bold;}
.aBut{ transition: all 0.5s ease 0s; width: 202px;height: 62px;text-align: center;line-height: 62px;font-size: 16px;color: #fff!important;text-shadow: 1px 1.732px 2px rgb( 143, 43, 47 );
background: rgba(202,43,47,0.8);    background-size: auto;background-size: 100% 100%;display: block; }
.aBut:hover {
    box-shadow: 0px 0px 25px 0px rgba(202, 43, 47, 0.8),inset 0px 0px 1px 0px rgba(79, 53, 0, 1);
    -webkit-transform: translateY(-3px);   transform: translateY(-3px);}
.idxSix-tit .txt{  font-size: 26px;  color: #ffffff;  margin-bottom: 45px;}
.sixWt-cl{  background-color: rgba(0,0,0,0);  position: relative;}
.idxSix-lt {   width: 59.773%;  float: left; position: relative;}
.idxSix-lt .play{ width: 100px; height: auto; position: absolute; top: 40%; left: 50%; margin-left:-50px; box-shadow: 0 10px 20px #666; border-radius: 50%; cursor: pointer; }
.idxSix-rt{  position: absolute;  right: 0;  top: 0;  height: 100%; background-color: #313131; border-radius: 0px 100px 0px 0px; width: 40.227%; float: left;}
.idxSix-rtBy{  position: absolute;  bottom: 0;  left: 0;  background-color: #fff;  padding-bottom: 40px;}
.idxSix-rtBy .txt{  position: relative;}
.idxSix-rtBy .txt:after{  content: ""; width: 61px; height: 49px; background: url(../images/left-yin.png) no-repeat center center; background-size: 100%; position: absolute;    bottom: 0px;
left: 0;}
.idxSix-rtBy:after{ display: none;}

.idxSix-rtHd .tit { font-size: 32px; font-size: 40px; color: #ffffff;  margin-bottom: 25px;}
.idxSix-rtHd .xinxiUl{  margin: 0 0px 65px;}
.idxSix-rtHd .xinxiUl li{ float: left; width: 33.333%;  padding: 0 0 0 20px; padding-left: 30px;  position: relative;}
.idxSix-rtHd .xinxiUl li .icon{  font-size: 0;  position: absolute;  top: 0; left: 0;}
.idxSix-rtHd .xinxiUl li span{ font-size: 14px; color: #ccc;  line-height: 18px;}
.idxSix-rtHd .xinxiDiv{ margin: 0 -60px;}
.idxSix-rtHd .xinxiDiv .zxItlbl{ font-size: 16px;  color: #ffffff;  margin-bottom: 20px;}

.idxSix-rtHd .xinxiDiv .zxItCuts{  font-size: 50px;  color: #ffffff; line-height: 46px; margin-bottom: 10px;}
.idxSix-rtHd .xinxiDiv .zxItxts{ font-size: 18px; color: #ccc; line-height: 1.6;}
.fzrDl {  margin-top: -22px;  margin-bottom: 25px;}
.fzrDl dt { width: 88px; height: 88px; border-radius: 100%; overflow: hidden; margin-right: 15px;}
.fzrDl dt img { width: 100%;}
.fzrDl dt, .fzrDl dd { display: inline-block;  vertical-align: middle;}
.fzrDl dd {margin-top: 20px;}
.fzrDl .naMes {  font-size: 22px; color: #000000;}
.fzrDl .zhiWei{  font-size: 14px; line-height: 1.6; color: #999999; }
.cl::after { content: ""; clear: both;display: block;}
.idxSix-rtBy { width: 100%; position: absolute;  bottom: 0;  left: 0;  background-color: #fff;  padding-bottom: 40px;  padding: 0px 30px 5px 50px; height: 300px; }
.idxSix-rtBy .txt{  position: relative; -webkit-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s; font-size: 15px; line-height: 26px; color: #333;}
.idxSix-rtBy .txt .div{ padding-bottom: 55px; }
.idxSix-rtBy .txt .txtOne{ visibility: visible; opacity: 1;}
.idxSix-rt.vis .txt .txtOne{  visibility: hidden; opacity: 0;}
.idxSix-rt.vis .txt .txtTwo{ visibility: visible; opacity: 1;}
.idxSix-rtBy{  width: 100%;}

.idxSix-rtHd .ul{  margin: 0 -55px;}
.idxSix-rtHd .ul li{ padding: 0 55px;  float: left;}
.idxSix-rtHd .ul li:nth-child(1){  border-right: solid 1px #464646;}
.idxSix-rtHd .zxItval{  font-size: 16px;  color: #999999; margin-bottom: 10px;}
.idxSix-rtHd .cuts{  font-size: 18px;  color: #ffffff;}
.idxSix-rtHd .big{  font-size: 40px;}

.idxSix-rtHd { background-color: #666; padding: 30px 30px 65px 30px;}
.idxSix-rtHd .xinxiUl li:nth-child(1){width: 40%;}
.idxSix-rtHd .xinxiUl li:nth-child(2){  width: 40%;}
.idxSix-rtHd .xinxiUl li:nth-child(3){  width: 20%;}
.idxSix-rtHd .xinxiUl{ margin-bottom: 20px; padding: 0;}

.idxSix-rtHd .xinxiLi{  float: left;  max-width: 50%;  position: relative;  padding: 0 60px;}
.idxSix-rtHd .xinxiLi:nth-child(1):after{  content: "";  width: 1px;  height: 138px; background-color: rgba(255,255,255,.1); position: absolute;  right: 0;  top: 50%; -webkit-transform: translateY(-50%);
  transform: translateY(-50%);}
.idxSix-rtHdBox{  position: relative;}
.idxSix-rtHdBox .ul{ position: absolute; top: 0; left: 0; width: 100%; visibility: hidden;  opacity: 0;}
.idxSix-rtHdBox .ul {   margin-top: 20px; }

.idxSix-rt .idxSix-rtHdDiv{-webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.idxSix-rt.vis .ul{ visibility: visible;  opacity: 1;  -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.idxSix-rt.vis .idxSix-rtHdDiv{ visibility: hidden;  opacity: 0;}
.idxSix .swiper-button-prev{ left: 10%; }
.idxSix .swiper-button-next{ right: 10%; }
.idxSix .swiper-button-next,.idxSix .swiper-button-prev{  width: 50px; height: 50px; border-radius: 50%;  text-align: center; line-height: 50px; background: rgba(0,0,0,0.6);}
.idxSix .swiper-button-next:after,.idxSix .swiper-button-prev:after{ color: #fff; font-size: 24px;}

.imgDiv img{ display: block;  width: 100%;}


.idx7SwpBut{ text-align: center; position: absolute;right: 11.25%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.idx7Swp-pages{  margin: 35px 0;}

.idx7Swp-pages .swiper-pagination-bullet{ opacity: 1; border-color: #fff; margin: 10px 0; width: 15px; height: 15px; border: solid 1px #6b6b6b; border-radius: 100%; background: none !important; display: block; margin: 5px auto;}
.idx7Swp-pages .swiper-pagination-bullet-active{ border: solid 2px #cbaa68;}
.idx7Swp-next, .idx7Swp-prev{ cursor: pointer; }

.video-pop{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 10; display: none;}
.video-pop video{ width: 800px; height: 450px; top: 20%; left: 50%; margin-left:-400px; position: absolute;}
.video-pop .close{ width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top:10%; z-index: 100; cursor: pointer;}

.index-form{ box-shadow: 0 10px 20px rgba(0,0,0, 0.1); top: -100px; visibility: hidden; height: 0; color: #000000; opacity: 0.7; z-index: 600; overflow: hidden;  transition: all 0.6s; transform: scale(1.1); }
.index-form.in{transform: scale(1); opacity: 1; top:0;  height: 95px;  margin-top: 10px; display: block; visibility: visible;}
.index-form .left{ margin:20px; font-size: 15px; line-height: 1.4;}
.index-form .left b{ color: #bd0000; font-size: 16px;}
.index-form .left img{ margin-right: 10px;}
.index-form .item{ border-left: 1px solid #dded; padding:20px 25px; width: 236px;}
.index-form .item img{ margin-right: 10px; vertical-align:middle;}
.index-form .item input{ vertical-align: middle; line-height: 25px; border:0; }
.index-form .item.long{ width: 260px;}
.index-form .item.mobile{ width: 15%;}
.index-form .item.short{ padding-bottom: 0; width: 16%}
.index-form .item .show-code{ position: absolute; right: 10px; top:27px; font-size: 12px; color: #666; cursor: pointer; border-left:  1px solid #999; padding-left: 5px;}
.index-form .submit-btn{ height: 95px; background: #bd0000; color: #fff; font-size: 20px; text-align: center; display: block; line-height: 95px; font-weight: 600; width: 130px; border-top-left-radius: 30px; }
.index-form .agreement{ font-size: 10px; color: #666; margin: 5px 0 0 0;}
.index-form .agreement label{ display: inline-block; width: 85%; vertical-align: top; line-height: 1.4;}
.index-form .agreement #agreement{ margin-top: 3px;}
.index-six{ margin: 50px auto;}
.index-six .left{ background:url(../images/i-s-left.jpg) no-repeat bottom center; color: #fff; font-size: 26px;  padding:30px 30px; line-height: 1.4; width: 24%; height: 470px;}
.index-six .left b{ text-transform: uppercase; font-size: 32px; }
.index-six .left h3{ font-size: 46px;}
.index-six .right{ font-size: 0; width: 76%;}
.index-six .right .item{ font-size: 16px; color: #999; float: left; width: 31.3%; margin-left: 2%; position: relative;}
.index-six .right .item:hover{ box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.index-six .right .item .txt{ width: 75%; line-height: 1.3; position: absolute; top:20px; left: 20px; color: #666;}
.index-six .right .item h4{ color: #333; font-size: 20px;}
.index-six .right .item img{ width: 100%; height: 100%;}

.index-s2{ padding:0 0 30px 0;}
.index-s2 li{ width: 400px; }
.index-s2 li a{ display: block; overflow: hidden; font-size: 0; position: relative;}
.index-s2 li a:hover{ box-shadow: 10px 10px 20px rgba(0,0,0,0.2); transform: scale(1.01);}
.index-s2 li a .txt{ position: absolute; margin-bottom: -150px; bottom:0; left: 0; width: 100%; height: 160px; padding-top: 70px; background-image: linear-gradient(to top, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0)); }
.index-s2 li a:hover .txt{  margin-bottom: 0px; }
.index-s2 li a .btn{  width: 80px; height: 50px; border-radius: 25px; border: 2px solid #fff; display: block; margin: 0 auto 0 30px;}
.index-s2 li a .btn img{ display: block; margin:0 auto;}

.index-s2 li:last-child{ width: 435px;}