/* CSS Document */
body{ background:#FFF; color:#666; font:14px/20px "microsoft YaHei",Arial,????;}
*{ padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6, pre, code, caption, cite, code, em, strong, table, th, td{ font-size:1em; font-style:normal; font-weight:normal;}
strong{ font-weight:bold;}
ul{ list-style:none outside none;}
ol{ list-style:demical outside none;}
img{ border:0; vertical-align:middle;}
caption, th{ text-align:left;}
table{ border-collapse:collapse; border-spacing:0;}
i, cite, em{ font-style:normal;}

.clear{ clear:both; display:block; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

.fl{ float:left;}
.fr{ float:right;}
.zoom{ zoom:1;}

.red{ color:#F00;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#AA0108; text-decoration:underline;}

.more{ color:#FFF; position:absolute; width:45px; right:5px; top:15px; font-size:12px; font-weight:normal;}
.more:hover{ color:#FFF; text-decoration:underline;}
.title{ position:relative; padding:15px 10px; margin-bottom:20px; display:block; background:#e4393c; overflow:hidden;}
.title span{ font-size:18px; color:#FFF; font-weight:bold;}
.index-title{ position:relative; font-size:18px; color:#C33; font-weight:bold; padding:10px; margin-bottom:20px; display:block; border-left:#C33 5px solid; background:url(img/index_title_bg.gif) repeat; overflow:hidden;}
.index-title span{ display:block; font-size:16px; color:#333; margin-bottom:3px; font-weight:normal; text-transform:uppercase;}
.index-title .more{ color:#AA0108; top:20px;}

#wrapper{ overflow:hidden;}
#header{ height:164px;}
.container{ width:1200px; margin:0 auto;}
#logo{ width:482px; height:100px; float:left; margin:34px 0 0 20px;}
#tel{ width:221px; height:64px; float:right; margin:54px 25px 0 0;}

/* menu start */
.menu-wrap{ width:100%; height:45px; background:#e4393c;}
ul.sf-menu{ width:1200px; margin:0 auto; line-height:1;}
ul.sf-menu ul{ position:absolute; width:150px; top:-999em;}
ul.sf-menu ul li{ width:100%}
ul.sf-menu li:hover{ visibility:inherit}
ul.sf-menu li{ position:relative; float:left; background:#e4393c;}
ul.sf-menu li a,ul.sf-menu li a:hover{ position:relative; color:#FFF; font-size:18px; text-align:center; display:block; width:150px; padding:13px 0 14px; text-decoration:none; }
ul.sf-menu li.current a{ background:#a40000;}
ul.sf-menu li li a,ul.sf-menu li li a:hover{ font-size:16px; background:none; width:150px;}
.sf-menu li:hover ul,.sf-menu li.sfhover ul{ z-index:99; top:45px; left:0px}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfhover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfhover li ul{ top:-999em}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfhover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfhover ul{ top:0px; left:150px;}
.sf-menu li:hover,.sf-menu li.sfhover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{ outline-width:0px; background:#a40000;}
.sf-menu a.sf-with-ul{ min-width:1px;}
.sf-sub-indicator{ position:absolute; text-indent:-999em; width:10px; display:block; background:url(img/arrows-ffffff.png) no-repeat -10px -100px; height:10px; overflow:hidden; top:1.05em; right:10px}
a > .sf-sub-indicator{ background-position:0px -100px; top:1em}
a:focus > .sf-sub-indicator{ background-position:-10px -100px}
a:hover > .sf-sub-indicator{ background-position:-10px -100px}
a:active > .sf-sub-indicator{ background-position:-10px -100px}
li:hover > a > .sf-sub-indicator{ background-position:-10px -100px}
li.sfhover > a > .sf-sub-indicator{ background-position:-10px -100px}
.sf-menu ul .sf-sub-indicator{ background-position:-10px 0px}
.sf-menu ul a > .sf-sub-indicator{ background-position:0px 0px}
.sf-menu ul a:focus > .sf-sub-indicator{ background-position:-10px 0px}
.sf-menu ul a:hover > .sf-sub-indicator{ background-position:-10px 0px}
.sf-menu ul a:active > .sf-sub-indicator{ background-position:-10px 0px}
.sf-menu ul li:hover > a > .sf-sub-indicator{ background-position:-10px 0px}
.sf-menu ul li.sfhover > a > .sf-sub-indicator{ background-position:-10px 0px}
.sf-shadow ul{ padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{ background:none transparent scroll repeat 0% 0%}

#banner{ width:100%; height:450px; margin:0 auto; background:url(img/banner_bj.jpg); overflow:hidden;}


/*?????*/
.all-category{ float:left; width:232px; position:relative; z-index:20; }
.category-cont{ background:url(img/category_bg.gif) repeat-y top right;}
/*???????*/
.first-category{ width:232px; height:415px; overflow:visible; background:url(img/category_bottom.gif) no-repeat bottom right;}
.first-category li{ width:223px; heigth:36px; line-height:36px; position:relative; background:url(img/category_icon.png) no-repeat 26px 12px;}
.first-category li span a{ color:#333; font-size:16px; padding-left:50px; display:block;}
.first-category li:hover{ background-color:#E5E5E5;}
.first-category li.first-li{ border-top:#ececec 1px solid;}
/*????????*/
.all-category .second-category{ display:none;}
.first-category li:hover .second-category{ display:block; position:absolute; left:220px; top:5px; width:145px; background:#e4393c; z-index:30;}
.all-category .second-category dl{ line-height:38px;}
.all-category .second-category dl dd{ white-space:nowrap;}
.all-category .second-category dl dd a{ color:#FFF; text-align:center; width:145px; display:block; border-bottom:#f4adaf 1px solid;}
.all-category .second-category dl dd a:hover{ background:#a40000;}

/*search*/
.search{ height:40px; padding:16px 0; color:#333; overflow:hidden;}
.search .search-box{ float:left; width:500px; overflow:hidden;}
.search .search-box input.search-input{ float:left; color:#666; width:380px; height:36px; padding:0 5px; border:2px solid #E4393C; line-height: 36px;}
.search .search-box input.search-btn{ float:left; color:#FFF; font-size:16px; line-height:40px; width:86px; height:40px; border:none; background:#e4393c; cursor:pointer;}
.search .search-box:hover input.search-input{ border-color:#a40000;}
.search .search-box:hover input.search-btn{ background:#a40000;}
.search .search-hot{ float:left; margin-left:50px; line-height:40px;}
.search .search-hot span{ font-size:18px;}
.search .search-hot a{ padding:0 10px;}


/*???*/
.main-index{ width:1200px; margin:0 auto 16px;}
.first-index{ height:480px; border:none;}
.second-index{ height:257px;}
.four-index{ height:304px;}
.five-index{ height:310px;}
.index-box{ overflow:hidden;}

.index-box .index-cont{ overflow:hidden;}
.main-index .index-column{ position:relative; color:#090707; overflow:hidden;}
.main-index .index-column .column{ color:#333; font-size:16px; float:left; padding:0 0 0 18px; font-family:"Microsoft YaHei";}
.main-index .index-column .column span{ font-size:12px; color:#040404; font-weight:normal; text-transform:capitalize;}
.ad-box{ margin-bottom:16px;}

/*????б?*/
.first-index .product-box{ float:right; width:948px;}
.first-index .product-box .product-list{ padding:0 0 0 6px;}
.first-index .product-box .product-list li{ float:left; width:280px; height:200px; text-align:center; margin:0 17px 9px; overflow:hidden;}
.first-index .product-box .product-list li img{ padding:4px; margin:0 0 6px; border:#CDCDCD 1px solid;}

/*??????????*/
.second-index #demo{ width:1160px; height:190px; margin:15px auto 12px; overflow:hidden;}
.second-index #indemo{ float:left; width:800%;}
.second-index #demo .img{ float:left; width:220px; height:190px; text-align:center; margin:0px 14px 0 0; overflow:hidden;}
.second-index #demo .img a{ overflow:hidden;}
.second-index #demo .img img{ width:210px; height:140px; margin:0 0 6px; padding:4px; border:#CCC 1px solid;}
.second-index #demo1, .second-index #demo2{ float:left;}

/*????????*/
.advantage-index{ width:100%; margin:0 auto 30px; background:url(img/advantage_bg.png) repeat;}
.advantage-index .advantage-box{ padding:30px 0; }
.advantage-index .advantage-box .advantage-tit{ color:#00567C; font-size:36px; text-align:center; line-height:70px; font-weight:bold;}
.advantage-index .advantage-box .advantage-tit span.red{ color:#C33; font-size:50px;}
.advantage-index .advantage-box .advantage-tit p.block{ height:30px; line-height:30px; font-size:18px; font-weight:normal; display:block; background:url(img/advantage_tit_bg.png) no-repeat center;}
.advantage-index .advantage-box .advantage-list{ padding:40px 0; overflow:hidden;}
.advantage-index .advantage-box .advantage-list dl{ float:left; width:25%; margin:0 4%;}
.advantage-index .advantage-box .advantage-list dl dt{ text-align:center; margin-bottom:15px;}
.advantage-index .advantage-box .advantage-list dl dd{ margin-bottom:10px; font-size:14px; padding-left:30px; background:url(img/sale_icon.gif) no-repeat left 5px; }
.advantage-index .advantage-box .advantage-list dl dd.tit{ text-align:center; font-size:26px; line-height:40px; color:#00567C; padding:0; background:none;}

.advantage-index .choose-box{ margin-bottom:40px; overflow:hidden;}
.advantage-index .choose-box .choose-txt{ width:500px;}
.advantage-index .choose-box .choose-txt dt{ color:#00A1E9; font-size:28px; font-weight:bold; line-height:32px; margin-bottom:18px;}
.advantage-index .choose-box .choose-txt dd{ color:#555; font-size:14px; margin-bottom:10px;}
.advantage-index .choose-box .choose-txt dd span{ color:#f60;}
.advantage-index .choose-box .choose-img{ width:500px;}
.advantage-index .first .choose-txt{ float:left; padding-top:50px;}
.advantage-index .first .choose-img{ float:right;}
.advantage-index .second .choose-txt{ float:right;padding-top:60px;}
.advantage-index .second .choose-img{ float:left;}
.advantage-index .first{ height:330px; background:url(img/choose1.jpg) no-repeat right bottom;}

/*??????*/
.third-index .about-box{ overflow:hidden;}
.third-index .about-box .about-img{ float:left; width:310px; height:222px; margin:5px 20px 0 0;}
.third-index .about-box .about-txt p{ font-size:14px; line-height:26px; margin-bottom:8px;}
.third-index .about-box .about-txt p.about-tit{ font-size:16px; font-weight:bold; color:#00A1E9; margin-top:15px;}
.third-index .about-box .about-txt a.about-more{ display:inline-block; width:71px; height:22px; text-align:center; line-height:22px; color:#FFF; background:#E4393C;}
.third-index .about-box .about-txt a.about-more:hover{ text-decoration:underline;}

/*???????*/
.customer-cont { width:1200px; height:150px; position:relative;}
.customer-cont .t_lt,.customer-cont .t_rt { top:37px;}
.customer-wrp { width:1165px; margin:0 auto;}
.customer-wrp li { float:left; width:180px; display:inline; margin:0 7px;}
.customer-wrp img { width:174px; height:110px; padding:2px; border:1px solid #ddd;}
.customer-wrp span { display:block; text-align:center; color:#222; margin-top:8px;}
.customer-cont .t_lt { background:url(img/s_lt.gif) no-repeat; width:15px; height:41px; position:absolute; left:0px;}
.customer-cont .t_rt { background:url(img/s_rt.gif) no-repeat; width:15px; height:41px; position:absolute; right:0px;}

/*???????*/
.news-index{ width:100%; padding:20px 0; margin:0 auto; background:#F1F1F1; overflow:hidden;}
.news-index .container{ margin-bottom:20px; overflow:hidden;}
.news-index .index-box{ float:left; width:346px; height:200px; margin-right:20px; background:#FFF; padding:15px 20px; overflow:hidden;}
.news-index .index-box .index-title{ background:none; border:none; padding:0; }
.news-index .index-box.last{ float:right; margin-right:0;}
.news-index .first li,.news-index .second li{ padding-left:20px; font-size:14px; }
.news-index .first li a,.news-index .second li a{ display:inline-block; height:26px; line-height:12px; overflow:hidden;}
.news-index .last .index-cont{ height:130px; overflow:hidden;}
.news-index .last .index-cont #xst{ font-size:13px; line-height:22px; height:130px; }

/*????????*/
.news-index .link-box{ font-size:14px; margin-bottom:0; overflow:hidden;}
.news-index .link-box .index-tit{ margin-bottom:15px;}
.news-index .link-box .index-tit span{ font-size:16px;}
.news-index .link-box .index-cont a{ padding:3px 10px; display:inline-block; /*white-space:nowrap;*/}
.news-index .link-box .index-cont li{display :inline;}

/*???*/
.main-in{ padding-top: 20px; margin-bottom:20px; zoom:1; overflow:hidden;}
.sidebar{ float:left; width:232px; margin-top:-1px;}
.main-cont{ float:right; width:948px; margin:1px 2px 0; min-height:500px; _height:expression(this.scrollHeight < 500 ? "500px" :"auto");}
.main-cont .main-txt{ padding:15px; border:1px #CCC solid; overflow:hidden;}

/*????*/
.sidebar .sidebar-box{ width:224px; margin-bottom:16px; overflow:hidden;}
.sidebar .last-sidebar-box{ margin-bottom:0;}
.sidebar .sidebar-box .sidebar-tit{ position:relative; color:#FFF; height:36px; line-height:36px; font-size:16px; text-align:center; background:#E4393C;}
.sidebar .sidebar-box .sidebar-tit a.more{ top:8px; right:6px;}
.sidebar .sidebar-box .sidebar-cont{ padding:10px; border:#DDD 1px solid; border-top:none;}

/*???????*/
.sidebar .all-cate{ width:232px; background:url(img/category_bg.gif) repeat-y top right;}
.sidebar .all-cate .tit{ width:204px; font-size:18px; color:#FFF; font-weight:bold; padding:15px 10px; margin-bottom:20px; display:block; background:#e4393c; overflow:hidden;}
.sidebar .cate-cont{ background:url(img/category_bottom.gif) no-repeat bottom right; padding-bottom:30px;}
.sidebar .cate-cont .cate-first{ width:224px; heigth:36px; line-height:36px; position:relative; background:url(img/category_icon.png) no-repeat 26px 12px;}
.sidebar .cate-cont .cate-first a{ color:#333; font-size:16px; padding-left:50px; display:block; text-decoration:none;}
.sidebar .cate-cont .cate-first:hover{ background-color:#E5E5E5;}
.sidebar .cate-cont ul.cate-second{ width:194px; margin-bottom:5px; padding-left:16px; overflow:hidden;}
.sidebar .cate-cont .cate-second li{ background:url(img/cate_line.gif) left bottom repeat-x; height:35px; line-height:35px;}
.sidebar .cate-cont .cate-second li a{ display:inline-block; padding-left:34px; color:#333; font-size:13px; display:block; text-decoration:none;}
.sidebar .cate-cont .cate-second li a:hover{ color:#e4393c;}

/*????*/
.sidebar .sidebar-box .search-cont .search-box{ overflow:hidden;}
.sidebar .sidebar-box .search-cont .search-box input.search-input{ float:left; color:#666; width:150px; height:26px; line-height: 26px; padding:0 5px; border:2px solid #E4393C; border-right:none;}
.sidebar .sidebar-box .search-cont .search-box input.search-btn{ float:left; color:#FFF; font-size:16px; width:36px; height:30px; border:none; cursor:pointer; background:url(img/ss.jpg) no-repeat;}
.sidebar .sidebar-box .search-cont .search-box:active input.search-btn{ -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}

/*???????*/
.sidebar .sidebar-box .contact-cont{ padding-top:12px; background:url(img/contact_bg.jpg) no-repeat right bottom; padding-bottom: 100px;}
.sidebar .sidebar-box .contact-cont p{ font-size:14px; line-height:28px;}

/*???????*/
.sidebar .news-box ul{ padding:5px;}
.sidebar .news-box li{ height:30px; line-height:30px; padding:0 0 0 17px; background:url(img/icon.gif) no-repeat 0 0; overflow:hidden;}
.sidebar .news-box li a{ height:30px; display:block; overflow:hidden;}

/*??????*/
.main-cont .main-tit{ margin-bottom:10px; overflow:hidden;}
#breadcrumb{ color:#333; line-height:36px; padding:0 20px; border-left:4px solid #E43A3B;}
#breadcrumb a{ color:#AA0108; padding:0 5px;}
#breadcrumb a:hover{ text-decoration:underline;}

/*????????*/
.main-cont .about-txt{ font-size:14px; line-height:26px;}
.main-cont .about-txt p{ margin-bottom:10px;}
.main-cont .about-txt .about-img{ float:left; width:310px; height:222px; padding:4px; border:#CCC 1px solid; background:#FFF; margin:5px 20px 4px 0;}
.main-cont .about-txt .about-bottom{ text-align:center; margin:50px 0;} 

/*?????б?*/
.main-cont .news-txt{ padding-bottom:0;}
.main-cont .news-txt li{ padding-bottom:20px;/* margin-bottom:15px; border-bottom:#DADADA 1px dashed;*/ overflow:hidden;}
.main-cont .news-txt li .item-left{ float:left; width:170px; padding:4px; border:#CCC 1px solid; background:#FFF;}
.main-cont .news-txt li .item-right{ float:right; width:720px;}
.main-cont .news-txt li .item-right .item-tit{ font-size:18px; height:20px; margin-bottom:10px; font-family:"Microsoft YaHei"; overflow:hidden;}
.main-cont .news-txt li .item-right .item-info{ color:#707070; font-size:14px; line-height:24px; height:74px; text-indent:30px; overflow:hidden;}
.main-cont .news-txt li .item-right .item-more{ text-align:right; padding-right:25px;}

.main-cont .item-txt{ padding:20px 40px 0;}
.main-cont .item-txt li{ padding-bottom:30px; overflow:hidden;}
.main-cont .item-txt li .item-tit{ font-size:18px; height:20px; margin-bottom:10px; font-family:"Microsoft YaHei"; overflow:hidden;}
.main-cont .item-txt li .item-info{ color:#707070; font-size:14px; line-height:24px; height:74px; text-indent:30px; overflow:hidden;}
.main-cont .item-txt li .item-more{ text-align:right; padding-right:25px;}

/*????б?*/
.main-cont .product-txt{ padding:20px 0 0 6px;}
.main-cont .product-txt ul{ overflow:hidden;}
.main-cont .product-txt li{ float:left; width:280px; height:200px; text-align:center; margin:0 15px 9px; overflow:hidden;}
.main-cont .product-txt li img{ padding:4px; margin:0 0 6px; border:#CDCDCD 1px solid;}
.main-cont .product-txt li span{ display:block; height:20px; overflow:hidden;}

/*???*/
.main-cont .news-txt li .tag-tit{ font-size:18px; height:20px; margin-bottom:10px; font-family:"Microsoft YaHei"; overflow:hidden;}
.main-cont .news-txt li .tag-info{ color:#707070; font-size:14px; line-height:24px; height:50px; margin-bottom:10px; text-indent:30px; overflow:hidden;}
.main-cont .news-txt li .tag-more{ text-align:right; padding-right:25px;}

/*??????*/
.main-cont .show-txt{ color:#717070;}
.main-cont .show-txt .show-tit{ font-size:20px; font-weight:bold; color:#333; text-align:center; margin-bottom:10px;}
.main-cont .show-txt .show-info{ border-bottom:#CCC 1px dashed; color:#a4a1a1; font-size:12px; text-align:center; line-height:30px; margin-bottom:15px;}
.main-cont .show-txt .show-info span{ padding:0 10px;}
.main-cont .show-txt .show-summary{ padding:10px; background:#F4F4F4; border:#E9E9E9 1px solid; margin-bottom:15px;}
.main-cont .show-txt .show-cont{ font-size:14px; line-height:22px;}
.main-cont .show-txt .show-cont p{ margin-bottom:15px;}
.main-cont .show-txt .show-evaluation{ text-align:center;}
.main-cont .show-txt .show-evaluation .praise,.main-cont .show-txt .show-evaluation .poor{ width:192px; height:48px; display:inline-block; margin:0 5px;}

.main-cont .expand-list{ text-align:right; border-top:#CCC 1px dashed; padding-top:20px; margin-top:30px; overflow:hidden;}
.main-cont .expand-list li{ display:inline-block; color:#333; padding-left:30px; margin-bottom:10px;}
.main-cont .expand-list li a{ color:#666;}
.main-cont .expand-list li a:hover{ color:#AA0108;}

/*???????*/
.main-cont .related-box{ padding-top:20px; overflow:hidden;}
.main-cont .related-box .related-tit{ position:relative; font-size:18px; color:#C33; font-weight:bold; padding:10px;display:block; border-left:#C33 5px solid; background:url(img/index_title_bg.gif) repeat; overflow:hidden;}
.main-cont .related-box .related-tit span{ display:block; font-size:16px; color:#333; margin-bottom:3px; font-weight:normal; text-transform:uppercase;}
.main-cont .related-box .related-tit .more{ color:#AA0108; top:22px;}
.main-cont .related-box ul{ padding:20px 0; border:1px #CCC solid; border-top:none; overflow:hidden;}
.main-cont .related-box li{ float:left; width:380px; height:30px; line-height:30px; padding:0 0 0 17px; margin:0 30px; background:url(img/icon.gif) no-repeat 0 -131px; overflow:hidden;}
.main-cont .related-box li a{ height:30px; display:block; overflow:hidden;}
.main-cont .related-operat{ padding-top:10px; text-align:right;}
.main-cont .related-operat a{ padding:0 20px;}

/*????????*/
.main-cont .network-box{}
.network-tit{ width:146px; height:46px; line-height:46px; background:#e43a3b; text-align:center; color:#FFF; font-size:20px;}
.network-img{ text-align:center; padding:50px 0;}

/*page navigation*/
.page-navigation{ padding:20px; color:#e3393c; text-align:right; display:block; overflow:hidden;}
.page-navigation li { display: inline; padding:0 2px; }
.page-navigation a{ margin-right:2px; padding:1px 2px;}
.page-navigation a.cur{ font-size:16px; color:#AA0108;}

/*Footer*/
#footbar{ background:#E4393C; font-size:14px; line-height:38px; overflow:hidden;}
#footbar-c{ text-align:center; overflow:hidden; color:#EAF3FB;}
#footbar-c a{ padding:0 6px; color:#EAF3FB;}
#footbar-c a:hover{ text-decoration:underline;}
#foot{ background:#EDEDED;}
#footer{ font-size:14px; padding:20px 0; overflow:hidden;}
#footer-c{ width:800px; float:left; line-height:24px; padding-left:150px;}
#footer-r{ width:170px; float:right;}