@charset "utf-8";
*{margin:0 auto; padding:0;}
div,figure,img,input,button {box-sizing:border-box;}
body {
 
	background-color: #fff;


}

img {display:block;max-width:100%;border:none;}
ul {list-style: outside none none;}
a {text-decoration: none;}

#top-ny{
	width:100%;
	height:150px;
}
#top-ny .logo{
	max-width:1140px;
	height:150px;
}
.logo .lo{
	float:left;
	margin:20px 0;
}
.link{width:50%; line-height:130px; float:right;}
.link li{ float:left; text-align:center;padding:0 10px;}
.link li a{font-size:14px; color:#428bca;}
.link li a:hover,.link li.pac a{color:#2355c6;}	

#tow{
	width:100%;
	height:103px;
	margin-bottom:30px;
	background:url(../images/tow-bj.jpg);
}
#tow .res{
	max-width:1140px;
    padding:35px 0;
}
#tow .owe{
	font-weight:800;
	font-size:25px;

}
.owe .home{
	font-size:12px;
	font-weight:400;
	float:right;
	margin:10px 95px 0 0;
}
.owe .home a{color:#000;}
.owe .home a.tor{
	color:#2355c6;
}

#gms{
	width:100%;
}
#gms .ofms{
	max-width:1140px;
}

.wide{
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    padding:5px;

}
.wide .m{float:left; padding:50px 0 20px 10px;}

.de{width:50%; float:left; margin-top:50px;}
.de h3{
	clear:both;
	text-align:center;
	font-size: 24px;
    font-weight: 700;
    padding:40px 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.de img{ float:left; }

.de p{
	margin: 0 0 45px 10px;
	width:95%
;	
}
.de .has{
	float:left;
}




#footer{
	width:100%;
	height:500px;
	background:#000;
	clear:both;
}
#footer .font-con{
	width:1240px;
	height:500px;
	margin:0 auto;
}

.font-con .fo-lo{
	width:363px;
	height:111px;
	float:left;
	margin-top:250px;
	text-indent:-99999px;
	/*background:url(../image/fo-lo.png);*/
}

.font-con .fo-ri{
	width:715px;
	height:410px;
	float:right;
	margin:85px 10px 0 0;
}
.fo-ri .addr {
	width:270px;
	height:145px;
	float:left;
}
.fo-ri .addr h3{
     font-size:25px;
     color:#fff;
     padding:0 10px;
     background:url(../image/ab.jpg) no-repeat left center;
     font-family:Oswald Bold;
}

.fo-ri .addr ul{
	margin:5px 0;
}
.fo-ri .addr ul li{
	font-size:13px;
	color:#666;
	font-family:Arimo Regular;
	padding:5px 0;
	color:#fff;
}
.fo-ri .conta{
	width:380px;
	height:390px;
	float:right;
}
.fo-ri .conta h3{
	 font-size:25px;
     color:#fff;
     padding:0 10px;
     background:url(../image/ab.jpg) no-repeat left center;
     font-family:Oswald Bold;
}
.conta .for{
	margin:15px 0;
	
}
.conta .for .one{
	width:360px;
	height:37px;
	margin:10px 0;
	background:#454545;
	border-radius:3px;
	border:none;

}
.conta .for .mes{
	height:80px;
}
.conta .for .button{
	width:360px;
	height:37px;
	background:#059fde;
	border-radius:3px;
	border:none;
}

#pas{
	width:100%;
	height:50px;
	background:#686868;
}
#pas p{
	color:#dbdbdb;
	line-height:50px;
	text-align:center;
}




.nc_a{display:none;}

@media only screen and (max-width: 1350px) and (min-width: 1100px){

#cont4{height:970px;}

#cont4 .img{width:1100px;margin:0 auto;}



}
@media only screen and (max-width: 1099px) and (min-width: 640px){

#cont4 .pro{width:100%;}

#cont4 .pro h3{padding:0px;}
#cont4 .img{width:100%;}

#cont4 .img li{width:24%;}
#cont4{height:640px;}

.com{width:100%;}

.com .fif{width:23%;margin:0px;margin-right:1%;margin-left:1%;}

.bes{width:100%;}
.bes h3{min-width:309px;}

.bes .link{width:60%;}
.abou .us p{width:30%;}

.left{display:none;}
.right{display:none;}



}



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

.bes .link{width:60%;display:none;}

}



@media only screen and (max-width:800px) and (min-width: 320px){

.nc_a{display:block;width:40px;height:40px;float:right;margin-right:20px;display:block;padding-top:40px;}
.nc_a img{width:100%;}
.bes .link{width:120px;}

.logo{position:relative;}
.logo .bes h3{width:60%;background-size:100%;}

.bes .link{width:120px;background:rgba(255,255,255,0.8);position:absolute;right:10px;top:90px;}
.bes .link li{height:40px;line-height:40px;padding:0px;width:100%;text-align:left;text-indent:8px;}

.bes .link li:hover{background:red;width:100%;padding:0px;cursor:pointer;text-align:left;text-indent:8px;}


.pac{background:red;width:100%;padding:0px;cursor:pointer;text-align:left;text-indent:8px;width:100%;}

}


@media only screen and (max-width: 640px) and (min-width: 320px){

	#off{height:600px;}

.provide .col-md-3{width:50%;}
#cont1{height:1800px;clear:both;}
.stee {margin:0 auto;}
.stee .teel{width:80%;margin:0 auto;float:none;margin-top:20px;padding-top:55px;}
.abou .us p{width:90%;}

#cont4{height:2400px;clear:hidden;}

#cont4 .img{width:65%;margin:0 auto;}
#cont4 .img img{width:100%;}

#cont4 .img ul{width:100%;}
#cont4 .img  ul li{margin-top:10px;width:100%;}
#cont4 .img  ul li img{width:100%;}

.fif{width:40%;}
.num{height:520px;}

.left{display:none;}
.right{display:none;}

.contt{width:90%;margin:0 auto;}
.contt ul{width:100%;}

.tel .contt  ul li{width:45%;margin-left:5px;padding:0px;overflow:hidden;}

.tel .contt  ul li img{width:80%;}
.ar{width:50%;clear:both;padding:0px;}

.jies .con{padding:0px;width:50%;margin:0px;height:80px;}



}

@media only screen and (max-width: 380px) and (min-width: 320px){

#top{display:none;}

}

@media only screen and (max-width:460px) and (min-width: 320px){

#cont2{height:800px;}
#off{height:600px;}

#cont4{height:2000px;}

.provide .col-md-3{height:200px;}

}

@media only screen and (max-width:639px) and (min-width: 571px){

#cont4{height:2600px;}

}


@media (min-width:100px){
.link {
    width: 50%;
    line-height: 130px;
    float: right;
    display: none;
}

.de {
    width: 100%;
    float: left;
    margin-top: 50px;
}
}
@media (min-width:800px){
.link {
    width: 50%;
    line-height: 130px;
    float: right;
    display: block;
}

.de {
    width: 50%;
    float: left;
    margin-top: 50px;
    height: 370px;
}
}