/*1600*900��ʾ����*/
/* �������������Ȳ�����500pxʱ abc ��ʾ100px��� */

body{
		font-family:"Microsoft YaHei" !important;
}
p h1 h2 h3 h4 h5 span  a{
	font-family:"Microsoft YaHei" !important;
}
@media(max-width: 4096px) {
	.orderdiv {
	    width: 311px;
	    height: 500px;
	    position: absolute;
	    z-index: 50;
	    right: 24%;
	    top: 14%; 
	}
	.caidiv {
	    float: left;
	    margin-right: 0em !important;
	}
	
	.navbar-nav {
	    float: right;
	    margin-left: 20% !important;
	        width: 1010px;
	        font-family:"Microsoft YaHei" !important;
	}
	.showinvited p{
		margin: 12px 0px 0px 2px;
		font-size:1.3em;
		font-family: Microsoft YaHei;
	}
	.bannerbottomright h4 h3{
		font-family: Microsoft YaHei;
	}
	.caidiv {
	    float: left;
	    margin-left: 34em;
	    margin-top: 2em !important;
	}
	.banner1 {
	    background: url(../images/bg2.jpg) no-repeat 0px 0px;
	        background-size: auto auto;
	    background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    -moz-background-size: cover;
	    min-height: 167px !important;
	}
}
@media(max-width: 2560px) {
	.orderdiv{
		width: 311px;
		height: 500px;
		position: absolute;
		z-index: 50; 
		right: 24%;
		top: 14%;
	}
	.qieh>h3{
		font-size: 3.0em !important;
	}
	.elegant{
		height: 46em;
	}
	
	.video_b{
			width: 100%;
			height: 100%;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% ;
	}
	.services-bottom{
		background: #06b393;
		background: #F0C90E;
		padding: 6em 4em 3em 5em !important;
	}
	.bannerbottomright h4{
		font-size: 29px !important;
	}
	.callbacks_nav{
		top: 86% !important;
	}
	.caiyunlist{
		position: fixed;
		top:34em ;
	}
	.nav>li>a{
		font-size: 1.3em !important;
	}
	.collapse{
		/* float: right; */
		margin-top: -6px;
		margin-left: 93px;
	}
	.w3layouts-banner-top{
		min-height:770px !important;
	}
	.w3layouts-banner-top1{
		min-height:770px !important;
	}
	.w3layouts-banner-top2{
		min-height:770px !important;
	}
	.w3layouts-banner-top3{
		min-height:770px !important;
	}
	.w3layouts-banner-top4{
		min-height:770px !important;
	}
	.w3layouts-banner-top5{
		min-height:770px !important;
	}
	.w3layouts-banner-top6{
		min-height:770px !important;
	}
	.w3layouts-banner-top7{
		min-height:770px !important;
	}
	.banner-dott{
		min-height:770px !important;
	}
	.banner-dott1{
		min-height:770px !important;
	}
	.navbar-header > h1 > a > img {
    	width: 612px !important;
	}
	.caidiv{
		float: left;
   		 margin-left: 34em;
	}
	
	.navbar-right{
		margin-top: 0.5em  !important;
	}
	.nav-contact-w3ls{
		font-size: 20px !important;
		float:rigth !important;
		margin-top: 6px !important;
	}
	#team>.container{
		margin-top: 106px;
	}
	.navbar-nav {
	    float: right;
	    margin-left: 20% !important;
	        width: 1010px;
	}
}



