/*
Theme Name: krdlw
Theme URI: http://www.cnpoz.com
Description: 破竹科技
Version: 5.6
Author: wang jianwen
E-mail:poz@cnpoz.com
*/

/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font:12px Arial,SimSun;
	color: #000;
}
input{
	padding: 0;
	margin: 0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a{
	text-decoration: none;
}
img{
	padding: 0;
	margin: 0;
	
}
/*global*/
.fixed{ 
	*zoom:1;
}

.fixed:after{
	content: ".";
	height:0;
	clear:both;
	overflow: hidden;
	display: block;
}


/*index*/
#top{width: 100%;height: 100px;background: url(../images/topBg.jpg);}
#header{width: 1000px;height:100px;margin: 0 auto;}
#header .logo{float: left;padding-top: 20px;width: 330px;}
#header .logo a{display: block;}
#header .logo a img{width: 330px;}
#header .right{float: left;width: 670px;}
#header .right .top{width: 670px;height: 25px;}
#header .right .top .language{float: right;width: 117px;height: 25px;background: url(../images/language.png);text-align: center;}
#header .right .top .language a,#header .right .top .language span{line-height: 25px;color: #fff;}
#header .right .top .language a:hover{text-decoration: underline;}
#header .right .nav{padding:15px 0 0 100px; }
#header .right .nav a{display: block;float: left;margin-left:20px; cursor:pointer;}
#header .right .nav a span{width:60px;line-height:20px;display:block;text-align: center;}
#header .right .nav a .cn{font-size: 13px;font-weight: 800;color: #333;}
#header .right .nav a .en{font-size: 11px;color: #666;}

#header .right .navEn{padding:18px 0 0 80px; }
#header .right .navEn a{display: block;float: left;margin-left: 20px;}
#header .right .navEn a span{line-height: 20px;display: block;text-align: center;font-size: 14px;font-weight: 800;color: #333; font-family:Arial;}
#header .right .navEn a span:hover{ text-decoration:underline;}

.navbannner{width:100%; height:300px; background:#21242e;}
.navbannner .banner{width:100%; height:300px; float:left;}

#mainIndex{width: 1000px;margin: 10px auto;}
#mainIndex .title{ cursor:pointer;}
#mainIndex .title .en{border-bottom: 1px solid #015195;display: block;float: left;padding-bottom: 10px;}
#mainIndex .title .cn{border-bottom: 1px dashed #d2d0d0;font-weight: 800; display: block;float: left;text-align: left;padding: 18px 0 8px 10px;}

#mainIndex .news{float: left;width: 320px;}
#mainIndex .news .title .cn{width: 190px;}
#mainIndex .news ul{padding-top: 10px;}
#mainIndex .news ul li{margin-top: 10px;}
#mainIndex .news ul li span{float: left; display: block;background: url(../images/timeBg.png);width: 65px;height: 52px;line-height: 52px;text-align: center;}
#mainIndex .news ul li .right{float: left;padding-left: 10px;width:245px;}
#mainIndex .news ul li .right a{font-weight: 800;color: #555;line-height: 25px;}
#mainIndex .news ul li .right a:hover{color: #015195;}
#mainIndex .news ul li .right p{color: #555;line-height: 25px;}

#mainIndex .about{float: left;width: 350px;margin: 0 30px;}
#mainIndex .about .title .cn{width: 240px;}
#mainIndex .about .content{padding-top: 10px;}
#mainIndex .about .content img{float: left;margin:10px 10px 10px 0;height:100px; } 
#mainIndex .about .content p{line-height: 25px;color: #555;text-align: justify;}

#mainIndex .about .content p a{line-height: 25px;color: #333;}
#mainIndex .about .content p a:hover{color:#015195;}

#mainIndex .contact{float: left;width: 270px;}
#mainIndex .contact .title .cn{width: 140px;}
#mainIndex .contact .content{padding-top: 20px;}
#mainIndex .contact .content img{width: 270px;height: 110px;margin-bottom: 5px; } 
#mainIndex .contact .content p{line-height: 20px;color: #555;text-align: justify;margin-bottom: 10px;}
#mainIndex .contact .content p b{color: #555; font-size:14px; font-weight:bold;}
#mainIndex .contact .content .select{margin-top:10px;}

#links{width: 100%;background: #e7e7e7;}
#links .links{width: 1000px;margin:0 auto;}
#links .links span{float: left;font-weight: 800;line-height: 30px;}
#links .links a{float: left;margin: 0 10px;line-height: 30px;color: #666;}
#links .links a:hover{text-decoration: underline;}

#bottom{width: 1000px;margin: 5px auto 0;}
#bottom p{line-height: 20px;color: #666;float: left;}
#bottom div{float: right;display: block;}

#aboutBanner{width: 100%;height: 280px;background: #005eae;}

#main{width: 1000px; margin: 0px auto 30px;}
#main .left{float: left;width: 220px;margin-top: -42px;}
#main .left h2{width: 200px;height: 42px;background: url(../images/leftTit.png);padding-left: 20px;font-size: 14px;color: #fff;line-height: 42px;font-weight: 800;}
#main .left .content{width: 220px;min-height: 300px; background: url(../images/leftBg.jpg) no-repeat; background-position: top;}
#main .left .content ul{padding-right:8px; }
#main .left .content ul li{border-bottom: 1px solid #efefef;height: 35px;padding: 0 20px;}
#main .left .content ul li a{float: left;line-height: 35px;font-weight: 800;}
#main .left .content ul li span{float: right;background: url(../images/i.png);width: 13px;height: 13px;margin: 11px 0;}
#main .left .content ul li:hover,#main .left .content ul .ts{height: 40px;background: #ececec;}
#main .left .content ul li:hover a,#main .left .content ul .ts a{line-height: 40px;color: #005eae; }
#main .left .content ul li:hover span,#main .left .content ul .ts span{background: url(../images/ih.png);margin: 13px 0;}
#main .left .content .contact{width: 180px;margin: 20px auto 0;display: block;}

#main .right{width: 760px;float: left;margin-left: 20px;}
#main .right .title{border-bottom: 1px solid #dadada;width: 760px;padding: 15px 0 5px;}
#main .right .title .titleLeft{float: left;height: 30px;width: 150px;}
#main .right .title .titleLeft img{height: 30px;width: 150px;}
#main .right .title .coord{float: right;height: 30px;}
#main .right .title .coord span,#main .right .top .coord a{line-height: 30px;color: #555;margin-left: 5px;}
#main .right .title .coord a:hover,#main .right .title .coord .ts{color: #005eae;}


#main .right .about{padding: 20px 0;}
#main .right .about .p1{margin-bottom: 10px;}
#main .right .about .p1 img{float:left;margin-right:15px;width:250px;height: 190px;}
#main .right .about p{text-align: justify;line-height: 32px;color: #777;text-indent: 2em;}
#main .right .about .p2 div{float: left;width: 400px;}
#main .right .about .p2 img{float: right;width: 330px;height: 350px;margin-top: 20px;}
#main .right .about div,#main .right .about a,#main .right .about span,#main .right .about li,#main .right .about label{color: #777;line-height: 32px;}

#main .right .honor{padding: 20px;}
#main .right .honor ul li{float: left;margin: 10px;}
#main .right .honor ul li img{width: 214px;}
#main .right .honor ul li p{text-align: center;line-height: 30px;}

#main .right .news{padding: 10px 0;}
#main .right .news ul li{border-bottom: 1px dotted #eee;padding: 0 10px;}
#main .right .news ul li a{float: left;line-height: 50px;color: #555;}
#main .right .news ul li .list{float: left;margin-right: 10px;font-weight: 800;line-height: 50px;}
#main .right .news ul li .time{float: right;line-height: 50px;}
#main .right .news ul li:hover{background: #eee;}
#main .right .news ul li:hover .list{color: #005eae;}

#main .right .page{margin: 20px 0;}

#main .right .newsInfo{padding: 10px; overflow:hidden;}
#main .right .newsInfo .newsTitle{font-size: 20px;line-height: 40px;display: block;text-align: center;color: #005eae;}
#main .right .newsInfo .newsNote{text-align: center;}
#main .right .newsInfo .newsNote span{color: #666;margin-right: 10px;}
#main .right .newsInfo .newsContent{padding: 10px 0; overflow:hidden;}
#main .right .newsInfo .newsContent p{text-align: justify;text-indent: 2em;color: #333;line-height: 25px;margin-bottom:10px;}
#main .right .newsInfo .newsOther{margin: 20px 0;}
#main .right .newsInfo .newsOther div{margin: 10px 0;}
#main .right .newsInfo .newsOther div span{color: #005eae;}
#main .right .newsInfo .newsOther div a{color: #666;}
#main .right .newsInfo .newsOther div a:hover{color: #005eae;}

#main .right .contact{padding: 20px;}
#main .right .contact h3{font-weight: 800;color: #005eae;line-height: 20px;font-size: 16px;}
#main .right .contact .base{margin:10px 0;}
#main .right .contact .base p{}
#main .right .contact .base p span,#main .right .contact .base p a{ line-height:30px;color:#333;width:340px;float:left;margin-right:20px;}
#main .right .contact .branch{margin-top:20px;}
#main .right .contact .branch li{ float:left;width:320px; margin:0 20px 20px 0; background:#efefef; border-radius:5px;padding:10px;}
#main .right .contact .branch li h4{font-size:14px;color:#333; font-weight:800; line-height:30px;}
#main .right .contact .branch li p{line-height:20px;color:#333;width:320px;float:left;}

#main .right .pro{padding: 10px;}
#main .right .pro ul li{ float:left;margin: 9px;border: 1px solid #eee;padding: 5px;background: #fff;}
#main .right .pro ul li .proImg{display: block;}
#main .right .pro ul li .proImg img{ max-width: 210px;max-height: 175px;}
#main .right .pro ul li .proA{width: 210px;line-height: 30px;display: block;text-align: center;color: #666;}
#main .right .pro ul li .proA:hover{color: #005eae;}

#main .right .agent{padding: 10px 0;}

#main .right .case{padding: 10px 0;}
#main .right .case ul li{ float:left;margin: 10px;background: #fff;}
#main .right .case ul li .caseImg{display: block;width:230px;height:180px; overflow:hidden; text-align:center;border:1px solid #efefef;}
#main .right .case ul li .caseImg img{max-width:230px; height:170px;}
#main .right .case ul li .caseA{width: 233px;line-height: 30px; height:30px; display: block;text-align: center;color: #666;background:#efefef;}
#main .right .case ul li:hover .caseA{}
#main .right .case ul li:hover .caseA{color: #005eae;background:#eee;}

#main .right .caseInfo{padding: 10px;}
#main .right .caseInfo h3{color: #fff;line-height: 40px;padding:5px; width:710px;color: #005eae; font-weight:800; font-size:18px;text-align:center;}
#main .right .caseInfo .caseImg{max-width:400px; margin:0 auto; display:block;}
#main .right .caseInfo .caseContent{padding:20px 10px;}
#main .right .caseInfo .caseContent p{line-height: 25px;margin-bottom: 10px;text-indent: 2em;text-align: justify;color: #666;padding-top: 10px; overflow:hidden;}
#main .right .caseInfo .caseContent img{ max-width:710px;}

#main .right .productOther{margin: 20px 0;}
#main .right .productOther div{margin: 10px 0;}
#main .right .productOther div span{color: #005eae;}
#main .right .productOther div a{color: #666;}
#main .right .productOther div a:hover{color: #005eae;}

#main .right .messages{padding: 10px;}
#main .right .messages ul li{margin: 20px;width:500px; padding-left:15px;}
#main .right .messages ul li label{float: left;width: 70px;line-height: 20px;color: #333;}
#main .right .messages ul li input{float: left;width: 300px;line-height: 20px;height: 20px;padding-left: 2px;color: #333;}
#main .right .messages ul li textarea{float: left;width: 400px;height: 100px;padding: 5px;}
#main .right .messages ul .ts input{width: 100px;}
#main .right .messages ul .ts img{width: 60px;height: 30px;float: left;margin-left: 10px;}
#main .right .messages ul .submit{width: 740px; float:left;}
#main .right .messages ul .submit input{border: 0;background: #666;color: #fff; width:80px; margin-left:200px; padding:5px 0; text-align: center;cursor: pointer;}
#main .right .messages ul .submit input:hover{background: #555; }

/*产品左侧导航*/
#main .left .suckerdiv{width: 220px;min-height: 300px; background: url(../images/leftBg.jpg) no-repeat; background-position: top;}
#main .left .suckerdiv .ul{padding-right:8px; }
#main .left .suckerdiv .ul .li{border-bottom: 1px solid #efefef;height: 35px;padding: 0 20px;}
#main .left .suckerdiv .ul .li a{float: left;line-height: 35px;font-weight: 800;}
#main .left .suckerdiv .ul .li span{float: right;background: url(../images/i.png);width: 13px;height: 13px;margin: 11px 0;}
#main .left .suckerdiv .ul .li:hover,#main .left .content ul .ts{height: 40px;background: #ececec;}
#main .left .suckerdiv .ul .li:hover a,#main .left .content ul .ts a{line-height: 40px;color: #005eae; }
#main .left .suckerdiv .ul .li:hover span,#main .left .content ul .ts span{background: url(../images/ih.png);margin: 13px 0;}
#main .left .suckerdiv .contact{width: 180px;margin: 20px auto 0;display: block;}

#main .suckerdiv ul { margin: 0; padding: 0; list-style-type: none;  /* Width of Menu Items */}
#main .suckerdiv ul li { position: relative; }
#main .suckerdiv ul li:hover ul{display:block;}
/*1st level sub menu style */
#main .suckerdiv ul li ul { left: 200px; /* Parent menu width - 1*/ position: absolute; width: 180px; /*sub menu width*/ top: 0; display: none; }
/*All subsequent sub menu levels offset */
#main .left .suckerdiv ul li ul li{ height:40px;padding:none;}
#main .suckerdiv ul li ul li:hover{height:40px;}
#main .suckerdiv ul li ul li a { display: block; text-decoration: none; padding-left:10px; border:1px solid #fff; line-height: 40px;font-size:12px; width:280px; color: #055695;background: #f3f3f3;}
#main .suckerdiv ul li ul li a:hover {background:#e8e8e8; line-height:35px;}
/* menu links style */
#main .suckerdiv .subfolderstyle {  }
/* Holly Hack for IE \*/
#main * html .suckerdiv ul li { float: left; height: 1%; }
#main * html .suckerdiv ul li a { height: 1%; }
/* End */