@charset "utf-8";
/* CSS Document */

#banner{width:1010px; overflow:hidden; margin:0 auto; text-align:center;border:1px solid #EEEEEE; clear:both;}
#banner img{ width:1010px; height:425px;}

.sousuo{width:1010px; overflow:hidden; margin:0 auto; text-align:left; margin-top:16px; border-bottom:1px dotted #cdcdcd; padding-bottom:15px;}
.sousuo .zhitongche{ width:610px; float:left; font-size:14px; line-height:31px;}
.sousuo .zhitongche span{ display:inline-block; background:url(../images/zt_bg.jpg) left center no-repeat; text-align:center; width:98px; height:31px; margin-right:30px; color:#333333; font-weight:bold;}
.sousuo .zhitongche a{ display:inline-block; margin-right:30px; color:#525252;}

.sousuo .soubox{ float:right; width: 380px; text-align:right;}
.sousuo .soubox input{ vertical-align:middle;}
.sousuo .soubox .keytext{ border:1px solid #cccccc; width:280px; height:28px; line-height:30px; vertical-align:middle;}


.yongtu{width:1010px; overflow:hidden; margin:0 auto; font-size:14px; text-align:left; margin-top:15px; line-height:24px; border-bottom:3px solid #016bc1; padding-bottom:8px;}
.yongtu span{ display:inline-block; margin-right:26px; color:#016BC1; font-size:18px; font-weight:bold;}
.yongtu a{ display:inline-block; margin-right:26px;}
.yongtu a.more{ float:right; font-size:12px; margin:0; font-family:"宋体"}

.yongtupic{width:1010px; overflow:hidden; margin:0 auto; text-align:left;}
.yongtupic ul{}
.yongtupic ul li{ width:236px; text-align:left; float:left; overflow:hidden; background:url(../images/yt_rline.jpg) right center no-repeat; padding-right:22px;}
.yongtupic ul li.l4{  text-align:right; float:left; overflow:hidden; background:none; padding:0;}
.yongtupic ul li a{ display:block; margin:0; padding:0; text-align:center;}
.yongtupic ul li a.top10{font-weight:bold; margin-top:10px; font-size:14px;}
.yongtupic ul li a.imgs{ margin-top:22px;}
.yongtupic ul li span{display:block; margin:0; padding:0; font-size:12px; text-align:left; line-height:20px;font-family:"宋体"; margin-top:10px; color:#777777;}
.yongtupic ul li span font{ color:#016bc1;font-size:12px; }
.yongtupic ul li img{ width:214px; height:166px; border:5px solid #d1d1d1}

.tonglan{width:1010px; overflow:hidden; margin:0 auto; text-align:center; margin-top:28px;}

.iproduct{width:1010px; overflow:hidden; margin:0 auto; text-align:left; margin-top:28px;}
.iproduct .ipleft{ width:250px; float:left; overflow:hidden;}
.iproduct .ipleft span{ display:block;border-bottom:2px solid #016bc1; padding-bottom:8px;}
.iproduct .ipleft ul{ margin-top:15px;}
.iproduct .ipleft ul li{display:block; width:250px;height:52px;border-bottom:1px dotted #b6b6b6;}
.iproduct .ipleft ul li a{ display:block; width:250px; line-height:52px; height:52px; overflow:hidden; background:url(../images/pliabg.jpg) 234px center no-repeat; color:#333333; text-indent:15px; font-size:14px;  text-decoration:none;}
.iproduct .ipleft ul li a:hover{ color:#FFF; background:url(../images/plibg.jpg) center center repeat-y;}
.iproduct .ipleft ul li a.on{ color:#FFF; background:url(../images/plibg.jpg) center center repeat-y;}
.iproduct .ipright{ width:718px; float:right; overflow:hidden;}
.iproduct .ipright span.ipfucos{ display:block; font-size:14px;border-bottom:2px solid #016bc1; padding-bottom:6px; overflow:hidden;}
.iproduct .ipright span.ipfucos a{ float:right; font-size:12px;}
.iproduct .ipright span.ipfucos img{ margin-right:20px;}
.iproduct .ipright .pbanner{ width:720px; height:300px; overflow: hidden; margin-top:15px;}
.iproduct .ipright .casename{ overflow:hidden; text-align:left; margin-top:8px;}
.iproduct .ipright .casename ul{ float:left;}
.iproduct .ipright .casename ul.ul1{ width:400px;}
.iproduct .ipright .casename ul.ul1 li{ background:#dcdcdc; float:left; line-height:52px; text-align:center;margin-top:8px; margin-right:6px; width:194px;}
.iproduct .ipright .casename ul.ul2{ height:66px;width:260px;background:#dcdcdc;margin-top:8px; line-height:28px;padding-left:55px; padding-top:26px; padding-bottom:20px;}

.jjfangan{width:1008px; height:100px; background:url(../images/mf_hq.jpg) 22px center no-repeat #f1f1f1;overflow:hidden; margin:0 auto; text-align:left; margin-top:24px;border:1px solid #d9d9d9}
.jjfangan ul{ display:block; padding-top:22px; padding-left:135px; font-size:14px; color:#555555;}
.jjfangan ul li{float:left;}
.jjfangan ul li.lf1{ width:400px;}
.jjfangan ul li.lf1 span{ display:inline-block; margin-right:10px; margin-bottom:6px;}
.jjfangan ul li.lf2{ width:200px;}
.jjfangan ul li.lf2 input{ width:138px; height:20px; border:1px solid #dcdcdc;}
.jjfangan ul li.lf2 span{ display:block; padding-bottom:6px;}
.jjfangan ul li.lf3{ width:210px; margin-left:50px;}

.inews{width:1010px;overflow:hidden; margin:0 auto; text-align:left; margin-top:24px;}
.inews .inewsleft{ float:left; width:590px; overflow:hidden; background:url(../images/news_bg.jpg) right 50px no-repeat;}
.inews .inewsleft span.nbtitle{ display:block;border-bottom:2px solid #016bc1; padding-bottom:8px; font-size:12px; line-height:30px;}
.inews .inewsleft span.nbtitle a{ float:right;}
.inews .inewsleft ul.inewsrec{ overflow:hidden;}
.inews .inewsleft ul.inewsrec li{ clear:both; margin-top:18px; overflow:hidden;}
.inews .inewsleft ul.inewsrec li p{ float:left; margin:0; padding:0; overflow:hidden;}
.inews .inewsleft ul.inewsrec li p.pic{ width:182px;}
.inews .inewsleft ul.inewsrec li p.pic img{ width:180px; height:110px;}
.inews .inewsleft ul.inewsrec li p.ntitle{ width:370px; font-size:14px; margin-left:8px;}
.inews .inewsleft ul.inewsrec li p.ntitle a{ font-size:16px;color:#333333;}
.inews .inewsleft ul.inewsrec li p.ntitle a:hover{ font-size:16px;color:#FF0000;}
.inews .inewsleft ul.inewsrec li p.ntitle span{ display:block; text-indent:28PX; line-height:26px; font-size:14px; color:#656565; margin-top:12px;}
.inews .inewsleft ul.inewsrec li p.ntitle span a.inewsmore{ font-size:14px; color:#016bc1;}
.inews .inewsleft ul.inewslist{ margin-top:24px; overflow:hidden; clear:both;}
.inews .inewsleft ul.inewslist li{ line-height:30px; text-align:left; font-size:14px; width:550px;}
.inews .inewsleft ul.inewslist li a{}
.inews .inewsleft ul.inewslist li span{ float:right;}

.inews .inewsright{ float:right; width:400px; overflow:hidden;}
.inews .inewsright span.nbtitle{ display:block;border-bottom:2px solid #016bc1; padding-bottom:8px; font-size:12px; line-height:30px;}
.inews .inewsright span.nbtitle a{ float:right;}、
.inews .inewsright ul.inewsrec{ overflow:hidden;}
.inews .inewsright ul.inewsrec li{ clear:both; margin-top:18px; overflow:hidden;}
.inews .inewsright ul.inewsrec li p{ float:left; margin:0; padding:0; overflow:hidden;}
.inews .inewsright ul.inewsrec li p.pic{ width:150px;}
.inews .inewsright ul.inewsrec li p.pic img{ width:150px; height:110px;}
.inews .inewsright ul.inewsrec li p.ntitle{ width:230px; font-size:14px; margin-left:8px;}
.inews .inewsright ul.inewsrec li p.ntitle a{ font-size:16px;color:#333333;}
.inews .inewsright ul.inewsrec li p.ntitle a:hover{ font-size:16px;color:#FF0000;}
.inews .inewsright ul.inewsrec li p.ntitle span{ display:block;line-height:26px; font-size:14px; color:#656565; margin-top:8px;}
.inews .inewsright ul.inewsrec li p.ntitle span a.inewsmore{ font-size:14px; color:#016bc1;}
.inews .inewsright ul.inewslist{ margin-top:24px; overflow:hidden; clear:both;}
.inews .inewsright ul.inewslist li{ line-height:30px; text-align:left; font-size:14px; }
.inews .inewsright ul.inewslist li span{ margin-right:8px;}

.yinxiang{width:1010px;overflow:hidden; margin:0 auto; text-align:left; margin-top:24px;}
.yinxiang span.nbtitle{ display:block;border-bottom:2px solid #016bc1; padding-bottom:8px; font-size:12px; line-height:30px;}
.yinxiang ul{}
.yinxiang ul li{ width:184px; height:240px; float:left; font-size:14px; text-align:left; margin-left:22px; margin-top:10px;}
.yinxiang ul li.m0{ margin-left:0;}
.yinxiang ul li span{ display:block; margin-top:15px;}
.yinxiang ul li span.s1{ font-size:15px; font-weight:bold; text-align:center;}
.yinxiang ul li span.s2{ width:178px; height:80px; overflow:hidden; border:1px solid #dcdcdc; text-align:center;}
.yinxiang ul li span.s2 img{ height:80px;}
.yinxiang ul li span.s3{ font-size:14px;}



















/* 本例子css */
		.slideBox{ width:1010px; height:425px; overflow:hidden; position:relative;z-index:10;}
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;z-index:1;}
		.slideBox .hd ul li{ float:left; margin-right:4px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; z-index:1;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1010px; height:425px; display:block; z-index:1;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }




/* 本例子css */
		.slideBox222{ width:720px; height:300px; overflow:hidden; position:relative;}
	
		.slideBox222 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox222 .bd li{ height:326px;zoom:1; vertical-align:middle;}
		.slideBox222 .bd li a{ display:block;}
		
		.slideBox222 .bd li div{ width:700px;margin-top:10px; color:#FFF; font-weight:bold; font-size:14px; line-height:40px; padding:10px; padding-top:0; padding-bottom:0; position:absolute; top:250px;background:rgba(0, 0, 0, 0.5) !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=50); }
		.slideBox222 .bd li div font{ font-weight:bold;}
		.slideBox222 .bd li div span{ font-size:12px}
		
		.slideBox222 .bd img{ width:720px; height:300px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox222 .prev,
		.slideBox222 .next{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:42px; height:42px; filter:alpha(opacity=80);opacity:0.8;   }
		.slideBox222 .prev {
    background: url("../images/head_10.png") no-repeat center center;
}
.slideBox222 .next {
    background: url("../images/head_09.png") no-repeat center center;
}
		.slideBox222 .next{ left:auto; right:3%; }
		.slideBox222 .prev:hover,
		.slideBox222 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox222 .prevStop{ display:none;  }
		.slideBox222 .nextStop{ display:none;  }
		




.footlink{width:1010px;overflow:hidden; margin:0 auto; text-align:left; margin-top:35px;}
.footlink span.nbtitle{ display:block;border-bottom:2px solid #016bc1; padding-bottom:8px; font-size:12px; line-height:30px; vertical-align:middle; line-height:30px;}
.footlink span.nbtitle img{ vertical-align:middle;}
.footlink ul{ margin-top:25px;}
.footlink ul li{}
.footlink ul li.toleft{ float:left; width:13px; height:112px;}
.footlink ul li.linklist{ width:966px; float:left; overflow:hidden; margin-left:10px}
.footlink ul li.linklist div.lplist{ margin-top:2px; overflow:hidden;}
.footlink ul li.linklist div.lplist a{ display:inline-block; overflow:hidden; width:114px; height:52px; margin-left:6px;}
.footlink ul li.linklist div.lplist a img{ width:112px; height:48px; border:1px solid #dac9b9;}
.footlink ul li.toright{ float:right; width:10px; height:112px;}

/* 本例子css */
		.multipleColumn{ overflow:hidden; position:relative; width:1010px;padding-top:25px; clear:both;}
		.multipleColumn div.toleft{ float:left; width:13px; height:112px;}
		.multipleColumn div.toright{ float:left; width:10px; height:112px; margin-left:10px;}
		.multipleColumn div.toleft a,.multipleColumn div.toright a{ cursor:pointer}
		

		.multipleColumn .bd{overflow:hidden;width:966px; float:left; margin-left:10px;}
		.multipleColumn .bd ul{ margin:0; padding:0;overflow:hidden; zoom:1; width:240px;  float:left; _display:inline;  }
		.multipleColumn .bd ul li{width:114px; height:52px;margin-top:3px;  margin-left:6px;float:left; _display:inline; overflow:hidden; text-align:center;  }
		.multipleColumn .bd ul li .pic{ text-align:center; }
		.multipleColumn .bd ul li .pic img{ width:112px; height:48px; border:1px solid #dac9b9; }
		.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
		.multipleColumn .bd ul li .title{ line-height:24px;   }
		


.cybjbox{ width:1000px; margin:0 auto; overflow:hidden; border-bottom:1px solid #4591CD; padding-bottom:15px;}
.cybjbox .cyleft{ width:490px; float:left; font-size:14px; color:#666; text-align:left; line-height:30px}
/* 本例子css */
		.picFocus{ margin:0 auto;  width:470px; float:right; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
		.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
		.picFocus .hd ul li.on{ background:url("/App/Tpl/images/icoUp.gif") no-repeat center 0; }
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:470px; height:184px; display:block;  }
		


	
/*=== CSS Reset ===*/

ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{font:inherit;resize:none;color:#5a5a5a;text-indent:5px;}
*{ _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */

/*=== 公用设置 ===*/


a { color:#808080; text-decoration:none;}
a:hover{ color:#8fc41f;}

/* 表单样式 */
input,
textarea,
select{ font-family:"Hiragino Sans GB","Microsoft Yahei",sans-serif; vertical-align:middle; color:#808080; box-shadow:inset 0 2px 2px #e1e1e1; }

.wrapper{width:1000px;margin:0 auto;}


/* 品牌历程 */
.about .historybox { position: relative; margin:0 0 50px 0; width:1000px; height:500px; overflow: hidden; }
.about .historybox .pic{ position:relative; z-index:0;}
.about .historybox .pic img { display:block; width:1000px; height:425px;}
.about .historybox .hd { position:absolute; bottom:0px; width:100%; height:48px; text-align:center; background:url(../images/line.png) 0 6px no-repeat; z-index:1; }
.about .historybox .hd li{ display:inline; float:left; margin:0 0 0 8px; width:57px; height:48px; font-size:20px; line-height:69px; font-style:italic; text-align:center; background: url(../images/dot.png) 0 0 no-repeat; cursor: pointer; zoom:1; }
.about .historybox .hd .on{ color:#fff; background: url(../images/dot_over.png) 0 0 no-repeat;}
.about .historybox .txt-bg { position:absolute; bottom:75px; left:0; width:100%;  background-color:rgba(0,0,0,0.6); overflow:hidden; z-index:2;}
.about .historybox .txt{ padding:10px 30px 10px 30px;}
.about .historybox .txt li{ font-size:14px; color:#fff; z-index:3; text-align:left;}
.about .historybox .prev,
.about .historybox .next { display:none; position:absolute; top:43%; width:39px; height:39px; margin:-20px 0 0; background:url(../images/arrow.png) 0 0 no-repeat; text-indent:-9999px; cursor:pointer; z-index:10;}
.about .historybox .prev { left:15px;}
.about .historybox .next { background-position:-60px 0px; right:15px; }
.about .historybox .prev:hover { background-position:0 -100px;}
.about .historybox .next:hover { background-position:-60px -100px;}


.myform{}
.myform input{border:1px solid #ccc; height:24px;width:200px;}
.myform textarea{border:1px solid #ccc;width:530px;}
.myform .in_abc{display:inline-block;width:90px;}