@charset "utf-8";
 
/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/
 
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
	color:#000;background:#fff;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
 
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;
}
 
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}
 
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 Arial,Simsun,Tahoma;
}
input,select,textarea{
	font-size:100%;
}
 
/* 去掉各Table  cell 的边距并让其边重合 */
table{
	border-collapse:collapse;border-spacing:0;
}
 
/* IE bug fixed: th 不继承 text-align*/
th{
	text-align:inherit;
}
 
/* 去除默认边框 */
fieldset,img{
	border:0;
}
 
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
	display:block;
}
 
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
	border:0;font-variant:normal;
}
 
/* 一致的 del 样式 */
del {
	text-decoration:line-through;
}
 
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}
 
/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style:none;
}
 
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
	text-align:left;
}
 
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}
 
q:before,q:after {
	content:'';
}
 
/* 统一上标和下标 */
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
 
/* 让链接在 hover 状态下显示下划线 */
a:hover {
	text-decoration:underline;
}
 
/* 默认不显示下划线，保持页面简洁 */
ins,a {
	text-decoration:none;
	outline:none;
}
 
/* 清理浮动 */
.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear {
	zoom:1; /* for IE6 IE7 */
}
 
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
	display:none;
}
 
/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}

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

img { border: none; vertical-align: middle; }

body { overflow-x: hidden; }

.hdl { background: url(img/bg_hdl_01.gif) repeat-x 0 100%; height: 2px; font-size: 0; line-height: 0; clear: both; }

.hdl hr { display: none; }

