.gmt{
	width: 100%;
	float: left;
	height: 900px;
	background:url(../images/first.jpg);
   background-size:100% 100%;
   
    background-color:rgba(0,0,0,0.5) ;
}
.first-a{
	width: 90%;
	margin-left: 5%;
	float: left;
	height: 600px;
	
	margin-top: 30px;
}

.first-b h1{
	font-family: "微软雅黑";
	font-size: 7em;
	color: white;
	display: block;
    border-radius: 5px;
    text-shadow: 10px 2px 6px #CBC9D2;
}
@media only screen and (max-width:1600px ) {
	
	.gmt{
        height: 850px;		
	}
	
}

@media only screen and (max-width:1600px ) {
	.last{
		margin-top: 20px;
		font-size: 17px;
	}
}


@media only screen and (max-width:1920px ) {
	

	.last{
		margin-top: 40px;
		font-size: 22px;
	}
}
@media only screen and (max-width:1400px ) {
	
	.gmt{
        height: 850px;		
	}
	
}
@media only screen and (max-width:1400px ) {
	
	
	.last{
		margin-top: 20px;
		font-size: 17px;
	}
}
@media only screen and (max-width:1200px ) {
	.gmt{
		height: 750px;
	}
	.last{
		margin-top: 20px;
		font-size: 17px;
	}
}

.first-xian{
	margin-top: 10px;
	width: 98.2%;
	float: left;
	margin-left: 1%;
	height: 20px;
	background: #00AEEF;
}
.second{
	position:relative;
	margin-top: 30px;
	width: 25%;
	float: left;
	height:550px;
	
}
.second-y{
	
	margin-top: 30px;
	float: right;
	width: 72%;
	
	
}
.second-x{
	background-color:rgba(0,0,0,0.5);  //注意，是rgba，不是rgb ！！！
    position:static;
	height:300px;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
.second-a{
	margin-top: 50px;
	float: left;
	width: 45%;
	height: 170px;
	
	text-align: center;
}
.second-a img{
	width: 100%;
	height: 100%;
}
.second-b img{
	width: 100%;
	height: 100%;
}
.second-a-p{
	font-size: 20px;
	line-height: 30px;
	float: left;
	width: 100%;
	height: 30px;
	background: #7D7A7D;
	text-align: center;
	color: white;
}
.second-b{
	margin-top: 50px;
	margin-left: 10%;
	float: left;
	width: 45%;
	height: 170px;
	
}


.x1{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 550px;
	
}
.x1 img{
	 position:relitave;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.x2{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 550px;
	background: url(../images/deng.jpg);
	background-size:100% 100% ;
	
	
}


.x3{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 550px;
	background-color:rgba(0,0,0,0.5);  //注意，是rgba，不是rgb ！！！
    position:static;
}

.phone{
	float: left;
	height: 500px;
	width: 250px;
	margin-top: 10px;
	background:url(../images/phone.png);
	margin-left: 20%;
	background-size:100% 100% ;
}

.x3-text{
	float: right;
	height: 380px;
	width: 50%;
	text-align: left;
	margin-top: 100px;
}

.last{
    float: right;
	width: 75%;
	height: 50px;
	color: white;
	text-align: right;
	line-height: 50px;
}
.text-h3{
	font-size: 40px;
	color: white;
}
.wrapper{max-width: 100%;position: relative;}
#tab{width: 100%;}
#tab_left,#tab_con{} #tab,#tab_con{float: left;}
#tab_left{width:100%;height:100%;}
#tab_left li{width: 90%;float: left;margin-left: 2.5%; list-style-type: none;font-size: 20px;text-align: center;border-bottom: 2px solid #ccc;}
#tab_left li a{color:white;
    position:relitave;text-decoration: none;line-height: 94px;width: 100%;height: 94px;display: block;}
#tab_left li a:hover{text-decoration: none; color: #2BA9D9;}
#tab_con{width:100%;height: 550px;overflow: hidden;}
*{margin: 0;padding:0;font-family: "微软雅黑";-web-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


@media only screen and (max-width:1200px ) {
	.x1{
		height: 450px;
	}
	#tab_con{
		height: 450px;
	}
}
@media only screen and (max-width:960px ) {
	.x1{
		height: 400px;
	}
	#tab_con{
		height: 400px;
	}
}
@media only screen and (max-width:1600px ) {
	.second-a{
		height: 140px;
		margin-top: 30px;
	}
	.second-b{
		height: 140px;
		margin-top: 30px;
	}
}


@media only screen and (max-width:1400px ) {
	.second-a{
		height: 130px;
		margin-top: 30px;
	}
	.second-b{
		height: 130px;
		margin-top: 30px;
	}
}
@media only screen and (max-width:1200px ) {
	.second-a{
		height: 110px;
		margin-top: 30px;
	}
	.second-b{
		height: 110px;
		margin-top: 30px;
	}
}

.dianji{
	width: 50%;
	float: left;
	height: 50px;
	margin-top: 200px;
	text-align: center;
	color: black;
}
@media only screen and (max-width:1600px ) {
	.phone{
	height: 500px;
	width: 250px;
	margin-top: 10px;
	margin-left: 15%;
	
}
}

