.head .navbox .navList a:nth-child(6) {color:#fff!important;}
.head .navbox .navList a:nth-child(6)::before,.head .navbox .navList a:nth-child(6)::after {transform:scale(1);}
.parnter{padding: 30px 0 30px 0;overflow: hidden;}
.swiper-container-producted{position: relative;}
.producted li{  position:relative;  }
.producted li a{ display:block; background:#fff;}
.producted li figure{ display:block; overflow:hidden; line-height:normal;}
.producted li figure img{ display:block; width:100%; height:auto; transition:980ms; /*-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;*/ border:1px solid #ddd; }
.producted li mark{ display:block; width:100%;background:#fff;box-sizing:border-box; padding:10px 22px 10px 18px;}
.producted li mark h3{ color:#333; font-size:16px;text-align: center;}
.producted li mark p{ color:#999; font-size:12px;}
.producted li mark span{  color:#ec6700; display:inline-block; transition:440ms linear;}
.producted li mark span:hover{ right:12px;}

.producted li figure img:hover{border:1px solid #0a7bc9;}

.in-one-brand {float: left;width: 30.333%;background-color: #fff; transition: all .3s ease-in;-moz-transition: all .3s ease-in;-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;margin:0 1.5% 1.5% ;display:block;overflow:hidden}
.in-one-brand .pic-box{position: relative; width: 100%;margin: auto;}
.in-one-brand .pic-box div {width:100%;}
.in-one-brand .pic-box img {max-width: 100%;}
.in-one-brand .pic-box .smlpic img {max-width: 100%;}

.in-brand-tit {font-size: 18px;padding:15px 0;color: #333333;text-align: center; width: 100%; overflow: hidden;}
.in-brand-con {display: block; padding: 0 0px 15px; color: #808080; font-size: 12px;}
.in-brand-btn {padding-right: 10px; line-height: 26px;text-align: right; color: #808080;}
.wrap-brand{padding:0 20px;}

.pic-box div ,.pic-box2 div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img ,.pic-box2 img{vertical-align: middle;}
.brand-search{/*background: rgba(0,0,0,.4); */position: absolute; left: 0; right: 0;top: 0;bottom: 0;}
.brand-search img{ margin-top: 200px;display: none;}

.in-one-brand:hover .brand-search{ background: rgba(0,0,0,0);transition: all .5s ease-in-out;}
.in-one-brand:hover .brand-search img{display: inline-block;}
.in-one-brand:hover{box-shadow: 2px 2px 5px 2px #ccc; transform: scale(1.01) translateY(-5px);-webkit-transform: scale(1.01) translateY(-5px);-moz-transform: scale(1.01) translateY(-5px);-ms-transform: scale(1.01) translateY(-5px);-o-transform: scale(1.01) translateY(-5px);background:#0a7bc9}
.in-one-brand:hover .in-brand-tit,.in-one-brand:hover .in-brand-con,.in-one-brand:hover .wrap-brand{color:#fff;}

.list li {float:left;width:30.333%;margin:0 1.5% 1.5% ;position:relative;}
.list li p {line-height:50px;text-align:center;color:#222222;}
.list li img {width:100%;}
.list li:after {content:'';display:block;width:0;height:2px;background:#0057aa;position:absolute;left:0;bottom:0;transition:all .4s ease 0s;}
.list li:hover:after {width:100%;}
@media screen and (min-width:767px) and (max-width:1200px) {
.list li {width:40%;margin:0 5% !important;margin-bottom:20px;}

}
@media screen and (min-width:320px) and (max-width:767px) {
.in-one-brand{width:47%}
.in-brand-con{font-size:12px;}
.parnter{padding: 20px 0;}
.producted li mark h3{font-size: 14px;}
.list li {width:46%;margin:0 2% !important;margin-bottom:20px;}

}