﻿


.two-third{ width:100%; float:none; background-color:#fff;}
#top{background:url(../images/about_bg.png) no-repeat; background-size:cover; width:100%; height:708px;position:relative;
	overflow:hidden;}
#top img{ position:absolute; width:90%;right: 2%;top: 5%;}
#top div{ width:50%; height:240px; background:#fff; position:absolute; bottom:0; padding-top: 55px;}
#top div span{ font-size:2em; color:#000;}
#top div p{ padding-left:5%; font-size:1.5em; color:#000; margin:0; padding-right:5%;}
#top div h3{ color:#666; font-size:0.8em; padding-left:5%; padding-top: 10px;line-height: 22px;
	padding-right:5%;}

#top_phone{ display:none;}

.who{ background-color:#fff; text-align:center; width:1260px; margin:0 auto; padding-bottom:90px;}
.who h3{ color:#000; font-size:3em;padding-top:60px;padding-bottom:0 !important;}
.who h2{ width:72px; height:2px; background-color:red; padding:0; margin:0; display:inline-block;}
.who h1{ color:red; font-size:24px;padding-top:1%; padding-bottom:1%;}
.who p{ padding:0; margin:0; line-height:26px; color:#666; font-size:15px !important;}

.who .fl{ width:50%; float:left; margin-top:60px; height:630px; overflow:hidden;  }
.who .fr{ width:50%; float:left; margin-top:60px;height:630px; overflow:hidden;  }
.who .fr img{ float:left;}

.who .fl img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;width:100%;height:100%;}
.who .fl img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

.who .fr div{ width:50%; height:315px; overflow:hidden;    float: left; background:#000;}
.who .fr img{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;
	width:100%;height:100%;}
.who .fr img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

.team{ width:100%; height:auto;text-align:center; background:url(../images/about_5.jpg) no-repeat;background-size:cover;overflow:hidden;}
.team h3{ color:#fff; font-size:3em;padding-top:5%;}
.team h2{ width:72px; height:2px; background-color:red; padding:0; margin:0; display:inline-block;}
.team p{ color:#fff; font-size:18px; margin:0;}
.team a{ color:#fff; margin-top:5%; width:210px; height:45px; font-size:18px; display:inline-block; line-height:43px; text-align:center; border:1px solid #fff;}
.team a:hover{ background:red;border:1px solid red;}


.team .fl{ width:50%; float:left;padding-top:3%;position:relative; padding-bottom:90px;}
.team .fr{ width:50%; float:left;padding-top:3%;position:relative; padding-bottom:90px;}
.team .fl table{margin-left:20%;}
.team .fr table{margin-left:20%;}
.team table{ background-color:inherit;border:none; width:initial;}
.team table tr{ line-height:75px; display:block;}
.team table tr td{ border-top:none; vertical-align:top;padding-bottom:30px;}
.team table tr td h3{ padding:0; padding-left:5%; margin:0; font-size:24px;}
.team table tr td p{ padding-left:5%; font-size:14px; padding-top:2%;white-space:nowrap;}


.icon1{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.icon2{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.icon3{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.icon4{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.icon5{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.icon6{transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}


.icon1{ background:url(../images/i_1.png) no-repeat; display:block; width:80px; height:80px;}
.icon1:hover{ background:url(../images/i_1_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}


.icon2{ background:url(../images/i_2.png) no-repeat;display:block; width:80px; height:80px;}
.icon2:hover{ background:url(../images/i_2_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

.icon3{ background:url(../images/i_3.png) no-repeat;display:block; width:80px; height:80px;}
.icon3:hover{ background:url(../images/i_3_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}


.icon4{ background:url(../images/i_4.png) no-repeat; display:block; width:80px; height:80px;}
.icon4:hover{ background:url(../images/i_4_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}


.icon5{ background:url(../images/i_5.png) no-repeat;display:block; width:80px; height:80px;}
.icon5:hover{ background:url(../images/i_5_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

.icon6{ background:url(../images/i_6.png) no-repeat;display:block; width:80px; height:80px;}
.icon6:hover{ background:url(../images/i_6_1.png) no-repeat;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}




.client{width:100%;text-align:center;padding-top:75px; background-color:#fff;padding:5% 3%;}
.client ul{ list-style:none; margin-top:10px;}
.client ul li{ float:left; width:20%; background-color:#666;margin-top: 5px; background-color:#fff;}
.client h3{ color:#000; font-size:40px;}
.client h2{ width:72px; height:2px; background-color:red; padding:0; margin:0; display:inline-block;}
.client ul li img{padding:0 10%;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;
	}
.client ul li img.new{ display:none;}

/*
.client ul li img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
*/

@media only screen and (max-width: 1440px) {
	.team .fl table{margin-left:20%;}
	.team .fr table{margin-left:10%;}
}

@media only screen and (max-width: 1366px) {
	.who{width:95%;margin:0 auto;padding-bottom:40px;}
	.team .fl table{margin-left:15%;}
	.team .fr table{margin-left:10%;}
}

@media only screen and (max-width: 1280px) {
	
	
	
	.who{width:95%;margin:0 auto;padding-bottom:40px;}
	.who .fl , .who .fr{height:500px;}
	.who .fr div{height:250px;}
	.team h3{padding-top:0px;}
	.team{padding-top:2%;}
	.team .fl , .team .fr{padding-top:0;}
	

    #slides .cus_line { text-align:center;}
    #slides h2{ font-size:24px;}
    .large-font{ font-size:38px;}
   
    
	
    .team{ height:auto;padding:5% 15px 0;}
    .team .fl{ width:50%; float:left; padding-left:0;}
    .team h2{ text-align: center; margin-bottom:5%;}
    .team a{ display:none;}
    .team p{ font-size:14px; padding-top:1%;padding-right: 5%;padding-left: 5%;}
    .team .fr{ float:right; width:50%; padding-bottom:0;}
    .team table tr{ width:100%;}
    .team table tr td h3{ font-size:20px;}
    
    .icon1{  background-size:100%; width:70px;}
    .icon1:hover{ background-size:100%;width:70px;}
    .icon2{ background-size:100%; width:70px;}
    .icon2:hover{ background-size:100%;width:70px;}
    .icon3{ background-size:100%; width:70px;}
    .icon3:hover{ background-size:100%;width:70px;}
   
    
    .client{ padding-left:15px; padding-right:15px; height:auto; padding-top:50px;}
    .client h3{ font-size:3em; }
    .client h2{margin-top:-20px;margin-bottom:20px;}
    .client ul{ text-align:center; margin:0 auto;}
    .client ul li{background-color:inherit;margin-left:0; width:20%; height:auto;float:left; padding:0;}
    .client ul li img{ position:relative;  padding:0;}
	

	
	.team .fl table{margin-left:10%;}

	
    
}
@media only screen and (max-width: 1024px) {
	
	.team table tr td p{white-space:normal;}
	
	
	
}



@media only screen and (max-width: 959px) {
	
	.who{ padding-left:0px; padding-right:0px; padding-bottom:0px; width:100%;padding:0 20px;}
    .who h3{ font-size:24px;padding-bottom:0; padding-top:5%;}
    .who h1{ font-size:18px;padding-bottom:3%;}
    .who .fl{ float:none; width:100%; padding:0; padding-top:0px; height:auto;}
    .who .fl img{ width:100%;margin-bottom: -8px;}
    .who .fr{float:none; width:100%; padding:0; padding-top:0px;height:auto; margin-top:0px;}
    .who .fr img{width:100%;height: auto;}
    .who .fr div{ width:50%;height: auto;}
	
	
	
}


@media only screen and (max-width: 640px) {
	
	
	
	
    .client ul li{width:50%;}
	
	.team{ padding-top: 5%; padding-bottom: 15%; height:auto;background-size:cover; padding-left:15px; padding-right:15px;}
    .team .fl{ width:100%; float:none; padding-left:0;}
    .team h3{ font-size:14px;padding: 5%;}
    .team h2{ text-align: center; margin-bottom:5%;}
    .team a{ display:none;}
    .team p{ font-size:14px; padding-top:1%;padding-right: 5%;padding-left: 5%;}
    .team .fr{ float:none; width:100%; padding-bottom:0;}
    .team table tr{ width:100%;}
    .team table tr td h3{ font-size:20px;}
	
	.team .fl table{margin-left:10%;}
	.team .fr table{margin-left:10%;}
	.client ul li img{border:1px solid #cbc8c8;}
}




