@charset "utf-8";
/* --------reset-------- */
html{zoom: expression(function(ele){ ele.style.zoom = "1"; document.execCommand("BackgroundImageCache", false, true);}(this));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea,button { font-size: 100%; }
fieldset,img,abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: 400; }
ol,ul,li { list-style: none; }
h1,h2,h3,h4,h5,h6,legend { font-size: 100%; font-weight: 400; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }

/* --------base-------- */
body {font-size:12px;font-family:微软雅黑,宋体,Tahoma,Arial,sans-serif; color: #585858;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong,caption,th { font-weight: 700; }
abbr,acronym { border-bottom: 1px dotted #aaa; cursor: help; }
em { font-style: italic; }
/*th,td { border: 1px solid #aaa; padding: 8px 5px 6px; }*/
p,fieldset,table { margin-bottom: 1em; }
legend { margin-left: 7px; +margin: 0; }
.clearfix:after { content: "\20"; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.red { color: #F00; }
.black { color: #000; }
.white { color: #FFF; }
.blue { color: #00F; }
.green { color: #008000; }
.brown { color: #A52A2A; }
.gray { color: #ccc; }
.cb:after{content:"\20";display: block;width:0;height:0;clear:both;}
.cb{zoom:1;}
.ofH{overflow:hidden;}
.clear{ width:0; height:0; clear:both; overflow:hidden;}
.mc{margin-left:auto;margin-right:auto;}
.taC{text-align:center;}
.bod{ border:1px solid red;}
.fL{float:left;}
.fR{float:right;}
.dpN{display:none;}
/*top nav kv*/
a{ color:#6a6a6a; text-decoration:none;}
a:hover{ color:#0d579e; text-decoration:underline;}
.top .topline{background:#303a3f; height:5px; overflow:hidden;}
.w980{width:980px;}
.top .logo{ margin-top:5px; width:553px;}
.top .topbg{ background: url(../images/topbg.jpg) repeat-x; height:80px;}
.top .topbg .topright{ margin-top:5px; width:275px; overflow:hidden;}
.top .topbg .topright select{ width:140px; margin-left:10px; color:#6a6a6a;}
.top .topbg .topright .search { margin-left:65px;}
.top .topbg .topright .searchbg{ background:url(../images/searchbg.jpg) no-repeat; width:164px; height:27px; margin-top:15px; }
.top .topbg .topright .searchbg input{ border:none; margin-top:3px; height:20px; margin-left:15px; background:none; color:#868686; width:135px; line-height:20px;}
.top .topbg .topright .search input[type='image']{ margin-top:15px;}
/*nav*/
.nav{ background:url(../navbg.jpg) repeat-x; height:40px;}
#div{width:980px;}
#ul1{height:33px;border-right:none;position:relative;overflow:hidden;}
#ul1 li{float:left;height:33px;line-height:33px;text-align:center; font-size:15px; }
#ul1 li a{position:relative; color:#fff;}
#ul1 li a:hover{ text-decoration:none;}
.div1{height:38px;}
#li1 .div1{background:#b9d329; width:135px;}
#li2 .div1{background:#ffae5b; width:135px;}
#li3 .div1{background:#b9d329; width:135px;}
#li4 .div1{background:#69bcf3; width:135px;}
#li5 .div1{background:#b9d329; width:135px;}
#li6 .div1{background:#79d9f3; width:135px;}
#li7 .div1{background:#fa5f94; width:135px;}
#li8 .div1{background:#acd180; width:135px;}
#li9 .div1{background:#79d9f3; width:135px;}
/*kv*/
#full-screen-slider { width:100%; height:455px; float:left; position:relative}
#slides { display:block; width:100%; height:455px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.inpro{ width:215px;}
.bt{ border-bottom:2px solid #036592; padding-bottom:2px;}
.bt .btone{ font-size:15px; color:#0d579e; font-weight:700;}
.inpro ul{ margin-top:13px;}
.inpro .inprobg1 a{ background:url(../le01.jpg) no-repeat; width:165px; height:37px; display:block; line-height:30px; padding-left:50px; overflow:hidden; margin-bottom:2px;}
.inpro a:hover{text-decoration:none;}
.inpro .inprobg2 a{ background:url(../images/le02.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.inpro .inprobg3 a{ background:url(../images/le03.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.inpro .inprobg4 a{ background:url(../images/le04.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.inpro .inprobg5 a{ background:url(../images/le05.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.inpro .inprobg6 a{ background:url(../images/le06.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.inpro .inprobg7 a{ background:url(../images/le07.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px;  overflow:hidden;}
.inpro .inprobg8 a{ background:url(../images/le08.jpg) no-repeat; width:165px; height:30px; display:block; line-height:32px; padding-left:50px; overflow:hidden;}
.middle{ width:465px; margin-left:27px;}
.middle .middlecon{ margin-top:20px; line-height:20px;}
.middle .middlecon img{ margin-bottom:10px;}
.right{ width:245px; margin-left:27px;}
.right .rightcon{ margin-top:15px; line-height:20px;}
.right .rightcon img{ margin-top:10px;}
.prolist{ width:980px; margin-top:10px;}
.roll{ text-align:center;}
.bottom{ border-top:1px solid #dedede; margin-top:10px; padding-top:15px; padding-bottom:10px; text-align:center;}
.bottom span{ color:#c10608;}
/*about*/
.mt15{ margin-top:15px; line-height:24px;}
.aboutkv{ background:url(../images/nekv.jpg) no-repeat top center; height:255px; width:100%;}
.ableft .title{ background:url(../images/ab01.jpg) no-repeat; width:230px; height:40px; line-height:35px; padding-left:25px; font-size:20px; font-weight:700;}
.ableft .title span{ color:#27a4dd; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; padding-left:10px;}
.ableft .abprolist li{ margin-top:5px; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.ableft .abprolist li a{ width:225px; height:32px; line-height:30px; background:url(../images/ab03.jpg) no-repeat; display:block; padding-left:30px;font-size:14px;}
.ableft .abprolist li a:hover{ background:url(../images/ab02.jpg) no-repeat; color:#fff; text-decoration:none; }
.ableft .abprolist .select{ background:url(../images/ab02.jpg) no-repeat; color:#fff; text-decoration:none; }
.abrgiht{ width:700px; margin-top:13px; _margin-top:19px;}
.abrgiht .abrighttitle{text-align:right; border-bottom:1px solid #c3c3c3; line-height:25px;}
.abrgiht .abrighttitle img{ margin-right:5px;}

/*product*/
.box{ width:700px; overflow:hidden;}
.product{ width: 750px;}
.product li{text-align:center;margin-right:22px; margin-bottom:10px; margin-top:5px;}
.product li a{ width:215px; height:140px; }
.product li img{ border:1px solid #ccc; padding:3px; margin-bottom:5px; width:210px; height:160px;}

.product .title{ height:30px; text-align:center; line-height:30px; font-size:16px; padding-top:30px;}
.product .cont{ padding:0 10px;28px;}
.product .cont p,.product .cont div{ line-height:28px;}



.news{margin:0 auto; padding:10px 0; width:690px; }
.news li{ overflow:hidden; background:url(../images/news_icon.jpg) 0 center no-repeat; padding-left:14px; border-bottom:1px dashed #CCC; margin:auto; line-height:36px; height:36px;}
.news li a{ display:block; float:left; color:#333; font-size:12px; line-height:36px; height:36px;}
.news li i{ float:right; font-size:12px; font-style:normal; margin-right:20px;color:#666;}

.news .title{ line-height:30px;  font-size:18px; color:#036; font-weight:bold; text-align:center;}
.news .datetime{ text-align:center; padding:10px 0;}
.news .content,.news .content p{ line-height:28px; font-size:12px; color:#333;}
.provnext{padding:0 5px; }
.prov{ height:24px; line-height:24px; font-size:12px;color:#666; }
.next{ height:24px; line-height:24px;font-size:12px;color:#666;}

.next a,.prov a{ color:#009933;}
.next a:hover,.prov a:hover{ color:#00A151;}



.logistics{ width: 750px;}
.logistics li{text-align:center;margin-right:55px; margin-bottom:10px; margin-top:5px;}
.logistics li a{ width:215px; height:140px; }
.logistics li img{ border:1px solid #ccc; padding:3px; margin-bottom:5px; width:119px; height:54px;}


.roll{ overflow:hidden; padding-top:10px;}
.marquee { overflow:hidden; WIDTH: 980px; HEIGHT: 164px}
.roll ul{}
.roll ul li{ float:left; width:200px; height:164px; margin-right:7px;}
.roll ul li img{ width:190px; height:154px; padding:4px; border:1px #ccc solid;}


/**分页样式*/
.pagination { float:right; margin:auto; text-align:center;}
.pagination a { border:#ddd 1px solid; display:block; float:left; ;COLOR: #666; MARGIN-RIGHT:2px; width:26px; line-height:20px; text-align:center; height:20px;text-decoration:none; background:#fff;}
.pagination a:hover ,.pagination a:active { border:#59C3EA 1px solid; color:#666; background-color:#F2F5F9;}
.pagination span.current { display:block; float:left; border:#eee 1px solid;font-weight:bold; color:#fff; margin-right:2px; background-color:#0174B7;width:26px; line-height:20px; text-align:center; height:20px;}
.pagination span.disabled { border:#ccc 1px solid; color:#ccc; background:#f3f3f3; margin-right:2px; display:block; float:left;width:26px; line-height:20px; text-align:center; height:20px;}

.i2{ display:block; clear:both; height:2px; line-height:2px; font-size:2px; overflow:hidden;}
.i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;}
.i8{ display:block; clear:both; height:8px; line-height:8px; font-size:8px; overflow:hidden;}
.i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;}
.i12{ display:block; clear:both; height:10px; line-height:12px; font-size:12px; overflow:hidden;}
.i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;}
.i20{ display:block; clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;}
.i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;}
.i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;}

.smallclass ul{}
.smallclass li{ float:left; width:135px; height:20px; background-color:#069;padding:5px 10px;margin-right:20px; margin-bottom:5px; margin-top:5px; display:block;}
.smallclass li:hover{ background-color:#F90;}
.smallclass li a{ color:#fff; width:135px;height:20px; display:block; line-height:20px;}