@media(max-width: 1920px){
	.orderdiv{
		width: 311px;
		position: absolute;
		right: 10%;
		top: 3%;
	}
	
	.clients {
	    background: #500080;
	    padding: 2em 2em 6em 12em;
	}
	
	.elegant {
	    height: 38em;
	}
	.video_b{
			width: 100%;
			height: 100%;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% ;
	}
	.clients {
	    background: #500080;
	    padding: 1em 2em 4em 8em !important;
	}		
	.bannerbottomright>h4{
		font-size: 20px !important;
	}
	.caiyunlist{
		position: fixed;
		top:30em !important;
	}
	.nav>li>a{
		font-size: 1.2em !important;
	}
	.w3layouts-banner-top{
		min-height:603px !important;
	}
	.w3layouts-banner-top1{
		min-height:603px !important;
	}
	.w3layouts-banner-top2{
		min-height:603px !important;
	}
	.w3layouts-banner-top3{
		min-height:603px !important;
	}
	.w3layouts-banner-top4{
		min-height:603px !important;
	}
	.w3layouts-banner-top5{
		min-height:603px !important;
	}
	.w3layouts-banner-top6{
		min-height:603px !important;
	}
	.w3layouts-banner-top7{
		min-height:603px !important;
	}
	.banner-dott{
		min-height:603px !important;
	}
	.banner-dott1{
		min-height:603px !important;
	}
	.navbar-nav {

	    float: right;
	    margin-left: 12% !important;

	}
	.caidiv {
	    float: left;
	    margin-left: 0em;
	}
	.navbar-header > h1 > a > img {
   		 width: 522px !important;
	}
}
@media(max-width: 1680px){
	.orderdiv{
		width: 311px;
		position: absolute;
		right: 10%;
		top: 3%;
	}
	
	.clients {
	    background: #500080;
	    padding: 2em 2em 6em 12em;
	}
	
	.elegant {
	    height: 38em;
	}
	.video_b{
			width: 100%;
			height: 100%;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% ;
	}
	.clients {
	    background: #500080;
	    padding: 1em 2em 4em 8em !important;
	}		
	.bannerbottomright>h4{
		font-size: 20px !important;
	}
	.caiyunlist{
		position: fixed;
		top:34em !important;
	}
	.nav>li>a{
		font-size: 1.2em !important;
	}
	.w3layouts-banner-top{
		min-height:526px !important;
	}
	.w3layouts-banner-top1{
		min-height:526px !important;
	}
	.w3layouts-banner-top2{
		min-height:526px !important;
	}
	.w3layouts-banner-top3{
		min-height:526px !important;
	}
	.w3layouts-banner-top4{
		min-height:526px !important;
	}
	.w3layouts-banner-top5{
		min-height:526px !important;
	}
	.w3layouts-banner-top6{
		min-height:526px !important;
	}
	.w3layouts-banner-top7{
		min-height:526px !important;
	}
	.banner-dott{
		min-height:526px !important;
	}
	.banner-dott1{
		min-height:526px !important;
	}
	.navbar-header > h1 > a > img {
   		 width: 456px !important;
	}
	.h3, .h3 {
   		 font-size: 20px !important; 
	}
	.navbar-nav {
	    float: right;
	    margin-left: 20% !important;
	    width: 795px;
	}
	.caidiv {
	    margin-top: 1em !important;
	}
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea, .banner-form-agileinfo .form-control {
	    border: none;
	    width: 100%;
	    background: rgba(0, 0,0, 0.94);
	    padding: 10px 15px;
	    margin-bottom: 8px !important;
	    outline: none;
	    font-size: 14px;
	    color: #fff;
	    letter-spacing: 1px;
	}
}

