/*pad*/
img{
	/*max-width:100%;*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

/*导航*/
.gh {
    display: block;
    height: 60px;
    outline: medium none;
    width: 60px;
	position:absolute; right:25px; top:0; cursor:pointer; display:none;
	
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#fff;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
    left: 0;
    top: 0;
   
   /*css3*/
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	/*css3*/
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	/*css3*/
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}
/***/
.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}



@media only screen and (max-width:1300px) {
	.layout{
		width:auto;
	}
	.header-wp{
		width:auto;
	}
}
@media only screen and (max-width:1000px) {
	.wrapper{
		width:auto;
	}
	.home-slide li .text{
		width:auto; left:80px; margin-left:0; top:20%;
	}
	.home-slide li .text h2{
		font-size:48px;
	}
	.home-slide li .text h4{
		font-size:18px;
	}
	.home-feature .body{
		width:auto;
	}
	.home-feature .body ul{
		width:100%;
	}
	.home-feature .body li{
		width:33%; margin-right:0;
	}
	.home-news .body{
		width:auto;
	}
	.home-news .body li{
	}
	.home-news .body li .img,
	.home-news .body li .text{
		float:none; display:block; margin-left:20px; margin-right:20px;
	}
	.home-news .body li .img{
		
	}
	.home-news .body li .text{
		margin-top:20px; width:auto;
	}
	.footer .wrapper{
		padding-left:20px; padding-right:20px;
	}
	
}
@media only screen and (max-width:800px) {
	.gh{
		display:block; width:55px; height:55px; z-index:99;
	}
	.header{
		z-index:999;
	}
	.header .nav{
		background:rgba(0,0,0,0.95); position:fixed; left:0; top:0; right:0; bottom:0; z-index:9; display:none;
	}
	.header.selected .nav{
		display:block;
	}
	.header .nav ul{
		margin-top:20px;
	}
	.header .nav li{
		float:none; display:block; text-align:center; margin-left:0; padding:20px 0;
	}
	.header .nav li span{
		margin-top:20px; 
	}
	.header .sear{
		display:none;
	}
	.footer .f-main .imgs{
		float:none; display:block; clear:both; padding-top:40px;
	}
	.footer .f-main .link ul{
		text-align:left;
	}
	.footer .f-main .qrcode li{
		margin-left:0; margin-right:20px;
	}
	
	/*财务报告*/
	.nav_1{
		height:auto; padding: 10px 20px; line-height: 2;
	}
	.nav_1 li{
		height: auto; margin: 0 2px; 
	}
	.content .list li{
		position: relative; padding-left: 100px;
	}
	.content .list li .left{
		position: absolute; left: 0; top: 0;
	}
	.content .list li .right{
		width: auto; float: none;
	}
	.nav_1 li span{
		display: none !important;
	}
	.content{
		padding: 20px;
	}
	.content .list ul{
		width: auto;
	}
	.content .list li{
		width: auto; float: none; background: #fff; margin-right: 0; margin-bottom: 20px;
	}
	
	.pages li{
		margin-bottom: 10px;
	}
	/*产品与应用2*/
	.main .lists ul{
		width: auto;
	}
	.main .lists li{
		float: none; width: auto; margin-right: 0; margin-bottom: 20px; height: auto;
	}
	.main .lists li .img{
		width: auto; height: auto;
	}
	.main .lists li .img img{
		width: 100%; display: block;
	}
	.main .lists li .img .tip{
		width: auto; height: auto; right: 0; bottom: 0; display: none !important;
	}
	
	/*产品与应用内页*/
	.cpyy{
		margin-top: 20px; 
	}
	.cpyy .hd,
	.cpyy .bd{
		padding: 0 20px;
	}
	.cpyy .bd .img{
		width: auto; height: auto;
	}
	.cpyy .bd .tab{
		width: auto; height: auto;
	}
	.cpyy .bd .tab ul{
		width: auto; height: auto;
	}
	.cpyy .bd .tab li{
		width: auto; float: none; margin-bottom: 1px;
	}
	.cpyy .bd .body ul{
		width: auto;
	}
	.cpyy .bd .body ul li{
		width: auto; float: none; height: auto; background-position: left top;
	}
	
	/*订单查询*/
	.login{
		width:auto; padding:0 20px;
	}
	.login li{
		height: auto; margin-bottom: 0;
	}
	.login label{
		width: auto; float: none;
	}
	.login .text{
		float: none; width: auto; width: 95%;
	}
	.login .btn{
		width:100%; margin-left:0;
	}
	
	/*联系我们*/
	.lxwm .bd{
		padding: 0 20px; margin-top: 20px; height:auto;
	}
	.lxwm .bd dl{
		float: none; width: auto; margin-right: 0;
	}
	.lxwm .bd dd .left{
		width: auto; float: none;
	}
	.lxwm .bd dd .right{
		width: auto; float: none;
	}
	.lxwm .bd .dl2{
		text-align: left;
	}
	.lxwm .bd dd{
		height: auto;
	}
	.lxwm .bd .dl3{
		margin-top: 20px;
	}
	.td{
		width: auto; height: 300px; margin-top: 20px;
	}
	
	/*新闻媒体*/
	.gsdt li .text{
		width: auto; clear: both; margin-top: 20px;
	}
	.xwmt{
		padding-top: 20px; padding-left: 20px; padding-right: 20px;
	}
	
	/*新闻媒体内页*/
	.xwmt .bd p{
		margin: 0; margin-top: 20px;
	}
	.xwmt .bd .img{
		width: auto; height: auto; margin-top: 20px; margin-bottom: 0;
	}
	.xwmt .bd .fenx{
		margin-top: 20px;
	}
	
	/*员工风采*/
	.rcfz{
		padding-top: 40px;
	}
	.rcfz .ygfc{
		padding-left: 20px; padding-right: 20px;
	}
	.rcfz .ygfc ul{
		width: auto;
	}
	.rcfz .ygfc li{
		width: 50%; margin: 0; text-align: center; margin-bottom: 20px;
	}
	.rcfz .ygfc li .img{
		display: inline-block; width: auto; height: auto; margin: 0 10px;
	}
	.rcfz .ygfc li .img img{
		display: block; width: 100%;
	}
	.rcfz .ygfc li .img .sub{
		display: none !important;
	}
	
	/*招贤纳士*/
	.zxns{
		padding: 0 20px;
	}
	.table-rwd{
		overflow-x: scroll;
	}
	
	/*招贤纳士内页*/
	.zxns .bd{
		padding: 20px;
	}
	
	/*走进格拉斯*/
	.zjgls{
		padding: 0 20px; padding-bottom: 40px;
	}
	.zjgls .text{
		width: auto; float: none;
	}
	.zjgls .text h2{
		text-align: center;
	}
	.zjgls .text p{
		margin-bottom: 20px;
	}
	.zjgls .img{
		width: auto; height: auto; float: none; margin-top: 40px; text-align: center;
	}
	.main1{
		padding: 0 20px;
	}
	.gsjj li{
		width: auto; float: none; margin: 50px 0;
	}
	.gsjj li h2{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width:640px) {
	.slider-arrow{
		display:none;
	}
	.home-slide li .text{
		top:30%;
	}
	.home-slide li .text h2{
		font-size:32px;
	}
	.home-slide li .text h4{
		font-size:14px; margin-top:10px;
	}
	.home-slide li .text .btn{
		margin-top:10px;
	}
	.home-slide li .text .btn a{
		width:80px; height:32px; line-height:32px; font-size:14px;
	}
	.home-tip h2{
		font-size:18px;
	}
	.home-tip h4{
		font-size:12px;
	}
	.home-feature .body li{
		width:auto; float:none; display:block; margin-bottom:60px;
	}
	.home-feature .body li:last-child{
		margin-bottom:0;
	}
	.home-imgs .body li{
		width:50%;
	}
	.home-contact{
		font-size:14px; padding-left:20px; padding-right:20px;
	}
	.footer .f-sub ul{
		float:none; display:block;
	}
	.footer .f-sub .text{
		float:none; display:block; margin-top:10px;
	}
}
@media only screen and (max-width:480px) {
	.home-slide li .text{
		display:none;
	}
	.home-slide li .text h4{
		display:none;
	}
	.home-slide li .text h2{
		font-size:16px;
	}
	.home-imgs .body li{
		width:100%;
	}
	.home-news .body li{
		text-align:center;
	}
	.home-news .body li .img{
		margin:0 auto;
	}
	.footer .f-main dl{
		float:none; display:block; margin-top:40px; margin-right:0;
	}
	.footer .f-main dl:first-child{
		margin-top:0;
	}
	.footer .f-main .qrcode li{
		margin-bottom:20px;
	}
	.footer .f-main .qrcode li:last-child{
		margin-bottom:0;
	}
	.slider-nav{
		bottom:10px;
	}
	.slider-nav__item{
		width:10px; height:10px; background:#9e9e9e; border-radius:10px;
	}
	.slider-nav__item--current{
		background:#3888bb;
	}
}