@charset "utf-8";
body,h1,h2,h3,h4,p,ul,li{padding:0;margin:0;}
body{background-color:#222;font-size:1.3em;line-height:2em;text-align:center;}
ul,li{list-style-type:none;}
/******
	Header
-------------------------------------------------------------------------------*/
#header {top:0px;
	width: 100%;
	z-index: 999;
	background-color:#222222;
}
#header .header-content {
	margin: 0 auto;
	max-width: 1170px;
	padding: 30px 0;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}
#header .logo {
	float: left;
	font-size: 28px;
	font-weight: bolder;
	color: #fec400;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 0px;
	margin-top: -10px;
}

#header.fixed {
	background-color: #222222;
}
#header.fixed a {
	/* color: #000; */
}
#header.fixed .header-content {
	border-bottom: 0;
	padding: 25px 0;
}
#header.fixed .nav-toggle {
	top: 18px;
	color: #000;
}
nav ul{margin-top:18px;}
nav li{float:left;margin-left:40px;color:#FFF;}
nav li a{color:#FFF;}
nav li a:hover{color: #fec400;}

.navigation.open {
	opacity: 0.9;
	visibility: visible;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.navigation {
	float: right;margin-top:18px;
}
.navigation li {
	display: inline-block;
}
.navigation a {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-left: 30px;
	text-transform: uppercase;
}
.navigation a:hover, .navigation a.active {
	color: #fec400;
}
.nav-toggle {
	display: none;
	height: 44px;
	overflow: hidden;
	position: fixed;
	right: 5%;
	text-indent: 100%;
	top: 32px;
	white-space: nowrap;
	width: 44px;
	z-index: 99999;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(255, 255, 255, 0.56);
}
.nav-toggle:before, .nav-toggle:after {
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.nav-toggle:before {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #f05da3;
}
.nav-toggle:after {
	background-color: transparent;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	color: #f05da3;
}
.nav-toggle span {
	bottom: auto;
	display: inline-block;
	height: 3px;
	left: 50%;
	position: absolute;
	right: auto;
	top: 50%;
	width: 18px;
	z-index: 10;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
	background-color: #000;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.nav-toggle span:before {
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.nav-toggle.close-nav:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.nav-toggle.close-nav span {
	background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
	background-color: #fff;
}
.nav-toggle.close-nav span:before {
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
footer{background-color:#101010;margin-top:60px;color:#949494;padding-top:20px;padding-bottom:20px;}
/* ------------------------------------------------------------------------------
/******************内页开***********/
.banner{max-width:100%;}
.banner img{max-width:100%;}
.main{width:1170px;max-width:100%;margin-left:auto;margin-right:auto;}
.mt60{margin-top:60px;}
.mt30{margin-top:30px;}
.bt1{border-bottom:1px solid #363535;}
.mainheader{text-align:left;background:url(../images/mainheader_bg1.jpg) no-repeat bottom left;}
.mainheader h1{font-size:24px;color:#9a9a9a;display:inline;padding-left:40px;padding-bottom:4px;}
.mainheader span{float:right;font-size:0.85em;color:#9a9a9a;}
.mainheader a{color:#9a9a9a;padding:0 8px;}
.aboutnav{font-size:1.3em;color:#9a9a9a;text-align:left;line-height:2.0em;}
.aboutnav p{text-indent:2em;padding-top:10px;}/* CSS Document */
.aboutnav img{padding-top:15px;max-width:100%;}

/************技术服务**********/
.servicenav{font-size:1.2em;color:#AAA;text-align:left;line-height:2.0em;}
.servicenav li{margin-bottom:20px;}
.servicenav li b{color:#fbd700;padding-bottom:10px;font-size:1.32em;}
.servicenav img{float:left;margin-right:40px;}
.mainpros{background-color:#3d3d3d;border-radius:5px;padding:25px;text-align:left;color:#b2b2b2;}
.mainpros p{text-indent:2em;padding-bottom:8px;}
.mainprostit{height:30px;line-height:30px;width:160px;border-radius:10px;border:1px solid #3d3d3d;overflow:hidden;color:#FFF;background-color:#fe0000;position:relative;top:-40px;left:30px;text-align:center;}

.proclass{min-height:65px;}
.proclass ul{clear:both;}
.proclass li{float:left;background-color:#f92326;width:30%;border-radius:3px;overflow:hidden;margin-left:5%;margin-bottom:12px;}
.proclass li:nth-child(3n+1){margin-left:0;}
.proclass li a{color:#FFF;}
.proclass li a:hover{color:#fffc00;text-decoration:none;}
#products li{width:32%;margin-left:2%;float:left;overflow:hidden;margin-bottom:25px;height:254px;}
#products li:nth-child(3n+1){margin-left:0;}
#products li img{width:100%;height:224px;}
#products li p{color:#898989;line-height:30px;}
.proslist{width:240px;float:left;color:#c1c1c1;text-align:left;border:1px solid #373737;border-radius:2px;margin-top:45px;}
.proslist p{background-color:#373737;color:#DFDFDF;font-weight:bolder;padding-left:20px;line-height:32px;}
.proslist ul{margin:20px;}
.proslist li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proslist li a{color:#dbdbdb;}
.proslist li a:hover{color:#898989;}
#protxt{margin-top:80px;text-align:left;float:right;width:860px;color:#DfDfDF;}
#proimg{width:480px;float:left;margin-right:30px;}
#proimg img{width:100%;margin-bottom:25px;}
#prowz{width:100%;color:#DFDFDF;font-size:1.19em;line-height:2.1em;}
#prowz ul{margin-left:25px;margin-bottom:20px;}
#prowz li{list-style-type:disc;margin-top:7px;}
#protxt h1{font-size:30px;color:#DFDFDF;margin-bottom:30px;}
#protxt table{margin-top:10px;margin-bottom:15px;width:100%;border-right:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;}
#protxt p{text-indent:2em;padding-bottom:15px;}
#prowz td{font-size:14px;text-align:center;padding:5px;border-top:1px solid #3c3c3c;border-left:1px solid #3c3c3c;}
#prowz thead td{background-color:#2d2d2d;}
#prowz h2{font-size:18px;clear:both;margin-bottom:5px;}
.htr td{background-color:#2d2d2d;font-weight:bolder;}

#prowz p{padding-bottom:0;line-height:30px;}


.hotequ img{width:100%;}
#equs li{width:32%;margin-left:2%;float:left;overflow:hidden;margin-bottom:25px;height:285px;}
#equs li:nth-child(3n+1){margin-left:0;}
#equs li img{width:100%;height:255px;}
#equs li p{color:#898989;line-height:30px;}

/**************联系我们************/
.contactnav{border-radius:5px;padding:25px;text-align:left;color:#b2b2b2;background:url(../images/contact_bg.jpg) no-repeat top right;background-color:#3d3d3d;height:280px;}
.contactnav img{float:left;margin-right:45px;position:relative;top:-20px;left:15px;}
.contactnav ul{width:35%;float:left;}
.contactnav li h1{font-size:22px;margin-bottom:10px;}
.contactnav li{font-size:1.2em;line-height:2.0em;}
.tellist li{width:50%;float:left;}
.tellist li:first-child{width:100%;}
.tellist li h2{font-size:18px;margin-bottom:15px;}
.bdmap{background-color:#3d3d3d;border-radius:5px;padding:25px;}
.map{width:67%;float:left;}
.bdtxt{width:33%;float:left;font-size:36px;color:#a1a1a1;line-height:90px;padding-top:90px; word-spacing:15px;}


/**************新闻***************/
#newRight{width:250px;float:right;}
#newRightNav{border:1px solid #95805d;margin-bottom:10px;}
.newRightTit{height:36px;line-height:36px;background-color:#95805d;color:#FFF;font-size:16px;text-align:left;padding-left:15px;}
.newRightTit span{float:right;padding-right:10px;font-size:14px;}
.newRightTit span a{color:#f2efe7;}
#newRightNav ul{margin:20px;}
#newRightNav li{line-height:24px;padding-top:6px;padding-bottom:6px;font-size:14px;border-bottom:1px solid #e0ddce;color:#4a453f;text-align:left;}
#newRightNav li a{color:#4a453f;}
#newInfo{margin-top:20px;height:30px;line-height:30px;border-bottom:1px dashed #3c3c3c;color:#777;font-size:12px;}
#newInfo span{padding-left:20px;}

#newLeft{width:800px;float:left;min-height:760px;}
#picNews{margin:50px auto 30px auto;height:210px;}
#picNews li{width:250px;height:210px;overflow:hidden;float:left;text-align:center;border:1px solid #F0F0F0;}
#picNews li img{width:230px;height:150px;margin-top:8px;}
#picNews li p{line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m15{margin-left:20px;margin-right:20px;}
#newsList{margin:35px auto 70px auto;text-align:left;padding-top:20px;}
#newsList h2{color:#937b59;font-size:24px;font-weight:100;margin-bottom:15px;}
#newsList li{height:175px;line-height:24px;color:#927b59;margin-top:40px;background-color:#3d3d3d;border-radius:2px;}
#newsList li span{float:right;padding-right:10px;color:#999;}
.newDate{width:80px;height:100px;margin-top:40px;float:left;font-size:36px;color:#FFF;text-align:center;border-right:1px dashed #494949;}
.newDate p{font-size:14px;color:#DDD;padding-top:20px;}
.newCon{width:930px;padding:30px;height:115px;float:left;background-color:#3d3d3d;}
.newCon b{font-size:16px;color:#c0c0c0;}
.newCon b a{color:#c0c0c0;}
.newCon b a:hover{color:#FFF;}
.newCon p{padding-top:10px;font-size:12px;color:#999;text-indent:0;}
.newCon p a{color:#de3c3c;}
.newCon p img{height:65px;float:left;padding-right:15px;padding-top:3px;border:none;}
.newClick{width:120px;height:175px;float:left;background-color:#3d3d3d;}
.newNum{margin-top:30px;margin-bottom:30px;height:100px;border-left:1px solid #494949;text-align:center;color:#999;}
.newNum p{font-size:24px;font-family:Arial, Helvetica, sans-serif;padding-top:10px;color:#666;}
#newTxt{margin-top:40px;line-height:26px;font-size:14px;}
#newTxt h1{line-height:40px;font-size:28px;color:#F9F9F9;}
#new{margin-top:40px;font-size:16px;line-height:28px;color:#666;text-align:left;}
#new p{padding-top:15px;text-indent:2em;}
#new img{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:15px;}

#page{margin-top:40px;color:#dbdbdb;}
#page a{color:#dbdbdb;padding:3px 5px;}
footer p span{padding-left:15px;}

@media only screen and (max-width:640px){
	#header{position: fixed;}
	.nav-toggle{display:block;}
	.navigation li {display: inline-block;float:none;width:100%;font-size:1.2em;}
	.main{width:94%;padding-left:2%;padding-right:2%;}
header{width:100%;height:170px;padding-top:0;margin-bottom:0;overflow:hidden;}
.banner{margin-top:170px;}
#header .header-content {padding:0px;max-width:100%;}
#header.fixed .header-content {border-bottom: 0;padding:5px 0;}
#header .logo{width:100%;float:none;text-align:center;}
#header .logo img{width:85%;margin-top:30px;margin-left:5%;}

nav{width:100%;display:block;float:none;border-top:1px solid #555;margin-top:12px;padding-top:8px;}
nav ul{margin-top:0;}
nav li{float:left;width:25%;line-height:1.8em;margin-left:0;color: #fec400;font-weight:bolder;}
nav li a{color: #fec400;}


#equs li{height:105px;}
#equs li img{height:75px;}
.contactnav{background:none;height:auto;}
.contactnav ul{width:100%;float:none;}
.tellist{margin-top:30px;border-top:1px solid #353535;padding-top:20px;}
.tellist li{width:100%;}
.bdmap{display:none;}

#newsList{margin:35px auto 70px auto;text-align:left;padding-top:20px;}
#newsList li{width:100%;height:175px;line-height:24px;color:#927b59;margin-top:40px;background-color:#3d3d3d;border-radius:2px;}
#newsList li span{float:right;padding-right:10px;color:#999;}
.newDate{width:27%;margin-right:2%;height:100px;margin-top:40px;float:left;font-size:24px;color:#FFF;text-align:center;border-right:none;}
.newDate p{font-size:14px;color:#DDD;padding-top:20px;}
.newCon{width:70%;padding:30px 0;height:115px;float:left;background-color:#3d3d3d;}
.newCon b{font-size:14px;color:#c0c0c0;}
.newCon b a{color:#c0c0c0;}
.newCon b a:hover{color:#FFF;}
.newCon p{padding-top:10px;font-size:12px;color:#999;text-indent:0;}
.newCon p a{color:#de3c3c;}
.newCon p img{display:none;}
.newClick{display:none;}
.newNum{margin-top:30px;margin-bottom:30px;height:100px;border-left:1px solid #494949;text-align:center;color:#999;}
.newNum p{font-size:24px;font-family:Arial, Helvetica, sans-serif;padding-top:10px;color:#666;}
#newTxt{margin-top:40px;line-height:26px;font-size:14px;}
#newTxt h1{line-height:40px;font-size:28px;color:#F9F9F9;}
#new{margin-top:40px;font-size:16px;line-height:28px;color:#666;text-align:left;}
#new p{padding-top:15px;text-indent:2em;}
#new img{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:15px;}

.proclass{height:auto;min-height:60px;}
.proclass li{width:45%;margin-right:5%;padding:0px;margin-bottom:10px;}
#products li{height:105px;}
#products li img{height:75px;}
.proslist{display:none;}
#protxt{margin-top:30px;float:none;width:96%;margin-left:2%:}
#proimg{width:100%;float:none;margin-right:0px;}
#proimg img{width:100%;margin-bottom:25px;}
#prowz table{width:100%;}

.servicenav img{width:100%;float:none;margin-bottom:20px;}

}