@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#1ec3fa;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1200px; margin:0px auto; overflow:hidden;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/


/*------------------------header------------------------*/
/*顶部*/
#topBox{ height: 30px; line-height: 30px; background: #000; font-size: 12px; z-index: 9;}
.topBox{ width:1200px; margin:0px auto; }
#topBox #topNav{}
#topNav .tLi{ float: left; display:inline; position:relative;}
#topNav .tLi>a{ display:block; height:30px; line-height:30px; color: #fff; padding: 0 15px;}
#topNav .tLi>a h3{ font-weight: normal; font-size: 12px;}
#topNav .tLia>a{ background: url(../images/topIco1.gif) center right no-repeat;}
#topNav .tLia>a:hover{ background: url(../images/topIco1.gif) center right no-repeat #1ec3fa;}
#topNav .tLib>a{ background: url(../images/topIco2.gif) 75px center  no-repeat; padding: 0 30px 0 15px;}
#topNav .tLib>a:hover{ background: url(../images/topIco2.gif) 75px center no-repeat #1ec3fa;}
#topNav .on>a{ background: url(../images/topIco2.gif) 75px center no-repeat #1ec3fa; color:#fff;}
#topNav .sub{ display:none; width: 100%; line-height:30px; left:0px; top:30px; position:absolute; background: rgba(0,0,0, 0.85); z-index:999; text-align:center; box-shadow: 0px 1px 3px #999; text-transform: capitalize;}
#topNav .sub li{ border-top: 1px #333 solid;}
#topNav .sub a{ display: block; line-height: 30px; color: #fff;}
#topNav .sub a:hover{ background: #1ec3fa;}

/*电话邮箱*/
#tel,#mail{ width: 155px; height: 32px; margin: 46px 0; padding: 5px 0 5px 50px;}
#mail{ width:210px;}
#tel{ background: url(../images/tel.png) top left no-repeat;}
#mail{ background: url(../images/tel.png) bottom left no-repeat;}

/*标志*/
#logo{ margin: 29px 0 30px; font-size: 0;}

/*搜索*/
#search{ margin: 47px 0 0;  height: 40px; line-height: 40px; border: 1px #ccc solid;}
#search input , #search button{ border: none; background: none; margin: 0; height: 28px; line-height: 28px;}
#search .keyword{ text-indent: 0.5em;}
#search button{ cursor: pointer; width: 40px; height: 40px; background: url(../images/search.png) center no-repeat;}
#search select{ height: 39px; line-height: 39px; border-top: none; border-bottom: none; border-left: none; border-right: 1px #ccc solid;}

