﻿body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
:focus {
    outline: 0;
}
a{ text-decoration:none; cursor:pointer; color:#0097ff;}
button{font:14px Arial,Verdana,Helvetica,sans-serif; cursor:pointer;}
a:hover{ text-decoration:underline;}
.kg{ padding-left:20px;}
body 
{
    font:14px Arial,Verdana,Helvetica,sans-serif; color:#333; background:#e4f7fb;
}
.clearfix:before,
.clearfix:after{display: table; content: " ";}
.clearfix:after{ clear:both;}
#warp{ width:expression_r(document.body.clientWidth <= 1180? "1180px": "auto"); min-width:1180px;}
#header{ height:58px; overflow:hidden; background:#57010c; border-bottom:solid 1px #fff;}
.container{ width:1180px; margin:0 auto; }

#header h1{ float:left; width:466px; height:58px;}
#header h1 a{ display:block; width:466px; height:58px; text-indent:-999em; background:url(img/logo.png) no-repeat left center;}
#menu{ float:left;}
#menu li{ list-style:none; float:left;}
#menu li a{ display:block; padding-left:25px; padding-right:25px; color:#fff; height:58px; line-height:58px; font-size:16px;}
#menu li a:hover,#menu li a.on{ background:#2f090e; text-decoration:none;}
#header_email{ display:block; float:right; width:84px; height:30px; background:#450109 url(img/icon_email.gif) no-repeat 12px center; margin-top:15px; color:#fff; padding-left:40px; line-height:30px;}
#header_email:hover{ background:#5d0409 url(img/icon_email.gif) no-repeat 12px center; text-decoration:none;}
#banner{ height:372px; background:url(img/banner.jpg) no-repeat; padding-top:92px;}
#banner .banner_content{ width:484px; padding:30px 35px;  background:url(img/banner_bg.png); color:#fff;}
#banner .banner_content h2{ color:#fff; font-size:18px; font-weight:normal; padding-bottom:30px;}
#banner .banner_content p{ line-height:25px;}
#banner .banner_content a{ display:block;  padding:15px;  width:146px; text-align:center; border:solid 1px #fff; color:#fff; margin-top:15px;}
#banner .banner_content a:hover{ background:#57010c; text-decoration:none;}
#footer{ background:#000; height:64px; line-height:64px; color:#fff;}
#footer .pull-left{ float:left;}
#footer .pull-right{ float:right;}
.index_main{  background:url(img/main_bg.gif) repeat-y right;}
.index_pro_box{ width:840px; float:left; padding-top:50px; }
.index_pro_box li{ list-style:none; float:left; height:auto; overflow:hidden; width:420px; margin-bottom:50px;}
.index_pro_box li a{ width:182px; display:block; float:left;}
.index_pro_box li a img{ width:180px; height:134px; border:solid 1px #d9d9d9;}
.index_pro_box li .pro_info{ width:200px; float:left; margin-left:20px;}
.index_pro_box li .pro_info h3{ font-weight:normal; font-size:14px; color:#000; padding-bottom:10px; width:195px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_pro_box li .pro_info p{ color:#666; line-height:20px; padding-bottom:10px; }
.index_news_box{ width:300px; float:right;   padding:50px 20px;}
.index_news_box .news_search input{ width:236px; border:solid 1px #e5e3e3; border-right:none; height:28px; float:left;}
.index_news_box .news_search button{ width:60px; color:#fff; background:#000; height:30px; border:none; margin:0; float:left; font:14px Arial,Verdana,Helvetica,sans-serif;}
.index_news_box .news_list{ margin-top:35px; line-height:20px;}
.index_news_box .news_list ul{ margin-bottom:20px;}
.index_news_box .news_list li{ list-style:none; padding-top:20px; padding-bottom:20px; border-bottom:dashed 1px #b8b8b8;}
.index_news_box .news_list li a{ color:#0097ff; display:block; height:40px; overflow:hidden;}
.index_news_box .news_list h2{ font-size:18px;}
.index_news_box .news_list hr{ border-top:solid 1px #e4e1e1; height:2px; border-bottom:solid 1px #fff;}
.index_news_box .news_list li p{ padding-top:50px; color:#666; }
#page_banner{ height:321px; text-align:center;}
#page_banner img{ width:100%; height:321px;}
#bread{ background:#f2f2f2; border-bottom:solid 1px #e2e0e0; height:52px; line-height:52px; font-size:18px;}
#bread a{ color:#215fa4; font-size:18px;}
#bread span{ padding-left:10px; padding-right:10px;}
.company_box{ padding-top:50px; padding-bottom:50px; line-height:30px; font-size:16px;}
.main{ margin-top:55px; margin-bottom:55px;}
#solid{ width:258px; float:left;}
#solid h2{ background:url(img/icon01.gif) no-repeat left center; font-size:25px; padding-left:20px; }
#solid ul{ background:#f2f2f2; margin-top:30px;}
#solid li{ list-style:none;}
#solid li a{ display:block; padding-top:20px; padding-bottom:20px; padding-left:20px;}
#solid li a:hover,#solid li a.on{ background:#4285f6 url(img/icon02.gif) no-repeat 228px center; color:#fff; text-decoration:none; }
#pro_box{ width:870px; float:right;}
#pro_box h2{ height:52px; line-height:30px; font-size:25px; font-weight:normal;}
#pro_box .pro_info{ line-height:25px; margin-bottom:30px;}
#pro_box .pro_list{ margin-bottom:10px;}
#pro_box .pro_list li{ list-style:none; float:left; width:264px; padding-right:20px; text-align:center;}
#pro_box .pro_list li img{ max-width:264px; height:166px;}
#pro_box .pro_list li p{ padding-top:20px; padding-bottom:20px; text-align:center;}
/*CSS sabrosus style pagination*/

DIV.sabrosus {
	
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
.news_list{ margin-bottom:20px;}
.news_list li{ list-style:none; height:auto; overflow:hidden; padding-top:15px; padding-bottom:15px; font-size:16px; }
.news_list li a{ display:block; float:left; color:#333; font-size:16px;}
.news_list li span{ display:block; float:right; color:#666;}
#pro_box h3{ font-size:18px; padding-bottom:20px;}
#return_box { margin-top:20px;}
#return_box a{ font-size:16px;}
.contact_info{ width:330px; float:left;}
.contact_info h2{ font-size:18px; margin-bottom:20px;}
.contact_info p{ line-height:30px; font-size:16px;}
.contact_info p b{ display:block; padding-bottom:20px;}
.contact_map{ width:826px; float:right;}