@media(max-width: 1600px){
	.orderdiv{
		width: 311px;
		position: absolute;
		right: 11%;
		top: 8%;
	}
	.qieh h3{
		font-size: 2.1em  !important;
	}
	.w3layouts-banner-top{
    background-size:contain;	
	-moz-background-size: contain;
	-o-background-size: contain;		
	-moz-background-size: contain;
	
	}
	.w3layouts-banner-top1{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;
		min-height:470px !important;
	}
	.w3layouts-banner-top2{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.w3layouts-banner-top3{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.w3layouts-banner-top4{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.banner-dott, .banner-dott1 {
	    background-size: 2px;
	    -moz-background-size: 2px;
	    -o-background-size: 2px;
	    -ms-background-size: 2px;
		min-height:470px !important;
	}
	.banner-form-agileinfo{
		padding: 2% 2em !important;
	}
	.elegant{
		height: 35em;
	}
	.clients{
		padding: 2em 2em 2em 2em !important;
	}
	.video_b{
			width: 100%;
			height: 100% !important;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% !important;
	}
	.services-bottom {
    	padding: 8em 4em 1em 4em !important;
	}
	.bannerbottomright>h4{
		font-size: 16px !important;
	}
	.caiyunlist{
		position: fixed;
		top:29em !important;
	}
	.nav>li>a{
		font-size: 0.9em !important;
	}
	.navbar-header > h1 > a > img {
   		 width: 430px !important;
	}
	.w3layouts-banner-top{
		min-height:470px !important;
	}
	.w3layouts-banner-top1{
		min-height:470px !important;
	}
	.w3layouts-banner-top2{
		min-height:470px !important;
	}
	.w3layouts-banner-top3{
		min-height:470px !important;
	}
	.w3layouts-banner-top4{
		min-height:470px !important;
	}
	.w3layouts-banner-top5{
		min-height:470px !important;
	}
	.w3layouts-banner-top6{
		min-height:470px !important;
	}
	.w3layouts-banner-top7{
		min-height:470px !important;
	}
	.banner-dott{
		min-height:470px !important;
	}
	.banner-dott1{
		min-height:470px !important;
	}
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea, .banner-form-agileinfo .form-control {
	    border: none;
	    width: 100%;
	    background: rgba(0, 0,0, 0.94);
	    padding: 10px 15px;
	    margin-bottom: 6px !important;
	    outline: none;
	    font-size: 14px;
	    color: #fff;
	    letter-spacing: 1px;
	}
}

@media(max-width: 1440px){
	.orderdiv{
		width: 311px;
		position: absolute;
		right: 11%;
		top: 8%;
	}
	.qieh h3{
		font-size: 2.1em  !important;
	}
	.w3layouts-banner-top{
    background-size:contain;	
	-moz-background-size: contain;
	-o-background-size: contain;		
	-moz-background-size: contain;
	
	}
	.w3layouts-banner-top1{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;
		min-height:470px !important;
	}
	.w3layouts-banner-top2{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.w3layouts-banner-top3{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.w3layouts-banner-top4{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:470px !important;
	}
	.banner-dott, .banner-dott1 {
	    background-size: 2px;
	    -moz-background-size: 2px;
	    -o-background-size: 2px;
	    -ms-background-size: 2px;
		min-height:470px !important;
	}
	.banner-form-agileinfo{
		padding: 2% 2em !important;
	}
	.elegant{
		height: 35em;
	}
	.clients{
		padding: 2em 2em 2em 2em !important;
	}
	.video_b{
			width: 100%;
			height: 100% !important;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% !important;
	}
	.services-bottom {
    	padding: 8em 4em 1em 4em !important;
	}
	.bannerbottomright>h4{
		font-size: 16px !important;
	}
	.caiyunlist{
		position: fixed;
		top:29em !important;
	}
	.nav>li>a{
		font-size: 0.9em !important;
	}
	.collapse{
		float: right;
		margin-top: -6px;
		margin-left: 40px;
	}
	.w3layouts-banner-top{
		min-height:450px !important;
	}
	.w3layouts-banner-top1{
		min-height:450px !important;
	}
	.w3layouts-banner-top2{
		min-height:450px !important;
	}
	.w3layouts-banner-top3{
		min-height:450px !important;
	}
	.w3layouts-banner-top4{
		min-height:450px !important;
	}
	.w3layouts-banner-top5{
		min-height:450px !important;
	}
	.w3layouts-banner-top6{
		min-height:450px !important;
	}
	.w3layouts-banner-top7{
		min-height:450px !important;
	}
	.banner-dott{
		min-height:450px !important;
	}
	.banner-dott1{
		min-height:450px !important;
	}
	.bannerbottomright{
		padding: 2em 6em 4em 4em !important;
	}
	.btnadd{
		display:none;
	}
	.caidiv{
			float: left;
			margin-right: 1em !important;
			 
	}
	.navbar-nav {
	    float: right;
	    margin-left: 0% !important;
	    width: 605px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	padding: 0;
    	margin-top: 15px !important;
    	margin-right: 121px;
	}
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea, .banner-form-agileinfo .form-control {
	    border: none;
	    width: 100%;
	    background: rgba(0, 0,0, 0.94);
	    padding: 10px 15px;
	    margin-bottom: 7px !important;
	    outline: none;
	    font-size: 14px;
	    color: #fff;
	    letter-spacing: 1px;
	}
}

@media(max-width: 1280px){
	.orderdiv{
		width: 311px;
		position: absolute;
		right: 11%;
		top: 8%;
	}
	.qieh h3{
		font-size: 2.1em  !important;
	}
	.w3layouts-banner-top{
    background-size:contain;	
	-moz-background-size: contain;
	-o-background-size: contain;		
	-moz-background-size: contain;
	
	}
	.w3layouts-banner-top1{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;
		min-height:402px !important;
	}
	.w3layouts-banner-top2{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:402px !important;
	}
	.w3layouts-banner-top3{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:402px !important;
	}
	.w3layouts-banner-top4{
	    background-size: contain;	
		-moz-background-size: contain;
		-o-background-size: contain;		
		-moz-background-size: contain;	
		min-height:402px !important;
	}
	.banner-dott .banner-dott1 {
	    background-size: 2px;
	    -moz-background-size: 2px;
	    -o-background-size: 2px;
	    -ms-background-size: 2px;
		min-height:402px !important;
	}
	.banner-form-agileinfo{
		padding: 2% 2em !important;
	}
	.elegant{
		height: 35em;
	}
	.clients{
		padding: 2em 2em 2em 2em !important;
	}
	.video_b{
			width: 100%;
			height: 100% !important;
			background: #1a1a1a;
			margin-top: 20px;
	}
	.video_b_in{
		height: 100% !important;
	}
	.services-bottom {
    	padding: 8em 4em 1em 4em !important;
	}
	.bannerbottomright>h4{
		font-size: 16px !important;
	}
	.caiyunlist{
		position: fixed;
		top:29em !important;
	}
	.nav>li>a{
		font-size: 0.9em !important;
		margin: 0 0.5em !important;
	}
	.collapse{
		/* float: right; */
		margin-top: -6px;
		margin-left: 40px;
	}
	.w3layouts-banner-top{
		min-height:398px !important;
	}
	.w3layouts-banner-top1{
		min-height:398px !important;
	}
	.w3layouts-banner-top2{
		min-height:398px !important;
	}
	.w3layouts-banner-top3{
		min-height:398px !important;
	}
	.w3layouts-banner-top4{
		min-height:398px !important;
	}
	.w3layouts-banner-top5{
		min-height:398px !important;
	}
	.w3layouts-banner-top6{
		min-height:398px !important;
	}
	.w3layouts-banner-top7{
		min-height:398px !important;
	}
	.banner-dott{
		min-height:398px !important;
	}
	.banner-dott1{
		min-height:398px !important;
	}
	.bannerbottomright{
		padding: 2em 6em 4em 4em !important;
	}
	.btnadd{
		display:none;
	}
	
	.banner-form-agileinfo h5{
		font-size: 20px !important;
	}
	.orderdiv{
		width: 283px !important;;
		position: absolute !important;;
		z-index: 50 !important;;
		right: 11% !important;;
		top: 1% !important;;
	}
	.one_tb_c{
		display:none;
	}
	.navbar-header > h1 > a > img {
    	width: 350px !important;
	}
	.navbar-nav {
	    float: right;
	    margin-left: 0% !important;
	    width: 607px; 
	}
}
@media(max-width: 1024px){
	.w3layouts-banner-top{
		min-height:320px !important;
	}
	.w3layouts-banner-top1{
		min-height:320px !important;
	}
	.w3layouts-banner-top2{
		min-height:320px !important;
	}
	.w3layouts-banner-top3{
		min-height:320px !important;
	}
	.w3layouts-banner-top4{
		min-height:320px !important;
	}
	.w3layouts-banner-top5{
		min-height:320px !important;
	}
	.w3layouts-banner-top6{
		min-height:320px !important;
	}
	.w3layouts-banner-top7{
		min-height:320px !important;
	}
	.banner-dott{
		min-height:320px !important;
	}
	.banner-dott1{
		min-height:320px !important;
	}
	.navbar-header>h1>a>img{
		width: 166px !important;
	}
	.navbar-header>h3{
		float: left;
		margin-top: 1.1em;
		font-size: 19px;
	}
	.nav > li{
		font-size: 0.8em !important;
		margin: 0 0.4em !important;
	}
	.nav-contact-w3ls {
		padding-right: 3px !important;;
	    margin-right: -11px !important;;
	    float: left !important;;
	}
	.navbar-right{
		margin-top: 0.6em;
	}
	.nav-contact-w3ls{
		font-size: 20px !important;
		float: rigth !important;
		margin-top: 8px !important;
	}
	.orderdiv{
		width: 251px !important;
		position: absolute !important;
		z-index: 50 !important;
		right: 11% !important;
		top: 1% !important;
	}
	.banner-form-agileinfo h5 {
    	font-size: 16px !important;
	}
	.banner-form-agileinfo p {
	    line-height: 0.0em  !important;
	}
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea, .banner-form-agileinfo .form-control {
	    padding: 6px 15px !important;
		margin-bottom: 15px !important;
		font-size: 11px !important;
	}
	.form-control {
   		 height: 29px !important;
	}
	.bannerbottomright > h4 {
   		 font-size: 12px !important;
	}
	.elegant {
    	height: 25em;
	}
	.video_rs_t span {
	    float: left;
	    font-size: 11px !important;;
	    margin-left: 19px !important; ;
	    color: #fff;
	}
	.navbar-nav {
	    float: right;
	    margin-left: 0% !important;
	    width: 500px;
	}
}
@media(max-width: 800px){
	.w3layouts-banner-top{
		min-height:248px !important;
	}
	.w3layouts-banner-top1{
		min-height:248px !important;
	}
	.w3layouts-banner-top2{
		min-height:248px !important;
	}
	.w3layouts-banner-top3{
		min-height:248px !important;
	}
	.w3layouts-banner-top4{
		min-height:248px !important;
	}
	.w3layouts-banner-top5{
		min-height:248px !important;
	}
	.w3layouts-banner-top6{
		min-height:248px !important;
	}
	.w3layouts-banner-top7{
		min-height:248px !important;
	}
	.banner-dott{
		min-height:248px !important;
	}
	.banner-dott1{
		min-height:248px !important;
	}
	.collapse {
	    float: right;
	    margin-top: -6px;
	    margin-left: 0px;
	}
	.navbar-header > h3 {
	    float: left;
	    margin-top: 1.1em;
	    font-size: 15px;
	}
	.nav-contact-w3ls>p>span{
		font-size: 15px !important;
	}
	.navbar-nav {
	    float: right;
	    margin-left: 0% !important;
	    width: 436px;
	}

}
#team{
	padding: 0em 0 !important;
}