@charset "utf-8";

body {
	color:#000;
	font-family:"微软雅黑", "宋体",arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
}
/* 重置 */
div, form, p, i, img, ul, li, ol, dl, dt, dd, label, input {margin:0;padding:0;}

p{text-align:justify; text-justify:inter-ideograph;}

p, li, div {line-height:1.5;}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;	font-size:12px;}
/* 列表样式 */
ul, ol, li, dl, dt, dd {list-style:none;}
/* 图片样式 */
img, a img {border:0px;	padding:0px;margin:0px;	vertical-align:middle}
/* 链接样式 */

a:link{color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}

/*顶部logo+搜索*/
#header{ width:100%; background:#ffffff;clear:both;
	text-align:left;
	color:#000;
	
	overflow:hidden;}
.logo{width:100%;float:left;background:#C6C6C6; }

/*搜索*/	
.search{width:90px; float:right; margin:8px 0 0 0;background:url(/android/qiyuan/images/sechg.png) no-repeat left top;}
.search span{ margin:0; padding:0;width:130px; display:block;

	height:28px;
	overflow:hidden;
	padding-left:3px;
}
.search p{ line-height:22px; color:#000;}
.search .input{
	width:80px;
	padding:3px;
	line-height:22px;
	height:22px;
	border:none;
	background:none;
	color:#fff;
}
.search .input1{
	width:40px;
	padding:3px;
	line-height:22px;
	height:22px;
	border:none;
	background:none;
	color:#fff;
}

/*首页导航*/
.menu{ width:100%;}
.menu ul{overflow: hidden;  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0076E1), to(#075397));}

.menu li{ width:25%; float:left; text-align:center; line-height:36px; color:#fff;}
.menu .current{background:url(/android/qiyuan/images/menubg.jpg) repeat-x left top;}
.menu li a{ color:#fff; font-weight:bold; display:block; border-left: 1px solid #0076E1;
border-right: 1px solid #0076E1;
border-top: 1px solid #0076E1;}
.menu li a:hover{}

/*首页banner*/
.banner{padding:0;
	width:320px;
	margin:0 auto;}	
/*公共部分*/


.box{ width:100%; height:auto}	
.commonbox{ width:100%; height:auto}	
.pro {
clear: both;
text-align: left;
color: #000;
padding: 5px 0 0 5px;
overflow: hidden;
}

.ipro-cla {
background: #fff;
margin-top: 1em;
}
.ipro-cla > li {
margin-bottom: 1em;
background: url(../images/ico1.png) 90.625% center no-repeat #f2f2f2;
background-size: 8.125% auto;
}

.ipro-cla > li a {
display: block;
padding: 1.375em 0;
}
.ipro-clapic {
display: inline-block;
vertical-align: middle;
margin-left: 4.375%;
width: 19.53125%;
background: #0076E1;
border-radius: 50%;
padding: 1%;
box-shadow: 1px 1px 10px rgba(0,0,0,.4);
}

.ipro-clatxt {
display: inline-block;
vertical-align: middle;
margin-left: 2.8125%;
width: 58%;
}
.ipro-clapic img {
border: 0;
width: 100%;
display: block;
border-radius: 50%;
}

.ipro-clatxt h2 {
font-size: 1.5em;
width: 22%;
background: url(../images/n_ico.png) 40% center no-repeat;
background-size: 3.75% auto;
color: #666;
font-family: "微软雅黑";
font-weight: normal;
width: 16em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ipro-clatxt h3 {
font-size: 1em;
color: #C31313;
font-family: "微软雅黑";
font-weight: normal;
line-height: 1.5em;
width: 16em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-style: italic;
text-transform: uppercase;
text-indent: 2em;
}

.fh {
background: #700411;
width: 22.6875%;
padding: 0.625em 0;
font-family: "微软雅黑";
font-size: 1.2em;
color: #fff;
text-align: center;
margin: 1em auto;
}
.fh a {
color: #fff;
}
.con_clear{clear:both;
	text-align:left;
	color:#000;
	padding:17px 12px 0 12px;
	overflow:hidden;}
	
.title{line-height:2.6em;color:#fff; font-weight:bold; text-align:left;
	padding-left:25px;
	overflow:hidden;
	background:#0076E1;}
.title a{ color:#fff;}
.title a:visited{ color:#fff;}
.title span{ margin-top:3px; margin-right:5px;
	float:right;
	height:23px;
	line-height:23px;
	padding-left:0px;
	cursor:pointer;
	color:#444;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #C1C1C1;
	box-shadow: 1px rgba(0, 0, 0, 0.2);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#FBFBFB), to(#E8E8E8));
	background:-moz-linear-gradient(#FBFBFB,#E8E8E8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#E8E8E8');
}
.title span b{
	width:14px;
	height:10px;
	margin:7px 5px 0 8px;
	float:right;
	background:url(/android/qiyuan/images/caty.png) -3px -63px no-repeat;	
}
.title span strong{ padding-left:8px;
	max-width:105px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}

.title span strong a{
	color:#999;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.title span.expand{
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	border:1px solid transparent;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.4);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#C1C1C1), to(#CCCCCC));
	background:-moz-linear-gradient(#C1C1C1,#CCCCCC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1C1C1', endColorstr='#CCCCCC');
}
.title span.expand b{
	background:url(caty.png) -3px -39px no-repeat;
}

.new_pre{position:relative;}
.menu-second {position:absolute;width:90%;right: 5px;top: 28px;z-index:10;padding:2px 3px 2px 2px; background:#f6f6f6; border:1px solid #e3e1e1;}

/*更多下拉处背景颜色*/
.menu-second .col{}
.menu-second ul{overflow:hidden;padding:0px 0px 0px 5px;}
.menu-second li{float:left;}
.menu-second li a{display:block;line-height:28px;color:#7d7a7a;padding:0 5px;margin:0 5px 0 0;}
.menu-second a:hover {color:#000;}
.menu-second a:active {color:#000;}
.menu-second a:visited {color:#000}


/*首页产品中心*/
.prod {
width: 90%;
float: left;
display: inline;
}
.prod_pic img { width:80%;}
.prod_pic_n img { width:100%;}
.pro{clear:both;
	text-align:left;
	color:#000;
	padding:5px 0 0 5px;
	overflow:hidden;}
.prolist a{width:144px;
	height:auto;
	font-size: 13px;
	float:left;
	margin:5px 3px 8px;
	color: #000;
	border:1px solid #ccc}
.prolist .pic_list1{width:144px; float:left;}
.prolist .con_list1{ width:146px;  float:left; text-align:center; height:30px; line-height:30px; background:#e3e3e3;}
.pl { width:100%; height:auto;padding-top: 10px; padding-bottom:10px;}
.pl ul li{
float: left;
line-height: 24px;
margin-left: 15px;
}
/*首页新闻*/
.news{ padding:10px;}
.news .list p {
	border-bottom: 1px solid #e3e1e1;
	background: url(/android/qiyuan/images/link-arrow.png) no-repeat 100% 50%;
	line-height:2;	font-size: 13px; padding-left:12px;
}
/*内页新闻*/
#stuffbox ul li {
width: 96%;
height: 30px;
padding-left: 18px;
background: url(/android/qiyuan/images/p_00.gif) no-repeat 2px 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #d6d4cd;
line-height: 30px;
float: left;
}
.news1{ padding:10px;}
.news1 .list1{background: url(/android/qiyuan/images/newline.jpg) repeat-x;}
.news1 .list1 p {
	border-bottom: 1px solid #e3e1e1;
	background: url(/android/qiyuan/images/link-arrow.png) no-repeat 100% 50%;
	line-height:3;	font-size: 13px; padding-left:12px;
}
.more{ text-align:center; padding:15px 0 5px;}
.new_img{ width:320px; margin:0px auto 5px auto;}
/*内页新闻内容*/
.detail{padding:15px; border-bottom:1px solid #cecece;}
.newtit{}
.newtit h1{ font-size:16px; text-align:center; padding:10px 0;}
.newtit p{ border-bottom:1px solid #cecece; color:#888888; line-height:26px;}

/*下一条和上一条*/
.switch{clear:both;	padding:10px 20px;}
.switch li{ overflow: hidden;}
.switch a{
	display:block;
	padding:5px 10px;background-repeat:no-repeat;
	border:1px solid #fff
}
.switch b{display:inline-block;padding-left:45px;}
.switch span{color:#999;}

.last a{background-image:url(/android/qiyuan/images/switch.png);background-position:26px -9px;}

.last a:hover{ background:#f8f7f6 url(/android/qiyuan/images/switch.png);background-repeat:no-repeat; background-position:26px -46px;
	border:1px solid #f4f4f4;
	color:#3C85D6;
}
.next a{background-image:url(/android/qiyuan/images/switch.png);background-position:12px 11px;}

.next a:hover{ background:#f8f7f6 url(/android/qiyuan/images/switch.png);background-repeat:no-repeat; background-position:14px -25px;
	border:1px solid #f4f4f4;
	color:#3C85D6;
}
/*内页公司简介*/
.company_con{ padding:10px; line-height:22px;}
/*内页产品列表*/
.product{ padding-top:12px;
	width:99%;
	clear:both;
	text-align:left;
}
.product { width:100%;}
.con_list{ width:50%; float:left; padding:10px; }

.product .zzp-lists{}
.product .zzp-lists li{background: url(/android/qiyuan/images/proline.jpg) repeat-x left bottom;overflow:hidden;clear:both;}
.product .zzp-lists .probg{background: url(/android/qiyuan/images/link-arrow.png) no-repeat 98% 50%;overflow:hidden;clear:both;border-bottom: 1px solid #e3e1e1;  text-align:left;}
.product .zzp-lists a{
	padding:8px 10px;
	text-decoration:none;
}
.product .pic{
	width:110px;
	float:left;
	position:relative;
}
.product .pic .col{
	width:110px;
	height:80px;
	line-height:80px;
	margin:0 auto;
	display:-webkit-box;
	display:box;	
	-moz-box-pack:center;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	box-align:center;
	text-align:center;
	overflow:hidden;
}
.product .pic .img{
	max-width:110px;
	max-height:80px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.product .tab{
	position:absolute;
	top:-8px;
	left:0;	
}
.product .tab img{
	width:21px;
	height:42px;
}
.product .cont{
	width:50%;
	float:left;
	margin-left:10px;
	word-break:break-all;
	word-wrap: break-word;
}

.product .cont1{
	width:100%;
	float:left;
	margin-left:10px;
	word-break:break-all;
	word-wrap: break-word;
}

.ui-body-c .product .zzp-lists h3{
	width:95%;
}
.product p.code{
	font-size:12px;
	color:#333;
}
.product p.detail{
	font-size:11px;
	color:#666;
}

.product .more{
	text-align:center;
	padding:20px 0;
	clear:both;
}
.product .more img{
	margin-right:10px;
}

/*about页面加内容--底部连接*/
.company_ad{ padding:0; margin:0 auto 8px;}
.company_ad ul{ width:100%;margin:0 auto;}
.company_ad ul li{
	width:29%;
	height:30px;
	line-height:30px;
	float:left;
	text-align:center;
	border: 1px solid #666;
	margin:5px;
	color:#FFF;
	background-color: #CCC;
	display:block;
}


/*首页公司简介*/
.com_img{ width:300px; margin:0 auto 3px auto;}
.about{ width:100%; margin:0 auto;}
.about p{line-height:20px;}
/*底部版权*/
.htmledit_foot{	font-size:100%;
	line-height:1.5;
	font-variant:normal;
	font-stretch:normal;
	text-transform:none;
	text-indent:0;
	text-align:left;
	vertical-align:baseline;
	letter-spacing: normal;
	word-spacing: normal;
	text-decoration:none;
	letter-spacing:normal;
	word-spacing:normal;
	white-space:normal;
	/*word-break:normal;*/
	word-break:break-all;
	/*word-wrap:normal;*/
	word-wrap: break-word;
	list-style:disc outside none;
	float:none;
	width:auto;
	height:auto;
	clear:none;
	z-index:auto;
	text-justify:auto;
	overflow:visible;
	visibility:inherit;
	margin: 0 auto;
	border-collapse:separate;
	padding:20px 0 45px 0;
	background:#e3e3e3;
}


/*底部工具条*/
.box_foot {width:100%;clear:both;text-align:center;}
.box_foot ul{ list-style:none;overflow: hidden;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#0076E1), to(#075397));}
.box_foot ul li a,.box_foot ul li.first a em,.box_foot ul li.last a em,.box_foot ul li a span{}
.box_foot ul li{float:left;width:25%;}

.box_foot ul li a{
	background-position:0px -384px;
	background-repeat:repeat-x;
	height:32px;
	display:block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
border-left: 1px solid #0076E1;
border-right: 1px solid #0076E1;
border-top: 1px solid #0076E1;
}

.box_foot ul li.last{border-right:none;}
.box_foot ul li.last a{border-right:none;}
.box_foot ul li.col3.first a{border-left:1px solid #003c80;}


.box_foot ul li.first a em{	float:left;	background-position:0px -320px;	width:3px;	height:32px;}
.box_foot ul li.last a em{	float:right;	background-position:right -320px;	width:3px;	height:32px;}
.box_foot ul li a span{
	color:#FFF;
	display: inline-block;
	font-size: 14px; 
	height: 32px;
	line-height: 32px;
    margin: 0 auto;
    padding-right: 0px;
    width: 35px;
}
.box_foot ul li.tel a span{background-position:0px 0px;}
.box_foot ul li.share a span{background-position:0px -64px;}
.box_foot ul li.map a span{background-position:0px -128px;}
.box_foot ul li.message a span{background-position:0px -192px;}
.box_foot ul li.inquiry a span{background-position:0px -256px;}
	
/*底部hover背景 */
.box_foot ul li a:hover{background-position:0px -416px;border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left: 1px solid #0076E1;
border-right: 1px solid #0076E1;
border-top: 1px solid #0076E1;}
.box_foot ul li.first a:hover em{background-position:0px -352px;}
.box_foot ul li.last a:hover em{background-position:right -352px;}
.box_foot ul li.tel a:hover span{background-position:0px -32px;}
.box_foot ul li.share a:hover span{background-position:0px -96px;}
.box_foot ul li.map a:hover span{background-position:0px -160px;}
.box_foot ul li.message a:hover span{background-position:0px -224px;}
.box_foot ul li.inquiry a:hover span{background-position:0px -288px;}
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	border-bottom: none;
	width: 100%;
}