.preparation {
  box-sizing: border-box;
  background-color: #F5F5F5;
}
.preparation .wrap {
  height: 60px;
  box-sizing: border-box;
  padding-left: 33px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #fff;
}
.preparation .wrap .title {
  font-size: 16px;
  color: #026ecc;
  margin-right: 20px;
}
.preparation .wrap .item {
  line-height: 1;
  font-size: 16px;
  margin-right: 33px;
  color: #666666;
}
.preparation .wrap .item:hover {
  color: red;
}
.preparation .wrap .active {
  width: 60px;
  height: 26px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #026ecc;
}
.top {
  box-sizing: border-box;
  height: 60px;
}
.top .inner {
  overflow: hidden;
  height: 100%;
  color: #026ecc;
}
.top .inner .search i {
  line-height: 1;
  color: #026ecc;
  margin-right: 20px;
}
.top .inner .search span {
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
}
.top .inner .search input {
  outline: 0;
  width: 200px;
  height: 30px;
  margin-right: 20px;
  border: solid 1px #015198;
}
.top .inner .search .search-btn {    float: right;
  width: 60px;
  height: 30px;
  color: #ffffff;
  background-color: #026ecc;
  margin-right: 40px;
}
.top .inner .hot-search {
  color: #222222;
  font-size: 16px;
}
.top .inner .hot-search .title {
  margin-right: 20px;
  font-size: 18px;
  color: #ff2c21;
  font-weight: bold;
}
.show-desc {
  background-color: #fff;
  width: 100%;
  padding-top: 30px;
  padding-bottom:60px;
}
.show-descbg1{ /*background:#fff url(../imgs/bg01.jpg) no-repeat center bottom;*/}
.show-descbg2{ /*background:#fcfcfc url(../imgs/bg02.jpg) no-repeat center bottom ;*/}
.show-descbg3{ /*background:#fcfcfc url(../imgs/bg03.jpg) no-repeat center bottom;*/}
.show-desc .title {
  font-size: 38px;
  padding-top:20px; padding-bottom:8px;
}
.show-desc .desc {
  font-size: 20px;
  margin-bottom:30px;
  text-align: center;
}
.show-desc .tabbar {
  width: 36vw;
  height: 40px;
  border: solid 1px #cccccc;
  border-radius: 8px;
  margin: auto;
  margin-bottom: 40px;
  position: relative;
}
.show-desc .tabbar .item {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.show-desc .tabbar2 .item{
  width: 33.33%;
}
.show-desc .tabbar .scroll{
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  width: 20%;
  background-color: #026ecc;
  color: #ffffff;
  border-radius: 8px;
  z-index: 1;
  transition: all .3s;
}
.show-desc .tabbar2 .scroll{
  width: 33.333%;
}
.show-desc .tabbar .active {
  /* background-color: #026ecc; */
  color: #ffffff;
  /* border-radius: 20px; */
}
.show-desc .goods-wrap .left-img {
  width: 294px;
  height: 488px;
}
.show-desc .goods-wrap .item {
  width: 294px;
  height: 240px;
  margin-bottom: 8px;
  margin-left: 6px;
  padding: 24px 0;
  box-sizing: border-box;
  border: solid 1px #cccccc;
}
.show-desc .goods-wrap .item img {
  width: 125px;
  height: 153px;
  margin-bottom: 20px;
}
.show-desc .goods-wrap .item .imp {
  font-weight: bold;
}
.show-desc .advantage {
  height: 320px;
  /* padding-left: 10px; */
}
.show-desc .advantage .top {
  margin-top: 40px;
}
.show-desc .advantage .top img {
  width: 100px;
  flex-shrink: 0;
}
.show-desc .advantage .top .r-w {
  color: #026ecc;
  margin-left: 10px;
}
.show-desc .advantage .top .r-w .word {
  font-size:34px;
  font-weight: bold;
}
.show-desc .advantage .top .r-w .eng {
  font-size: 16px;
}
.show-desc .advantage p {
  margin-top: 20px;
  font-size: 18px;
  color: #222222;
  line-height:30px;
}
.show-desc .cc > div {
  margin-bottom: 20px;
}
.show-desc .cus-card img {
  width: 100%;
  height: 239px;
}
.show-desc .cus-card .c-content {
  padding: 28px 40px;
  background-color: #fff;
}
.show-desc .cus-card .c-content .time {
  color: #999999;
  font-size: 16px;
}
.show-desc .cus-card .c-content .title {
  color: #222222;
  font-size: 18px;
  margin-bottom: 28px;
}
.show-desc .cus-card .c-content p {
  font-size: 16px;color: #666;margin-bottom: 32px;line-height: 26px;}
.show-desc .cus-card .c-content .btn {
  width: 100%;
  height: 40px;
  color: #666666;
  font-size: 16px;
  background-color: #e6e6e6;
}

/* .show-desc .cus-card{padding-left:0; padding-right:0; margin-left:22px; } */
/* .show-desc .cus-card:first-child { margin-left:0px;} */
/* .show-desc .cus-card:hover{ border:1px solid #ff2c21; }*/
.show-desc .cus-card:hover .c-content .btn{ transition: all .3s;
  color: #fff;
  background-color: #ff2c21;}
.show-desc .new-card img {
  width: 100%;
  height: 260px;
}
.show-desc .new-card .news .n-item:first-child {
  border-bottom: 1px solid #ccc;
}
.show-desc .new-card .news .n-item {
  padding: 24px 0 14px 0;
}
.show-desc .new-card .news .t {
  width: 60%;
  font-size: 18px;
}
.show-desc .new-card .news .t:hover {
  color: red;
}
.show-desc .new-card .news .time {
  font-size: 16px;
  color: #999;
}
.show-desc .new-card .news p {
  width: 95%;
  font-size: 16px;
  color: #666;
  margin-top: 14px;
}
.banner-1 {
  height: auto;
  width: 100%;
}
.company {
  height: 460px;
  color: #fff;
  box-sizing: border-box;
  background: url(../imgs/首页图5.jpg) no-repeat center;padding:60px 0;
}
.company .title {
  font-size: 38px;
}

.company .desc {
  font-size: 24px;
}
.company p {
  text-align: left;
  font-size: 20px;
  line-height: 42px;
  width: 100%;
}
.company .btn {
  width: 160px;
  height: 40px;
  background-color: #ff2c21;
  border-radius: 20px;
  opacity: 0.9;
  color: #fff;
  margin: 40px 0 0 0;
}
.logos {
  padding: 35px 0;
}
.logos .logo-item .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-color: #026ecc;
}
.logos .logo-item .icon img {
  width: 38px;
  height: auto;
}
.logos .logo-item .icon:hover{
  background-color: #ff2c21;
  transition: all .3s;
  color: red;
}
.logos .logo-item p {
  font-size: 16px;
  color: #222222;
}
.logos .logo-item p:hover{
  color: red;
}


@media screen and (max-width: 768px) {
  .navbar .logo{width: 188px;margin-left: 20px;}
  .navbar-nav > li > a {line-height: 1.2;font-size: 16px;}
  .tabbar {width: 98% !important;}
  .tabbar .item {font-size: 12px !important;}
  .show-desc {padding-bottom:0px;    padding-top: 20px;}
  .show-desc .title {font-size: 20px;padding: 0px 0px 4px 0;}
  .show-desc .desc {font-size:16px;width: 96%;margin: 0 auto 20px auto;}
  .show-desc .advantage p{font-size: 15px;line-height:25px;margin-top: 0;}
  .show-desc .cus-card .c-content .title{font-size: 16px;margin-bottom:0px;}
  .show-desc .goods-wrap .item {
  /* width: 100%; */width:50%;text-align: center;margin-left: 0;border: none;}
 .show-desc .goods-wrap .item .imp{font-size: 14px;}
 .show-desc .advantage {height: auto;}
 .show-desc .advantage .top img {width: 60px;/* height: 50px; */}
 .show-desc .advantage .top .r-w .word {font-size: 24px;}
 .show-desc .advantage .top .r-w .eng {font-size: 12px;}
 .show-desc .cus-card img {width: 100%;height: auto;}
 .show-desc .cus-card {margin-bottom: 20px;}
 .adv-img img {width: 100%;/* margin-top: 20px; */}
 .company {background-size: cover;padding:15px 5px;height: auto;}
 .company .title {font-size: 24px;}
 .company .desc {font-size: 18px;}
 .show-desc .advantage .top{margin-top: 0;}
 .show-desc .cus-card .c-content p{margin-bottom: 14px;    font-size: 14px;}
 .show-desc .cus-card .c-content{padding: 15px 12px;}
 .show-desc .new-card img{    width: 100%;height: auto;}
 .company .btn{margin-top: 10px;width: 110px;}
 .company p{margin: 9px auto 0 auto;text-align: left;font-size: 16px;line-height: 27px;padding: 0 8px;width: 92%;}
 .logos{padding: 15px 0;}
}





.show-wrap .container {
  line-height: 1;
}
.show-wrap .container .item {
  margin-top: 45px;
  font-size: 64px;
  line-height: 1;
  border-right: 1px solid #fff ;
}
.show-wrap .container .item span {
  font-size: 18px;
}
.show-wrap .container .item .desc {
  font-size: 24px;
  margin-top: 8px;
}
.show-wrap .container .item:last-child {
  border-right: 0;
}
.swiper-container {
  width: 100%;
  height: 250px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container-1 {
  width: 100%;
  height: 100%;
}

.swiper-slide-1 img{
  width: 100%;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
}
/***.swiper-slide-active img{transform: scale(.9);transition: all 8s;}***/
@media screen and (max-width: 768px) {
  .hot-sale .xx {
      width: 90%;margin: 0 auto 12px auto;
}