﻿@charset "utf-8";
/* CSS Document */

@media (max-width: 480px){

.avatar{width: 100%;height:360px;float:left;margin-bottom: 30px}	
.team-avatar img {height: 260px;width:100%;}
.col-xs-11{margin:0 auto;float:none}	
.bottom48 {margin-bottom: 0 !important;}
.bottom20{margin-bottom: 20px}
.pricing {margin-top: 92px;padding-left: 0;}
.banner-info {position: relative;padding-top: 18em;}
	.features-bg .features p{font-size: 20px;color:#666}  
	.silder-left {width: 91.66666667%;margin-right: 18px;height:auto;}
	.silder-right {width: 91.66666667%;margin-left: 18px;}
	.features1 {padding: 40px 0 0 36px !important;}
    .bg1 a{font-size: 19px;color:#333;display: block;width:95%;padding-left: 16px}
	.bg1 p{padding-left:5%;width: 95%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}}
	
} 

.press-left img {width: 210px;height: 150px;}


@media (max-width: 768px){

	.exc-left{width:91.66666667%;margin-left:22px}	
	.top55 { margin-top: 55px;}

	.exc-right{width:91.66666667%;margin-right:15px}
	.black{top:20px}
	.bg a{width:95%;padding-left:5%}
	.bg p{padding-left:5%;width: 96%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.press-left{padding-left: 5%}
	.zhuanye{padding-left: 10px;}
	.aui-nav-list-box ul li{width: 45%}
	#filter li a{width: 100% !important;font-size: 10px;letter-spacing: -0.1em;}
	.bg-hui {background: #f6f6f6;padding: 30px 50px 20px 50px;}
} 



@media (min-width: 800px){
		
.planning{width:212px;height:212px;margin-left:31px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 700px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 216px;height:400px;float:left;margin-right:17.3px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 60px;}
	.w3pvt-logo h3 span{font-size:40px}
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 80px;padding-left: 69px;}
.banner-info {position: relative;padding-top:1em;}

}

@media (min-width: 992px){

}

@media (min-width: 1024px){

.planning{width:226px;height:226px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 800px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 250px;height:400px;float:left;margin-right:16.6px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 60px;}
	.w3pvt-logo h3 span{font-size:40px}
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 80px;padding-left: 69px;}
.banner-info {position: relative;padding-top:1em;}
	
}


@media (min-width: 1152px) {
.planning{width:259px;height:259px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 900px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 278px;height:350px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 80px;}
	
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 80px;padding-left: 69px;}
.banner-info {position: relative;padding-top:1em;}
	


} /*>=1280的设备*/


@media (min-width: 1176px) {
.planning{width:259px;height:259px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 900px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 268px;height:350px;float:left;margin-right:32px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 80px;}
	
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 80px;padding-left: 69px;}
.banner-info {position: relative;padding-top:1em;}
	


} /*>=1280的设备*/

@media (min-width: 1280px) {
	
    .planning{width:259px;height:259px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 900px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 278px;height:350px;float:left;margin-right: 22px;margin-left:0;margin-bottom: 30px;}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 100px;}
	
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 80px;padding-left: 69px;}
.banner-info {position: relative;padding-top: 10em;}
.w3pvt-logo h3 span {font-size: 45px;}
	
} /*>=1280的设备*/

@media (min-width: 1360px) {
.features-bg .features p {font-size: 16px;}
	.planning{width:213px;height:213px;margin-left:30px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 700px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 211px;height:350px;float:left;margin-right: 22px;margin-left:0;margin-bottom: 30px;}
	
	.press-left{width: 35%;padding-left: 17px;overflow: hidden;}
	.press-right{width: 60%;padding-left:15px;}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 90px}
.banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}

} 

