﻿@charset "utf-8";.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-loading .slick-list{background:#fff url(../images/loader.gif) center center no-repeat}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;padding:0;border:0;outline:0}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer;outline:0}
.slick-dots li button:focus{outline:0}
.slick-dots li.slick-active a{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
@-webkit-keyframes scaleUpDown{from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.product-ibox{position:relative}
.product-ibox-demo{position:relative}
.product-ibox-demo .item{padding:10px 0;position:relative}
.product-ibox-demo .item .itemC{ display: flex; justify-content: space-between;}
.product-ibox-demo .img{overflow:hidden;width:40%;  box-sizing: border-box; position:relative;overflow:hidden;opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0);-webkit-transition:all .6s .15s cubic-bezier(.41,-.2,.4,1.19);transition:all .6s .15s cubic-bezier(.41,-.2,.4,1.19)}
.product-ibox-demo .img img{max-width:100%;display:block; margin: 0 auto;}
.product-ibox-demo .con{opacity:0; width: 57%; padding-right: 120px; box-sizing: border-box; -webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0);-webkit-transition:all .6s .3s cubic-bezier(.41,-.2,.4,1.19);transition:all .6s .3s cubic-bezier(.41,-.2,.4,1.19)}
.product-ibox-demo .t{color:#333;font-weight:500;font-size:24px;line-height:1.5}
.product-ibox-demo .c{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;margin-top:10px;padding:20px 0;line-height: 24px;font-size:14px;color:#5a5a5a;text-align:justify}
.product-ibox-demo .gg-txt{color:#c79f63;font-size:20px;margin-top:20px}
.product-ibox-demo .slick-arrow{background-color:#efefef;width:56px;height:56px;z-index:105;top:50%;margin-top:-28px}
.product-ibox-demo .slick-arrow i{width:100%;height:100%;display:block;transition:.3s;-webkit-transition:.3s}
.product-ibox-demo .slick-prev{left:0}
.product-ibox-demo .slick-next{right:0;}
.product-ibox-demo .slick-prev i{background:url(../images/img_l.png) no-repeat scroll center center}
.product-ibox-demo .slick-next i{background:url(../images/img_r.png) no-repeat scroll center center}
.product-ibox-demo .slick-arrow:hover{background-color:#ddd}
.product-ibox-demo .slick-current .con,.product-ibox-demo .slick-current .img{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.product-ibox-nav{margin-top: 50px; display: flex;}
.product-ibox-nav li{margin-bottom:2px;cursor:pointer;background-color:#fff; margin-right: 10px;}
.product-ibox-nav .itemC{display:block;border:1px solid #eee;padding:15px;color:#333;position:relative;z-index:1}
.product-ibox-nav .itemC:before{content:"";z-index:-1;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;background-color:#666;-webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1);transition:transform .38s cubic-bezier(.4,0,.2,1);transform:scaleY(0);-webkit-transform:scaleY(0);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0;visibility:hidden\9}
.product-ibox-nav .active .itemC{color:#fff}
.product-ibox-nav .active .itemC:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;visibility:visible\9}
.product-ibox-nav .active .zh{border-top-color:#fff}
.product-ibox-nav .en{font-size:14px; text-align:center;}

@media screen and (max-width:1441px){
	/*.product-ibox-demo .img{width:540px}*/
	.product-ibox-demo .t{font-size:24px}
	.product-ibox-demo .c{font-size:14px;padding:16px 0;margin-top:16px}
	.product-ibox-demo .gg-txt{font-size:16px}
	.product-ibox-demo .slick-arrow{display:none!important}
	.product-ibox-nav .zh{font-size:14px}
	.product-ibox-nav .en{font-size:14px}
	.product-ibox-demo .con{ padding-right: 0;}
}
@media screen and (max-width:1260px){
	.product-ibox-nav{width:100px}
}

@media screen and (max-width:641px){
	.product-ibox-demo .item{padding:10px 0}
	.product-ibox-demo .itemC{padding:0 5%}
	.product-ibox-demo .img{width:auto; padding-left: 0;}
	.product-ibox-demo .con{width:auto;margin-left:120px}
	.product-ibox-demo .t{font-size:18px}
	.product-ibox-demo .bgc{top:45%;height:55%}
	.product-ibox-nav{width:84px;top:12%}
	.productinfo{padding: 2rem 0; font-size: 14px; color: #666;}
	.product-ibox{position: inherit;}
	.product-ibox-nav{width: calc(100% - 1rem);top: 0; left: 0; position: inherit; margin:0.5rem 0.5rem;border-left: 1px solid rgba(0,0,0,0.1);}
	.product-ibox-nav li{width: 25%; float: left;margin: 0;}
	.product-ibox-nav li:nth-last-child(n+5){border-top: 1px solid rgba(0,0,0,0.1);}
	.product-ibox-nav li a{font-size: 0.7rem;}
	.product-ibox-nav .en{font-size: 0.7rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.product-ibox-nav .itemC{border-left: 0px; border-top: 0px; padding: 0.5rem 0.5rem;}
	.product-ibox-demo .con{margin: 0; position: inherit;}
	.product-ibox-demo .c{ margin-top: 0.6rem;}
	.product-ibox-demo .c p{font-size: 14px;}
	.product-ibox-demo .item .itemC{ flex-wrap: wrap;}
	.product-ibox-demo .img{ width: 100%;}
	.product-ibox-demo .con{ width: 100%; padding-right: 0;}

}