/*导航*/
#navBox{ height: 50px; border-top: 1px #eee solid;}
	.navBox{ width: 1190px; margin: 0 auto;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		#nav .nLi{ float:left; display:inline; position:relative;}
			#nav .nLi>a{ display:block; width: 170px; height:50px; line-height:50px; text-align: center; text-transform: uppercase; color: #333;}
			#nav .nLi:hover{ background:#1ec3fa;}
				#nav a h2{ font-weight:normal; font-size:16px;}
			#nav .sub{ display:none; width: 100%; line-height:40px; left:0px; top:50px; position:absolute; background: rgba(255,255,255, 0.85); z-index:999; text-align:center; box-shadow: 0px 1px 3px #999; text-transform: capitalize;}
			#nav .sub li{ border-top: 1px #dfeff8 solid;}
			#nav .sub a{ display: block;}
			#nav .sub a:hover{ background: #1ec3fa; color: #fff;}
			#nav .nLi>a:hover{ background:#1ec3fa; color: #fff;}
		#nav .nLi0 a{ text-indent: 20px; background: url(../images/home.png) 40px 0px no-repeat;}
		#nav .nLi0 a:hover{ text-indent: 20px; background: url(../images/home.png) 40px -50px no-repeat;}
		#nav .nLi6 a{ text-indent: 30px; background: url(../images/contact.png) 20px 0px no-repeat;}
		#nav .nLi6 a:hover{ text-indent: 30px; background: url(../images/contact.png) 20px -50px no-repeat;}
		#nav .nLi .on{ background:#1ec3fa; color: #fff;}
		#nav .nLi0 .cur{ background: url(../images/home.png) 40px -50px no-repeat #1ec3fa; color: #fff;}
		#nav .nLi6 .on{ background: url(../images/contact.png) 20px -50px no-repeat #1ec3fa; color: #fff;}
		

/*轮播*/
#banner{ width:100%; height:500px; position:relative; overflow:hidden; }
	#banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-95px; bottom:30px;}
		#banner .hd li{ width:40px; height:10px; margin-right:10px; float:left; cursor:pointer; background:url(../images/banner.png) 0 0 no-repeat;}
		#banner .hd li.on{ background:url(../images/banner.png) 0 -20px no-repeat;}
	#banner .bd{ width:100%; height:880px;}
		#banner .bd li{ width:100%; height:880px;}
		.banner1{ background:url(../images/banner1.jpg) center top no-repeat;}
		.banner2{ background:url(../images/banner2.jpg) center top no-repeat;}
		.banner3{ background:url(../images/banner3.jpg) center top no-repeat;}

/*分类*/
#sort{}
.sortBox{ width: 220px; margin: 45px 40px; text-align: center;}
.sortBox a{ display: block;}
.sortBox .pic{ border: 1px #ccc solid; padding: 9px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sortBox .pic:hover{ background: #1ec3fa; border-color: #1ec3fa;}
.sortBox .name{ padding: 20px 0 0; font-size: 16px;}

/*产品*/
#product{ background: #eff4f7; padding: 75px 0 100px;}
#product .title{ text-align: center; font-size: 30px; color: #003686;}
	#proCon{}
		#proCon .hd{ height:40px; margin: 45px 0 60px; text-align: center; position:relative; }
			#proCon .hd ul{ float:left;  position:absolute; top:0; left: 220px;}
				#proCon .hd ul li{ float:left; width: 168px; border:1px #2d373c solid; line-height: 38px; cursor:pointer; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; margin: 0 10px;}
				#proCon .hd ul li.on{ border-color:#1ec3fa; background: #1ec3fa; color: #fff;}
		#proCon .bd{ overflow: hidden;}
			#proCon .bd li{ width: 280px; margin: 10px; float: left; position:relative;}
				#proCon .listimg{ float:left; width:280px; height:280px; position:relative; overflow:hidden;}
					#proCon .listimg img{ background:#333; width:280px; height:280px; top:0; left:0; position:absolute;}
					#proCon .summary{ width:280px; height:280px; top:280px; left:0; position:absolute; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#901ec3fa',endColorstr='#901ec3fa');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#901ec3fa, endColorstr=#901ec3fa)"; background:rgba(30,195,250,0.9);}
						#proCon .summarytxt{ margin:15px 20px 0; width:240px; height:auto; line-height:24px; font-size:14px; color:#cfcfcf;}
							#proCon .summarytxt p{ color: #fff;}

/*简介*/
#about{ width: 680px; margin: 100px 0 60px;}
#about .abouta{ font-size: 30px; color: #003686; text-transform: uppercase; margin: 25px 0 15px;}
#about .aboutb{ line-height: 180%;}

/*新闻*/
#news{ width: 420px; margin: 100px 0 60px;}
#news .title{ padding: 0 0 25px;}
#news .topic{ font-size: 30px; color: #003686; text-transform: uppercase;}
#news .more{ padding: 10px 0 0;}
#news li{ border-bottom: 1px #cfcdce dashed; padding: 20px 0;}
#news li .time{ width: 75px; text-align: center; color: #999;}
#news li .time span{ font-size: 40px;}
#news li .name{ width: 330px; padding: 15px 10px 15px 0;}
#news li:hover{ background: #eff4f7;}

/*认证*/
#renzheng{ background: #eff4f7; padding: 50px 0;}
.rzBox{ width: 140px; margin: 5px; font-size: 0; overflow: hidden;}

/*底部*/
#foot{ background: #080300; padding: 60px 0; color: #777;}
#foot .logo{ font-size: 0;}
#foot .add{ line-height: 180%;}
#foot .add a{ color:#777;}
#foot .add a:hover{ color:#1ec3fa;}
#foot .menu{ padding: 20px 0 0;}
#foot .menu a{ display: block; width: 25px; height: 25px; margin-right: 30px; float: left;}
#foot .menu .facebook{ background: url(../images/ico.png) 0 0 no-repeat;}
#foot .menu .facebook:hover{ background: url(../images/ico.png) -25px 0 no-repeat;}
#foot .menu .twitter{ background: url(../images/ico.png) 0 -25px no-repeat;}
#foot .menu .twitter:hover{ background: url(../images/ico.png) -25px -25px no-repeat;}
#foot .menu .skype{ background: url(../images/ico.png) 0 -50px no-repeat;}
#foot .menu .skype:hover{ background: url(../images/ico.png) -25px -50px no-repeat;}
#foot .menu .qq{ background: url(../images/ico.png) 0 -75px no-repeat;}
#foot .menu .qq:hover{ background: url(../images/ico.png) -25px -75px no-repeat;}
#foot .menu .wechat{ background: url(../images/ico.png) 0 -100px no-repeat;}
#foot .menu .wechat:hover{ background: url(../images/ico.png) -25px -100px no-repeat;}
#foot .copy{ padding: 25px 0 0;}
#foot .pay{ width: 62px; height: 38px; margin-left: 5px; overflow: hidden;}

/*内页*/
/*banner*/
#nBanner{ height: 200px;}
/*crumbs*/
#crumbs{ line-height: 70px; text-transform: uppercase;}
#crumbs a{ margin: 0 5px}
/*side*/
.side{ width: 300px;}
	.side .title{ height: 60px; line-height: 60px; font-size: 20px; background: #eff4f7; color: #003686; text-indent: 20px; text-transform: capitalize;}
	.side .title6{ background: #1ec3fa; color: #fff;}
		.side .title a{ display: block; color: #003686;}
	.sideNav{ margin-bottom: 20px;}
		.sideNav a{ display: block; line-height: 50px; vertical-align: middle; border-bottom: 1px #e7eef3 solid; padding: 0 20px; background: url(../images/arrow.png) 260px -50px no-repeat;}
		.sideNav a:hover{ background: url(../images/arrow.png) 260px 0px no-repeat #1ec3fa; color: #fff;}
		.sideNav .on{ background: url(../images/arrow.png) 260px 0px no-repeat #1ec3fa; color: #fff;}
		.sideNav .sub{ display:none; background: #f5f5f5;}
			.sideNav .sub a{ line-height: 40px; background: url(../images/arrow.png) 260px -55px no-repeat;}
			.sideNav .sub a:hover{ background: url(../images/arrow.png) 260px -5px no-repeat #1ec3fa; color: #fff;}
	.sideEi{ margin-bottom: 50px;}
		.sideEi li{ padding:15px 20px; line-height: 160%; border-bottom: 1px #e7eef3 solid;}
		.sideEi li:hover{ background: #1ec3fa;}
			.sideEi li:hover a{ color: #fff;}
			
.nCon{ width: 850px; margin-bottom: 50px;}
	#comInfo{ margin-bottom: 30px; line-height: 180%;}
		#comInfo .p1{ font-size: 24px; color: #003686; margin-bottom: 10px;}
	
	#salesTeam{ margin-bottom: 30px;}
		#salesTeam h3{ font-weight: normal; margin-bottom: 10px; color: #003686;}
		.saleBox{  width: 280px; height: 50px; margin: 10px 0;}
			.saleBox .pic{ width: 50px; height: 50px; overflow: hidden;}
			.saleBox .name{ width: 220px; padding: 7px 0 0;}
	
	#name{}
		#name h3{ font-weight: normal; font-size: 20px; color: #003686;}
		
	#author{ line-height: 60px; border-bottom: 1px #ccc dotted; color: #666;}
		
	#txt{overflow: hidden; line-height: 180%; text-align: justify;}
		#txt td{ padding: 3px 5px; text-align: center; border: 1px #ccc solid; vertical-align: middle;}
		#txt img{ max-width: 800px; margin: 5px;}
		#txt span{display: inline-block; background: #ff8a00; padding: 0 10px; line-height: 200%; color: #fff; font-weight: bold; text-align: center; margin: 0 10px 0 0;}
		#txt .list-paddingleft-2{ overflow: hidden;}
			.list-paddingleft-2 li{ float: left;}
			.list-paddingleft-2 li:nth-child(1){ font-weight: bold; width: 15%; text-align: right; padding: 0 20px 0 0;}
			
	#txts{overflow: hidden; line-height: 180%; text-align: justify; padding: 20px 0;}
		#txts p{ margin-bottom: 10px;}
		#txts td{ padding: 3px 5px; text-align: center; border: 1px #ccc solid; vertical-align: middle;}
		#txts img{ max-width: 800px; margin: 5px;}
		#txts span{display: inline-block; background: #ff8a00; padding: 0 10px; line-height: 200%; color: #fff; font-weight: bold; text-align: center; margin: 0 10px 0 0;}
		#txts .list-paddingleft-2{ overflow: hidden;}
			.list-paddingleft-2 li{ float: left;}
			.list-paddingleft-2 li:nth-child(1){ font-weight: bold; width: 15%; text-align: right; padding: 0 20px 0 0;}
	
	#proList{}
		#proList .proBox{ width:200px; margin:5px; text-align: center;}
			#proList .proBox .pic{ width: 200px; height: 200px;}
				#proList .proBox .pic a{ display: block; border: 1px #f0f4f7 solid; width: 198px; height: 198px; text-align: center; line-height: 198px; vertical-align: middle;}
				#proList .proBox .pic a:hover{ border-color: #1ec3fa;}
					#proList .proBox .pic a img{ max-width: 198px; max-height: 198px;}
				#proList .proBox .name{ line-height: 160%; font-size: 12px; padding: 10px 0;}
			
	#newsList{}
		#newsList li{ border-bottom: 1px #ccc dashed; padding: 20px;}
			#newsList li h3{ font-weight: normal; font-size: 18px;}
			#newsList li p{ color: #666; margin-top: 10px;}
		#newsList li:hover{ background: #eff4f7;}
	
	#proTopic{ border: 1px #ececec solid; padding: 20px; overflow: hidden; margin-bottom: 20px;}
		#proTopic .hleft .proimg, #proTopic .hleft .cloud-zoom-big { width: 394px; height: 394px; border: 1px solid #ececec; padding: 2px; margin-bottom: 10px; text-align: center;}
			#proTopic .hleft .proimg img { max-width: 394px; max-height: 394px;}
			#proTopic .hleft .smallimg { width: 400px; height: 100px; overflow: hidden;}
			#proTopic .hleft .smallimg dl { width: 400px; height: 70px;}
			#proTopic .hleft .smallimg dl dt { width: 10px; height: 45px; margin-top: 13px;}
			#proTopic .hleft .smallimg dl dt.prev { float: left;}
			#proTopic .hleft .smallimg dl dt.next { float: right;}
			#proTopic .hleft .smallimg dd { width: 366px; height: 70px; float: left; margin-left: 10px; overflow: hidden; }
			#proTopic .hleft .smallimg dd li { width: 70px; float: left; height: 70px; text-align: center; margin: 0 10px; }
			#proTopic .hleft .smallimg dd li img { width: 68px; height: 68px; border: 1px solid #ccc; }
			#proTopic .hleft .smallimg dd li a:hover img, #proTopic .hleft .smallimg dd li a.hover img { border-color: #fcfcfc;}
			#proTopic .hleft .btns { margin-top: 20px;}
			#proTopic .hleft .btns span { display: none;}
			#proTopic .hleft .btns a { display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url(../images/btn-s-bg.png) no-repeat; float: left; margin: 0 16px 0 0 !important; padding: 0 !important; width: 80px; }
			#proTopic .hleft .btns a.b1 { background-position: left -150px;}
			#proTopic .hleft .btns a.b2 { background-position: left -30px; width: 93px;}
			#proTopic .hleft .btns a.b3 { background-position: left -120px;}
			#proTopic .hleft .btns a.b4 { background-position: left -60px;}
		#proTopic .topic{ width: 670px; padding: 30px 0;}
			#proTopic .topic h3{ color: #003686; font-size: 24px; font-weight: normal; margin-bottom: 20px;}
			#proTopic .topic li{ line-height: 240%;}
			#proTopic .topic a{ display: block; float: left; width: 200px; height: 50px; line-height: 50px; text-align: center; margin:30px 20px 0 0; font-size: 16px; color: #fff;}
			#proTopic .topic .ce{ background: #003686;}
			#proTopic .topic .rl{ background: #2d373c;}
			#proTopic .topic a:hover{ background: #1ec3fa;}
	
	#proTxt{ border: 1px #ececec solid; overflow: hidden; margin-bottom: 20px;}
		#proTxt .name{ line-height: 58px; font-size: 16px; background: #eff4f7; padding: 0 20px;}
		#proTxt #txts{ padding: 20px;}
		#proTxt #upDown{ padding-left: 20px;}
	
	#videoList{}
		.videoBox{ padding: 20px; border-bottom: 1px #ccc dashed;}
			.videoBox .pic{ width: 200px; font-size: 0;}
			.videoBox .name{ width: 580px;}
				.videoBox .name h3{ font-size: 16px; font-weight: normal; margin: 10px 0;}
				.videoBox .name p{ margin-bottom: 10px; line-height: 160%;}
		.videoBox:hover{ background: #eff4f7;}
	
	#picture{ text-align: center; padding: 20px;}
		#picture img{ max-width: 800px; max-height: 800px;}
	#descName{ line-height: 58px; font-size: 16px; background: #eff4f7; padding: 0 20px; border: 1px #ececec solid;}
	
	.whyKing{ padding: 20px 20px 20px 30px; margin-bottom: 20px; overflow: hidden; line-height: 180%; text-align: justify; background: url(../images/why.png) 0 0 no-repeat #eff4f7;}
	
#pageBox{ padding: 50px 0; text-align: center; overflow: hidden;}
	#pageBox a{ border: 1px #ccc solid; margin:0 5px; padding: 10px 15px; font-size: 12px;}
	#pageBox a:hover{ background: #1ec3fa; border-color: #1ec3fa; color: #fff;}
	#pageBox .page-num-current{ border: 1px #1ec3fa solid; color: #1ec3fa;}
	
#upDown{ padding:20px 0 30px; line-height:180%; overflow:hidden; border-top: 1px #ccc dotted;}
	#upDown span{ color: #1ec3fa;}

#send{ padding: 20px 0 50px 100px; overflow: hidden;}
	#send td{ padding: 10px 0; line-height: 30px;}
		#send td span{ color: #ff0000;}

#send .addleft{ width: 150px; padding-right: 10px;}
	#send input{ height: 30px; line-height: 30px; padding: 0 10px;}
	#send lable{ height: 30px; line-height: 30px; overflow: hidden;}
	#send .from input{ width: 300px;}
	#send .extra input{ vertical-align: middle;}
	#send .subject input{ width: 500px;}
	#send .content textarea{ width: 500px; height: 200px; font-family:Arial, Microsoft YaHei; color: #333; padding: 10px;}
	#send button{ background: #003686; width: 200px; height: 50px; text-align: center; line-height: 50px; vertical-align: middle; cursor: pointer; border: none; color: #fff;}
	#send button:hover{ background: #1ec3fa;}