@charset "utf-8";

.w_1200 .index_ad li{width:300px; height: 427px;}

.banner{max-height:690px;}

.index_ad{padding-top:60px; padding-bottom:25px; box-sizing:border-box;}
.index_ad li{width:25%; height: 380px; box-sizing:border-box; float:left; overflow:hidden; position:relative;}
.index_ad li .c{width:100%; overflow:hidden;}
.index_ad li .c .img{ width: 100%; height: 100%;text-align: center;}
.index_ad li .c .img{}
.index_ad li .c .index_top_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.31); opacity: 1;}
.index_ad li:hover .index_top_bg{ opacity: 0;}

.index_ad li:hover img{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: 0; top: 0; width: 100%; height: 100%; padding: 30px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.index_ad li .txt h1, .index_ad li .txt h2{color:#fff; font-size:20px;}
.index_ad li .txt h1{ width: 100%; line-height: 30px; color: #fff; font-size: 28px; font-family: "Raleway-Regular";}
.index_ad li .txt h2{font-size:14px; line-height:150%;}
.index_ad li .c .index_top_icon{ display: block; position: absolute; width: 26px; height: 26px; background: url('/static/themes/t217/images/index_top_icon_bg.png') no-repeat center #D0111B; z-index: 3;}
.index_ad li .c.index_top_0 .index_top_icon{ left: 97px; bottom: 146px;}
.index_ad li .c.index_top_1 .index_top_icon{ right: 103px; top: 131px;}
.index_ad li .c.index_top_2 .index_top_icon{ left: 142px; top: 229px;}
.index_ad li .c.index_top_3 .index_top_icon{ right: 51px; top: 144px;}

.index_pro{height:660px;}
.index_pro .toptitle{ position: relative; width: 100%; height: 96px; line-height: 96px; font-size: 36px;text-align: center; color:#333; font-family:"Raleway-Regular";}
.index_pro .toptitle:before{ display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 35px; height: 2px; background: #c3c3c3; margin-left: -17.5px;}
.index_pro .toptitle div{border-bottom:2px solid #ddd; padding-top:30px; width:36px; margin:0 auto;}
.index_pro .sectitle{margin-top: 15px;font-size: 16px;color: #999;line-height: 24px;text-align: center; margin-bottom:40px;}
.index_pro .indprolist{position:relative; margin-top:52px; height:410px; border:1px solid #ddd; border-left:none;}
.index_pro .item{position: relative;width:299px; height:410px; text-align: center; box-sizing:border-box; border-left:1px solid #ddd; padding:30px;}
.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 .pic{width: 100%; overflow: hidden;text-align:center; margin-top:15px;}
.index_pro .item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_pro .bx-controls{ width:100%; margin-top: 49px;}
.index_pro .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}

.index-column-ad{background:#f7f7f7; height:590px;}
.index-column-ad .lefter{width:50%; height:100%; float:left; overflow:hidden; padding:120px 100px; box-sizing:border-box; color:#fff;}
.index-column-ad .lefter h1{text-align:center; font-size:36px; color:#D0111B; font-family:"Raleway-Regular";}
.index-column-ad .lefter h1 div{border-bottom:2px solid #D0111B; padding-top:25px; width:36px; margin:0 auto;}
.index-column-ad .lefter .txt{padding:36px 0; color:#9ca0a1; line-height:200%; font-size:15px; text-align:center; font-weight: bold;}
.index-column-ad .lefter .link a{display:block; width:140px; height:50px; line-height:50px; text-align:center; text-decoration:none; background:#D0111B; border-radius:5px; margin:0 auto; font-size:15px; color: #fff; text-transform:uppercase;}
/*.index-column-ad .lefter .link a:hover{background:#fbc82d;}*/
.index-column-ad .ad{width:50%; float:left; overflow:hidden; height:100%;}
.index-column-ad .ad a{display:block; width:100%; height:100%;}
.index-column-ad .ad img{height:100%;}

.index_news{ position: relative; margin-top: 17px;/* height: 470px;*/}
.index_news .top_title{ position: relative; height: 93px; line-height: 93px; font-size: 36px;text-align: center; color:#333; font-family:"Raleway-Regular";}
.index_news .top_title:before{ display: block; content: ''; position: absolute; width: 35px; height: 2px; background: #c3c3c3; left: 50%; bottom: 0; margin-left: -17.5px;}
.index_news .top_title div{border-bottom:2px solid #ddd; padding-top:25px; width:36px; margin:0 auto;}
.index_news .list{position:relative; width:100%; margin-top:50px;}
.index_news .list .item{float:left; height:190px; overflow:hidden; width:50%;}
.index_news .list .item.no_img .img{display:none;}
.index_news .list .item.no_img .info{padding-left:0;}
.index_news .list .item .box{width:100%; height:100%; position:relative;}
.index_news .list .item .img{width:50%; float:left;}
.index_news .list .item .img img{max-height:190px; width:100%;}
.index_news .list .item .info{width:50%; float:left; padding-left:30px; box-sizing:border-box;}
.index_news .list .item .info .date{font-size:16px; color:#333;}
.index_news .list .item .info .date span{margin-right:10px; font-size:30px; color:#D0111B;}
.index_news .list .item .info .title{line-height:150%; padding:10px 0; font-size:16px;overflow: hidden;}
.index_news .list .item .info .title a{font-weight: bold;}
.index_news .list .item .info .desc{color:#555; line-height:178%; font-size:15px;}
.index_news .bx-controls{/*position:absolute; top:250px; left:0;*/ margin-top: 61px; margin-bottom: 64px; width:100%;}
.index_news .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}


@media only screen and (max-width: 1690px){
	.index-column-ad .lefter{padding:80px 50px;}
	.index-column-ad{ height:490px;}
}
@media only screen and (max-width: 1280px){
	.index-column-ad .lefter{padding:30px 20px;}
	.index-column-ad{ height:390px;}
}


/*手机版*/
@media only screen and (max-width: 768px){
	.banner{top:0; margin-bottom:0;padding-top: 0;}
	
	.index_ad{padding:5px;}
	.index_ad li{width:50%; padding:5px;height: auto;}
	.index_ad li:nth-child(3){clear: both;}
	.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_pro{height:370px;}
	.index_pro .toptitle{font-size:24px;}
	.index_pro .toptitle div{padding-top:20px;}
	.index_pro .indprolist{margin-top:20px; height:250px;}
	.index_pro .item{width:50%; height:250px;}
	.index_pro .bx-controls{top:290px;}
	
	.index-column-ad{height:auto;}
	.index-column-ad .lefter{width:100%; float:none; height:auto; padding:20px;}
	.index-column-ad .lefter h1{font-size:24px;}
	.index-column-ad .lefter h1 div{padding-top:15px;}
	.index-column-ad .lefter  .txt{padding:10px 0;}
	.index-column-ad .lefter .link a{height:40px; line-height:40px;}
	.index-column-ad .ad{width:100%; float:none; height:auto;}
	.index-column-ad .ad img{height:auto;}
	
	.index_news{padding:10px 0;}
	.index_news .top_title{font-size:20px; font-weight:normal;}
	.index_news .top_title div{padding-top:15px;}
	.index_news .list{margin-top:20px;}
	.index_news .list .item{width:100%;height: auto; padding:0 10px; box-sizing:border-box;}
	.index_news .list .item .img{width:100%;float: none;}
	.index_news .list .item .img img{max-height: 100%;width:auto;}
	.index_news .list .item .info{width:100%;float: none;}
	.index_news .list .item .info .title{font-size:12px; padding:5px 0;}
	.index_news .list .item .info .date span{font-size:24px;}
	.index_news .bx-controls{top:170px;margin: 4% 0;}
	
}