@charset "utf-8";
/* CSS Document */
.test li:first-child{margin-left:0;}
.test li:hover {
    cursor: pointer;
    transform: translate(0, -20px); /* 向上移动20px */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
img{max-width:100%; height:auto;}
/* 公共 */
.ind-w{width:100%; height:auto; padding:60px 0 0; overflow:hidden;}
.ind-all-tt{width:100%; height:auto; font-size:36px; line-height:40px; text-align:center; color:#1b1b1b; margin-bottom:20px;}
.ind-pro-img{width:94%; height:auto; margin:0 auto 50px; text-align:center; max-width:1800px;}
.ind-pro-img img{display:block;}

.ind-pro{width:94%; height:auto; max-width:1360px; margin:0 auto; padding:40px 0 80px;}
.ind-pro-list{width:100%; height:auto; margin-top:50px;}
.ind-pro-list li{background:#e8e8e8; padding-bottom:50px; transition: all 0.2s !important;}
.ind-pro-list li:hover{transform: translate(0, -30px);}
.i-p-img{width:100%; height:auto; overflow:hidden;}
.i-p-img img{display:block;}
.i-p-txt{width:100%; height:auto; overflow:hidden;}
.i-p-n{width:100%; height:auto; line-height:24px; font-size:16px; font-weight:bold; text-align:center; padding:5px 20px; margin-bottom:10px;}
.i-p-m{width:33%; height:40px; border:1px solid #333; line-height:38px; text-align:center; font-size:16px; color:#333; margin:0 auto;}

/* 关于 */
.ind-about-w{width:100%; height:auto; overflow:hidden; background:url(../images/indabout-bg.jpg) repeat-x center top; padding:90px 0;}
.ind-about-n{width:94%; height:auto; max-width:1360px; margin:0 auto;}
.ind-about{width:60%; height:auto; margin-bottom:50px;}
.ind-about-tt{width:100%; height:auto; font-size:30px; line-height:40px; color:#fff; margin-bottom:20px; font-weight:bold;}
.ind-about-txt{width:100%; height:auto; line-height:1.5em; font-size:1.2em; color:#fff; padding-top:20px;}
.ind-about-more{width:100%; height:auto; margin-top:50px; overflow:hidden;}
.ind-about-more a{width:33%; max-width:150px; height:40px; border:1px solid rgba(255,255,255,0.7); line-height:38px; text-align:center; font-size:16px; color:#fff; margin:0 auto; display:block; float:left;  transition: all 0.2s;}
.ind-about-more a:hover{border-radius:10px;}


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

}

@media screen and (max-width: 1280px) {
.ind-all-tt{font-size:30px; line-height:40px; margin-bottom:19px;}
.ind-all-tt span{height:20px; line-height:20px; font-size:15px; margin-top:2px;}

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

}

@media screen and (max-width: 768px) {
.ind-pro-img{margin:0 auto 30px;}
.ind-about-n{width:90%;}
.ind-about{margin-bottom:30px;}
.ind-all-tt{font-size:24px; line-height:30px; margin-bottom:19px;}
.ind-all-tt span{height:auto; line-height:20px; font-size:13px; margin-top:2px;}
.ind-about-tt{padding:20px 25px;}
.ind-pro{padding:30px 0 60px;}
.ind-pro-list{margin-top:40px;}
.ind-pro-list li{padding-bottom:40px;}
.i-p-n{line-height:24px; font-size:16px; text-align:center; padding:5px 15px; margin-bottom:10px;}
.i-p-m{width:50%; height:36px; line-height:34px; font-size:15px;}

}
@media screen and (max-width: 480px) {
.ind-w{padding:15px 0 20px;}
.ind-pro-img{width:94%; margin:0 auto 20px;}

.ind-all-tt{font-size:18px; line-height:24px; margin-bottom:10px; font-weight:bold;}
.ind-all-tt span{font-weight:normal;}

.ind-pro{padding:10px 0 0px;}
.ind-pro-list{margin-top:20px;}
.ind-pro-list li{padding-bottom:40px; margin-bottom:20px;}
.ind-pro-list li:hover{transform: translate(0, 0px);}
.i-p-n{line-height:24px; font-size:15px; text-align:center; padding:5px 15px; margin-bottom:5px;}
.i-p-m{width:40%; height:34px; line-height:32px; font-size:14px;}

.ind-about-w{padding:60px 0;}
.ind-about-n{width:85%;}
.ind-about{width:100%; margin-bottom:0px;}
.ind-about-tt{font-size:24px; line-height:30px; margin-bottom:10px; text-align:center;}
.ind-about-txt{line-height:1.5em; font-size:1.0em; padding-top:0px; font-weight:normal;}
.ind-about-more{margin-top:30px;}
.ind-about-more a{width:33%; max-width:120px; height:36px; line-height:34px; font-size:15px; float:none;}

}