@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------*/
/*共用區塊*/
.indexBlock{ width:100%; position:relative; overflow:hidden; padding-top:50px; padding-bottom:50px; }
.indexBlock > div{ max-width:1280px; margin:0 auto; box-sizing:border-box; }
.indexBlock a{ text-decoration:none;}
.indexBlock .indexTitle h3{ letter-spacing:5px; font-size:28px; font-weight:500;}
.IndexPictureWall .item a, .IndexCase .item a{ display:block;}


/*----------------------------------------------------------------------*/
/*上方圖像牆*/
.IndexPictureWall .pw-style .item{ float:left; width:31.7%; padding-right:10px; padding-left:10px; cursor:pointer;}
.IndexPictureWall .pw-style .item > div{ border:1px solid #ddd; border-radius:5px;     
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexPictureWall .pw-style .item:hover > div{ border: 1px solid #ffc79b; box-shadow:3px 3px 8px rgba(244,106,0,0.15);}
.IndexPictureWall .pw-style .item:hover .img{ opacity:0.8;}
.IndexPictureWall .pw-style .img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:1px solid #ddd;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 65.85%;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexPictureWall .pw-style .title{ color:#555; font-size:106.3%; padding:15px 10px;} 
.IndexPictureWall .pw-style .title span{ width:100%; text-align:center; display:block;}


/*----------------------------------------------------------------------*/
/*驱动下载&防伪查询*/	
.IndexToolBlock{ padding-top:0; padding-bottom:0; border-bottom:5px solid #ffffff; position:relative;}
.IndexToolBlock .download, .IndexToolBlock .security{width:50%; height:280px; float:left; display:table;}
.IndexToolBlock .download{ background:url(../images/download_bg.jpg) no-repeat left center; background-color:#f8f8f8; }
.IndexToolBlock .security{ position:relative; background:url(../images/security_bg.jpg) no-repeat left center; background-color:#ececec;}
.IndexToolBlock .security:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 280px 0 0 110px;
	border-color: transparent transparent transparent #f8f8f8;
	position:absolute;
	top:0;
	left:0;
}
.IndexToolBlock > div > div > div{ display:table-cell; text-align:right; vertical-align:middle; }
.IndexToolBlock .btn{ margin-right:10%;}
.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{ display:inline-block; width:190px; height:55px; line-height:55px; border:2px solid #eccfb9; border-radius:5px;
	font-size:24px; color:#000; cursor:pointer; position:relative; text-align:center; padding-right:15px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexToolBlock .download .btn a, .IndexToolBlock .security .btn a{ background-color: rgba(248,248,248,0.85);}
.IndexToolBlock .download .btn a:hover, .IndexToolBlock .security .btn a:hover{ background-color:#f58024; border:2px solid #f58024; color:#ffffff;}
.IndexToolBlock .download .btn a:after{ content:'';  width:20px; height:20px; background-image:url(../images/download_icon.png); background-position:0 0; 
position:absolute; top:35%; right:30px;}
.IndexToolBlock .security .btn a:after{ content:''; width:20px; height:20px; background-image:url(../images/search_icon.png);  position:absolute; top:35%; right:30px; 
background-position:0 0;}
.IndexToolBlock .download .btn a:hover:after{ background-position:30px 0;}
.IndexToolBlock .security .btn a:hover:after{ background-position:30px 0;}



/*----------------------------------------------------------------------*/
/*成功案例*/
.IndexCase{ background-color:#f9f9f9; }
.IndexCase .indexTitle { border-left:6px solid #f47722; margin-bottom:30px; margin-left:10px;}
.IndexCase .indexTitle h3{ color:#444; padding-left:10px; padding-bottom:4px;}
.IndexCase .case-style .item{ float:left; width:31.7%; padding-right:10px; padding-left:10px; cursor: pointer; position:relative; margin-bottom:40px;}
.IndexCase .case-style .item > div{ border:1px solid #ddd; 	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexCase .case-style .item:hover > div{ 
	border: 1px solid #ffc79b;
	box-shadow:3px 3px 8px rgba(244,106,0,0.15); 
	-webkit-box-shadow:3px 3px 8px rgba(244,106,0,0.15);
	-moz-box-shadow:3px 3px 8px rgba(244,106,0,0.15);
}
.IndexCase .case-style .item:hover .img{opacity:0.8;}
.IndexCase .case-style .img{
	border-bottom:1px solid #ddd;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 54.61%;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexCase .case-style .title{ padding:15px 10px 20px 10px; font-size:106.3%;} 
.IndexCase .case-style .title span{ display:block; width:100%; text-align:center; text-decoration:none; color:#444;  
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.IndexCase .case-style .btn{ text-align:center; margin-bottom:-15px; z-index:999;}
.IndexCase .case-style .btn span{ display:inline-block; width:100px; height:30px; line-height:30px; background-color:#fff; color:#f47b23; border: 1px solid #f47b23; border-radius:5px; 
	font-size:13px; position:relative; padding-right:5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexCase .case-style .item:hover .btn span{ background-color:#f47b23; color: #fff; box-shadow:3px 3px 8px rgba(0,0,0,0.1);}
.IndexCase .case-style .btn span:after{ content:''; position:absolute; top:40%; right:15px; width:4px; height:4px; border-top:2px solid #f47b23; border-right:2px solid #f47b23;
	transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); }
	
.IndexCase .case-style .item:hover .btn span:after{ border-top:2px solid #fff; border-right:2px solid #fff;}
/*----------------------------------------------------------------------*/
/*经销商专区*/	
.IndexDealer{ padding-top:0; padding-bottom:0;}
.IndexDealer > div{ width:50%; height:280px; float:left;}
.IndexDealer .dealer-left{
	display:table;
	background-image: -webkit-linear-gradient(270deg,rgba(245,130,37,1.00) 0%,rgba(243,107,31,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(245,130,37,1.00) 0%,rgba(243,107,31,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(245,130,37,1.00) 0%,rgba(243,107,31,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(245,130,37,1.00) 0%,rgba(243,107,31,1.00) 100%);
}
.IndexDealer .dealer-left > div{ display:table-cell; vertical-align:middle; padding-left:30%;}
.IndexDealer .dealer-left .indexTitle{ border-left:6px solid #ffeb45; margin-bottom:20px;}
.IndexDealer .dealer-left .indexTitle h3{color:#ffffff; padding-left:10px; padding-bottom:4px;}
.IndexDealer .dealer-left .desc{ color:#ffffff; margin-bottom:40px; line-height:1.6;}
.IndexDealer .dealer-left .btn{ margin-bottom:5px;}
.IndexDealer .dealer-left .btn a{ display:inline-block; margin-right:10px; width:150px; height:45px; line-height:45px; text-align:center; border:2px solid #ffe8d8; border-radius:5px; color:#ffffff; position:relative;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.IndexDealer .dealer-left .btn a:after{ content:''; position:absolute; top:45%; right:15px; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff;
	transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.IndexDealer .dealer-left .btn a:hover{ background-color:#ffe8d8; color:#000000;}	
.IndexDealer .dealer-left .btn a:hover:after{ border-color:#444444;}
	
.IndexDealer .dealer-right{ position:relative; background:url(../images/dealer_bg2.jpg) no-repeat center center;}
.IndexDealer .dealer-right:before{ content:''; display:block; position:absolute; top:0; left:0; z-index:999;
	background:url(../images/dealer_bg.png) no-repeat; width:111px; height:280px;}