.headMain{background:rgba(255,255,255,0);}
.headMain2{ background:#fff;}
.headMain2:hover{ background:#fff;}
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff;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;}
.kvSwiper .swiper-pagination-bullet{ background:#000; opacity:0.4;}
.kvSwiper .swiper-pagination-bullet-active{ background:#fff; opacity:0.95; width:15px; border-radius: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}


.bannerBox{ height:747px; width:100%; background:url(../img/product/kv01.jpg) no-repeat center top;  position:fixed; left:0; top:0px; z-index:1;}
.bannerBox .txt1{ width:1000px; height:798px; margin:0 auto; background:url(../img/product/kv_txt.png) no-repeat center center; position:relative;}

.headMain{position: relative; left:0; top:0px; z-index:5;}
.homePage{ position: relative; left:0; top:662px; width:100%; z-index:3;background:#f8f8f8;}
.footMain{top:662px;}

.tabBox{ height:60px; line-height:60px; background:#fff; width:100%; border-bottom:1px solid rgba(0,0,0,0.03)}
.tabFixd{ position:fixed; left:0; top:0;box-shadow: 0 2px 6px rgba(0,0,0,.1); z-index:99;}
.tabBox ul{ text-align:center;}
.tabBox li{margin:0 40px; font-size:15px; color:#000; display:inline-block; position:relative; height:36px; line-height:36px; cursor:pointer;text-transform:uppercase;padding-left:24px;}
.tabBox li.ic1{ background:url(../img/product/tab_icon01.png) no-repeat left center; }
.tabBox li.ic2{ background:url(../img/product/tab_icon02.png) no-repeat left center;}
.tabBox li.ic3{ background:url(../img/product/tab_icon03.png) no-repeat left center;}
.tabBox li.ic4{ background:url(../img/product/tab_icon04.png) no-repeat left center;}
.tabBox li.ic5{ background:url(../img/product/tab_icon05.png) no-repeat left center;}
.tabBox li i{ position:absolute; left:0; bottom:0; width:100%;  *width:90%; height:2px; line-height:2px; overflow:hidden; background:#ad0003;
-webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);opacity: 0;filter:alpha(opacity=0);}
.tabBox li.on i{opacity:1;filter:alpha(opacity=100);  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);}

.tabBox li i{
	opacity: 0;
  -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.15s ease;
     -moz-transition:    -moz-transform 0.5s ease, opacity 0.15s ease;
          transition:         transform 0.5s ease, opacity 0.15s ease;
}
.tabBox li:hover i{
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);
}

.itemBox{ padding:40px 20px; overflow:hidden;}
.itemBox .item{ width:25%; display:inline-block; float:left; margin-bottom:30px;}
.itemBox .item .inner{ padding:0 20px; width:100%; box-sizing:border-box;}
.itemBox .item .innerBox{ background:#fff; height:330px;border-radius: 8px; display:table; position:relative; cursor:pointer; width:100%;}
.itemBox .item .innerBox .info1{display: table-cell; vertical-align: middle;}
/*.itemBox .item .innerBox:hover{box-shadow: 6px 6px 20px rgb(0,0,0,0.15);}*/


.itemBox .item .innerBox,.itemBox .item .innerBox:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}



.itemBox .item .pic{ width:100%; margin:0 auto; padding:0px 0 18px 0; text-align:center; padding-top:25px;}
.itemBox .item .txt{ padding:0 20px; text-align:center;}
.itemBox .item .txt h3,.caseInfo h1{ font-size:18px; color:#000; margin-bottom:10px; font-weight:normal; height:21px; line-height:21px;
overflow: hidden; height:21px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.itemBox .item .txt p,.caseInfo .infoBox p{ font-size:13px; color:#999; width:90%; line-height:22px; margin:0 auto;overflow: hidden; height:44px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.caseInfo .infoBox p{-webkit-line-clamp: 1; height:24px;}
	
.caseInfo .inner{display:table; height:100%; position:relative;}	
.caseInfo .picBtn{ position:absolute; bottom:25px; color:#fff; text-align:center; z-index:3; width:100%;}
.caseInfo .picBtn a{ color:#fff; text-decoration:underline; opacity:0.75;}
.caseInfo .picBtn a:hover{ text-decoration:none;opacity:1;}
.caseInfo{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/product/bg.png) repeat;border-radius: 5px; opacity:0;}
.caseInfo h1{ color:#fff; font-weight:bold;}
.caseInfo .infoBox .txts{padding-bottom:24px;}
.caseInfo .infoBox p{color:#fff; }
.caseInfo .infoBox{display: table-cell; vertical-align: middle; text-align: center; color:#fff; position:relative; top:-12px;}
.caseInfo .infoBox .btn{ width:80%; padding-top:9px; margin:0 auto;}
.caseInfo .infoBox .btn a{ background:#ae2629; text-align:center; font-size:13px; color:#fff; height:38px; line-height:38px; display: inline-block; margin-top:18px; width:95%;border-radius: 5px;}
.caseInfo .infoBox .btn a:hover{ background:#000;}


/*.innerBox .caseInfo .infoBox .step{-webkit-filter: blur(10px);
    display: inline-block;
    height: 2px;
    width: 30%;
    max-width: 60px;
    margin: 0 auto;
    background-color: #fff;
    margin: 0.5em 0 0.4em;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);}
.innerBox .caseInfo .infoBox .stepDh{-webkit-filter: blur(0px);
	-moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);}



.innerBox .caseInfo .txts{ position:relative;}

.innerBox .caseInfo .txts{
	-moz-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    opacity: 1; 
	-webkit-filter: blur(0px);}
.innerBox .caseInfo .txtsDh{ 
	-moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
	opacity: 1;
	-webkit-filter: blur(0px);}
	
.itemBox .item .innerBox .caseInfo .btn,.caseInfo .picBtn{-moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;  -webkit-filter: blur(10px);
	
	}
	
.itemBox .item .innerBox .caseInfo .btnDh,.caseInfo .picBtnDh{-moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
	opacity: 1;
	-webkit-filter: blur(0px);
}	*/
	
	
.proMain{ width:560px; height:520px; overflow:hidden; padding:50px 60px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-340px; border-radius: 5px; color:#000; text-align:center;}
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff;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;}
.kvSwiper .swiper-pagination-bullet{ background:#000; opacity:0.4;}
.kvSwiper .swiper-pagination-bullet-active{ background:#ad0003; opacity:0.95; width:15px; border-radius: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.swiper-slide img{ width:100%;}
.proMain h2{ font-size:20px; margin-bottom:20px;}
.proMain p{ font-size:13px; line-height:22px; color:#666;}
.kvSwiper{ width:400px; height:400px; padding-bottom:30px; padding-top:20px;}
.proDialog .close{ position:absolute; right:20px; top:20px; background:url(../img/product/close.png) no-repeat center center; cursor:pointer; width:20px; height:20px;}
.proDialog{ display:none;}





.itemBox .item .innerBox {border:1px solid rgba(0,0,0,0); border-radius:3px}
.itemBox .item .innerBox:hover{ border:1px solid rgba(0,0,0,0.1);}
.itemBox .item .innerBox a{ display:block;}
/*.itemBox .item .innerBox:hover .info{-webkit-filter: blur(10px); filter: blur(10px); }*/

.innerBox .info,.innerBox.hover .info,
.innerBox .caseInfo .btn,.innerBox.hover .caseInfo .btn,
.innerBox .caseInfo .txts,.innerBox.hover .caseInfo .txts,
.innerBox .caseInfo .infoBox .step,.innerBox.hover .caseInfo .infoBox .step,
.itemBox .item .innerBox .caseInfo .btn,
.caseInfo .picBtn,.caseInfo .picBtnDh,
.buyItem .buyList,.buyItem .buyList:hover,
.itemBox .item .innerBox,.itemBox .item .innerBox:hover,
.colItem .colList,.colItem .colList:hover{-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}


.w1360 .itemBox .item{ width:33.3%;}

.caseInfo .infoBox .btn a .tmall{ background:url(../img/product/tmall.png) no-repeat center center; background-size:21px; width:24px; height:24px; line-height:24px; display:inline-block; margin-right:6px; position:relative; top:7px;}
.caseInfo .infoBox .btn a .jd{ background:url(../img/product/jd.png) no-repeat center center; background-size:21px; width:24px; height:24px; line-height:24px; display:inline-block; margin-right:6px; position:relative; top:7px;}
.caseInfo .infoBox .btn a span{ display:inline-block; height:38px; line-height:38px;}


body,.homePage{ background:#fff;}
.itemBox .item .txt p,.caseInfo .infoBox p{ display:none;}

/*detail*/
.proDetail{ margin:150px auto 200px auto; width:1000px; font-size:15px; color:#000;}
.proDetail .prodetMain{ padding-left:500px;}
.proDetail .prodetMain .left{ float:left; width:500px; margin-left:-500px;}
.proDetail .kvSwiper .swiper-pagination-bullet{ opacity:0.2;}
.proDetail .kvSwiper .swiper-pagination-bullet-active{ background:#000;opacity:1;}
.proDetail .info{ padding-bottom:30px; color:#000;}
.proDetail .info h1{ font-size:32px; margin-bottom:20px;}
.proDetail .info p{ font-size:15px; line-height:25px;}
.proDetail .item{ padding:24px 20px; border:1px solid rgba(0,0,0,0.08); margin-bottom:30px; font-size:15px; color:#000; line-height:24px;word-break:break-all;}
.colItem,.buyItem{ position: relative; width:540px; left:-10px;}
.colItem .colList,.buyItem .buyList{ width:195px; margin:0 10px 0 10px; display:inline-block;padding:22px 20px; border:1px solid rgba(0,0,0,0.08); margin-top:25px; text-align:center;cursor:pointer;}
.colItem .colList span{ width:20px; height:20px; display:inline-block;border-radius: 100%;}
.colItem .colList p{ padding-top:2px; display: inline-block; position:relative; left:5px; top:-4px; color:#000;}

.colItem .colList{ text-align:left; padding-bottom:20px;}

.colItem .name,.buyItem .name{ padding-left:10px;}
.buyItem{ padding-top:30px;}
.buyItem .buyList{ cursor:pointer;}
.buyItem .buyList a{ display:block; color:#000;}
.buyItem .buyList .txt{ position:relative; top:-3px;}
.buyItem .buyList .tm{ background:url(../img/product/tmIcon.png) no-repeat center center; width:34px; height:20px; display:inline-block; margin-right:8px;}
.buyItem .buyList .jd{ background:url(../img/product/jdIcon.png) no-repeat center center; width:34px; height:20px; display:inline-block; margin-right:3px;}
.buyItem .buyList .dz{ background:url(../img/product/made.png) no-repeat center center; width:34px; height:20px; display:inline-block; margin-right:0px; position:relative; top:1px;}
.buyItem .buyList:hover,.colItem .colList:hover{ border:1px solid rgba(0,0,0,0.2); }
.buyItem span{ }
.proDetail{ position:relative; z-index:100;}

.w1920  .bannerBox{background-position:center center;  background-size:cover;}

.path{ padding:38px 0 0 30px;}
.path a{ background:url(../img/product/back.png) no-repeat 5px center; background-size:13px; padding-left:24px; font-size:14px; height:18px; line-height:18px; display:inline-block;}
.path a:hover{ background-position:2px center; color:#000;}

.imgMain{ padding-top:90px; width:100%; overflow:hidden;}
.imgMain img{ max-width:100%; width:100%;}