@charset "utf-8";

/* CSS Document */

/* Css writer: www.grwy.net */




.wrap{ max-width:768px; margin:0 auto; word-wrap:break-word; position:relative;}




/* 案例 */



.home-case{ background-color:#fff; background-image:url(bg-home-case.jpg); padding:30px 0;}

.home-case-title{ height:70px;background-position: center top; background-repeat:no-repeat;font-size:40px; text-align:center; margin-top:20px}



.home-case-nav{ text-align:center; padding:5px 0 5px; border-top:1px solid #ddd;}

.home-case-nav li{ font-size:14px; line-height:40px; color:#333333; padding:0 20px; display:inline-block; position:relative; cursor:pointer;}

.home-case-nav li a{ font-size:14px; line-height:40px; color:#333333; display:block; }

.home-case-nav li span{overflow:hidden; position:absolute; background-color:#bbb; left:0px; top:15px; left:0; height:14px; width:1px;}

.home-case-nav li.on a{ color:#dd5800}



.home-case-content{ position: relative; padding-top:15px;}



.caseList{position:relative;} 

.caseList .prev,.caseList .next{ display:inline-block;  width:60px; height:120px; position:absolute; top:140px; overflow:hidden; cursor:pointer; background-image:url(icon-case.png); background-repeat:no-repeat; -ms-transition-duration: 0s; transition-duration: 0s;} 

.caseList .prev{ left:-100px;background-image:url(left-btn.png);} 

.caseList .prev:hover{ left:-100px;background-image:url(left-btn.png);}

.caseList .next{ right:-100px; background-image:url(right-btn.png);} 

.caseList .next:hover{ right:-100px; background-image:url(right-btn.png);}


.caseList .bd{ padding-top:0px; overflow:hidden;} 

.caseList .bd ul{ overflow:hidden; zoom:1; } 



.home-case-list span.cases{ position:relative;}

.home-case-list dl{ width:442px; float:left; margin-right:30px;}

.home-csse-list dl a{}

.home-case-list dl dt{ position:relative; height:442px; overflow:hidden}

.home-case-list dl dt img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.home-case-list dl dd{ background-color:#e6e6e6; color:#fff; padding:10px 15px 0; height:85px;-ms-transition-duration: 0.3s; transition-duration: 0.3s; text-align:center}

.home-case-list dl dd .h1{ font-size:24px; line-height:30px; color:#333;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.home-case-list dl dd h2{ font-size:12px; line-height:22px; color:#555; padding:5px 0 10px;}

.home-case-list dl dd h3 span{display:inline-block; font-size:16px; line-height:28px; color:#f00; }

.home-case-list dl a:hover dt img{-ms-transform: scale(1.1); transform: scale(1.1);}

.home-case-list dl a:hover dd{ background-color:#3b3e98;}

.home-case-list dl a:hover dd .h1{ color:#fff;}

.home-case-list dl a:hover dd h2{ color:#ffcabf}

.home-case-list dl a:hover dd span{ color:#ccc;}


@media screen and (max-width:768px) {
	
.wrap{ width:100%; margin:0 auto; word-wrap:break-word; position:relative;}
   
.home-case-title{ height:70px;background-position: center top; background-repeat:no-repeat;font-size:30px; text-align:center}
   
.home-case-nav{ text-align:center; padding:5px 0 5px; border-top:1px solid #ddd;}

.home-case-nav li{ font-size:14px; line-height:40px; color:#333333; padding:0 20px; display:inline-block; position:relative; cursor:pointer;}

.home-case-nav li a{ font-size:14px; line-height:40px; color:#333333; display:block; }

.home-case-nav li span{overflow:hidden; position:absolute; background-color:#bbb; left:0px; top:15px; left:0; height:14px; width:1px;}

.home-case-nav li.on a{ color:#dd5800}



.home-case-content{ position: relative; padding-top:15px;}



.caseList{position:relative;} 

.caseList .prev,.caseList .next{ display:inline-block;  width:40px; height:80px; position:absolute; top:120px; overflow:hidden; cursor:pointer; background-image:url(icon-case.png); background-repeat:no-repeat; -ms-transition-duration: 0s; transition-duration: 0s; z-index:999} 

.caseList .prev{ left:10px;background-image:url(left-btn2.png);} 

.caseList .prev:hover{ left:10px;background-image:url(left-btn2.png);}

.caseList .next{ right:10px; background-image:url(right-btn2.png);} 

.caseList .next:hover{ right:10px; background-image:url(right-btn2.png);}



.caseList .bd{ padding-top:0px; overflow:hidden;} 

.caseList .bd ul{ overflow:hidden; zoom:1; } 



.home-case-list span.cases{ position:relative;}

.home-case-list dl{ max-width:768px; float:left; }

.home-csse-list dl a{}

.home-case-list dl dt{ position:relative; max-height:768px; overflow:hidden}

.home-case-list dl dt img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.home-case-list dl dd{ background-color:#e6e6e6; color:#fff; padding:10px 15px 0; height:85px;-ms-transition-duration: 0.3s; transition-duration: 0.3s; text-align:center}

.home-case-list dl dd .h1{ font-size:24px; line-height:30px; color:#333;-ms-transition-duration: 0.3s; transition-duration: 0.3s; margin-left:-10px}

.home-case-list dl dd h2{ font-size:12px; line-height:22px; color:#555; padding:5px 0 10px;}

.home-case-list dl dd h3 span{display:inline-block; font-size:16px; line-height:28px; color:#f00; margin-left:-10px}

.home-case-list dl a:hover dt img{-ms-transform: scale(1.1); transform: scale(1.1);}

.home-case-list dl a:hover dd{ background-color:#3b3e98;}

.home-case-list dl a:hover dd .h1{ color:#fff;}

.home-case-list dl a:hover dd h2{ color:#ffcabf}

.home-case-list dl a:hover dd span{ color:#ccc;}



}




/**首页产品**/ .index_pr { width:100%; float:left; height:auto; } 
.index_pr img:hover { box-shadow: 0px 0px 5px #eee; } 
.index_pr1 { width:100%; } 
.index_pr1_left { width: 100%; float: left; padding: 0% 0% 1% 0% !important; } 
.index_pr1_right { width: 100%; float: left; padding: 0% 0% 1% 0% !important; } 
.right_bottom { padding-top:1% !important; } 
#c_complaintPage_detail-15335198014904952 { width:100%; height:auto !important; position:relative; } 
.index_pr img { width:100%; } 
.index_pr2 { width:100%; float:left; } 
.index_pr2_left { width: 100%; float: left; padding: 0% 0% 0% 0% !important; } 
.index_pr2_right { width: 100%; float: left; padding: 0% 0% 0% 0% !important; } 
.index_tb { width:100%; height:auto; margin: 80px 0px 120px; float:left; } 
#c_complaintPage_detail-15335268248887870 { width:1300px; position:relative; margin:auto; height:auto; }