@charset"uft-8";
body,h1,h2,h3,h4,ul,ol,figure,p{
	margin:0;
	padding:0;
}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	background:#212b36;
}
ul,ol{
	list-style:none none;
}
a{
	text-decoration:none;
}
img{
	margin:0 auto;
}
.clear{
	clear:both;
}
#header{
	width:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;
}
#header .center{
	width:1200px;
	margin:0 auto;
}
#header .logo{
	display: inline-block;
	width:180px;
	text-indent: -9999px;
	background:url(../img/logo.png) no-repeat center;
	line-height:85px;
}
#header .navBar{
	width:920px;
	height:85px;
	float:right;
}
#header .navBar .container{
	width:300px;
	height:26px;
	line-height:26px;
	float:right;
	margin:15px 0;
	color:#999;
	cursor: default;
}
#header .navBar .search{
	float:right;
}
#header .navBar .search input{
	width:180px;
	height:28px;
	padding-left:10px;
	background:rgba(33,43,54,1);
	border:none;
	outline:none;
	color:#FFF;
}
#header .navBar .search button{
	width:40px;
	height:30px;
	background:url(../img/search.png) no-repeat 10px 8px rgba(33,43,54,1);
	margin-left:-9px;
	border:none;
	outline:none;
	text-indent: -9999px;
}
#header .navBar .nav{
	width:920px;
	height:24px;
	clear:both;
}
#header .navBar .nav ul li{
	margin:0 30px;
	line-height:29px;
	float:left;
}
#header .navBar .nav  a{
	color:#fff;
}
#header .navBar .nav ul>li:first-child{
	margin-left:0;
}
#header .navBar .nav ul>li:last-child{
	margin-right:0;
}
#header .navBar .active>a{
	display:block;
	height:27px;
	color:#5b95f3;
	border-bottom:2px solid #5b95f3;
}
#header .navBar .nav ol{
	position:absolute;
	height:30px;
	background: rgba(0,0,0,0.8);
	display: none;
}
#header .navBar .nav ol li{
	margin:0 20px;
}
#header .navBar .nav ul li:hover ol{
	display: block;
	transition: all 0.5s;
	transform: translateY(0%) translateX(-36%);
}
#header .navBar .nav ul a:hover{
	display:block;
	height:27px;
	color:#5b95f3;
	border-bottom:2px solid #5b95f3;
}
#brand .container,#index-product .container,#strength .container{
	width:1200px;
	margin:0 auto;
}
#strength .container{
	overflow: hidden;
}
#brand .container section,#index-product .container section,#index-contact section{
	margin-top:60px;
	text-align:center;
	color:#FFF;
}
#brand .container h2,#index-product .container h2,#strength .container h2,#article .profile h2,#article .news h2,#index-contact h2{
	font-size: 42px;
	font-weight: normal;
}
#brand .container span,#index-product .container span,#strength .container span,#article .profile span,#article .news span,#index-contact span{
	letter-spacing:2px;
	margin-left:-18px;
	color:rgb(178,204,204);
}
#article .profile span,#article .news span{
	margin-left:0;
}
#footer{
	width:100%;
	background:#000;
}
#footer .Copyright{
	width:1200px;
	height:46px;
	margin:0 auto;
	color:#fff;
}
#footer .Copyright p{
	font-size: 14px;
	float:left;
	line-height: 46px;
	margin-left:50px;
}
/*----------------------main------------------*/
#product .mainNav,#product .subNav,#news .mainNav,#aboutus .mainNav,#contact .mainNav,#partner .mainNav{
	height:60px;
	border-bottom:1px solid #000;
}
#product .mainNav ul li,#news .mainNav ul li,#aboutus .mainNav ul li,#contact .mainNav ul li,#partner .mainNav ul li{
	float:left;
	margin:30px 40px 0 40px;
}
#product .mainNav ul li:first-child,#news .mainNav ul li:first-child;#aboutus .mainNav ul li:first-child,#contact .mainNav ul li,#partner .mainNav ul li:first-child{
	margin-left:64px;
}
#product .mainNav a,#news .mainNav a,#aboutus .mainNav a,#contact .mainNav ul li,#partner .mainNav a{
	color:#000;
	font-size:20px;
}
#product .mainNav a:hover,#product .mainNav .active a,#news .mainNav a:hover,#news .mainNav .active a,#aboutus .mainNav a:hover,#aboutus .mainNav .active a,#contact .mainNav ul li,#partner .mainNav a:hover,#partner .mainNav .active a,#refitting-case .mainNav .active a{
	color:#5084d8;
	border-bottom:3px solid #5084d8;
	padding-bottom:4px;
}
#contact .mainNav ul li{
	padding-bottom:2px;
}
/*----------------------page----------------------------*/
#product .page,#refitting-case .page,#news .page{
	height:100px;
}
#product .page ul,#refitting-case .page ul,#news .page ul,#technology .page ul{
	width:305px;
	margin:60px auto;
}
#product .page ul li,#refitting-case .page ul li,#news .page ul li,#technology .page ul li{
	width:30px;
	height:30px;
	border:1px solid #999;
	float:left;
	margin:0 3px;
	text-align:center;
	line-height:30px;
	font-size:18px;
}
#product .page a,#refitting-case .page a, #news .page a,#technology .page a{
	color:#000;
}
#product .page ul span:first-child,#refitting-case .page ul span:first-child,#news .page ul span:first-child,#technology .page span:first-child{
	display:block;
	float:left;
	width:30px;
	height:30px;
	border:1px solid #999;
	background:url(../img/pgup.png) no-repeat center;
}
#product .page ul span:last-child,#refitting-case .page ul span:last-child,#news .page ul span:last-child,#technology .page ul span:last-child{
	display:block;
	float:left;
	width:30px;
	height:30px;
	border:1px solid #999;
	background:url(../img/pgdn.png) no-repeat center;
}
#product .page ul li:hover a,#refitting-case .case ul li:hover a,#news .page ul li:hover a{
	display: block;
	width:30px;
	height:30px;
	background: #5084d8;
	color:#fff;
}
@media(min-width: 0px) and (max-width: 1366px){
	#header .navBar .nav ol li{
		margin:0 11px;
	}
	#header .navBar .nav ul li:hover ol{
		transform: translateY(0%) translateX(-35%);
	}
	#header .center{
		width:1000px;
	}
	#header .logo{
		width:110px;
		line-height:65px;
		background: url(../img/logo-1.png) no-repeat center;
	}
	#header .navBar{
		width:680px;
	}
	#header .navBar .container{
		height:20px;
		margin: 8px 0
	}
	#header .navBar .nav ul li{
		margin: 0 18px;
	}
	#header .navBar .search input{
		width:150px;
		height:25px;
	}
	#header .navBar .search button{
		height:27px;
		background-position: 10px 5px;
	}
	#header .navBar { 	
	    height: 55px;
	    font-size: 14px;
	}
	#brand .container, #index-product .container, #strength .container{
		width:1000px;
	}
	#footer .Copyright {
    width: 1000px;
	}
	#footer .Copyright p{
    font-size: 12px;
	}
	#brand .container h2, #index-product .container h2, #strength .container h2, #article .profile h2, #article .news h2, #index-contact h2 {
    font-size: 32px;
	}

	/*--------------------产品中心-------------------*/
	#product .mainNav, #product .subNav, #news .mainNav, #aboutus .mainNav, #contact .mainNav, #partner .mainNav {
    height: 40px;
	}
	#product .mainNav ul li, #news .mainNav ul li, #aboutus .mainNav ul li, #contact .mainNav ul li, #partner .mainNav ul li {
    margin: 15px 20px 0 40px;
	}
	#product .mainNav a, #news .mainNav a, #aboutus .mainNav a, #contact .mainNav ul li, #partner .mainNav a{
		font-size:16px;
	}
	#product .mainNav a:hover, #product .mainNav .active a, #news .mainNav a:hover, #news .mainNav .active a, #aboutus .mainNav a:hover, #aboutus .mainNav .active a, #contact .mainNav ul li, #partner .mainNav a:hover, #partner .mainNav .active a {
		font-size: 16px;
	}
	#product .subNav ul li:first-child {
    margin-left: 40px;
	}
	#product .subNav a:hover, #product .subNav .active a {
    padding: 6px 15px;
    font-size: 15px;
	}
	#product .subNav a {
    padding: 6px 15px;
    margin: 8px 20px 0 0;
    font-size: 15px;
	}
	#product .pro figuer {
    margin: 0 10px 10px 0;
	}
	#product .pro .img {
    width: 310px;
	}
	#product .pro figcaption {
    width: 310px;
	}

}
.biaoji{
	display:block;
	height:27px;
	color:#5b95f3 !important;
	border-bottom:2px solid #5b95f3;
}