@charset "utf-8";
/* CSS Document */


html{ background:#fff; width:100%;}
body{
    min-width: 1200px;
}
* {
	margin:0;
	padding:0;
}
.m0a {
	width: 71%;
	margin:0 auto;
}
.fl {
	float:left
}
.fr {
	float:right
}
.clr {
	clear: both;
}
li {
	list-style:none;
	word-wrap:break-word;
}
a{color: #000;}
a, a:hover {
	text-decoration:none;
	/*transition: 0.5s;*/
}
b{font-weight: normal;display: inline;word-wrap:break-word;}
img {
	border:none;
	height:auto;
}
.f12 {
	font-size:12px;
	font-family:"Microsoft Yahei"
}
.f14 {
	font-size:14px;
	font-family:"Microsoft Yahei"
}
.f15 {
	font-size:15px;
	font-family:"Microsoft Yahei"
}
.f16 {
	font-size:16px;
	font-family:"Microsoft Yahei"
}
.f20 {
	font-size:20px;
	font-family:"Microsoft Yahei"
}
.f18 {
	font-size:18px;
	font-family:"Microsoft Yahei"
}
.f22 {
	font-size:22px;
	font-family:"Microsoft Yahei";
	font-weight:normal;
}
.f24 {
	font-size:24px;
	font-family:"Microsoft Yahei";
	font-weight:normal;
}
.f30 {
	font-size:30px;
	font-family:"Microsoft Yahei";
	font-weight:normal;
}

/*nav*/
.nav{z-index: 99;width: 100%;top: 0;background: #ECECEC;position: fixed;}
.nav1200{width: 71%;margin: 0 auto;}
.nav1200 ul{margin: 0;float: right;width: 57%;}
.nav1200 ul li{float: left;list-style: none;position: relative;width: 13%;}
.nav1200>ul>li>a{text-align: center;display: block;text-decoration:none;font-size: .9vw;width: 100%;color: #000;padding: 42.5% 0;transition:.5s;}
.nav1200>ul>li>.navul{z-index: 999;position: absolute;left: 50%;margin-left: -120%;display: none;width: 400%;}
.nav1200>ul>li>.navul>li{float:left;width: 27%;}
.nav1200>ul>li>.navul>li>a{color: #fff;display: inline-block;background: rgba(0,0,0, .5);padding: 12% 0%;width: 100%;text-align: center;font-size: .8vw;}
.nav1200>ul>li>.navul>li:hover>a{background: #000;}
.nav1200 ul li:hover>.navul{display: inline-block;} 
.nav1200 ul li:hover a{background: #000;color: #fff;transition:.5s}
.nav1200 img{float: left;padding: 1.2% 0;width: 38%;}

.Hcontent{width: 100%;height: 600px;background: url(../images/banner.jpg) no-repeat center;}
.Hproduct{width: 100%;height: 600px;background: url(../images/projectbg.jpg) no-repeat center;}
.Hnews{width: 100%;height: 600px;background: url(../images/newsbg.jpg) no-repeat center;}
.Hphoto{width: 100%;height: 600px;background: url(../images/newsbg.jpg) no-repeat center;}
.head{widows: 100%;overflow: hidden;height: 680px;}
.navneiy{position: relative;height: 90px;width: 100%;background: url(../images/nytop.jpg) no-repeat center;}
.leftnav{position: absolute;top: 0;left: 50%;margin-left: -952px;width: 504px;height: 90px;}
.leftnav p{color: #fff;text-align: right;padding-right: 50px;font-size: 22px;line-height: 90px;}
.rightnav{width: 1038px;height: 90px;position: absolute;top: 0;right: 50%;margin-right: -590px;}
.rightnav p{line-height: 90px;display: inline-block;height: 90px;padding: 0 10px;}

.rightnav p a{color: #000;font-size: 14px;display: inline-block;text-align: center;line-height: 40px;height: 40px;margin: 0 10px;}
.Rleft{float: left;}
.Rright{float: right;}
.Rright a{width: 120px;border: 1px #888 solid;border-radius: 6px;transition:.5s}
.Rright a:hover{background:#000;color:#fff;transition:.5s}


.foot{width: 100%;padding: 100px 0;background: #262626;overflow: hidden;}
.divF{width: 33.33%;float: left;}
.divF p{font-size: 12px;line-height: 24px;color: #777;}
.Fleft h3{color: #ccc;line-height: 30px;padding-bottom: 20px;}
.Fleft h3 span{color: #fff;}
.Fleft img{margin-top:30px ;}
.Fcenter{position: relative;padding-top: 30px;}
.Fcenter p{padding-left: 50px;}
.Fcenter:after{display: block;content: "";width: 1px;height: 100px;background: #777;position: absolute;top: 30px;right: 0;}
.Fcenter:before{display: block;content: "";width: 1px;height: 100px;background: #777;position: absolute;top: 30px;}
.Fright img{margin: 0 auto;display: block;width: 132px;}
.Fright p{text-align: center;}




@media (max-width:1280px){
	.nav{height: 100px;}
	.nav1200{width: 1280px;}
	.nav1200 img{width: 30%;}
	.nav1200 ul{height: 100px;}
	.nav1200>ul>li>a{line-height: 100px;}
}