/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #72706e;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #72706e;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.img-alt {opacity: 0;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
.bodyload::before {content: '';width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);z-index: 9999;}
.div-container {position: relative;width: 74%;margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}
 



/* header */
.header {position:absolute;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:100%;height: 8.8rem;margin: auto;position: relative;z-index: 8;text-align: center;font-size: 0;}
.header-logo {width: 16rem;position: absolute;left: 3%;top: 50%;transform: translateY(-50%);}
.header-logo a {display: block;margin: auto;width: 100%;}
.header-logo img{display: block;max-width: 100%;}
.header-right {color: #fff;text-align: right;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);z-index: 3;}
.header-language {display: inline-block;vertical-align: middle;overflow: hidden;}
.header-language a {color: #fff;}
.header-search {display: inline-block;vertical-align: middle;margin-right: 3rem;}
.header-search span {color: #fff;margin-left: 1rem;}
.header-search i:before {color: #fff;opacity: 1;display: inline-block;transform: translateY(2px);}
.header-nav {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 111;width: 80%;text-align: center;}
.header-nav li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 0 2.5rem;}
.header-nav li a{display: block;color: #fff;}
 
.header.hover,.header.scroll-down,.header.scroll-top,.header.cur {border-bottom: 1px solid #ccc;background: rgba(255,255,255,0.9);}
.header.hover .header-nav li a,.header.cur .header-nav li a,
.header.hover .header-language a,.header.cur .header-language a,
.header.hover .header-language,.header.cur .header-language,
.header.hover .header-search i:before,.header.cur .header-search i:before,
.header.hover .header-search span,.header.cur .header-search span {color: #000;}
 
 


.header-nav-show {transition:all .4s ease;position: fixed;width: 40%;height: 100%;background: rgba(0,0,0,.7);z-index: 400;left: 0;top: 0;transform: translateX(-100%);}
.header-nav-mark {transition:all .4s ease;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 300;left: 0;top: 0;display: none;}
.no-touch .header-nav-show {transform: translateX(0);}
.no-touch .header-nav-mark {display: block;}
.header-nav-show-content {padding: 3% 6%;overflow: hidden;margin-top: 1rem;}
.header-nav-show-content li {list-style: none;margin: 0;padding: 0;}
.header-nav-show-content a {font-weight: bold;}
.header-nav-show-content a:hover {color: #fff;opacity: 1;}
.header-nav-top {padding: 15% 0;overflow: hidden;}
.header-nav-top li{padding: 1% 0;overflow: hidden;}
.header-nav-top li a{color: #fff;position: relative;display: inline-block;}
.header-nav-top li a:hover {opacity: .5;}
.header-nav-center {border-top: 2px solid rgba(255,255,255,.1);padding: 5% 0;overflow: hidden;}
.header-nav-center li{padding: 1% 0;overflow: hidden;}
.header-nav-center a{color: #fff;opacity: .5;} 
.header-nav-bottom {position: absolute;left: 5%;bottom: 2%;width: 90%;z-index: 11;}
.header-nav-social {position: relative;}
.header-nav-social li{position: relative;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.header-nav-social li a {display: block;position: relative;width: 2rem;height: 2rem;}
.header-nav-social li i:before {font-size: 1.8rem;}
.header-nav-social li a:hover i:before {color: #fff;opacity: 1;}







/* menu */
.menu-toggle {overflow: hidden;display: none;margin-left: 3rem;}
.menu-toggle a {display: inline-block;vertical-align: middle;overflow: hidden;}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #fff;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:2rem;height:1px;background:#fff;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-1rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:2rem;height:1px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-2rem;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #fff;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;}
.header.hover .menu-toggle span.hamburger,.header.hover .menu-toggle span.hamburger:after,.header.hover .menu-toggle span.hamburger::before,
.header.cur .menu-toggle span.hamburger,.header.cur .menu-toggle span.hamburger:after,.header.cur .menu-toggle span.hamburger::before {background: #000;}




/* footer */
.footer {position: relative;clear: both; overflow: hidden;background: #161616;}
.footer a {color: #9c9c9c;}
.footer a:hover {color: #fff;}
.footer-content {width: 90%;margin: auto;position: relative;} 
.footer .subscribe-1 {background: #2d2d2d;text-align: center;}
.footer .subscribe-1 a {display: block;padding: 2rem 0;}
.footer .subscribe-1 span {color: #fff;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.footer .subscribe-1 i {display: inline-block;vertical-align: middle;width: .8rem;height: 1.5rem;background: url('../images/r1.png') center no-repeat;background-size: 100%;}
.footer-content-top {padding: 1% 0;width: 96%;margin: auto;}
.footer-logo {width: 14rem;float: left;}
.footer-nav {float: left;width: 20%;margin-left: 30%;}
.footer-nav a {display: block;font-weight: 500;margin-bottom: .8rem;}
.footer-right {float: right;width: 33%;}
.footer-link {border-bottom: 1px solid #4c4c4c;padding-bottom: 2rem;}
.footer-link a {display: block;}
.footer-contact {border-bottom: 1px solid #4c4c4c;padding: 2rem 0;position: relative;}
.footer-contact a {display: block;}
.footer-contact li {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50%;text-align: left;list-style: none;margin: 0;padding: 0;}
.footer-contact li a {display: inline-block;vertical-align: middle;margin-right: 4px;width: 2.2rem;height: 2.2rem;position: relative;}
.footer-contact li a.xiaohsu {width: 5.5rem;}
.footer-contact li a:hover i::before {color: #fff;}
.footer-contact li i::before {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 1.6rem;}
.footer-address {padding: 2rem 0;overflow: hidden;}
.footer-address p {margin: 0;padding: 0;}
.footer-content-bottom {border-top: 1px solid #4c4c4c;padding: 2rem 0;overflow: hidden;}
.footer-copy {padding: 0 2%;color: #9c9c9c;}	 
 







/* index */ 
.index-swiper {width: 100%;height: 100%;}
 
.index-banner-item {position: relative;transform: translateY(0);transition:all .4s ease-in;transition-delay: .1s;z-index: 1;background: #000;}
.index-banner-item .video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.index-banner-item .video::before {content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 10;background: url('../images/b.png') center no-repeat;background-size: 100% 100%;position: absolute;}
.index-banner-item .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-banner-text {position: absolute;left: 50%;bottom:5%;transform: translateX(-50%);z-index: 100;width: 50%;text-align: center;color: #fff;} 
.index-banner-text a {color: #fff;}
.index-banner-text .logo-1 {overflow: hidden;} 
.index-banner-text .logo-1 .img-center {filter: blur(1);}
.index-banner-text .text-1 {overflow: hidden;margin-top: .5%;letter-spacing: 2px;} 
.index-banner-text .linkurl-1 {overflow: hidden;margin-top: 3%;} 
.link-1 {display: inline-block;width: 14rem;line-height: 3rem;border: 2px solid rgba(255,255,255,.1);}
.link-1 span{display: inline-block;vertical-align: middle;color: #fff;}
.link-1 i{display: inline-block;vertical-align: middle;margin-left: 1rem;width: .6rem;height: 1rem;background: url('../images/r.png') center no-repeat;background-size: 100% ;}
.link-1:hover {background: #de0000;}
.link-1:hover i {filter: invert(1) grayscale(1) brightness(5);}
 
.index-product-content {width: 100%;height: 100%;position: relative;overflow: hidden;text-align: center;font-size: 0;}
.index-product-list {position: absolute;width: 90%;height: 94%;left: 5%;top: 50%;z-index: 11;transform: translateY(-50%);}
.index-product-item {width: 49%;height: 100%;display: inline-block;vertical-align: middle;position: relative;margin:0 .1rem;background: #555;}
.index-product-item::before {content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;background: #000;transition:all .8s ease;}
.index-product-item .text{position: absolute;left: 8%;top:7%;z-index: 100;width: 60%;text-align: left;color: #fff;}
.index-product-item .logo-1{overflow: hidden;display: inline-block;}
.index-product-item .logo-1 .img-center {filter: blur(1);}
.index-product-item .text-1{overflow: hidden;margin-top: .8rem;letter-spacing: 2px;}
.index-product-item .linkurl-1{overflow: hidden;margin-top: 2rem;}
.index-product-item .link-1 {display: block;margin-bottom: 1%;width: 100%;text-align: center;box-sizing: border-box;border: 1px solid #fff;}
.index-product-item .link-1:hover {border: 1px solid #de0000;}
.index-product-item .img {opacity: 0;transition:all .8s ease;}
.index-product-item .img,.index-product-item .pic,.index-product-item .pic img{width: 100%;height: 100%;} 
.index-product-item .video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;transition:all .8s ease;opacity: 0;}
.index-product-item .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-product-item:hover .video{opacity: 1;}
.index-swiper .swiper-slide .index-product-item:nth-child(1)::before {animation-delay: 0.1s;}
.index-swiper .swiper-slide .index-product-item:nth-child(2)::before {animation-delay: 0.3s;} 
.index-swiper .swiper-slide .index-product-item .img{transition-delay: 1s;}
.index-swiper .swiper-slide-active .index-product-item .img {opacity: 1;}
.index-swiper .swiper-slide-active .index-product-item::before {animation:fadeleftright .8s ease-in-out forwards;}
.index-product-item .logo-1 {transition-delay: 1.1s;}
.index-product-item .text-1 {transition-delay: 1.2s;}
.index-product-item .linkurl-1 {transition-delay: 1.3s;}


.index-purchase-procurement {width: 100%;height: auto;position: relative;overflow: hidden;}
.index-purchase-procurement-content {text-align: center;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;}
.index-purchase-procurement-item {width: 26%;margin: 0 .2%;overflow: hidden;position: relative;display: inline-block;vertical-align: middle;}
.index-purchase-procurement-item .content {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 1;text-align: center;width: 80%;}
.index-purchase-procurement-item .title-1 {font-weight: bold;color: #fff;}
.index-purchase-procurement-item .title-1 a {font-weight: bold;color: #fff;position: relative;}
.index-purchase-procurement-item .title-1 a::after {content: '';width: 1px;height: 2rem;background: #fff;display: inline-block;vertical-align: middle;margin: -5px 1rem 0 1rem;opacity: .5;}
.index-purchase-procurement-item .linkurl-1 {margin-top: 1rem;}
.index-purchase-procurement-item .linkurl-1 li {list-style: none;padding: 0;margin: 0;position: relative;display: inline-block;vertical-align: middle;}
.index-purchase-procurement-item .linkurl-1 li::after {content: '';width: 1px;height: 5rem;background: #fff;display: inline-block;vertical-align: middle;margin: 0 3rem;opacity: .4;}
.index-purchase-procurement-item .linkurl-1 li:last-child::after,.index-purchase-procurement-item .title-1 a:last-child::after  {display: none;}
.index-purchase-procurement-item .linkurl-1 li a{display: inline-block;vertical-align: middle;position: relative;width: 5.5rem;height: 5.5rem;}

.index-bottom {width: 100%;height: 100%;position: relative;}
.index-bottom .footer {width: 100%;position: absolute;left: 0;bottom: 0;z-index: 11;}


.tanimation {opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(60px);}
.tformX {transform:translateX(-100%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.index-swiper .swiper-slide-active .tanimation{opacity: 1;}
.index-swiper .swiper-slide-active .tformY {transform: translateY(0px);}
.index-swiper .swiper-slide-active .tformX {transform: translateY(0px);}





/* other */

.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:none;border-radius: 100%;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f5f5f5;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 6rem;height: 6rem;position: relative;background: #f5f5f5;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;background: #db9b40;} 
.social-share-icon:hover::before {filter: invert(1);opacity: 1;}
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: .5;}  
.icon-share::before{background: url('../images/s1.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../images/s2.png') center no-repeat;background-size: 50%;}
.icon-wechat::before  {background: url('../images/s1.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../images/s4.png') center no-repeat;background-size: 50%;}   
.icon-weibo::before {background: url('../images/s2.png') center no-repeat;background-size: 50%;}   
.icon-facebook::before {background: url('../images/s3.png') center no-repeat;background-size: 50%;}   


.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #000;border-radius: 100%;background-size: 30%;}
.aside-top a:before {font-size: 1.8rem;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}


@keyframes shake {
  0% { transform: translateX(0); opacity: 0;}
  10% { transform: translateX(-5px); }
  20% { transform: translateX(5px); }
  30% { transform: translateX(-2px); opacity: .4;}
  40% { transform: translateX(4px); }
  50% { transform: translateX(-6px);}
  60% { transform: translate(2px,-1px); }
  70% { transform: translateX(-5px); opacity: 0;}
  80% { transform: translateX(5px); }
  90% { transform: translateX(-3px); opacity: .2;}
  100% { transform: translateX(0); }
}
.shake-element {animation: shake 1s infinite;}

@keyframes fadeleftright{ 0% {width: 0%;}75% {width: 100%;} 100% {width: 100%;opacity: 0;}}
 

@media screen and (max-width: 5120px) { 

}
@media screen and (max-width: 3840px) { 
 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
  
}
@media screen and (max-width: 1680px) {
	 
}
@media screen and (max-width: 1440px) {
 }
@media screen and (max-width: 1366px) { 
}
@media screen and (max-width: 1280px) {  
}
@media screen and (max-width: 1152px) { 
	 
}
@media screen and (max-width: 1024px) { 
}
@media screen and (max-width: 980px) {  
}
@media screen and (max-width: 860px) { 
	.pcshow,.header-nav,.header-search span,.footer-nav{display: none!important;}
	.mbshow{display: block!important;} 
	.menu-toggle {display: inline-block;vertical-align: middle;transform: translateY(-0.5px);}
	.header {position: fixed;}
	.header-search i:before {transform: translateY(0);}
	.index-banner-text {width: 90%;}
	.link-1 i {width: .5rem;height: 1rem;background-size: 100% 100%;}
	.index-banner-text .logo-1 {width: 90%;margin: auto;}
	.index-banner-text .logo-1.logo-11 {margin-right: 1%;}
	.index-product-item {width: 100%;height: 50%;display: block;}
	.index-product-item .text {left: 10%;width: 80%;top: 15%;} 
	.index-purchase-procurement-item {width: 32%;}
	.footer-right {float: none;width: 100%;}
	.footer-logo {margin: 5% 0;width: 14rem;float: none;display: none;}
	.index-purchase-procurement-content {font-size: 0;height: calc(90% - 8.8rem);width: 80%;left:10%;top: 5%;transform: none;margin-top: 8.8rem}
	.index-purchase-procurement-item:first-child {width: 99%;height: 60%;margin:.5% 0;display: block;}
	.index-purchase-procurement-item {width: 49%;height: 40%;margin:.5%;} 
	.index-purchase-procurement-item img,.index-purchase-procurement-item .pic,.index-purchase-procurement-item .img{height: 100%;}
	.index-banner-text .text-1 ,.index-product-item .text-1{font-size: 2rem;}
	.link-1 {width: 15rem;line-height: 4rem;}
	.link-1 span {font-size: 1.8rem;}
	.link-1 i {width: 0.6rem;height: 1.2rem}
	.index-product-item .pic {opacity: .5;}
	.index-product-item .img {background: #000;}
}

 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}