@charset "utf-8";

.banner{width:100%; overflow:hidden; height:auto; z-index:1; max-height:720px; position:relative; top:-80px; margin-bottom:-80px;}

.index_ad{padding:55px 1%; box-sizing:border-box;}
.index_ad li{width:25%; padding:1%; box-sizing:border-box; float:left; overflow:hidden; position:relative;}
.index_ad li .c{width:100%; overflow:hidden;}
/*.index_ad li img:hover{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}*/
.index_ad li:hover .txt{bottom:30px;}
.index_ad li .txt{position:absolute; left:30px; bottom:-50px; right:30px;transition: all .8s;}
.index_ad li .txt h1, .index_ad li .txt h2{color:#fff; font-size:20px;}
.index_ad li .txt h2{font-size:14px; line-height:150%;}

.index_con_0{background:#f6f6f6; padding:70px 70px 90px 70px; box-sizing:border-box;}
.index_con_0 .title{text-align:center; font-size:36px; padding-bottom:60px; color:#4a4a49; font-family:"FrutigerLTPro-Bold";}
.index_con_0 .item{width:33.33%; float:left; border-right:1px solid #ddd; box-sizing:border-box; text-align:center;}
.index_con_0 .item:last-child{border:none;}
.index_con_0 .item .c{width:80%; margin:0 auto; max-width:280px;}
.index_con_0 .item .c .img{width:140px; height:140px; margin:0 auto;}
.index_con_0 .item .c:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.index_con_0 .item .c .img img{width:130px; height:130px;}
.index_con_0 .item .c .t{height:70px; line-height:70px; font-size:20px; color:#4a4a49;font-family:"FrutigerLTPro-Light"; font-weight:bold;}
.index_con_0 .item .c .d{line-height:150%; color:#969696; font-size:16px;font-family:"FrutigerLTPro-Light";}

.index_pro{padding-top: 50px;padding-bottom: 50px;}
.index_pro .toptitle{height: 75px;line-height: 75px;font-size: 36px;text-align: center; color:#4a4a49; font-family:"FrutigerLTPro-Bold";}
.index_pro .sectitle{margin-top: 15px;font-size: 18px;color: #999;line-height: 24px;text-align: center; margin-bottom:40px;font-family:"FrutigerLTPro-Light";}
.index_pro .c{max-width:80%; margin:0 auto; min-width:1000px; padding:0 10px;}
.index_pro .indprolist{position: relative;}
.index_pro .item{position: relative;width:33.33%;text-align: center; padding:0 20px; box-sizing:border-box;}
.index_pro .item .pic{ width: 100%; overflow: hidden; text-align:center; position: relative; padding-top: 100%;}
.index_pro .item .pic img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.index_pro .item .name{height: 42px;line-height:150%;font-size: 16px; overflow:hidden;color: #555;text-align: center;text-decoration: none;display:block; padding:10px 0;}
.index_pro .item .name a{text-decoration:none;}
.index_pro .item .price{font-size:18px;color:#eb557b; padding-bottom:20px;}
.index_pro .item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}

.index_news{background:#f8f8f8; padding:60px 0;}
.index_news .c{max-width:1200px; padding:10px; box-sizing:border-box; margin:0 auto;}
.index_news .title{font-size: 36px;text-align: center; font-weight:bold; color:#4a4a49; font-family:"FrutigerLTPro-Bold";}
.index_news .list{position:relative; width:100%; margin-top:55px;}
.index_news .ico{width:100px; height:40px; background:url(../images/t_left.png) center center no-repeat; border:1px solid #ddd; position:absolute; left:0; top:10px;}
.index_news .ico:hover{background-color:#fff;}
.index_news .ico.fr{background-image:url(../images/t_right.png); left:auto; right:0;}
.index_news .ico a{display:block; width:100%; height:100%;}
.index_news .contents{padding:0 190px; width:100%; height:120px; overflow:hidden; box-sizing:border-box;}
.index_news .contents .item_box{float:left; height:120px;}
.index_news .contents .item_box .box{width:100%; height:100%; position:relative;}
.index_news .contents .item_box .box .date{float:left; position:absolute; left:0; top:0; width:160px; font-size:36px; color:#555555;}
.index_news .contents .item_box .box .date div{font-size:16px; color:#9a9a9a; padding:5px 0;}
.index_news .contents .item_box .box .desc{float:left; margin-left:160px; color:#555; line-height:180%; font-size:16px;}
.index_news .contents .item_box .box .desc a{color:#555; text-decoration:none;}

.index_bottom_ad{position:relative; overflow:hidden;}
.index_bottom_ad .txt{position:absolute; width:100%; left:0; top:40%; text-align:center; color:#fff;}
.index_bottom_ad .txt h1{font-weight:bold; font-size:24px; padding-bottom:16px; color:#fff;}
.index_bottom_ad .txt h2{color:#fff; font-size:16px;}
.index_bottom_ad:hover .img img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}

/*手机版*/
@media only screen and (max-width: 768px){
	.banner{top:0; margin-bottom:0;}
	
	.index_ad{padding:5px;}
	.index_ad li{width:50%; padding:5px;}
	.index_ad li .txt{bottom:12px; left:12px; right:12px;}
	.index_ad li .txt h1{font-size:16px;}
	.index_ad li .txt h2{display:none;}
	
	.index_con_0{padding:20px 10px;}
	.index_con_0 .title{font-size:20px; padding-bottom:20px; font-weight:normal;}
	.index_con_0 .item{border:none;}
	.index_con_0 .item .c{width:80%; overflow:hidden; padding-top:5px;}
	.index_con_0 .item .c .img{width:95%; height:auto; margin:0 auto;}
	.index_con_0 .item .c .img img{width:100%; height:auto;}
	.index_con_0 .item .c .t{font-size:16px; font-weight:normal; height:20px; line-height:20px; padding-top:8px;}
	.index_con_0 .item .c .d{display:none;}
	
	.index_pro{padding:10px 0;}
	.index_pro .toptitle{height:30px; line-height:30px; font-size:20px; font-weight:normal;}
	.index_pro .sectitle{display:none;}
	.index_pro .c{min-width:inherit; padding:0 5px; box-sizing:border-box;}
	.index_pro .item{width:50%; padding:5px;}
	.index_pro .item:nth-child(odd){clear: both;}
	.index_pro .item .name{font-size:12px; height:36px; overflow:hidden; padding-bottom:0; line-height:150%;}
	
	.index_news{padding:0;}
	.index_news .title{font-size:20px; font-weight:normal;}
	.index_news .list{margin-top:10px;}
	.index_news .ico{display:none;}
	.index_news .contents{padding:0;}
	.index_news .contents .item_box .box .date{width:70px; font-size:20px;}
	.index_news .contents .item_box .box .date div{font-size:14px;}
	.index_news .contents .item_box .box .desc{margin-left:70px; color:#666;}
	.index_news .contents .item_box .box .desc a{color:#888;}
	
	.index_bottom_ad .txt h1{font-size:16px;}
	.index_bottom_ad .txt h2{display:none;}
}