/* item2 富马克全案工装四大优势 */
.index-title{margin:0;padding:30px 0 20px 0;text-align:center;}
.index-title b{font-size:26px;font-style:italic;line-height:44px;position:relative;display:inline-block;height:44px;padding:0 40px;}
.index-title b:before,
.index-title b:after{position:absolute;top:0;width:0;height:0;content:"";border-width:0;border-style:solid;border-color:transparent;}
.index-title b:before{left:-15px;border-top-width:44px;border-right-width:16px;}
.index-title b:after{right:-15px;border-bottom-width:44px;border-left-width:16px;}
.index-title.dark b{color:#ffe21d;background:#232323;-webkit-box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);-moz-box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);}
.index-title.dark b:before{border-right-color:#232323;}
.index-title.dark b:after{border-left-color:#232323;}
.index-title.yellow b{color:#232323;background:#ffe21d;-webkit-box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);-moz-box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);box-shadow:-4px 4px 10px 0 rgba(255,187,55,.4);}
.index-title.yellow b:before{border-right-color:#ffe21d;}
.index-title.yellow b:after{border-left-color:#ffe21d;}
.index-btn{font-size:20px;font-weight:800;font-style:italic;line-height:50px;display:block;width:260px;height:50px;margin:25px auto;-webkit-transition:all cubic-bezier(.22,.61,.57,.95) .3s;-o-transition:all cubic-bezier(.22,.61,.57,.95) .3s;transition:all cubic-bezier(.22,.61,.57,.95) .3s;text-align:center;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:-webkit-linear-gradient(0deg,#fddc1d 0%,#ffbb37 50%,#ffbb37 50%,#f34b38 100%);background-image:-moz-linear-gradient(0deg,#fddc1d 0%,#ffbb37 50%,#ffbb37 50%,#f34b38 100%);background-image:-ms-linear-gradient(0deg,#fddc1d 0%,#ffbb37 50%,#ffbb37 50%,#f34b38 100%);-webkit-background-size:200% 100%;background-size:200% 100%;-webkit-box-shadow:-3.536px 3.536px 10px 0 rgba(253,220,29,.4);-moz-box-shadow:-3.536px 3.536px 10px 0 rgba(253,220,29,.4);box-shadow:-3.536px 3.536px 10px 0 rgba(253,220,29,.4);text-shadow:0 0 1px rgba(201,90,46,.7);}
.index-btn:hover{background-position:100% 0;}

.index-item2{padding-bottom:40px;background:#232323;}
.index-item2 .w1190{position:relative;}
.item2-tab{width:300px;}
.item2-tab li{position:relative;width:280px;height:50px;margin-top:10px;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#4f4f4f;}
.item2-tab li:hover{background:#f34b38;}
.item2-tab .active{width:auto;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.item2-tab li:first-child{margin-top:0;}
.item2-tab li:first-child.active{background-image:-moz-linear-gradient(#fee01d 0%,#fad41e 100%);background-image:-webkit-linear-gradient(#fee01d 0%,#fad41e 100%);background-image:-ms-linear-gradient(#fee01d 0%,#fad41e 100%);}
.item2-tab li:first-child + li.active{background-image:-moz-linear-gradient(#f9d11e 0%,#f6c51f 100%);background-image:-webkit-linear-gradient(#f9d11e 0%,#f6c51f 100%);background-image:-ms-linear-gradient(#f9d11e 0%,#f6c51f 100%);}
.item2-tab li:first-child + li + li.active{background-image:-moz-linear-gradient(#f5c21e 0%,#f2b61f 100%);background-image:-webkit-linear-gradient(#f5c21e 0%,#f2b61f 100%);background-image:-ms-linear-gradient(#f5c21e 0%,#f2b61f 100%);}
.item2-tab li:first-child + li + li + li.active{background-image:-moz-linear-gradient(#f0b31f 0%,#eda720 100%);background-image:-webkit-linear-gradient(#f0b31f 0%,#eda720 100%);background-image:-ms-linear-gradient(#f0b31f 0%,#eda720 100%);}
.item2-tab span{position:absolute;top:6px;left:121px;width:38px;height:38px;background:url(images/icon.png) 0 0 no-repeat;}
.item2-tab span:before,
.item2-tab span:after{position:absolute;top:50%;display:none;width:10px;height:10px;margin-top:-5px;content:"";background:url(images/icon.png) -90px -160px no-repeat;}
.item2-tab span:before{left:-16px;}
.item2-tab span:after{right:-16px;}
.item2-tab .active span:before,
.item2-tab .active span:after{display:block;}
.item2-tab li:first-child span{background-position:0 -320px;}
.item2-tab li:first-child:hover span{background-position:-38px -320px;}
.item2-tab li:first-child.active span{background-position:-76px -320px;}
.item2-tab li:first-child + li span{background-position:0 -358px;}
.item2-tab li:first-child + li:hover span{background-position:-38px -358px;}
.item2-tab li:first-child + li.active span{background-position:-76px -358px;}
.item2-tab li:first-child + li + li span{background-position:0 -396px;}
.item2-tab li:first-child + li + li:hover span{background-position:-38px -396px;}
.item2-tab li:first-child + li + li.active span{background-position:-76px -396px;}
.item2-tab li:first-child + li + li + li span{background-position:0 -434px;}
.item2-tab li:first-child + li + li + li:hover span{background-position:-38px -434px;}
.item2-tab li:first-child + li + li + li.active span{background-position:-76px -434px;}
.item2-con{position:absolute;top:0;right:0;bottom:0;left:290px;padding:12px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-image:-moz-linear-gradient(#fee01d 0%,#eda720 100%);background-image:-webkit-linear-gradient(#fee01d 0%,#eda720 100%);background-image:-ms-linear-gradient(#fee01d 0%,#eda720 100%);}
.item2-swiper{width:575px;height:100%;margin-left:40px;}
.item2-swiper p{font-size:16px;font-weight:bold;color:#232323;}
.item2-swiper-slide-1 p{margin-top:38px;}
.item2-swiper-slide-2 p{margin-top:12px;}
.item2-swiper-slide-3 p{margin-top:24px;}
.item2-swiper-slide-4 p{margin-top:24px;}
.item2-con form{position:relative;float:right;width:285px;height:100%;}
.item2-con form:before{position:absolute;right:100%;width:0;height:100%;content:"";border-right:1px solid #ffe85a;border-left:1px solid #d69e1c;}
.item2-con-captain{position:relative;z-index:0;width:185px;margin:auto;background:#232323;}
.item2-con-captain:before,
.item2-con-captain:after{position:absolute;top:0;width:0;height:0;content:"";border:21px solid transparent;}
.item2-con-captain:before{right:100%;border-right-color:#232323;border-left:0;}
.item2-con-captain:after{left:100%;border-right:none;border-left-color:#232323;}
.item2-con-captain b{font-size:20px;line-height:42px;position:relative;z-index:2;display:block;text-align:center;color:#fede1d;}
.item2-con-captain b:before,
.item2-con-captain b:after{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;content:"";background:url(images/icon.png) -90px -160px no-repeat;}
.item2-con-captain b:before{right:100%;}
.item2-con-captain b:after{left:100%;}
.item2-con input[type="text"]{display:block;width:200px;height:36px;margin:auto;margin-top:10px;padding:0;text-indent:10px;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;outline:0!important;background:#fff;-webkit-box-shadow:inset -1.414px 1.414px 0 0 #eeb120;-moz-box-shadow:inset -1.414px 1.414px 0 0 #eeb120;box-shadow:inset -1.414px 1.414px 0 0 #eeb120;}
.item2-con .submit{font-size:20px;font-weight:bold;display:block;width:204px;height:40px;margin:10px auto;padding:0;cursor:pointer;color:#fddc1d;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:-moz-linear-gradient(#f34b38 0%,#d8220e 100%);background-image:-webkit-linear-gradient(#f34b38 0%,#d8220e 100%);background-image:-ms-linear-gradient(#f34b38 0%,#d8220e 100%);}
.item2-con .submit:hover{color:#d68609;background-image:-moz-linear-gradient(#c22514 0%,#a11809  100%);background-image:-webkit-linear-gradient(#c22514 0%,#a11809  100%);background-image:-ms-linear-gradient(#c22514 0%,#a11809  100%);}
.item2-con form p{font-size:12px;text-align:center;color:#232323;}

/* item2 富马克全案工装四大优势 */

/* 富马克PK传统工装 */
.index-item3 ul{width:1070px;margin:30px auto;}
.index-item3 li{font-size:18px;font-weight:800;font-style:italic;line-height:50px;width:550px;text-align:center;}
.index-item3 li{position:relative;color:#232323;background:#fddc1d;}
.index-item3 li + li{margin:-30px 0 0 515px;color:#fddc1d;background:#232323;}
.index-item3 li + li:before{position:absolute;bottom:9px;left:-10px;width:87px;height:48px;content:"";background:url(images/icon.png) 0 -472px no-repeat;}
.item3-list2 li + li:before{background-position:0 -520px;}
.item3-list3 li + li:before{background-position:0 -568px;}
.item3-list4 li + li:before{background-position:0 -616px;}
.item3-list5 li + li:before{background-position:0 -664px;}
ul.index-item3-contrast{position:relative;z-index:1;margin-bottom:-30px;}
ul.index-item3-contrast li{font-style:normal;color:#232323;background:none;}
.index-item3-contrast li:first-child{text-indent:100px;}
.index-item3-contrast li:first-child:before{position:absolute;top:-6px;left:180px;width:112px;height:85px;content:"";background:url(images/item3_1.png) 0 0 no-repeat;}
.index-item3-contrast li + li:before{position:absolute;bottom:-33px;left:330px;width:59px;height:91px;content:"";background:url(images/item3_2.png) 0 0 no-repeat;}

/* / 富马克PK传统工装 */
.lb-box {
  width: 100%;
  height: 600px;
  margin: 15px auto;
  position: relative;
  overflow: hidden;
}
@media (max-width:568px) {
  .lb-box {
    width: 76%;
    height: 220px;
  }
}

.lb-content {
  width: 100%;  
  height: 100%;
}

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}

.lb-item > a > img {
  width: 1920px;
  height: 100%;
}

.lb-item > a > span {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  padding: 15px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}
@media (max-width:568px) {
  .lb-item > a > span {
    padding: 10px;
  }
}

.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: #ffffff;
}

.lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #ffffff;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-sign li:hover {
  color: #ffffff;
}
.lb-sign li.active {
  color: #ffffff;
  background-color: #ffffff;
}

.lb-ctrl {
  position: absolute;
  top: 72%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 900;
  user-select: none;

  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
}
@media (max-width:568px) {
  .lb-ctrl {
    font-size: 30px;
  }
}
.lb-ctrl.left {
  left: 43%;
}
.lb-ctrl.right {
  right: 49%;
}
.lb-box:hover .lb-ctrl.left {
  left: 43%;
}
.lb-box:hover .lb-ctrl.right {
  right: 49%;
}
.lb-ctrl:hover {
  background-color: #000;
}