/*bannerk开始*/
.banner{
    width: 100%;
    height: 678px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
	overflow:hidden;
}
.banner ul{
    width: 5760px;
    height: 678px;
    position: absolute;
    left: 0;
    top: 0;
}
.banner ul li{
    float: left;
    width: 1920px;
    height: 678px;
    position: relative;
}
.banner ul li a img{
    width: 1920px;
    height: 678px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -960px;
    margin-top: -339px;
}
/*主体部分*/
.main .main-l{
    padding: 20px 20px 0px 60px;
    width: 530px;
    float: left;
}
.main .main-l li{
    float: left;
    padding: 0px 10px 20px 0;
}
.main .main-l li:last-child {
    float: left;
    padding: 0px 0px 20px 0;
}
.main .main-l li.current{
    padding-right: 0;
}
.main .news{
    width: 510px;
    height: 360px;
    background: #efefef;
    float: left;
    padding: 0px 20px;
    margin-top: 20px;
    position: relative;
}
.main .news i{
    position: absolute;
    right: 0;
    top: 0;
}
.main .news i a{
    display: block;
    width: 41px;
    height: 41px;
    background:url(../../images/ftgw/ico_03.png) no-repeat;
}
.main .news h2{
    color:#535353;
    font-size: 26px;
    background: url(../../images/ftgw/news-bg.png) no-repeat left bottom;
    height: 52px;
    line-height: 52px;
}
.main .news ul li a{
    display: block;
    height: 48px;
    line-height: 48px;
    color: #333;
}
.main .news ul li:hover a,.main .news ul li.current a{
    color: #d80935;
}
.main .news ul li a b{
    float: left;
    width: 16px;
    text-align: center;
}
.main .news ul li a p{
    float: left;
}
.main .news ul li a em{
    float: right;
    font-style: normal;
}
.contact .container{
    padding: 0px 60px;
    width: 1060px;
/*    background: #efefef;*/
}
.contact .container li{
    float: left;
    margin-right: 30px;
}
.contact .container li.li3{
    margin: 0;
}
.contact .container li a{
    display: block;
    background: #efefef;
    width: 333px;
    height: 280px;
    padding-top: 45px;
    border-top: 5px solid #d80935;
}
.contact .container li a i{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background:#333 url(../../images/ftgw/Platform.png) no-repeat center center;
    border-radius: 55px;
}
.contact .container .li2 a i{
    background:#333 url(../../images/ftgw/Cooperation.png) no-repeat center center;
}
.contact .container .li2:hover a i{
    background:#d80935 url(../../images/ftgw/Cooperation.png) no-repeat center center;
}
.contact .container .li3 a i{
    background:#333 url(../../images/ftgw/Contact.png) no-repeat center center;
}
.contact .container .li3:hover a i{
    background:#d80935 url(../../images/ftgw/Contact.png) no-repeat center center;
}
.contact .container li:hover a i{
    background:#d80935 url(../../images/ftgw/Platform.png) no-repeat center center;
}

.contact .container li a h3{
    text-align: center;
    padding-top: 25px;
    color: #333;
}
.contact .container li:hover a h3{
    color: #d80935;
}
.contact .container li a p{
    text-align: center;
    padding: 10px 0 10px;
    color: #333;
    font-weight: 700;
}
.contact .container li a .spe{
    position: relative;
    height: 113px;
    overflow: hidden;
}
.contact .container li a .more{
    position: absolute;
    left: 0;
    top: -50px;
    width: 333px;
}
.contact .container li a .more p{
    text-align: center;
    padding: 0 50px;
}
.contact .container li:hover a .more p,.contact .container li:hover a .more b{
    transform: translate(0,50px);
    transition:all 1s ease-out;
}
.contact .container li a .more b{
    display: block;
    height: 26px;
    width: 100%;
    background: url(../IMAGE/more.png) no-repeat center center;
    margin: 10px auto;
}

/*媒体查询--开始*/
@media (max-width: 1024px) {
	.main .main-l
		{
			padding: 20px 0px 0px 39px;
			width:44%;
		}
	.main .main-l li{
			
	    padding: 1px 11px 20px 0;
		width: 30%;
		
	}

	.main .main-l li:nth-child(2)
		{
			width:62%;
		}

	.main .news
	{
		width: 35%;
		padding: 0px 8px;
	}
	.flexslider
		{
	        width:100%;
			margin-left:0px !important;
			max-width: 1008px !important;
			overflow: hidden !important;
			left: 0% !important;
			
		}
	.flexslider .slides > li
		{
			height:346px !important;	
		}
		
	.contact .container {
    padding: 0px 10px;
    width: 100%;
	}
	.contact .container li{
		margin-right:17px;
	}
	
	.contact .container li a{
	width: 319px;
	}

}