/*pad*/
img{
	max-width:100%;
}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}
.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: 80px;
    outline: medium none;
    width: 80px;
	position:absolute; left:0; 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:#000;
-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);
}
.list_FW{
	overflow: hidden;
	padding-bottom: 10px;
}
.newF_Tel{
	padding-right: 30px !important;
}
.FW_ct1 li{
	margin: 2px 0 !important;
}
.FW_ct1 li a{
	font-size: 12px !important;
}
@media (min-width: 1610px) and (max-width: 1920px) {
	body{
	}
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 25%; height: 275px;
	}
	.himgs li img{
		display: block;
	}
	.himgs li:last-child{
		display: none;
	}
}
@media only screen and (max-width: 400px){
	.newF_Tel {
	    background: url(/imgs/xgal_tel.jpg) 24px 26px no-repeat !important;
	    background-size: 66px 91px !important;
	    padding-left: 99px !important;
	}
}


@media (min-width: 1450px) and (max-width: 1610px) {
	body{
	}
	.header .top_tel{right:20px;bottom:10px;max-width:280px;}
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 25%; height: auto;
	}
	.himgs li img{
		display: block;
	}
	.himgs li:last-child{
		display: none;
	}
}
/* 大屏幕 */
@media (max-width: 1450px) { /*1400/1200=1.2*/
	.header .top_tel{right: 10px;bottom: 13px;max-width: 190px;}
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 33.33%; height: auto;
	}
	.himgs li img{
		display: block;
	}
	.hslide{
		width: auto;
	}
	
	.hfoot{
		font-size:30px; line-height: 1.5;
	}
	
	.works .nav ul{
		width: auto;
	}
	.xsal{
		width: auto; padding: 0 90px;
	}
	
	.news{
		padding: 0 40px; 
	}
	.news .list{
		width: auto;
	}
	.news .list .img img{
		width: 100%;
	}
	
	.banner{
		width: auto;
	}
	.fuwu .lists{
		width: auto; 
	}
	
	.yewu{
		width: auto;
	}
}
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 1200px) { /*1440/1000=1.14*/
	.header .top_tel{display:none;}
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 33.33%; height: auto;
	}
	
	.footer{
		height: auto; padding-left: 20px; padding-right: 20px;
	}
	.footer .text{
		float: none; display: block; clear: both; width: auto;
	}
	.footer .nav{
		float: none; display: block; width: auto;
	}
	
	/** 增加的 **/
	.newF_H1 h1 {
    font-size: 33px;
    color: #e50086;
    text-align: right;
    padding: 40px 0 0;
    line-height: 48px;
    padding-right: 80px;
    }
    
    
    /*2017-3-24*/
   .clearfix .fr{
		float: none !important;
		/*text-align: center;*/
	}
	.newF_Tel{
		width: 260px; margin: 0 auto;
	}
	.FW_ct3 li{
		width: 33.33% !important;
	}
	.new_P{
		text-align: left !important;
	}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 1000px) { /*1440/800=1.8*/
	
	.gh{ display:block; z-index: 999; }
	.selected .gh svg{ fill: #fff;}
	nav{ display:none;}
	.selected nav{ display:block;}
	
	.wrapper{
		width: auto;
	}
	.header{
		height: 80px; position: relative; text-align: center; 
	}
	.header .logo{
		height: 70px; position: static; margin-left: 0; width: auto; padding-top: 5px;
	}
	.header .logo img{
		height: 100%;
	}
	.header .sear{
		margin-top: 0; width: auto; position: absolute; right: 0; top: 0;
	}
	.header .sear i{
		width: 80px; height: 80px; background: url("../imgs/img53.png") no-repeat center;
	}
	.header .sear .form{
		top: 100px; right: 40px;
	}
	.nav-wrap{
		position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.95); display: none; z-index: 999;
	}
	.selected .nav-wrap{
		display: block;
	}
	.header .nav{
		float: none; display: block; margin-top: 0;
	}
	.header .navl{
		margin-top: 20%;
	}
	.header .nav li{
		float: none; display: block; margin-bottom: 15px; margin-right: 0;
	}
	.header .nav li a{
		height: 24px; line-height: 24px; font-size: 18px;
	}
	.header .nav li a:hover .s1,
	.header .nav li.selected a .s1{
		margin-top: -24px; 
	}
	
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 50%; height: auto;
	}
	.himgs li .mask .brand{
		display: none;
	}
	
	.hfoot{
		font-size:20px;
	}
	
	.gsjj{
		padding: 0 40px;
	}
	.fdyxl ul{
		width: auto; padding: 0 10px;
	}
	.fdyxl li{
		width: 23%; margin: 0 1%;
	}
	.fdyxl li .bg{
		width: auto; 
	}
	
	.works .nav{
		margin-top: 0;
	}
	
	.work-detail{
		padding: 0 0; margin-top: 20px;
	}
	.work-detail .desc{
		background: none;
	}
	.work-detail .desc .left{
		width: auto; float: none; display: block;
	}
	.work-detail .desc .right{
		width: auto; float: none; display: block; margin-top: 20px;
	}
	
	
	.news .nav{
		position: static; margin-bottom: 20px; width:auto; 
	}
	.news .nav dd, .news .nav dt{
		display:inline;
	}
	.news{
		margin-top: 0;
	}
	
	.contact{
		padding: 0 40px; margin-top: 125px;
	}
	
	.joinus{
		margin-top: 40px;
	}
	.joinus .text .desc{
		padding-left: 70px;
	}
	.joinus .text .desc span{
		color: inherit;
	}
	.joinus .text span.btn{
		border-color: #333; color: #333; font-size:24px;
	}
	.joinus .list{
		margin-left: 40px;
	}
	.joinus .tip{
		margin-left: 70px;
	}
	
	.yewu{
		margin-top: 40px;
	}
	.fuwu{
		margin-top: 0;
	}
	.hserv ul{
		
	}
	.hserv li{
		width: 21%; margin: 0 2%;
	}
	
	
	/*2016.4.23*/
	.works{
		margin-top:0;
	}
	.zpwrapper{
		width:auto;
	}
	/*2016.4.27*/
	.header .nav li a span{
		color:#ccc;
	}
	.newF_H1 h1{
		margin-bottom: 50px;
	}
	/** 2017.1.6 **/
	/*.FW_ct3,.FW_ct2,.case_footer,.seo,.nav,.FW_title{display: none;}*/
	/*17.5.25*/
	.FW_ct3,.FW_ct2,.seo,.nav{display: none;}
	.FW_title ul li:nth-of-type(n+2){
		display: none;
	}
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 800px) { /*1440/600=2.4*/
	.Tianjia h6{
		font-size: 18px;
		margin-top: 10px;
	}
	.Tianjia{
		top: 100px;
	}
	.Tianjia p{
		font-size: 18px;
		line-height: 15px;
	}
	.slide a .Huanyin{
		top: 30px !important;
	}
	.Huanyin{
		font-size: 18px;
	}
	.newF_H1 span img{
		top: 13px !important;
	}
	.himgs ul{
		width: auto;
	}
	.himgs li{
		width: 50%; height: auto;
	}
	
	.hserv ul{
		padding-left: 10%; padding-right: 10%;
	}
	.hserv li{
		width: 46%;
	}
	
	.gsjj dl{
		padding-left: 150px;
	}
	.fdyxl h2{
		font-size: 36px;
	}
	.fdyxl li{
		width: auto; float: none; display: block; height: auto; background: none !important; 
 	}
	.fdyxl li .bg{
		margin-top: 0; height: auto; background: none !important;
	}
	.fdyxl li .bg td{
		height: auto; color: #fff;
	}
	
	.works .nav{
		height: auto; margin-bottom: 20px;
	}
	.works .nav li{
		float: none; display: block; width: auto;
	}
	
	.xsal li{
		width: 300px; height: 179px;
	}
	
	.fuwu .texts{
		width: auto; padding: 0 20px;
	}
	.fuwu .lists li .text dl{
		display: none;
	}
	.fuwu .texts .list{
		margin-left: 0;
	}
	.fuwu .texts .list li{
		float: none; display: block; text-align: center;
	}
	.fuwu .texts .list li i{
		margin-top: 20px; margin-bottom: 20px;
	}
	.fuwu .texts .list li .wrap{
		margin: 0 auto;
	}
	.FW_ct3,
	.FW_ct2,
	.FW_ct1{
		width: 100% !important;
		margin-bottom: 0px;
	}	
	.FW_ct{
		margin-bottom: 0px !important;
	}
	.hserv li{
		height: 379px; margin-bottom: 40px;
	}
	.list li .list_txt{
		width: 497px !important;
	}	
	.FW_ct{
		border-bottom: 5px solid #5f5d5e;
	}
}