.header {  }

	.header .wrapper { position: relative; border-bottom: 3px solid #0079d4; height: 115px; z-index: 1000; }

	.logo { position: absolute; top: 25px; }

	.navi { position: absolute; top: 88px; right: 0; }

	.navi ul { float: right; }

	.navi li { float: left; padding-left: 3px; font-size: 14px; position: relative; z-index: 60; }

	.navi a { background-color: #184a92; color: #fff; display: block; float: left; height: 27px; line-height: 27px; width: 85px; text-align: center; }

	.navi li.cur a.naviItem,
	.navi a.naviItem:hover { background-color: #0077d3; text-decoration: none; }

	.navi div { background: url(img/bg_navi_sub.png); position: absolute; width: 340px; top: 27px; left: 3px; zoom: 1; z-index: 60; visibility: hidden; }

	.navi div a { background: url(img/ico_14.gif) no-repeat 5px 50%; color: #000; width: auto; padding: 0 14px; }

	.headerWidget { position: absolute; right: 0; top: 10px; }

	.headerWidget a,
	.headerWidget span { color: #a3a3a3; float: left; }

	.headerWidget span { padding: 0 20px 0 5px; }

	.headerWidget form { clear: both; padding-top: 15px; float: right; }
	
	.headerWidget img { margin-top: -8px; margin-right: 10px; } 

	.headerWidget .iptTxt { float: left; border: 1px solid #D4D0C8; color: #a3a3a3; height: 21px; width: 125px; margin-right: 6px; padding: 2px 10px; }

	.headerWidget .iptBtn { float: left; background: url(img/ico_01.gif) no-repeat; height: 27px; width: 27px; border: none; cursor: pointer; }

.slogan { border: 1px solid #dbdbdb; color: #3d3d3d; margin: 5px 0 0; position: relative; }

	.slogan div { position: absolute; padding: 15px 165px 0 513px; font-size: 12px; line-height: normal; -webkit-text-size-adjust: none; }

	.slogan div strong { font-size: 20px; font-weight: bold; display: block; margin-bottom: 7px; }

.banner { position: relative; z-index: 40; }

	.banner .wrapper { position: relative; height: 400px; }

	.banner li { display: none; overflow: hidden; position: absolute; }

	.banner .desc { font-family: "Microsoft Yahei"; background: url(img/bg_navi_sub.png); position: absolute; right: 7px; top: 0; width: 218px; height: 240px; padding: 62px 22px 0; }

	.banner .desc h3 { background: url(img/ico_13.gif) no-repeat 0 8px; font-size: 22px; color: #005dbc; padding-left: 20px; }

	.banner .desc p { color: #1f1f1f; font: 13px; padding-left: 20px; padding-top: 30px; }

	.banner .switch { z-index: 20; background: url(img/bg_banner.png) no-repeat; height: 19px; position: absolute; bottom: 0; _bottom: -1px; width: 1003px; }

	.banner .switch .btn { position: absolute; left: 783px; top: 5px; }

	.banner .switch a { background: url(img/bg_banner_btn.png) no-repeat 100% 0; float: left; text-indent: -9999em; width: 10px; height: 10px; margin-right: 5px; }

	.banner .switch a.cur,
	.banner .switch a:hover { background-position: 0 0; }


.row { }

	.row .col { padding-bottom: 15px; }

	.row .col h3 { background: url(img/ico_02.gif) no-repeat; padding-left: 20px; height: 22px; line-height: 22px; font: bold 18px Simsun,"Microsoft Yahei"; margin: 20px 0 5px; }

	/*.row div.more { padding-left: 20px; }*/

	.row div.more a { background: #ffa200 url(img/ico_04.gif) no-repeat 90% 50%; color: #fff; display: block; height: 16px; line-height: 16px; float: left; padding: 0 18px 0 2px; }

	.row .colL { float: left; width: 225px; }

	.row .colM { float: left; width: 513px; padding: 0 40px 0 50px; }

	.row .colM li{ line-height: 30px; background: url(img/ico_03.gif) no-repeat 6px 50%; color: #000; padding-left: 20px; }

	.row .colR { float: right; width: 175px; }

	.row .colL h3 { background-image: url(img/ico_06.gif); }

	.row .colL p { padding: 10px 0 3px; }

	.row .colR h3 { background-image: url(img/ico_05.gif); border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; }

	.row .colR p { padding: 5px 0; }

	.simSelect { color: #b7b7b7; cursor: pointer; height: 18px; line-height: 18px; position: relative; z-index: 50; }

	.simSelect em { background: url(img/ico_07.gif) no-repeat 100% 50%; display: block; border: 1px solid #ffa200; padding: 0 15px 0 5px; width: 184px; }

	.simSelect div { background-color: #fff; border: 1px solid #ffa200; display: none; width: 204px; position: absolute; }
	
	.simSelect div strong { color: #000; font-size: 14px; }

	.simSelect dl { float: left; padding: 5px 5px 0; }

	/*.simSelect ul:first-child { width: 135px; padding-left: 5px; }*/

	.simSelect li { line-height: 22px; height: 22px; }

	.simSelect li a { color: #000; padding: 2px 0; background: none; }

.clients {  background: url(img/bg_clients.gif) no-repeat 50% 5px; margin-bottom: 25px; }

	.clients .wrapper {  _zoom: 1; position: relative;  }

	.clientsList { height: 151px; width: 931px; overflow: hidden; padding: 54px 0 0 72px; margin-bottom: 10px; }

	.clientsList h3 { display: none; }

	.clientsList ul { width: 963px; }

	.clientsList li { padding-right: 32px; float: left; position: relative; }

	.clientsList li a { border: 2px solid #ebebeb; display: block; float: left; width: 284px; height: 131px; }

	.clientsList li a:hover { text-decoration: none; }

	/* .clientsList li a:hover p { background: #0958c9!important; filter: alpha(opacity=100); } */

	.clientsList li a:hover p span { color: #0958c9; }

	.clientsList p { background-color: rgba(255,255,255,.75)!important; background-color: #fff; filter: alpha(opacity=75); padding: 10px 0 10px 5px; width: 165px; margin-top: 50px; }

	.clientsList span { position: relative; line-height: normal; display: block; color: #626262; font-family: "Microsoft Yahei"; font-weight: bold; }

	.clientsList p span.cName { font-size: 18px; }
	
	.clientsList p span.eName { font-size: 12px; }

	/*jcarousel*/
	.clients .jcarousel-clip { overflow: hidden; width: 928px; }

	.clPrev,
	.clNext,
	.clients .jcarousel-prev,
	.clients .jcarousel-next { background: url(img/btn_arrow_01.gif) no-repeat; cursor: pointer; display: block; width: 26px; height: 15px; text-indent: -9999em; position: absolute; left: 50%; top: -35px; }

	.clPrev,
	.clients .jcarousel-prev { right: 25px; margin-left: 413px; _margin-left: 379px; }

	.clNext,
	.clients .jcarousel-next { background-position: 100% 0; width: 25px; margin-left: 439px; _margin-left: 405px; }

	.clPrev,
	.clNext { display: none; }


.about {}

	.aboutOMAL { margin-bottom: 10px; text-align: right; }

	.aboutOMAL .lspa { width: 380px; height: 123px; text-align: left; }

	.aboutOMAL .lspa p { padding: 5px 0; }

	.aboutOMAL .lspa img { margin-top: -21px; }

	.aboutOMAL .drzdh { clear: both; padding-top: 20px; text-align: left; }

	.aboutOMAL a { color: #ff9600; border-bottom: 1px solid #ff9600; }

	.aboutOMAL a:hover { color: #ff9600; border-bottom: none; text-decoration: none; }

	.specialOffers { background: #f3f3f3 url(img/bg_specialoffers.gif) no-repeat 170px 100px; height: 185px; margin: 5px 0; padding: 10px 12px 10px 175px; position: relative; }

	.specialOffers .soTopic { background-color: #fff; width: 130px; height: 165px; position: absolute; left: 0; top: 10px; padding: 10px; }

	.specialOffers .soTopic .p01 { font-weight: bold; }

	.specialOffers .soTopic .p02 { font-size: 20px; font-weight: bold; color: #fea201; }

	.specialOffers .soTopic .p03 { line-height: normal; font-size: 11px; font-family: "Microsoft Yahei"; padding: 5px 0; }

	.specialOffers .soGoods { overflow: hidden; }

	.specialOffers .goods { color: #000; float: left; width: 150px; padding: 0 5px; }

	.specialOffers .goods h4 {text-align: right; border-right: 1px solid #ffcc00; margin: 15px 0 10px; padding-right: 5px; font-size: 14px; font-weight: bold; line-height: normal; }
	
	.coop { background-color: #f5f5f5; height: 170px; width: 306px; padding: 20px 10px 10px; float: left; margin-top: 5px; }

	.coop h3 { height: 17px; line-height: 17px; background: url(img/ico_08.png) no-repeat 0 50%; font-size: 15px; font-weight: bold; margin-bottom: 15px; padding-left: 20px; }

	.coop div { color: #010101; padding-left: 20px; }

	.coop div p{ padding-bottom: 5px; }

	.coop a { color: #ff9600; border-bottom: 1px solid #ff9600; }

	.coop a:hover { color: #ff9600; border-bottom: none; text-decoration: none; }

	.producers { margin-right: 15px; }

.news { border: 1px solid #cbcbcb; border-top: none; }

	.news h3 { background-color: #dfdfdf; padding-left: 10px; height: 21px; line-height: 21px; font-weight: bold; }
 
	.newsBd { padding: 10px 17px; }

	.headNews { margin-bottom: 10px; }

	.headNews p { margin-bottom: 5px; }

	.headNews p a { color: #ff9600; }

	.listNews { margin-bottom: 15px; }

	.listNews li { background: url(img/ico_03.gif) no-repeat 0 9px; border-bottom: 1px solid #e6e6e6; padding: 3px 0 3px 12px; }

	.listNews li a { color: #000; }

	.listNews li a span { color: #ff9600; padding-right: 3px; }

	.videoNews { text-align: center; font-weight: bold; }

	.videoNews p { padding-top: 5px; }

.source { border: 1px solid #cbcbcb; border-top: none; margin: 14px 0; }

	.sourceHd { background-color: #dfdfdf; overflow: hidden; zoom: 1; }

	.sourceHd a { padding: 0 5px; color: #000; height: 21px; line-height: 21px; font-weight: bold; display: block; float: left; }

	.sourceHd a.cur { background-color: #fff; }

	.sourceBd { padding-bottom: 10px; }

	.sourceBd h5 { background: url(img/ico_03.gif) no-repeat 0 50%; padding-left: 12px; margin: 5px 0 10px 5px; font-weight: bold; }

	.sourceBd .cert div { text-align: center; }
	
	.sourceBd .cert img { margin: 0 4px; }

.faq { border: 1px solid #cbcbcb; border-top: none; }

	.faq h3 { background-color: #dfdfdf; padding-left: 10px; height: 21px; line-height: 21px; font-weight: bold; }

	.faq h5 { background: url(img/ico_03.gif) no-repeat 0 50%; padding-left: 12px; margin: 5px 0 10px 5px; font-weight: bold; }

	.faq ul { overflow: hidden; zoom: 1; padding: 0 0 10px 5px; }

	.faq li { float: left; text-align: center; }

	.faq a { float: left; color: #000; width: 50px; display: block; text-align: center; width: 70px; }

	.faq span { display: block; }

.footer { width: 1003px; font-size: 12px; background: #d0d7db /*#8e979f url(img/bg_footer.gif) no-repeat 50% 0*/; border-bottom: 1px solid #7e7e7e; color: #fff; clear: both; margin: 20px auto 0; }

	.footer a { color: #fff; }

	.footer div.f1 { color: #000; width: 368px; padding: 12px 15px 10px 10px;  }

	.footer div.f3 { color: #000; padding-top: 12px; padding-right: 10px; }

	.footer div.f3 p { background: url(img/logo_xxs.png) no-repeat 0 50%; margin-top: 18px; padding-left: 20px; }

	.footer div.f3 a { color: #000; }

	.footerNavi { background-color: #a2a9b1; height: 26px; line-height: 26px; clear: both; padding: 0 10px; }

	.footerNavi a,
	.footerNavi span { color: #fff; float: left; }

	.footerNavi span { padding: 0 6px; }