@media (min-width: 1366px) {

    .features-bg .features p {font-size: 16px;}
	.planning{width:213px;height:213px;margin-left:30px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 700px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 211px;height:350px;float:left;margin-right: 22px;margin-left:0;margin-bottom: 30px;}
	
	.press-left{width:35%;padding-left: 17px;overflow: hidden;}
	.press-right{width:60%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 100px}
.banner-info {position: relative;padding-top: 0em;}
	.w3pvt-logo h3 span {font-size: 50px;}
}  
@media (min-width: 1400px) {
	
    .planning{width:232px;height:232px;margin-left:51px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 800px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 244px;height:400px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:30%;padding-left: 17px;overflow: hidden;}
	.press-right{width:65%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 100px}
	.features-bg .features p{font-size: 20px;color:#666}  
.banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}
	.w3pvt-logo h3 span {font-size: 60px;}

} 

@media (min-width: 1440px) {
	
    .planning{width:266px;height:256px;margin-left:30px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 860px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 254px;height:400px;float:left;margin-right:32px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;overflow: hidden;}
	.press-right{width:70%;padding-left:15px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 90px}
	.pricing {margin-top: 70px;padding-left: 69px;}
	.features-bg .features p{font-size: 20px;color:#666}  
	.banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}
	.w3pvt-logo h3 span {font-size: 60px;}
} 

@media (min-width: 1600px) {

    .planning{width:300px;height:300px;margin-left:30px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 960px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 298px;height:400px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;}
	.press-right{width:73%;padding-left:10px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 120px}
	.w3pvt-logo h3 span {font-size: 60px;}
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 92px;padding-left: 69px;}
	.features-bg .features p{font-size: 20px;color:#666}  
	.banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}
	
} 
@media (min-width: 1680px) {

	.planning{width:292px;height:292px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 1000px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 311px;height:460px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;}
	.press-right{width:73%;padding-left:10px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 120px}
	
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 92px;padding-left: 69px;}
	.features-bg .features p{font-size: 20px;color:#666}  
.banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}
	.w3pvt-logo h3 span {font-size: 60px;}
} 
@media (min-width: 1768px) {

    .planning{width:319px;height:319px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0}
	.Building{width: 1080px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 338px;height:460px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px}
	
	.press-left{width:25%;padding-left: 17px;}
	.press-right{width:73%;padding-left:10px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
    .w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 120px}
	.features-bg .features p{font-size: 20px;color:#666}  
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.pricing {margin-top: 92px;padding-left: 69px;}
    .banner-info {position: relative;padding-top: 0em;}
	.banner-text {padding: 4vw 0 2vw;}
	.w3pvt-logo h3 span {font-size: 60px;}
} 

@media (min-width: 1920px) {
	
	.planning{width:319px;height:319px;margin-left:61px;float: left}
	.planning:first-child,.avatar:first-child{margin-left:0;}
	.Building{width: 1080px;min-height:321px;margin:0 auto}
	.width40{width:40%;float:left}
	.width60{width:60%;float: left}
	.avatar{width: 338px;height:460px;float:left;margin-right:22px;margin-left:0;margin-bottom: 30px;}
	
	.press-left{width:25%;padding-left: 17px;}
	.press-right{width:73%;padding-left:10px}
	.bottom4{margin-bottom: 4px}
	.client{margin-top:35px;margin-bottom: 6px}
	.top73{margin-top:73px}
	.top55{margin-top: 55px}
	.w3pvt-logo h2,.w3pvt-logo h3 {display: inline-block;text-transform: capitalize;color: #ebe51a;font-family: "Penumbra";font-size: 120px}
	
	.col-xs-11{padding-left:0;padding-right: 0;margin-bottom:0;}
	.top20{margin-top:20px}
	.pricing {margin-top: 92px;padding-left: 69px;}
	.banner-info {position: relative;padding-top: 0em;}
	.features-bg .features p{font-size: 20px;color:#666}  
	.banner-text {padding: 4vw 0 2vw;}
	
	.w3pvt-logo h3 span {font-size: 60px;}
	
}

.press-left img{width:210px;height:150px}