@media (max-width: 600px) { 
	.FW_ct{
		border-bottom: 5px solid #5f5d5e;
	}
	.himgs ul{
		width: auto; padding: 0 40px;
	}
	.himgs li{
		width: auto; height: auto; float: none; display: block;
	}
	.himgs li img{
		display: block;
	}
	
	.hserv li{
		width: auto; float: none; display: block; margin-bottom: 20px;
	}
	
	.gsjj dl{
		padding-left: 0;
	}
	.gsjj dt{
		position: static; margin-bottom: 20px;
	}
	
	.zcsb h2{
		width: auto;
	}
	.zcsb ul{
		width: auto; padding: 0 40px;
	}
	.zcsb ul li{
		margin-right: 20px; padding-right: 0;
	}
	.list li .list_img{
		margin: 0 auto;
	}
	.news .list{
		width: 100% !important;
	}
	.clearfix{
		width: 100%;
	}
	.clearfix .fl{
		float: none;
	}
	.list li .list_txt{
		margin-top: 30px;
		width: 100% !important;
		padding-left: 0 !important;
	}
	.newF_H1 h1{
		padding: 0 !important; font-size: 28px !important;
		text-align: center !important;
	}
	.newF_H1 h1{
		font-size: 20px !important;
	}
	.FW_title ul li{
		font-size: 16px !important;
	}
	.pc-show{
		display: none;
	}
	.ph-show .newF_H1 h1{
		margin-bottom: 0; margin-top: 40px;
	}
	.ph-show .newF_H1 h1 i{
		margin-top: 10px;
	}
	.ph-show{
		display: block;
	}
}