@media only screen and (max-width:1400px ) {
	.phone{
	height: 440px;
	width: 210px;
	margin-top: 50px;
	
}
}

@media only screen and (max-width:1200px ) {
	.phone{
	height: 330px;
	width: 170px;
	margin-top: 50px;
	
}
}
@media only screen and (max-width:960px ) {
	.phone{
	height: 280px;
	width: 170px;
	margin-top: 30px;
	
}
}


@media only screen and (max-width:1200px ) {
	.x3-text{
	height: 250px;
	width: 45%;
	margin-top: 100px;
}

}

@media only screen and (max-width:1600px ) {
.text-h3{
	font-size: 35px;
	color: white;
}
}

@media only screen and (max-width:1400px ) {
.text-h3{
	font-size: 32px;
	color: white;
}
}

@media only screen and (max-width:1200px ) {
.text-h3{
	font-size: 25px;
	color: white;
}
}

.phone-first{
	float: left;
	width:40%;
	height: 200px;
	margin-top: 50px;
	
}

.phone-second{
	float: left;
	margin-left: 10%;
	width: 150px;
	height: 150px;
	margin-top: 40px;
	
}
@media only screen and (max-width:1200px ) {
.phone-first{
	
	height: 150px;
	margin-top: 50px;
	
}
}
@media only screen and (max-width:1920px ) {
.phone-first{
	
	width:32%;
	
	
}
}
@media only screen and (max-width:1600px ) {
.phone-first{
	
	width:35%;
	
	
}
}
@media only screen and (max-width:1200px ) {
.phone-second{
	
	width: 100px;
	height: 100px;
	margin-top: 50px;
	
}
}
.wrapperx{width:100%;position: relative;}
#tabx{width: 100%;height:100%;}
#tabx_left,#tabx_con{} #tabx,#tabx_con{float: left;}
#tabx_left{width:100%;}
#tabx_left li{list-style-type: none;font-size: 20px;text-align: center;}
#tabx_left li a{border-radius:10px ; text-decoration: none;margin-top: 30px; width: 100%;height: 60px;display: block;}
#tabx_con{width: 100%;height:100%;overflow: hidden;background: #11427A;}

.img{
	float: left;
	margin-left: 5%;
	margin-top: 6%;
	width: 90%;height: 90%;
	
}
@media only screen and (max-width:1200px ) {
#tabx_left li a{color: #000;text-decoration: none;margin-top: 20px; width: 100%;height: 40px;display: block;background: #fff;text-shadow:1px 1px 2px #ccc;border-left: 1px solid #ccc;}
}
.imgx{
	float: left;
	width: 100%;
	height: 100%;
	border-radius:5px ;
	background: url(../images/a2.jpg);
	background-size:100% 100% ;
}
.imgy{
	float: left;
	width: 100%;
	height: 100%;
	border-radius:5px ;
	background: url(../images/a1.jpg);
	background-size:100% 100% ;
}



.denglu{
	float: left;
	width: 100%;
	height: 460px;
	margin-top: 180px;
	background-color:rgba(0,0,0,0.5);  //注意，是rgba，不是rgb ！！！
    position:static;
}
.denglux{
	text-align: right;
	margin-top: 20px;
	float: left;
	line-height: 400px;
	height: 400px;
	width: 50%;
	border-right:2px solid #DFE2E2 ;
}
.denglux img{
	margin-right:10% ;
}
.dengluy{
	text-align: center;
    margin-top: -440px;
	float:left;
	margin-left: 55%;
   height: 400px;
	width: 20%;
	font-size: 30px;
}
@media only screen and (max-width:1600px ) {
	.dengluy{
		width: 25%;
	}
}
.dengip{
	text-align: left;
	float: left;
	width: 100%;
	height: 100%;
}
.dengip ul{
	float: left;
	width: 100%;
	height: 100%;
}
.dengip li{
	margin-top: 40px;
	float: left;
	width: 100%;
	height: 50px;
	
	list-style: none;
}
.dengip input{
	float: left;
	background-color:none ;
	width: 100%;
	outline: none;
}
.li-img{
	float: left;
	width: 10%;
	height: 100%;
	
}
.li-input{
	margin-left: 1%;
	float: left;
	width: 80%;
	height: 100%;
	
}
.li-div{
	width: 100%;
	height: 100%;
	float: left;
	border: 1px solid white;
}


.li-divx{
	
	float: left;
	width: 40%;
	height: 100%;
	border: 1.3px solid #EEEEEE;
}

.li-divy{
	float: right;
	width: 40%;
	border: 1.3px solid #EEEEEE;
	height: 100%;
}
.buttonx{
	float: left;
	margin: auto;
	margin-left: 30%;
	left: 0;
	right: 0;
	height: 100%;
	width: 40%;
	background: white;
	border-radius:20px ;
}
.li-divx input{
	float: left;
	width: 60%;
	border: 0;
}